.hero{position:relative;z-index:1;min-height:min(96vh,900px);display:grid;align-items:center}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:center;padding:80px 0 110px}.hero-logo-wrap{margin:0 0 26px}.hero-logo{width:min(94%,760px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.45));margin:0}.hero-sub{font-size:clamp(16px,1.7vw,20px);color:#e8ebf5;max-width:44ch;margin:0 0 32px;text-shadow:0 2px 14px rgba(0,0,0,.9)}.hero-cta{gap:14px}.hero-cta .dl-icon{display:inline-flex;margin-right:10px;vertical-align:-3px}.hero-art{display:grid;place-items:center}.ted-drift{translate:0 var(--drift, 0);rotate:var(--tilt, 0deg)}.hero-art .ted{width:min(100%,400px);height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.7));animation:bob 6s ease-in-out infinite;cursor:pointer}.ted-spin{display:inline-block;transition:rotate .2s ease}.hero-art:hover .ted-spin{animation:ted-spin 1.1s linear infinite}@keyframes ted-spin{0%{rotate:y 0deg}to{rotate:y 360deg}}.hero-art{perspective:900px}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -18px}}.scroll-cue{position:absolute;z-index:3;bottom:30px;left:50%;translate:-50% 0;display:grid;place-items:center;color:var(--cyan);filter:drop-shadow(0 3px 0 rgba(0,0,0,.55));animation:cue 1.6s cubic-bezier(.3,.7,.4,1) infinite}.scroll-cue:hover{color:var(--pink)}.scroll-cue svg{display:block;shape-rendering:crispEdges}@keyframes cue{0%{translate:-50% 0}18%{translate:-50% 13px}32%{translate:-50% 2px}44%{translate:-50% 8px}56%{translate:-50% 0}to{translate:-50% 0}}.stage{position:relative;z-index:0;isolation:isolate;margin-top:-300px;padding-top:300px}.stage:before{content:"";position:absolute;inset:0;z-index:-2;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 300px);mask-image:linear-gradient(to bottom,transparent 0,#000 300px);background:radial-gradient(70% 20% at 50% 1%,rgba(255,140,0,.3),transparent 76%),radial-gradient(52% 26% at 8% 8%,rgba(255,140,0,.4),transparent 70%),radial-gradient(48% 22% at 95% 17%,rgba(255,20,147,.38),transparent 72%),radial-gradient(55% 24% at 12% 38%,rgba(0,191,255,.38),transparent 72%),radial-gradient(50% 24% at 92% 56%,rgba(138,43,226,.38),transparent 72%),radial-gradient(58% 26% at 30% 78%,rgba(50,205,50,.32),transparent 72%),radial-gradient(52% 24% at 88% 94%,rgba(255,215,0,.3),transparent 72%)}.stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 300px);mask-image:linear-gradient(to bottom,transparent 0,#000 300px);background:repeating-linear-gradient(45deg,rgba(255,255,255,.022) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,rgba(255,255,255,.014) 0 1px,transparent 1px 9px)}.band{position:relative}.band .page{padding:116px 0}.band .grid{gap:26px}.band+.band:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.22) 22%,rgba(255,255,255,.22) 78%,transparent)}.band+.band:after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;translate:-50% 0;rotate:45deg;background:var(--bg);border:1px solid rgba(255,255,255,.3)}.voxel-h{margin:0 0 20px;display:flex}.center .voxel-h{justify-content:center}.voxel-h:last-child{margin-bottom:62px}.voxel-h svg{filter:drop-shadow(0 4px 0 rgba(0,0,0,.35)) drop-shadow(0 0 30px rgba(0,0,0,.6))}.lede{font-size:clamp(17px,1.7vw,21px);color:#eaedf7;max-width:52ch;margin:12px auto 68px;text-shadow:0 2px 16px rgba(0,0,0,.85)}.center .lede{text-align:center}.card{--c: var(--cyan);position:relative;background:#ffffff0e;backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:32px 30px;box-shadow:0 18px 44px #0000006b,inset 0 1px #ffffff2e;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c)}.card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--c) 16%,transparent),transparent 55%)}.card>*{position:relative;z-index:1}.card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 26px 60px #00000080,0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent),inset 0 1px #ffffff38}.card h3{font-size:20px;margin:16px 0 10px}.card p{color:#d3d8e8;margin:0;line-height:1.7}.steps .card{text-align:center}.step-n{width:50px;height:50px;margin:0 auto;display:grid;place-items:center;border-radius:14px;font-size:22px;font-weight:900;color:#08080b;background:var(--c);box-shadow:0 6px 20px color-mix(in srgb,var(--c) 45%,transparent)}.tag{display:inline-block;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:color-mix(in srgb,var(--c) 20%,transparent);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}.feature-grid .card:nth-child(1){--c: var(--cyan)}.feature-grid .card:nth-child(2){--c: var(--pink)}.feature-grid .card:nth-child(3){--c: var(--yellow)}.feature-grid .card:nth-child(4){--c: var(--green)}.dl-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:34px}.dl-note{font-size:13px;margin:0;letter-spacing:.04em}.dl-pig{width:104px;height:104px;border-radius:24px;margin:0 auto 22px;image-rendering:pixelated;box-shadow:0 18px 44px #0000008c,0 0 0 1px #ffffff1f;animation:bob 5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hero-art .ted,.dl-pig,.hero-art:hover .ted-spin,.scroll-cue{animation:none}}@media(max-width:900px){.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:104px 0 70px}.hero-copy{display:contents}.hero-logo-wrap{order:1;width:100%;margin-bottom:26px}.hero-sub{order:3;margin-inline:auto}.hero-cta{order:4;justify-content:center}.hero-art{display:none}.hero-logo{width:min(96%,520px);margin-inline:auto}}