
:root{--navy:#071827;--navy2:#0d2639;--ink:#142333;--muted:#667789;--line:#dfe7ed;--bg:#f6f9fb;--white:#fff;--teal:#0f9f9a;--teal2:#0a7f7b;--gold:#c9a35b;--shadow:0 18px 55px rgba(7,24,39,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.72}
a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{background:var(--navy);color:#dce7ef;font-size:13px}.top .wrap{display:flex;justify-content:space-between;gap:16px;padding:8px 22px}.top a{text-decoration:none;color:#fff}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,231,237,.9)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--navy),#153c55);display:grid;place-items:center;box-shadow:0 8px 22px rgba(7,24,39,.18)}.brand strong{font-size:15px;letter-spacing:.2px}.brand span{display:block;font-size:11px;color:var(--muted);margin-top:-3px}.navlinks{display:flex;gap:22px;font-size:14px}.navlinks a{text-decoration:none;color:#304352}.navlinks a:hover{color:var(--teal2)}.navcta{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 16px;text-decoration:none;font-weight:800;font-size:14px;border:1px solid transparent}.btn-primary{background:var(--teal);color:white;box-shadow:0 10px 24px rgba(15,159,154,.20)}.btn-dark{background:var(--navy);color:#fff}.btn-light{background:#fff;border-color:#d9e3e9;color:var(--ink)}
.hero{background:radial-gradient(circle at 78% 20%,rgba(15,159,154,.20),transparent 30%),linear-gradient(135deg,#061725,#0c2a3e 58%,#0a3547);color:white;padding:68px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#bfe8e5;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:2px;background:var(--gold)}h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-1.5px;margin:15px 0 20px}.hero p{font-size:18px;color:#d7e5ed;max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-note{font-size:12px;color:#a9becb}.visual{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:12px;box-shadow:0 25px 70px rgba(0,0,0,.20)}.visual img{display:block;width:100%;border-radius:18px}
main{padding:42px 0 90px}.toc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 25px;box-shadow:0 10px 30px rgba(7,24,39,.05);margin-bottom:38px}.toc strong{display:block;margin-bottom:9px}.toc ol{margin:0;padding-left:20px}.toc a{text-decoration:none;color:#24586d}.section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;margin:24px 0;box-shadow:0 8px 28px rgba(7,24,39,.045)}h2{font-size:30px;line-height:1.2;margin:0 0 16px;color:var(--navy)}h3{font-size:21px;line-height:1.3;color:var(--navy);margin:28px 0 10px}.lead{font-size:18px;color:#405666}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbfc)}.card h3{margin-top:0;font-size:19px}.badge{display:inline-block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#0c6e6b;background:#e4f6f5;border-radius:999px;padding:6px 10px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:620px}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f5f8fa;font-size:13px}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style:none}.checklist li{padding:14px 16px;background:#f7fafb;border:1px solid var(--line);border-radius:14px}.checklist li:before{content:"✓";color:var(--teal2);font-weight:900;margin-right:8px}.cta{background:linear-gradient(135deg,#0b2537,#0f6f73);color:#fff;border-radius:26px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px}.cta h2{color:#fff;margin-bottom:8px}.cta p{color:#d4e7eb;margin:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:800;color:var(--navy)}footer{background:#061724;color:#aebfc9;padding:42px 0 82px}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.foot h3{color:#fff;margin-top:0;font-size:16px}.foot a{color:#d9e7ed;text-decoration:none}.bottom{display:none}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related a{background:#f5f8fa;border:1px solid var(--line);border-radius:15px;padding:17px;text-decoration:none;font-weight:800;color:var(--navy)}.related a small{display:block;color:var(--muted);font-weight:500;margin-top:4px}
@media(max-width:900px){.navlinks{display:none}.hero-grid,.grid2,.foot{grid-template-columns:1fr}.hero{padding-top:45px}.visual{order:-1}.checklist,.related{grid-template-columns:1fr}.cta{display:block}.cta-actions{margin-top:20px}.top .wrap{display:block}.top .wrap span+span{display:none}.bottom{display:flex;position:fixed;z-index:50;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:9px;gap:8px}.bottom a{flex:1;text-align:center;padding:12px;border-radius:10px;text-decoration:none;font-weight:900}.bottom .wa{background:var(--teal);color:#fff}.bottom .tel{background:var(--navy);color:#fff}main{padding-bottom:105px}}
