/* Redpoint wireframes — low fidelity. Grey boxes, one accent for the primary action only.
   Structure here is meant to become the template; visual styling is deliberately absent. */
:root{
  --ground:#F4F4F2; --surface:#FFFFFF; --ink:#1E1E1C; --ink-2:#3A3A37; --muted:#5C5C58;
  --line:#CFCFCA; --ph:#E2E2DE; --ph-line:#8A8A84; --accent:#B3261E; --accent-hover:#8F1E18;
  --max:1120px; --gutter:32px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:17px}
a{color:var(--ink)} a:hover{color:var(--accent)}
h1,h2,h3{margin:0;line-height:1.15}
h1{font-size:clamp(34px,5vw,52px);font-weight:700}
h2{font-size:clamp(26px,3.2vw,36px)}
h3{font-size:22px}
p{margin:0;line-height:1.55}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.stack{display:flex;flex-direction:column;gap:20px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.split{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}
.sec{padding:96px 0}
.sec--alt{background:var(--surface)}
.sec--dark{background:var(--ink);color:#fff}
.ph{background:var(--ph);border:1px dashed var(--ph-line);display:flex;align-items:center;justify-content:center;color:var(--muted);font:500 13px "IBM Plex Mono",monospace;text-align:center;border-radius:8px;padding:8px}
.kicker{font:500 12px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lede{font-size:20px;color:var(--ink-2);max-width:34em}
.soft{color:var(--ink-2)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:12px}
a.card{text-decoration:none}
a.card:hover{border-color:var(--ink)}
.card--strong{border-color:var(--ink)}
.metric{font-size:40px;font-weight:700;line-height:1}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:6px;font:600 16px "IBM Plex Sans",system-ui,sans-serif;text-decoration:none;cursor:pointer;border:0}
.btn-p{background:var(--accent);color:#fff} .btn-p:hover{background:var(--accent-hover);color:#fff}
.btn-s{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}
.more{font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.field input,.field textarea,.field select{min-height:44px;border:1px solid var(--ph-line);border-radius:6px;padding:10px 12px;font:400 16px "IBM Plex Sans",system-ui,sans-serif;background:#fff}
.field textarea{min-height:140px;resize:vertical}

/* header */
.site-head{background:var(--surface);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.logo{width:140px;height:36px;text-decoration:none}
.nav{display:flex;align-items:center;gap:28px}
.nav a:not(.btn){text-decoration:none;font-weight:600}
.nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:6px;background:#fff;align-items:center;justify-content:center;cursor:pointer}

/* proof strip */
.proof{padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
.proof .ph{width:110px;height:32px;border-radius:4px}

/* footer */
.site-foot{padding:32px 0;background:var(--surface);font-size:14px;color:var(--muted)}
.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.site-foot nav{display:flex;flex-wrap:wrap;gap:20px}

/* phone */
@media (max-width:720px){
  :root{--gutter:16px}
  .sec{padding:56px 0}
  .lede{font-size:17px}
  .nav{display:none}
  .menu-btn{display:inline-flex}
  .site-head .wrap{min-height:60px}
  .hero-actions .btn{width:100%}
  .proof .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .proof .kicker{grid-column:1/-1}
  .proof .ph{width:auto}
  .metric{font-size:32px}
}

/* a card that is also a 2-col grid must stay a grid (card sets display:flex) */
.card.grid-2{display:grid}

/* v2 — person on the site (Sed's positioning audit, 2026-09-13) */
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:720px){.grid-3{grid-template-columns:1fr}}
.metric{font-size:clamp(28px,3.4vw,40px)}
.founder-card{margin:0;display:flex;flex-direction:column;gap:12px}
.founder-card figcaption{display:flex;flex-direction:column;gap:2px;font-size:15px}
.founder-card figcaption strong{font-size:17px}
.byline{display:flex;align-items:center;gap:12px;font-size:15px}
.byline .ph{width:44px;height:44px;border-radius:50%;padding:0;font-size:9px;flex:0 0 44px}
.creds{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.creds li{padding-left:16px;position:relative}
.creds li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--ink);border-radius:50%}
.audience{font-size:15px;color:var(--ink-2)}

/* v3: four services (Talk, Diagnose, Improve, Build). 4 → 2 → 1, never 3+1. */
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:1023px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.grid-4{grid-template-columns:1fr}}

/* v4: text links in header and footer are targets too — 44px (conscience SHOW ME, 2026-10-14) */
.nav a:not(.btn),.site-foot nav a{min-height:44px;display:inline-flex;align-items:center}
.site-foot{padding:20px 0}
.logo{height:44px}

/* v5: Sed voice review — symptom → cause table (Redpoint home), shared draft marker */
.draft{background:#FFF4C2;outline:1px dashed #B59B00;outline-offset:2px}
.symptoms-head,.symptoms li{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:16px;align-items:baseline}
.symptoms-head{padding:0 0 8px}
.symptoms{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.symptoms li{padding:22px 0;border-bottom:1px solid var(--line)}
.symptoms .sym{font-size:20px;font-weight:600;line-height:1.3}
.symptoms .arrow{font-size:22px;color:var(--accent);text-align:center}
.symptoms .cause{color:var(--ink-2)}
@media (max-width:720px){
  .symptoms-head{display:none}
  .symptoms li{grid-template-columns:1fr;gap:6px}
  .symptoms .arrow{text-align:left;font-size:18px;line-height:1}
}