/* Holding page. Same brand tokens as wwwroot/brand-refresh.css: leaf green, turquoise, blue. */
:root{--ink:#17354a;--teal:#087b89;--teal-dark:#065b6f;--muted:#496173;--line:#dbe5eb;--lime:#b0d431;--brand-blue:#006cab;--brand-navy:#15476b;--aqua:#0b9aaa;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#fff;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
main{flex:1}
.container{max-width:1360px;margin:0 auto;padding-inline:32px}
h1,h2{margin:0;font-weight:700;letter-spacing:-.055em;line-height:1.12}
em{font-style:normal;color:var(--brand-blue)}
.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:650;color:var(--teal-dark);margin:0 0 24px;line-height:1.6}
.spark{display:inline-grid;place-items:center;margin-right:10px;width:26px;height:26px;background:#eaf4cc;border-radius:50%;color:#547c00;font-size:18px;letter-spacing:0}

.site-header{background:#fff;border-top:4px solid transparent;border-image:linear-gradient(90deg,#b0d431,#119ca2,#006cab) 1;border-bottom:1px solid var(--line)}
.site-header .container{display:flex;align-items:center;min-height:100px}
.brand{display:block;width:242px}
.brand img{display:block;width:100%;height:auto}

.hero{position:relative;overflow:hidden;padding:96px 0 90px;background:radial-gradient(ellipse at 90% 20%,#e9f5d8 0,transparent 43%),radial-gradient(ellipse at 70% 95%,#e7f6fa 0,transparent 48%),#fff}
.hero .container{position:relative}
.hero h1{font-size:clamp(2.8rem,5.6vw,5.2rem);line-height:1.14;letter-spacing:-.06em;margin-bottom:28px}
.hero h1 em{background:linear-gradient(transparent 80%,#ddebaf 80%)}
.lede{font-size:21px;font-weight:500;line-height:1.55;max-width:600px;margin:0 0 32px;color:var(--ink)}
.note{display:flex;align-items:center;gap:16px}
.note .line{height:3px;width:39px;flex:none;background:linear-gradient(90deg,var(--lime),var(--aqua))}
.note p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.note strong{color:var(--ink)}
.leaf{position:absolute;display:block;border-radius:100% 0 100% 0;pointer-events:none}
.leaf-one{right:6%;top:-30px;width:190px;height:100px;background:var(--lime);transform:rotate(-24deg)}
.leaf-two{right:14%;bottom:-20px;width:150px;height:105px;background:var(--aqua);transform:rotate(17deg)}

.value-band{background:linear-gradient(100deg,#006cab,#0584a1 55%,#087b89);border-bottom:5px solid var(--lime);color:#fff}
.value-band .container{max-width:1180px;padding-block:24px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}
.value-band span{font-size:22px;font-weight:600}
.value-band i{color:var(--lime);font-size:19px;font-style:normal}

.banner{padding:80px 0;background:linear-gradient(120deg,#eef7e5,#f3f9fb)}
.banner h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.banner .eyebrow{margin-bottom:20px}

.site-footer{background:#fff;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.site-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:22px}

@media(max-width:650px){
.container{padding-inline:24px}
.site-header .container{min-height:82px}
.brand{width:208px}
.hero{padding:56px 0 64px}
.eyebrow{font-size:9px;letter-spacing:.09em}
.lede{font-size:18px}
.leaf-one{right:-30px;width:130px;height:70px}
.leaf-two{display:none}
.value-band .container{gap:9px;padding-block:20px}
.value-band span{font-size:17px}
.value-band i{font-size:13px}
.banner{padding:56px 0}
}