:root{--night:#0B0E0D;--panel:#141A18;--mint:#56F0A6;--ember:#FF7A3D;--paper:#EDF3F0;--line:rgba(86,240,166,.16);--soft:rgba(237,243,240,.62);--r:14px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--night);color:var(--paper);font-family:"Work Sans",Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(1rem,0.96rem + 0.3vw,1.08rem);line-height:1.62;overflow-x:clip;}body::before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.04;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");}h1,h2,h3,.display{font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.025em;line-height:1.04;margin:0}h1{font-size:clamp(2rem,1.2rem + 4.4vw,3.5rem)}h2{font-size:clamp(1.35rem,1.05rem + 1.5vw,2rem);line-height:1.12}h3{font-size:1.05rem;line-height:1.3;letter-spacing:-.01em}p{margin:0 0 .9rem}a{color:var(--paper)}.wrap{width:min(1120px,100% - 2rem);margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:80;background:var(--mint);color:var(--night);padding:.6rem 1rem;border-radius:8px}.top{border-bottom:1px solid rgba(237,243,240,.08)}.top .wrap{display:flex;align-items:center;gap:.7rem;padding:.7rem 0}.top img{width:48px;height:48px;border-radius:12px;display:block}.mark{font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.02em;font-size:1.05rem}.scene{position:relative;padding-bottom:1rem}.scene::before{content:"";position:absolute;inset:-6rem 0 auto 0;height:60vh;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 0,rgba(86,240,166,.13),rgba(11,14,13,0) 72%);}.scene .wrap{position:relative;z-index:1}.hero{padding:1.6rem 0 .4rem}.hero p.lead{color:var(--soft);max-width:34ch;margin-top:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;min-width:min(280px,100%);padding:.9rem 1.5rem;background:var(--ember);color:#1A0C04;text-decoration:none;font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.01em;border-radius:var(--r);border:1px solid rgba(255,122,61,.5);}.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}@media (hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}}.button{transition:transform .18s ease}.note{color:var(--soft);font-size:.92rem;margin:.7rem 0 0}.stage{position:sticky;top:0;z-index:2;background:var(--night);padding:calc(.7rem + env(safe-area-inset-top)) 0 .9rem;margin-top:1.2rem;}.stage svg{display:block;width:min(292px,74vw);height:auto;margin-inline:auto}.steps{list-style:none;margin:0;padding:0 0 2rem}.steps li{min-height:52dvh;display:flex;align-items:center;font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.02em;font-size:clamp(1.3rem,1rem + 1.6vw,1.9rem);line-height:1.14;max-width:22ch;}.steps li span{border-left:2px solid var(--mint);padding-left:.8rem;display:block}.pnl .fade{opacity:0;transition:opacity .45s ease}.pnl .grow{transform:scaleX(0);transform-origin:left center;transform-box:fill-box;transition:transform .55s ease}.pnl .rise{transform:scaleY(0);transform-origin:bottom center;transform-box:fill-box;transition:transform .5s ease}.pnl .scan{opacity:0;transform:translateY(0);transition:transform .9s linear,opacity .3s ease}[data-step="2"] .pnl .scan{opacity:.85;transform:translateY(240px)}[data-step="2"] .pnl .lit,[data-step="3"] .pnl .lit,[data-step="4"] .pnl .lit{opacity:1}[data-step="3"] .pnl .m,[data-step="4"] .pnl .m{opacity:1;transform:scaleX(1)}[data-step="4"] .pnl .c{opacity:1;transform:scaleX(1)}[data-step="4"] .pnl .h{transform:scaleY(1)}.pnl .chip-idle{opacity:1;transition:opacity .45s ease}[data-step="2"] .pnl .chip-idle,[data-step="3"] .pnl .chip-idle,[data-step="4"] .pnl .chip-idle{opacity:0}[data-step="2"] .pnl .chip-read,[data-step="3"] .pnl .chip-read{opacity:1}[data-step="4"] .pnl .chip-done{opacity:1}.pnl .p2{transition-delay:.1s}.pnl .p3{transition-delay:.2s}.pnl .h2{transition-delay:.06s}.pnl .h3{transition-delay:.12s}.pnl .h4{transition-delay:.18s}.pnl .h5{transition-delay:.24s}.pnl .h6{transition-delay:.3s}.pnl .h7{transition-delay:.36s}.lbl{font-family:"Work Sans",Helvetica,Arial,sans-serif;font-size:11px;fill:rgba(237,243,240,.66)}.lbl-s{font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900;font-size:10px;letter-spacing:.06em}.ticket{margin:2.5rem 0 0}.tk-head{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:1rem 1.1rem}.tk-head .sub{font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900;font-size:1.05rem;letter-spacing:-.01em}.chip{display:inline-block;font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900;font-size:.72rem;letter-spacing:.08em;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--line);color:var(--mint);margin-bottom:.5rem}.chip.done{color:var(--night);background:var(--mint);border-color:var(--mint)}.toc{margin:1.1rem 0 0;padding:0;list-style:none;border-top:1px solid rgba(237,243,240,.08)}.toc li{display:flex;align-items:baseline;gap:.4rem;padding:.55rem 0;border-bottom:1px solid rgba(237,243,240,.08)}.toc .dots{flex:1;border-bottom:1px dotted rgba(237,243,240,.35);transform:translateY(-.25rem)}.toc a{color:var(--paper);text-decoration:none;min-height:24px}.toc .num{color:var(--mint);font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900}.reply{position:relative;margin:2rem 0 0;padding-left:1.1rem;border-left:1px solid rgba(237,243,240,.12)}.reply .who{color:var(--mint);font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900;font-size:.72rem;letter-spacing:.1em;display:block;margin-bottom:.45rem}.reply h2{margin-bottom:.7rem}.reply p{color:var(--soft)}.stack{list-style:none;margin:1.2rem 0 0;padding:0}.stack li{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;margin-top:-.4rem;overflow:hidden;}.stack li:first-child{margin-top:0;transform:rotate(-.7deg)}.stack li:nth-child(2){transform:rotate(.5deg)}.stack li:nth-child(3){transform:rotate(-.3deg)}.stack li p{margin:.4rem 0 0;font-size:.98rem}.stack li::after{content:"";position:absolute;top:0;left:-40%;width:35%;height:100%;pointer-events:none;background:linear-gradient(100deg,rgba(86,240,166,0),rgba(86,240,166,.14),rgba(86,240,166,0));transform:translateX(0);}@media (hover:hover) and (pointer:fine){.stack li:hover::after{transform:translateX(400%);transition:transform .8s ease}}.hint{font-family:"Patrick Hand",cursive;color:var(--mint);font-size:1.05rem;display:block;margin-top:.5rem}.src{color:var(--mint);text-decoration:none;border-bottom:1px dotted var(--mint)}.pc{display:grid;gap:1rem;margin-top:1.2rem}.pc > div{border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;background:var(--panel)}.pc ul{margin:.6rem 0 0;padding-left:1.1rem;color:var(--soft)}.pc li{margin:.45rem 0;font-size:.98rem}.pc .k{font-family:Chivo,Helvetica,Arial,sans-serif;font-weight:900;font-size:.98rem}.bento{display:grid;gap:.8rem;margin-top:1.2rem}.bento div{border:1px solid var(--line);border-radius:var(--r);padding:1.1rem;background:var(--panel)}.bento .big{background:linear-gradient(180deg,rgba(86,240,166,.09),rgba(86,240,166,.02))}.bento p{margin:.4rem 0 0;font-size:.98rem}.resolved{margin:2.4rem 0 0;text-align:center}.sticky-note{display:inline-block;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:1.3rem 1.4rem 1.5rem;transform:rotate(-1.6deg);max-width:420px;width:min(420px,100%);}.resolved .chip{display:block;width:max-content;margin:0 auto .9rem}.sticky-note .hand{font-family:"Patrick Hand",cursive;font-size:1.4rem;line-height:1.25;color:var(--paper);display:block;margin-bottom:1rem}.sticky-note .button{width:100%}footer{margin-top:3rem;position:relative;background:#101614;padding:2.2rem 0 calc(5.5rem + env(safe-area-inset-bottom))}footer::before{content:"";position:absolute;top:-11px;left:0;right:0;height:12px;background:#101614;-webkit-mask-image:repeating-linear-gradient(135deg,#000 0 8px,rgba(0,0,0,0) 8px 16px);mask-image:repeating-linear-gradient(135deg,#000 0 8px,rgba(0,0,0,0) 8px 16px);}footer::after{content:"";position:absolute;top:-12px;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(86,240,166,0),rgba(86,240,166,.5),rgba(86,240,166,0));}footer .mark{font-size:1.3rem;display:block}footer h2{font-size:.78rem;letter-spacing:.1em;color:var(--mint);margin:1.3rem 0 .4rem;font-weight:900}footer a{color:var(--soft);display:inline-block;min-height:24px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(11,14,13,.96);border-top:1px solid var(--line);padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom));opacity:0;transform:translateY(110%);transition:transform .3s ease,opacity .3s ease;pointer-events:none;}.bar.on{opacity:1;transform:translateY(0);pointer-events:auto}.bar .button{width:100%;min-width:0}@media (min-width:900px){.scene .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;align-items:start}.hero{grid-column:1;grid-row:1;padding:3rem 0 0}.steps{grid-column:1;grid-row:2}.stage{grid-column:2;grid-row:1 / span 2;top:12vh;margin-top:3rem;background:none}.stage svg{width:min(420px,100%)}.steps li{min-height:62dvh;align-items:center}.pc{grid-template-columns:1fr 1fr}.bento{grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto}.bento .big{grid-row:1 / span 2}.ticket,.resolved{max-width:860px;margin-inline:auto}}@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}