:root{color-scheme:dark;--bg:#111013;--panel:#1a171d;--panel-strong:#242028;--text:#fff8ea;--muted:#c9bdad;--line:#fff8ea24;--gold:#ffcf4a;--coral:#ff6b57;--teal:#42d6ba;--shadow:0 24px 80px #00000052;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 82% 6%, #ffcf4a2e, transparent 28rem), radial-gradient(circle at 8% 28%, #ff6b571f, transparent 24rem), var(--bg);min-width:320px;color:var(--text);margin:0;line-height:1.5}a{color:inherit;text-underline-offset:.2em;text-decoration-color:#ffcf4a8c}.site-header,.site-footer,main{width:min(1120px,100% - 40px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.brand,.nav-links,.site-footer{align-items:center;display:flex}.brand{gap:10px;font-size:1rem;font-weight:800;text-decoration:none}.brand-mark{background:var(--gold);width:34px;height:34px;color:var(--bg);border-radius:10px;place-items:center;display:grid;box-shadow:0 10px 28px #ffcf4a3d}.nav-links{color:var(--muted);gap:18px;font-size:.93rem;font-weight:700}.nav-links a{text-decoration:none}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.76fr);align-items:center;gap:clamp(32px,6vw,76px);min-height:calc(100vh - 170px);padding:54px 0 72px;display:grid}.hero h1,.page-heading h1{letter-spacing:0;max-width:820px;margin:0;font-size:clamp(3rem,7vw,6.8rem);line-height:.92}.hero p,.page-heading p{max-width:680px;color:var(--muted);margin:24px 0 0;font-size:clamp(1.06rem,1.6vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.button.primary{background:var(--gold);color:var(--bg)}.button.secondary{border:1px solid var(--line);background:#fff8ea0f}.remote-preview{border:1px solid var(--line);background:linear-gradient(150deg, var(--panel-strong), var(--panel));box-shadow:var(--shadow);border-radius:8px;padding:18px;position:relative;overflow:hidden}.remote-preview:before{content:"";background:radial-gradient(circle,#ffcf4a47,#0000 68%);height:220px;position:absolute;inset:-40% 18% auto}.remote-top,.preset-grid{gap:10px;display:grid;position:relative}.remote-top{color:var(--muted);grid-template-columns:1fr auto;font-size:.82rem;font-weight:800}.reaction-pad{aspect-ratio:1;background:radial-gradient(circle at 30% 24%, #ffe58a, var(--gold) 46%, #f28e2b);width:min(100%,330px);color:var(--bg);border:10px solid #111013b3;border-radius:50%;place-items:center;margin:28px auto;font-size:clamp(1.9rem,4vw,3rem);font-weight:950;display:grid;position:relative;box-shadow:inset 0 -20px 44px #11101329,0 20px 70px #ffcf4a33}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-grid span{border:1px solid var(--line);background:#fff8ea0f;border-radius:8px;min-height:52px;padding:14px;font-weight:800}.content-band{border-top:1px solid var(--line);padding:54px 0 74px}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-list article{border-left:3px solid var(--gold);padding-left:18px}.feature-list h2,.policy h2{margin:0 0 10px;font-size:1.05rem}.feature-list p,.policy p{color:var(--muted);margin:0}.policy-page{padding:54px 0 84px}.page-heading{border-bottom:1px solid var(--line);padding-bottom:42px}.overline{color:var(--gold);text-transform:uppercase;margin:0 0 14px;font-size:.84rem;font-weight:900}.policy{gap:30px;max-width:780px;padding-top:42px;display:grid}.policy section{gap:6px;display:grid}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-start;gap:18px;padding:24px 0 34px;font-size:.9rem}@media (width<=820px){.hero,.feature-list{grid-template-columns:1fr}.hero{min-height:auto;padding-top:34px}.remote-preview{max-width:460px}}@media (width<=560px){.site-header,.site-footer,main{width:min(100% - 28px,1120px)}.site-header,.site-footer{flex-direction:column;align-items:flex-start}.hero h1,.page-heading h1{font-size:clamp(2.65rem,16vw,4rem)}.button{width:100%}}