:root{--blue:#2F6FED;--deep:#173A8F;--ink:#12203A;--muted:#5A6B85;--bg:#F5F8FF;--card:#FFFFFF}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--blue);text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header{padding:20px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;font-size:22px;color:var(--blue);letter-spacing:.2px}
nav a{margin-left:22px;color:var(--muted);font-size:15px}
.hero{background:linear-gradient(160deg,var(--blue),var(--deep));color:#fff;padding:64px 0 72px;border-radius:0 0 40px 40px}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
h1{font-size:44px;line-height:1.25;margin:0 0 16px}
.hero p{font-size:18px;opacity:.92;margin:0 0 28px}
.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.btn{background:#fff;color:var(--blue);font-weight:700;padding:14px 26px;border-radius:999px;display:inline-block}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.phone{width:100%;max-width:300px;display:block;margin:0 auto;border-radius:26px;box-shadow:0 24px 60px rgba(8,20,50,.35)}
section{padding:64px 0}
h2{font-size:30px;margin:0 0 12px}
.lead{color:var(--muted);margin:0 0 36px;font-size:17px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:var(--card);border-radius:18px;padding:22px 24px;box-shadow:0 6px 24px rgba(18,32,58,.06)}
.card h3{margin:0 0 8px;font-size:18px}
.card p{margin:0;color:var(--muted);font-size:15px}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.shots img{width:100%;border-radius:18px;box-shadow:0 10px 30px rgba(18,32,58,.12)}
.dark{background:#0E1B33;color:#DCE6FF}
.dark h2{color:#fff}
.dark .lead{color:#9FB2D8}
.dark .card{background:#16264A;box-shadow:none}
.dark .card p{color:#A9BADB}
.qr{background:#fff;padding:12px;border-radius:16px;width:150px}
footer{padding:40px 0 60px;color:var(--muted);font-size:14px}
@media(max-width:760px){.hero .wrap{grid-template-columns:1fr}h1{font-size:32px}.hero{padding:44px 0 56px}}

.faq{background:var(--card);border-radius:14px;padding:16px 20px;margin:0 0 12px;box-shadow:0 4px 16px rgba(18,32,58,.05)}
.faq summary{cursor:pointer;font-weight:600;font-size:16px}
.faq p{margin:10px 0 0;color:var(--muted);font-size:15px}