*{margin:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}
:root{--navy:#0d1f3c;--navy2:#12294d;--blue:#2f6fce;--blue2:#1c4680;--ink:#16233b;--mut:#5d6b82;--mut2:#6a7890;--line:#e8ecf2;--bg:#fbfcfe}
body{color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{text-decoration:none}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);z-index:10}
.logo{font-weight:900;font-size:17px;letter-spacing:0.14em;color:var(--navy2)}
.logo span{color:var(--blue)}
.links a{color:#3c4b63;margin-left:26px;font-size:13.5px;font-weight:600}
.links a.on{color:var(--blue);border-bottom:2px solid var(--blue);padding-bottom:3px}
.burger{display:none;background:none;border:none;font-size:24px;color:var(--navy2)}
.head{background:linear-gradient(160deg,#0d1f3c 0%,#123059 55%,#1c4680 100%);color:#fff;padding:74px 6vw}
.head .kick{color:#8fb8ee;font-size:11.5px;font-weight:800;letter-spacing:0.22em;margin-bottom:14px;text-transform:uppercase}
.head h1{font-size:clamp(28px,4.4vw,44px);line-height:1.14;max-width:680px;font-weight:850}
.head p{margin-top:18px;max-width:580px;color:#c7d6ec;font-size:16px;line-height:1.65}
.cta{display:inline-block;margin-top:28px;background:var(--blue);color:#fff;padding:14px 30px;border-radius:8px;font-weight:800;font-size:14px}
.cta.ghost{background:transparent;border:1.5px solid #5d87c8;margin-left:12px}
.strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.strip div{text-align:center;padding:26px 8px;border-right:1px solid var(--line)}
.strip div:last-child{border-right:none}
.strip b{display:block;font-size:24px;color:var(--navy2)}
.strip span{font-size:11.5px;color:var(--mut2);text-transform:uppercase;letter-spacing:0.1em}
.sect{padding:64px 6vw}
.sect.alt{background:#f4f7fb}
.kick{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:0.2em;text-transform:uppercase}
.sect h2{font-size:clamp(22px,3vw,30px);margin:10px 0 30px;color:var(--navy2)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{border:1px solid var(--line);border-radius:14px;padding:26px;background:var(--bg)}
.card .ic{font-size:26px;margin-bottom:12px}
.card h3,.card b{font-size:15.5px;margin-bottom:8px;color:var(--navy2);display:block}
.card p,.card span{font-size:13.5px;color:var(--mut);line-height:1.65}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.split h2{font-size:26px;color:var(--navy2);margin-bottom:14px}
.split p{color:#4a5870;line-height:1.75;font-size:15px;margin-bottom:12px}
.tl{border-left:3px solid var(--blue);padding-left:20px}
.tl div{margin-bottom:16px}
.tl b{color:var(--navy2);display:block;font-size:14.5px}
.tl span{color:var(--mut2);font-size:13px}
.note{margin-top:26px;background:#f0f5fc;border:1px solid #d8e4f5;border-radius:12px;padding:20px 24px;color:#3c4b63;font-size:14px;line-height:1.7}
.note b{color:var(--navy2)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:720px}
.form input,.form textarea{border:1px solid #d5dce7;border-radius:8px;padding:13px;font-size:14px;background:var(--bg);font-family:inherit}
.form textarea{grid-column:1/-1;height:120px;resize:vertical}
.form button{grid-column:1/-1;background:var(--blue);color:#fff;border:none;padding:14px;border-radius:8px;font-weight:800;font-size:14px;cursor:pointer}
.info{display:flex;flex-wrap:wrap;gap:36px;margin-top:28px;color:#4a5870;font-size:14px}
.info b{color:var(--navy2);display:block;margin-bottom:4px}
.foot{background:var(--navy);color:#9fb2cf;padding:40px 6vw;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}
.foot b{color:#fff;letter-spacing:0.12em}
@media(max-width:760px){
  .links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 6vw 18px;flex-direction:column}
  .links.open{display:flex}
  .links a{margin:10px 0 0}
  .burger{display:block}
  .strip{grid-template-columns:1fr 1fr}
  .strip div:nth-child(2n){border-right:none}
  .split{grid-template-columns:1fr}
  .form{grid-template-columns:1fr}
}