@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050f23;color:#f0f7ff;font-family:Inter,'Segoe UI',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.background-grid{position:absolute;inset:0 0 auto;height:940px;pointer-events:none;opacity:.26;background-image:linear-gradient(#315a801f 1px,transparent 1px),linear-gradient(90deg,#315a8029 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(#000,transparent 95%)}.ambient{position:absolute;pointer-events:none;filter:blur(80px);opacity:.36;border-radius:50%;animation:float 14s ease-in-out infinite alternate}.ambient-one{width:520px;height:500px;background:#125bc4;right:-180px;top:80px}.ambient-two{width:380px;height:340px;background:#00789b;left:-170px;top:480px;animation-delay:-6s}.nav{position:relative;z-index:3;max-width:1250px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 36px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:.7px;font-weight:800}.brand em{color:#58a8ff;font-style:normal}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2.1px;color:#8faac9;margin-top:3px}.logo,.panel-logo{display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,#55b9ff,#1657dd);border:1px solid #76c2ff7a;box-shadow:0 5px 28px #2070ed58;border-radius:14px;width:48px;height:48px;font-size:26px}.nav nav{display:flex;gap:33px;align-items:center;font-size:13px;color:#b8c9e2}.nav nav a:hover{color:#fff}.nav-cta{border:1px solid #607da6;padding:12px 18px;border-radius:10px;color:#fff!important}.hero{position:relative;max-width:1250px;margin:70px auto 110px;padding:0 36px;min-height:560px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:20px}.hero-copy{z-index:2}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.1px;font-weight:700;color:#7abaff}.eyebrow{display:inline-flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid #295881;background:#12355c55;border-radius:99px}.pulse,.dot,.mock-live i{width:8px;height:8px;display:inline-block;border-radius:50%;background:#47ddb9;box-shadow:0 0 18px #36d9b7}.pulse{animation:glow 2s infinite}.hero h1{font-size:clamp(40px,4.2vw,64px);letter-spacing:-2.5px;line-height:1.13;margin:25px 0}.hero h1 span,.features h2 span{color:#5fafff}.lead{color:#adbed6;line-height:1.85;max-width:535px;font-size:15px}.buttons{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{padding:15px 23px;border-radius:11px;font-size:13px;font-weight:700;display:inline-flex;gap:18px;align-items:center;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.primary{background:linear-gradient(120deg,#2288e9,#2c57d8);box-shadow:0 10px 32px #135fd04f}.secondary{border:1px solid #42648e;background:#ffffff0a}.mini-note{margin-top:33px;font-size:11px;color:#849bb9;display:flex;align-items:center;gap:10px}.mini-note .dot{height:6px;width:6px}.visual{height:490px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #5e9bd52b;border-radius:50%;animation:rotate 32s linear infinite}.orbit-a{width:520px;height:520px}.orbit-b{width:390px;height:390px;animation-direction:reverse}.network-node{position:absolute;width:10px;height:10px;border-radius:50%;background:#4abaff;box-shadow:0 0 20px #4baaff}.n1{top:10%;left:30%}.n2{right:3%;top:38%}.n3{bottom:10%;left:20%}.product-panel{z-index:1;width:min(100%,535px);background:linear-gradient(140deg,#102849ec,#0b1c37f2);border:1px solid #4774a177;box-shadow:0 28px 100px #0009,0 0 60px #317be21a;border-radius:22px;padding:25px;transform:perspective(900px) rotateY(-6deg) rotateX(2deg);animation:panelFloat 7s ease-in-out infinite}.panel-top{display:flex;align-items:center;gap:12px}.panel-logo{width:39px;height:39px;font-size:22px;border-radius:11px}.panel-top strong{display:block;font-size:13px}.panel-top small{display:block;font-size:10px;color:#819fbe;margin-top:5px}.mock-live{margin-left:auto;display:flex;align-items:center;gap:6px;background:#12463770;color:#9cebd8;padding:7px 9px;border-radius:30px;font-size:9px;font-weight:700}.mock-live i{width:6px;height:6px}.panel-graph{margin-top:26px;border:1px solid #39557566;border-radius:14px;padding:20px 16px 8px;background:#08182b91}.graph-title{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.graph-up{color:#78dcbd;font-size:10px}.panel-graph svg{width:100%;height:180px;margin-top:10px;overflow:visible}.chart-line{stroke-dasharray:900;stroke-dashoffset:900;animation:draw 4s ease forwards,shimmer 7s ease-in-out 4s infinite}.mock-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.mock-bottom>div{border:1px solid #3e59705c;background:#ffffff09;border-radius:12px;padding:16px 10px}.mock-icon{display:block;color:#66b6ff;font-size:22px;margin-bottom:10px}.mock-bottom strong,.mock-bottom small{display:block}.mock-bottom strong{font-size:11px}.mock-bottom small{font-size:9px;color:#89a0bb;margin-top:5px}.floating-card{z-index:2;position:absolute;background:#12365b;border:1px solid #4b87b8b0;padding:13px 17px;border-radius:11px;box-shadow:0 12px 32px #0006;font-size:11px;color:#dfefff;animation:panelFloat 5s ease-in-out infinite}.float-one{top:25px;right:-10px}.float-one span{color:#50e1ba}.float-one b{font-size:9px;margin-left:11px;color:#75e5bd}.float-two{bottom:26px;left:-10px;animation-delay:-2s}.float-two span{color:#68b9ff}.features{max-width:1250px;margin:0 auto;padding:70px 36px 115px}.features h2,.closing h2{font-size:clamp(28px,3vw,43px);line-height:1.25;letter-spacing:-1px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.feature-grid article{border:1px solid #3a5c824c;border-radius:16px;background:#102440a6;padding:28px}.feature-icon{font-size:30px;color:#64b4f8}.feature-grid h3{font-size:16px}.feature-grid p{font-size:13px;line-height:1.75;color:#9cb0c9}.closing{max-width:1178px;margin:0 auto 70px;padding:37px 43px;background:linear-gradient(120deg,#12345c,#113a66);border:1px solid #4774a155;border-radius:20px;display:flex;justify-content:space-between;gap:30px;align-items:center}.closing p{font-size:13px;color:#a8bed7}footer{max-width:1250px;margin:auto;border-top:1px solid #34516c55;padding:30px 36px 40px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#7793b0}@keyframes float{to{transform:translate(60px,-50px)}}@keyframes panelFloat{50%{transform:perspective(900px) rotateY(-3deg) rotateX(1deg) translateY(-12px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes glow{50%{box-shadow:0 0 4px #36d9b7;opacity:.5}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes shimmer{50%{stroke:#a6deff}}@media(max-width:900px){.hero{grid-template-columns:1fr;margin-top:50px}.visual{margin-top:40px}.float-one{right:0}.float-two{left:0}}@media(max-width:620px){.nav{padding:19px}.nav nav{gap:12px}.nav nav a:not(.nav-cta){display:none}.hero{padding:0 22px;margin:45px auto 45px}.hero h1{letter-spacing:-1.3px}.visual{height:390px}.product-panel{padding:13px;transform:none}.orbit-a{width:360px;height:360px}.orbit-b{width:275px;height:275px}.floating-card{font-size:9px}.float-one{right:0;top:7px}.float-two{bottom:0}.panel-graph svg{height:130px}.mock-bottom strong{font-size:9px}.mock-bottom small{font-size:8px}.features{padding:65px 22px}.feature-grid{grid-template-columns:1fr}.closing{margin:0 22px 40px;display:block;padding:26px}.closing .button{margin-top:15px}footer{padding:24px;display:block;line-height:2}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}.chart-line{stroke-dasharray:none;stroke-dashoffset:0}}