:root { --bg:#101012; --surface:#19191d; --line:#303036; --ink:#f1f1f3; --muted:#adadb7; --accent:#ff9555; --accent-bright:#ffb17e; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
main { max-width:1160px; margin:0 auto; padding:0 32px 40px; }
a { color:inherit; }
.site-header { align-items:center; display:flex; justify-content:space-between; min-height:80px; border-bottom:1px solid var(--line); }
.brand { align-items:center; display:inline-flex; gap:10px; font-size:24px; font-weight:700; letter-spacing:-.025em; text-decoration:none; }
.brand-dot { color:var(--accent); }
.mark { align-items:center; background:var(--accent); border-radius:6px; color:var(--bg); display:inline-flex; font:800 20px/1 ui-monospace,monospace; height:32px; justify-content:center; width:32px; }
.status { border:1px solid #6b4939; border-radius:999px; color:var(--accent); font-size:.78rem; font-weight:700; letter-spacing:.04em; padding:5px 11px; text-transform:uppercase; }
.hero { max-width:960px; margin-inline:auto; padding:76px 0 72px; text-align:center; }
.eyebrow { color:var(--accent); font-size:.75rem; font-weight:750; letter-spacing:.12em; margin:0 0 18px; text-transform:uppercase; }
h1,h2,p { margin-top:0; }
h1 { font-size:clamp(2.5rem,6vw,4.5rem); letter-spacing:-.055em; line-height:1.08; margin:0 auto 24px; max-width:960px; }
h1 span { color:var(--accent); display:block; }
.hero-copy { color:var(--muted); font-size:clamp(1.05rem,2vw,1.2rem); line-height:1.55; margin:0 auto 26px; max-width:680px; text-wrap:balance; }
.cta { align-items:center; background:var(--accent); border-radius:7px; color:var(--bg); display:inline-flex; font-weight:750; gap:14px; justify-content:center; min-height:48px; padding:10px 18px; text-decoration:none; transition:background .15s ease,box-shadow .15s ease,transform .15s ease; }
.cta span { font-size:1.15rem; }
.cta:hover { background:var(--accent-bright); box-shadow:0 0 24px #ff955533; transform:translateY(-1px); }
.promise { align-items:end; border-bottom:1px solid var(--line); border-top:1px solid var(--line); display:grid; gap:40px; grid-template-columns:1fr 1fr; padding:36px 0; }
.promise .eyebrow,.section-heading .eyebrow { margin-bottom:12px; }
h2 { font-size:clamp(1.5rem,3vw,2.35rem); letter-spacing:-.045em; line-height:1.1; margin-bottom:0; }
.promise > p { color:var(--muted); margin-bottom:0; max-width:430px; }
.features { display:grid; gap:1px; grid-template-columns:repeat(4,1fr); margin:1px 0 64px; }
.features article { border-bottom:1px solid var(--line); padding:34px 22px 34px 0; }
.features article + article { border-left:1px solid var(--line); padding-left:22px; }
.features h2 { font-size:1rem; letter-spacing:-.02em; margin-bottom:12px; }
.features p { color:var(--muted); font-size:.92rem; line-height:1.5; margin-bottom:0; }
.features strong { color:var(--ink); font-weight:650; }
.screenshots { padding-bottom:40px; }
.section-heading { margin-bottom:26px; text-align:center; }
.screenshot { margin:0; }
.screenshot img { background:var(--surface); border:1px solid var(--line); border-radius:9px; display:block; height:auto; width:100%; }
.screenshot-home { margin-bottom:0; }
.screenshot-grid { display:grid; gap:28px; grid-template-columns:1fr 1fr; }
figcaption { color:var(--muted); font-size:.88rem; line-height:1.5; max-width:70ch; margin:12px auto 0; text-align:center; }
.screenshot-home figcaption { margin-block:0; padding-block:20px; }
figcaption strong { color:var(--ink); }
.capture-note { color:var(--muted); font-size:.78rem; margin:26px 0 0; text-align:center; }
footer { align-items:center; border-top:1px solid var(--line); color:var(--muted); display:flex; font-size:.84rem; justify-content:space-between; padding-top:22px; }
footer a { color:var(--ink); text-underline-offset:4px; }
:focus-visible { outline:3px solid var(--accent-bright); outline-offset:4px; }
@media (prefers-reduced-motion:reduce) {
  .cta { transition:none; }
  .cta:hover { transform:none; }
}
@media (max-width:700px) {
  main { padding:0 20px 32px; }
  .hero { padding:48px 0; }
  .promise,.screenshot-grid { grid-template-columns:1fr; }
  .promise { gap:20px; padding:30px 0; }
  .features { grid-template-columns:1fr 1fr; margin-bottom:44px; }
  .features article:nth-child(odd) { border-left:0; padding-left:0; }
  .features article:nth-child(even) { border-left:1px solid var(--line); padding-left:18px; }
  .features article:nth-child(n + 3) { border-bottom:0; }
  footer { align-items:flex-start; flex-direction:column; gap:10px; }
}
@media (max-width:440px) {
  .status { font-size:.68rem; padding:4px 8px; }
  h1 { font-size:clamp(2.25rem,10.5vw,2.75rem); }
  .features { grid-template-columns:1fr; }
  .features article,.features article + article,.features article:nth-child(even) { border-left:0; border-bottom:1px solid var(--line); padding:24px 0; }
  .features article:last-child { border-bottom:0; }
}