:root{--bg:#071323;--bg2:#0a1a30;--panel:#10233c;--blue:#368cff;--cyan:#7bb9ff;--text:#f3f7ff;--muted:#a9b8cb;--line:#253a55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1160px;margin:auto;padding:0 25px}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;max-width:1210px;margin:auto;padding:0 25px;position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:12px;font-size:17px;font-weight:850;letter-spacing:1.6px;white-space:nowrap}.brand b{color:var(--blue)}.mark{display:block;width:40px;height:36px;flex:none;filter:drop-shadow(0 0 8px #368cff55)}.blue{color:var(--blue)}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:650}nav>a:not(.navcta){color:#c4d0df}nav>a:hover,.text-link:hover{color:var(--cyan)}.navcta{background:#2578ed;padding:11px 17px;border-radius:7px}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{position:relative;overflow:hidden;border-top:1px solid #162b46;background:radial-gradient(ellipse at 80% 50%,#12396b 0%,transparent 52%),linear-gradient(135deg,#061121,#0a1a32 70%,#071528);padding:100px 0 120px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.6px;font-weight:800;color:var(--cyan)}.dot{display:inline-block;width:7px;height:7px;background:#42b2ff;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #42b2ff}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5vw,72px);line-height:1.1;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:17px;color:var(--muted);max-width:540px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:7px;padding:14px 22px;font-weight:750;font-size:14px;border:1px solid #3b5779;cursor:pointer}.primary{background:#287bf2;border-color:#287bf2;color:white;box-shadow:0 8px 24px #1255b333}.primary:hover{background:#4492ff}.ghost{background:#ffffff08}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;color:#a9c2df;font-size:12px}.visual{position:relative;min-width:0}.browser{border:1px solid #5276a3;border-radius:13px;background:#091628;box-shadow:0 30px 80px #0009,0 0 60px #287bf21b;overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(3deg)}.browser-top{height:36px;background:#18283e;border-bottom:1px solid #2b4361;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;color:#8297b3}.lights{color:#5180b9;letter-spacing:4px}.demo{background:linear-gradient(145deg,#101d32,#0a1629);padding:24px}.demo-nav{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#a7bdd5}.demo-logo{font-weight:850;font-size:13px;color:white}.demo-content{padding:65px 14px 50px;background:radial-gradient(ellipse at right,#123e74,transparent 60%)}.demo-content small{color:#69b6ff;letter-spacing:2px;font-size:9px}.demo-content h2{font-size:clamp(24px,3vw,39px);line-height:1.12;max-width:350px;margin:12px 0 18px}.demo-content h2 span{color:var(--blue)}.demo-line{width:75%;height:5px;background:#38516c;border-radius:5px;margin:10px 0}.demo-line.short{width:55%}.demo-button{display:inline-block;margin-top:22px;background:#277bf0;font-size:9px;padding:12px 15px;border-radius:4px;font-weight:800}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.demo-cards div{height:60px;background:linear-gradient(140deg,#193758,#10243d);border:1px solid #254365;border-radius:5px}.floating-tag{position:absolute;bottom:-24px;right:-15px;background:#1c3c64;border:1px solid #3d71ac;box-shadow:0 15px 35px #0008;padding:13px 19px;border-radius:9px;font-size:12px;font-weight:750}.section{padding:100px 0}.section h2{font-size:clamp(34px,4vw,51px);line-height:1.16;letter-spacing:-1.7px;margin:16px 0 20px}.section h2 span{color:var(--blue)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.section-head h2{max-width:600px}.section-head p{max-width:380px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{background:#102139;border:1px solid #253c59;border-radius:11px;padding:27px 23px;min-height:290px;display:flex;flex-direction:column}.service:hover{border-color:#397ad0;transform:translateY(-3px);transition:.2s}.service-icon{font-size:32px;color:#62a5ff}.service h3{font-size:18px;line-height:1.35;margin:20px 0 10px}.service p{font-size:13px;color:var(--muted)}.service span{margin-top:auto;font-size:10px;letter-spacing:2px;color:#649bd7;font-weight:800}.process{background:#0b1b30}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.steps>div{border-top:1px solid #456b9a;padding-top:25px}.steps strong{font-size:36px;color:var(--blue)}.steps h3{margin:16px 0 8px}.steps p,.pricing p,.about p,.contact p{color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.pricing-grid p{max-width:550px}.pricing-box{border:1px solid #315c8c;border-radius:15px;padding:34px;background:linear-gradient(140deg,#133354,#0e2037)}.spark{font-size:40px;color:#69adff}.pricing-box ul{padding:0;list-style:none;line-height:2.5;color:#c9d8e9}.pricing-box small{color:#a4b6ca}.about{background:#0b1b30}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.about-image{border:1px solid #284365;border-radius:15px;overflow:hidden;background:#061020}.about-image img{display:block;width:100%;height:340px;object-fit:cover}.text-link{color:#75b5ff;font-weight:750}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-note{color:#9ecbff;font-size:13px;margin-top:30px}.form{background:#10233b;border:1px solid #2b4768;border-radius:14px;padding:30px;display:grid;gap:14px}.form label{font-size:13px;font-weight:700;color:#d9e7f6}.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;background:#08192c;border:1px solid #34506f;border-radius:6px;padding:12px;color:#fff;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:#60a7ff}.form small{font-size:11px;color:#8ca6c3}.submit{width:100%}.submit:disabled{opacity:.6;cursor:wait}.form-status{margin:0;font-size:13px;font-weight:650}.form-status:empty{display:none}.form-status.ok{color:#7ee0a8}.form-status.err{color:#ff8a8a}.hidden{display:none}footer{border-top:1px solid #243b55;background:#06101e;padding:30px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p,.footer>div:last-child{font-size:12px;color:#849bb7}.footer>div:last-child{display:flex;gap:20px}.orb{position:absolute;width:350px;height:350px;border:1px solid #2365ae33;border-radius:50%;right:-160px;top:-160px}.orb2{width:600px;height:600px;right:-270px;top:-260px}@media(max-width:900px){.hero-grid,.pricing-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.hero{padding:70px 0}.visual{max-width:620px}.cards{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section{padding:75px 0}.about-image{max-width:500px}}@media(max-width:680px){.nav{height:70px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:22px;background:#0b1c32;border-bottom:1px solid #365578;flex-direction:column;align-items:stretch;gap:17px}nav.open{display:flex}.brand{font-size:13px}.mark{width:33px;height:30px}h1{letter-spacing:-2px}.hero{padding:58px 0 80px}.hero-notes{gap:8px}.cards,.steps{grid-template-columns:1fr}.service{min-height:235px}.floating-tag{right:0}.footer,.footer>div:last-child{display:block}.footer>div:last-child a{display:block;margin-top:10px}.contact-grid{gap:30px}.form{padding:20px}}
