*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
body{margin:0;background:#F3F6F9;font-family:'Manrope',system-ui,sans-serif;color:#0A1B2E;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Bricolage Grotesque','Manrope',sans-serif;margin:0;letter-spacing:-0.025em;line-height:1.06}
p{margin:0}
button{font-family:inherit;cursor:pointer}
img{display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;border:0;transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap;font-family:inherit}
.btn-primary{background:var(--accent);color:#06121F}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,153,219,.38)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-dark{background:#0A1B2E;color:#fff}
.btn-dark:hover{background:#15385A}
.btn-wa{background:#0E7A3B;color:#fff}
.btn-wa:hover{background:#0B6531}
.btn-off{background:#E3E9EF;color:#5B6B7B;cursor:not-allowed}
.nl{background:none;border:0;font-size:15px;font-weight:600;color:#0A1B2E;padding:10px 14px;border-radius:8px;position:relative;display:inline-flex;align-items:center;gap:6px}
.nl:hover{background:#EDF2F7}
.nl.on{color:#0072AB}
.nl.on::after{content:'';position:absolute;left:14px;right:14px;bottom:1px;height:2px;background:var(--accent);border-radius:2px}
.dd{position:relative}
.dd-menu{display:none;position:absolute;top:calc(100% - 2px);left:0;min-width:270px;background:#fff;border:1px solid #DCE3EA;border-radius:14px;padding:8px;box-shadow:0 24px 60px rgba(10,27,46,.16);flex-direction:column;gap:2px}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:flex}
.dd-item{background:none;border:0;text-align:left;padding:12px 14px;border-radius:10px;display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:700;color:#0A1B2E}
.dd-item span{font-size:13px;font-weight:500;color:#4A5B6C}
.dd-item:hover{background:#EDF2F7}
.card{background:#fff;border:1px solid #DCE3EA;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(10,27,46,.11)}
.link{color:#0072AB;font-weight:700;background:none;border:0;padding:0;font-size:15px;display:inline-flex;gap:8px;align-items:center}
.link:hover{text-decoration:underline}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0072AB}
.eyebrow-d{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.dark{background-color:#0A1B2E;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;position:relative;overflow:hidden;color:#fff}
.glow{position:absolute;right:-160px;top:-200px;width:720px;height:720px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,153,219,.30),rgba(0,153,219,0));pointer-events:none}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.chip{height:42px;padding:0 18px;border-radius:999px;border:1.5px solid #CBD5DF;background:#fff;font-weight:700;font-size:14px;color:#0A1B2E}
.chip:hover{border-color:#0A1B2E}
.chip.on{background:#0A1B2E;color:#fff;border-color:#0A1B2E}
.tab{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.18);color:#fff;border-radius:14px;padding:18px 22px;text-align:left;display:flex;flex-direction:column;gap:4px;font-size:20px;font-weight:700;font-family:'Bricolage Grotesque','Manrope',sans-serif}
.tab span{font-family:'Manrope',sans-serif;font-size:13px;font-weight:500;color:#B8C7D6}
.tab:hover{background:rgba(255,255,255,.12)}
.tab.on{background:var(--accent);border-color:var(--accent);color:#06121F}
.tab.on span{color:#06324A}
.in{width:100%;height:52px;border:1.5px solid #B9C5D1;border-radius:10px;padding:0 14px;font:inherit;font-size:15px;background:#fff;color:#0A1B2E}
textarea.in{height:auto;min-height:150px;padding:14px;resize:vertical;line-height:1.5}
.in:focus{outline:none;border-color:#0099DB;box-shadow:0 0 0 4px rgba(0,153,219,.2)}
.lb{font-size:13px;font-weight:700;margin-bottom:8px;display:block;color:#0A1B2E}
.tag{display:inline-block;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:#E6F3FB;color:#00537F}
.pill{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff}
.icon-box{width:52px;height:52px;border-radius:14px;background:#E6F3FB;color:#00537F;display:flex;align-items:center;justify-content:center;flex:none}
.foot-link{background:none;border:0;padding:6px 0;color:#C5D2DF;font-size:15px;text-align:left}
.foot-link:hover{color:#fff}
.zoom{overflow:hidden}
.zoom img{transition:transform .5s}
.card:hover .zoom img{transform:scale(1.05)}
@media (max-width:900px){
.g4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.g3,.g2,.split{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
.wrap{padding:0 20px!important}
.hero-h{font-size:42px!important}
.h2{font-size:32px!important}
.hdr{flex-wrap:wrap;height:auto!important;padding:12px 20px!important}
.nl-row{flex-wrap:wrap}
.sec{padding:56px 0!important}
.hidem{display:none!important}
.tabs{flex-direction:column}
}
.cat[hidden]{display:none}
.pf[hidden]{display:none}
.okmsg{padding:16px 18px;border-radius:12px;background:#E3F4EA;color:#0B5B2C;font-weight:700;font-size:15px;line-height:1.5}
.errmsg{padding:16px 18px;border-radius:12px;background:#FDECEC;color:#8A1F1F;font-weight:700;font-size:15px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.site{--accent:#0099DB}
select.in{appearance:auto}
.soc{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background .15s,color .15s,border-color .15s}
.soc:hover{background:#0099DB;border-color:#0099DB;color:#06121F}