/* Deal Support Network visual refresh v19 — design-only update */
:root{--green:#12a87d;--teal:#0799a5;--navy:#092c34;--ink:#183238;--muted:#61777b;--light:#f0faf7;--border:#d8e8e3;--shadow:0 24px 55px rgba(7,45,50,.14);--radius:22px}
html{scroll-behavior:smooth}body{background:#f9fcfb}a,button,input,select,textarea{transition:box-shadow .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #44cbb3;outline-offset:3px}
/* Homepage */
body:has(.topbar) .topbar{background:rgba(5,35,43,.95);border-bottom:1px solid rgba(162,240,221,.15);box-shadow:0 8px 24px rgba(3,36,41,.15)}
body:has(.topbar) .brand{color:#fff;font-size:15px;letter-spacing:.01em}body:has(.topbar) .brand small{color:#a8d6ce}body:has(.topbar) .navlinks{gap:13px;font-size:12px;color:#d5ede8}body:has(.topbar) .navlinks a:not(.btn):hover{color:#61efc6}body:has(.topbar) .nav{min-height:82px;gap:12px}body:has(.topbar) .brand img{width:62px!important;filter:drop-shadow(0 3px 12px rgba(50,229,174,.18))}
body:has(.topbar) .hero{position:relative;isolation:isolate;overflow:hidden;padding:108px 0 102px;background:radial-gradient(ellipse 50% 70% at 86% 45%,rgba(10,195,167,.22),transparent 72%),radial-gradient(ellipse 50% 60% at 4% 6%,rgba(21,180,113,.21),transparent 70%),linear-gradient(120deg,#061f2a 0%,#0a3940 55%,#0b4850 100%)}
body:has(.topbar) .hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(rgba(151,245,211,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(151,245,211,.25) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 10%,black)}
body:has(.topbar) .hero:after{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(65,241,178,.24);border-radius:50%;top:-210px;right:-100px;box-shadow:0 0 0 58px rgba(13,214,173,.025),0 0 0 116px rgba(13,214,173,.018);pointer-events:none}
body:has(.topbar) .hero-grid{gap:58px;grid-template-columns:1.12fr .88fr}body:has(.topbar) .hero h1{color:#fff;font-size:clamp(48px,5.7vw,78px);letter-spacing:-.055em;max-width:680px}body:has(.topbar) .hero .gradient{background:linear-gradient(100deg,#80f5c0,#49e3cf,#afffe0);-webkit-background-clip:text;background-clip:text}body:has(.topbar) .hero p{color:#c7e2dd;font-size:18px}body:has(.topbar) .eyebrow{background:rgba(111,238,187,.12);border:1px solid rgba(139,255,203,.23);color:#9bf4d1;letter-spacing:.055em;font-size:11px;text-transform:uppercase}body:has(.topbar) .mini-note{color:#a9d4d1}
body:has(.topbar) .btn{border-radius:12px;letter-spacing:.005em}body:has(.topbar) .btn-primary{background:linear-gradient(110deg,#0ebd85,#08a6a9);box-shadow:0 12px 30px rgba(0,167,132,.25)}body:has(.topbar) .btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(0,176,142,.38)}body:has(.topbar) .hero .btn-outline{background:rgba(255,255,255,.08);border:1px solid rgba(208,255,243,.38);color:#fff}body:has(.topbar) .hero .btn-outline:hover{background:rgba(255,255,255,.16)}
body:has(.topbar) .hero-card{padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(234,255,250,.94));border:1px solid rgba(155,255,219,.54);box-shadow:0 26px 65px rgba(0,18,25,.36),0 0 60px rgba(14,210,163,.12);position:relative}body:has(.topbar) .hero-card:before{content:"DEAL SUPPORT • MADE SIMPLE";display:block;color:#078977;font-weight:900;font-size:10px;letter-spacing:.15em;margin-bottom:12px}body:has(.topbar) .step{background:#e9f8f4;border:1px solid #d4eee7}body:has(.topbar) .num{background:linear-gradient(145deg,#0bba88,#07899d);box-shadow:0 7px 14px rgba(7,146,125,.18)}
body:has(.topbar) main>section:not(.hero):not(.band){position:relative}body:has(.topbar) .section-head h2{font-weight:850;letter-spacing:-.045em}body:has(.topbar) .card{border:1px solid #d8eae5;border-radius:22px;box-shadow:0 12px 32px rgba(8,70,71,.075);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}body:has(.topbar) .card:hover{transform:translateY(-6px);border-color:#60cdb5;box-shadow:0 24px 45px rgba(8,91,86,.15)}body:has(.topbar) .icon{background:linear-gradient(135deg,#e2fff1,#daf7fa);box-shadow:inset 0 0 0 1px #c2eddd}body:has(.topbar) .band{background:radial-gradient(circle at 90% 10%,rgba(9,184,154,.22),transparent 38%),linear-gradient(120deg,#062832,#0c4750)}body:has(.topbar) .pill{border-color:rgba(144,254,214,.29);background:rgba(255,255,255,.075)}body:has(.topbar) .form-box{box-shadow:0 25px 65px rgba(8,67,65,.12);border-color:#cae9df}body:has(.topbar) details{box-shadow:0 7px 22px rgba(8,67,65,.035)}body:has(.topbar) details[open]{border-color:#68cdb6}body:has(.topbar) footer{background:#f0f8f5}
/* Shared interior-page polish: does not change forms, calculations or links */
body:not(:has(.topbar)) header{background:#082d36!important;border-bottom:1px solid #235059!important}body:not(:has(.topbar)) header .brand,body:not(:has(.topbar)) header a{color:#e6fcf5!important}body:not(:has(.topbar)) header .brand img{filter:drop-shadow(0 2px 8px rgba(83,228,179,.12))}body:not(:has(.topbar)) .hero{background:radial-gradient(circle at 90% 15%,rgba(50,235,180,.22),transparent 38%),linear-gradient(120deg,#07313d,#116b68)!important;color:#fff}body:not(:has(.topbar)) .hero h1,body:not(:has(.topbar)) .hero h2{color:#fff!important}body:not(:has(.topbar)) .hero p{color:#dbf5eb!important}body:not(:has(.topbar)) .hero .eyebrow{color:#95f6cd!important}body:not(:has(.topbar)) .resource-card,body:not(:has(.topbar)) .card{border-radius:20px;box-shadow:0 10px 28px rgba(3,70,64,.065)}body:not(:has(.topbar)) .resource-card:hover,body:not(:has(.topbar)) .card:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(3,70,64,.13)}
@media(max-width:1150px){body:has(.topbar) .navlinks{gap:8px;font-size:11px}body:has(.topbar) .brand{font-size:13px}}
@media(max-width:1000px){body:has(.topbar) .navlinks a:not(.btn){display:none}body:has(.topbar) .hero-grid{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:800px){body:has(.topbar) .hero-grid{grid-template-columns:1fr}body:has(.topbar) .hero{padding:67px 0 72px}body:has(.topbar) .hero-card{max-width:660px}body:has(.topbar) .hero h1{font-size:clamp(43px,9vw,66px)}}
@media(max-width:600px){body:has(.topbar) .brand img{width:48px!important}body:has(.topbar) .brand{font-size:12px}body:has(.topbar) .brand small{font-size:9px}body:has(.topbar) .navlinks .btn{padding:10px 12px;font-size:11px;width:auto}body:has(.topbar) .nav{min-height:70px}body:has(.topbar) .hero-card{padding:22px}body:has(.topbar) .hero .eyebrow{line-height:1.5;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}