:root{--bg:#fff;--ink:#0e1b2a;--muted:#54627a;--line:#e2e8f0;--acc:#2563c9;--dark:#0e1b2a;--soft:#f1f5fb;font-family:"Inter",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65}
header.hd{display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:5}
header.hd .logo{font-weight:900;font-size:1.3rem;text-decoration:none;color:var(--ink)}
header.hd .logo b{color:var(--acc)}
header.hd nav{display:flex;gap:26px;align-items:center}
header.hd nav a{text-decoration:none;color:var(--muted);font-weight:600}
header.hd nav a.active,header.hd nav a:hover{color:var(--ink)}
header.hd .cta{background:var(--acc);color:#fff;padding:11px 20px;border-radius:8px;text-decoration:none;font-weight:700}
.band{padding:74px 6vw}
.band.dark{background:var(--dark);color:#eaf1fb}
.band.soft{background:var(--soft)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.hero .tag{color:var(--acc);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}
.band.dark .hero .tag{color:#7fb0ff}
.hero h1{font-size:clamp(2.5rem,4.6vw,4.4rem);line-height:1.04;margin:14px 0 18px;letter-spacing:-.02em}
.hero p{font-size:1.18rem;color:#c7d4e8;max-width:54ch}
.hero .acts{margin-top:26px;display:flex;gap:16px;flex-wrap:wrap}
.btn{background:var(--acc);color:#fff;text-decoration:none;padding:14px 26px;border-radius:8px;font-weight:800}
.btn.alt{background:transparent;border:1px solid #4d6488;color:#eaf1fb}
.hero img{width:100%;height:clamp(300px,36vw,460px);object-fit:cover;border-radius:14px}
.h2{font-size:clamp(1.8rem,3.2vw,2.8rem);margin:0 0 12px;letter-spacing:-.01em;text-align:center}
.sub{color:var(--muted);text-align:center;max-width:60ch;margin:0 auto 36px;font-size:1.1rem}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.col{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}
.band.dark .col{background:#16273c;border-color:#23344b}
.col .n{color:var(--acc);font-weight:900;font-size:1.4rem}
.col h3{margin:6px 0 8px}.col p{color:var(--muted);margin:0}
.band.dark .col p{color:#a9b8d0}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.feat img{width:100%;height:clamp(280px,30vw,400px);object-fit:cover;border-radius:14px}
.ul{list-style:none;padding:0;margin:18px 0 0}
.ul li{padding:12px 0 12px 30px;position:relative;border-bottom:1px solid var(--line)}
.ul li::before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:800}
.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:n}
.steps .st{counter-increment:n;padding-top:20px;border-top:3px solid var(--acc)}
.steps .st b{color:var(--acc);font-size:.9rem}.steps .st p{color:var(--muted)}
.formband{display:grid;grid-template-columns:1fr 480px;gap:50px;align-items:center}
.form{background:#fff;border-radius:14px;padding:30px;display:grid;gap:14px;box-shadow:0 20px 50px rgba(14,27,42,.16)}
.form label{font-weight:700;display:grid;gap:6px;color:var(--ink)}
.form input{border:1px solid var(--line);border-radius:8px;padding:13px;font:inherit}
.form .cons{font-weight:400;font-size:.86rem;color:var(--muted);display:flex;gap:9px}
.form .hp{position:absolute;left:-6000px}
.form button{background:var(--acc);color:#fff;border:0;padding:14px;border-radius:8px;font-weight:800;cursor:pointer}
.form .note{font-size:.82rem;color:var(--muted);margin:0}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gal img{width:100%;height:230px;object-fit:cover;border-radius:12px}
.faq{max-width:820px;margin:0 auto}
.faq details{border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:12px;background:#fff}
.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}
.legal{max-width:820px;margin:0 auto}.legal h2{font-size:1.2rem;color:var(--acc);margin:24px 0 6px}.legal p{color:var(--muted)}
footer.ft{background:var(--dark);color:#a9b8d0;padding:44px 6vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer.ft a{color:#cdd9ec;text-decoration:none;margin-right:16px}
footer.ft .big{color:#fff;font-weight:900;font-size:1.3rem}
@media(max-width:900px){.hero,.cols,.feat,.cols4,.steps,.formband,.gal{grid-template-columns:1fr}header.hd nav{display:none}}