:root{
  --bg:#070b14;--bg2:#0b1020;--panel:#10182a;--panel2:#111b31;
  --text:#f8fafc;--muted:#9ca9bd;--line:rgba(255,255,255,.09);
  --primary:#8b5cf6;--secondary:#22d3ee;--success:#34d399;
  --shadow:0 22px 70px rgba(0,0,0,.28);--radius:22px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:-20%;z-index:-3;background:
radial-gradient(circle at 18% 8%,rgba(139,92,246,.17),transparent 28%),
radial-gradient(circle at 82% 18%,rgba(34,211,238,.12),transparent 23%),
linear-gradient(180deg,#080d18 0%,#070b14 58%,#080d17 100%)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}.section{padding:92px 0}.section-sm{padding:60px 0}
.eyebrow{display:inline-flex;gap:9px;align-items:center;color:#c4b5fd;font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem}
.eyebrow:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--primary),var(--secondary))}
h1,h2,h3{line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}h1{font-size:clamp(3rem,7vw,6.5rem);max-width:950px}h2{font-size:clamp(2.25rem,4.7vw,4.3rem);max-width:840px}h3{font-size:1.25rem}.lead{font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--muted);max-width:750px}.muted{color:var(--muted)}
.gradient-text{background:linear-gradient(100deg,#fff 5%,#c4b5fd 45%,#67e8f9 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-header{position:sticky;top:0;z-index:80;background:rgba(7,11,20,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{flex:0 0 auto;display:flex;align-items:center}.brand img{width:360px;max-width:none;height:auto}.nav-links{display:flex;align-items:center;gap:20px;color:#cbd5e1;font-size:.91rem}.nav-links a:hover,.nav-links a.active{color:white}.nav-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 19px;border:1px solid var(--line);border-radius:14px;font-weight:800;transition:.2s;cursor:pointer;background:rgba(255,255,255,.03);color:white}
.btn:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.55)}.btn-primary{background:linear-gradient(135deg,var(--primary),#6d5cf5 60%,#0891b2);border-color:transparent;box-shadow:0 12px 34px rgba(109,92,245,.28)}.btn-secondary{background:#101827}
.mobile-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:transparent;color:white;font-size:1.35rem}
.hero{padding:92px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:center}.hero h1{font-size:clamp(3.2rem,6.2vw,6rem)}.hero-copy p{margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{margin-top:32px;display:flex;flex-wrap:wrap;gap:18px;color:#a8b4c8;font-size:.9rem}.trust-row span:before{content:"✓";color:var(--success);margin-right:8px}
.flow-card{position:relative;min-height:510px;border:1px solid var(--line);border-radius:32px;padding:28px;background:linear-gradient(160deg,rgba(139,92,246,.09),rgba(16,24,42,.82) 40%,rgba(34,211,238,.06));box-shadow:var(--shadow);overflow:hidden}
.flow-card:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(34,211,238,.15);border-radius:50%;right:-120px;top:-80px}
.flow-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#a5b4fc;font-weight:800}.flow{display:grid;gap:14px;margin-top:26px}.flow-node{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(7,11,20,.7)}.flow-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.15));font-size:1.1rem}.flow-node b{display:block}.flow-node small{color:var(--muted)}.flow-line{height:18px;width:2px;margin:-14px 0 -14px 20px;background:linear-gradient(var(--primary),var(--secondary));opacity:.6}
.logo-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.015)}.logo-strip .container{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;color:#7f8ba0;font-weight:800}.logo-strip b{color:#cbd5e1}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:.22s}.card:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.32);background:linear-gradient(180deg,rgba(139,92,246,.07),rgba(255,255,255,.016))}.card p{color:var(--muted);margin-bottom:0}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.24);margin-bottom:20px;font-size:1.35rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.process{counter-reset:steps;display:grid;gap:15px}.process-item{position:relative;padding:20px 20px 20px 72px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.process-item:before{counter-increment:steps;content:counter(steps);position:absolute;left:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--primary),#4338ca);font-weight:900}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:28px;border:1px solid var(--line);border-radius:20px;background:#0c1322}.metric strong{display:block;font-size:2.15rem;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:.9rem}
.case{display:flex;flex-direction:column;min-height:100%}.case .tag,.tag{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:rgba(34,211,238,.08);color:#67e8f9;font-size:.75rem;font-weight:800;border:1px solid rgba(34,211,238,.15)}.case-result{margin-top:auto;padding-top:22px;display:flex;gap:16px;border-top:1px solid var(--line)}.case-result b{font-size:1.45rem}.case-result small{display:block;color:var(--muted)}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{position:relative}.price-card.featured{border-color:rgba(139,92,246,.55);box-shadow:0 18px 60px rgba(90,55,180,.16)}.popular{position:absolute;right:18px;top:18px;font-size:.72rem;font-weight:900;padding:6px 9px;border-radius:999px;background:linear-gradient(90deg,var(--primary),#0891b2)}.price{font-size:2.4rem;font-weight:900;margin:15px 0 4px}.price small{font-size:.9rem;color:var(--muted);font-weight:600}.features{padding:0;list-style:none;margin:24px 0}.features li{padding:8px 0;color:#cbd5e1}.features li:before{content:"✓";color:var(--success);font-weight:900;margin-right:10px}
.faq{max-width:860px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;background:none;color:white;border:0;padding:21px 0;font-weight:800;cursor:pointer}.faq-a{max-height:0;overflow:hidden;transition:max-height .28s}.faq-a p{color:var(--muted);margin:0;padding:0 0 22px}.faq-item.open .faq-a{max-height:220px}.faq-item.open .faq-q span{transform:rotate(45deg)}
.cta{padding:48px;border:1px solid rgba(139,92,246,.34);border-radius:30px;background:radial-gradient(circle at 82% 30%,rgba(34,211,238,.12),transparent 30%),linear-gradient(135deg,rgba(139,92,246,.13),rgba(255,255,255,.02));display:flex;justify-content:space-between;align-items:center;gap:28px}.cta h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:10px}
.page-hero{padding:78px 0 50px}.page-hero h1{font-size:clamp(3rem,6vw,5.6rem)}.breadcrumb{color:#8391a7;font-size:.86rem;margin-bottom:22px}.breadcrumb a:hover{color:white}
.service-detail{display:grid;grid-template-columns:72px 1fr;gap:22px}.service-detail .icon{margin:0}
.form-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:#0c1322}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.88rem}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:13px;background:#080d18;color:white;padding:14px 15px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7c3aed}.field textarea{min-height:145px;resize:vertical}.form-status{margin-top:14px;color:#a7f3d0}
.blog-card a:hover h3{color:#c4b5fd}.article{max-width:800px;margin:auto}.article h2{font-size:2rem;margin-top:40px}.article p,.article li{color:#c3ccda}.article pre{overflow:auto;background:#0c1322;border:1px solid var(--line);padding:20px;border-radius:16px}
.site-footer{margin-top:80px;border-top:1px solid var(--line);background:#070a12}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr .9fr;gap:30px;padding:58px 0 38px}.footer-brand img{width:320px;max-width:100%;margin-bottom:16px}.footer-grid h4{margin:0 0 14px}.footer-links{display:grid;gap:9px;color:#9ba8bb}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;color:#77859a;font-size:.85rem;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(16px);transition:.6s}.reveal.visible{opacity:1;transform:none}
.notice{padding:14px 16px;border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.06);color:#fde68a;border-radius:14px;font-size:.9rem}
@media(max-width:900px){
 .nav-links,.nav-actions .btn-secondary{display:none}.mobile-toggle{display:block}.nav.open .nav-links{display:flex;position:absolute;left:18px;right:18px;top:72px;flex-direction:column;align-items:stretch;background:#0b1020;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
 .hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:64px}.flow-card{min-height:auto}.grid-3,.pricing{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
 .container{width:min(100% - 26px,var(--max))}.section{padding:72px 0}.hero{padding-top:50px}.hero h1{font-size:clamp(2.75rem,14vw,4.4rem)}.page-hero h1{font-size:clamp(2.6rem,13vw,4.2rem)}
 .grid-3,.grid-2,.pricing,.metrics,.form-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.card{padding:23px}.cta{padding:28px}.brand img{width:280px}.nav{height:76px}
}