*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#040d20;color:#c9d8ee;font:17px/1.75 system-ui,sans-serif;background-image:radial-gradient(ellipse at 85% 10%,#0b396955,transparent 45%),radial-gradient(ellipse at 10% 50%,#10245d44,transparent 50%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#75a8f105 1px,transparent 1px),linear-gradient(90deg,#75a8f105 1px,transparent 1px);background-size:64px 64px;z-index:-1}header,main,footer{max-width:1160px;margin:auto;padding:28px 38px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #2e527344}header>a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#eef8ff;letter-spacing:.4px}.brand-icon{width:58px;height:48px;object-fit:cover;border-radius:12px;border:1px solid #4adeff33}a{color:#7edfee;text-underline-offset:5px}nav{display:flex;gap:8px}nav a{padding:8px 16px;text-decoration:none;border-radius:24px;color:#c8d8ee;font-size:15px}nav a:hover{background:#173b5b;color:#fff}h1{font-size:clamp(38px,5.3vw,68px);line-height:1.08;letter-spacing:-2.8px;font-weight:650;color:#f3f9ff;margin:20px 0}h2{font-size:27px;line-height:1.3;margin:12px 0 16px;color:#e8f5ff;font-weight:600;letter-spacing:-.6px}main{min-height:65vh;padding-top:34px;padding-bottom:65px}p,li{max-width:760px}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:650;color:#65d8f7}.eyebrow{display:inline-block;padding:8px 14px;border:1px solid #54c9fb40;border-radius:30px;background:#10344c44}.notice{padding:12px 18px;background:#10223c88;border:1px solid #2d4d70;border-radius:12px;font-size:13px;color:#aec3de}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:38px;margin:24px 0 42px}.hero-logo{width:100%;border-radius:28px;border:1px solid #45c9f13d;box-shadow:0 0 65px #009bd514,0 24px 60px #0006}.hero-caption{color:#8faccd;font-size:16px;letter-spacing:.3px}.lead{font-size:22px;line-height:1.6;color:#d2e5f7;max-width:860px;margin-bottom:42px}.info-panel{position:relative;padding:28px 30px;margin:18px 0;border:1px solid #31577866;border-radius:20px;background:linear-gradient(120deg,#12274399,#081528aa);box-shadow:inset 0 1px 0 #b1e3ff09}.info-panel p:last-child{margin-bottom:0}footer{border-top:1px solid #2e527344;font-size:13px;color:#8ba5c6;padding-top:25px;padding-bottom:30px}a:focus-visible{outline:3px solid #65d8f7;outline-offset:5px}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:20px}.hero-logo{max-width:520px}header,main,footer{padding:22px}nav a{padding:7px 10px}.info-panel{padding:23px}.lead{font-size:20px}h1{letter-spacing:-1.7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
html{scroll-behavior:smooth}main{padding-top:28px}h1 span{color:#78e6ff}h1{font-weight:700}.hero{gap:55px;margin-bottom:76px}.hero-caption{font-size:20px;line-height:1.65;max-width:480px;color:#c0d2e9}.logo-feature{margin:0;position:relative}.logo-feature figcaption{font-size:12px;letter-spacing:1px;color:#9dbedb;text-align:center;margin-top:15px}.hero-logo{display:block}.status-dot{display:inline-block;width:7px;height:7px;background:#69e3fa;border-radius:50%;box-shadow:0 0 10px #69e3fa;margin-right:9px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:27px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:#82e3ff;color:#06172c;text-decoration:none;padding:13px 19px;border-radius:10px;font-weight:650;font-size:15px;box-shadow:0 8px 30px #3ca6e21a}.primary-button:hover{background:#b4f0ff}.secondary-link{font-size:14px}.availability{font-size:12px;color:#8da6c7;margin-top:19px}.intro-section{border-top:1px solid #33567b55;padding-top:42px}.intro-section h2,.control-panel h2{font-size:clamp(29px,3.3vw,42px);line-height:1.2}.intro-section .lead{font-size:19px;max-width:770px;margin-bottom:30px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.workflow-grid .info-panel{margin:0;padding:26px}.step-label{font-size:10px;letter-spacing:1.7px;color:#77dafa;font-weight:700}h3{font-size:21px;line-height:1.35;color:#eff8ff;letter-spacing:-.35px;margin:18px 0 15px}.workflow-grid p{font-size:16px;line-height:1.75}.control-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:76px 0;padding:38px 0;border-top:1px solid #33567b55;border-bottom:1px solid #33567b55}.control-panel p{font-size:16px}.connection-section{max-width:820px;margin-bottom:65px}.connection-section p{font-size:17px}.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(110deg,#133b5b,#102140);border:1px solid #4979a766;border-radius:20px;padding:28px 32px}.contact-panel h2{font-size:27px}.contact-panel p{margin:6px 0;font-size:14px}.contact-panel .section-number{font-size:10px}@media(max-width:850px){.workflow-grid{grid-template-columns:1fr}.control-panel{grid-template-columns:1fr;gap:10px;margin:46px 0}.hero{gap:25px;margin-bottom:45px}.contact-panel{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.line-icon{display:block;width:36px;height:36px;color:#7ce7ff;margin:18px 0 12px}.visual-flow{margin:38px 0 45px}.flow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:28px 0}.flow-step{text-align:center;position:relative}.flow-step:not(:last-child):after{content:'→';position:absolute;right:-17px;top:27px;color:#4caed7;font-size:25px}.icon-orbit{display:flex;width:78px;height:78px;align-items:center;justify-content:center;margin:auto;border:1px solid #4cc9f66b;border-radius:24px;background:linear-gradient(135deg,#154a6c,#0c223d);box-shadow:0 0 30px #40b0ec12}.icon-orbit .line-icon{margin:0}.flow-step h3{margin:14px 0 4px;font-size:19px}.flow-step p{font-size:13px;margin:0;color:#a0b9d9}.concept-demo{border:1px solid #385b80;border-radius:20px;background:#08182e;overflow:hidden}.demo-toolbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid #2c4569;padding:14px 20px;color:#9cb7d6;font-size:13px}.demo-toolbar button{margin-left:auto;background:#183b58;color:#d9f5ff;border:1px solid #456a84;border-radius:7px;padding:7px 12px;cursor:pointer}.demo-scenes{position:relative;height:230px}.demo-scene{position:absolute;inset:0;display:flex;align-items:center;gap:28px;padding:30px 40px;opacity:0;animation:walkthrough 20s linear infinite}.demo-scene>.line-icon{width:70px;height:70px;flex-shrink:0}.demo-scene h3{font-size:27px;margin:8px 0}.demo-scene p{margin:6px 0;font-size:15px}.demo-detail{display:inline-block;color:#91ddf4;background:#133451;border:1px solid #2a6283;border-radius:8px;padding:8px 12px;margin-top:10px;font-size:13px}.scene-0{animation-delay:0s}.scene-1{animation-delay:5s}.scene-2{animation-delay:10s}.scene-3{animation-delay:15s}.demo-note{padding:0 20px 15px;color:#8ca5c7;font-size:12px;margin:0;max-width:none}.paused .demo-scene{animation-play-state:paused}@keyframes walkthrough{0%,23%{opacity:1;transform:translateY(0)}25%,99%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@media(max-width:700px){.flow-track{grid-template-columns:repeat(2,1fr);gap:24px}.flow-step:after{display:none}.demo-scenes{height:290px}.demo-scene{padding:25px;gap:16px}.demo-scene>.line-icon{width:40px;height:40px}.demo-scene h3{font-size:22px}.demo-toolbar{flex-wrap:wrap;font-size:12px}}@media(prefers-reduced-motion:reduce){.demo-scenes{height:auto}.demo-scene{animation:none;position:relative;opacity:1;transform:none;border-bottom:1px solid #203955}.demo-toolbar button{display:none}}