.screen{isolation:isolate;background:radial-gradient(120% 95% at 40% 42%, var(--paper-lit) 0%, var(--paper) 46%, var(--paper-edge) 100%);height:100svh;min-height:560px;max-height:1100px;position:relative;overflow:hidden}.hero__cloth{z-index:0;touch-action:pan-y;-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero__cloth.is-over{cursor:grab}.hero__cloth.is-held{cursor:grabbing}.hero__still{aspect-ratio:1;width:min(50vw,78vh);max-width:100%;display:none;position:absolute;top:48.5%;left:33%;transform:translate(-50%,-50%)rotate(5deg);box-shadow:-18px 40px 80px #0009,0 0 120px #5b07fb40}.no-cloth .hero__still{display:block}.no-cloth .hero__cloth,.no-cloth .tearhint{display:none}.nav{z-index:2;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-left:max(16px, var(--gutter), env(safe-area-inset-left,0px));padding-right:max(16px, var(--gutter), env(safe-area-inset-right,0px));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.nav>*{pointer-events:auto}.nav__links{gap:10px;display:flex}.glow{z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen;width:620px;height:620px;transition:opacity .5s var(--ease), width .4s var(--ease), height .4s var(--ease), margin .4s var(--ease);will-change:transform;background:radial-gradient(circle,#7c4dff33 0%,#4fe3c10d 38%,#0000 66%);border-radius:50%;margin:-310px 0 0 -310px;position:fixed;top:0;left:0}.glow.on{opacity:1}.glow.tight{width:260px;height:260px;margin:-130px 0 0 -130px}.tearhint{border-radius:var(--radius-pill);height:40px;color:var(--ink);letter-spacing:-.02em;pointer-events:none;transition:opacity .4s var(--ease);background:#4fe3c112;border:1px dashed #4fe3c173;align-items:center;gap:9px;padding:0 16px 0 12px;font-size:14.5px;font-weight:500;display:inline-flex}.tearhint svg{width:20px;height:20px;color:var(--cite);animation:tug 2.4s var(--ease) infinite;flex:none}.tearhint b{color:var(--cite);font-weight:500}.tearhint.done{opacity:.45}.tearhint.done svg{animation:none}@keyframes tug{0%,55%,to{transform:translate(0)}20%{transform:translate(-7px,5px)rotate(-8deg)}35%{transform:translate(-2px,1px)}}.copy{z-index:1;pointer-events:none;flex-direction:column;align-items:flex-start;gap:30px;display:flex;position:absolute;top:48.4%;left:57%;transform:translateY(-50%)}.title{font-size:var(--display);letter-spacing:-.06em;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .6s var(--ease);margin:0;font-weight:500;line-height:.99}.title span{display:block}.title .soft{color:var(--ink-soft)}.copy .pill{pointer-events:auto}.cta-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.scrollhint{z-index:1;width:max-content;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));color:var(--ink-faint);flex-direction:column;align-items:center;gap:8px;margin-inline:auto;font-size:12.5px;text-decoration:none;display:flex;position:absolute}.scrollhint:focus-visible{outline:2px solid var(--violet-text);outline-offset:3px}.scrollhint i{background:linear-gradient(var(--ink-faint), transparent);width:1px;height:28px;animation:drip 1.8s var(--ease) infinite}@keyframes drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.leaving .copy,.leaving .nav,.leaving .scrollhint{opacity:0;transition:opacity .45s var(--ease)}.story section{padding-block:clamp(80px,12vh,140px)}.story section+section{border-top:1px solid var(--line)}.pipe{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:64px;padding:0;list-style:none;display:grid;position:relative}.pipe__track{background:var(--line);border-radius:2px;height:2px;position:absolute;top:11px;left:12px;right:12px;overflow:hidden}.pipe__fill{transform-origin:0;transform:scaleX(var(--p,1));background:linear-gradient(90deg, var(--violet), var(--violet-text), var(--cite));position:absolute;inset:0}.stage{opacity:.42;min-width:0;transition:opacity .5s var(--ease);flex-direction:column;gap:10px;display:flex;position:relative}.stage.on{opacity:1}.dot{background:var(--paper);border:2px solid var(--line-strong);width:24px;height:24px;color:var(--ink-faint);border-radius:50%;place-items:center;font-size:11px;transition:border-color .4s,background-color .4s,color .4s,box-shadow .4s;display:grid}.stage.on .dot{border-color:var(--violet-text);background:var(--violet);color:#fff;box-shadow:0 0 0 6px #5b07fb2e}.stage h3{letter-spacing:-.02em;color:var(--ink-soft);margin:10px 0 0;font-size:15px;font-weight:500}.stage .big{letter-spacing:-.05em;font-size:clamp(26px,2.6vw,36px);font-weight:500;line-height:1}.stage p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.acc{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,6vw,90px);margin-top:56px;display:grid}.acc__num{min-width:0;container-type:inline-size}.acc__big{letter-spacing:-.07em;white-space:nowrap;background:linear-gradient(180deg, #fff 30%, var(--violet-text));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.08em;font-size:min(clamp(96px,16vw,220px),50cqi);font-weight:500;line-height:.85;display:inline-block}.acc__cap{color:var(--ink-soft);max-width:34ch;margin:18px 0 0;font-size:15px;line-height:1.55}.bars{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.bar{grid-template-columns:minmax(0,150px) minmax(0,1fr) 48px;align-items:center;gap:14px;font-size:14px;display:grid}.bar span:first-child{color:var(--ink-soft)}.bar__t{border-radius:var(--radius-pill);background:var(--raised);height:8px;display:block;overflow:hidden}.bar__f{height:100%;width:var(--w);border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--violet), var(--violet-text));transform-origin:0;display:block}.bar__f.lo{background:linear-gradient(90deg, var(--violet), #c9a6ff)}.bar b{text-align:right;font-weight:500}.play .bar__f{animation:grow 1s var(--ease) both}.play .bar:nth-child(2) .bar__f{animation-delay:60ms}.play .bar:nth-child(3) .bar__f{animation-delay:.12s}.play .bar:nth-child(4) .bar__f{animation-delay:.18s}.play .bar:nth-child(5) .bar__f{animation-delay:.24s}.play .bar:nth-child(6) .bar__f{animation-delay:.3s}.play .bar:nth-child(7) .bar__f{animation-delay:.36s}.play .bar:nth-child(8) .bar__f{animation-delay:.42s}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);transition:transform .25s var(--ease), border-color .25s;flex-direction:column;gap:8px;padding:26px 24px;display:flex}.tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}.tile .big{letter-spacing:-.055em;font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1}.tile p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.ins{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);min-width:0;padding:24px}.card h3{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:500}.card .sub{color:var(--ink-faint);margin:6px 0 20px;font-size:13px}.tag{border-radius:var(--radius-pill);letter-spacing:.04em;color:var(--violet-text);vertical-align:2px;border:1px solid #a58bff59;margin-left:8px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.answer{flex-direction:column;grid-column:1/-1;gap:16px;display:flex}.q{color:var(--ink);align-items:center;gap:12px;font-size:16px;display:flex}.q i{background:var(--raised);border:1px solid var(--line);width:28px;height:28px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;font-size:12px;font-style:normal;display:grid}.ans{flex-direction:column;gap:12px;max-width:72ch;margin:0;padding:0;font-size:16px;line-height:1.6;list-style:none;display:flex}.cite{border-radius:var(--radius-pill);height:26px;color:var(--cite);vertical-align:1px;white-space:nowrap;background:#4fe3c11a;border:1px solid #4fe3c14d;align-items:center;gap:6px;margin-left:6px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.cite:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0}.play .ans li{animation:rise .5s var(--ease) both}.play .ans li:nth-child(2){animation-delay:.35s}.play .ans li:nth-child(3){animation-delay:.7s}.explorer{grid-column:1/-1}.ex__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.tabs{border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--line);gap:4px;padding:4px;display:inline-flex}.tab{border-radius:var(--radius-pill);height:32px;color:var(--ink-soft);font:500 13.5px/1 var(--sans);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;padding:0 14px;transition:background-color .2s,color .2s}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{background:var(--raised);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.tab:focus-visible,.vbar:focus-visible{outline:2px solid var(--violet-text);outline-offset:2px}.ex__body{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:clamp(20px,4vw,48px);display:grid}.vb{--lab:46px;grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));height:250px;padding-bottom:var(--lab);gap:10px;display:grid;position:relative}.vb__ref{left:0;right:0;bottom:calc(var(--lab) + var(--r) * (100% - var(--lab)));border-top:1px dashed var(--ink-faint);pointer-events:none;position:absolute}.vbar{cursor:pointer;min-width:0;height:100%;color:var(--ink-soft);font-family:var(--sans);background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;display:flex;position:relative}.vbar__col{width:100%;max-width:56px;height:calc(var(--h) * 100%);background:linear-gradient(180deg, #7a3dff, var(--violet));transform-origin:bottom;transition:height .6s var(--ease), background .3s, box-shadow .3s;border-radius:8px 8px 3px 3px;position:relative}.vbar__val{color:var(--ink);white-space:nowrap;font-size:12.5px;font-weight:500;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.vbar__lab{text-align:center;white-space:nowrap;width:max-content;color:var(--ink-soft);font-size:12px;line-height:1.25;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.vbar__t{display:inline-block}.vbar__n{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px;display:block}.vb--stagger{--lab:84px}.vb--stagger .vbar:nth-of-type(2n) .vbar__lab{top:calc(100% + 40px)}.vb--tilt{--lab:112px;padding-left:56px}.vb--tilt .vbar__lab{text-align:right;text-overflow:ellipsis;transform-origin:100% 0;max-width:112px;left:auto;right:50%;overflow:hidden;transform:rotate(-50deg)}.vb--tilt .vbar__t{text-overflow:ellipsis;vertical-align:bottom;max-width:112px;overflow:hidden}.vb--tilt .vbar__n{overflow:visible}.vbar:hover .vbar__col{background:linear-gradient(#9466ff,#6a1bff)}.vbar[aria-pressed=true] .vbar__col{background:linear-gradient(180deg, #7ff0d4, var(--cite));box-shadow:0 0 0 4px #4fe3c11f,0 10px 30px #4fe3c12e}.vbar[aria-pressed=true] .vbar__lab{color:var(--ink)}.grow .vbar__col{animation:growUp .7s var(--ease) both}.grow .vbar:nth-child(2) .vbar__col{animation-delay:50ms}.grow .vbar:nth-child(3) .vbar__col{animation-delay:.1s}.grow .vbar:nth-child(4) .vbar__col{animation-delay:.15s}.grow .vbar:nth-child(5) .vbar__col{animation-delay:.2s}.grow .vbar:nth-child(6) .vbar__col{animation-delay:.25s}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.ex__sel{letter-spacing:-.02em;justify-content:space-between;align-items:baseline;gap:12px;font-size:17px;font-weight:500;display:flex}.ex__sel b{letter-spacing:-.04em;color:var(--cite);font-size:28px;font-weight:500}.ex__meta{color:var(--ink-faint);margin:4px 0 10px;font-size:13px}.lc{width:100%;height:auto;display:block;overflow:visible}.lc .grid line{stroke:var(--line)}.lc .ref{stroke:var(--ink-faint);stroke-dasharray:4 4}.lc text{fill:var(--ink-faint);font:11px var(--sans)}.lc .lbl{fill:var(--ink);font-size:11.5px;font-weight:500}.lc .area{fill:url(#lc-fill)}.lc .ln-gap{fill:none;stroke:var(--cite);stroke-width:2px;stroke-opacity:.4;stroke-dasharray:3 6;stroke-linecap:round}.lc .ln{fill:none;stroke:var(--cite);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.lc .pt{fill:var(--cite);stroke:var(--cite);stroke-width:2px}.lc .pt.small{fill:var(--paper)}.ex__note{color:var(--ink-faint);margin:16px 0 0;font-size:12.5px}.cta{border-top:1px solid var(--line);padding-block:clamp(80px,12vh,130px)}.cta .wrap{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.cta .h2{max-width:none}@media (max-width:900px){.ex__body{grid-template-columns:minmax(0,1fr)}.vb{height:220px}}@media (max-width:520px){.tabs{border-radius:20px;grid-template-columns:1fr 1fr;width:100%;display:grid}.tab{height:36px}.vb{gap:6px}.vbar__lab{font-size:11px}.ex__sel b{font-size:24px}}@media (max-width:1099px),(max-aspect-ratio:5/4){.screen{--display:clamp(34px, min(9.6vw, 7.5vh), 76px)}.copy{left:max(16px, var(--gutter), env(safe-area-inset-left,0px));right:max(16px, var(--gutter), env(safe-area-inset-right,0px));top:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px));gap:22px;transform:none}.hero__still{width:min(62vw,46vh);top:30%;left:50%}}@media (max-width:900px){.pipe{grid-template-columns:minmax(0,1fr);gap:28px;padding-left:44px}.pipe__track{width:2px;height:auto;inset:12px auto 12px 11px}.pipe__fill{transform-origin:top;transform:scaleY(var(--p,1))}.stage .dot{position:absolute;top:-2px;left:-44px}.stage h3{margin-top:0}.acc{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ins{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.nav__links .pill--ghost{display:none}.tiles{grid-template-columns:minmax(0,1fr)}.bar{grid-template-columns:minmax(0,110px) minmax(0,1fr) 40px}}@media (prefers-reduced-motion:reduce){.tearhint svg,.scrollhint i{animation:none}.play .ans li{animation:.2s both fade}.play .bar__f,.grow .vbar__col{animation:none}.vbar__col,.title,.tile,.stage{transition:none}.glow{display:none}}
