.hero{padding:clamp(3rem,7vw,5.5rem) 0 clamp(2rem,4vw,3.5rem)}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
  @media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}}
  .hero h1{margin:1.5rem 0 0}
  .hero .lede{margin-top:1.5rem}
  .crumbs{font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;
    color:var(--text-faint);display:flex;gap:.6rem;margin-bottom:1.5rem}
  .crumbs a{text-decoration:none}
  .crumbs a:hover{color:var(--text-soft)}

  /* hero-side result card */
  .card .head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);
    font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1.35rem}
  .live{display:flex;align-items:center;gap:.45rem;color:var(--data-2)}
  .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--data-2);
    animation:pulse 2.4s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 oklch(0.84 0.11 150 / .5)}70%{box-shadow:0 0 0 7px transparent}
    100%{box-shadow:0 0 0 0 transparent}}
  .draw{transition:stroke-dashoffset 1.9s var(--ease)}
  .key{display:flex;gap:1.15rem;margin-top:1.1rem;font-family:var(--mono);font-size:.68rem;
    letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}
  .key span{display:flex;align-items:center;gap:.45rem}
  .key i{width:15px;height:2px;border-radius:2px;display:block}
  .cardstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem;
    padding-top:1.3rem;border-top:1px solid var(--line)}
  .cardstats .k .u{font-size:.6em;color:var(--text-faint);font-weight:600}
  .cardstats .k{font-size:1.6rem;font-weight:800;letter-spacing:-0.035em;line-height:1}
  .cardstats .l{margin-top:.4rem;font-family:var(--mono);font-size:.63rem;letter-spacing:.1em;
    text-transform:uppercase;color:var(--text-faint);line-height:1.5}

  /* capability grid */
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3.2rem;
    background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
  @media(max-width:900px){.grid3{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.grid3{grid-template-columns:1fr}}
  .cell{background:var(--bg-2);padding:1.75rem 1.5rem;transition:background .3s}
  .cell:hover{background:var(--surface)}
  .cell .n{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;color:var(--accent)}
  .cell h3{margin:.95rem 0 .6rem}
  .cell p{font-size:.92rem;color:var(--text-soft);line-height:1.55}

  /* proof row of mini case cards */
  .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3.2rem}
  @media(max-width:860px){.cases{grid-template-columns:1fr}}
  .case{display:block;text-decoration:none;background:var(--bg-2);border:1px solid var(--line);
    border-radius:var(--r);padding:1.7rem 1.5rem;transition:border-color .3s,transform .3s var(--ease)}
  .case:hover{border-color:var(--line-strong);transform:translateY(-3px)}
  .case .brand{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
    color:var(--data)}
  .case .k{font-size:2.4rem;font-weight:800;letter-spacing:-0.04em;line-height:1;margin:.9rem 0 .5rem}
  .case .k .u{font-size:.45em;color:var(--text-faint);font-weight:600}
  .case p{font-size:.9rem;color:var(--text-soft);line-height:1.5}
  .case .go{margin-top:1.1rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
    text-transform:uppercase;color:var(--text-faint);display:flex;align-items:center;gap:.4rem}
  .case:hover .go{color:var(--accent)}

  /* fit / not fit */
  .cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);margin-top:3.2rem}
  @media(max-width:880px){.cols{grid-template-columns:1fr;gap:2rem}}
  .panel.yes{border-color:oklch(0.84 0.11 150 / .34)}
  .panel h3{display:flex;align-items:center;gap:.65rem;margin-bottom:1.35rem}
  .panel ul{list-style:none;margin:0;padding:0;display:grid;gap:.95rem}
  .panel li{display:flex;gap:.75rem;color:var(--text-soft);font-size:.96rem;align-items:flex-start}
  .panel li svg{flex:none;margin-top:.32rem}
  .panel.no li{color:var(--text-faint)}

  .pstrip{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2.6rem}

  .faq{margin-top:3.2rem;border-top:1px solid var(--line)}
  details{border-bottom:1px solid var(--line)}
  summary{list-style:none;cursor:pointer;padding:1.45rem 2.5rem 1.45rem 0;position:relative;
    font-weight:700;font-size:1.06rem;letter-spacing:-0.012em;transition:color .2s}
  summary::-webkit-details-marker{display:none}
  summary:hover{color:var(--accent)}
  summary::after{content:"";position:absolute;right:.35rem;top:50%;width:11px;height:11px;
    border-right:2px solid var(--text-faint);border-bottom:2px solid var(--text-faint);
    transform:translateY(-70%) rotate(45deg);transition:transform .28s var(--ease)}
  details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
  details p{padding:0 0 1.45rem;color:var(--text-soft);max-width:72ch;font-size:.99rem}