:root{color-scheme:dark light;--bg:#0d0b09;--panel:#1c1813;--text:#f4efe4;--muted:#cbc2b1;--line:#554839;--accent:#ff9a2e;--max:780px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 Georgia,"Times New Roman",serif}
header,main,footer{width:min(var(--max),calc(100% - 40px));margin:auto}header{padding:40px 0 24px;border-bottom:1px solid var(--line)}
main{padding:38px 0 60px}footer{padding:24px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
h1,h2{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;line-height:1.08}h1{font-size:clamp(2.4rem,8vw,4.4rem);margin:.2em 0}h2{margin-top:2em}
p,li{color:var(--muted)}strong{color:var(--text)}a{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:16px;font-family:Arial,sans-serif;font-size:.9rem}
.eyebrow{color:var(--accent);font:700 .75rem/1.3 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.callout{padding:18px 20px;border:1px solid var(--line);background:var(--panel)}
.lede{font-size:1.15rem;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.feature-card{padding:20px;border:1px solid var(--line);background:var(--panel)}.feature-card h2{margin:0 0 .55em;font-size:1.35rem}.feature-card p{margin:0}.faq-list{display:grid;gap:0;margin:28px 0}.faq-list details{border-top:1px solid var(--line);padding:16px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;color:var(--text);font:700 1.02rem/1.45 Arial,sans-serif}.faq-list details[open] summary{color:var(--accent)}.faq-list p{margin:.8em 0 0}.steps{counter-reset:step;padding:0;list-style:none}.steps li{counter-increment:step;position:relative;padding:0 0 18px 42px}.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:.1em;color:var(--accent);font:700 .8rem/1.5 Arial,sans-serif;letter-spacing:.08em}.fine{font-size:.9rem}.wide{--max:1040px}
.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 44px}.screenshot-card{margin:0;border:1px solid var(--line);background:var(--panel);overflow:hidden}.screenshot-card a{display:block;background:#101827}.screenshot-card img{display:block;width:100%;height:auto;aspect-ratio:1228/768;object-fit:cover}.screenshot-card figcaption{display:grid;gap:3px;padding:14px 16px}.screenshot-card figcaption strong{font:700 .95rem/1.35 Arial,sans-serif}.screenshot-card figcaption span{color:var(--muted);font-size:.88rem;line-height:1.45}
@media(max-width:720px){.feature-grid,.screenshot-grid{grid-template-columns:1fr}}
@media(prefers-color-scheme:light){:root{--bg:#e9e3d5;--panel:#d0c8b6;--text:#16120c;--muted:#3e362a;--line:#8d8270;--accent:#9b4500}}