:root{--blue:#0011FF;--orange:#FF7A00;--ink:#070913;--muted:#5b6372;--line:#e3e7ef}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f8fb;color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.site-head{background:#05060c;color:#fff}
.head-in{width:min(1080px,calc(100% - 40px));margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.head-in img{height:25px;display:block}
.head-in nav{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:700}
.head-in nav a{color:rgba(255,255,255,.78)}
.head-wa{background:var(--orange);color:#080a12!important;padding:10px 14px;border-radius:999px}
.hero{background:radial-gradient(800px 420px at 75% 10%,rgba(0,17,255,.25),transparent 65%),#05060c;color:#fff;padding:70px 20px 72px}
.wrap{width:min(900px,100%);margin:auto}
.crumb{font-size:12px;color:rgba(255,255,255,.52);margin-bottom:24px}
.crumb a{color:#9ec6ff}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#ff9b42}
h1{font-family:'Baloo 2',Arial,sans-serif;font-size:clamp(40px,6vw,64px);line-height:1.02;letter-spacing:-1px;margin:10px 0 18px;max-width:900px}
.hero p{max-width:760px;font-size:18px;line-height:1.7;color:rgba(255,255,255,.72)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;padding:13px 18px;border-radius:999px;font-weight:800}
.btn-primary{background:var(--orange);color:#070913!important}
.btn-ghost{border:1px solid rgba(255,255,255,.22);color:#fff!important}
main{padding:64px 20px}
.content{width:min(900px,100%);margin:auto}
.content h2{font-family:'Baloo 2',Arial,sans-serif;font-size:34px;line-height:1.08;margin:52px 0 14px}
.content h2:first-child{margin-top:0}
.content h3{font-size:20px;margin:30px 0 10px}
.content p,.content li{color:var(--muted);font-size:16px;line-height:1.75}
.content ul{padding-left:22px}
.callout{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin:28px 0}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.card h3{margin:0 0 8px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px;margin:10px 0}
.faq summary{font-weight:800;cursor:pointer;padding:16px 0}
.faq details p{margin:0 0 18px}
.local{background:#0a0c15;color:#fff;border-radius:24px;padding:28px;margin-top:52px}
.local h2{color:#fff;margin:0 0 10px}
.local p{color:rgba(255,255,255,.7)}
.service-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.service-nav a{font-size:13px;font-weight:800;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px}
footer{border-top:1px solid var(--line);padding:34px 20px 48px;color:#6a7180;font-size:12px;line-height:1.8}
footer>div{width:min(900px,100%);margin:auto}
@media(max-width:700px){
  .head-in{width:min(100% - 28px,1080px)}
  .head-in nav a:not(.head-wa){display:none}
  .hero{padding-top:54px}
  .cards{grid-template-columns:1fr}
}