/* Daniel's 6 October design-only pass against Figma frame 289:28.
   Keep the current copy, real brand fonts, and complete WELCOME20 treatment.
   The phone composition remains in gruns-phone.css. */
body[data-page="gruns"] .proof-accent,
body[data-page="gruns"] .proof .fig b{color:var(--accent)}
body[data-page="gruns"] .diff .kicker{color:var(--accent)}
body[data-page="gruns"] [data-track] .taglist span{color:var(--accent);border-color:var(--accent);background:transparent}

@media(min-width:901px){
  body[data-page="gruns"] [data-track="proof"] .narrow{max-width:860px}
  body[data-page="gruns"] [data-track="reviews"] h2{text-wrap:initial}
  body[data-page="gruns"] .hero{padding-block:64px}
  body[data-page="gruns"] .hero-grid{row-gap:0}
  body[data-page="gruns"] .hero-clin{position:absolute;top:18px;left:-36px;display:block;width:304px;max-width:100%;margin:0;padding:18px;box-shadow:var(--lift);border:1px solid var(--hair);border-radius:12px}
  body[data-page="gruns"] .hero-clin .cc.cc-lockup{width:180px;height:auto;margin:0 0 14px;border-radius:999px}
  body[data-page="gruns"] .hero-clin p{font-size:18px;font-weight:400;line-height:1.4;text-wrap:initial}
  body[data-page="gruns"] .hero-clin p strong{display:block;margin-bottom:4px;font-weight:700}
  body[data-page="gruns"] .hero-clin small{font-size:16px;line-height:1.45;margin-top:12px;text-wrap:balance}

  body[data-page="gruns"] [data-track] :is(.card p,.review p,.whycard p,.panel p){font-size:18px;line-height:1.62}
  body[data-page="gruns"] [data-track] :is(h3.upper,.whycard h3){font-size:18px;line-height:1.35}
  body[data-page="gruns"] .tickrow{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 34px;margin-top:30px;font-size:20px;font-weight:400}
  body[data-page="gruns"] .tickrow li{display:flex;gap:12px;align-items:baseline;padding:0;background:none;border-radius:0}
  body[data-page="gruns"] .tickrow li::before{position:static;flex:none}
  body[data-page="gruns"] [data-track] .leafcopy{max-width:621px;font-size:18.5px;line-height:1.5}
  body[data-page="gruns"] .review{display:block}
  body[data-page="gruns"] .review .who{margin-top:20px;padding-top:0;font-size:18px;line-height:1.62}
  body[data-page="gruns"] .proof .fig b{font-size:clamp(50px,4.2vw,60px)}
  body[data-page="gruns"] .proof .fig span{font-size:22px;line-height:1.25;max-width:none}
  body[data-page="gruns"] .proof .fig i{background:var(--pad-1)}
  body[data-page="gruns"] .proof .art{overflow:hidden;border-radius:var(--r-lg)}
  body[data-page="gruns"] .proof .art img{transform:scale(1.2)}
  body[data-page="gruns"] [data-track] .films figcaption{font-size:18px;line-height:1.35}
  body[data-page="gruns"] .clinband{flex-direction:row;align-items:center;gap:22px;padding:22px 26px}
  body[data-page="gruns"] .clinband .cc-lockup{width:160px;flex:0 0 160px}
  body[data-page="gruns"] .clinband p{font-size:18px;line-height:1.4}
  body[data-page="gruns"] [data-track] .fineprint{font-size:18px;line-height:1.55}
  body[data-page="gruns"] [data-track="why"]+.diff{padding-top:88px}
  body[data-page="gruns"] .tabs{gap:10px}
  body[data-page="gruns"] [data-track] .tab{padding:11px 18px;font-size:18px;letter-spacing:.04em;line-height:1}
  body[data-page="gruns"] [data-track] .taglist span{font-size:18px;line-height:1.2;padding:8px 14px}
  body[data-page="gruns"] [data-track] .rail div{font-size:18px;line-height:1.4}
}

@media(min-width:901px) and (max-width:1200px){
  body[data-page="gruns"] .hero-clin{position:static;width:100%;margin-top:16px;border:1px solid var(--hair);box-shadow:none}
  body[data-page="gruns"] .hero-clin .cc.cc-lockup{margin-inline:0}
  body[data-page="gruns"] .clinband{flex-direction:column;align-items:flex-start;gap:16px}
}