:root{--navy:#102b36;--ink:#17333e;--teal:#0b6b83;--pale:#edf5f7;--white:#fff;--muted:#5a707a;--line:#d6e3e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f8fbfc}
.utility{background:#081b23;color:#d9edf2;font-size:14px}.utility .inner{max-width:1240px;margin:auto;padding:9px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.site-header{background:#102b36;position:sticky;top:0;z-index:30}.header-inner{max-width:1240px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand img{width:48px}.brand strong{font-size:25px;display:block}.brand span{font-size:12px;color:#bed7df}
.menu{display:flex;gap:5px;flex-wrap:wrap}.menu a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:10px;border-radius:9px}.menu a:hover{background:rgba(255,255,255,.1)}
.hero{max-width:1240px;margin:34px auto 56px;padding:0 24px;display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center}.hero h1{font-size:56px;line-height:1.03;margin:18px 0}.hero p{font-size:20px;line-height:1.65;color:var(--muted)}.hero-art{width:100%;border-radius:34px}
.kicker{display:inline-block;color:var(--teal);background:#e3f1f4;padding:9px 14px;border-radius:999px;font-weight:800}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;justify-content:center;padding:13px 20px;border-radius:11px;background:var(--teal);color:#fff;text-decoration:none;font-weight:800}.button.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}
.section{max-width:1240px;margin:0 auto 64px;padding:0 24px}.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)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 32px rgba(16,43,54,.08);display:flex;flex-direction:column}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:210px;object-fit:cover}.card-content{padding:22px;display:flex;flex-direction:column;flex:1}.card h3{font-size:23px;margin:0 0 11px}.card p{color:var(--muted);line-height:1.55}.card-main-link{position:absolute;inset:0;z-index:1}.card-actions{position:relative;z-index:2;margin-top:auto;display:grid;gap:10px}.card-actions a{pointer-events:auto}.wide{grid-column:span 2}
.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:31px;box-shadow:0 12px 32px rgba(16,43,54,.08)}.panel h1,.panel h2{font-size:40px;margin-top:0}.panel p,.panel li{color:var(--muted);line-height:1.7}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.visual{width:100%;border-radius:24px;border:1px solid var(--line)}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.info-box h3{margin-top:0}
.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}
footer{background:#0b222c;color:#e9f5f7;margin-top:70px}.footer-inner{max-width:1240px;margin:auto;padding:42px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}footer a{color:#d9edf2}
@media(max-width:1000px){.hero,.content-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.wide{grid-column:span 1}.info-grid{grid-template-columns:1fr}}
@media(max-width:720px){.header-inner{display:block}.brand{margin-bottom:12px}.hero h1{font-size:40px}.cards{grid-template-columns:1fr}.section-title{display:block}.footer-inner{grid-template-columns:1fr}}