:root{--blue:#0B6E8A;--blue-d:#08566D;--mint:#EAF6F6;--ink:#18323B;--mut:#4A6670;--navbg:#fff;--navfg:#18323B}
body{background:#fff;color:var(--ink);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.7}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:700}
p{margin:0 0 1em}
.sub{color:var(--mut);margin-bottom:2rem}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;padding:.9rem 1.7rem;border-radius:999px;transition:background .2s}
.btn:hover{background:var(--blue-d)}
.btn--o{background:#fff;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}.btn--o:hover{background:var(--mint)}
.hd{position:sticky;top:0;z-index:50;background:#fff;display:flex;align-items:center;gap:20px;padding:12px 24px;box-shadow:0 2px 12px rgba(11,110,138,.1)}
.hd a{color:var(--ink);text-decoration:none}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;margin-right:auto;color:var(--blue)!important}
.hd nav{display:flex;gap:24px;font-size:.95rem}.hd nav a:hover{color:var(--blue)}
.hd__cta{background:var(--blue);color:#fff!important;padding:.55rem 1.2rem;border-radius:999px;font-weight:600;font-size:.9rem}
@media(max-width:899px){.hd__cta{display:none}}
.hero{display:grid;gap:30px;align-items:center;padding:48px 24px;max-width:1160px;margin:0 auto}
@media(min-width:900px){.hero{grid-template-columns:1.1fr 1fr;padding:72px 24px}}
.chip{display:inline-block;background:var(--mint);color:var(--blue-d);font-weight:700;font-size:.85rem;padding:.35rem 1rem;border-radius:999px}
.hero h1{font-size:clamp(2rem,5.5vw,3.2rem);font-weight:700}
.lead{font-size:1.1rem;color:var(--mut);max-width:540px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.art svg{width:100%;height:auto;max-width:480px;display:block;margin:0 auto}
.sec{padding:72px 24px;max-width:1160px;margin:0 auto}
.sec h2{font-size:clamp(1.7rem,4.5vw,2.3rem)}
.sec--mint{max-width:none;background:var(--mint);padding-left:max(24px,calc((100% - 1160px)/2 + 24px));padding-right:max(24px,calc((100% - 1160px)/2 + 24px))}
.spec{display:grid;gap:16px}
@media(min-width:600px){.spec{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.spec{grid-template-columns:repeat(3,1fr)}}
.spec article{background:#fff;border:1px solid #D3E6EA;border-radius:22px;padding:24px;transition:box-shadow .2s}
.spec article:hover{box-shadow:0 12px 30px rgba(11,110,138,.12)}
.spec h3{font-size:1.1rem;margin-bottom:.2em}.spec p{color:var(--mut);margin:0;font-size:.95rem}
.ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--mint);margin-bottom:12px}
.ico svg{width:26px;height:26px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.flow{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:18px}
@media(min-width:800px){.flow{grid-template-columns:repeat(4,1fr)}}
.flow li{background:#fff;border-radius:22px;padding:24px;position:relative}
.flow b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;margin-bottom:10px}
.flow h3{font-size:1.1rem}.flow p{color:var(--mut);margin:0;font-size:.95rem}
.team{display:grid;gap:16px}
@media(min-width:700px){.team{grid-template-columns:repeat(3,1fr)}}
.team article{text-align:center;border:1px solid #D3E6EA;border-radius:22px;padding:26px 18px}
.team svg{width:84px;height:84px;margin-bottom:10px}
.team h3{font-size:1.05rem;margin-bottom:.1em}.team p{color:var(--mut);margin:0;font-size:.95rem}.team small{font-size:.8rem}
.notice{margin-top:24px;background:#FFF8E6;border:1px solid #F0DDA8;border-radius:14px;padding:16px 18px;color:#5A4A12;font-size:.92rem}
.faq details{background:#fff;border-radius:16px;margin-bottom:10px;padding:2px 20px}
.faq summary{font-weight:600;padding:16px 0}.faq p{color:var(--mut)}
.cbox{display:grid;gap:18px;align-items:center;background:linear-gradient(135deg,#0B6E8A,#08566D);color:#fff;border-radius:26px;padding:36px 28px}
.cbox h2{color:#fff}.cbox p{margin:0;color:#DCF1F6}
.cbox .btn{background:#fff;color:var(--blue-d);justify-self:start}.cbox .btn:hover{background:var(--mint)}
@media(min-width:800px){.cbox{grid-template-columns:1fr auto;padding:48px}}
.ft{background:#0C2F3A;color:#B9D6DE;text-align:center;padding:30px 20px}
.ft a{color:#fff}.ft p{margin:.3rem 0}
.ph__tag{position:absolute;z-index:2;left:8px;bottom:8px;background:rgba(8,86,109,.93);color:#fff;font:700 10px/1 system-ui,sans-serif;padding:5px 9px;border-radius:999px}
.art{position:relative;width:100%;max-width:480px;margin:0 auto}
.art__ph{--ar:2.065;position:absolute;left:6%;bottom:2%;width:min(80%,380px);border-radius:18px;border:6px solid #fff;box-shadow:0 18px 40px rgba(11,110,138,.28)}
.ph--sm{--ar:1.951;width:min(100%,359px);border-radius:20px;margin:0 0 24px;box-shadow:0 10px 26px rgba(11,110,138,.15)}