@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tc:transparent;--gc:transparent}::backdrop{--tc:transparent;--gc:transparent}}}:root{--cream:#fbf9f4;--card:#fff;--ink:#191713;--fog:#6f6a60;--line:rgba(25,23,19,.1);--teal:#0f8a6d;--orange:#ea5b0c;--blue:#3b6ce0;--amber:#c07c0a;--yellow:#eab308;--ease:cubic-bezier(.22,1,.36,1);--brand-green:#6cb29d;--brand-orange:#ea5b0c;--nav-bg:rgba(22,20,17,.85);--nav-bg-mini:rgba(18,16,14,.92);--nav-fg:#f2efe8;--nav-line:rgba(255,255,255,.1);--tl-red:#ff5f57;--tl-yellow:#febc2e;--tl-green:#28c840;--w-bg:#17150f;--w-panel:rgba(255,255,255,.043);--w-panel-2:rgba(255,255,255,.075);--w-line:rgba(255,255,255,.1);--w-line-soft:rgba(255,255,255,.06);--w-fg:#eceae4;--w-dim:rgba(236,234,228,.78);--w-faint:rgba(236,234,228,.5);--w-teal:#6cb29d;--w-blue:#8aa9f0;--w-amber:#e3a942;--w-orange:#f2793a;--w-red:#ef6a5e;--w-rad:14px;--w-rad-sm:9px;--w-pad:1.05rem;--w-gap:.6rem;--w-bar:2.4rem;--slot-head:1.2rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--font-sans),sans-serif}.mono{font-family:var(--font-mono),monospace}a{color:var(--ink);text-decoration:none}a:hover{color:var(--teal)}::selection{background:rgba(15,138,109,.18)}@property --tc{syntax:"<color>";inherits:false;initial-value:transparent}#tint{z-index:0;pointer-events:none;--tc:rgba(234,91,12,.22);background:radial-gradient(125% 95% at 0% 100%,var(--tc),transparent 68%);transition:--tc 1.2s;position:fixed;top:0;bottom:0;left:0;right:0}#tint[data-cap="2"]{--tc:rgba(15,138,109,.2)}#tint[data-cap="3"]{--tc:rgba(59,108,224,.18)}#tint[data-cap="4"]{--tc:rgba(192,124,10,.2)}#tint[data-cap="5"]{--tc:rgba(59,108,224,.18)}#tint[data-cap="6"]{--tc:rgba(15,138,109,.2)}#tint[data-cap="7"]{--tc:rgba(234,91,12,.22)}#tint.webgl{opacity:0}#aurora{z-index:0;pointer-events:none;width:min(80vw,1150px);height:min(90dvh,940px);position:fixed;bottom:0;left:0;overflow:hidden;-webkit-mask-image:radial-gradient(100% 100% at 0 100%,#000 0%,rgba(0,0,0,.95) 24%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.26) 62%,transparent 78%);mask-image:radial-gradient(100% 100% at 0 100%,#000 0%,rgba(0,0,0,.95) 24%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.26) 62%,transparent 78%)}:root{--dot:2.8px;--cell:5.4px}#aurora canvas{-webkit-mask-image:radial-gradient(circle,#000 0 var(--dot),transparent calc(var(--dot) + .25px));-webkit-mask-image:radial-gradient(circle,#000 0 var(--dot),transparent calc(var(--dot) + .25px));-webkit-mask-image:radial-gradient(circle,#000 0 var(--dot),transparent calc(var(--dot) + .25px));-webkit-mask-image:radial-gradient(circle,#000 0 var(--dot),transparent calc(var(--dot) + .25px));mask-image:radial-gradient(circle,#000 0 var(--dot),transparent calc(var(--dot) + .25px));-webkit-mask-size:var(--cell)var(--cell);-webkit-mask-size:var(--cell)var(--cell);-webkit-mask-size:var(--cell)var(--cell);-webkit-mask-size:var(--cell)var(--cell);mask-size:var(--cell)var(--cell);display:block;-webkit-mask-repeat:repeat;mask-repeat:repeat}#grain{z-index:60;pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:fixed;top:0;bottom:0;left:0;right:0}.ctas{flex-wrap:wrap;gap:.9rem;margin-top:2.2rem;display:flex}.pop-btn{background:var(--ink);color:var(--cream);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.6rem;padding:.95rem 1.8rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s;display:inline-flex;position:relative}.pop-btn:hover{color:var(--cream);background:#000;transform:scale(1.05)}.pop-btn .arr{transition:transform .3s}.pop-btn:hover .arr{transform:translate(4px)}.pop{pointer-events:none;opacity:0;width:1.7rem;height:1.7rem;transition:transform .45s cubic-bezier(.34,1.7,.5,1),opacity .25s;position:absolute;transform:scale(0)rotate(-40deg)}.pop svg{filter:drop-shadow(0 3px 6px rgba(25,23,19,.18));width:100%;height:100%;display:block}.pop.p1{top:-1.1rem;left:-.9rem}.pop.p2{top:-1.3rem;right:-.7rem}.pop.p3{bottom:-1.2rem;left:12%}.pop.p4{bottom:-1rem;right:-1.1rem}.pop-btn:hover .pop{opacity:1}.pop-btn:hover .p1{transform:scale(1)rotate(-12deg)}.pop-btn:hover .p2{transition-delay:50ms;transform:scale(1)rotate(14deg)}.pop-btn:hover .p3{transition-delay:.1s;transform:scale(1)rotate(-8deg)}.pop-btn:hover .p4{transition-delay:.14s;transform:scale(1)rotate(10deg)}.ghost-btn{-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2);cursor:pointer;color:var(--ink);background:rgba(255,255,255,.62);border:1px solid rgba(25,23,19,.22);border-radius:999px;align-items:center;gap:.5rem;padding:.95rem 1.6rem;font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .25s,background .25s;display:inline-flex}.ghost-btn:hover{border-color:var(--ink);color:var(--ink);background:rgba(255,255,255,.88)}nav#pill{z-index:90;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--nav-line);width:calc(100% - 2rem);max-width:56rem;transition:max-width .65s var(--ease),padding .65s var(--ease),box-shadow .4s,background .4s;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .6rem .55rem .7rem;display:flex;position:fixed;top:1.1rem;left:50%;transform:translate(-50%);box-shadow:0 14px 44px -20px rgba(25,23,19,.55),inset 0 1px rgba(255,255,255,.08)}nav#pill.mini{background:var(--nav-bg-mini);max-width:35rem;padding:.4rem .45rem .4rem .55rem;box-shadow:0 18px 48px -18px rgba(25,23,19,.6),inset 0 1px rgba(255,255,255,.08)}.brand{flex-shrink:0;align-items:center;gap:.5rem;padding-left:.35rem;display:flex}.wordmark{opacity:1;width:auto;max-width:14rem;height:1.45rem;transition:max-width .55s var(--ease),opacity .3s .15s;display:block}.wordmark .wm-v{fill:var(--brand-green)}.wordmark .wm-dot{fill:var(--brand-orange)}.wordmark .wm-name{fill:var(--nav-fg)}nav#pill.mini .wordmark{opacity:0;max-width:0;transition:max-width .55s var(--ease),opacity .2s}.vmark{opacity:0;perspective:600px;width:0;transition:width .5s var(--ease),opacity .25s;place-items:center;display:grid}.vmark svg{width:1.55rem;height:1.94rem;display:block;overflow:visible}.vv{fill:var(--brand-green)}.vd{fill:var(--brand-orange)}nav#pill.mini .vmark{opacity:1;width:1.55rem}nav#pill.mini .vmark svg{animation:.9s cubic-bezier(.45,.05,.25,1) both spinV}nav#pill.mini .vd{animation:.45s cubic-bezier(.45,0,.85,1) .78s both dotInV}@keyframes spinV{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes dotInV{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.nlinks{align-items:center;gap:.15rem;margin:0 auto;display:flex;position:relative}.nfill{opacity:0;pointer-events:none;height:100%;transition:transform .4s var(--ease),width .4s var(--ease),opacity .25s ease;background:rgba(255,255,255,.12);border-radius:999px;position:absolute;top:0;left:0}.nfill.on{opacity:1}.nlink{z-index:1;white-space:nowrap;color:var(--nav-fg);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;padding:.5rem .85rem;font-family:inherit;font-size:.86rem;font-weight:500;transition:color .25s;display:flex;position:relative}.nlink:hover{color:#fff}.nlink .ni{opacity:0;place-items:center;width:1.15em;height:1em;margin-right:.35rem;transition:opacity .2s,transform .35s cubic-bezier(.34,1.56,.64,1);display:grid;overflow:visible;transform:scale(.3)rotate(-30deg)}.nlink:hover .ni{opacity:1;transform:scale(1)rotate(0)}.nlink:focus-visible .ni{opacity:1;transform:scale(1)rotate(0)}.nlink .ni svg{width:1em;height:1em;display:block}nav#pill.mini .nlink{padding:.42rem .7rem;font-size:.82rem}.ncta{background:var(--cream);color:var(--ink);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.84rem;font-weight:600;transition:transform .25s,background .25s;display:inline-flex}.ncta:hover{color:var(--ink);background:#fff;transform:scale(1.04)}.ncta .dot{background:var(--teal);border-radius:50%;width:.45rem;height:.45rem;animation:2.2s infinite pulseNav}@keyframes pulseNav{0%{box-shadow:0 0 rgba(15,138,109,.5)}70%{box-shadow:0 0 0 7px rgba(15,138,109,0)}to{box-shadow:0 0 rgba(15,138,109,0)}}@keyframes pulse{0%{box-shadow:0 0 rgba(15,138,109,.45)}70%{box-shadow:0 0 0 7px rgba(15,138,109,0)}to{box-shadow:0 0 rgba(15,138,109,0)}}nav#pill.mini .ncta{padding:.45rem .95rem;font-size:.8rem}.nburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.36rem;width:2.4rem;height:2.4rem;margin:0 auto;padding:0;display:none}.nburger span{background:var(--nav-fg);width:1.15rem;height:1.6px;transition:transform .38s var(--ease);border-radius:2px}nav#pill.menu-open .nburger span:first-child{transform:translateY(.22rem)rotate(45deg)}nav#pill.menu-open .nburger span:nth-child(2){transform:translateY(-.22rem)rotate(-45deg)}@media (max-width:760px){.nlinks{display:none}.nburger{display:flex}nav#pill{max-width:24rem}nav#pill.mini{max-width:21rem}.wordmark{height:1.05rem}.vmark svg{width:1.3rem;height:1.62rem}nav#pill.mini .vmark{width:1.3rem}}#menu{z-index:88;-webkit-backdrop-filter:blur(22px)saturate(1.1);backdrop-filter:blur(22px)saturate(1.1);opacity:0;visibility:hidden;overscroll-behavior:contain;background:rgba(8,7,6,.62);justify-content:center;align-items:center;transition:opacity .38s,visibility 0s linear .38s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#menu.on{opacity:1;visibility:visible;transition:opacity .38s}#menu nav{flex-direction:column;align-items:center;gap:1.7rem;display:flex}#menu button,#menu a{cursor:pointer;letter-spacing:-.03em;color:#fff;opacity:0;transition:opacity .45s ease,transform .55s var(--ease);background:0 0;border:none;align-items:baseline;gap:.85rem;font-family:inherit;font-size:2.1rem;font-weight:600;display:flex;transform:translateY(16px)}#menu.on button,#menu.on a{opacity:1;transform:none}#menu button b,#menu a b{font-family:var(--font-mono),monospace;letter-spacing:.2em;color:var(--brand-green);font-size:.7rem;font-weight:700}@media (min-width:761px){#menu{display:none}}html,body{height:100%}body{overflow:hidden}main#stage{z-index:1;scroll-snap-type:y mandatory;scrollbar-width:none;height:100dvh;position:relative;overflow-y:auto}main#stage::-webkit-scrollbar{display:none}section.cap{scroll-snap-align:start;scroll-snap-stop:always;align-items:center;height:100dvh;padding:5.5rem 52vw 3rem max(1.5rem,min(7vw,7rem));display:flex;position:relative}.txt{max-width:31rem}.eyebrow{font-family:var(--font-mono),monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--fog);align-items:center;gap:.6rem;font-size:.72rem;display:inline-flex}.eyebrow b{color:var(--accent);font-weight:700}h1,h2{letter-spacing:-.035em;text-wrap:balance;margin-top:1.1rem;font-weight:600;line-height:1.04}h1{font-size:max(2.4rem,min(3.9vw,3.6rem))}h2{font-size:max(2rem,min(3.4vw,3.1rem))}.serif{font-family:var(--font-serif),serif;letter-spacing:-.01em;color:var(--accent);font-style:italic;font-weight:400}p.lead{color:var(--fog);text-wrap:pretty;margin-top:1.5rem;font-size:max(1rem,min(1.3vw,1.15rem));line-height:1.95}p.lead .hl{background:var(--accent);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:.38em 0 0 var(--accent),-.38em 0 0 var(--accent);padding:.1em 0}#cap1{--accent:var(--orange)}#cap2{--accent:var(--teal)}#cap3{--accent:var(--blue)}#cap4{--accent:var(--amber)}#cap5{--accent:var(--blue)}#cap6{--accent:var(--teal)}#cap7{--accent:var(--orange)}.reveal{opacity:0;transition:opacity .7s ease,transform .8s var(--ease);transform:translateY(26px)}section.in .reveal{opacity:1;transform:none}section.in .reveal:nth-child(2){transition-delay:.1s}section.in .reveal:nth-child(3){transition-delay:.2s}section.in .reveal:nth-child(4){transition-delay:.3s}.more{-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2);font-family:var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.62);border:1px solid rgba(25,23,19,.16);border-radius:999px;align-items:center;gap:.45rem;margin-top:1.5rem;padding:.6rem 1.15rem;font-size:.66rem;transition:border-color .25s,background .25s,transform .25s;display:inline-flex}.more:hover{color:var(--ink);border-color:var(--ink);background:rgba(255,255,255,.9);transform:translate(3px)}.more span{transition:transform .3s var(--ease)}.more:hover span{transform:translate(3px)}#gfx{z-index:5;pointer-events:none;width:50vw;position:fixed;top:0;bottom:0;right:0;overflow:hidden}#gfx:before{content:"";background:radial-gradient(60% 50% at 50% 46%,rgba(25,23,19,.043),transparent 70%);position:absolute;top:0;bottom:0;left:0;right:0}@property --gc{syntax:"<color>";inherits:false;initial-value:transparent}.glow{--gc:rgba(234,91,12,.1);background:radial-gradient(48% 42% at 50% 46%,var(--gc),transparent 70%);transition:--gc 1.2s;position:absolute;top:0;bottom:0;left:0;right:0}#gfx[data-cap="2"] .glow{--gc:rgba(15,138,109,.13)}#gfx[data-cap="3"] .glow{--gc:rgba(59,108,224,.11)}#gfx[data-cap="4"] .glow{--gc:rgba(192,124,10,.13)}#gfx[data-cap="5"] .glow{--gc:rgba(59,108,224,.11)}#gfx[data-cap="6"] .glow{--gc:rgba(15,138,109,.13)}#gfx[data-cap="7"] .glow{--gc:rgba(234,91,12,.12)}.qmarks{opacity:0;transition:opacity .9s;position:absolute;top:0;bottom:0;left:0;right:0}#gfx[data-cap="1"] .qmarks{opacity:1}.qm{font-family:var(--font-mono),monospace;transform:rotate(var(--qr,0deg));filter:blur(var(--qb,0px));color:var(--qc,var(--ink));opacity:var(--qo,.15);animation:7s ease-in-out infinite qfloat;animation-delay:var(--qd,0s);font-weight:700;line-height:1;position:absolute}@keyframes qfloat{0%,to{margin-top:0}50%{margin-top:-10px}}#flows{z-index:0;pointer-events:none;opacity:0;width:100vw;height:100dvh;transition:opacity .9s;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.14) 12%,rgba(0,0,0,.45) 32%,#000 55%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.14) 12%,rgba(0,0,0,.45) 32%,#000 55%)}#flows.on{opacity:1}#flows path{fill:none;stroke-width:1.5px;stroke-dasharray:5 9;vector-effect:non-scaling-stroke}.f1{stroke:rgba(234,91,12,.4);animation:8s linear infinite dash}.f2{stroke:rgba(59,108,224,.35);animation:11s linear infinite reverse dash}.f3{stroke:rgba(15,138,109,.35);animation:9s linear infinite dash}.f4{stroke:rgba(234,179,8,.45);animation:12s linear infinite reverse dash}.f5{stroke:rgba(25,23,19,.18);animation:10s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-280px}}.chip{left:var(--x);top:var(--y);opacity:var(--o,1);z-index:6;transform:translate(-50%,-50%)scale(var(--s,1))rotate(var(--r,0deg));filter:blur(var(--b,0px));transition:left 1.05s var(--ease),top 1.05s var(--ease),transform 1.05s var(--ease),opacity .7s ease,filter .7s ease,border-color .5s,background .5s;white-space:nowrap;border-color:var(--c);position:absolute}@supports (color:color-mix(in lab, red, red)){.chip{border-color:color-mix(in srgb,var(--c)55%,transparent)}}.chip .fl{background:var(--card);border:1px solid var(--line);font-family:var(--font-mono),monospace;color:var(--ink);border-color:inherit;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:.7rem;display:inline-flex;box-shadow:0 10px 26px -14px rgba(25,23,19,.28)}.chip i{color:var(--fog);font-size:.6rem;font-style:normal}.chip .cdot{background:var(--c);border-radius:50%;width:.45rem;height:.45rem}#gfx[data-cap="1"] .fl{animation:5s ease-in-out infinite float;animation-delay:var(--d,0s)}@keyframes float{0%,to{transform:translateY(0)rotate(-1.4deg)}50%{transform:translateY(-13px)rotate(1.8deg)}}.chip:nth-child(2){transition-delay:30ms}.chip:nth-child(3){transition-delay:60ms}.chip:nth-child(4){transition-delay:90ms}.chip:nth-child(5){transition-delay:.12s}.chip:nth-child(6){transition-delay:.15s}.chip:nth-child(7){transition-delay:.18s}.chip:nth-child(8){transition-delay:.21s}#gfx[data-cap="1"] .c1{--x:26%;--y:24%;--r:-4deg}#gfx[data-cap="1"] .c2{--x:70%;--y:20%;--r:3deg}#gfx[data-cap="1"] .c3{--x:80%;--y:38%;--r:-2deg}#gfx[data-cap="1"] .c4{--x:32%;--y:40%;--r:2deg}#gfx[data-cap="1"] .c5{--x:68%;--y:54%;--r:-3deg}#gfx[data-cap="1"] .c6{--x:22%;--y:64%;--r:4deg}#gfx[data-cap="1"] .c7{--x:56%;--y:76%;--r:-2deg}#gfx[data-cap="1"] .c8{--x:78%;--y:87%;--r:3deg}#gfx[data-cap="2"] .chip{--o:.16;--s:.82;--b:1.5px}#gfx[data-cap="2"] .c1{--x:12%;--y:10%;--r:-14deg}#gfx[data-cap="2"] .c2{--x:88%;--y:14%;--r:10deg}#gfx[data-cap="2"] .c3{--x:94%;--y:44%;--r:8deg}#gfx[data-cap="2"] .c4{--x:8%;--y:38%;--r:-8deg}#gfx[data-cap="2"] .c5{--x:90%;--y:74%;--r:12deg}#gfx[data-cap="2"] .c6{--x:10%;--y:70%;--r:-12deg}#gfx[data-cap="2"] .c7{--x:34%;--y:92%;--r:-6deg}#gfx[data-cap="2"] .c8{--x:70%;--y:94%;--r:6deg}#gfx[data-cap="3"] .chip{--o:.22;--s:.8}#gfx[data-cap="3"] .c1{--x:18%;--y:90%;--r:-6deg}#gfx[data-cap="3"] .c3{--x:38%;--y:94%;--r:3deg}#gfx[data-cap="3"] .c5{--x:58%;--y:91%;--r:-3deg}#gfx[data-cap="3"] .c6{--x:78%;--y:94%;--r:5deg}#gfx[data-cap="3"] .c7{--x:10%;--y:12%;--r:-8deg;--o:.14}#gfx[data-cap="3"] .c8{--x:88%;--y:10%;--r:8deg;--o:.14}#gfx[data-cap="3"] .c2{--x:calc(50% - 4.6rem*var(--fs,1));--y:calc(46% + (var(--w-bar)/2 + var(--slot-head)/2)*var(--fs,1));--s:calc(.92*var(--fs,1));--o:1}#gfx[data-cap="3"] .c4{--x:calc(50% + 4.6rem*var(--fs,1));--y:calc(46% + (var(--w-bar)/2 + var(--slot-head)/2)*var(--fs,1));--s:calc(.92*var(--fs,1));--o:1}#gfx[data-cap="3"] .c2 .fl,#gfx[data-cap="3"] .c4 .fl{color:var(--w-fg);background:rgba(138,169,240,.16);border-color:rgba(138,169,240,.6);box-shadow:0 0 0 3px rgba(138,169,240,.12)}#gfx[data-cap="3"] .c2 i,#gfx[data-cap="3"] .c4 i{color:var(--w-faint)}#gfx[data-cap="4"] .chip{--o:.12;--s:.7}#gfx[data-cap="4"] .c1{--x:8%;--y:20%}#gfx[data-cap="4"] .c2{--x:90%;--y:16%}#gfx[data-cap="4"] .c3{--x:94%;--y:60%}#gfx[data-cap="4"] .c4{--x:6%;--y:56%}#gfx[data-cap="4"] .c5{--x:86%;--y:88%}#gfx[data-cap="4"] .c6{--x:14%;--y:88%}#gfx[data-cap="4"] .c7{--x:40%;--y:6%}#gfx[data-cap="4"] .c8{--x:64%;--y:96%}#gfx[data-cap="5"] .chip,#gfx[data-cap="6"] .chip,#gfx[data-cap="7"] .chip{--o:0;--s:.4;--x:50%;--y:46%}#frame{transform:translate(-50%,-50%)scale(var(--fs,1));width:var(--w,300px);height:var(--h,300px);border-radius:var(--rad,22px);background:var(--w-bg);opacity:var(--fo,1);transition:width .95s var(--ease),height .95s var(--ease),border-radius .95s var(--ease),opacity .6s ease,transform .95s var(--ease);z-index:5;border:1px solid rgba(0,0,0,.5);position:absolute;top:46%;left:50%;overflow:visible;box-shadow:0 52px 90px -34px rgba(25,23,19,.62),0 16px 34px -14px rgba(25,23,19,.42)}#gfx[data-cap="1"] #frame{--fo:0;--fs:.55}#gfx[data-cap="2"] #frame{--w:min(22.5rem,44vw);--h:19.5rem;--rad:22px}#gfx[data-cap="3"] #frame{--w:min(25rem,46vw);--h:17.5rem;--rad:16px}#gfx[data-cap="4"] #frame{--w:min(24.5rem,46vw);--h:18rem;--rad:16px}#gfx[data-cap="5"] #frame{--w:min(25rem,46vw);--h:16.5rem;--rad:18px}#gfx[data-cap="6"] #frame{--w:min(25rem,46vw);--h:17rem;--rad:18px}#gfx[data-cap="7"] #frame{--w:min(24rem,46vw);--h:26rem;--rad:18px}@media (min-width:1500px) and (min-height:760px){#gfx{--fs:1.15}}@media (min-width:1800px) and (min-height:820px){#gfx{--fs:1.35}}@media (min-width:2200px) and (min-height:900px){#gfx{--fs:1.55}}@media (min-width:2600px) and (min-height:1000px){#gfx{--fs:1.75}}#frame:before,#frame:after{content:"";border-radius:inherit;z-index:-1;opacity:0;transition:transform .9s var(--ease),opacity .5s;background:#100f0b;border:1px solid rgba(0,0,0,.5);position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 24px 54px -30px rgba(25,23,19,.5)}#gfx[data-cap="2"] #frame:before{opacity:1;transition:transform .9s var(--ease),opacity .5s ease .4s;background:#2c2820;border-color:rgba(0,0,0,.35);transform:rotate(-6.5deg)translate(-22px,14px)}#gfx[data-cap="2"] #frame:after{opacity:1;transition:transform .9s var(--ease),opacity .5s ease .4s;background:#413b30;border-color:rgba(0,0,0,.3);transform:rotate(4.5deg)translate(24px,11px)}#gfx[data-cap="2"] .lay2{box-shadow:0 18px 40px -8px rgba(0,0,0,.55),0 4px 12px -4px rgba(0,0,0,.45)}.lay{opacity:0;visibility:hidden;pointer-events:none;color:var(--w-fg);border-radius:var(--rad,16px);background:radial-gradient(115% 80% at 8% -12%,rgba(255,255,255,.075),transparent 56%),var(--w-bg);padding:1.6rem;transition:opacity .4s,visibility 0s linear .4s;position:absolute;top:0;bottom:0;left:0;right:0}.lay:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(152deg,rgba(255,255,255,.3),rgba(255,255,255,.07) 26%,rgba(255,255,255,0) 54%);padding:1px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lay:after{content:"";border-radius:inherit;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}#gfx[data-cap="2"] .lay2,#gfx[data-cap="3"] .lay3,#gfx[data-cap="4"] .lay4,#gfx[data-cap="5"] .lay6,#gfx[data-cap="6"] .lay5,#gfx[data-cap="7"] .lay7{opacity:1;visibility:visible;transition:opacity .55s .45s,visibility}.tl span:first-child{background:var(--tl-red)}.tl span:nth-child(2){background:var(--tl-yellow)}.tl span:nth-child(3){background:var(--tl-green)}.lay2{flex-direction:column;padding:1.7rem 1.7rem 1.6rem 2.2rem;display:flex}.phead{border-bottom:1px solid var(--w-line);align-items:center;gap:.85rem;padding-bottom:1.05rem;display:flex}.lay2 .avatar{width:2.9rem;height:2.9rem;color:var(--w-fg);font-family:var(--font-mono),monospace;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);border-radius:13px;flex-shrink:0;place-items:center;font-size:.88rem;font-weight:700;display:grid;box-shadow:inset 0 1px rgba(255,255,255,.16)}.lay2 .pmeta{min-width:0}.lay2 h3{letter-spacing:-.02em;color:var(--w-fg);font-size:1.12rem;font-weight:600;line-height:1.15}.lay2 .role{font-family:var(--font-mono),monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--w-teal);margin-top:.3rem;font-size:.58rem}.prows{flex-direction:column;gap:.62rem;padding-top:1.05rem;display:flex}.prow{opacity:0;align-items:center;gap:.7rem;min-width:0;display:flex;transform:translate(14px)}#gfx[data-cap="2"] .prow{opacity:1;transition:opacity .5s ease,transform .6s var(--ease);transform:none}#gfx[data-cap="2"] .prow:first-child{transition-delay:.5s}#gfx[data-cap="2"] .prow:nth-child(2){transition-delay:.63s}#gfx[data-cap="2"] .prow:nth-child(3){transition-delay:.76s}.pico{border-radius:var(--w-rad-sm);background:var(--pc);flex-shrink:0;place-items:center;width:2rem;height:2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pico{background:color-mix(in srgb,var(--pc)16%,transparent)}}.pico{border:1px solid var(--pc)}@supports (color:color-mix(in lab, red, red)){.pico{border:1px solid color-mix(in srgb,var(--pc)34%,transparent)}}.pico{color:var(--pc);box-shadow:inset 0 1px rgba(255,255,255,.07)}.pico svg{width:1rem;height:1rem}.ptxt{flex-direction:column;gap:.14rem;min-width:0;display:flex}.ptit{font-family:var(--font-sans),sans-serif;letter-spacing:-.01em;color:var(--w-fg);font-size:.85rem;font-weight:600;line-height:1.2}.psub{font-family:var(--font-mono),monospace;letter-spacing:.06em;color:var(--w-dim);font-size:.55rem;line-height:1.3}.xp{border-radius:var(--w-rad-sm);background:rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.5);flex-shrink:0;height:2.3rem;margin-top:auto;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.5),inset 0 -1px rgba(255,255,255,.055)}.xp-fill{transform-origin:0;background:linear-gradient(90deg,rgba(108,178,157,.1),rgba(108,178,157,.34));position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}#gfx[data-cap="2"] .xp-fill{animation:4s cubic-bezier(.22,1,.36,1) .5s infinite xpfill}@keyframes xpfill{0%{opacity:1;transform:scaleX(0)}58%,86%{opacity:1;transform:scaleX(1)}98%{opacity:0;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.xp-shine{pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}#gfx[data-cap="2"] .xp-shine{animation:2.1s linear .6s infinite xpshine}@keyframes xpshine{to{transform:translate(100%)}}.xp-txt{z-index:1;height:100%;font-family:var(--font-mono),monospace;letter-spacing:.06em;color:var(--w-dim);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.55);align-items:center;gap:.5rem;padding:0 .85rem;font-size:.6rem;display:flex;position:relative}.xp-txt b{color:var(--w-fg);font-weight:700}.xp-txt em{letter-spacing:.1em;color:var(--w-teal);margin-left:auto;font-size:.55rem;font-style:normal}.xp-txt i{opacity:0;font-style:normal;animation:1.5s infinite xpdot}.xp-txt i:nth-of-type(2){animation-delay:.2s}.xp-txt i:nth-of-type(3){animation-delay:.4s}@keyframes xpdot{0%,62%,to{opacity:0}18%,52%{opacity:1}}.win-bar{height:var(--w-bar);padding:0 var(--w-pad);font-family:var(--font-mono),monospace;letter-spacing:.03em;color:var(--w-dim);flex-shrink:0;align-items:center;gap:.55rem;font-size:.64rem;display:flex}.win-bar .tl{flex-shrink:0;gap:.32rem;display:flex}.win-bar .tl span{border-radius:50%;width:.55rem;height:.55rem}.win-bar em{color:var(--w-faint);font-style:normal}.win-badge{letter-spacing:.09em;color:var(--w-teal);background:rgba(108,178,157,.12);border:1px solid rgba(108,178,157,.3);border-radius:999px;flex-shrink:0;margin-left:auto;padding:.18rem .52rem;font-size:.54rem;box-shadow:0 0 14px -5px rgba(108,178,157,.55)}.lay3{background:radial-gradient(115% 80% at 8% -12%,rgba(255,255,255,.075),transparent 56%),radial-gradient(65% 50% at 50% 54%,rgba(138,169,240,.11),transparent 72%),var(--w-bg);flex-direction:column;padding:0;display:flex}.lay3 .body{min-height:0;padding:var(--w-pad);gap:var(--w-gap);flex:1;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);display:grid}.lay3 .steps,.lay3 .arch{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.srow{min-height:1.5rem;font-family:var(--font-mono),monospace;opacity:0;align-items:center;gap:.6rem;font-size:.68rem;display:flex;transform:translateY(6px)}.srow b{letter-spacing:.1em;color:var(--w-blue);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.55rem;font-weight:700}.srow .k{color:var(--w-faint);letter-spacing:.15em;text-transform:uppercase;flex-shrink:0;width:5.6rem;font-size:.52rem}.srow .v{font-family:var(--font-sans),sans-serif;letter-spacing:-.01em;color:var(--w-fg);font-size:.82rem;font-weight:600}.srow .ok{width:1.15rem;height:1.15rem;color:var(--w-teal);background:rgba(108,178,157,.15);border:1px solid rgba(108,178,157,.34);border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.srow .ok svg{width:.6rem;height:.6rem;display:block}.slot{border-radius:var(--w-rad-sm);background:rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.5);height:4.2rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.5),inset 0 -1px rgba(255,255,255,.055)}.slot:before{content:"";inset:var(--slot-head)0 0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 7px);position:absolute}.slot .shead{height:var(--slot-head);font-family:var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--w-blue);align-items:center;gap:.45rem;padding:0 .7rem;font-size:.52rem;display:flex;position:absolute;top:0;left:0;right:0}.slot .shead:before{content:"";background:var(--w-blue);border-radius:1px;flex-shrink:0;width:.32rem;height:.32rem}.slot .shead em{color:var(--w-faint);letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal}.blocks{align-items:center;display:flex}.blocks span{border-radius:var(--w-rad-sm);height:2rem;font-family:var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--w-blue);opacity:0;background:linear-gradient(rgba(255,255,255,.075),rgba(255,255,255,.02));border:1px solid rgba(138,169,240,.28);flex:1;place-items:center;font-size:.56rem;display:grid;transform:translateY(6px);box-shadow:inset 0 1px rgba(255,255,255,.09)}.blocks i{transform-origin:0;background:rgba(138,169,240,.45);flex-shrink:0;width:.85rem;height:1px;transform:scaleX(0)}#gfx[data-cap="3"] .srow{opacity:1;transition:opacity .45s ease,transform .55s var(--ease);transform:none}#gfx[data-cap="3"] .steps .srow:first-child{transition-delay:.5s}#gfx[data-cap="3"] .steps .srow:nth-child(2){transition-delay:.62s}#gfx[data-cap="3"] .arch .srow{transition-delay:1.05s}#gfx[data-cap="3"] .blocks span{opacity:1;transition:opacity .4s ease,transform .5s var(--ease);transform:none}#gfx[data-cap="3"] .blocks span:first-child{transition-delay:1.18s}#gfx[data-cap="3"] .blocks span:nth-child(3){transition-delay:1.3s}#gfx[data-cap="3"] .blocks span:nth-child(5){transition-delay:1.42s}#gfx[data-cap="3"] .blocks i{transition:transform .3s;transform:scaleX(1)}#gfx[data-cap="3"] .blocks i:nth-child(2){transition-delay:1.26s}#gfx[data-cap="3"] .blocks i:nth-child(4){transition-delay:1.38s}.lay4{flex-direction:column;padding:0;display:flex}.win-badge.alert{color:var(--w-red);background:rgba(239,106,94,.13);border-color:rgba(239,106,94,.32);box-shadow:0 0 14px -5px rgba(239,106,94,.55)}.drows{padding:.2rem var(--w-pad);flex-direction:column;flex:1;justify-content:center;display:flex}.drow{opacity:0;align-items:center;gap:.8rem;padding:.6rem 0;display:flex;transform:translate(16px)}.drow+.drow{border-top:1px solid var(--w-line-soft)}#gfx[data-cap="4"] .drow{opacity:1;transition:opacity .5s ease,transform .6s var(--ease);transform:none}#gfx[data-cap="4"] .drow:first-child{transition-delay:.5s}#gfx[data-cap="4"] .drow:nth-child(2){transition-delay:.65s}#gfx[data-cap="4"] .drow:nth-child(3){transition-delay:.8s}.dico{border-radius:var(--w-rad-sm);background:var(--dc);flex-shrink:0;place-items:center;width:2.2rem;height:2.2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.dico{background:color-mix(in srgb,var(--dc)16%,transparent)}}.dico{border:1px solid var(--dc)}@supports (color:color-mix(in lab, red, red)){.dico{border:1px solid color-mix(in srgb,var(--dc)36%,transparent)}}.dico{color:var(--dc);box-shadow:inset 0 1px rgba(255,255,255,.07)}.dico svg{width:1.05rem;height:1.05rem}.dtxt{flex-direction:column;gap:.18rem;min-width:0;display:flex}.dtit{font-family:var(--font-sans),sans-serif;letter-spacing:-.01em;color:var(--w-fg);font-size:.85rem;font-weight:600}.dsub{font-family:var(--font-mono),monospace;letter-spacing:.06em;color:var(--w-dim);font-size:.55rem}.dtag{font-family:var(--font-mono),monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--w-red);flex-shrink:0;margin-left:auto;font-size:.5rem}.guida{margin:.1rem var(--w-pad)var(--w-pad);color:var(--w-dim);border-radius:var(--w-rad-sm);font-family:var(--font-mono),monospace;opacity:0;white-space:nowrap;background:rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.5);flex-shrink:0;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.6rem;display:flex;overflow:hidden;transform:translateY(8px);box-shadow:inset 0 2px 4px rgba(0,0,0,.5),inset 0 -1px rgba(255,255,255,.055)}#gfx[data-cap="4"] .guida{opacity:1;transition:opacity .5s ease .95s,transform .6s var(--ease).95s;transform:none}.guida .gk{color:var(--w-teal);flex-shrink:0;font-weight:700}.lay5{flex-direction:column;padding:0;display:flex}.lay5 .mid{flex:1;place-items:center;display:grid}.lay5 .okwrap{flex-direction:column;align-items:center;gap:.85rem;display:flex}.bigok{width:3.6rem;height:3.6rem;color:var(--w-teal);background:rgba(108,178,157,.14);border:1.5px solid rgba(108,178,157,.42);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 30px -6px rgba(108,178,157,.45),inset 0 1px rgba(255,255,255,.1)}.bigok svg{width:1.6rem;height:1.6rem}.lay5 .shipln{font-family:var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--w-teal);font-size:.6rem}.win-foot{border-top:1px solid var(--w-line-soft);padding:.62rem var(--w-pad);font-family:var(--font-mono),monospace;letter-spacing:.08em;color:var(--w-dim);flex-shrink:0;justify-content:space-between;font-size:.55rem;display:flex}.lay6{flex-direction:column;padding:0;display:flex}.urlbox{font-family:var(--font-mono),monospace;color:var(--w-fg);white-space:nowrap;background:rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.5);border-radius:999px;flex:1;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.6rem;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.45)}.urlbox svg{flex-shrink:0;width:.68rem;height:.68rem}.live{font-family:var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--w-teal);flex-shrink:0;align-items:center;gap:.32rem;font-size:.54rem;display:flex}.live:before{content:"";background:var(--w-teal);border-radius:50%;width:.4rem;height:.4rem;animation:2.2s infinite pulse;box-shadow:0 0 8px rgba(108,178,157,.8)}.demo-mid{flex:1;gap:.55rem;min-height:0;padding:.6rem .7rem;display:flex;position:relative;overflow:hidden}.dside{border-radius:var(--w-rad-sm);background:rgba(0,0,0,.28);border:1px solid rgba(0,0,0,.45);flex-direction:column;flex-shrink:0;gap:.3rem;width:3.4rem;padding:.35rem;display:flex;box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}.dlogo{background:var(--w-blue);opacity:.7;border-radius:3px;width:1.5rem;height:.42rem;margin-bottom:.15rem}.dnav{background:rgba(255,255,255,.1);border-radius:4px;height:.5rem;position:relative}.dmain{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.dtitle{background:rgba(255,255,255,.22);border-radius:4px;width:45%;height:.5rem}.dcards{gap:.35rem;display:flex}.dcards span{background:linear-gradient(rgba(255,255,255,.075),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);border-radius:6px;flex:1;height:1.35rem}.dchart{flex:1;align-items:flex-end;gap:.25rem;min-height:1.8rem;display:flex}.dchart i{background:var(--w-blue);border-radius:3px 3px 0 0;flex:1;height:10%}@supports (color:color-mix(in lab, red, red)){.dchart i{background:color-mix(in srgb,var(--w-blue)55%,transparent)}}.dcursor{opacity:0;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6));width:.78rem;height:.78rem;position:absolute;top:2.5rem;left:1.45rem;transform:translate(5.5rem,2.6rem)}.dripple{background:var(--w-blue);opacity:0;border-radius:50%;width:1.7rem;height:1.7rem;margin:-.85rem 0 0 -.85rem;position:absolute;top:50%;left:50%;transform:scale(.3)}.dsweep{pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-110%)}#gfx[data-cap="5"] .dsweep{animation:9s linear infinite dsweep}#gfx[data-cap="5"] .dtitle,#gfx[data-cap="5"] .dcards span{animation:9s infinite dfade}#gfx[data-cap="5"] .dcards span:nth-child(2){animation-delay:80ms}#gfx[data-cap="5"] .dcards span:nth-child(3){animation-delay:.16s}#gfx[data-cap="5"] .dchart i{animation:dbar 9s var(--ease)infinite}#gfx[data-cap="5"] .dcursor{animation:dcursor 9s var(--ease)infinite}#gfx[data-cap="5"] .dripple{animation:9s ease-out infinite dripple}#gfx[data-cap="5"] .n1{animation:9s step-end infinite dnavOff}#gfx[data-cap="5"] .n2{animation:9s step-end infinite dnavOn}@keyframes dsweep{0%{transform:translate(-110%)}12%{transform:translate(110%)}12.01%,38%{transform:translate(-110%)}48%,to{transform:translate(110%)}}@keyframes dfade{0%,6%{opacity:.25}14%,36%{opacity:1}41%,47%{opacity:.25}56%,94%{opacity:1}to{opacity:.25}}@keyframes dbar{0%,8%{height:10%}16%,36%{height:var(--h1)}41%,47%{height:10%}56%,94%{height:var(--h2)}to{height:10%}}@keyframes dcursor{0%,14%{opacity:0;transform:translate(5.5rem,2.6rem)scale(1)}18%{opacity:1;transform:translate(5.5rem,2.6rem)scale(1)}33%{opacity:1;transform:translate(0)scale(1)}36%{transform:translate(0)scale(.72)}39%{transform:translate(0)scale(1)}60%{opacity:1;transform:translate(0)scale(1)}70%,to{opacity:0;transform:translate(0)scale(1)}}@keyframes dripple{0%,35%{opacity:0;transform:scale(.3)}37%{opacity:.3;transform:scale(.55)}46%,to{opacity:0;transform:scale(1.3)}}@keyframes dnavOn{0%,36%{background:rgba(255,255,255,.1)}37%,to{background:color-mix(in srgb,var(--w-blue)55%,transparent)}}@keyframes dnavOff{0%,36%{background:color-mix(in srgb,var(--w-blue)55%,transparent)}37%,to{background:rgba(255,255,255,.1)}}.lay7{pointer-events:none;flex-direction:column;gap:.55rem;padding:1.3rem;display:flex}#gfx[data-cap="7"] .lay7{pointer-events:auto}.lay7 label{font-family:var(--font-mono),monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--w-faint);flex-direction:column;gap:.3rem;font-size:.52rem;display:flex}.lay7 input,.lay7 textarea,.lay7 select{font-family:var(--font-sans),sans-serif;color:var(--w-fg);border-radius:var(--w-rad-sm);resize:none;background:rgba(236,234,228,.06);border:1px solid rgba(236,234,228,.2);outline:none;width:100%;padding:.55rem .7rem;font-size:.88rem;transition:border-color .25s,background .25s,box-shadow .25s;box-shadow:inset 0 1px rgba(255,255,255,.05)}.lay7 input:hover,.lay7 textarea:hover,.lay7 select:hover{background:rgba(236,234,228,.086);border-color:rgba(236,234,228,.32)}.lay7 input:focus,.lay7 textarea:focus,.lay7 select:focus{background:rgba(236,234,228,.094);border-color:rgba(242,121,58,.7);box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 0 3px rgba(242,121,58,.16)}.lay7 input::placeholder,.lay7 textarea::placeholder{color:var(--w-faint)}.lay7 select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eceae4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' opacity='.55'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:.7rem;padding-right:2rem}.lay7 select option{color:var(--w-fg);background:#221f18}.lay7 select:invalid{color:var(--w-faint)}.lay7 .privacy{font-family:var(--font-mono),monospace;letter-spacing:.02em;text-transform:none;color:var(--w-dim);cursor:pointer;flex-direction:row;align-items:flex-start;gap:.5rem;margin-top:.1rem;font-size:.58rem;line-height:1.5}.lay7 .privacy input{width:.95rem;height:.95rem;box-shadow:none;accent-color:var(--w-orange);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:.06rem;padding:0}.lay7 .privacy a{color:var(--w-fg);text-underline-offset:2px;text-decoration:underline}.lay7 .privacy a:hover{color:var(--w-orange)}.lay7 .pop-btn{background:var(--w-fg);color:#17150f;align-self:flex-start;margin-top:.2rem;padding:.68rem 1.35rem;font-size:.9rem}.lay7 .pop-btn:hover{color:#17150f;background:#fff}.lay7 .pop{width:1.35rem;height:1.35rem}.pop-btn:disabled{opacity:.6;cursor:default;transform:none}.pop-btn:disabled .pop{opacity:0}.lay7 .field-err{font-family:var(--font-mono),monospace;letter-spacing:.06em;text-transform:none;color:var(--w-red);margin-top:.1rem;font-size:.53rem;font-style:normal;line-height:1.4}.lay7 input[aria-invalid=true],.lay7 select[aria-invalid=true],.lay7 textarea[aria-invalid=true]{border-color:rgba(239,106,94,.65);box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 0 3px rgba(239,106,94,.12)}.lay7 .privacy input[aria-invalid=true]{outline:1.5px solid var(--w-red);outline-offset:2px}.lay7 .privacy .field-err{display:block}.lay7 .hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.lay7 .err{font-family:var(--font-mono),monospace;color:var(--w-red);font-size:.55rem;line-height:1.5}.lay7 .err a{color:var(--w-red);text-underline-offset:2px;text-decoration:underline}.lay7.done{text-align:center;justify-content:center;align-items:center;gap:1rem}.lay7.done p{color:var(--w-dim);font-size:.92rem;line-height:1.55}#rail{z-index:80;flex-direction:column;gap:1rem;display:flex;position:fixed;top:50%;left:1.1rem;transform:translateY(-50%)}#rail button{cursor:pointer;font-family:var(--font-mono),monospace;color:var(--fog);background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.6rem;display:flex;position:relative}#rail .rlabel{z-index:1;white-space:nowrap;background:var(--rc,var(--ink));color:#fff;font-family:var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 14px 28px -14px var(--rc,var(--ink)),0 2px 6px -2px rgba(25,23,19,.18);border-radius:999px;align-items:center;gap:.45rem;padding:.38rem .78rem;font-size:.62rem;display:inline-flex;position:absolute;top:50%;left:1.25rem}@supports (color:color-mix(in lab, red, red)){#rail .rlabel{box-shadow:0 14px 28px -14px color-mix(in srgb,var(--rc,var(--ink))80%,transparent),0 2px 6px -2px rgba(25,23,19,.18)}}#rail .rlabel{opacity:0;transform-origin:0;pointer-events:none;transition:opacity .22s ease,transform .38s var(--ease);transform:translate(-10px,-50%)scale(.9)}#rail .rlabel:before{content:"";background:var(--rc,var(--ink));border-radius:2px;width:.5rem;height:.5rem;position:absolute;top:50%;left:-.2rem;transform:translateY(-50%)rotate(45deg)}#rail .rlabel b{opacity:.62;font-weight:700}#rail button:hover .rlabel{opacity:1;transform:translateY(-50%)scale(1)}#rail .rdot{background:var(--brand-orange);border-radius:50%;width:.55rem;height:.55rem}@supports (color:color-mix(in lab, red, red)){#rail .rdot{background:color-mix(in srgb,var(--brand-orange)28%,transparent)}}#rail .rdot{transition:background .3s,transform .3s}#rail button:hover .rdot{background:var(--brand-orange)}@supports (color:color-mix(in lab, red, red)){#rail button:hover .rdot{background:color-mix(in srgb,var(--brand-orange)60%,transparent)}}#rail button:hover .rdot{transform:scale(1.35)}#rail button.on .rdot{background:var(--brand-orange);transform:scale(1.5)}#rail button .rnum{opacity:0;order:2;transition:opacity .25s,transform .3s;transform:translate(-4px)}#rail button.on .rnum{opacity:1;transform:none}#rail button:hover .rnum{opacity:0;transform:translate(-4px)}@media (max-width:900px){#rail{display:none}}.hint,.finfo{-webkit-backdrop-filter:blur(9px)saturate(1.2);backdrop-filter:blur(9px)saturate(1.2);background:rgba(255,255,255,.62);border:1px solid rgba(25,23,19,.07);border-radius:999px;width:-moz-fit-content;width:fit-content}.hint{font-family:var(--font-mono),monospace;letter-spacing:.2em;text-transform:uppercase;color:rgba(25,23,19,.62);align-items:center;gap:.6rem;padding:.5rem .95rem;font-size:.62rem;animation:2.4s ease-in-out infinite nudge;display:flex;position:absolute;bottom:1.5rem;left:max(1.5rem,min(7vw,7rem))}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.finfo{font-family:var(--font-mono),monospace;color:rgba(25,23,19,.6);flex-wrap:wrap;align-items:center;gap:1.2rem;padding:.55rem 1.1rem;font-size:.66rem;display:flex;position:absolute;bottom:1.5rem;left:max(1.5rem,min(7vw,7rem))}.finfo a{color:var(--ink)}.finfo a:hover{color:var(--teal)}@media (max-width:900px){section.cap{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;padding:7rem 1.4rem 46dvh}.txt{flex-basis:100%;max-width:100%}h1{font-size:max(1.9rem,min(7.5vw,2.6rem))}h2{font-size:max(1.7rem,min(6.6vw,2.3rem))}p.lead{font-size:.95rem}#gfx{width:100%;height:44dvh;top:auto;bottom:0;left:0;right:0}#frame{top:50%}#gfx[data-cap="2"] #frame{--w:min(19rem,86vw);--h:min(18.5rem,40dvh)}#gfx[data-cap="3"] #frame{--w:min(22rem,88vw);--h:min(16rem,41dvh)}#gfx[data-cap="3"] .c2,#gfx[data-cap="3"] .c4{--y:calc(50% + var(--w-bar)/2 + var(--slot-head)/2)}.slot{height:3.7rem}#gfx{--w-bar:2.1rem}.win-bar{padding:0 .8rem;font-size:.6rem}.win-badge{display:none}.lay3 .body{gap:.5rem;padding:.75rem .8rem}.srow{gap:.45rem;min-height:1.2rem;font-size:.62rem}.srow .k{width:4.4rem}.blocks span{height:1.75rem}#gfx[data-cap="4"] #frame{--w:min(22rem,88vw);--h:min(17.5rem,40dvh)}#gfx[data-cap="5"] #frame{--w:min(22rem,88vw);--h:min(16rem,38dvh)}#gfx[data-cap="6"] #frame{--w:min(22rem,88vw);--h:min(15rem,36dvh)}#gfx[data-cap="7"] #frame{--w:min(22rem,88vw);--h:min(24rem,43dvh)}.lay7{gap:.4rem;padding:.9rem;overflow-y:auto}.lay7 input,.lay7 select,.lay7 textarea{border-radius:8px;padding:.45rem .6rem;font-size:.82rem}.lay7 .privacy{font-size:.56rem}.lay7 .pop-btn{padding:.55rem 1.1rem;font-size:.82rem}.lay7 .pop{display:none}.dico{width:1.9rem;height:1.9rem}.dtit{font-size:.8rem}.dtag{display:none}.guida{font-size:.56rem}.lay7 textarea{height:2.6rem}.chip .fl{padding:.4rem .7rem;font-size:.6rem}.lay2{padding:1.2rem 1.2rem 1.2rem 1.9rem}.lay2 .avatar{width:2.5rem;height:2.5rem;font-size:.78rem}.lay2 h3{font-size:1rem}.phead{padding-bottom:.8rem}.prows{gap:.42rem;padding-top:.8rem}.pico{border-radius:8px;width:1.75rem;height:1.75rem}.pico svg{width:.9rem;height:.9rem}.ptit{font-size:.78rem}.psub{font-size:.54rem}.xp-txt{padding:0 .7rem;font-size:.55rem}.xp{height:2.1rem}.hint{bottom:calc(44dvh + 1rem);left:1.4rem}.finfo{gap:1rem;margin-top:1.6rem;padding:.5rem .9rem;font-size:.6rem;position:static}}@media (max-height:640px) and (min-width:901px){h1{font-size:2.3rem}h2{font-size:2rem}}