.surface-site{--site-bg:#f6f8fa;--site-bg-2:#eff2f6;--site-surface:#fff;--site-surface-2:#f1f4f8;--site-border:#e3e8f0;--site-border-strong:#cdd6e3;--site-ink:#131722;--site-muted:#4a5464;--site-faint:#7d8798;--site-accent:#e5a00d;--site-accent-2:#ffc94f;--site-accent-ink:#17150e;--site-accent-soft:#e5a00d1f;--site-accent-line:#d4941073;--site-accent-fill:#ffc94f;--site-accent-fill-hover:#ffdc8a;--site-green:#16a34a;--site-dot:#1317220d;--site-halo:#e5a00d1a;--site-shadow-soft:0 14px 36px #1317221a;--site-glow:0 10px 30px #e5a00d2e;--site-radius:14px;--site-radius-sm:10px;--site-maxw:1160px;--site-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{--site-bg:#0a0d14;--site-bg-2:#0d111a;--site-surface:#121722;--site-surface-2:#182030;--site-border:#232b3a;--site-border-strong:#303b52;--site-ink:#e9edf5;--site-muted:#a7b0c0;--site-faint:#717a8c;--site-accent:#ffca54;--site-accent-2:#ffd87a;--site-accent-soft:#ffca541a;--site-accent-line:#ffca5461;--site-accent-fill:#ffd165;--site-accent-fill-hover:#ffe08f;--site-green:#4ade80;--site-dot:#e9edf50b;--site-halo:#ffca541a;--site-shadow-soft:0 16px 40px #00000061;--site-glow:0 10px 34px #ffca5429}.l-strip{padding:34px 0}.l-strip .l-wrap{max-width:var(--site-maxw);padding:0 var(--site-pad-x);grid-template-columns:repeat(4,1fr);gap:20px;margin:0 auto;display:grid}.l-strip .desk{text-align:center}.l-strip .desk canvas{margin:0 auto;display:block}.l-strip .nm{color:var(--site-ink);margin-top:10px;font-size:.95rem;font-weight:600}.l-strip .st{color:var(--site-muted);align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.l-strip .st .dot{background:var(--site-green);border-radius:50%;width:7px;height:7px;display:inline-block}.device{border:3px solid var(--dev-ink);border-radius:var(--site-radius);background:var(--dev-shell);box-shadow:var(--site-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}.landing-surface{background-image:radial-gradient(var(--site-dot) 1px, transparent 1px);background-size:26px 26px}.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)}}