:root{--navy:#102f3a;--ink:#173b47;--teal:#0c6b7e;--pale:#edf6f7;--muted:#5c737c;--line:#d6e5e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f7fbfc}
.top{background:#081d24;color:#dceef1;font-size:14px}.top .inner,.head,.section,.footer{max-width:1240px;margin:auto;padding-left:24px;padding-right:24px}
.top .inner{padding-top:9px;padding-bottom:9px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
header{background:#102f3a;position:sticky;top:0;z-index:50}.head{padding-top:16px;padding-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand img{width:50px}.brand strong{display:block;font-size:24px}.brand span{font-size:12px;color:#bdd4da}
nav{display:flex;gap:5px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:10px 11px;border-radius:9px}nav a:hover{background:rgba(255,255,255,.1)}
.hero{max-width:1240px;margin:40px auto 64px;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.hero h1{font-size:56px;line-height:1.02;margin:18px 0}.hero p{font-size:20px;line-height:1.65;color:var(--muted)}
.kicker{display:inline-block;padding:9px 14px;border-radius:999px;background:#e2f2f4;color:var(--teal);font-weight:800}.hero-art{width:100%;border-radius:34px}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;justify-content:center;padding:14px 21px;border-radius:11px;background:var(--teal);color:#fff;text-decoration:none;font-weight:800}.btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}
.section{margin-bottom:66px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px}.section-title h2{font-size:38px;margin:0}.section-title p{max-width:650px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 32px rgba(16,47,58,.08);display:grid;grid-template-columns:230px 1fr;min-height:270px}.card img{width:100%;height:100%;object-fit:cover}.card-body{padding:24px;display:flex;flex-direction:column}.card h3{font-size:24px;margin:0 0 11px}.card p{color:var(--muted);line-height:1.55}.card-main{position:absolute;inset:0;z-index:1}.card-actions{position:relative;z-index:2;margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}.card-actions .btn{font-size:14px;padding:11px 14px}
.band{background:#102f3a;color:#fff;border-radius:30px;padding:36px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{background:rgba(255,255,255,.08);padding:20px;border-radius:17px}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.panel,.info{background:#fff;border:1px solid var(--line);border-radius:25px;padding:32px}.panel h1,.panel h2{font-size:42px;margin-top:0}.panel p,.panel li,.info p{color:var(--muted);line-height:1.7}.visual{width:100%;border-radius:25px;border:1px solid var(--line)}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.quick a{padding:9px 13px;background:var(--pale);border-radius:999px;text-decoration:none;font-weight:700}
.cta{background:#e5f3f5;border:1px solid var(--line);border-radius:28px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:25px}
footer{background:#0b242d;color:#eaf5f7;margin-top:72px}.footer{padding-top:42px;padding-bottom:42px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}footer a{color:#dceef1}
@media(max-width:1000px){.hero,.content-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.head{display:block}.brand{margin-bottom:13px}.hero h1{font-size:40px}.card{grid-template-columns:1fr}.card img{height:220px}.section-title,.cta{display:block}.features,.info-grid,.footer{grid-template-columns:1fr}}