/* Signal Plan extras: RF band switch, Pro pitch blocks, Pro landing page */
.top-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.top-nav a:not(.button){padding:8px 12px;color:var(--text-secondary);font-family:var(--font-display);font-weight:600;font-size:.92rem;text-decoration:none;border-radius:8px}
.top-nav a:not(.button):hover{background:var(--fd-stone);color:var(--fd-midnight)}
.top-nav a.button{display:inline-flex;align-items:center;margin-left:8px}
@media(max-width:760px){.top-nav a:not(.button){display:none}}

/* RF band switch beside the plan (wide and full screen) */
.band-bar{display:none;align-items:center;gap:8px;margin:8px 0 8px 8px;padding:6px 8px;background:#fff;border:1px solid var(--fd-stone-dark);border-radius:10px}
main.wide .band-bar,.map-shell:fullscreen .band-bar{display:flex}
.band-bar strong{font-family:var(--font-display);font-size:.78rem;padding:0 4px}
.band-seg{display:flex;gap:4px}
.band-seg button{height:34px;padding:0 12px;background:#fff;color:var(--fd-midnight);border:1px solid var(--fd-stone-dark);border-radius:7px;font-family:var(--font-display);font-weight:700;font-size:.8rem;cursor:pointer}
.band-seg button:hover:not(:disabled){border-color:var(--fd-indigo)}
.band-seg button[aria-pressed=true]{background:var(--fd-indigo);border-color:var(--fd-indigo);color:#fff}
.band-seg button:disabled{opacity:.45;cursor:not-allowed}
.band-bar.busy .band-seg{opacity:.6;pointer-events:none}
.map-shell:fullscreen .fs-dock .band-bar{margin:0;max-width:none}
@media(max-width:960px){main.wide .band-bar{display:none}}

/* shared bits */
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:22px}
a.button.big,button.button.big{min-height:52px;padding:12px 24px;font-size:1.05rem;display:inline-flex;align-items:center;gap:.3em}
.link-down{color:var(--fd-indigo-dark);font-family:var(--font-display);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.save-badge{font-style:normal;margin-left:6px;padding:2px 8px;border-radius:999px;background:#DCFCE7;color:#166534;font-size:.7rem;font-weight:700;vertical-align:middle}
.pro-roi{margin:0 0 10px;padding:10px 12px;background:#EEF2FF;border-radius:8px;color:var(--fd-indigo-dark);font-size:.86rem}
.pay-upsell{margin:12px 0;padding:12px 14px;background:#EEF2FF;border:1px solid #C7D2FE;border-radius:10px;font-size:.9rem;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between}
.pay-upsell .msg{flex:1 1 260px}
#proOpen.donate-btn{background:linear-gradient(135deg,#4F46E5,#6D28D9);color:#fff;border:0;cursor:pointer;box-shadow:0 6px 16px rgba(79,70,229,.28)}
html.pro-active .pro-pitch,html.pro-active .pay-upsell,html.pro-active .ad-slot,html.pro-active .ad-rail,html.pro-active #consent{display:none!important}

/* Pro pitch block (planner and home page) */
.pro-pitch{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:center;margin:34px 0;padding:34px;background:linear-gradient(135deg,#0B1020,#312E81);color:#fff;border-radius:16px}
.pro-pitch h2{color:#fff;margin-bottom:10px;font-size:clamp(1.5rem,2.6vw,2.2rem)}
.pro-pitch p{color:#DDE0FF}
.pro-pitch .hint{color:#B8BEEA}
.pro-pitch .link-down{color:#C7D2FE}
.pro-pitch button.button.secondary,.pro-pitch a.button.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:none}
.pitch-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.pitch-list li{position:relative;padding-left:26px;color:#EEF0FF}
.pitch-list li::before{content:"\2713";position:absolute;left:0;color:#34D399;font-weight:800}
.sheet{display:block}
.sheet img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 24px 50px rgba(0,0,0,.4);background:#fff}
.sheet-stack{position:relative;padding:0 0 12% 0}
.sheet-stack .sheet:nth-child(2){position:absolute;right:-4%;bottom:0;width:58%}
.sheet-stack .sheet:nth-child(1){width:70%}
.pro-pitch .sheet-link{display:block}

/* Pro landing page */
.pro-main{width:min(calc(100% - 32px),1120px)}
.pro-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding:30px 0 40px}
.pro-hero h1{font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.04;margin-bottom:16px}
.pro-hero .lead{font-size:1.12rem;color:var(--text-secondary);max-width:54ch}
.pro-hero .fine{margin:14px 0 0;color:var(--text-muted);font-size:.86rem}
.pro-hero .sheet img{box-shadow:0 24px 50px rgba(11,16,32,.22);border:1px solid var(--fd-stone-dark)}
.sec{margin:56px 0}
.sec>h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:8px}
.sec>.sub{color:var(--text-secondary);max-width:72ch;margin-bottom:22px}
.roi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--fd-stone-mid);border-radius:14px;background:#fff;overflow:hidden}
.roi div{padding:22px 24px;border-left:1px solid var(--fd-stone-mid)}
.roi div:first-child{border-left:0}
.roi b{display:block;font:800 2.4rem/1 var(--font-display);color:var(--fd-indigo-dark);letter-spacing:-.03em}
.roi span{display:block;margin-top:8px;color:var(--text-secondary);font-size:.92rem}
.sample-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sample-row figure{margin:0}
.sample-row a{display:block}
.sample-row img{display:block;width:100%;height:auto;border:1px solid var(--fd-stone-dark);border-radius:8px;box-shadow:0 10px 26px rgba(11,16,32,.12);background:#fff}
.sample-row figcaption{margin-top:8px;font-size:.84rem;color:var(--text-secondary)}
.sample-row figcaption b{display:block;color:var(--fd-midnight);font-family:var(--font-display)}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.benefit{padding:22px;background:#fff;border:1px solid var(--fd-stone-mid);border-radius:14px}
.benefit h3{margin-bottom:6px}
.benefit p{margin:0;color:var(--text-secondary);font-size:.93rem}
.tech{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:28px;background:var(--fd-stone);border-radius:14px}
.tech h3{margin-bottom:8px}
.tech p,.tech li{color:var(--text-secondary);font-size:.93rem}
.tech ul{margin:0;padding-left:18px}
.tech code{padding:2px 6px;background:#fff;border:1px solid var(--fd-stone-dark);border-radius:6px;font-size:.84rem}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:26px;background:#fff;border:1px solid var(--fd-stone-mid);border-radius:16px}
.plan.best{border:2px solid var(--fd-indigo);box-shadow:0 18px 40px rgba(79,70,229,.18)}
.plan .tag{position:absolute;top:-13px;left:22px;padding:3px 12px;background:var(--fd-indigo);color:#fff;border-radius:999px;font:700 .72rem var(--font-display);letter-spacing:.04em;text-transform:uppercase}
.plan h3{margin-bottom:2px}
.plan .price{margin:8px 0 2px;font:800 2.6rem/1 var(--font-display);letter-spacing:-.03em}
.plan .price small{font-size:1rem;font-weight:600;color:var(--text-muted);letter-spacing:0}
.plan .note{margin:0;color:var(--text-muted);font-size:.86rem;min-height:1.3em}
.plan ul{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:8px;flex:1}
.plan li{position:relative;padding-left:24px;font-size:.93rem}
.plan li::before{content:"\2713";position:absolute;left:0;color:#059669;font-weight:800}
.plan li.no{color:var(--text-muted)}
.plan li.no::before{content:"\2212";color:#94A3B8}
.cmp{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--fd-stone-mid)}
.cmp th,.cmp td{padding:12px 14px;text-align:center;white-space:normal;border-bottom:1px solid var(--fd-stone-mid)}
.cmp th:first-child,.cmp td:first-child{text-align:left}
.cmp .yes{color:#059669;font-weight:800}
.cmp .dash{color:#94A3B8}
.cmp .hl{background:#F5F6FF}
.final-cta{padding:38px;background:linear-gradient(135deg,#0B1020,#312E81);color:#fff;border-radius:16px;text-align:center}
.final-cta h2{color:#fff}
.final-cta p{color:#DDE0FF;max-width:56ch;margin:0 auto 18px}
.final-cta .cta-row{justify-content:center}
.final-cta a.button.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:none}
@media(max-width:900px){.pro-hero,.pro-pitch,.tech{grid-template-columns:1fr}.sample-row{grid-template-columns:1fr 1fr}.benefits,.plans,.roi{grid-template-columns:1fr}.roi div{border-left:0;border-top:1px solid var(--fd-stone-mid)}.roi div:first-child{border-top:0}.sheet-stack .sheet:nth-child(1){width:78%}}