.whatagraph-hero { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.6fr) minmax(300px,.85fr); gap:64px; align-items:center; padding:90px 0; }
.whatagraph-hero h1 { font-size:clamp(2.6rem,4.6vw,4.5rem); line-height:1.06; }
.whatagraph-subtitle { max-width:650px; margin:28px 0 0; color:#e3f4ff; font-size:1.13rem; line-height:1.65; }
.campaign-scoreboard { position:relative; padding:30px; border:1px solid rgba(255,255,255,.35); border-radius:28px; color:white; background:rgba(255,255,255,.1); box-shadow:0 24px 60px rgba(0,24,62,.18); text-align:center; }
.whatagraph-brand { display:flex; justify-content:center; align-items:center; min-height:82px; margin-bottom:30px; padding:20px 28px; border-radius:16px; background:white; }
.whatagraph-brand img { display:block; width:220px; height:auto; max-height:65px; object-fit:contain; }
.scoreboard-label { margin:0 0 8px; font-size:.67rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#d9f7ff; }
.scoreboard-total { display:block; font-size:6.8rem; line-height:1; letter-spacing:-.07em; font-weight:900; }
.scoreboard-caption { margin:8px 0 28px; font-size:1rem; font-weight:700; }
.campaign-split { display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:center; padding-top:22px; border-top:1px solid rgba(255,255,255,.25); }
.campaign-split strong { display:block; font-size:2rem; line-height:1.1; }.campaign-split div span { display:block; margin-top:8px; font-size:.7rem; line-height:1.5; }.split-plus { font-size:1.4rem; color:#b5f3ff; }
.scoreboard-foot { margin:22px 0 0; font-size:.67rem; color:#e2f6ff; }
.study-jumps { border-bottom:1px solid var(--line); background:#fff; }.study-jumps>div { display:flex; flex-wrap:wrap; gap:16px 30px; padding:23px 0; }.study-jumps a { color:var(--blue); font-size:.78rem; font-weight:800; text-decoration:none; }.study-jumps a:hover { text-decoration:underline; }
.whatagraph-section { padding:88px 0; scroll-margin-top:88px; }.article-copy { max-width:880px; margin:0 auto; }.article-copy>p,.article-copy>h2,.article-copy>h3,.article-copy>ul,.article-copy>blockquote { max-width:790px; margin-left:auto; margin-right:auto; }.article-copy h2 { margin-bottom:32px; font-size:clamp(2rem,3.8vw,3.35rem); }.article-copy h3 { margin-top:42px; margin-bottom:18px; }.article-copy a { color:var(--blue); text-underline-offset:4px; text-decoration-color:rgba(8,120,201,.4); }.article-copy a:hover { color:#065d9b; text-decoration-color:currentColor; }
.placement-table { overflow-x:auto; margin:36px 0; border:1px solid var(--line); border-radius:20px; background:white; box-shadow:0 12px 35px rgba(12,42,81,.05); }.placement-table:focus-visible,.study-jumps a:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }.placement-table table { width:100%; border-collapse:collapse; min-width:660px; text-align:left; font-size:.84rem; line-height:1.6; }.placement-table caption { padding:20px 24px; background:#fff; color:var(--navy); font-weight:800; text-align:left; }.placement-table th { padding:17px 22px; background:#eaf3fb; color:var(--navy); font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; }.placement-table td { padding:17px 22px; border-top:1px solid var(--line); vertical-align:top; }.placement-table tbody tr:nth-child(even) { background:#f8fbfe; }.placement-table td:first-child { font-weight:750; min-width:150px; }.placement-table a { text-decoration-thickness:1px; }
.historical-note { padding:24px 26px; border-left:4px solid var(--cyan); border-radius:0 16px 16px 0; background:#eaf5fc; color:#28516d; font-size:.9rem; }.result-list { padding-left:24px; }.result-list li { margin:16px 0; padding-left:6px; }.result-list li::marker { color:var(--blue); }
.article-copy blockquote { margin:24px auto; padding:0 0 0 28px; border-left:4px solid var(--cyan); font-size:clamp(1.3rem,2.4vw,1.85rem); font-weight:650; line-height:1.6; color:var(--navy); }.testimonial-proof { margin:38px auto 0; max-width:880px; }.testimonial-proof img { width:100%; height:auto; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); }.testimonial-proof figcaption { margin:14px 0 0; color:var(--muted); font-size:.8rem; text-align:center; }
@media(max-width:980px) { .whatagraph-hero { grid-template-columns:1fr; gap:42px; padding:64px 0; }.campaign-scoreboard { width:min(480px,100%); justify-self:center; }.whatagraph-hero h1 { max-width:780px; }.nav-shell { flex-wrap:wrap; padding:14px 0; }.nav-links { display:flex; order:3; width:100%; margin:0; overflow-x:auto; gap:22px; padding:7px 0; }.nav-links a { flex-shrink:0; } }
@media(max-width:620px) { .whatagraph-hero h1 { font-size:clamp(2.35rem,10vw,3.4rem); }.whatagraph-subtitle { font-size:1rem; }.whatagraph-section { padding:62px 0; }.article-copy h3 { margin-top:32px; }.campaign-scoreboard { padding:26px; }.study-jumps>div { gap:12px 20px; }.study-jumps a { font-size:.7rem; }.article-copy blockquote { padding-left:20px; }.placement-table td,.placement-table th { padding:14px 18px; } }