@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{color-scheme:dark;--bg-0: #020305;--bg-1: #060a10;--bg-2: #0a1220;--panel: rgba(6, 10, 16, .86);--panel-border: rgba(102, 231, 255, .22);--panel-border-strong: rgba(102, 231, 255, .46);--text: #eef5fb;--muted: #a7b9c8;--accent: #67e7ff;--accent-2: #8dff86;--danger: #ff8181;--page-max: 1240px;--shadow: 0 22px 70px rgba(0, 0, 0, .48);--radius: 28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Press Start 2P",monospace;background:radial-gradient(circle at top center,rgba(103,231,255,.12),transparent 25%),linear-gradient(180deg,#030407,#04070b);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.11;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;max-width:100%}.site-shell{position:relative;min-height:100vh;overflow:clip}.site-shell.intro-active{min-height:100vh;overflow:hidden}.site-shell.intro-active main,.site-shell.intro-active .topbar,.site-shell.intro-active .footer,.site-shell.intro-active .scroll-crab,.site-shell.intro-active .background-crab{filter:blur(10px)}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:#000000f5;opacity:0;pointer-events:none;transition:opacity .28s ease}.intro-overlay.visible{opacity:1;pointer-events:auto}.intro-card{width:min(calc(100% - 32px),620px);padding:32px;border:2px solid rgba(103,231,255,.35);background:#04060b;text-align:center;box-shadow:var(--shadow)}.intro-crab{width:min(280px,48vw);margin:0 auto 20px;padding:12px;background:#04060b;animation:introPop .9s steps(8,end);image-rendering:pixelated}.reduced-motion .intro-crab{animation:none}.intro-kicker,.section-label,.hud-chip,.builder-visual-copy span,.step-index,.card-topline span,.summary-list dt{color:var(--accent);font-size:11px;line-height:1.8}.intro-title{margin:0 0 14px;font-size:clamp(30px,6vw,48px);line-height:1.2}.intro-copy{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:2}.intro-button{margin-inline:auto}.background-crab{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:grid;place-items:center;pointer-events:none;opacity:.12}.background-crab img{width:min(72vw,920px);image-rendering:pixelated}.scroll-crab{position:fixed;top:0;right:16px;z-index:70;width:128px;aspect-ratio:277 / 250;display:grid;pointer-events:none;transition:transform 90ms linear;filter:drop-shadow(0 0 18px rgba(103,231,255,.32)) drop-shadow(0 10px 24px rgba(0,0,0,.45));will-change:transform;transform:translate3d(0,118px,0);backface-visibility:hidden}.reduced-motion .scroll-crab{transition:none}.scroll-crab img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:1}.topbar,.section,.footer{width:min(calc(100% - 32px),var(--page-max));margin-inline:auto}.topbar{position:sticky;top:12px;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:12px;padding:18px 20px;border:2px solid rgba(103,231,255,.16);background:#02050adb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease,opacity .18s ease}.topbar.hidden{transform:translateY(calc(-100% - 18px));opacity:0}.brand{display:grid;gap:6px}.brand-mark{font-size:16px;color:var(--accent)}.brand-sub{color:var(--muted);font-size:10px}.nav{display:flex;flex-wrap:wrap;gap:18px}.topbar-actions,.auth-status{display:flex;align-items:center;gap:14px}.nav a{color:var(--muted);font-size:11px}.nav-button{min-height:42px;padding-inline:16px}.auth-badge{color:var(--accent);font-size:10px;line-height:1.6}.section{padding:92px 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;min-height:calc(100vh - 120px)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.two-column.reverse .section-heading{order:-1}.hero-title,h2,h3{margin:0}.hero-title,h2{font-size:clamp(26px,4vw,46px);line-height:1.5}h3{font-size:18px;line-height:1.8}.hero-text,.section-heading p,.panel p,.builder-note,.footer p,.step-card p,.select-card small,.field span,.field input,.field textarea,.summary-list dd{color:var(--muted);font-size:12px;line-height:2}.section-heading.narrow{max-width:780px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:58px;padding:0 22px;border:2px solid transparent;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#041016;background:linear-gradient(180deg,var(--accent),#1dc0dd);box-shadow:0 14px 34px #67e7ff3d}.button.secondary{background:#050a0fdb;border-color:#67e7ff33;color:var(--text)}.button.full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.hud-row,.pixel-bullets{display:flex;flex-wrap:wrap;gap:10px}.hud-row{margin-top:22px}.hud-chip,.pixel-bullets span{padding:8px 10px;border:1px solid rgba(103,231,255,.18);background:#02080dc2}.panel,.step-card,.contact-stage{border:2px solid var(--panel-border);background:linear-gradient(180deg,#070d14eb,#04070cf5);box-shadow:var(--shadow)}.panel,.contact-stage{padding:24px}.hero-scene,.image-panel,.builder-visual{padding:16px}.feature-image{width:100%;border:2px solid rgba(103,231,255,.18)}.hero-status,.builder-visual-copy{display:grid;gap:10px;margin-top:16px}.comparison-grid,.card-grid,.steps-grid,.builder-grid,.builder-workbench,.builder-form,.option-grid{display:grid;gap:18px}.card-grid.three,.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.card-topline span{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;line-height:1.2;text-align:right}.builder-layout{display:grid;grid-template-columns:380px 1fr;gap:22px;align-items:start}.builder-workbench{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.builder-form{align-content:start}.builder-panel,.summary-panel{display:grid;gap:16px}.summary-panel{position:sticky;top:110px}.select-card{width:100%;display:grid;gap:8px;text-align:left;padding:18px;border:2px solid rgba(103,231,255,.14);background:#04080ddb;color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease}.select-card:hover{transform:translateY(-2px);border-color:#67e7ff57}.select-card.selected{border-color:var(--panel-border-strong);box-shadow:0 0 0 1px #67e7ff2e inset}.field{display:grid;gap:10px}.field input,.field textarea{width:100%;padding:14px 16px;border:2px solid rgba(103,231,255,.14);background:#03080ceb;color:var(--text);resize:vertical}.summary-list{display:grid;gap:12px;margin:0 0 24px}.summary-list div{display:grid;gap:4px}.summary-list dt{margin:0}.summary-list dd{margin:0;color:var(--text)}.contact-stage{max-width:760px;margin-inline:auto}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:24px 16px;background:#000000b8}.auth-modal{width:min(100%,620px)}.success-panel{text-align:center}.error-text{color:var(--danger);font-size:12px;line-height:2}.footer{display:flex;justify-content:space-between;gap:28px;padding:28px 0 48px;border-top:2px solid rgba(103,231,255,.12)}.footer-links{display:grid;gap:10px}@keyframes introPop{0%{transform:scale(.75) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:1120px){.hero,.two-column,.builder-layout,.builder-grid,.builder-workbench,.card-grid.three,.steps-grid{grid-template-columns:1fr}.two-column.reverse .section-heading{order:0}.summary-panel{position:static}.scroll-crab{right:8px;width:96px}}@media(max-width:720px){.topbar,.footer{flex-direction:column;align-items:flex-start}.topbar{top:6px;gap:12px;margin-top:6px;padding:10px 12px}.brand{gap:4px}.brand-mark{font-size:13px}.brand-sub{font-size:8px}.topbar-actions,.auth-status{width:100%;flex-direction:column;align-items:flex-start}.nav,.hero-actions,.hud-row,.pixel-bullets{gap:8px}.nav a{font-size:9px}.section{padding:72px 0}.scroll-crab{width:78px;right:4px}}