/* Accepted weekly homepage direction: short promise, clear setup, four honest states. */
body.home-clarity { background: var(--paper); color: var(--ink); }
body.home-clarity .site-nav { min-height: 72px; height: auto; }
body.home-clarity .home-nav-actions { gap: 10px; }
body.home-clarity .home-nav .nav-links { margin-right: 8px; }
body.home-clarity .home-nav .nav-links a { color: var(--muted); }
body.home-clarity .home-nav .nav-links a:hover { color: var(--green); }
body.home-clarity .home-nav .nav-install { min-height: 42px; display: inline-flex; align-items: center; padding: 0 15px; border-radius: 10px; color: var(--navy); background: var(--lime); font-size:13px; font-weight: 900; text-decoration: none; }
body.home-clarity .home-nav .nav-install:hover { color: var(--navy); background: #cbf791; }

body.home-clarity .clarity-hero { display: grid; grid-template-columns: minmax(0, .86fr) minmax(500px, 1.14fr); gap: 58px; align-items: center; padding: 54px 0 61px; }
body.home-clarity .clarity-copy { min-width: 0; }
body.home-clarity .clarity-copy h1 { max-width: 650px; margin: 9px 0 0; font: 500 clamp(50px, 5.75vw, 78px)/.96 Georgia, "Times New Roman", serif; letter-spacing: -.055em; }
body.home-clarity .clarity-lede { max-width: 620px; margin: 20px 0 0; color: var(--ink); font-size:17px; line-height: 1.55; }
body.home-clarity .clarity-actions { margin-top: 24px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
body.home-clarity .clarity-primary,
body.home-clarity .clarity-secondary { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-size:15px; font-weight: 900; text-decoration: none; }
body.home-clarity .clarity-primary { gap: 20px; padding: 0 18px; color: var(--navy); background: var(--lime); }
body.home-clarity .clarity-primary:hover { background: #cbf791; }
body.home-clarity .clarity-secondary { gap: 8px; padding: 0 7px; color: var(--green); }
body.home-clarity .clarity-secondary:hover { color: var(--green-dark); }
body.home-clarity .clarity-primary:focus-visible,
body.home-clarity .clarity-secondary:focus-visible,
body.home-clarity .clarity-state-link:focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; }
body.home-clarity .clarity-trust { margin: 17px 0 0; display: flex; flex-wrap: wrap; gap: 6px; color: var(--muted); font-size:13px; font-weight: 750; line-height: 1.45; }
body.home-clarity .clarity-trust { max-width: 440px; display: block; }
body.home-clarity .clarity-trust span { padding: 0; border: 0; border-radius: 0; color: var(--line-dark); background: transparent; }
body.home-clarity .clarity-provider-notes { max-width: 650px; margin-top: 19px; padding-top: 14px; border-top: 1px solid var(--line); }
body.home-clarity .clarity-provider-notes p { margin: 7px 0 0; color: var(--muted); font-size:13px; line-height: 1.5; }
body.home-clarity .clarity-provider-notes p:first-child { margin-top: 0; }
body.home-clarity .clarity-provider-notes strong { color: var(--ink); }
body.home-clarity .clarity-provider-notes a { color: var(--green); font-weight: 850; text-underline-offset: 3px; }

body.home-clarity .clarity-preview { min-width: 0; border: 1px solid #355b4e; border-radius: 22px; color: #edf4ef; background: var(--navy); box-shadow: 0 28px 80px #15362c26; overflow: hidden; }
body.home-clarity .clarity-preview-head { min-height: 54px; padding: 0 19px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #ffffff18; color: #94ddba; font-size:12px; font-weight: 950; letter-spacing: .11em; }
body.home-clarity .clarity-preview-head > div { display: flex; align-items: center; gap: 8px; }
body.home-clarity .clarity-live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px #b9ef6f18; }
body.home-clarity .clarity-preview-head small { color: #9fb6ac; font-size:12px; font-weight: 700; letter-spacing: .02em; }
body.home-clarity .clarity-preview-intro { padding: 16px 19px 12px; display: flex; align-items: baseline; justify-content: space-between; gap: 15px; }
body.home-clarity .clarity-preview-intro p { margin: 0; font: 500 25px/1 Georgia, "Times New Roman", serif; }
body.home-clarity .clarity-preview-intro span { color: #b4c8be; font-size:13px; }
body.home-clarity .clarity-state-list { padding: 0 12px 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
body.home-clarity .clarity-state { min-width: 0; padding: 15px; display: flex; flex-direction: column; border: 1px solid #ffffff1e; border-radius: 13px; background: #ffffff08; }
body.home-clarity .clarity-state.action-state { border-color: #65b08a66; background: #1c4637; }
body.home-clarity .clarity-state.watch-state { border-color: #c9ab5b77; background: #453b24; }
body.home-clarity .clarity-state.quiet-state { border-color: #ffffff20; background: #ffffff0b; }
body.home-clarity .clarity-state.partial-state { border-color: #e19b9466; background: #462b2a; }
body.home-clarity .clarity-state-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
body.home-clarity .clarity-state-label { color: var(--lime); font-size:12px; font-weight: 950; letter-spacing: .1em; }
body.home-clarity .watch-state .clarity-state-label { color: #f0d88f; }
body.home-clarity .quiet-state .clarity-state-label { color: #b9cfc3; }
body.home-clarity .partial-state .clarity-state-label { color: #f1aba4; }
body.home-clarity .clarity-state-league { color: #b5c9bf; font-size:12px; font-weight: 750; text-align: right; }
body.home-clarity .clarity-state h2 { margin: 13px 0 0; color: #f4faf6; font: 500 19px/1.08 Georgia, "Times New Roman", serif; letter-spacing: -.025em; }
body.home-clarity .clarity-state h2 b { display: block; margin-top: 5px; color: var(--lime); font: 700 10px/1.2 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .01em; }
body.home-clarity .clarity-state p { margin: 8px 0 0; color: #c0d1c8; font-size:13px; line-height: 1.45; }
body.home-clarity .clarity-evidence-toggle { align-self: flex-start; min-height: 32px; margin-top: 11px; padding: 0; border: 0; color: var(--lime); background: transparent; font-size:13px; font-weight: 900; cursor: pointer; }
body.home-clarity .clarity-evidence-toggle > span { display: inline-block; width: 18px; margin-left: 3px; font-size:15px; line-height: 1; vertical-align: -1px; }
body.home-clarity .watch-state .clarity-evidence-toggle { color: #f0d88f; }
body.home-clarity .quiet-state .clarity-evidence-toggle { color: #b9d4c4; }
body.home-clarity .partial-state .clarity-evidence-toggle { color: #f1aba4; }
body.home-clarity .clarity-evidence { padding-top: 8px; border-top: 1px solid #ffffff1e; }
body.home-clarity .clarity-state-link { align-self: flex-start; min-height: 34px; margin-top: 12px; padding: 0; border: 0; color: var(--lime); background: transparent; font-size:13px; font-weight: 900; cursor: pointer; }
body.home-clarity .watch-state .clarity-state-link { color: #f0d88f; }
body.home-clarity .quiet-state .clarity-state-link { color: #b9d4c4; }
body.home-clarity .partial-state .clarity-state-link { color: #f1aba4; }
body.home-clarity .clarity-preview-foot { padding: 2px 19px 17px; color: #9fb6ac; font-size:13px; }

body.home-clarity .clarity-notes { padding: 29px 0 62px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 16px; border-top: 1px solid var(--line); }
body.home-clarity .clarity-note-primary,
body.home-clarity .clarity-note-secondary { min-width: 0; padding: 23px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); }
body.home-clarity .clarity-note-primary { border-color: #355b4e; color: #edf4ef; background: var(--navy); }
body.home-clarity .clarity-note-primary .eyebrow { color: var(--lime); }
body.home-clarity .clarity-note-primary h2 { max-width: 650px; margin: 5px 0 0; color: #f3faf5; font: 500 clamp(29px, 4vw, 43px)/1 Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
body.home-clarity .clarity-note-primary > p:last-child { max-width: 760px; margin: 12px 0 0; color: #b8cbc1; font-size:13px; line-height: 1.55; }
body.home-clarity .clarity-note-secondary h3 { margin: 7px 0 0; color: var(--ink); font: 500 27px/1.1 Georgia, "Times New Roman", serif; }
body.home-clarity .clarity-setup-list { margin: 13px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; }
body.home-clarity .clarity-setup-list li { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 9px; color: var(--muted); font-size:13px; line-height: 1.45; }
body.home-clarity .clarity-setup-list strong { color: var(--ink); }
body.home-clarity .clarity-setup-link { display: inline-flex; margin-top: 16px; color: var(--green); font-size:13px; font-weight: 900; text-underline-offset: 3px; }
body.home-clarity .clarity-seasonal { padding: 24px 0 29px; display: flex; align-items: center; justify-content: space-between; gap: 22px; border-top: 1px solid var(--line); }
body.home-clarity .clarity-seasonal h2 { margin: 4px 0 0; color: var(--ink); font: 500 28px/1.05 Georgia, "Times New Roman", serif; }
body.home-clarity .clarity-seasonal p:last-child { margin: 7px 0 0; color: var(--muted); font-size:13px; }
body.home-clarity .clarity-seasonal > a { min-height: 44px; padding: 0 15px; display: inline-flex; align-items: center; border: 1px solid var(--line-dark); border-radius: 9px; color: var(--green); font-size:13px; font-weight: 900; text-decoration: none; white-space: nowrap; }
body.home-clarity .clarity-seasonal > a:hover { border-color: var(--green); background: var(--green-soft); }
body.home-clarity .site-footer { padding: 28px 0 50px; }

@media (max-width: 1040px) {
  body.home-clarity .clarity-hero { grid-template-columns: 1fr; gap: 34px; padding-top: 43px; }
  body.home-clarity .clarity-copy { max-width: 760px; }
  body.home-clarity .clarity-preview { width: min(100%, 760px); }
}

@media (max-width: 760px) {
  body.home-clarity .site-nav { min-height: 64px; }
  body.home-clarity .home-nav .nav-links { display: none; }
  body.home-clarity .home-nav .nav-install { display: none; }
  body.home-clarity .clarity-hero { padding: 34px 0 42px; }
  body.home-clarity .clarity-copy h1 { font-size: clamp(46px, 13.3vw, 58px); line-height: .97; }
  body.home-clarity .clarity-lede { font-size:17px; line-height: 1.52; }
  body.home-clarity .clarity-actions { margin-top: 21px; align-items: stretch; flex-direction: column; }
  body.home-clarity .clarity-primary { width: 100%; justify-content: space-between; }
  body.home-clarity .clarity-secondary { justify-content: flex-start; min-height: 42px; }
  body.home-clarity .clarity-trust { align-items: flex-start; flex-direction: column; }
  body.home-clarity .clarity-trust { line-height: 1.5; }
  body.home-clarity .clarity-preview { border-radius: 17px; }
  body.home-clarity .clarity-preview-head { align-items: flex-start; flex-direction: column; padding: 13px 15px; gap: 6px; }
  body.home-clarity .clarity-preview-intro { align-items: flex-start; flex-direction: column; gap: 5px; padding: 15px; }
  body.home-clarity .clarity-state-list { grid-template-columns: 1fr; padding: 0 10px 10px; }
  body.home-clarity .clarity-state { padding: 15px; }
  body.home-clarity .clarity-state p { min-height: 0; }
  body.home-clarity .clarity-notes { grid-template-columns: 1fr; padding: 24px 0 42px; }
  body.home-clarity .clarity-note-primary,
  body.home-clarity .clarity-note-secondary { padding: 20px; }
  body.home-clarity .clarity-seasonal { align-items: flex-start; flex-direction: column; padding: 22px 0 28px; }
  body.home-clarity .clarity-seasonal > a { width: 100%; justify-content: center; }
  body.home-clarity .site-footer { align-items: flex-start; flex-wrap: wrap; gap: 16px; }
  body.home-clarity .site-footer p { order: 3; flex-basis: 100%; }
  body.home-clarity .site-footer nav { flex-wrap: wrap; gap: 12px; }
}

@media (max-width: 420px) {
  body.home-clarity .home-nav .brand { gap: 8px; font-size:13px; }
  body.home-clarity .home-nav .brand-mark { width: 32px; height: 32px; }
  body.home-clarity .clarity-copy h1 { font-size:46px; }
  body.home-clarity .clarity-lede { font-size:15px; }
  body.home-clarity .clarity-state-top { display: block; }
  body.home-clarity .clarity-state-league { display: block; margin-top: 5px; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  body.home-clarity .clarity-primary,
  body.home-clarity .clarity-secondary,
  body.home-clarity .clarity-state-link { transition: none; }
}
/* Readability + touch targets (Sep 28 cleanup) */
body.home-clarity .clarity-state h2 b{font-size:13px}
body.home-clarity .clarity-evidence-toggle,body.home-clarity .clarity-setup-link{min-height:44px;display:inline-flex;align-items:center}

/* Sep 28 approved 30-second check direction */
body.home-clarity .clarity-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:44px 0 38px;overflow:visible}
body.home-clarity .clarity-copy h1{max-width:620px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.3vw,68px);line-height:.98;letter-spacing:-.05em}
body.home-clarity .clarity-lede{max-width:540px;margin-top:17px;font-size:16px}
body.home-clarity .clarity-actions{margin-top:21px}
body.home-clarity .clarity-primary{min-height:50px;padding-inline:19px;font-size:15px}
body.home-clarity .clarity-trust{max-width:none;display:block;margin-top:12px;font-size:13px;font-weight:650}
body.home-clarity .clarity-trust a{color:var(--green);font-weight:850;text-underline-offset:3px}
body.home-clarity .clarity-hero-visual{position:relative;min-width:0;min-height:422px;display:flex;align-items:flex-end;justify-content:center;padding:40px 20px 0}
body.home-clarity .clarity-coach{position:absolute;z-index:2;top:-6px;right:3%;width:clamp(100px,14vw,164px);height:auto;object-fit:contain;pointer-events:none}
body.home-clarity .clarity-phone-frame{position:relative;width:min(100%,390px);padding:18px 16px 12px;border:6px solid #283b2f;border-radius:31px;color:#f4efe2;background:#0e1a14;box-shadow:0 22px 55px #14281f3b;overflow:hidden}
body.home-clarity .clarity-phone-frame>header{display:flex;justify-content:space-between;gap:10px;padding:0 2px 12px;border-bottom:1px solid #ffffff20;color:#9cc6ad;font-size:12px;font-weight:850;letter-spacing:.06em}
body.home-clarity .clarity-phone-live{display:flex;align-items:center;gap:6px;color:#b9ef6f;font-size:11px;white-space:nowrap}
body.home-clarity .clarity-phone-live i{width:7px;height:7px;border-radius:50%;background:#b9ef6f}
body.home-clarity .clarity-phone-frame>h2{margin:13px 2px 11px;color:#f4efe2;font:600 25px/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
body.home-clarity .clarity-phone-item{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:11px 9px;border:1px solid #ffffff22;border-radius:13px;background:#16261d}
body.home-clarity .clarity-phone-item+.clarity-phone-item{margin-top:8px}
body.home-clarity .clarity-phone-item>div{min-width:0}
body.home-clarity .clarity-phone-item strong,body.home-clarity .clarity-phone-item small{display:block}
body.home-clarity .clarity-phone-item strong{color:#f4efe2;font-size:14px;line-height:1.25}
body.home-clarity .clarity-phone-item small{margin-top:4px;color:#a9b5ac;font-size:12px;line-height:1.3}
body.home-clarity .clarity-phone-avatar{width:40px;height:40px;display:grid;place-items:center;border:2px solid #ffffff20;border-radius:50%;font-size:12px;font-weight:950}
body.home-clarity .avatar-lime{color:#15301f;background:#b9ef6f}.avatar-gold{color:#33290e;background:#ffd66b}.avatar-mint{color:#0e2b20;background:#7fd6a4}
body.home-clarity .clarity-phone-chip{grid-column:2;justify-self:start;margin-top:-4px;padding:3px 8px;border-radius:999px;color:#152419;font-size:11px;font-weight:900}
body.home-clarity .clarity-phone-chip.clear,body.home-clarity .clarity-phone-chip.bid{background:#b9ef6f}
body.home-clarity .clarity-phone-chip.lean{background:#ffd66b}
body.home-clarity .clarity-phone-item.waiver{border-color:#75c89566;background:#183528}
body.home-clarity .clarity-phone-frame>footer{display:flex;justify-content:space-between;gap:8px;margin-top:11px;padding:3px 2px 0;color:#9fb6ac;font-size:11px}
body.home-clarity .clarity-steps{padding:19px 0 31px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--line)}
body.home-clarity .clarity-steps article{min-width:0;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
body.home-clarity .clarity-step-number{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:var(--lime);font-size:14px}
body.home-clarity .clarity-steps strong{display:block;color:var(--ink);font-size:14px;line-height:1.3}
body.home-clarity .clarity-steps p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.35}
body.home-clarity .clarity-receipts{margin:5px auto 28px;padding:17px 20px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid #d6e1d4;border-radius:17px;color:#14271d;background:#f4efe2}
body.home-clarity .clarity-receipts img{width:54px;height:54px;object-fit:contain}
body.home-clarity .clarity-receipts .eyebrow{margin:0;color:#397856;font-size:11px}
body.home-clarity .clarity-receipts h2{margin:3px 0;color:#14271d;font:600 25px/1.05 Georgia,"Times New Roman",serif}
body.home-clarity .clarity-receipts p:last-child{margin:0;color:#4c5b51;font-size:13px;line-height:1.45}
body.home-clarity .clarity-receipts-tag{padding:7px 10px;border:1px solid #becabf;border-radius:999px;color:#45564a;font-size:12px;font-weight:800;white-space:nowrap}
@media(max-width:900px){body.home-clarity .clarity-hero{grid-template-columns:1fr;gap:10px}body.home-clarity .clarity-copy{max-width:700px}body.home-clarity .clarity-hero-visual{width:min(100%,600px);min-height:420px;margin:0 auto}}
@media(max-width:760px){body.home-clarity .clarity-hero{padding:29px 0 25px}body.home-clarity .clarity-copy h1{max-width:360px;font-size:clamp(43px,12vw,54px);line-height:.97}body.home-clarity .clarity-lede{max-width:350px;font-size:15px}body.home-clarity .clarity-actions{margin-top:17px}body.home-clarity .clarity-primary{width:100%;justify-content:space-between}body.home-clarity .clarity-hero-visual{min-height:0;padding:28px 8px 0;align-items:center;flex-direction:column}body.home-clarity .clarity-coach{position:static;align-self:flex-end;width:104px;margin:0 18px 10px 0}body.home-clarity .clarity-phone-frame{width:min(100%,352px);padding:15px 12px 10px;border-width:5px;border-radius:27px}body.home-clarity .clarity-phone-frame>h2{font-size:23px}body.home-clarity .clarity-steps{grid-template-columns:1fr;gap:8px;padding:16px 0 24px}body.home-clarity .clarity-steps article{min-height:62px}body.home-clarity .clarity-receipts{grid-template-columns:47px minmax(0,1fr);gap:10px;margin:4px auto 22px;padding:14px}body.home-clarity .clarity-receipts img{width:45px;height:45px}body.home-clarity .clarity-receipts h2{font-size:22px}body.home-clarity .clarity-receipts-tag{grid-column:2;justify-self:start;padding:5px 9px}}
@media(max-width:380px){body.home-clarity .clarity-phone-item{grid-template-columns:36px minmax(0,1fr);gap:7px;padding:9px 7px}body.home-clarity .clarity-phone-avatar{width:34px;height:34px}body.home-clarity .clarity-phone-item strong{font-size:13px}body.home-clarity .clarity-phone-item small{font-size:12px}}
body.home-clarity .clarity-phone-frame>header,body.home-clarity .clarity-phone-live,body.home-clarity .clarity-phone-item small,body.home-clarity .clarity-phone-avatar,body.home-clarity .clarity-phone-chip,body.home-clarity .clarity-phone-frame>footer,body.home-clarity .clarity-receipts .eyebrow,body.home-clarity .clarity-receipts-tag{font-size:13px}
@media(max-width:380px){body.home-clarity .clarity-phone-item small{font-size:13px}}
