.s24-header{z-index:40;height:var(--s24-header-h);--s24-header-veil:0;border-bottom:1px solid rgba(27, 37, 89, calc(.12 * var(--s24-header-veil)));background:rgba(237, 242, 251, calc(.62 * var(--s24-header-veil)));-webkit-backdrop-filter:blur(calc(18px * var(--s24-header-veil))) saturate(calc(100% + 40% * var(--s24-header-veil)));backdrop-filter:blur(calc(18px * var(--s24-header-veil))) saturate(calc(100% + 40% * var(--s24-header-veil)));opacity:0;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:1.5rem;padding-inline:clamp(1.25rem,4vw,3rem);display:grid;position:fixed;inset:0 0 auto}.s24-brand-ready .s24-header{animation:s24-header-in .8s var(--s24-ease) var(--s24-seq-caption) both}@keyframes s24-header-in{to{opacity:1}}@media (scripting:none){.s24-header{opacity:1}}.s24-header__slot{aspect-ratio:638/665;justify-self:start;height:4rem}.s24-header__nav{scrollbar-width:none;grid-column:2;min-width:0;overflow-x:auto}.s24-header__nav::-webkit-scrollbar{display:none}.s24-header__auth{grid-column:3;justify-self:end;align-items:center;gap:.5rem;display:flex}.s24-header__cta{border:1px solid var(--s24-accent-strong);background:var(--s24-accent);color:#fff;letter-spacing:.01em;white-space:nowrap;transition:background-color .35s var(--s24-ease), box-shadow .35s var(--s24-ease);border-radius:.6rem;flex:none;align-items:center;padding:.55rem 1.05rem;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #1c3aa938}.s24-header__cta:hover,.s24-header__cta:focus-visible{background:var(--s24-accent-strong);box-shadow:0 6px 16px #1c3aa94d}.s24-header__cta:focus-visible{outline:2px solid var(--s24-accent-strong);outline-offset:3px}.s24-header__cta-short{display:none}.s24-header__auth .s24-authbtn{box-shadow:none;color:var(--s24-accent-strong);background:0 0;border-color:#0000;font-weight:600}.s24-header__auth .s24-authbtn:hover,.s24-header__auth .s24-authbtn:focus-visible{color:var(--s24-accent-strong);background:#2f5bd71a}.s24-header__list{align-items:center;gap:clamp(.9rem,2.5vw,2rem);margin:0;padding:0;list-style:none;display:flex}.s24-header__link{color:var(--s24-ink-muted);letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;transition:color .35s var(--s24-ease);padding:.35rem 0;font-size:clamp(.9rem,1.1vw,1rem);font-weight:500;text-decoration:none;display:inline-block;position:relative}.s24-header__link[aria-current]{color:var(--s24-accent-strong)}.s24-header__link[aria-current]:after{content:"";background:currentColor;height:1px;position:absolute;inset-block-end:.1rem;inset-inline:0}.s24-header__link:hover,.s24-header__link:focus-visible{color:var(--s24-accent-strong)}.s24-header__link:focus-visible{outline:2px solid var(--s24-accent-strong);outline-offset:3px}@media (max-width:48rem){.s24-header__nav{display:none}.s24-header__slot{grid-column:1;justify-self:start}}@media (prefers-reduced-motion:reduce){.s24-header,.s24-brand-ready .s24-header{opacity:1;animation:none}.s24-header__link{transition:none}}@media (max-width:48rem),(hover:none) and (pointer:coarse){.s24-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(237, 242, 251, calc(.94 * var(--s24-header-veil)))}}@media (max-width:48rem){.s24-header{grid-template-columns:auto minmax(0,1fr);gap:.5rem;padding-inline:.9rem 2.2rem}.s24-header__slot{height:3.1rem}.s24-header__auth{grid-column:2;gap:.4rem;min-width:0}.s24-header__cta{padding:.5rem .7rem;font-size:.78rem}}@media (max-width:34rem){.s24-header__cta-full{display:none}.s24-header__cta-short{display:inline}.s24-header__auth .s24-lang{flex:none}.s24-header__auth .s24-authbtn{text-overflow:ellipsis;min-width:0;padding-inline:.55rem;font-size:.74rem;overflow:hidden}}@media (prefers-reduced-motion:reduce){.s24-header__cta{transition:none}}
.s24-chapter{min-height:100svh;padding:calc(var(--s24-header-h) + clamp(2rem, 6vh, 4rem)) clamp(1.25rem, 5vw, 4.5rem) clamp(4rem, 10vh, 7rem);align-items:center;scroll-margin-top:0;display:grid;position:relative}.s24-chapter__ghost{display:none}@media (min-width:64rem){.s24-chapter{column-gap:clamp(2rem,5vw,5rem);padding-inline:clamp(3rem,7vw,7rem)}.s24-chapter[data-side=left]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.s24-chapter[data-side=right]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.s24-chapter[data-side=left] .s24-sheet{grid-column:1}.s24-chapter[data-side=right] .s24-sheet{grid-column:2}.s24-chapter__ghost{color:#1b25590d;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:-.05em;-webkit-text-stroke:1.5px #1b25594d;-webkit-user-select:none;user-select:none;transition:color .7s var(--s24-ease), opacity .7s var(--s24-ease), -webkit-text-stroke-color .7s var(--s24-ease);grid-row:1;align-self:center;font-size:clamp(8rem,17vw,17rem);font-weight:500;line-height:.8;display:block}.s24-chapter.is-focused .s24-chapter__ghost{color:#1b255914;-webkit-text-stroke-color:#1c3aa973}.s24-chapter[data-side=left] .s24-chapter__ghost{grid-column:2;justify-self:start}.s24-chapter[data-side=right] .s24-chapter__ghost{grid-column:1;justify-self:end}}.s24-sheet{border:1px solid var(--s24-glass-border);border-radius:var(--s24-radius-lg);background:var(--s24-glass-strong);box-shadow:var(--s24-shadow-deep), inset 0 1px 0 #ffffffb3;-webkit-backdrop-filter:var(--s24-glass-blur);backdrop-filter:var(--s24-glass-blur);flex-direction:column;gap:clamp(1.4rem,3vh,2.1rem);padding:clamp(1.5rem,3.2vw,2.75rem);display:flex;position:relative}.s24-sheet:before,.s24-sheet:after{content:"";border:1px solid var(--s24-accent);opacity:.35;pointer-events:none;width:.7rem;height:.7rem;position:absolute}.s24-sheet:before{border-bottom:0;border-right:0;top:.75rem;left:.75rem}.s24-sheet:after{border-top:0;border-left:0;bottom:.75rem;right:.75rem}.s24-focus-ready .s24-sheet{opacity:.32;transform-origin:top;box-shadow:var(--s24-shadow-soft), inset 0 1px 0 #ffffff80;transition:opacity .8s var(--s24-ease), transform .9s var(--s24-ease), box-shadow .8s var(--s24-ease);transform:scale(.965)translateY(1.25rem)}.s24-focus-ready .s24-chapter.is-focused .s24-sheet{opacity:1;box-shadow:var(--s24-shadow-deep), inset 0 1px 0 #ffffffb3;transform:none}.s24-focus-ready .s24-sheet:before,.s24-focus-ready .s24-sheet:after{opacity:0;transition:opacity .7s var(--s24-ease), inset .9s var(--s24-ease)}.s24-focus-ready .s24-sheet:before{top:1.5rem;left:1.5rem}.s24-focus-ready .s24-sheet:after{bottom:1.5rem;right:1.5rem}.s24-focus-ready .s24-chapter.is-focused .s24-sheet:before,.s24-focus-ready .s24-chapter.is-focused .s24-sheet:after{opacity:.35}.s24-focus-ready .s24-chapter.is-focused .s24-sheet:before{top:.75rem;left:.75rem}.s24-focus-ready .s24-chapter.is-focused .s24-sheet:after{bottom:.75rem;right:.75rem}.s24-focus-ready .s24-chapter__ghost{opacity:.45}.s24-focus-ready .s24-chapter.is-focused .s24-chapter__ghost{opacity:1}@media (max-width:64rem){.s24-focus-ready .s24-sheet,.s24-focus-ready .s24-chapter.is-focused .s24-sheet{opacity:1;transform:none}.s24-focus-ready .s24-sheet:before,.s24-focus-ready .s24-sheet:after{opacity:.35}}@media (prefers-reduced-motion:reduce){.s24-focus-ready .s24-sheet,.s24-focus-ready .s24-chapter__ghost{opacity:1;transition:none;transform:none}}.s24-sheet__head{flex-direction:column;gap:.8rem;display:flex}.s24-sheet__meta{align-items:center;gap:.75rem;margin:0;display:flex}.s24-sheet__index{color:var(--s24-accent-strong);letter-spacing:.1em;font-size:.75rem}.s24-sheet__rule{background:var(--s24-border);flex:none;width:clamp(1.5rem,4vw,3rem);height:1px}.s24-sheet__kicker{color:var(--s24-accent-strong);letter-spacing:.2em;font-size:clamp(.78rem,1.1vw,.92rem);font-weight:600}.s24-sheet__title{color:var(--s24-ink);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(1.25rem,1.9vw,1.75rem);font-weight:500;line-height:1.25}.s24-sheet__lead{max-width:40rem;color:var(--s24-ink-soft);margin:0;font-size:clamp(.95rem,1.1vw,1.02rem);line-height:1.65}.s24-sheet__figure{container:s24-body/inline-size}.s24-sheet__cta{border:1px solid var(--s24-accent);border-radius:var(--s24-radius);background:#2f5bd714;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem 1.25rem;padding:clamp(.85rem,1.7vw,1.15rem);display:flex;box-shadow:inset 0 1px #ffffff80}.s24-sheet__cta .s24-actions{gap:.5rem .7rem}.s24-sheet__cta .s24-note{flex:13rem;max-width:28rem}.s24-sheet__cta .s24-btn--primary{padding:.85rem 1.4rem;font-size:.95rem;box-shadow:0 6px 16px #1c3aa93d}.s24-sheet__cta .s24-btn--ghost{background:#ffffff9e}@media (max-width:34rem){.s24-sheet__cta .s24-actions{width:100%}.s24-sheet__cta .s24-actions .s24-btn{flex:100%;justify-content:center}}.s24-sheet__body{flex-direction:column;gap:clamp(1rem,2.2vh,1.6rem);display:flex;container:s24-body/inline-size}.s24-sheet__foot{border-top:1px solid var(--s24-border);flex-direction:column;gap:.85rem;padding-top:clamp(.75rem,2vh,1.25rem);display:flex}@media (max-width:48rem),(hover:none) and (pointer:coarse){.s24-focus-ready .s24-sheet{box-shadow:var(--s24-shadow-soft), inset 0 1px 0 #ffffff80;transition:opacity .8s var(--s24-ease), transform .9s var(--s24-ease)}.s24-focus-ready .s24-chapter.is-focused .s24-sheet{box-shadow:var(--s24-shadow-soft), inset 0 1px 0 #ffffffb3}}
.s24-play{border-radius:var(--s24-radius);width:100%;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:.55rem;padding:0;display:flex}.s24-play:focus-visible{outline:2px solid var(--s24-accent-strong);outline-offset:4px}.s24-tapcue__glyph{fill:var(--s24-ink);stroke:#fff;stroke-width:1.1px;stroke-linejoin:round;paint-order:stroke fill}.s24-tapcue__hand{animation:1.9s linear infinite s24-tapcue-tap;transform:translateY(-1.6px)}.s24-tapcue__pulse{fill:none;stroke:var(--s24-accent-strong);stroke-width:1.3px;opacity:0;animation:1.9s linear infinite s24-tapcue-pulse}@keyframes s24-tapcue-tap{0%,14%{transform:translateY(-1.6px)}20%,32%{transform:translate(.3px,.2px)}40%,to{transform:translateY(-1.6px)}}@keyframes s24-tapcue-pulse{0%,19%{opacity:0;transform:scale(.3)}21%{opacity:.85;transform:scale(.36)}54%,to{opacity:0;transform:scale(1.45)}}.s24-taphint{border:1px solid var(--s24-border);max-width:100%;color:var(--s24-accent-strong);font-family:var(--font-geist-mono), ui-monospace, monospace;transition:border-color .35s var(--s24-ease), background-color .35s var(--s24-ease);background:#ffffff8c;border-radius:999px;align-items:center;padding:.32rem .75rem;font-size:.7rem;line-height:1.25;display:inline-flex}.s24-play:hover .s24-taphint,.s24-play:focus-visible .s24-taphint{border-color:var(--s24-accent);background:#ffffffd9}.s24-play:active .s24-taphint{background:#fffffff2}@media (max-width:30rem){.s24-taphint{padding:.28rem .62rem;font-size:.66rem}}@media (prefers-reduced-motion:reduce){.s24-tapcue__hand,.s24-tapcue__pulse{animation:none}.s24-tapcue__pulse{opacity:.55}}
.s24-scene{flex-direction:column;align-items:center;gap:.75rem;margin:0;display:flex}.s24-scene__svg{width:100%;height:auto;filter:drop-shadow(var(--s24-shadow-soft))}.s24-scene__svg--tank{max-width:16rem}.s24-scene__svg--aquarium{max-width:18rem}.s24-scene__caption{color:var(--s24-ink-muted);text-align:center;margin:0;font-size:.72rem}.s24-tank__pour{visibility:hidden;opacity:0;transition:opacity .25s var(--s24-ease), visibility .25s var(--s24-ease)}.s24-tank__pour[data-on=true]{visibility:visible;opacity:1}.s24-tank__stream{stroke-dasharray:16 11}.s24-tank__pour[data-on=true] .s24-tank__stream{animation:.5s linear infinite s24-pour}.s24-tank__pour[data-on=true] .s24-tank__drop{animation:s24-drop 1s var(--s24-ease) infinite}.s24-tank__drop--late{animation-delay:.45s}@keyframes s24-pour{to{stroke-dashoffset:-27px}}@keyframes s24-drop{0%{opacity:0;transform:translateY(-14px)}35%{opacity:.9}to{opacity:0;transform:translateY(10px)}}.s24-aqua__fish[data-play=true]{animation:s24-swim 2.6s var(--s24-ease) both}.s24-aqua__fish--left[data-play=true]{animation-name:s24-swim-left}@keyframes s24-swim{0%{transform:translate(0)}35%{transform:translate(26px,-7px)}70%{transform:translate(-16px,4px)}to{transform:translate(0)}}@keyframes s24-swim-left{0%{transform:translate(0)}35%{transform:translate(-24px,5px)}70%{transform:translate(14px,-5px)}to{transform:translate(0)}}.s24-aqua__bubble{opacity:0}.s24-aqua__bubbles[data-play=true] .s24-aqua__bubble{animation:1.3s ease-out 2 both s24-bubble}.s24-aqua__bubble--b{animation-delay:.22s}.s24-aqua__bubble--c{animation-delay:.46s}@keyframes s24-bubble{0%{opacity:0;transform:translate(0)}20%{opacity:.95}to{opacity:0;transform:translate(5px,-46px)}}@media (prefers-reduced-motion:reduce){.s24-tank__pour{transition:none}.s24-tank__pour[data-on=true] .s24-tank__stream,.s24-tank__pour[data-on=true] .s24-tank__drop,.s24-aqua__fish[data-play=true],.s24-aqua__bubbles[data-play=true] .s24-aqua__bubble{animation:none}.s24-tank__stream{stroke-dasharray:none}.s24-aqua__bubbles[data-play=true] .s24-aqua__bubble{opacity:.95}}.s24-scene__svg--net{max-width:20rem}.s24-scene__svg--field{max-width:16rem}.s24-net__wave{opacity:.35}.s24-scene__svg--net[data-play=true] .s24-net__wave{animation:.9s linear 3 both s24-net-wave}.s24-scene__svg--net[data-play=true] .s24-net__wave--b{animation-delay:.12s}.s24-scene__svg--net[data-play=true] .s24-net__wave--c{animation-delay:.24s}@keyframes s24-net-wave{0%,to{opacity:.2}40%{opacity:1}}.s24-scene__svg--net[data-play=true] .s24-net__read{animation:s24-net-read .5s var(--s24-ease) 2 both}@keyframes s24-net-read{0%,to{opacity:1}50%{opacity:.25}}.s24-net__link{stroke-dasharray:7 9;opacity:.4}.s24-scene__svg--net[data-play=true] .s24-net__link{opacity:1;animation:.55s linear infinite s24-net-flow}@keyframes s24-net-flow{to{stroke-dashoffset:-16px}}.s24-net__chart{stroke-dasharray:100}.s24-scene__svg--net[data-play=true] .s24-net__chart{animation:s24-net-draw 1s var(--s24-ease) .75s both}@keyframes s24-net-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.s24-net__alert{opacity:0;transform-box:view-box;transform-origin:314px 124px}.s24-scene__svg--net[data-play=true] .s24-net__alert{animation:s24-net-pop .55s var(--s24-ease) 1.75s both}@keyframes s24-net-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.s24-field__ring{transform-origin:160px 250px}.s24-field__ring,.s24-field__head{transform-box:view-box;transition:transform .65s var(--s24-ease)}.s24-field__halo{opacity:.4;transform-box:fill-box;transform-origin:50%;animation:s24-field-halo 2.4s var(--s24-ease) infinite}@keyframes s24-field-halo{0%,to{opacity:.22;transform:scale(.94)}50%{opacity:.6;transform:scale(1.04)}}.s24-field__read{animation:s24-field-read .45s var(--s24-ease) both}@keyframes s24-field-read{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.s24-scene__svg--net[data-play=true] .s24-net__wave,.s24-scene__svg--net[data-play=true] .s24-net__read,.s24-scene__svg--net[data-play=true] .s24-net__link,.s24-scene__svg--net[data-play=true] .s24-net__chart,.s24-scene__svg--net[data-play=true] .s24-net__alert,.s24-field__halo,.s24-field__read{animation:none}.s24-scene__svg--net[data-play=true] .s24-net__wave,.s24-scene__svg--net[data-play=true] .s24-net__alert{opacity:1}.s24-field__ring,.s24-field__head{transition:none}}@media (max-width:48rem),(hover:none) and (pointer:coarse){.s24-scene__svg{filter:none}}
