.surface-site{--bg:#f6f8fa;--bg-2:#eff2f6;--surface:#fff;--surface-2:#f1f4f8;--border:#e3e8f0;--border-strong:#cdd6e3;--ink:#131722;--muted:#4a5464;--faint:#7d8798;--accent:#e5a00d;--accent-2:#ffc94f;--accent-ink:#17150e;--accent-soft:#e5a00d1f;--accent-line:#d4941073;--accent-fill:#ffc94f;--accent-fill-hover:#ffdc8a;--green:#16a34a;--dot:#1317220d;--halo:#e5a00d1a;--shadow-soft:0 14px 36px #1317221a;--glow:0 10px 30px #e5a00d2e;--radius:14px;--radius-sm:10px;--maxw:1160px;--pad-x:24px;--dev-cream:#fff8e7;--dev-ink:#1a1320;--dev-coral:#ff6b6b;--dev-mint:#6bcf7f;--dev-lemon:#ffd93d;--dev-shell:#b07c1c;--dev-teal:#4ecdc4;--dev-rose:#ffb4b4}:root[data-cth-theme=dark] .surface-site{--bg:#0a0d14;--bg-2:#0d111a;--surface:#121722;--surface-2:#182030;--border:#232b3a;--border-strong:#303b52;--ink:#e9edf5;--muted:#a7b0c0;--faint:#717a8c;--accent:#ffca54;--accent-2:#ffd87a;--accent-soft:#ffca541a;--accent-line:#ffca5461;--accent-fill:#ffd165;--accent-fill-hover:#ffe08f;--green:#4ade80;--dot:#e9edf50b;--halo:#ffca541a;--shadow-soft:0 16px 40px #00000061;--glow:0 10px 34px #ffca5429}.landing-surface{min-height:100vh;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(900px 480px at 50% -160px, var(--halo), transparent), radial-gradient(var(--dot) 1px, transparent 1px);font-family:var(--font-inter), system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-size:auto,26px 26px;font-size:15px;line-height:1.6}:root[data-cth-theme=dark] .landing-surface{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.l-wrap{max-width:var(--maxw);padding:0 var(--pad-x);margin:0 auto}.l-navbar{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.l-navbar .site-nav{height:64px;padding:0}.landing-surface .site-nav .logo,.landing-surface .site-nav .links a{color:var(--ink)}.landing-surface .site-nav .links a:not(.site-btn){color:var(--muted)}.landing-surface .site-btn.primary{background:var(--accent-fill);color:var(--accent-ink);box-shadow:var(--glow)}.landing-surface .site-btn.primary:hover{background:var(--accent-fill-hover);filter:none}.landing-surface .site-nav .links a.site-btn.primary{color:var(--accent-ink)}.landing-surface .site-btn.ghost{border-color:var(--border-strong);color:var(--ink)}.landing-surface .site-btn.ghost:hover{background:var(--surface-2)}.landing-surface a{color:var(--accent)}.landing-surface a:focus-visible,.landing-surface button:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.landing-surface h1,.landing-surface h2,.landing-surface h3{font-family:var(--font-grotesk), var(--font-inter), sans-serif;color:var(--ink);font-weight:700;line-height:1.08}.landing-surface h1{letter-spacing:-.025em;font-size:clamp(2.5rem,6.4vw,4.2rem)}.landing-surface h2{letter-spacing:-.025em;font-size:clamp(1.8rem,4.2vw,2.7rem)}.landing-surface h3{letter-spacing:-.015em;font-size:clamp(1.1rem,2.4vw,1.3rem)}.l-kicker{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.74rem;font-weight:600;display:block}.l-lead{color:var(--muted);max-width:640px;margin-top:18px;font-size:16px;line-height:1.65}.landing-surface p{max-width:640px}.l-meta{color:var(--faint);font-size:.86rem}.l-sec{padding:clamp(64px,9vw,118px) 0}.l-sec.alt{background:var(--bg-2)}.l-hero{text-align:center;padding-top:clamp(56px,8vw,96px)}.l-hero h1 .quiet{color:var(--muted)}.l-hero .l-lead{margin-left:auto;margin-right:auto}.l-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.l-cta+.l-meta{margin-top:14px}.l-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;padding:11px 20px;font-size:.95rem;font-weight:600;transition:background .14s,border-color .14s,box-shadow .14s;display:inline-block}.l-btn:hover{border-color:var(--border-strong);background:var(--surface-2);text-decoration:none}.l-btn.primary{background:var(--accent-fill);color:var(--accent-ink);box-shadow:var(--glow);border-color:#0000}.l-btn.primary:hover{background:var(--accent-fill-hover)}.l-btn.ghost{border-color:var(--border-strong);color:var(--ink);background:0 0}.l-strip{padding:34px 0}.l-strip .l-wrap{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.l-strip .desk{text-align:center}.l-strip .desk canvas{margin:0 auto;display:block}.l-strip .nm{color:var(--ink);margin-top:10px;font-size:.95rem;font-weight:600}.l-strip .st{color:var(--muted);align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.l-strip .st .dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block}.l-feat{align-items:center;gap:40px;display:grid}.l-feat .l-copy p+p{margin-top:12px}.l-feat .l-copy p{color:var(--muted);font-size:15px;line-height:1.6}@media (min-width:900px){.l-feat{grid-template-columns:1fr 1fr}.l-feat.flip .l-copy{order:2}.l-feat.flip .l-dev{order:1}}.device{border:3px solid var(--dev-ink);border-radius:var(--radius);background:var(--dev-shell);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.device .d-top{align-items:center;gap:7px;padding:9px 14px;display:flex}.device .d-lens{border:2px solid var(--dev-ink);background:#2c2c34;border-radius:50%;width:15px;height:15px;box-shadow:inset 2px 2px #fff8e759}.device .d-led{border:2px solid var(--dev-ink);border-radius:50%;width:8px;height:8px}.device .d-led.coral{background:var(--dev-coral)}.device .d-led.mint{background:var(--dev-mint)}.device .d-led.lemon{background:var(--dev-lemon)}.device .d-title{font-family:var(--font-pixel), monospace;letter-spacing:.08em;color:var(--dev-cream);margin-left:auto;font-size:.62rem}.device .d-screen{background:var(--dev-cream);border-top:3px solid var(--dev-ink);border-bottom:3px solid var(--dev-ink);color:var(--dev-ink);padding:12px}.device .d-screen.tight{padding:0}.device .d-screen canvas{width:100%;height:auto;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast;display:block}.device .d-bottom{flex-wrap:wrap;align-items:center;gap:10px;padding:9px 14px;display:flex}.device .d-read{font-family:var(--font-vt), ui-monospace, monospace;color:var(--dev-cream);font-size:1.05rem}.device .d-btn{font-family:var(--font-vt), ui-monospace, monospace;color:var(--dev-cream);border:2px solid var(--dev-cream);cursor:pointer;background:0 0;border-radius:6px;padding:1px 9px;font-size:1rem}.device .d-btn.on{background:var(--dev-cream);color:var(--dev-ink)}.device .d-screw{background:var(--dev-ink);border-radius:50%;width:7px;height:7px;position:absolute}.device .d-screw.tl{top:5px;left:5px}.device .d-screw.tr{top:5px;right:5px}.device .d-screw.bl{bottom:5px;left:5px}.device .d-screw.br{bottom:5px;right:5px}.device .d-fallback{font-family:var(--font-inter), sans-serif;color:var(--dev-ink);padding:14px;font-size:.9rem}.device .d-fallback li{margin:4px 0}.device .d-scroll{overflow-x:auto}.device .sw-rows{flex-direction:column;gap:8px;display:flex}.device .sw-row{font-family:var(--font-vt), ui-monospace, monospace;border:2px solid var(--dev-ink);background:#ffffff73;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;font-size:1.15rem;display:flex}.device .sw-pill{border:2px solid var(--dev-ink);border-radius:999px;padding:0 10px;font-size:1rem}.device .sw-pill.off{background:var(--dev-coral)}.device .sw-pill.on{background:var(--dev-mint)}.device .sw-scene{align-items:flex-end;gap:14px;margin-top:12px;display:flex}.device .sw-scene .cap{font-family:var(--font-vt), ui-monospace, monospace;font-size:1.05rem}.l-list{max-width:660px;padding:0;list-style:none}.l-list li{color:var(--muted);margin-top:14px;font-size:15px}.l-list li strong{color:var(--ink);font-weight:600}.l-pricing{text-align:center}.l-pricing p{max-width:none;color:var(--muted);margin:0 auto;font-size:16px}.l-pricing .p1{color:var(--ink);font-weight:600}.l-close{text-align:center}.l-close h2{margin-bottom:6px}.rv{opacity:0;transition:opacity .42s,transform .42s;transform:translateY(12px)}.rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transition:none;transform:none}.landing-surface *{transition:none!important}}@media (max-width:899px){.l-strip .l-wrap{grid-template-columns:repeat(2,1fr)}}