:root{--bg:#050816;--card:#0f172a;--card2:#111c34;--text:#e8eeff;--muted:#a8b5cf;--line:rgba(255,255,255,.10);--blue:#4d7cfe;--cyan:#00c6ff;--green:#00e5a0;--purple:#8b5cf6;--max:1180px;--r:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% -10%,rgba(77,124,254,.22),transparent 30%),radial-gradient(circle at 90% 0,rgba(139,92,246,.18),transparent 28%),linear-gradient(180deg,#050816,#07101f 55%,#050816);line-height:1.65}
a{color:inherit;text-decoration:none} .container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:86px 0}.section-sm{padding:54px 0}.grid{display:grid;gap:24px}
header{position:sticky;top:0;z-index:10;background:rgba(5,8,22,.83);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px;letter-spacing:-.04em}.mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--purple));display:grid;place-items:center;color:#fff;font-size:13px;box-shadow:0 10px 30px rgba(77,124,254,.25)}
.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{font-size:14px;color:var(--muted);font-weight:700}.navlinks a:hover{color:white}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;border:1px solid var(--line);font-weight:800;color:#fff}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--purple));border-color:rgba(77,124,254,.4);box-shadow:0 14px 34px rgba(77,124,254,.25)}.btn:hover{transform:translateY(-1px)}
.hero{padding:90px 0 70px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.badge{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border-radius:999px;border:1px solid rgba(77,124,254,.28);background:rgba(77,124,254,.09);color:#9fc0ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}
h1,h2,h3{line-height:1.08;margin:0 0 14px;letter-spacing:-.04em}h1{font-size:clamp(42px,6vw,78px)}h2{font-size:clamp(30px,4vw,52px)}h3{font-size:clamp(20px,2.2vw,28px)}p{color:#c6d3ea;margin:0 0 16px}.lead{font-size:clamp(16px,1.6vw,20px);max-width:760px;color:#d5def2}.accent{background:linear-gradient(135deg,#fff,#93c5fd 55%,#a78bfa);-webkit-background-clip:text;color:transparent}
.card{background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 70px rgba(0,0,0,.35)}.pad{padding:28px}.hero-card{padding:22px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.metric{padding:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.metric b{display:block;font-size:26px}.metric span{font-size:12px;color:var(--muted)}
.logos{display:flex;gap:34px;flex-wrap:wrap;align-items:center;justify-content:center;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#7585a0;font-weight:900}.logos strong{color:#dbe7ff}
.cols3{grid-template-columns:repeat(3,1fr)}.cols2{grid-template-columns:repeat(2,1fr)}.service,.case,.price,.blog-card{padding:28px}.service ul,.case ul{margin:14px 0 0;padding-left:20px;color:#c6d3ea}.service li,.case li{margin-bottom:8px}.icon{font-size:28px;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(77,124,254,.10);border:1px solid rgba(77,124,254,.22);margin-bottom:16px}
.price.featured{border-color:rgba(77,124,254,.45);box-shadow:0 30px 80px rgba(77,124,254,.16)}.price-num{font-size:54px;font-weight:900;letter-spacing:-.06em;margin:12px 0}.price small{color:var(--muted);font-size:15px}.list{display:grid;gap:12px;margin:22px 0}.list div{display:flex;gap:10px}.check{color:var(--green);font-weight:900}
.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tag{font-size:12px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#cbd8ef}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.mini b{display:block;font-size:21px}.mini span{font-size:11px;color:var(--muted)}
form{display:grid;gap:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:14px 15px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font:inherit}textarea{min-height:110px}input::placeholder,textarea::placeholder{color:#8190aa}button{cursor:pointer}.submit{padding:15px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));color:white;font-weight:900;font-size:15px}
.faq{display:grid;gap:13px}.faq details{padding:18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03)}summary{font-weight:900;cursor:pointer}.faq p{margin-top:10px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{display:block;transition:.2s}.blog-card:hover{transform:translateY(-4px);border-color:rgba(77,124,254,.35)}.blog-meta{font-size:12px;color:#8ea4c9;font-weight:800;margin-bottom:10px}.read{color:#9fc0ff;font-weight:900;font-size:14px}
.article{max-width:820px;margin:auto}.article h1{font-size:clamp(34px,5vw,58px)}.article h2{font-size:clamp(26px,3vw,38px);margin-top:46px}.article h3{margin-top:30px}.article p,.article li{font-size:17px;color:#cbd8ef}.article ul,.article ol{padding-left:24px}.callout{padding:22px;border-left:4px solid var(--blue);background:rgba(77,124,254,.09);border-radius:14px;margin:28px 0}
footer{padding:52px 0 24px;border-top:1px solid var(--line);background:rgba(5,8,22,.7)}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}.foot a{display:block;color:#9baac6;margin:7px 0}.foot a:hover{color:white}.bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:#7686a3;font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:900px){.hero-grid,.cols3,.cols2,.blog-grid,.foot{grid-template-columns:1fr}.navlinks{display:none}.metric-row,.case-metrics,.row{grid-template-columns:1fr}.section{padding:64px 0}}