/* Shared tokens and components for the approved section-by-section pages (matches the locked hero 1A). */
:root{--ink:#0b1220;--ink2:#465166;--muted:#6b7588;--line:#e3e8ef;--brand:#0066f0;--brand-d:#0052c4;--brand-50:#eef5ff;--soft:#f4f7fb;--navy:#0b1730;--navy-2:#0a1020;--ok:#12b76a}
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.6 Inter,system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:6px}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sec{padding:104px 0}
.sec.soft{background:var(--soft)}
.eyebrow{display:inline-flex;font-size:14px;font-weight:600;color:var(--brand);background:var(--brand-50);border-radius:999px;padding:6px 14px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:48px}
.sec-head h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.035em;font-weight:800;margin-top:16px;max-width:16ch}
.sec-head h2 span{color:var(--brand)}
.sec-head p{font-size:18px;color:var(--ink2);max-width:46ch}
.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;background:var(--brand-50);color:var(--brand);white-space:nowrap}
.tag.grey{background:#f1f3f7;color:var(--ink2)}
.tag.dark{background:rgba(143,186,255,.14);color:#9cc2ff}
.go{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--brand)}
.go::after{content:"→";transition:transform .2s}
a:hover .go::after,.go:hover::after{transform:translateX(4px)}
.c1{background:#eef5ff;color:#0066f0}.c2{background:#ecfdf3;color:#079455}.c3{background:#fff4e5;color:#dc6803}.c4{background:#f4f0ff;color:#6941c6}.c5{background:#fdf2fa;color:#c11574}.c6{background:#e8f7fb;color:#0e7490}
@media (max-width:600px){.wrap{padding:0 16px}.sec{padding:72px 0}.sec-head{margin-bottom:32px}.sec-head p{font-size:16px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}