@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--navy:#101c32;--text:#536278;--blue:#2166f3;--cyan:#16c8f4;--pale:#f3f8fe;--line:#dce7f2;--white:#fff;--shadow:0 24px 80px rgba(39,74,116,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}#network{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 6px 18px rgba(33,102,243,.25)}
.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5.5vw,84px);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,231,242,.8);position:fixed;inset:0 0 auto;z-index:30}.site-header nav{display:flex;gap:34px;font-size:13px;color:#536278}.site-header nav a{transition:.25s}.site-header nav a:hover{color:var(--blue)}.header-cta{padding:11px 17px;border-radius:11px;background:var(--navy);color:#fff;font-size:12px;font-weight:600}.header-cta span{margin-left:12px;color:var(--cyan)}.menu-button{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;padding:10px}.menu-button i{display:block;height:2px;background:var(--navy);margin:4px}
.hero{min-height:100vh;padding:145px clamp(22px,5.5vw,84px) 75px;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative;background:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.86)),linear-gradient(90deg,#dce7f2 1px,transparent 1px),linear-gradient(#dce7f2 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.hero:before{content:"";position:absolute;inset:80px 0 auto 0;height:260px;background:linear-gradient(180deg,#eaf7ff,transparent);z-index:0}.hero-copy{position:relative;z-index:2}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:#60738c;display:flex;align-items:center;gap:10px}.kicker span{width:22px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.hero .kicker{display:inline-flex;border:1px solid #cfe5f5;background:#eef9ff;padding:10px 14px;border-radius:99px}.hero h1,.section h2,footer h2{font:600 clamp(52px,6.4vw,102px)/.98 'Manrope';letter-spacing:-.055em;margin:28px 0}.hero h1 em,footer h2 em{font-style:normal;background:linear-gradient(105deg,var(--blue),var(--cyan));background-clip:text;color:transparent}.lead{max-width:650px;color:var(--text);font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:13px;padding:15px 20px;font-size:12px;font-weight:700;transition:.3s}.button.primary{background:linear-gradient(105deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 14px 34px rgba(33,102,243,.22)}.button.primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(33,102,243,.3)}.button.primary span{margin-left:22px}.button.secondary{background:#fff;border:1px solid var(--line)}.trust-line{display:flex;align-items:center;gap:10px;color:#6b7a8e;font-size:11px;margin-top:28px}.trust-line span{color:#fff;background:#28b37d;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.trust-line i{width:3px;height:3px;background:#a4afbd;border-radius:50%}
.system-visual{height:630px;perspective:1000px;position:relative;display:grid;place-items:center;z-index:2}.scene{width:min(42vw,550px);aspect-ratio:1;position:relative;transform-style:preserve-3d;transition:transform .14s ease-out}.scene:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,rgba(22,200,244,.22),rgba(33,102,243,.08) 42%,transparent 69%);filter:blur(14px)}.system-core{position:absolute;left:50%;top:50%;width:145px;height:145px;transform:translate(-50%,-50%) translateZ(40px);background:rgba(255,255,255,.94);border:1px solid #dceaf5;border-radius:35px;box-shadow:0 32px 60px rgba(33,102,243,.2),inset 0 0 0 8px rgba(238,248,255,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.system-core .logo-mark{width:45px;height:45px;font-size:15px}.system-core strong{font-size:15px;margin-top:8px}.system-core small{font-size:8px;color:#7b8ba0;text-transform:uppercase;letter-spacing:.12em}.orbit{position:absolute;border:1px solid rgba(55,139,225,.22);border-radius:50%;inset:12%;transform-style:preserve-3d}.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);left:11%;top:20%;box-shadow:0 0 15px var(--cyan)}.orbit-a{transform:rotateX(68deg) rotateZ(15deg);animation:orbitA 11s linear infinite}.orbit-b{inset:4%;transform:rotateY(67deg) rotateZ(25deg);animation:orbitB 14s linear infinite reverse}.orbit-c{inset:24%;border-style:dashed;animation:spin 18s linear infinite}.node{position:absolute;width:112px;padding:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid #dce9f5;border-radius:16px;box-shadow:0 15px 34px rgba(42,77,118,.12);display:grid;grid-template-columns:28px 1fr;gap:2px 8px;align-items:center;animation:float 5s ease-in-out infinite;z-index:6}.node i{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);border-radius:8px;font-style:normal;font-size:13px}.node span{font-size:10px;font-weight:700}.node b{font-size:7px;color:#26a974;text-transform:uppercase;letter-spacing:.1em}.node-web{left:2%;top:23%}.node-crm{right:1%;top:19%;animation-delay:-1s}.node-auto{left:7%;bottom:17%;animation-delay:-2s}.node-data{right:2%;bottom:20%;animation-delay:-3s}.signal{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:0 0 15px var(--cyan);z-index:7}.s1{left:35%;top:35%;animation:signal1 3s ease-in-out infinite}.s2{right:35%;top:40%;animation:signal2 3.4s ease-in-out infinite}.s3{left:42%;bottom:32%;animation:signal3 3.8s ease-in-out infinite}.visual-label{position:absolute;top:30px;left:8%;right:8%;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.85);padding:11px 14px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#65768b;display:flex;align-items:center;gap:8px}.visual-label b{margin-left:auto;color:#25a875}.live-dot{width:7px;height:7px;border-radius:50%;background:#26bd82;box-shadow:0 0 0 5px rgba(38,189,130,.13);animation:pulse 2s infinite}.activity-card{position:absolute;bottom:35px;right:2%;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:13px;display:flex;align-items:center;gap:10px;width:235px;animation:float 5s -2s ease-in-out infinite}.activity-icon{width:32px;height:32px;border-radius:9px;background:#eaf9ff;color:var(--blue);display:grid;place-items:center}.activity-card div:nth-child(2){display:flex;flex-direction:column}.activity-card small{font-size:8px;color:#7c8a9c}.activity-card strong{font-size:10px}.activity-card>span{font-size:8px;color:#23a774;margin-left:auto}.cursor-note{position:absolute;bottom:1px;color:#8b98a8;font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.proof-strip{padding:25px clamp(22px,5.5vw,84px);display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);background:#fff}.proof-strip p{font-size:10px;color:#8b98a8;text-transform:uppercase;letter-spacing:.12em}.proof-strip div{display:flex;align-items:center;gap:22px;color:#536278;font-size:12px;font-weight:600}.proof-strip i{width:3px;height:3px;background:#9db0c3;border-radius:50%}
.section{padding:130px clamp(22px,7vw,110px);position:relative}.section-intro{display:grid;grid-template-columns:1fr 2fr 1.15fr;gap:40px;align-items:start}.section h2{font-size:clamp(48px,5.5vw,82px);margin:0}.section-intro>p:last-child,.section-head>p{color:var(--text);font-size:14px;line-height:1.75}.problem{background:var(--pale)}.journey{margin-top:90px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.journey-line{position:absolute;top:51px;left:12.5%;right:12.5%;height:1px;background:#cbddec}.journey-line span{position:absolute;left:0;top:-1px;height:3px;width:26%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:progress 4s ease-in-out infinite}.journey article{text-align:center;position:relative;padding:0 20px}.journey article>b{position:absolute;top:-25px;left:20px;font-size:9px;color:#8091a7}.journey article>i{display:grid;place-items:center;margin:auto;width:102px;height:102px;border-radius:27px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 35px rgba(40,78,120,.09);font-style:normal;font-size:25px;color:var(--blue);position:relative;z-index:2}.journey h3{font:600 19px 'Manrope';margin:22px 0 8px}.journey p{font-size:11px;color:#718196;line-height:1.6}
.section-head{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:end;margin-bottom:70px}.section-head .kicker{margin-bottom:22px}.system-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.system-card{grid-column:span 2;min-height:400px;border:1px solid var(--line);border-radius:22px;padding:27px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.35s}.system-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.system-card.featured{grid-column:span 3;background:#edf7ff}.system-card:nth-child(2){grid-column:span 3}.system-card.dark{background:var(--navy);color:#fff}.card-num{font-size:9px;color:#90a0b4}.card-icon{margin:auto;position:relative;color:var(--blue)}.cube{width:75px;height:75px;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(35deg);animation:cube 10s linear infinite}.cube i{position:absolute;inset:0;border:1px solid #489eea;background:rgba(33,102,243,.11)}.cube i:nth-child(1){transform:translateZ(37px)}.cube i:nth-child(2){transform:rotateY(90deg) translateZ(37px)}.cube i:nth-child(3){transform:rotateX(90deg) translateZ(37px)}.rings{width:115px;height:115px}.rings i{position:absolute;inset:10%;border:2px solid var(--blue);border-radius:50%;animation:spin 7s linear infinite}.rings i:nth-child(2){transform:rotateX(65deg);border-color:var(--cyan);animation:orbitA 5s linear infinite}.rings i:nth-child(3){transform:rotateY(65deg);animation:orbitB 8s linear infinite}.bolt{font-size:80px;text-shadow:18px 10px 0 #d7efff}.stack{width:110px;height:90px;transform-style:preserve-3d}.stack i{position:absolute;width:100%;height:50px;border:1px solid #6bbbe9;border-radius:50%;background:rgba(33,102,243,.08);transform:rotateX(65deg)}.stack i:nth-child(2){top:18px}.stack i:nth-child(3){top:36px}.system-card h3{font:600 21px 'Manrope';margin:0 0 10px}.system-card p{color:#708095;font-size:12px;line-height:1.6;min-height:58px}.system-card.dark p{color:#96a9c2}.system-card a{border-top:1px solid var(--line);padding-top:15px;font-size:10px;font-weight:700;display:flex;justify-content:space-between}.system-card.dark a{border-color:#30405a}.mini-chart{height:120px;margin:auto;display:flex;align-items:end;gap:8px}.mini-chart i{width:17px;background:linear-gradient(var(--cyan),var(--blue));border-radius:5px 5px 0 0;animation:bars 3s ease-in-out infinite}.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:58%;animation-delay:-.5s}.mini-chart i:nth-child(3){height:44%;animation-delay:-1s}.mini-chart i:nth-child(4){height:82%;animation-delay:-1.5s}.mini-chart i:nth-child(5){height:100%;animation-delay:-2s}
.industries{background:var(--navy);color:#fff}.industries .section-head>p,.industries .kicker{color:#9db0c7}.industry-list{border-top:1px solid #334157}.industry-list article{display:grid;grid-template-columns:80px 1.2fr 1.5fr 40px;align-items:center;border-bottom:1px solid #334157;padding:28px 0;transition:.3s}.industry-list article:hover{padding-inline:15px;background:#17263e}.industry-list span{font-size:9px;color:#72849d}.industry-list h3{font:500 clamp(20px,2.3vw,35px) 'Manrope';margin:0}.industry-list p{font-size:12px;color:#91a2b8;max-width:420px;line-height:1.5}.industry-list b{font-size:22px;color:var(--cyan);font-weight:400}
.results{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;background:#f7fbff}.results-copy>p:not(.kicker){color:var(--text);font-size:14px;line-height:1.7}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.results-stats div{display:flex;flex-direction:column}.results-stats strong{font:600 28px 'Manrope';color:var(--blue)}.results-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7d8da0}.dashboard{background:var(--navy);color:#fff;border-radius:24px;padding:24px;box-shadow:0 40px 80px rgba(16,28,50,.25);transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2d3c53;padding-bottom:18px;font-size:11px}.dash-top span{display:flex;align-items:center;gap:8px}.dash-top .logo-mark{display:inline-grid;width:24px;height:24px;border-radius:6px;font-size:8px}.dash-top small{color:#8da0b7}.dash-top small b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2bd28f;margin-left:5px}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.dash-metrics div{padding:15px;background:#17263e;border:1px solid #2b3a51;border-radius:12px;display:grid;grid-template-columns:1fr auto}.dash-metrics small{grid-column:1/-1;color:#8ea1b9;font-size:8px}.dash-metrics strong{font-size:21px}.dash-metrics em{font-size:8px;color:#35d49a;font-style:normal}.chart{height:210px;background:#132138;border:1px solid #2b3a51;border-radius:14px;position:relative;overflow:hidden}.chart-bars{position:absolute;inset:20px;display:flex;align-items:end;gap:10px}.chart-bars i{flex:1;background:rgba(33,102,243,.16);height:30%}.chart-bars i:nth-child(2){height:55%}.chart-bars i:nth-child(3){height:43%}.chart-bars i:nth-child(4){height:68%}.chart-bars i:nth-child(5){height:50%}.chart-bars i:nth-child(6){height:78%}.chart-bars i:nth-child(7){height:66%}.chart-bars i:nth-child(8){height:92%}.chart svg{position:absolute;inset:30px 20px;width:calc(100% - 40px);height:130px}.dash-feed{margin-top:14px;display:flex;justify-content:space-between;font-size:9px;color:#9eb0c7}.dash-feed span i{display:inline-block;width:7px;height:7px;background:#32cf93;border-radius:50%;margin-right:7px}.dash-feed small{font-size:8px;color:#4fdba7}
.pricing{background:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid var(--line);border-radius:22px;padding:30px;min-height:330px;display:flex;flex-direction:column;position:relative}.price-card.popular{background:#edf8ff;border-color:#b9def4}.tag{position:absolute;right:20px;top:20px;background:var(--blue);color:#fff;border-radius:99px;padding:6px 9px;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.price-card>p{text-transform:uppercase;letter-spacing:.13em;color:#78899e;font-size:9px;font-weight:700}.price-card>strong{font:600 43px 'Manrope';margin:18px 0}.price-card sup{font-size:18px}.price-card>span{font-size:12px;line-height:1.7;color:#6c7d92}.price-card a{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:10px;font-weight:700;display:flex;justify-content:space-between}.price-card a b{font-size:17px;color:var(--blue)}
footer{background:var(--navy);color:#fff;padding:120px clamp(22px,7vw,110px) 35px;text-align:center;position:relative;overflow:hidden}footer .kicker{justify-content:center;color:#8ea2ba}footer h2{font-size:clamp(55px,8vw,120px);margin:35px 0}footer>p:not(.kicker){max-width:600px;margin:0 auto 35px;color:#94a7bd;line-height:1.7;font-size:14px}footer .footer-glow{position:absolute;width:650px;height:450px;background:rgba(33,102,243,.18);filter:blur(90px);border-radius:50%;left:50%;top:25%;transform:translateX(-50%)}footer>*:not(.footer-glow){position:relative}.footer-bottom{border-top:1px solid #344259;margin-top:110px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;color:#7e91a8;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.footer-bottom .logo{color:#fff;text-transform:none;letter-spacing:0}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes orbitA{to{transform:rotateX(68deg) rotateZ(375deg)}}@keyframes orbitB{to{transform:rotateY(67deg) rotateZ(385deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-11px)}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(38,189,130,0)}}@keyframes signal1{50%{transform:translate(110px,80px)}}@keyframes signal2{50%{transform:translate(-90px,70px)}}@keyframes signal3{50%{transform:translate(50px,-90px)}}@keyframes progress{50%{left:74%}}@keyframes cube{to{transform:rotateX(335deg) rotateY(395deg)}}@keyframes bars{50%{transform:scaleY(.65)}}
@media(max-width:900px){.site-header nav,.header-cta{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:125px}.system-visual{height:560px}.scene{width:min(95vw,540px)}.section-intro{grid-template-columns:1fr}.section-head{grid-template-columns:1fr;gap:20px}.system-card,.system-card.featured,.system-card:nth-child(2){grid-column:span 3}.results{grid-template-columns:1fr}.proof-strip{overflow:hidden;gap:30px}.proof-strip div{white-space:nowrap}.journey{grid-template-columns:repeat(2,1fr);gap:50px}.journey-line{display:none}}
@media(max-width:600px){.hero{padding-inline:16px}.hero h1{font-size:46px}.hero-actions{flex-direction:column}.button{width:100%}.trust-line{flex-wrap:wrap}.system-visual{height:500px}.scene{transform:scale(.78)!important}.visual-label{top:4px}.activity-card{bottom:15px}.proof-strip{display:block}.proof-strip div{overflow:hidden}.section{padding:90px 18px}.section h2{font-size:43px}.journey{grid-template-columns:1fr}.system-grid{display:block}.system-card{margin-bottom:15px}.industry-list article{grid-template-columns:42px 1fr 30px;gap:10px}.industry-list p{grid-column:2/3}.price-grid{grid-template-columns:1fr}.results{gap:45px}.dashboard{padding:13px;transform:none}.dash-metrics{grid-template-columns:1fr}.chart{height:170px}.footer-bottom{flex-direction:column;gap:20px}.site-header{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}