:root{--bg:#07111f;--panel:#0d1b2f;--text:#f7f9fc;--muted:#9eabc0;--line:rgba(255,255,255,.10);--brand:#6ee7ff;--brand2:#8b5cf6;--light:#f7f8fb;--ink:#101828;--green:#23c483}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);color:#fff}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;letter-spacing:.08em;font-size:20px}.logo span{color:var(--brand)}.navlinks{display:flex;gap:24px;align-items:center;font-size:14px}.navlinks a{color:#dbe6f5}.navlinks a:hover{color:var(--brand)}.navbtn{padding:11px 17px;border-radius:10px;background:#fff;color:#0b1320!important;font-weight:800}.menu{display:none;color:#fff;font-size:28px}
.hero{background:radial-gradient(circle at 15% 20%,rgba(110,231,255,.14),transparent 30%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.18),transparent 35%),var(--bg);color:#fff;padding:90px 0 80px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#c8d5e8;font-size:13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:22px 0}.hero h1 em{font-style:normal;color:var(--brand)}.hero p{font-size:18px;line-height:1.8;color:#b9c6d9;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;font-weight:800;border:1px solid var(--line);cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--brand),#b8f4ff);color:#06111c;border:0}.btn-dark{background:#101c30;color:#fff}.btn-outline{background:transparent;color:#fff}.hero-card{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.hero-card .top{display:flex;justify-content:space-between;align-items:center;color:#a9b8cd}.metric{font-size:48px;font-weight:900;margin:20px 0 4px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.mini{padding:16px;background:rgba(255,255,255,.06);border-radius:14px}.mini b{display:block;font-size:18px}.mini small{color:#94a3b8}
.section{padding:88px 0}.section.dark{background:var(--bg);color:#fff}.section.soft{background:var(--light)}.section-head{max-width:760px;margin-bottom:40px}.kicker{color:#5b5bd6;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:10px 0 15px}.section-head p{color:#667085;font-size:17px;line-height:1.8}.dark .section-head p{color:#9eabc0}
.grid{display:grid;gap:18px}.services{grid-template-columns:repeat(4,1fr)}.service{padding:25px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;transition:.2s}.service:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(16,24,40,.09)}.service .icon{font-size:28px}.service h3{margin:15px 0 8px}.service p{color:#667085;line-height:1.65;font-size:14px}.service a{font-weight:800;font-size:13px}
.process{grid-template-columns:repeat(4,1fr)}.step{padding:25px;background:#fff;border-radius:18px;border:1px solid #e5e7eb}.step-num{font-size:12px;font-weight:900;color:#5b5bd6}.step h3{margin:10px 0}.step p{color:#667085;line-height:1.65}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.stat{padding:28px;background:#0d1b2f}.stat strong{font-size:36px;display:block}.stat span{color:#9eabc0}
.cta{background:linear-gradient(135deg,#0b1729,#182b49);color:#fff;border-radius:26px;padding:45px;display:flex;justify-content:space-between;gap:25px;align-items:center}.cta p{color:#aebbd0}
.faq{border-top:1px solid #e5e7eb;padding:20px 0}.faq summary{font-weight:800;cursor:pointer}.faq div{color:#667085;padding-top:12px;line-height:1.7}
footer{background:#050c17;color:#a9b5c7;padding:55px 0 25px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.foot-title{color:#fff;font-weight:900;margin-bottom:14px}.foot a{display:block;margin:8px 0;font-size:14px}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:13px}

.form-wrap{max-width:920px;margin:auto;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:30px;box-shadow:0 25px 70px rgba(16,24,40,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-weight:800;font-size:13px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #d0d5dd;border-radius:10px;font:inherit}.field textarea{min-height:130px}.full{grid-column:1/-1}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check{border:1px solid #e5e7eb;border-radius:10px;padding:12px;display:flex;gap:8px;align-items:center;font-size:13px}.estimate{margin-top:20px;padding:20px;border-radius:16px;background:#f2f8ff;border:1px solid #cfe9ff}.estimate strong{font-size:30px}
@media(max-width:950px){.services{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.navlinks{display:none}.menu{display:block}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.services,.process,.form-grid,.feature-grid,.foot-grid{grid-template-columns:1fr}.hero{padding:65px 0}.section{padding:65px 0}.hero-card{display:none}.cta{padding:28px;display:block}.stats{grid-template-columns:1fr 1fr}}