:root{--bg:#07101d;--bg2:#0b1626;--panel:#101e30;--text:#f5f8fc;--muted:#9aa9bc;--line:rgba(255,255,255,.1);--blue:#4da3ff;--cyan:#63e6ff;--accent:#7c6cff;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:#101827;font-family:Inter,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;color:#fff}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-size:25px;font-weight:700;letter-spacing:-1px}.brand-mark{width:34px;height:34px;border:1px solid rgba(255,255,255,.5);border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#4da3ff,#756bff);box-shadow:0 0 30px rgba(77,163,255,.25)}.dot{color:var(--cyan)}.nav{display:flex;align-items:center;gap:34px;font-size:14px;color:#c9d4e2}.nav a:hover{color:#fff}.nav-cta{padding:11px 17px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff!important}.menu-toggle{display:none;background:none;border:0}.hero{min-height:820px;background:radial-gradient(circle at 75% 35%,rgba(74,130,255,.22),transparent 28%),radial-gradient(circle at 10% 70%,rgba(0,220,255,.08),transparent 25%),linear-gradient(135deg,#06101d,#0b1727 60%,#07101d);color:#fff;position:relative;overflow:hidden}.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(83,117,255,.06),transparent 25%);z-index:-1}.hero-grid{min-height:820px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px;padding-top:70px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2px;font-weight:700;color:#79baff}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(115,180,255,.22);border-radius:999px;background:rgba(67,140,255,.06)}.pulse{width:7px;height:7px;border-radius:50%;background:#55e6b1;box-shadow:0 0 14px #55e6b1}.hero h1{font-family:"Space Grotesk";font-size:clamp(52px,6.3vw,86px);line-height:.99;letter-spacing:-4px;margin:25px 0}.hero h1 span,.hero h2 em,.section-head h2 em,.why h2 em,.inner-hero h1 em,.cta-band h2 em{font-style:normal;background:linear-gradient(90deg,#58b1ff,#74e5ff,#8a7cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:650px;color:#aab8ca;font-size:17px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;gap:13px;padding:14px 20px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s}.btn-primary{background:linear-gradient(100deg,#4b9fff,#756cff);color:white;box-shadow:0 12px 35px rgba(65,113,255,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(65,113,255,.4)}.btn-ghost{border-color:rgba(255,255,255,.16);color:#dbe5f2}.btn-light{background:#fff;color:#0a1624}.trust-row{display:flex;gap:28px;margin-top:46px;color:#8292a8}.trust-row div{border-left:1px solid rgba(255,255,255,.15);padding-left:14px}.trust-row strong{display:block;color:#dbe5f2;font-size:13px}.trust-row span{font-size:11px}.hero-visual{position:relative;height:520px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:330px;height:330px;background:radial-gradient(circle,rgba(74,163,255,.16),transparent 68%);top:50px}.orb-b{width:260px;height:260px;background:radial-gradient(circle,rgba(125,108,255,.18),transparent 68%);right:0;bottom:20px}.dashboard-card{width:min(510px,90%);padding:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(20,35,55,.92),rgba(8,19,33,.9));border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.38);position:relative;z-index:2;backdrop-filter:blur(14px)}.dash-top{display:flex;justify-content:space-between;color:#6f839c;font-size:9px;letter-spacing:1.4px}.status{color:#9db0c7}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#50e0a6;margin-right:6px}.dash-title{font-family:"Space Grotesk";font-size:45px;line-height:1.05;margin:35px 0}.dash-title em{font-style:normal;color:#64c6ff}.flow{display:flex;align-items:center;gap:9px}.flow-node{padding:12px;width:105px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.flow-node.active{border-color:rgba(89,168,255,.5);background:rgba(62,139,255,.09)}.flow-node b{display:block;font-size:8px;color:#647a93}.flow-node span{display:block;color:#dfe8f2;font-size:12px;font-weight:700}.flow-node small{color:#708299;font-size:8px}.flow-line{height:1px;background:linear-gradient(90deg,#28435e,#5d84ac);width:30px}.mini-chart{margin-top:30px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:end}.mini-chart span{font-size:8px;color:#6e8197}.mini-chart strong{font-size:13px;color:#dce7f2}.bars{display:flex;gap:5px;align-items:end;height:35px}.bars i{width:8px;background:linear-gradient(#65caff,#6d71ff);border-radius:3px 3px 0 0}.bars i:nth-child(1){height:12px}.bars i:nth-child(2){height:19px}.bars i:nth-child(3){height:14px}.bars i:nth-child(4){height:25px}.bars i:nth-child(5){height:21px}.bars i:nth-child(6){height:31px}.bars i:nth-child(7){height:35px}.float-card{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:rgba(12,25,42,.9);border:1px solid rgba(255,255,255,.13);padding:11px 14px;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.float-card span{font-size:20px;color:#69c7ff}.float-card strong,.float-card small{display:block}.float-card strong{font-size:11px}.float-card small{font-size:9px;color:#8191a5}.card-one{left:0;top:125px}.card-two{right:-10px;bottom:105px}.metrics{background:#fff;border-bottom:1px solid #e6ebf1}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid>div{padding:27px 22px;border-right:1px solid #e6ebf1;display:flex;gap:16px;align-items:center}.metric-grid>div:last-child{border:0}.metric-grid strong{font-family:"Space Grotesk";font-size:24px;color:#3c78d8}.metric-grid span{font-size:12px;color:#647083}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:55px}.section-head h2,.why h2,.inner-hero h1,.cta-band h2{font-family:"Space Grotesk";font-size:52px;line-height:1.02;letter-spacing:-2.5px;margin:14px 0 0}.section-head p{color:#6a7687;font-size:15px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{padding:28px;min-height:270px;border:1px solid #e3e8ef;background:#fff;border-radius:15px;position:relative;transition:.25s;overflow:hidden}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(17,43,80,.09);border-color:#c7d8f0}.service-card.featured{background:linear-gradient(145deg,#0b1c31,#102b48);color:#fff}.service-icon{font-size:28px;color:#4b9fff;margin-bottom:32px}.service-no{position:absolute;top:28px;right:28px;font-size:10px;color:#98a6b8}.service-card h3{font-family:"Space Grotesk";font-size:21px;margin:0 0 9px}.service-card p{font-size:13px;color:#748093;max-width:330px}.featured p{color:#a6b7c9}.learn{position:absolute;bottom:26px;font-size:11px;font-weight:700;color:#448fe5}.featured .learn{color:#73caff}.dark-section{background:#07111e;color:#fff}.section-head.light p{color:#8798ad}.section-head.light h2{color:#fff}.solution-list{border-top:1px solid var(--line)}.solution-row{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);transition:.2s}.solution-row:hover{padding-left:10px;background:linear-gradient(90deg,rgba(73,155,255,.07),transparent)}.solution-row>span{font-size:10px;color:#5d83a9}.solution-row h3{font-family:"Space Grotesk";font-size:21px;margin:0}.solution-row p{font-size:12px;color:#8797aa;margin:4px 0 0}.solution-row b{font-size:19px;color:#70b8ff}.why{background:#f3f6fa}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.why-copy p{color:#697587;font-size:15px;margin:25px 0;max-width:510px}.text-link{font-weight:700;font-size:13px;color:#317bce}.principles{display:grid;grid-template-columns:1fr 1fr;gap:0}.principles>div{padding:25px;border-top:1px solid #dce3eb}.principles span,.process-grid span{font-size:10px;color:#4e92d9;font-weight:700}.principles h3{font-family:"Space Grotesk";font-size:19px;margin:13px 0 5px}.principles p{font-size:12px;color:#768296;margin:0}.process{background:#fff}.center-head{text-align:center;margin-bottom:50px}.center-head h2{font-family:"Space Grotesk";font-size:45px;letter-spacing:-2px;margin:12px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process-grid>div{padding:24px;border-top:2px solid #dfe6ef}.process-grid>div:not(:last-child){border-right:1px solid #e3e8ef}.process-grid h3{font-family:"Space Grotesk";font-size:19px;margin:30px 0 8px}.process-grid p{font-size:12px;color:#788496}.cta-band{background:linear-gradient(105deg,#0a1a2e,#132b4a);color:#fff;padding:80px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{font-size:48px;margin-top:12px}.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact h2{font-family:"Space Grotesk";font-size:55px;line-height:1;letter-spacing:-3px;margin:15px 0}.contact>p,.contact-grid>div>p{color:#718093;font-size:14px;max-width:450px}.contact-details{display:flex;flex-direction:column;gap:8px;margin-top:30px;font-weight:700;font-size:13px}.contact-details a{color:#357fcf}.lead-form{background:#f4f7fb;padding:30px;border:1px solid #e2e8ef;border-radius:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:10px;color:#69778a;font-weight:700;display:block;margin-bottom:15px}input,textarea{display:block;width:100%;border:1px solid #dbe2eb;background:#fff;border-radius:7px;padding:12px 13px;font:inherit;font-size:13px;color:#172333;margin-top:7px;outline:none}input:focus,textarea:focus{border-color:#64a7eb;box-shadow:0 0 0 3px rgba(70,145,224,.1)}textarea{resize:vertical}.submit{border:0;cursor:pointer}.lead-form small{display:block;color:#8793a3;font-size:9px;margin-top:12px}.footer{background:#06101c;color:#9aa9ba;padding:55px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:45px}.footer p{font-size:12px;max-width:360px}.footer-links{display:flex;gap:25px;font-size:11px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;font-size:10px}.inner-hero{padding:180px 0 100px;background:linear-gradient(135deg,#06101d,#0d1e33);color:#fff}.inner-hero h1{font-size:70px}.inner-hero p{color:#9eafc2;max-width:620px}.service-detail{background:#f7f9fc}
.brand-company{font-size:21px;letter-spacing:-.9px;white-space:nowrap;background:linear-gradient(90deg,#ffffff 0%,#8fd5ff 48%,#63b8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(92,183,255,.24)}
.service-detail article{cursor:pointer}
.service-detail article:focus-visible{outline:3px solid #4da3ff;outline-offset:4px}
.service-detail article.active{background:linear-gradient(145deg,#0b1c31,#102b48);border-color:rgba(77,163,255,.5);color:#fff;box-shadow:0 20px 55px rgba(11,28,49,.18),0 0 0 1px rgba(77,163,255,.08);transform:translateY(-2px)}
.service-detail article.active>span{color:#72c7ff}
.service-detail article.active p,.service-detail article.active li{color:#a9bacd}
.service-detail article.active li:before{color:#68c1ff}
.service-detail article.active h2{color:#fff}
.service-detail article{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.service-detail article{background:#fff;border:1px solid #e1e7ee;border-radius:16px;padding:45px;margin-bottom:16px;display:grid;grid-template-columns:70px 1fr 1.1fr;gap:25px;align-items:start}.service-detail article>span{color:#448fdd;font-weight:700;font-size:11px}.service-detail h2{font-family:"Space Grotesk";font-size:27px;margin:0}.service-detail p{font-size:13px;color:#697689;margin:0 0 12px}.service-detail ul{grid-column:2/4;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;list-style:none}.service-detail li{font-size:12px;color:#59677a}.service-detail li:before{content:"→";color:#4b99e8;margin-right:7px}
@media(max-width:900px){.nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{width:24px;height:2px;background:#fff}.nav.open{display:flex;position:absolute;top:75px;left:24px;right:24px;padding:20px;flex-direction:column;align-items:stretch;background:#0a1728;border:1px solid rgba(255,255,255,.1);border-radius:12px}.hero-grid,.why-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:130px 0 80px}.hero-visual{height:470px}.section-head{grid-template-columns:1fr;gap:20px}.service-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-grid>div:nth-child(2){border-right:0}.contact-grid{gap:45px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid>div:nth-child(2){border-right:0}.inner-hero h1{font-size:54px}.service-detail article{grid-template-columns:55px 1fr}.service-detail article p,.service-detail article ul{grid-column:2}.cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.container{width:min(calc(100% - 32px),var(--max))}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero-text{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{display:grid;grid-template-columns:1fr 1fr}.hero-visual{height:400px}.dashboard-card{padding:20px}.dash-title{font-size:34px}.flow{gap:4px}.flow-node{width:82px;padding:8px}.flow-line{width:12px}.card-one{left:-5px}.card-two{right:-5px}.service-grid,.process-grid,.principles{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid>div{border-right:1px solid #e6ebf1}.metric-grid>div:nth-child(even){border-right:0}.section{padding:75px 0}.section-head h2,.why h2,.contact h2{font-size:40px}.center-head h2{font-size:36px}.cta-band h2{font-size:40px}.form-row{grid-template-columns:1fr}.footer-top,.footer-bottom{flex-direction:column}.footer-links{flex-wrap:wrap}.service-detail article{display:block}.service-detail article>span{display:block;margin-bottom:18px}.service-detail ul{display:block;margin-top:18px}.service-detail li{margin-bottom:9px}}
