:root{--deep:var(--navy-2);--ink:var(--text);--mute:var(--text-soft);--line:var(--border)}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.hero{background:var(--hero-grad);color:#fff;padding:calc(var(--header-h) + 56px) 0 64px;margin-top:0}
.hero .tag{display:inline-block;background:rgba(46,196,140,.15);color:var(--green);border:1px solid var(--green);border-radius:20px;padding:4px 16px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}


.hero h1 {
    font-size: clamp(28px, 4.5vw, 44px);
    line-height: 1.25;
    margin: 18px 0 14px;
    color: #FFFFFF;
}

.hero h2 {
    color: #FFFFFF !important;
}
section{padding:52px 0}section.alt{background:var(--bg)}
h2{color:var(--blue);font-size:26px;margin-bottom:18px;display:flex;align-items:center;gap:12px}
h2 span{background:var(--blue);color:#fff;border-radius:8px;font-size:14px;padding:2px 10px}
p{margin-bottom:14px;color:#3A4856}
.lead{border-left:4px solid var(--green);background:#fff;padding:20px 24px;border-radius:0 12px 12px 0;box-shadow:0 2px 12px rgba(11,31,58,.06)}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:12px;padding:20px}
.card h3{color:var(--blue);font-size:16px;margin-bottom:6px}.card p{margin:0;font-size:14.5px}
.stat{background:var(--navy);color:#fff;border-radius:12px;padding:24px 18px;text-align:center}
.stat b{display:block;color:var(--green);font-size:36px;line-height:1.2}.stat span{font-size:13px;color:#CFE0F5}
.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:20px}
.chips div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-weight:500;color:var(--deep);font-size:14px}
.chips div:before{content:'●';color:var(--green);margin-right:10px}
.steps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.steps div{flex:1;min-width:140px;background:var(--blue);color:#fff;text-align:center;border-radius:10px;padding:12px 8px;font-weight:600;font-size:14px}
.quote{background:#fff;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;padding:22px 26px;box-shadow:0 2px 12px rgba(11,31,58,.06);font-style:italic}
.quote cite{display:block;margin-top:10px;font-style:normal;font-size:14px;color:var(--mute)}.quote cite b{color:var(--navy)}
ul.check{list-style:none}ul.check li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid var(--line)}
ul.check li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:700}
.big{font-size:20px;font-weight:600;color:var(--navy);text-align:center;padding:26px;background:#fff;border:2px dashed var(--blue);border-radius:14px}
.cta{background:var(--hero-grad);color:#fff;text-align:center;padding:60px 0}
.cta h2{color:#fff;justify-content:center}.cta p{color:#CFE0F5}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:13px 34px;border-radius:30px;font-weight:600;text-decoration:none;margin:10px 0 22px}
.btn:hover{filter:brightness(1.08)}.motto{letter-spacing:3px;color:var(--green);font-weight:700;font-size:14px}

/* Hero Section */
.hero {
    padding: 50px 0;
}

/* Reduce left and right padding */
.hero .wrap {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Hero heading colours */
.hero h1,
.hero h2,
.hero h2 span {
    color: #FFFFFF !important;
}

/* Hero paragraph */
.hero p {
    color: #FFFFFF !important;
}