:root{--bg:#020816;--panel:#061827e8;--line:#0f5879;--cyan:#31d9ff;--cyan2:#078dff;--text:#edfaff;--muted:#9cc3d6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#0b3653,#020816 45%,#01040b);color:var(--text);font:15px/1.6 Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}
a{color:inherit}.bg-grid{position:fixed;inset:0;z-index:-3;background-image:linear-gradient(#0e85aa12 1px,transparent 1px),linear-gradient(90deg,#0e85aa12 1px,transparent 1px);background-size:40px 40px}#stars{position:fixed;inset:0;z-index:-2}
.scan{position:fixed;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#28dfff,transparent);box-shadow:0 0 18px #28dfff;opacity:.18;animation:scan 9s linear infinite;z-index:-1}@keyframes scan{from{top:0}to{top:100vh}}
.topbar{padding:5px 4vw;text-align:right;font-size:11px;color:#97b5c7;border-bottom:1px solid #0b3850;background:#020713}
nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:12px 4vw;background:#020915ee;border-bottom:1px solid #0c4a69;backdrop-filter:blur(16px)}
.brand{font-size:31px;font-weight:900;letter-spacing:.13em;line-height:.85}.brand small{display:block;font-size:9px;letter-spacing:.18em;margin-top:8px;color:#b8d9e8}.tag{color:var(--cyan);font-weight:700;border-left:1px solid #1b6f91;padding-left:18px}
.links{margin-left:auto}.links a{text-decoration:none;margin:0 7px;font-size:12px;color:#d9f7ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid var(--cyan);border-radius:10px;text-decoration:none;background:linear-gradient(180deg,#0c5577,#07334b);box-shadow:0 0 28px #14dfff20;cursor:pointer;color:#fff;font-weight:700}.btn.primary{background:linear-gradient(135deg,#42e7ff,#128aff);color:#00111b;border:0}
.hero{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;padding:55px 4vw}.eyebrow{font-size:12px;color:var(--cyan);font-weight:800;letter-spacing:.17em;text-transform:uppercase}
h1{font-size:clamp(48px,5.6vw,88px);line-height:.93;margin:12px 0 18px;letter-spacing:-.045em}h2{font-size:clamp(32px,4vw,54px);line-height:1.05;margin:8px 0 16px}h3{margin:4px 0 8px}.lead{font-size:18px;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.visual{min-height:600px;position:relative;display:grid;place-items:center}.globe{width:min(620px,55vw);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 40% 34%,#0e72a4 0 2%,#083c60 16%,#041a2b 48%,#020812 70%);box-shadow:0 0 110px #1cafff2f,inset 0 0 80px #1fdaff1a;border:1px solid #1184b1}.globe:before,.globe:after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid #2fdcff55}.globe:after{inset:19%;animation:spin 11s linear infinite;border-style:dashed}@keyframes spin{to{transform:rotate(360deg)}}.shield{position:absolute;inset:31% 35%;clip-path:polygon(50% 0,95% 20%,88% 72%,50% 100%,12% 72%,5% 20%);background:linear-gradient(180deg,#0d8dc0,#06314b);display:grid;place-items:center;text-align:center;font-size:42px;font-weight:900;box-shadow:0 0 55px #38dfff55}.shield small{display:block;font-size:14px}.orbit{position:absolute;inset:12%;border:1px solid #30dfff66;border-radius:50%;animation:spin 17s linear infinite}.orbit:before{content:"";position:absolute;top:-7px;left:48%;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.flow-card{position:absolute;background:#061827e8;border:1px solid #1b8cb5;border-radius:12px;padding:13px 15px;min-width:165px}.f1{left:1%;top:25%}.f2{left:11%;bottom:14%}.f3{right:0;top:22%}.f4{right:1%;bottom:16%}.f5{left:39%;bottom:1%}
section{padding:68px 4vw}.wrap{max-width:1320px;margin:auto}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.panel{background:linear-gradient(145deg,#061927dc,#03101bdc);border:1px solid #0f5879;border-radius:14px;padding:22px;transition:.25s}.panel:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 18px 45px #0007}
.partner-strip{padding:24px 4vw;border-block:1px solid #0e4059;background:#020b15}.partners{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;text-align:center;font-size:20px}
.video-card{aspect-ratio:16/9;border:1px solid #14749a;border-radius:14px;background:radial-gradient(circle at center,#0d496a,#04131f 70%);position:relative;overflow:hidden;cursor:pointer}.video-card .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cyan);background:#032235dd;font-size:30px;box-shadow:0 0 30px #26ddff55}.video-card .bar{position:absolute;left:8%;right:8%;bottom:13%;height:2px;background:#16536c}.video-card .bar:after{content:"";display:block;height:100%;width:35%;background:var(--cyan);animation:bar 3s infinite}@keyframes bar{50%{width:85%}}
.storage{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.storage .panel{text-align:center}.kpis{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid #0d4b67}.kpi{padding:28px;text-align:center;border-right:1px solid #0c425c}.kpi b{display:block;color:var(--cyan);font-size:28px}
.usecase{min-height:250px}.usecase b{color:var(--cyan)}.whitepaper{position:relative;overflow:hidden}.whitepaper:before{content:"WHITE PAPER";position:absolute;right:-28px;top:22px;transform:rotate(45deg);font-size:10px;letter-spacing:.15em;background:#0b7ba2;padding:5px 35px}.whitepaper p{color:var(--muted)}
.callout{padding:24px;border-left:3px solid var(--cyan);background:#061827;margin:20px 0}.cta{margin:38px auto 0;max-width:1200px;padding:38px;border:1px solid #136487;border-radius:18px;background:radial-gradient(circle at right,#0b4d70,#04131e 60%);display:flex;justify-content:space-between;align-items:center;gap:20px}
.modal{display:none;position:fixed;inset:0;background:#000d;z-index:100;place-items:center;padding:3vw}.modal.on{display:grid}.movie{width:min(1100px,96vw);aspect-ratio:16/9;border:1px solid var(--cyan);border-radius:16px;background:#020812;position:relative}.stage{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:10%}.movie-progress{position:absolute;left:4%;right:4%;bottom:4%;height:3px;background:#153e51}.movie-progress i{display:block;height:100%;width:0;background:var(--cyan)}.close{position:absolute;right:14px;top:12px;z-index:2}
form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{padding:13px;background:#03101a;color:#fff;border:1px solid #155a76;border-radius:9px}textarea.field{grid-column:1/-1;min-height:120px}form .btn{grid-column:1/-1}
footer{padding:42px 4vw;color:#82a9ba;border-top:1px solid #0d4059;background:#020813}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.visual{min-height:570px}.globe{width:min(620px,90vw)}.grid3,.grid4{grid-template-columns:1fr 1fr}.partners{grid-template-columns:repeat(2,1fr)}.links,.tag{display:none}.storage{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid2,.grid3,.grid4,.storage,.kpis,form{grid-template-columns:1fr}.visual{display:none}.hero{min-height:auto}.cta{display:block}}