*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#03050c;color:#fff}body:before{content:"";position:fixed;inset:0;background:url('../assets/images/hero-bg.svg') center/cover no-repeat;opacity:.38;z-index:-2}.header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px 9%;background:rgba(2,4,12,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.05em}.brand img{width:76px;height:52px;object-fit:contain}.brand span{font-size:24px;color:#159bff}.brand small{display:block;color:#fff;font-size:10px;letter-spacing:.38em}nav{display:flex;gap:30px;align-items:center}nav a{color:#fff;text-decoration:none;font-size:14px}.menu{display:none}.btn{display:inline-block;padding:14px 28px;border-radius:10px;background:linear-gradient(90deg,#0095ff,#982fff);color:#fff;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,.12)}.btn.ghost{background:transparent;border-color:#9149ff}.btn.small{padding:12px 22px}.hero{min-height:820px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding:60px 9%}.hero-logo img{width:100%;filter:drop-shadow(0 0 28px #0095ff)}.badge,.eyebrow{color:#139bff;font-weight:800;font-size:13px;letter-spacing:.12em}.hero h1{font-size:56px;line-height:1.08;margin:20px 0}.hero h1 span{color:#159bff}.hero-copy p{color:#d7deef;line-height:1.7}.actions{display:flex;gap:18px;margin:30px 0}.features{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.phone-card img{width:100%;border-radius:40px;filter:drop-shadow(0 35px 45px rgba(0,0,0,.65))}.section{padding:70px 9%;text-align:center}.section h2,.split h2,.contact h2{font-size:36px;margin:8px 0 12px}.center{max-width:580px;margin:0 auto 30px;color:#cfd7e6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cards article,.portfolio article{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(0,149,255,.45);border-radius:16px;padding:26px;text-align:left}.cards img{width:62px}.cards p,.portfolio p,.split p,.contact p{color:#cfd7e6;line-height:1.7}.split{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:center;padding:70px 9%;background:rgba(255,255,255,.03)}.split img{width:100%;border-radius:18px}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio img{width:100%;border-radius:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:900px;margin:30px auto}.steps span{padding:24px;border-radius:14px;border:1px solid #9149ff;background:rgba(255,255,255,.05);font-weight:800}.contact{text-align:center;padding:90px 9%;background:radial-gradient(circle at center,rgba(145,73,255,.28),transparent 55%)}footer{text-align:center;padding:25px;color:#a8b3c7;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:900px){.menu{display:block;background:none;border:0;color:#fff;font-size:28px}nav{display:none;position:absolute;right:9%;top:76px;flex-direction:column;background:#070b17;padding:25px;border:1px solid rgba(255,255,255,.15);border-radius:16px}nav.open{display:flex}.hero,.split{grid-template-columns:1fr;text-align:center}.hero{padding-top:25px}.hero h1{font-size:40px}.cards,.portfolio,.steps{grid-template-columns:1fr}.actions,.features{justify-content:center}.brand span{font-size:18px}}