﻿/* Local reach and campaign volume: one light chapter with two complementary panels. */
.reach-volume-section{background:radial-gradient(ellipse at 100% 70%,#d8f0ff 0,transparent 48%),linear-gradient(115deg,#fff,#f2f8ff);padding-block:clamp(85px,8vw,125px);overflow:hidden}
.reach-volume-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:66px;align-items:start}
.territory-panel,.scope-volume-panel{min-width:0}
.scope-volume-panel{position:relative}
.scope-volume-panel:before{content:'';position:absolute;left:-33px;top:48px;bottom:65px;width:1px;background:#c1d7ed}
.scope-label{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:99px;background:#cfeeff;color:#0643a5;font-size:14px;font-weight:600;line-height:1.4;margin:0 0 26px}
.scope-label svg{width:22px;height:24px;fill:none;stroke:#0564e2;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
.scope-volume-panel>.scope-label svg{fill:#0564e2;stroke-width:1}
.reach-volume-section h2{font-size:clamp(30px,2.5vw,38px);line-height:1.25;letter-spacing:-.045em;color:#081d42;margin:0 0 23px;text-wrap:pretty}
.reach-volume-section h2 span{display:inline-block;background:#ffce17;color:#082039;padding:1px 11px 4px;border-radius:16px;white-space:nowrap}
.scope-description{font-size:18px;line-height:1.65;color:#2e4560;max-width:48ch;margin:0}
.territory-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;margin:29px 0 24px}
.reach-volume-section .reach-options{margin:0;gap:16px}
.reach-volume-section .reach-option{display:flex;align-items:center;gap:12px;position:relative;border:1px solid #c5e7fa;background:#f6fbff;border-radius:15px;min-height:114px;padding:17px 15px;box-shadow:0 4px 12px #0a83bc08;color:#10294e}
.reach-volume-section .reach-option.active{border-color:#57caff;background:#eaf7ff;box-shadow:0 0 13px #00c2ff18}
.reach-volume-section .reach-option>svg{width:32px;height:37px;stroke:#0861d4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}
.reach-volume-section .reach-option>span:nth-child(2){min-width:0}
.reach-volume-section .reach-option strong{font-size:15px;line-height:1.35;display:block;font-weight:600}
.reach-volume-section .reach-option small{font-size:12px;line-height:1.55;color:#455c76;display:block;margin-top:6px}
.scope-radio{position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;background:#b4cee5}
.reach-option.active .scope-radio{background:#009cde;box-shadow:0 0 0 3px #c9eeff}
.scope-map.map-card{border:0;border-radius:0;background:transparent;padding:0;min-width:0;position:relative;isolation:isolate;text-align:center}
.scope-map-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;z-index:1;font-size:11px;font-weight:600;color:white;background:linear-gradient(120deg,#043267,#001d40);padding:9px 12px;border:1px solid #1d91dd;border-radius:99px;box-shadow:0 5px 12px #073d6a16;white-space:nowrap}
.scope-map-label svg{width:15px;height:18px;stroke:#ffcf0b;fill:none;stroke-width:2;flex-shrink:0}
.scope-network{width:116%;height:auto;max-width:none;display:block;margin:-22px -8% -18px}
.scope-ring{fill:none;stroke:#d9eeff;stroke-width:4}
.scope-cells{fill:#86d5f4;transition:fill .25s}
.scope-cells path:nth-child(2n){fill:#bce8ff}
.scope-cells path:nth-child(3n){fill:#4dbbe6}
.scope-cells .focus-cell{fill:#05afe5}
.scope-connections{opacity:.75;transition:opacity .25s}
.scope-nodes{fill:#1b9dd6}
.scope-center-halo{fill:#0cc9f22b;stroke:#10bbeb;stroke-width:1}
.scope-center{fill:#05a8e1;stroke:#fff;stroke-width:3}
.scope-map.region .scope-cells{fill:#d4e9f5}.scope-map.region .scope-cells path{fill:#cce4f3}.scope-map.region .scope-cells .focus-cell{fill:#02afe6}.scope-map.region .scope-connections{opacity:.35}
.scope-map #map-state{font-size:11px;line-height:1.5;color:#39617f;margin:0 auto;max-width:28ch;min-height:33px}
.scope-note{font-size:12px;line-height:1.75;color:#526982;max-width:74ch;margin:0}
.scope-volume-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:13px;align-items:center;margin:26px 0 24px;min-height:285px}
.scope-inclusions{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.scope-inclusions li{position:relative;padding-left:25px;font-size:15px;line-height:1.65;color:#203b59}
.scope-inclusions li:before{content:'✓';position:absolute;top:3px;left:0;display:grid;place-items:center;width:17px;height:17px;background:#11aa40;color:#fff;border-radius:5px;box-shadow:0 0 0 4px #dff7e6;font-size:12px;line-height:1;font-weight:600}
.scope-stat-scene{position:relative;isolation:isolate;min-width:0;padding:10px 8px 31px}
.scope-stat-card{position:relative;display:flex;align-items:center;flex-direction:column;padding:25px 17px 22px;border:2px solid #00a8ef;border-radius:26px;color:white;background:radial-gradient(ellipse at 40% 0,#076194,transparent 70%),linear-gradient(130deg,#003458,#00172f);box-shadow:8px 6px 0 -3px #0250a0,inset 0 0 14px #00b8ff18,0 12px 25px #006fb52b;transform:perspective(700px) rotateY(-13deg) rotateZ(5deg);z-index:1;min-height:238px}
.scope-stat-card>svg{width:53px;height:55px;stroke:#09d0f8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-bottom:21px}
.scope-stat-card>strong{display:block;font-size:clamp(45px,4vw,60px);line-height:1.1;font-weight:600;letter-spacing:-.06em;font-style:italic;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.scope-stat-card>span{display:block;font-size:20px;font-weight:600;letter-spacing:-.03em;margin-top:7px;line-height:1.3}
.scope-stat-card>small{font-size:13px;line-height:1.4;color:#dfedfb;border:1px solid #08aadd;border-radius:99px;padding:7px 15px;margin-top:19px;white-space:nowrap}
.scope-stat-base{position:absolute;bottom:15px;left:-6%;width:112%;height:34px;border:2px solid #0cceff;border-radius:50%;background:#03b7fb19;box-shadow:0 0 16px #00b6ff88,inset 0 0 12px #00ceff55;z-index:0;transform:rotate(-3deg)}
.scope-stat-base:after{content:'';position:absolute;inset:-9px -10px;border:1px solid #00baf966;border-radius:50%}
.scope-volume-panel>.button{margin-top:25px;font-size:14px;gap:18px}
@media(min-width:1600px){.scope-stat-card{padding-block:28px;min-height:255px}.scope-stat-card>strong{font-size:62px}}
@media(max-width:1100px){.reach-volume-layout{gap:45px}.scope-volume-panel:before{left:-23px}.reach-volume-section h2{font-size:32px}.scope-description{font-size:17px}.territory-body{grid-template-columns:minmax(0,1fr);gap:23px}.reach-volume-section .reach-options{grid-template-columns:1fr 1fr;gap:12px}.reach-volume-section .reach-option{flex-direction:column;align-items:start;min-height:185px;padding:20px 16px}.reach-volume-section .reach-option strong{font-size:15px}.reach-volume-section .reach-option small{font-size:12px}.scope-map.map-card{max-width:330px;margin:auto;width:100%}.scope-map-label{font-size:12px}.scope-network{width:100%;margin:-24px 0 -15px}.scope-volume-body{grid-template-columns:minmax(0,1fr);gap:25px;min-height:0}.scope-inclusions li{font-size:16px}.scope-stat-scene{max-width:230px;width:100%;margin-inline:auto;padding-inline:13px}.scope-stat-card{min-height:245px}.scope-stat-card>strong{font-size:59px}.scope-stat-card>span{font-size:22px}.scope-label{font-size:13px;padding-inline:12px}.scope-stat-base{left:-4%;width:108%}}
@media(max-width:800px){.reach-volume-section{padding-block:86px}.reach-volume-layout{grid-template-columns:minmax(0,1fr);gap:64px}.scope-volume-panel:before{display:none}.reach-volume-section h2{font-size:38px;max-width:650px}.scope-description{font-size:18px;max-width:60ch}.territory-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;margin-block:30px}.reach-volume-section .reach-options{grid-template-columns:1fr;gap:17px}.reach-volume-section .reach-option{flex-direction:row;align-items:center;min-height:112px;gap:16px;padding:20px 18px}.reach-volume-section .reach-option strong{font-size:17px}.reach-volume-section .reach-option small{font-size:14px}.scope-map.map-card{max-width:none}.scope-map-label{font-size:12px}.scope-network{width:112%;margin:-22px -6% -15px}.scope-map #map-state{font-size:12px}.scope-note{max-width:85ch;font-size:13px}.scope-volume-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:35px;margin-block:30px}.scope-inclusions li{font-size:17px}.scope-inclusions{gap:21px}.scope-stat-scene{max-width:260px;padding-inline:13px}.scope-stat-card{min-height:260px;padding-top:29px}.scope-stat-card>strong{font-size:64px}.scope-stat-card>span{font-size:23px}.scope-label{font-size:14px;margin-bottom:24px}}
@media(max-width:580px){.reach-volume-section{padding-block:76px}.reach-volume-layout{gap:65px}.scope-label{font-size:13px;gap:8px;padding:8px 12px;margin-bottom:23px}.scope-label svg{width:21px;height:22px}.reach-volume-section h2{font-size:31px;line-height:1.3;letter-spacing:-.04em;margin-bottom:22px}.reach-volume-section h2 span{padding:1px 8px 4px;border-radius:12px}.scope-volume-panel h2 span{font-size:.9em}.scope-description{font-size:16px;line-height:1.75}.territory-body{grid-template-columns:1fr;gap:27px;margin-block:27px}.reach-volume-section .reach-options{gap:15px}.reach-volume-section .reach-option{min-height:109px;gap:16px;padding:19px 17px}.reach-volume-section .reach-option>svg{width:34px;height:38px}.reach-volume-section .reach-option strong{font-size:17px}.reach-volume-section .reach-option small{font-size:13px;line-height:1.65;max-width:28ch}.scope-map.map-card{max-width:330px;width:100%;margin:auto}.scope-map-label{font-size:12px}.scope-network{width:100%;margin:-22px 0 -16px}.scope-map #map-state{font-size:12px;max-width:none;min-height:0}.scope-note{font-size:12px;line-height:1.75}.scope-volume-body{grid-template-columns:1fr;gap:34px;margin-block:29px}.scope-inclusions{gap:20px}.scope-inclusions li{font-size:16px;line-height:1.65;padding-left:28px}.scope-stat-scene{max-width:245px;padding:10px 14px 35px}.scope-stat-card{min-height:260px;padding:29px 20px 24px}.scope-stat-card>strong{font-size:65px}.scope-stat-card>span{font-size:23px}.scope-stat-card>small{font-size:13px}.scope-stat-card>svg{width:53px;height:55px}.scope-stat-base{height:37px;bottom:17px;left:-4%;width:108%}.scope-volume-panel>.button{width:100%;font-size:14px;margin-top:25px}}
@media(max-width:360px){.reach-volume-section h2{font-size:28px}.scope-volume-panel h2 span{font-size:.88em}.scope-description{font-size:15px}.scope-label{font-size:12px}.scope-inclusions li{font-size:15px}.reach-volume-section .reach-option strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.scope-cells,.scope-connections{transition:none}}

/* Illustration-free layout requested for the reach and volume panels. */
.reach-volume-section .territory-body,.reach-volume-section .scope-volume-body{grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
.reach-volume-section .reach-options{grid-template-columns:minmax(0,1fr)}
.reach-volume-section .reach-option{flex-direction:row;align-items:center;min-height:104px}
@media(max-width:580px){.reach-volume-section .reach-option{min-height:109px}}
