:root{--kl-navy: #102f4f;--kl-navy-deep: #092541;--kl-teal: #0ca78e;--kl-teal-bright: #19c7a8;--kl-teal-dark: #078977;--kl-text: #172534;--kl-muted: #607080;--kl-bg: #f7f9fb;--kl-card: #ffffff;--kl-border: rgba(15, 47, 79, .12);--maxw: 1120px;--pad: clamp(14px, 2.2vw, 24px);--radius: 24px;--shadow: 0 18px 45px rgba(16, 47, 79, .1);--display-font: "Fraunces", Georgia, "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--kl-text);background:radial-gradient(circle at 20% -10%,rgba(25,199,168,.07),transparent 30%),linear-gradient(180deg,#fff 0,#f7f9fb 32rem 100%);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit}.container{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.site-header{position:sticky;top:0;z-index:40;background:#fffffff0;border-bottom:1px solid rgba(16,47,79,.07);box-shadow:0 10px 30px #102f4f0f;backdrop-filter:blur(16px) saturate(150%)}.nav-wrap{padding-top:clamp(12px,2vw,20px);padding-bottom:12px}.brand{width:min(100%,760px);margin:0 auto clamp(12px,1.9vw,18px);display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.4vw,24px);text-decoration:none}.brand:before,.brand:after{content:"";flex:1 1 120px;max-width:150px;height:2px;border-radius:999px;opacity:.95}.brand:before{background:linear-gradient(90deg,transparent 0%,rgba(20,188,164,.45) 35%,var(--kl-teal-bright, #20c7aa) 100%)}.brand:after{background:linear-gradient(90deg,var(--kl-teal-bright, #20c7aa) 0%,rgba(20,188,164,.45) 65%,transparent 100%)}.brand img{flex:0 0 auto;width:clamp(205px,26vw,295px);margin-inline:auto;filter:drop-shadow(0 5px 10px rgba(16,47,79,.07))}.main-nav{max-width:980px;margin:0 auto;padding:7px;border:1px solid rgba(16,47,79,.1);border-radius:24px;background:linear-gradient(180deg,#fffffffa,#ebf1f6eb);box-shadow:0 14px 24px #102f4f21,inset 0 1px 1px #fff,inset 0 -1px #102f4f0d;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav ul{display:grid;grid-template-columns:.85fr 1.15fr 1.55fr .75fr .85fr 1fr;gap:7px;min-width:650px;list-style:none;margin:0;padding:0}.main-nav li{margin:0}.main-nav a{min-height:48px;padding:9px 12px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(16,47,79,.13);border-radius:16px;color:var(--kl-navy-deep);background:linear-gradient(180deg,#fff,#f7fafc 42%,#e3eaf0);box-shadow:0 7px 12px #102f4f21,inset 0 1px #fff,inset 0 -2px 3px #102f4f0d;text-decoration:none;font-size:clamp(.79rem,1.3vw,.98rem);font-weight:800;line-height:1.1;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease}.main-nav a:hover,.main-nav a:focus-visible{transform:translateY(-2px);outline:none;box-shadow:0 11px 18px #102f4f2e,inset 0 1px #fff,inset 0 -2px 3px #102f4f0d}.main-nav a.active{color:#fff;border-color:#047968a6;background:linear-gradient(180deg,#21c6ad,#0fa58e 48%,#078373);box-shadow:0 11px 20px #0aa78e52,0 0 18px #19c7a842,inset 0 1px #ffffff73,inset 0 -3px 5px #0050452b;text-shadow:0 1px 1px rgba(0,60,50,.22)}main.container{padding-top:clamp(16px,2.2vw,28px);padding-bottom:10px}.card{background:var(--kl-card);border:1px solid var(--kl-border);border-radius:var(--radius);padding:clamp(1.1rem,2.2vw,2rem);box-shadow:var(--shadow)}.section{margin-block:clamp(1.4rem,3.4vw,3rem)}.section-title{margin:0 0 1.1rem;color:var(--kl-navy-deep);text-align:center;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.12;font-weight:900;letter-spacing:-.035em}.page-stack{width:100%;display:grid;gap:clamp(20px,3.2vw,34px);padding-block:clamp(8px,1.5vw,16px) clamp(24px,4vw,48px)}.page-hero{position:relative;overflow:hidden;padding:clamp(30px,5vw,58px) clamp(24px,5vw,66px);border:1px solid rgba(16,47,79,.12);border-radius:30px;background:radial-gradient(circle at 50% -15%,rgba(37,201,172,.14),transparent 42%),linear-gradient(180deg,#fffffffc,#f7fbfcfa);box-shadow:0 24px 55px #102f4f1a,0 6px 16px #102f4f0f,inset 0 1px #fffffff2}.page-hero:before{content:"";position:absolute;inset:0 auto auto 50%;width:116px;height:4px;transform:translate(-50%);border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,var(--kl-teal-bright),transparent)}.page-hero.center{text-align:center}.page-hero.center .page-lede{margin-inline:auto}.page-eyebrow{margin:0 0 9px;color:var(--kl-teal-dark);font-size:.78rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.page-title,.display-title{margin:0;color:var(--kl-navy-deep);font-family:var(--display-font);font-weight:500;letter-spacing:-.035em;line-height:.98;text-wrap:balance}.page-title{font-size:clamp(2.25rem,5vw,4.2rem)}.display-title{font-size:clamp(1.65rem,3.2vw,2.7rem)}.page-title .accent,.display-title .accent{color:var(--kl-teal-dark);font-style:italic;font-weight:500}.page-lede{max-width:720px;margin:18px 0 0;color:#536575;font-size:clamp(1rem,1.8vw,1.16rem);line-height:1.72}.surface-panel{position:relative;overflow:hidden;padding:clamp(22px,3.3vw,36px);border:1px solid rgba(16,47,79,.12);border-radius:24px;background:linear-gradient(180deg,#fffffffc,#fafcfdfa);box-shadow:0 18px 42px #102f4f17,0 4px 11px #102f4f0d,inset 0 1px #fffffff5}.surface-panel.teal-edge:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,var(--kl-teal-bright),var(--kl-teal-dark))}.panel-grid-2,.panel-grid-3,.panel-grid-4{display:grid;gap:clamp(16px,2.4vw,24px)}.panel-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.clean-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}.clean-list li{position:relative;padding-left:22px;color:#4d6172}.clean-list li:before{content:"";position:absolute;left:1px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--kl-teal-bright);box-shadow:0 0 0 4px #19c7a81a}.gloss-button,.soft-button{width:fit-content;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 20px 13px;border-radius:999px;text-decoration:none;font-weight:850}.gloss-button{color:#fff;border:1px solid rgba(2,105,91,.48);background:linear-gradient(180deg,#2bd0b2,#0eaa92 52%,#087c6d);box-shadow:0 12px 22px #0aa78e40,inset 0 1px #ffffff73,inset 0 -3px 4px #00483d29}.soft-button{color:var(--kl-teal-dark);border:1px solid rgba(16,47,79,.12);background:linear-gradient(180deg,#fff,#edf3f6);box-shadow:0 8px 16px #102f4f1a,inset 0 1px #fff}.gloss-button:hover,.soft-button:hover{transform:translateY(-1px)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}@media (max-width: 820px){.panel-grid-4,.panel-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.page-title{font-size:clamp(2.05rem,11vw,3rem)}.panel-grid-2,.panel-grid-3,.panel-grid-4{grid-template-columns:1fr}.surface-panel{border-radius:21px}}.site-footer{margin-top:clamp(2rem,5vw,4rem);color:#eaf6fb;background:radial-gradient(circle at 50% -20%,rgba(25,199,168,.2),transparent 36%),linear-gradient(180deg,#103655,#082841);border-top:1px solid rgba(255,255,255,.08)}.foot-inner{max-width:var(--maxw);margin-inline:auto;padding:28px var(--pad) 24px;text-align:center}.foot-brand{width:clamp(180px,24vw,260px);margin:0 auto 18px;filter:brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0,0,0,.15));opacity:.95}.foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:12px}.foot-nav a{color:#e8f5fb;text-decoration:none;font-weight:700}.foot-nav a:hover{color:#fff;text-decoration:underline}.copyright{margin:0;color:#bdd2df;font-size:.9rem}@media (max-width: 720px){.site-header{position:relative}.nav-wrap{padding-inline:10px}.brand{gap:10px}.brand:before,.brand:after{max-width:54px;min-width:28px}.brand img{width:min(68vw,235px)}.main-nav{width:100%;padding:6px;border-radius:20px}.main-nav ul{min-width:0;grid-template-columns:repeat(6,auto);gap:5px}.main-nav a{min-height:45px;padding:8px clamp(7px,2.2vw,10px);border-radius:14px;font-size:clamp(.66rem,2.8vw,.79rem);white-space:nowrap}}@media (max-width: 390px){.main-nav{overflow-x:auto}.main-nav ul{min-width:575px}}@media (prefers-reduced-motion: no-preference){@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}main>*{animation:fadeUp .35s ease both}}
