:root{
--bg:#070b12;--bg2:#0c1220;--card:#111a2c;--line:#22304a;--text:#eef4fb;--muted:#9fb0c7;
--aqua:#22d3ee;--aqua2:#67e8f9;--deep:#0e7490;--white:#ffffff;--gold:#fbbf24;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--aqua2);text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:50;background:rgba(7,11,18,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{font-size:26px;font-weight:900;letter-spacing:.02em;color:var(--text)}
.logo span{color:var(--aqua)}
.logo small{display:block;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);font-weight:700}
nav ul{display:flex;gap:26px;list-style:none}
nav a{color:var(--text);font-weight:600;font-size:15px}
nav a:hover,nav a.active{color:var(--aqua)}
.btn{display:inline-block;background:var(--aqua);color:#04202b;font-weight:900;padding:14px 28px;border-radius:999px;border:0;cursor:pointer;font-size:16px}
.btn:hover{background:var(--aqua2)}
.btn.ghost{background:transparent;color:var(--text);border:2px solid var(--line)}
.btn.ghost:hover{border-color:var(--aqua);color:var(--aqua2)}
.hero{position:relative;min-height:560px;display:flex;align-items:center;background:url(images/hero.jpg) center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,18,.94) 0%,rgba(7,11,18,.72) 45%,rgba(7,11,18,.25) 100%)}
.hero .inner{position:relative;max-width:640px;padding:80px 0}
.hero h1{font-size:56px;line-height:1.05;letter-spacing:-.01em}
.hero h1 em{font-style:normal;color:var(--aqua)}
.hero p{color:var(--muted);font-size:19px;margin:20px 0 28px}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;color:var(--muted);font-size:14px}
.trust b{color:var(--text)}
section{padding:70px 0}
h2{font-size:36px;line-height:1.15;margin-bottom:12px}
h2 em{font-style:normal;color:var(--aqua)}
.lead{color:var(--muted);font-size:18px;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:36px}
.card{background:linear-gradient(160deg,rgba(34,211,238,.08),rgba(17,26,44,.9));border:1px solid var(--line);border-radius:18px;padding:28px}
.card h3{font-size:21px;margin:10px 0 8px}
.card p{color:var(--muted);font-size:15px}
.card .icon{font-size:34px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.split img{width:100%;border-radius:18px;border:1px solid var(--line);display:block}
.check{list-style:none;margin:18px 0}
.check li{padding:8px 0 8px 30px;position:relative;color:var(--muted)}
.check li::before{content:"✓";position:absolute;left:0;color:var(--aqua);font-weight:900}
.ba{position:relative;max-width:900px;margin:36px auto 0;border-radius:18px;overflow:hidden;border:1px solid var(--line);user-select:none}
.ba img{display:block;width:100%;height:auto}
.ba .top{position:absolute;inset:0;overflow:hidden;width:50%}
.ba .top img{max-width:none;height:100%;object-fit:cover}
.ba .handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background:var(--aqua);cursor:ew-resize;transform:translateX(-50%)}
.ba .knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--aqua);color:#04202b;font-weight:900;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:20px}
.ba .tag{position:absolute;top:14px;background:rgba(7,11,18,.8);border:1px solid var(--line);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.08em}
.ctaband{background:linear-gradient(120deg,var(--deep),#155e75);border-radius:22px;padding:44px;text-align:center;margin:70px 0 0}
.ctaband h2{margin-bottom:8px}
.ctaband p{color:#d6f6fd;margin-bottom:22px}
form label{display:block;font-weight:700;margin:16px 0 6px}
form input,form select,form textarea{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:13px 15px;font-size:16px}
form textarea{min-height:120px}
.formbox{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:34px}
.faq-item{border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden}
.faq-q{width:100%;text-align:left;background:var(--card);color:var(--text);border:0;padding:20px 22px;font-size:17px;font-weight:700;cursor:pointer}
.faq-a{display:none;padding:0 22px 20px;color:var(--muted)}
.faq-item.open .faq-a{display:block}
.mapbox{border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.mapbox iframe{width:100%;height:380px;border:0;display:block}
footer{border-top:1px solid var(--line);margin-top:70px;padding:44px 0 30px;color:var(--muted)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}
.foot h4{color:var(--text);margin-bottom:12px}
.foot ul{list-style:none}
.foot li{margin-bottom:8px}
.foot a{color:var(--muted)}
.fine{border-top:1px solid var(--line);margin-top:34px;padding-top:20px;font-size:13px}
.pill{display:inline-block;background:rgba(34,211,238,.14);border:1px solid var(--line);color:var(--aqua2);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:36px}
.step{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
.step .num{font-size:40px;font-weight:900;color:var(--aqua);line-height:1}
@media(max-width:820px){.split{grid-template-columns:1fr}.hero h1{font-size:40px}nav ul{display:none}.foot{grid-template-columns:1fr}}