:root{--ink:#0b0e12;--slate:#161c23;--edge:#27313c;--steel:#dfe5ec;--mist:#93a0ae;--blade:#5cc8e4;--ember:#ff8a4c;--ember-ink:#1b0c02;--mono:"Martian Mono",ui-monospace,Menlo,Consolas,monospace;--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--steel);font-family:var(--sans);font-weight:400;line-height:1.5;overflow-x:hidden;min-height:100dvh}a{color:inherit}.top{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left))}.top img{width:56px;height:56px;border-radius:12px;display:block}.top span{font-family:var(--mono);font-size:clamp(.7rem,.66rem + .2vw,.8rem);letter-spacing:.06em;text-transform:uppercase;color:var(--mist)}.story{position:relative}.stage{position:sticky;top:0;z-index:2;height:clamp(236px,35dvh,330px);display:grid;place-items:center;background:var(--ink);perspective:1000px;overflow:hidden}.rig{width:min(260px,64vw);display:flex;flex-direction:column;gap:8px;transform-style:preserve-3d}.card{position:relative;aspect-ratio:1.586;transform-style:preserve-3d;transform:rotateY(-180deg);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.face{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono);overflow:hidden}.front{background:var(--slate);border:1px solid var(--edge);color:var(--mist)}.back{transform:rotateY(180deg);background:linear-gradient(140deg,#1d2630 0%,#121820 70%);border:1px solid rgba(92,200,228,.45);color:var(--steel)}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(.5rem,.44rem + .3vw,.62rem);letter-spacing:.08em;text-transform:uppercase}.field{position:relative;border:1px solid var(--edge);border-radius:8px;padding:9px 10px;font-size:clamp(.55rem,.5rem + .3vw,.68rem);letter-spacing:.1em;color:var(--mist)}.strike{position:absolute;left:6px;right:6px;top:50%;height:2px;background:var(--blade);transform-origin:left;transform:scaleX(1)}.getkey{align-self:flex-start;border-radius:6px;background:var(--edge);color:var(--mist);padding:5px 9px;font-size:clamp(.5rem,.44rem + .3vw,.6rem);letter-spacing:.08em;text-transform:uppercase}.mark{display:flex;align-items:center;gap:8px}.mark svg{width:22px;height:22px}.big{font-weight:700;font-size:clamp(1.2rem,.9rem + 1.6vw,1.7rem);letter-spacing:.04em;line-height:1}.big small{display:block;font-weight:400;font-size:clamp(.5rem,.44rem + .3vw,.62rem);letter-spacing:.1em;color:var(--blade);margin-top:6px;text-transform:uppercase}.devs{display:flex;gap:10px;font-size:clamp(.5rem,.44rem + .3vw,.62rem);letter-spacing:.08em;text-transform:uppercase}.devs i{font-style:normal;opacity:1;transition:opacity .4s}.hub{transform-origin:top center;transform:rotateX(0);opacity:1;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s;background:#10151b;border:1px solid var(--edge);border-radius:12px;padding:9px 12px;font-family:var(--mono);font-size:clamp(.55rem,.5rem + .3vw,.68rem);letter-spacing:.04em;color:var(--mist)}.hub p{display:flex;justify-content:space-between;gap:10px}.hub p span:last-child{color:var(--blade)}.cur{display:inline-block;width:.6em;height:1em;vertical-align:-2px;background:var(--steel);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.stage[data-step="1"] .card{transform:rotateY(0)}.stage[data-step="1"] .strike{transform:scaleX(0)}.stage[data-step="2"] .card{transform:rotateY(-52deg)}.stage[data-step="1"] .hub,.stage[data-step="2"] .hub,.stage[data-step="3"] .hub{transform:rotateX(-90deg);opacity:0}.stage[data-step="1"] .devs i,.stage[data-step="2"] .devs i{opacity:.25}.stage[data-step="3"] .devs i{animation:lit .5s both}.stage[data-step="3"] .devs i:nth-child(2){animation-delay:.35s}.stage[data-step="3"] .devs i:nth-child(3){animation-delay:.7s}@keyframes lit{from{opacity:.25}to{opacity:1}}.strike{transition:transform .6s .2s}.hero{position:relative;z-index:1;padding:6px max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left))}h1{font-family:var(--mono);font-weight:700;font-size:clamp(1.45rem,1rem + 2.2vw,2.55rem);line-height:1.14;letter-spacing:-.02em;color:var(--steel);text-wrap:balance}h1 em{font-style:normal;color:var(--blade)}.lede{margin-top:10px;font-size:clamp(.98rem,.92rem + .3vw,1.15rem);color:#c3ccd6;max-width:34em}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin-top:16px;padding:0 24px;border-radius:12px;background:var(--ember);color:var(--ember-ink);font-family:var(--mono);font-weight:700;font-size:clamp(.88rem,.84rem + .2vw,1rem);letter-spacing:.02em;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s}.cta svg{width:16px;height:16px}.cta:focus-visible{outline:3px solid var(--steel);outline-offset:3px}.cta:active{transform:scale(.98)}@media (hover: hover){.cta:hover{transform:translateY(-1px)}}.need{margin-top:10px;font-size:clamp(.84rem,.8rem + .2vw,.95rem);color:var(--mist)}.steps{position:relative;z-index:1;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.step{min-height:70dvh;display:flex;flex-direction:column;justify-content:center;padding:24px 0}.step span{font-family:var(--mono);font-size:clamp(.68rem,.64rem + .2vw,.78rem);letter-spacing:.1em;text-transform:uppercase;color:var(--blade);margin-bottom:10px}.step p{font-size:clamp(1.25rem,1.05rem + 1vw,1.75rem);line-height:1.3;max-width:20em;color:var(--steel);opacity:.6;transition:opacity .4s}.step.on p{opacity:1}.close{padding:40px max(16px,env(safe-area-inset-right)) 56px max(16px,env(safe-area-inset-left));border-top:1px solid var(--edge)}.close h2{font-family:var(--mono);font-weight:700;font-size:clamp(1.2rem,1rem + 1.2vw,1.8rem);line-height:1.2;max-width:22em}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(11,14,18,.95);border-top:1px solid var(--edge);transform:translateY(110%);visibility:hidden;transition:transform .35s,visibility 0s .35s}.bar.on{transform:none;visibility:visible;transition:transform .35s}.bar b{font-family:var(--mono);font-weight:700;font-size:clamp(.72rem,.68rem + .2vw,.82rem);letter-spacing:.04em}.bar .cta{margin:0;min-height:44px;padding:0 18px}footer{padding:24px max(16px,env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid var(--edge);font-size:clamp(.8rem,.76rem + .2vw,.9rem);color:var(--mist)}footer strong{display:block;font-family:var(--mono);font-weight:700;color:var(--steel);margin-bottom:4px}@media (min-width: 900px){.top,.story,.close,footer{max-width:1180px;margin-left:auto;margin-right:auto}.top{padding-top:28px}.top img{width:160px;height:160px;border-radius:24px}.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px}.stage{grid-column:2;grid-row:1 / span 2;align-self:start;height:100dvh;background:transparent}.rig{width:min(400px,34vw)}.hero{grid-column:1;grid-row:1;min-height:calc(100dvh - 200px);display:flex;flex-direction:column;justify-content:center;padding-top:0}.steps{grid-column:1;grid-row:2}.step{min-height:80dvh}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}html,body{max-width:100%;overflow-x:clip}