.how-main{max-width:1250px;padding-bottom:20px}.how-hero{padding:40px 0 36px;border-bottom:1px solid var(--line)}.how-hero h1{font-size:52px;line-height:1.08;max-width:850px;margin:18px 0;letter-spacing:-1.8px}.how-hero>p{font-size:18px;line-height:1.65;max-width:780px;color:var(--muted)}.how-stats{display:flex;gap:65px;margin-top:30px}.how-stats div{display:grid;gap:6px}.how-stats strong{font-size:30px;color:var(--accent)}.how-stats span{font-size:12px;color:var(--muted)}.how-section{padding:42px 0;border-bottom:1px solid var(--line)}.step-kicker{font-size:10px;letter-spacing:1.8px;color:var(--accent);font-weight:700}.how-section h2{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:12px 0 20px}.how-section p{line-height:1.7;color:var(--muted)}.how-section-head>p{max-width:780px;font-size:15px}.data-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flow-card,.meaning-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:23px;position:relative}.flow-card:not(:last-child):after{content:'→';position:absolute;right:-15px;top:78px;z-index:1;background:var(--paper);color:var(--accent);padding:3px}.flow-number{font-size:12px;color:var(--accent);border:1px solid var(--line);border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.flow-drawing{height:120px;margin:15px 0;display:flex;align-items:center;justify-content:center;color:var(--accent)}.source-orbit{position:relative;gap:10px;flex-wrap:wrap;padding-right:100px}.source-orbit img{width:35px;height:35px;background:#fff;border-radius:8px;padding:3px;object-fit:contain}.source-orbit>span{position:absolute;right:0;border-left:1px solid var(--line);padding-left:15px;line-height:1.6;font-size:12px}.match-drawing svg{width:100%;height:110px;stroke:none}.result-drawing{display:grid;gap:5px}.result-drawing>span{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:5px 0;font-size:12px;min-width:200px}.result-drawing b{font-weight:500;flex:1}.result-drawing i{width:5px;height:5px;background:var(--accent);border-radius:50%}.result-drawing strong{font-size:19px}.flow-card h3,.meaning-card h3{font-size:16px;margin:12px 0}.flow-card p{font-size:13px;min-height:110px}.flow-footnote{font-size:11px;color:var(--muted)}.score-demo{display:flex;gap:20px;margin-top:24px}.demo-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;flex:1}.demo-source{display:block;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:10px}.demo-source>span{font-size:11px;color:var(--muted)}.demo-source input{display:block;width:100%;margin:20px 0;accent-color:var(--accent)}.demo-source>div{display:flex;align-items:baseline;gap:5px}.demo-source strong,.demo-source b{font-size:24px}.demo-source small{font-size:10px;color:var(--muted)}.demo-source div>span{margin:0 4px;color:var(--muted)}.demo-total{min-width:200px;background:var(--wash);border:1px solid var(--line);border-radius:10px;padding:22px;text-align:center;color:var(--accent)}.demo-total>span{display:block;font-size:13px}.demo-total strong{font-size:55px;line-height:1.5}.demo-total small{font-size:13px}.demo-total>div{font-size:11px}.how-note{font-size:12px;margin-top:20px;color:var(--muted)}.meaning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.meaning-card p{font-size:13px}.meaning-example{display:grid;gap:7px;margin-bottom:22px}.meaning-example strong{font-size:36px}.meaning-example span{font-size:11px;color:var(--muted)}.verified-example{color:var(--accent)}.approximate-example{color:var(--muted);opacity:.6}.year-scale{display:flex;gap:8px;height:69px;align-items:center}.year-scale>div{display:grid;gap:6px;text-align:center}.year-scale small{font-size:10px;color:var(--muted)}.year-scale span{padding:7px 10px;border-radius:5px;font-size:15px;color:#99ac9f;background:#304037}.year-scale>div:nth-child(2) span{color:#acd5b9;background:#30503c}.year-scale>div:nth-child(3) span{color:#d0f3dc;background:#28683f}.traffic-explainer{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.traffic-explainer p{font-size:14px}.chart-illustration{padding:25px;background:var(--white);border:1px solid var(--line);border-radius:12px}.chart-illustration>span{font-size:11px;color:var(--muted)}.chart-illustration>div{display:flex;align-items:center;gap:10px;margin-top:24px}.chart-illustration b{font-size:12px;color:var(--accent)}.chart-illustration i{display:block;width:var(--bar);height:22px;background:linear-gradient(90deg,var(--accent),#8cba9d);border-radius:4px}.chart-illustration strong{font-size:13px}.chart-illustration small{display:block;font-size:10px;color:var(--muted);margin-top:25px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.benefit-grid b{font-size:14px}.benefit-grid p{font-size:13px}.how-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--wash);border-radius:10px;padding:20px;margin-top:25px}.how-cta p{margin:0;font-size:14px}footer a{text-decoration:none;font-size:22px;font-weight:700}footer{display:flex;align-items:center;justify-content:space-between}.how-main footer{padding-bottom:25px}
@media(max-width:950px){.data-flow,.meaning-grid{gap:10px}.flow-card,.meaning-card{padding:17px}.source-orbit{padding-right:0}.source-orbit>span{display:none}.score-demo{display:block}.demo-total{margin-top:15px}.benefit-grid{grid-template-columns:1fr 1fr}.how-hero h1{font-size:42px}.traffic-explainer{gap:25px}}
@media(max-width:600px){.how-main{padding:20px 5%}.how-hero{padding-top:12px}.how-hero h1{font-size:34px;max-width:none;letter-spacing:-1px}.how-hero>p{font-size:15px}.how-stats{gap:20px;justify-content:space-between}.how-stats strong{font-size:24px}.how-stats span{font-size:10px;max-width:90px}.how-section{padding:30px 0}.how-section h2{font-size:24px}.data-flow,.meaning-grid,.demo-sources,.traffic-explainer,.benefit-grid{grid-template-columns:1fr}.flow-card{padding:20px}.flow-card p{min-height:0}.flow-card:not(:last-child):after{content:'↓';top:auto;bottom:-17px;right:50%}.flow-drawing{height:100px;margin:8px 0}.source-orbit{flex-wrap:nowrap}.demo-source{padding:15px}.demo-source input{margin:14px 0}.demo-source>div{justify-content:space-between}.demo-total{padding:14px}.demo-total strong{font-size:45px}.how-cta{display:block}.how-cta .button{margin-top:18px}.how-main footer{display:block}.how-main footer span{display:block;margin-top:12px;font-size:11px}.how-hero .eyebrow{font-size:9px}.topbar .header-right{gap:7px}.topbar .header-right .button{padding:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.radar-sweep{animation:none}}

.live-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.live-chart{margin:0;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.live-chart:last-child{grid-column:1/-1}.live-chart figcaption{font-size:16px;font-weight:650;margin-bottom:20px}.live-chart figcaption small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:8px}.stat-bars{list-style:none;padding:0;margin:0;display:grid;gap:12px}.stat-bars li{display:grid;grid-template-columns:minmax(105px,1fr) 1.5fr auto;align-items:center;gap:10px;font-size:11px}.stat-bars .bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-bars .bar-track{height:13px;background:var(--wash);border-radius:3px;overflow:hidden}.stat-bars i{display:block;height:100%;width:var(--bar);background:var(--accent);border-radius:3px;min-width:2px}.stat-bars b{font-weight:500;font-variant-numeric:tabular-nums;min-width:25px;text-align:right}.score-distribution{height:190px;display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid var(--line);margin:30px 0 0}.score-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.score-column i{width:70%;height:var(--height);background:var(--accent);border-radius:5px 5px 0 0;min-height:2px;opacity:var(--opacity)}.score-column strong{font-variant-numeric:tabular-nums;color:var(--ink);font-size:12px}.score-labels{display:flex;gap:12px;font-size:10px;color:var(--muted);padding-top:12px}.score-labels span{flex:1;text-align:center}.live-chart .source-bars{grid-template-columns:1fr 1fr;column-gap:35px}@media(max-width:750px){.live-chart-grid{grid-template-columns:1fr}.live-chart .source-bars{grid-template-columns:1fr}.live-chart{padding:18px}.stat-bars li{grid-template-columns:minmax(100px,1fr) 1.2fr auto}}