:root{
  --bg:#04060b; --bg2:#070b14; --panel:#0a1120; --panel2:#0d1628; --line:rgba(110,150,230,.14); --line2:rgba(110,150,230,.26);
  --text:#eaf0fb; --muted:#8d9bb6; --dim:#5f6d88;
  --blue:#1d5cff; --cyan:#5aa6ff; --glow:rgba(29,92,255,.45);
  --warn:#ff9a3c; --danger:#ff4d5e; --ok:#33e0a1;
  --chrome:linear-gradient(180deg,#ffffff 0%,#d4dbe6 45%,#8592a6 70%,#dfe5ee 100%);
  --r:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:Sora,Inter,sans-serif;letter-spacing:-.02em;margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
section{position:relative;padding:110px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.eyebrow:before{content:"";width:18px;height:1px;background:var(--cyan)}
.h2{font-size:clamp(32px,4.4vw,52px);line-height:1.08;font-weight:700;margin:14px 0 16px}
.lead{color:var(--muted);font-size:18px;max-width:640px}
.center{text-align:center}.center .lead{margin:0 auto}
.grad{background:linear-gradient(90deg,#9cc4ff 0%,#4d86ff 50%,#1d5cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 15px Inter,sans-serif;padding:13px 22px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap}
.btn.pri{background:linear-gradient(180deg,#3a78ff,#1747d6);color:#fff;box-shadow:0 8px 30px var(--glow),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.pri:hover{transform:translateY(-1px);box-shadow:0 12px 40px var(--glow)}
.btn.ghost{border-color:var(--line2);color:var(--text);background:rgba(255,255,255,.02)}
.btn.ghost:hover{border-color:var(--cyan);background:rgba(90,166,255,.06)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:30px;border:1px solid var(--line2);background:rgba(13,22,40,.6);font-size:13px;color:#c6d2ea}
.chip i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.card{background:linear-gradient(180deg,rgba(15,24,44,.85),rgba(9,14,26,.85));border:1px solid var(--line);border-radius:var(--r);transition:border-color .25s,transform .25s}
.card:hover{border-color:var(--line2)}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);pointer-events:none;opacity:.55}
.new{font:700 10px Inter,sans-serif;letter-spacing:.12em;padding:3px 8px;border-radius:20px;background:rgba(29,92,255,.16);color:#7cc3ff;border:1px solid rgba(29,92,255,.4)}

/* NAV */
.announce{background:linear-gradient(90deg,#071233,#0c1d4f,#071233);border-bottom:1px solid rgba(29,92,255,.35);text-align:center;font-size:13.5px;color:#c9d6f5;padding:9px 16px}
.announce b{color:#fff}.announce a{color:#8fb4ff;font-weight:600;cursor:pointer;margin-left:6px}.announce .new{margin-right:8px}
@media (max-width:600px){.announce .long{display:none}}
nav.top{position:sticky;top:0;z-index:50;background:rgba(4,6,11,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;gap:26px;height:72px}
.logo{display:flex;align-items:center;gap:11px;cursor:pointer;flex:none}
.logo .licon{height:36px;width:auto}
.logo b{display:block;font:800 21px/1 Sora,Inter,sans-serif;letter-spacing:.04em;background:linear-gradient(180deg,#5b8cff,#1d5cff 60%,#1544c4);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(29,92,255,.45))}
.logo span{display:block;font:600 9px/1 Inter,sans-serif;letter-spacing:.42em;color:#4d86ff;margin-top:4px}
.flogo{width:180px;display:block;margin:-10px 0 0 -10px}
.navlinks{display:flex;gap:24px;font-size:14.5px;color:#c3cde2;margin-left:12px}
.navlinks a{cursor:pointer;transition:color .2s}.navlinks a:hover,.navlinks a.on{color:#fff}
.navright{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14px}
.navright .tel{color:var(--muted)}
.navright .login{color:#c3cde2;display:flex;align-items:center;gap:6px;cursor:pointer}
.navright .login:hover{color:#fff}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line2);color:var(--text);border-radius:10px;padding:8px 11px;font-size:16px;cursor:pointer}
.mnav{display:none}
@media (max-width:1060px){.navlinks,.navright .tel{display:none}}
@media (max-width:760px){
  .navright{display:none}.burger{display:block}
  .mnav.open{display:flex;flex-direction:column;gap:4px;padding:10px 24px 20px;border-top:1px solid var(--line)}
  .mnav a{padding:11px 0;border-bottom:1px solid var(--line);color:#c9d3e8;cursor:pointer}
  .mnav .btn{margin-top:12px;justify-content:center}
}

/* HERO */
.hero{padding:70px 0 90px;overflow:hidden}
.hero .glow{position:absolute;width:900px;height:900px;left:50%;top:-420px;transform:translateX(-30%);background:radial-gradient(circle,rgba(29,92,255,.22),transparent 60%);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative}
.badge{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:30px;background:rgba(13,22,40,.8);border:1px solid var(--line2);font-size:13px;color:#c6d2ea}
.badge b{font:700 10.5px Inter,sans-serif;letter-spacing:.1em;background:var(--blue);color:#fff;padding:4px 9px;border-radius:20px}
.hero h1{font-size:clamp(44px,6.6vw,84px);line-height:.98;font-weight:800;letter-spacing:-.035em;margin:22px 0 20px}
.hero p.lead{font-size:19px}
.hero .ctas{display:flex;gap:12px;margin:30px 0 26px;flex-wrap:wrap}
.hero .chips{display:flex;gap:10px;flex-wrap:wrap}
.stage{position:relative;height:520px}
.stage .halo{position:absolute;inset:8% 0 0 0;background:radial-gradient(circle at 50% 45%,rgba(29,92,255,.32),transparent 60%);filter:blur(10px)}
.stage .hero3d{position:absolute;left:-12%;top:-12%;width:124%;height:88%;border:0;pointer-events:none;background:transparent}
.stage .device{position:absolute;left:-6%;top:2%;width:100%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6)) drop-shadow(0 0 60px rgba(29,92,255,.18));animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}
.live{position:absolute;left:4%;right:0;bottom:0;width:auto;padding:18px;border-radius:18px;background:rgba(9,15,28,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line2);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.live .hd{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:12px}
.live .hd b{color:var(--text);font:600 14px Inter,sans-serif}
.pill{font:700 10px Inter,sans-serif;letter-spacing:.14em;padding:4px 9px;border-radius:20px;background:rgba(51,224,161,.12);color:var(--ok);display:inline-flex;align-items:center;gap:6px}
.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1.4s infinite}
.pill.alert{background:rgba(255,154,60,.14);color:var(--warn)}
@keyframes blink{50%{opacity:.3}}
.live .g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.live .m{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.live .m small{display:block;font-size:11px;color:var(--muted)}
.live .m span{font:500 18px "JetBrains Mono",monospace}
.live .m.hot span{color:var(--warn)}
.live .ft{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dim);margin-top:12px}
.live svg{width:100%;height:26px;margin-top:8px}
@media (max-width:960px){.hero .wrap{grid-template-columns:1fr}.stage{height:480px}}
@media (max-width:520px){.stage{height:470px}.stage .hero3d{height:72%;top:-8%}.live{left:0;padding:12px}.live .g{grid-template-columns:1fr 1fr}.live .m span{font-size:15px}}

/* trust */
.trust{padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.trust .wrap{display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:center}
.trust small{color:var(--dim);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.trust span{color:#9aa8c4;font:600 13px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:0}
.stat{padding:26px}
.stat b{display:block;font:700 40px Sora,Inter,sans-serif;background:linear-gradient(180deg,#fff,#7fc4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{color:var(--muted);font-size:14.5px}
@media (max-width:860px){.stats{grid-template-columns:1fr 1fr}}

/* 3D */
.viewer{margin-top:44px;border-radius:24px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(29,92,255,.08);height:min(720px, calc(100vh - 110px));min-height:500px;background:#05070d;position:relative}
.viewer iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:760px){.viewer{height:min(640px, calc(100vh - 90px));border-radius:18px}}

/* products */
.prods{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px}
.prod{padding:34px;position:relative;overflow:hidden}
.prod.plus{border-color:rgba(29,92,255,.45);background:linear-gradient(180deg,rgba(18,36,70,.9),rgba(9,14,26,.9))}
.prod.plus:after{content:"";position:absolute;right:-120px;top:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(29,92,255,.28),transparent 65%)}
.prod .tag{font:700 11px Inter,sans-serif;letter-spacing:.16em;color:var(--cyan)}
.prod h3{font-size:30px;margin:8px 0 6px}
.prod p{color:var(--muted);margin:0 0 22px}
.prod ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.prod li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#d4dcee}
.prod li:before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:rgba(29,92,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='%2338d0ff' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.prod li.hl{color:#fff;font-weight:600}
.prod li.hl:before{background-color:rgba(29,92,255,.45)}
.prod .ctas{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
@media (max-width:860px){.prods{grid-template-columns:1fr}.prod{padding:26px}}

/* feature cards */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
.fc{padding:26px}
.fc .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(29,92,255,.22),rgba(29,92,255,.06));border:1px solid rgba(29,92,255,.35);margin-bottom:16px}
.fc .ic svg{width:22px;height:22px;stroke:var(--cyan);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fc h4{font-size:18px;margin-bottom:6px}
.fc p{color:var(--muted);font-size:14.5px;margin:0}
@media (max-width:960px){.g3,.g4{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.g3,.g4{grid-template-columns:1fr}}

/* platform */
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
.flist{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:16px}
.flist li{display:flex;gap:14px}
.flist li b{display:block;font:600 15.5px Inter,sans-serif}
.flist li span{color:var(--muted);font-size:14.5px}
.flist .n{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:600 12px "JetBrains Mono",monospace;color:var(--cyan);border:1px solid rgba(90,166,255,.35);background:rgba(90,166,255,.06)}
@media (max-width:960px){.split{grid-template-columns:1fr}}

.dash{border-radius:18px;overflow:hidden;border:1px solid var(--line2);background:#070c17;box-shadow:0 40px 90px rgba(0,0,0,.55);font-size:12px}
.dash .bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:#0a1120}
.dash .bar i{width:9px;height:9px;border-radius:50%;background:#26324a}
.dash .bar span{margin-left:10px;color:var(--muted);font-size:11.5px}
.dash .body{display:grid;grid-template-columns:150px 1fr;min-height:400px}
.dash .side{border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:3px;background:#080d19}
.dash .side div{padding:7px 10px;border-radius:8px;color:var(--muted)}
.dash .side div.on{background:rgba(29,92,255,.14);color:#fff}
.dash .main{padding:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-content:start}
.dash .k{padding:11px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.dash .k small{color:var(--muted);font-size:10.5px}
.dash .k b{display:block;font:500 17px "JetBrains Mono",monospace}
.dash .k em{font-style:normal;font-size:10px;color:var(--ok)}
.dash .chart{grid-column:1/3;padding:12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.dash .chart svg{width:100%;height:150px;display:block}
.dash .feed{grid-row:span 2;padding:12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:8px}
.dash .ev{padding:8px;border-radius:8px;background:rgba(255,255,255,.03);border-left:3px solid var(--blue);font-size:11px;color:#c8d2e8}
.dash .ev.w{border-color:var(--warn)}.dash .ev.d{border-color:var(--danger)}
.dash .ev small{display:block;color:var(--dim);font-size:10px}
.dash .ai{grid-column:1/3;padding:12px;border-radius:10px;border:1px solid rgba(29,92,255,.35);background:linear-gradient(90deg,rgba(29,92,255,.12),rgba(29,92,255,.02));color:#cdd8ee;font-size:11.5px;line-height:1.5}
.dash .ai b{color:var(--cyan);font-size:10.5px;letter-spacing:.12em;display:block;margin-bottom:4px}
.dash .lbl{font-size:10.5px;color:var(--muted);margin-bottom:4px;display:flex;justify-content:space-between}
@media (max-width:640px){.dash .body{grid-template-columns:1fr}.dash .side{display:none}.dash .main{grid-template-columns:1fr 1fr}.dash .chart,.dash .ai{grid-column:1/3}.dash .feed{grid-column:1/3;grid-row:auto}}

/* floor plan */
.plan{border-radius:18px;border:1px solid var(--line2);background:#070c17;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.plan svg{width:100%;height:auto;display:block}

/* sensor library */
.libtabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:40px 0 26px}
.libtabs button{font:600 14px Inter,sans-serif;color:#c3cde2;background:rgba(255,255,255,.03);border:1px solid var(--line2);border-radius:30px;padding:9px 16px;cursor:pointer}
.libtabs button.on{background:rgba(29,92,255,.18);border-color:var(--blue);color:#fff}
.lib{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:980px;margin:0 auto}
.sch{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,24,44,.85),rgba(9,14,26,.85));font-size:14.5px;animation:pop .35s both}
.sch small{color:var(--dim);font:500 12px "JetBrains Mono",monospace}
.sch i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.sch.p i{background:#9aa6ff}.sch.c i{background:var(--warn)}
@keyframes pop{from{opacity:0;transform:translateY(6px)}}
.legend{display:flex;gap:20px;justify-content:center;margin-top:24px;color:var(--muted);font-size:13px;flex-wrap:wrap}
.legend span{display:flex;align-items:center;gap:7px}.legend i{width:7px;height:7px;border-radius:50%}

/* audiences */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.path{padding:38px;position:relative;overflow:hidden;cursor:pointer}
.path:hover{transform:translateY(-3px);border-color:var(--blue)}
.path h3{font-size:28px;margin:10px 0}
.path p{color:var(--muted);margin:0 0 22px}
.path .arrow{color:var(--cyan);font-weight:600}
@media (max-width:860px){.paths{grid-template-columns:1fr}}

/* forms */
.formcard{padding:34px;max-width:860px;margin:44px auto 0}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fgrid .full{grid-column:1/3}
label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:500}
input,select,textarea{width:100%;font:15px Inter;color:var(--text);background:#060b16;border:1px solid var(--line2);border-radius:10px;padding:12px 13px;outline:none;transition:border-color .2s}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,92,255,.15)}
textarea{min-height:110px;resize:vertical}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{display:flex;align-items:center;gap:7px;margin:0;padding:8px 12px;border:1px solid var(--line2);border-radius:30px;cursor:pointer;color:#c9d3e8;font-size:13.5px}
.checks input{width:auto;accent-color:var(--blue)}
.fnote{margin-top:14px;font-size:13.5px;color:var(--muted);display:none;padding:12px 14px;border-radius:10px;border:1px solid rgba(29,92,255,.4);background:rgba(29,92,255,.08)}
.fnote.show{display:block}
@media (max-width:640px){.fgrid{grid-template-columns:1fr}.fgrid .full{grid-column:1}.formcard{padding:22px}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px;counter-reset:s}
.step{padding:24px;position:relative}
.step:before{counter-increment:s;content:"0" counter(s);font:600 13px "JetBrains Mono",monospace;color:var(--cyan);display:block;margin-bottom:12px}
.step h4{font-size:17px;margin-bottom:6px}.step p{color:var(--muted);font-size:14.5px;margin:0}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* portal */
.portal{display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:start;margin-top:40px}
.login{padding:32px}
.login h3{font-size:24px;margin-bottom:6px}
.login .sub{color:var(--muted);font-size:14px;margin-bottom:22px}
.login .row{margin-bottom:14px}
.login .alt{margin-top:18px;font-size:13.5px;color:var(--muted);text-align:center}
.login .alt a{color:var(--cyan);cursor:pointer}
@media (max-width:900px){.portal{grid-template-columns:1fr}}

/* cta + footer */
.cta{padding:90px 0;text-align:center;background:radial-gradient(ellipse at 50% 100%,rgba(29,92,255,.2),transparent 60%)}
footer{border-top:1px solid var(--line);padding:60px 0 34px;background:var(--bg2);font-size:14px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:30px}
footer h5{font:600 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 14px}
footer a{display:block;color:#b5c0d6;margin-bottom:9px;cursor:pointer}footer a:hover{color:#fff}
footer p{color:var(--muted);margin:14px 0 0;font-size:13.5px;max-width:290px}
footer .base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);color:var(--dim);font-size:12.5px}
@media (max-width:960px){footer .cols{grid-template-columns:1fr 1fr}}

.view{display:none}.view.on{display:block}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.stage .halo{position:absolute;inset:8% 0 0 0;background:radial-gradient(circle at 50% 45%,rgba(29,92,255,.32),transparent 60%);filter:blur(10px)}
.stage .hero3d{position:absolute;left:-12%;top:-12%;width:124%;height:88%;border:0;pointer-events:none;background:transparent}
.stage .device{animation:none}}
@media (max-width:760px){section{padding:76px 0}.hero{padding:40px 0 60px}}

.split-r{grid-template-columns:1.1fr .9fr}
section[id]{scroll-margin-top:84px}
.card h3,.card h4{line-height:1.2}
/* mobile menu as overlay so it never pushes the page */
@media (max-width:760px){
  nav.top{position:sticky}
  .mnav{position:absolute;left:0;right:0;top:100%;background:rgba(5,8,15,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.6)}
  .mnav a{font-size:17px;padding:15px 0}
}
/* ---------- phone layout ---------- */
@media (max-width:760px){
  .wrap{padding:0 20px}
  section{padding:64px 0}
  .h2{font-size:31px;line-height:1.14;margin:12px 0 14px}
  .lead{font-size:16.5px;line-height:1.6}
  .eyebrow{font-size:11px;letter-spacing:.14em}
  .eyebrow:before{width:14px}
  .center .lead{max-width:34ch}
  .announce{font-size:12.5px;padding:8px 12px}
  nav.top .wrap{height:64px}
  .logo .licon{height:30px}.logo b{font-size:19px}

  .hero{padding:28px 0 40px}
  .hero .wrap{gap:26px}
  .badge{font-size:12px;padding:5px 12px 5px 5px}
  .hero h1{font-size:44px;line-height:1.02;margin:18px 0 16px}
  .hero p.lead{font-size:16.5px}
  .hero .ctas{flex-direction:column;align-items:stretch;margin:24px 0 20px}
  .hero .ctas .btn{justify-content:center;padding:15px}
  .hero .chips{gap:8px}
  .chip{font-size:12.5px;padding:6px 11px}
  .stage{height:auto;display:flex;flex-direction:column;gap:14px}
  .stage .halo{inset:0 0 auto 0;height:320px}
  .stage .hero3d{position:relative;left:auto;top:auto;width:100%;height:320px;
    -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 55%,transparent 100%)}
  .live{position:relative;left:auto;right:auto;bottom:auto;width:100%;padding:14px}
  .live .g{grid-template-columns:repeat(4,1fr);gap:6px}
  .live .m{padding:8px 8px}
  .live .m small{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .live .m span{font-size:15px}
  .live .hd{margin-bottom:10px}

  .trust{padding:22px 0}
  .trust .wrap{gap:8px 8px}
  .trust small{width:100%;text-align:center;margin-bottom:4px}
  .trust span{font-size:11px;letter-spacing:.08em;padding:6px 10px;border:1px solid var(--line);border-radius:20px}

  .stats{grid-template-columns:1fr;gap:10px}
  .stat{padding:18px 20px;display:flex;align-items:baseline;gap:14px}
  .stat b{font-size:28px;flex:none;min-width:84px}
  .stat span{font-size:14px;line-height:1.45}

  .viewer{height:min(620px, calc(100vh - 80px));min-height:480px;margin-top:30px}
  .prods{gap:16px;margin-top:32px}
  .prod{padding:24px 20px}
  .prod h3{font-size:24px}
  .prod li{font-size:14.5px}
  .prod .ctas{flex-direction:column}
  .prod .ctas .btn{justify-content:center}
  .g3,.g4{gap:12px;margin-top:32px}
  .fc{padding:20px;display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start}
  .fc .ic{margin:0;grid-row:span 2}
  .fc h4{font-size:16.5px;margin:2px 0 4px}
  .fc p{font-size:14px;line-height:1.5}
  .split,.split-r{grid-template-columns:1fr;gap:32px}
  .split-r .plan{order:2}
  .flist li span{font-size:14px}
  .dash{font-size:11px}
  .libtabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:28px -20px 18px;padding:0 20px 6px;scrollbar-width:none}
  .libtabs::-webkit-scrollbar{display:none}
  .libtabs button{flex:none;font-size:13px;padding:8px 14px}
  .lib{gap:7px}
  .sch{font-size:13px;padding:8px 12px;gap:7px}
  .sch small{font-size:10.5px}
  .legend{gap:10px 16px;font-size:12px}
  .paths{gap:14px}
  .path{padding:26px 22px}
  .path h3{font-size:23px}
  .formcard{padding:20px;margin-top:30px}
  .checks label{font-size:13px;padding:7px 11px}
  .steps{gap:12px;margin-top:30px}
  .cta{padding:56px 0}
  .portal{margin-top:26px;gap:20px}
  .login{padding:24px 20px}
  footer{padding:44px 0 28px}
  footer .cols{grid-template-columns:1fr 1fr;gap:26px 18px}
  footer .cols > div:first-child{grid-column:1/-1}
  .flogo{width:140px}
  footer .base{flex-direction:column;gap:8px;margin-top:30px}
}

/* why band */
.whyband{border:1px solid var(--line2);border-radius:24px;padding:40px;background:linear-gradient(135deg,rgba(29,92,255,.14),rgba(9,14,26,.9) 55%);position:relative;overflow:hidden}
.whyband:after{content:"";position:absolute;right:-160px;top:-160px;width:420px;height:420px;background:radial-gradient(circle,rgba(29,92,255,.25),transparent 65%)}
.whyhd{max-width:680px;position:relative;z-index:1}
.whyg{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px;position:relative;z-index:1}
.wst{border-top:1px solid var(--line2);padding-top:18px}
.wst b{display:block;font:800 46px/1 Sora,Inter,sans-serif;background:linear-gradient(180deg,#fff,#7fa8ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.wst p{color:#c9d3e8;margin:0 0 10px;font-size:15px}
.wst small{color:var(--dim);font-size:12px}
.fine{color:var(--dim);font-size:12.5px;text-align:center;margin-top:16px}
a.inl{color:#8fb4ff;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
/* compare */
.cmpwrap{margin-top:44px;overflow-x:auto;border-radius:20px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(15,24,44,.85),rgba(9,14,26,.85))}
table.cmp{width:100%;border-collapse:collapse;min-width:620px}
.cmp th,.cmp td{padding:15px 18px;text-align:center;border-bottom:1px solid var(--line);font-size:14.5px}
.cmp td:first-child,.cmp th:first-child{text-align:left;color:#d4dcee}
.cmp thead th{font:600 13px Inter,sans-serif;color:var(--muted);letter-spacing:.04em;padding:18px}
.cmp th.us{color:#fff;font:700 15px Sora,Inter,sans-serif}
.cmp th.us img{height:16px;vertical-align:-2px;margin-right:6px}
.cmp .us{background:rgba(29,92,255,.1);border-left:1px solid rgba(29,92,255,.35);border-right:1px solid rgba(29,92,255,.35)}
.cmp .y{color:#7fa8ff;font-weight:700;font-size:17px}.cmp .us.y{color:#5aa6ff}
.cmp .n{color:var(--dim)}.cmp .m{color:var(--muted);font-size:13px}.cmp .x{color:#ff6b78;font-weight:700}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp .sm{display:none}
/* estimator */
.est{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:44px;align-items:start}
.estin{padding:26px;display:grid;gap:16px}
.erow{display:grid;grid-template-columns:1fr 150px;gap:14px;align-items:center}
.erow label{margin:0;font-size:14px;color:#c9d3e8}
.erow select{grid-column:2}
.erow:first-child{grid-template-columns:1fr 1.2fr}
.erow.chk{grid-template-columns:1fr}.erow.chk label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13.5px}
.erow.chk input{width:auto;accent-color:var(--blue)}
.stepper{display:flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:#060b16}
.stepper button{width:40px;border:0;background:rgba(255,255,255,.04);color:var(--text);font-size:18px;cursor:pointer}
.stepper button:hover{background:rgba(29,92,255,.2)}
.stepper input{border:0;border-radius:0;text-align:center;padding:10px 4px;background:transparent;-moz-appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.estout{padding:26px;position:sticky;top:96px;border-color:rgba(29,92,255,.45);background:linear-gradient(180deg,rgba(18,36,80,.9),rgba(9,14,26,.92))}
.eh{font:700 11px Inter,sans-serif;letter-spacing:.16em;color:#8fb4ff;margin-bottom:16px}
.eres{display:grid;gap:12px;margin-bottom:16px}
.eres>div{display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.eres b{grid-row:span 2;font:800 34px/1 Sora,Inter,sans-serif;color:#fff;text-align:center}
.eres span{font-weight:600}.eres small{color:var(--muted);font-size:12.5px}
.esum{font-size:13px;color:var(--muted);margin-bottom:16px}
/* about */
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.aboutg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ab{padding:22px}.ab b{display:block;font:700 18px Sora,Inter,sans-serif;margin-bottom:6px;background:linear-gradient(90deg,#fff,#8fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab span{color:var(--muted);font-size:14px}
/* faq */
.faq{max-width:820px;margin:40px auto 0;display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(15,24,44,.8),rgba(9,14,26,.8));transition:border-color .2s}
.faq details[open]{border-color:rgba(29,92,255,.45)}
.faq summary{cursor:pointer;list-style:none;padding:18px 22px;font:600 16px Inter,sans-serif;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:400 24px/1 Inter,sans-serif;color:#8fb4ff;transition:transform .25s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:15px;line-height:1.65}
.faq a{color:#8fb4ff;cursor:pointer}
/* specs */
.spectabs{display:inline-flex;gap:6px;margin-top:28px;padding:5px;border:1px solid var(--line2);border-radius:14px;background:rgba(9,14,26,.8)}
.spectabs button{font:600 14px Inter,sans-serif;color:var(--muted);background:none;border:0;border-radius:10px;padding:10px 18px;cursor:pointer}
.spectabs button.on{background:linear-gradient(180deg,#3a78ff,#1747d6);color:#fff}
.specgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:start}
.specside{padding:30px;position:sticky;top:96px}
.specside .tag{font:700 11px Inter,sans-serif;letter-spacing:.16em;color:var(--cyan)}
.specside h3{font-size:24px;margin:10px 0}
.specside p{color:var(--muted);font-size:15px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pills span{font-size:12px;padding:5px 10px;border-radius:20px;border:1px solid var(--line2);color:#c6d2ea}
.spectbl{padding:8px 26px 18px}
.spectbl table{width:100%;border-collapse:collapse}
.spectbl th{text-align:left;font:700 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8fb4ff;padding:22px 0 8px}
.spectbl td{padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}
.spectbl td:first-child{color:var(--muted);width:36%;padding-right:16px}
@media (max-width:960px){.whyg{grid-template-columns:1fr}.est,.about,.specgrid{grid-template-columns:1fr}.estout,.specside{position:relative;top:auto}}
@media (max-width:760px){
  .whyband{padding:26px 20px;border-radius:18px}
  .whyg{gap:18px;margin-top:24px}
  .wst b{font-size:38px}
  .cmpwrap{margin:30px 0 0;border-radius:16px;overflow:hidden}
  table.cmp{min-width:0;table-layout:fixed}
  .cmp th,.cmp td{padding:12px 6px;font-size:13px}
  .cmp td:first-child,.cmp th:first-child{width:46%;padding-left:14px}
  .cmp thead th{font-size:11px;padding:14px 4px;letter-spacing:0}
  .cmp th.us{font-size:12px}.cmp th.us img{display:block;margin:0 auto 4px;height:14px}
  .cmp .lg{display:none}.cmp .sm{display:inline}
  .cmp .m{font-size:11px}
  .estin,.estout{padding:20px}
  .erow{grid-template-columns:1fr 128px}
  .erow:first-child{grid-template-columns:1fr}
  .erow select{grid-column:1}
  .aboutg{grid-template-columns:1fr 1fr;gap:10px}
  .ab{padding:16px}.ab b{font-size:16px}.ab span{font-size:13px}
  .faq summary{padding:16px 18px;font-size:15px}
  .faq details p{padding:0 18px 16px;font-size:14.5px}
  .spectbl{padding:4px 18px 14px}
  .spectbl td{font-size:13.5px}
  .spectbl td:first-child{width:40%}
  .specside{padding:22px}
}

.omark{position:relative;display:inline-block;line-height:0;vertical-align:middle}
.omark img{animation:logoGlow 2.8s ease-in-out infinite}
.omark:before,.omark:after{content:"";position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.6);border-radius:50%;border:1.5px solid rgba(90,150,255,.75);opacity:0;pointer-events:none;animation:omarkRing 2.8s ease-out infinite}
.omark:after{animation-delay:1.4s}
@keyframes omarkRing{0%{transform:translate(-50%,-50%) scale(.6);opacity:.9}70%{opacity:.15}100%{transform:translate(-50%,-50%) scale(4.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.omark img{animation:none}.omark:before,.omark:after{display:none}}

/* animated logo mark: pulsing signal rings, text stays still */
.logo{position:relative}
.logo .licon{animation:logoGlow 2.8s ease-in-out infinite;transform-origin:50% 50%}
.logo:before,.logo:after{content:"";position:absolute;left:24px;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:1.5px solid rgba(90,150,255,.75);opacity:0;pointer-events:none;animation:logoRing 2.8s ease-out infinite}
.logo:after{animation-delay:1.4s}
@keyframes logoRing{0%{transform:scale(.6);opacity:.9}70%{opacity:.15}100%{transform:scale(4.2);opacity:0}}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(29,92,255,.35));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(70,130,255,.9));transform:scale(1.06)}}
.flogo2 .licon{height:54px}
.flogo2 b{font-size:30px}.flogo2 span{font-size:11px;letter-spacing:.46em;margin-top:6px}
.flogo2:before,.flogo2:after{left:37px;width:16px;height:16px;margin:-8px 0 0 -8px}
@media (prefers-reduced-motion:reduce){.logo .licon,.logo:before,.logo:after{animation:none}.logo:before,.logo:after{display:none}}
@media (max-width:760px){.logo:before,.logo:after{left:21px}}
@media (max-width:760px){.flogo2 .licon{height:54px}.flogo2:before,.flogo2:after{left:37px}.flogo2 b{font-size:28px}}

.announce a{display:inline-block;padding:6px 4px}
a.inl{display:inline-block;padding:4px 0}
.login .alt a{display:inline-block;padding:6px 0}
/* ---------- multi-page additions ---------- */
.view{display:block}
body{animation:pagein .45s ease both}
body.leaving{opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}
@keyframes pagein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){body{animation:none}body.leaving{transition:none}}
.logo{text-decoration:none}
.navlinks{align-items:center;gap:6px}
.navlinks>a,.ddb{font:500 14.5px Inter,sans-serif;color:#c3cde2;background:none;border:0;padding:10px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s,background .2s}
.navlinks>a:hover,.ddb:hover,.dd.open .ddb{color:#fff;background:rgba(255,255,255,.04)}
.navlinks .on>.ddb,.navlinks>a.on{color:#fff}
.navlinks .on>.ddb:after,.navlinks>a.on:after{content:"";position:absolute}
.ddb i,.mgb i{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;opacity:.7}
.dd{position:relative}
.dd.open .ddb i{transform:rotate(-135deg) translateY(-1px)}
.ddm{position:absolute;top:calc(100% + 10px);left:-10px;min-width:280px;padding:10px;border-radius:16px;background:#0a101d;border:1px solid var(--line2);box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(29,92,255,.06);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.dd.open .ddm,.dd:hover .ddm{opacity:1;visibility:visible;transform:none}
.dd:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.ddm a{display:block;padding:11px 12px;border-radius:10px;text-decoration:none;transition:background .15s}
.ddm a:hover{background:rgba(29,92,255,.12)}
.ddm a b{display:block;color:#fff;font:600 14px Inter,sans-serif}
.ddm a span{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.ddm.wide{width:520px;display:grid;grid-template-columns:200px 1fr;gap:6px}
.ddm .ddf{background:linear-gradient(160deg,#16306e,#0c1730);border:1px solid rgba(29,92,255,.3);display:flex;flex-direction:column;justify-content:flex-end;min-height:150px}
.ddc{display:grid}
.dd[data-nav=industries] .ddm{width:560px;display:grid;grid-template-columns:1fr 1fr}
.navright .tel{text-decoration:none}
@media (max-width:1180px){.navright .tel{display:none}}
@media (max-width:1060px){.navlinks{display:none}.burger{display:block;margin-left:auto}.navright{display:none}
  .mnav.open{display:flex;flex-direction:column;gap:2px;padding:10px 24px 22px;border-top:1px solid var(--line);position:absolute;left:0;right:0;top:100%;background:#05080f;border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.6);max-height:calc(100vh - 110px);overflow-y:auto}
  .mnav>a,.mgb{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:none;color:#dfe6f5;font:500 17px Inter,sans-serif;text-decoration:none;cursor:pointer;text-align:left}
  .mgl{display:none;padding:4px 0 10px 14px;border-bottom:1px solid var(--line)}
  .mg.open .mgl{display:block}.mg.open .mgb i{transform:rotate(-135deg)}
  .mgl a{display:block;padding:10px 0;color:var(--muted);font-size:15.5px;text-decoration:none}
  .mnav .btn{margin-top:14px;justify-content:center;border-bottom:0}
}
.crumbbar{border-bottom:1px solid var(--line);background:rgba(7,11,20,.6);font-size:13px;color:var(--dim)}
.crumbbar .wrap{padding-top:12px;padding-bottom:12px}
.crumbbar a{color:var(--muted);text-decoration:none}.crumbbar a:hover{color:#fff}
.crumbbar span{margin:0 8px;opacity:.5}.crumbbar b{color:#c9d3e8;font-weight:500}
section.first{position:relative;padding-top:80px;background:radial-gradient(ellipse at 50% -10%,rgba(29,92,255,.18),transparent 60%)}
section.phero{padding-top:70px}
.ctaband{padding:40px 0 100px}
.ctabox{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:44px;border-radius:24px;border:1px solid rgba(29,92,255,.4);background:linear-gradient(120deg,rgba(29,92,255,.22),rgba(9,14,26,.9) 60%);position:relative;overflow:hidden}
.ctabox:after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;background:radial-gradient(circle,rgba(29,92,255,.3),transparent 65%)}
.ctabox>*{position:relative;z-index:1}
.ctabtns{display:flex;gap:12px;flex-wrap:wrap;flex:none}
.explore .xg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.xc{padding:26px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:transform .25s,border-color .25s}
.xc:hover{transform:translateY(-4px);border-color:rgba(29,92,255,.55)}
.xn{font:600 12px "JetBrains Mono",monospace;color:var(--cyan)}
.xc h4{font-size:18px;color:#fff}.xc p{color:var(--muted);font-size:14.5px;margin:0;flex:1}
.xc em{font-style:normal;color:#8fb4ff;font-weight:600;font-size:14px;margin-top:8px}
[data-href]{cursor:pointer}
.fc.noic,.fc:not(:has(.ic)){display:block}
.fc.noic h4,.fc:not(:has(.ic)) h4{margin:0 0 8px}
.xlearn{display:block;font-style:normal;color:#8fb4ff;font-weight:600;font-size:13.5px;margin-top:10px;grid-column:2}
a.fc{text-decoration:none;color:inherit}a.fc:hover{border-color:rgba(29,92,255,.55)}
.fc:target{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 0 40px rgba(29,92,255,.35)}
.ucnav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.ucnav a{font-size:13.5px;padding:8px 14px;border-radius:30px;border:1px solid var(--line2);color:#c6d2ea;text-decoration:none;background:rgba(13,22,40,.6)}
.ucnav a:hover{border-color:var(--blue);color:#fff}
.ucsec{padding:70px 0}
.ucgh{margin-bottom:22px}
.ucg{display:grid;gap:16px}
.uc{padding:28px}
.uch{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;margin-bottom:20px}
.ucn{font:700 28px/1 Sora,Inter,sans-serif;background:linear-gradient(180deg,#8fb4ff,#1d5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ucind{font:600 11.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.uch h3{font-size:22px;line-height:1.2}
.uctag{font:700 10.5px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:20px;background:rgba(90,166,255,.12);color:#8fc0ff;border:1px solid rgba(90,166,255,.3);white-space:nowrap}
.uctag.plus{background:rgba(29,92,255,.2);color:#b7caff;border-color:rgba(29,92,255,.5)}
.ucb{display:grid;grid-template-columns:1fr 1fr .8fr;gap:24px;border-top:1px solid var(--line);padding-top:20px}
.ucb h5{margin:0 0 8px;font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8fb4ff}
.ucb p{margin:0;color:#c9d3e8;font-size:14.5px;line-height:1.6}
.ucb ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.ucb li{font-size:14px;color:#c9d3e8;padding-left:18px;position:relative}
.ucb li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue)}
@media (max-width:900px){.ucb{grid-template-columns:1fr;gap:16px}}
@media (max-width:760px){.ucsec{padding:48px 0}.uc{padding:20px}.uch{grid-template-columns:auto 1fr;gap:12px}.uctag{grid-column:1/-1;justify-self:start}.uch h3{font-size:18.5px}.ucn{font-size:22px}}
@media (max-width:960px){.explore .xg{grid-template-columns:1fr 1fr}.ctabox{flex-direction:column;align-items:flex-start}}
@media (max-width:760px){
  section.first{padding-top:48px}
  section.phero{padding-top:36px}
  .explore .xg{grid-template-columns:1fr;gap:12px;margin-top:28px}
  .xc{padding:20px}
  .ctaband{padding:20px 0 64px}
  .ctabox{padding:26px 22px;border-radius:18px}
  .ctabtns{width:100%;flex-direction:column}.ctabtns .btn{justify-content:center}
  .crumbbar{font-size:12px}
}

/* demos */
.dmidx{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.dmi{padding:24px;text-decoration:none;display:block;transition:transform .25s,border-color .25s}.dmi:hover{transform:translateY(-3px);border-color:rgba(29,92,255,.55)}
.dmi h4{color:#fff;font-size:18px;margin:8px 0 6px}.dmi p{color:var(--muted);font-size:14.5px;margin:0}
.dsec{padding:90px 0}
.dhead{margin-bottom:26px}.dhead h2{font-size:clamp(26px,3.4vw,38px);margin:8px 0}.dhead p{color:var(--muted);margin:0}
.demo{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;align-items:start}
.dstage{border-radius:20px;overflow:hidden;border:1px solid var(--line2);background:#0a1120}
.dstage svg{display:block;width:100%;height:auto}
.dctl{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;background:#080e1a}
.btn.red{background:linear-gradient(180deg,#ff5a68,#d92c3c);box-shadow:0 8px 30px rgba(255,77,94,.35)}
.ptimer{margin-left:auto;font:500 15px "JetBrains Mono",monospace;color:#ffb3ba}
.phone{border-radius:26px;border:1px solid var(--line2);background:linear-gradient(180deg,#0d1628,#080d18);padding:16px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.pbar{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:12px}
.pstat{padding:14px;border-radius:14px;background:rgba(51,224,161,.08);border:1px solid rgba(51,224,161,.3);margin-bottom:12px;transition:all .3s}
.pstat b{display:block;font:700 16px Sora,Inter,sans-serif;color:#7ef0c4}.pstat small{color:var(--muted);font-size:12.5px}
.pstat.warn{background:rgba(255,154,60,.1);border-color:rgba(255,154,60,.5)}.pstat.warn b{color:#ffb36b}
.pstat.info{background:rgba(90,166,255,.1);border-color:rgba(90,166,255,.45)}.pstat.info b{color:#9cc8ff}
.pstat.crit{background:rgba(255,77,94,.12);border-color:rgba(255,77,94,.6);animation:pulse 1s infinite}.pstat.crit b{color:#ff8f9a}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(255,77,94,.12)}}
.pread{display:grid;gap:8px;margin-bottom:12px}
.pread>div{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03)}
.pread small{color:var(--muted);font-size:12px}.pread span{font:500 15px "JetBrains Mono",monospace;text-align:right}
.pread i{grid-column:1/-1;height:4px;border-radius:3px;background:rgba(255,255,255,.06);margin-top:6px;overflow:hidden}
.pread i b{display:block;height:100%;width:5%;background:var(--cyan);transition:width .3s,background .3s}
.plog{display:grid;gap:6px;max-height:170px;overflow:auto}
.pl{font-size:12.5px;color:#c9d3e8;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.03);border-left:3px solid var(--blue)}
.pl.w{border-color:var(--warn)}.pl.d{border-color:var(--danger)}.pl.g{border-color:var(--ok)}
.pl small{color:var(--dim);margin-right:6px;font-family:"JetBrains Mono",monospace}
.prec{display:grid;gap:6px;margin-bottom:12px}
.prec>div{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.03);font-size:13.5px;color:var(--muted);transition:all .3s}
.prec small{margin-left:auto;font-size:11.5px;color:var(--dim)}
.prec i{width:16px;height:16px;border-radius:50%;border:1.5px solid #2d3d60;flex:none}
.prec .ok{color:#fff;background:rgba(51,224,161,.08)}.prec .ok i{background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='%23062' stroke-width='2.6' fill='none'/%3E%3C/svg%3E") center/11px no-repeat;border-color:var(--ok)}
/* assessment */
.quiz{max-width:760px;margin:40px auto 0;padding:34px}
.qprog{height:4px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden;margin-bottom:26px}.qprog b{display:block;height:100%;width:0;background:linear-gradient(90deg,#5aa6ff,#1d5cff);transition:width .35s}
.qstep h3{font-size:22px;margin-bottom:18px;line-height:1.3}
.qopts{display:grid;gap:10px}
.qopt{text-align:left;font:500 15.5px Inter,sans-serif;color:#dfe6f5;background:rgba(255,255,255,.03);border:1px solid var(--line2);border-radius:12px;padding:15px 18px;cursor:pointer;transition:all .18s}
.qopt:hover{border-color:var(--blue);background:rgba(29,92,255,.1)}
.qopt.sel{border-color:var(--blue);background:rgba(29,92,255,.18);color:#fff}
.qnav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:var(--dim);font-size:13px}
.qres{max-width:900px;margin:40px auto 0;padding:34px;display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:start}
.qres[hidden]{display:none}
.qscore{position:relative;width:180px;height:180px}.qscore svg{width:100%;height:100%}
.qscore>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.qscore b{font:800 48px/1 Sora,Inter,sans-serif}.qscore small{color:var(--muted);font-size:12px;margin-top:6px}
.qbody h3{font-size:24px;margin-bottom:8px}.qbody>p{color:var(--muted);margin:0 0 16px}
.qgaps{display:grid;gap:8px;margin-bottom:16px}
.qgap{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#d4dcee}
.qgap i{flex:none;width:9px;height:9px;border-radius:50%;margin-top:7px;background:var(--warn);box-shadow:0 0 8px var(--warn)}
.qgap.ok i{background:var(--ok);box-shadow:0 0 8px var(--ok)}
.qrec{padding:16px;border-radius:14px;border:1px solid rgba(29,92,255,.45);background:rgba(29,92,255,.1);margin-bottom:18px;font-size:14.5px;color:#d4dcee}
.qrec b{color:#fff}.qrec h5{margin:0 0 8px;font:700 11px Inter,sans-serif;letter-spacing:.14em;color:#8fb4ff}
.qbtns{display:flex;gap:10px;flex-wrap:wrap}
/* legislation */
.lg{display:grid;gap:16px;margin-top:36px}
.lgc{padding:30px}.lgc h3{font-size:22px;margin:10px 0}.lgc p{color:#c9d3e8;font-size:15px;line-height:1.65}
.lgc ul{color:#c9d3e8;font-size:15px;line-height:1.6;padding-left:20px}.lgc li{margin-bottom:6px}
.lgc .rel{padding:14px 16px;border-radius:12px;background:rgba(29,92,255,.08);border:1px solid rgba(29,92,255,.3);font-size:14.5px}
.arttag{display:inline-block;font:700 10.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:rgba(90,166,255,.12);color:#8fc0ff;border:1px solid rgba(90,166,255,.3)}
/* insights */
.artg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.artc{padding:28px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:250px;transition:transform .25s,border-color .25s}
.artc:hover{transform:translateY(-3px);border-color:rgba(29,92,255,.55)}
.artc h3{color:#fff;font-size:22px;margin:12px 0 8px;line-height:1.25}.artc p{color:var(--muted);font-size:14.5px;margin:0}
.artcf{display:flex;justify-content:space-between;font-size:13px;color:var(--dim)}.artcf em{font-style:normal;color:#8fb4ff;font-weight:600}
.art{max-width:780px}
.artmeta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.artmeta span:first-child{color:#8fb4ff;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.arthead h1{font-size:clamp(32px,4.6vw,52px);line-height:1.1;margin:14px 0}
.byline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;margin-top:18px;padding-bottom:26px;border-bottom:1px solid var(--line)}.byline img{height:22px}
.artbody{margin-top:26px;font-size:17px;line-height:1.75;color:#d4dcee}
.artbody h2{font-size:24px;margin:36px 0 12px}
.artbody ul,.artbody ol{padding-left:22px}.artbody li{margin-bottom:8px}
.artbody a{color:#8fb4ff;overflow-wrap:anywhere;word-break:break-word}
.artbody h3{font-size:19px;margin:30px 0 10px}
.artbody p strong{color:#fff}
.artbody .src{font-size:13px;color:var(--dim);border-top:1px solid var(--line);padding-top:16px;margin-top:30px}
.artend{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
/* leadership */
.leadg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.leadc{padding:28px;display:grid;grid-template-columns:84px 1fr;gap:20px;align-items:start}
.av{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font:700 26px Sora,Inter,sans-serif;color:#fff;background:radial-gradient(circle at 30% 30%,#2f6bff,#0c1f55);border:2px solid rgba(143,180,255,.5);box-shadow:0 0 30px rgba(29,92,255,.35)}
.leadc h4{font-size:19px}.role{color:#8fb4ff;font-size:13.5px;font-weight:600;margin:4px 0 10px}.leadc p{color:var(--muted);font-size:14.5px;margin:0}
.xlink{display:flex;align-items:center;gap:20px;padding:24px 28px;border-color:rgba(29,92,255,.35)}
.xlink img{height:34px}.xlink b{display:block;font-size:16px;margin-bottom:4px}.xlink span{color:var(--muted);font-size:14px}.xlink .btn{margin-left:auto;flex:none}
/* legal */
.legal{max-width:820px}.legal h1{font-size:clamp(32px,4.4vw,48px);margin:12px 0 4px}.upd{color:var(--dim);font-size:13.5px;margin-bottom:26px}
.legal h2{font-size:20px;margin:30px 0 10px}.legal p,.legal li{color:#c9d3e8;font-size:15.5px;line-height:1.7}.legal ul{padding-left:22px}
footer .legalinks a{display:inline;margin:0 0 0 14px;color:var(--dim)}
@media (max-width:960px){.demo{grid-template-columns:1fr}.dmidx{grid-template-columns:1fr}.artg,.leadg{grid-template-columns:1fr}.qres{grid-template-columns:1fr;justify-items:center;text-align:center}.qbody{text-align:left}}
@media (max-width:760px){.dsec{padding:56px 0}.quiz{padding:22px}.qstep h3{font-size:19px}.qres{padding:22px}.lgc{padding:22px}.artc{padding:22px;min-height:0}.artbody{font-size:16px}.leadc{padding:20px;grid-template-columns:60px 1fr;gap:14px}.av{width:60px;height:60px;font-size:19px}.xlink{flex-direction:column;align-items:flex-start}.xlink .btn{margin-left:0}.ptimer{margin-left:0}}

.iphero{padding-bottom:40px}
.ihg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.ihc{padding:26px}.ihc h4{font-size:19px;margin:12px 0 6px}.ihc p{color:var(--muted);margin:0;font-size:15px}
.ideploy{padding:8px 26px;margin-top:36px;overflow-x:auto}
.ideploy table{width:100%;border-collapse:collapse;min-width:520px}
.ideploy th{text-align:left;font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8fb4ff;padding:18px 0 10px}
.ideploy td{padding:14px 10px 14px 0;border-top:1px solid var(--line);font-size:15px;color:#d4dcee}.ideploy td:last-child{color:var(--muted)}
.ires{padding:24px 26px;margin-top:16px}.ires h4{margin:0 0 12px}
.ires div{display:flex;flex-wrap:wrap;gap:10px}.ires a{padding:10px 14px;border-radius:10px;border:1px solid var(--line2);color:#dfe6f5;text-decoration:none;font-size:14px}
.ires a:hover{border-color:var(--blue)}.ires em{font-style:normal;color:#8fb4ff;margin-left:4px}
.indg-link{display:block}
@media(max-width:760px){.ihg{grid-template-columns:1fr;gap:12px;margin-top:28px}.ihc{padding:20px}.ideploy{padding:4px 16px}.ires{padding:20px}}

.ferr{color:#ff8a8a;font-size:12.5px;margin:6px 0 0}.ferr:empty{display:none}
.fhelp{color:var(--dim);font-size:12.5px;margin:6px 0 0}
[aria-invalid=true]{border-color:#ff6b6b!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fdone{text-align:center;padding:30px 10px}.fdone h3{font-size:24px;margin:10px 0 8px}.fdone p{color:var(--muted);max-width:520px;margin:0 auto}
.fdone-ic{width:56px;height:56px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:26px;color:#fff;background:linear-gradient(135deg,var(--blue),#00c2ff);box-shadow:0 0 30px rgba(29,92,255,.5)}
button[aria-busy=true]{opacity:.7;cursor:progress}

.logo:before,.logo:after{content:none!important;display:none!important}
.omark:before,.omark:after{left:49.2%!important;top:46.8%!important}
.logo .omark{flex:none;display:block;margin:0!important;letter-spacing:0}
.omark img{display:block}
.btn.pri{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#7db4ff 0%,#3b7dff 38%,#1d56f0 70%,#0f36b8 100%);border:1px solid rgba(140,190,255,.55);color:#fff;text-shadow:0 1px 1px rgba(5,20,70,.35);box-shadow:0 10px 32px rgba(29,92,255,.45),0 0 0 1px rgba(29,92,255,.25),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 6px rgba(5,20,90,.35)}
.btn.pri:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 48%);pointer-events:none}
.btn.pri:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;z-index:1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:btnShine 4.2s ease-in-out infinite;pointer-events:none}
.btn.pri:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 44px rgba(29,92,255,.6),0 0 0 1px rgba(90,160,255,.5),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 6px rgba(5,20,90,.35)}
.btn.pri:hover:after{animation-duration:1.1s}
@keyframes btnShine{0%,62%{left:-60%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){.btn.pri:after{animation:none;display:none}}
.btn.ghost{border-color:rgba(70,135,255,.45);background:linear-gradient(180deg,rgba(29,92,255,.14),rgba(29,92,255,.04));color:#e3edff}
.btn.ghost:hover{border-color:#5aa6ff;background:linear-gradient(180deg,rgba(29,92,255,.26),rgba(29,92,255,.08));box-shadow:0 6px 24px rgba(29,92,255,.25)}
.card{border-color:rgba(70,130,255,.18)}
.card:hover{border-color:rgba(70,140,255,.35)}
.ddm .ddf{justify-content:flex-start!important;padding:0 0 16px!important;overflow:hidden}
.ddm .ddf img{display:block;width:100%;height:auto;aspect-ratio:360/312;object-fit:cover;margin:0 0 12px;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent);transition:transform .5s ease}
.ddm .ddf:hover img{transform:scale(1.04)}
.ddm .ddf b,.ddm .ddf span{padding:0 14px}
.pname{font:800 46px/1.05 Inter,sans-serif;letter-spacing:-.025em;color:#fff;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 6px}
.pname .new{font-size:11px;letter-spacing:.12em;align-self:center}
.pname + h3{font-size:21px;font-weight:600;color:#9fc4ff;margin:2px 0 10px}
@media (max-width:640px){.pname{font-size:36px}.pname + h3{font-size:18px}}

.prod .pimg{float:right;width:132px;height:auto;margin:-10px -8px 6px 14px;filter:drop-shadow(0 16px 30px rgba(29,92,255,.5))}
.tagsec{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.tagimg{position:relative;display:grid;place-items:center;padding:30px}
.tagimg:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(29,92,255,.55),rgba(29,92,255,.12) 50%,transparent 70%);filter:blur(10px);animation:tagGlow 5s ease-in-out infinite}
.tagimg img{position:relative;width:min(330px,80%);height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6));animation:tagFloat 6s ease-in-out infinite}
@keyframes tagGlow{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes tagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.tagchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tagchips span{padding:9px 16px;border-radius:999px;border:1px solid rgba(70,135,255,.4);background:rgba(29,92,255,.08);color:#d6e3ff;font-size:14.5px}
@media (max-width:860px){.tagsec{grid-template-columns:1fr;gap:10px;text-align:center}.tagchips{justify-content:center}}
@media (max-width:640px){.prod .pimg{width:92px;margin:-6px -4px 4px 10px}}
@media (prefers-reduced-motion:reduce){.tagimg:before,.tagimg img{animation:none}}
html{background:#04060b}
body{background:transparent!important}
#space{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;display:block}
.trust,footer{background:rgba(7,11,20,.7)!important}
section[style*="var(--bg2)"]{background:rgba(7,11,20,.55)!important}
.ddm .ddf img{display:block;width:78%;height:auto;aspect-ratio:1;object-fit:contain;margin:14px auto 6px;filter:drop-shadow(0 14px 28px rgba(29,92,255,.45));-webkit-mask-image:none;mask-image:none;transition:transform .5s ease}
.ddm .ddf{background:radial-gradient(circle at 50% 38%,rgba(60,120,255,.45),rgba(16,40,110,.2) 45%,transparent 70%),linear-gradient(160deg,#16306e,#0c1730)!important}

.aretascredit{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
a.aretas{display:inline-flex;align-items:center;gap:9px;text-decoration:none!important;color:#eef4f8!important;margin-right:14px}
a.aretas svg{filter:drop-shadow(0 0 10px rgba(37,178,234,.45));flex:none}
a.aretas .aarc{transform-origin:50px 50px;animation:aarc 6s linear infinite}
@keyframes aarc{to{transform:rotate(360deg)}}
a.aretas .aw{display:flex;flex-direction:column;line-height:1}
a.aretas .aw b{font:700 18px/1 "Space Grotesk",Inter,sans-serif;letter-spacing:-.01em;color:#eef4f8}
a.aretas .aw em{font-style:normal;font-size:8px;letter-spacing:.34em;text-transform:uppercase;color:#9bcb3c;margin-top:3px}
a.aretas:hover .aw b{color:#9bcb3c}
.trkwrap{display:grid;grid-template-columns:1fr 300px;gap:22px;margin-top:40px;align-items:stretch}
.trk{border-radius:20px;border:1px solid rgba(70,130,255,.25);background:rgba(6,12,28,.6);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px rgba(29,92,255,.12);overflow:hidden}
.trk svg{display:block;width:100%;height:auto}
.trk-rx.hit circle:first-child{animation:rxhit 1.2s ease-out}
@keyframes rxhit{0%{stroke:#fff;stroke-width:5}100%{stroke:rgba(110,160,255,.7);stroke-width:2}}
.trkside{border-radius:20px;border:1px solid rgba(70,130,255,.25);background:rgba(8,14,30,.7);padding:22px}
.trkhead{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff;margin-bottom:14px;flex-wrap:wrap}
.trkhead small{color:var(--dim);font-weight:500;font-size:12px;width:100%;padding-left:18px}
.livedot{width:10px;height:10px;border-radius:50%;background:#3b7dff;box-shadow:0 0 0 0 rgba(59,125,255,.7);animation:livep 1.8s infinite}
@keyframes livep{70%{box-shadow:0 0 0 10px rgba(59,125,255,0)}100%{box-shadow:0 0 0 0 rgba(59,125,255,0)}}
.trk-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:12px;background:rgba(29,92,255,.08);border:1px solid rgba(70,130,255,.2);margin-bottom:10px}
.trk-row b{display:block;color:#fff;font-size:14.5px}.trk-row small{display:block;color:var(--dim);font-size:12px}
.trk-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 12px currentColor}
.trk-where{text-align:right;color:#cfe0ff;font-weight:600;font-size:13.5px}
.trkfeat{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:9px;color:var(--muted);font-size:13.5px}
.trkfeat li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#5aa6ff;margin-right:9px;vertical-align:middle}
@media (max-width:900px){.trkwrap{grid-template-columns:1fr}}
.legalinks a.aretas{display:inline-flex!important;flex-direction:row!important;align-items:center!important;margin:0 14px 0 0!important;padding:0!important;gap:9px}
.legalinks a.aretas .aw{display:flex!important;flex-direction:column!important;align-items:flex-start}

.pname .silv{background:linear-gradient(105deg,#7d8597 0%,#c9d0dc 18%,#ffffff 30%,#aab3c2 42%,#e9eef5 55%,#ffffff 62%,#8e97a9 76%,#d7dde7 90%,#7d8597 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(200,215,240,.18));animation:silv 4.5s ease-in-out infinite alternate}
@keyframes silv{0%{background-position:100% 0}100%{background-position:0% 0}}
@media (prefers-reduced-motion:reduce){.pname .silv{animation:none}}

.pname-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.pname-row label{font-size:13px;font-weight:700;color:#cfe0ff}
.pname-row input{background:rgba(29,92,255,.08);border:1px solid rgba(70,135,255,.45);border-radius:10px;color:#fff;padding:8px 12px;font:600 14px Inter,sans-serif;width:170px}
.pname-row input:focus{outline:none;border-color:#5aa6ff;box-shadow:0 0 0 3px rgba(90,166,255,.2)}
.pname-row small{color:var(--dim);font-size:12px;flex-basis:100%}
.pimg.pplus{display:block;position:relative;float:right;width:150px;margin:-10px -8px 6px 14px}
.pimg.pplus img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 30px rgba(29,92,255,.5))}
.pimg.pplus .fobimg{position:absolute;width:46%;right:-10%;bottom:-6%;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(29,92,255,.45));transform:rotate(-8deg)}
@media (max-width:640px){.pimg.pplus{width:104px;margin:-6px -2px 4px 10px}}
.pcredits{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px}
.pcred{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:13.5px}
a.plogo{display:inline-flex!important;align-items:center;line-height:0;padding:0!important;margin:0!important;opacity:.95;transition:opacity .2s,filter .2s}
a.plogo:hover{opacity:1;filter:drop-shadow(0 0 10px rgba(90,166,255,.45))}
a.plogo img{height:44px;width:auto;display:block}
a.plogo[aria-label="Amelio"] img{height:36px}
@media (max-width:640px){.pcred{flex-wrap:wrap}a.plogo img{height:38px}}

.partners{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;margin:34px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.partners .pc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:4px 10px;min-height:86px}
.partners .pc+.pc{border-left:1px solid var(--line)}
.partners .pc small{font:600 10.5px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);text-align:center}
.partners a.aretas{margin:0!important;display:inline-flex!important;flex-direction:row!important;align-items:center;gap:9px}
.partners a.plogo img{height:44px}
.partners a.plogo[aria-label="Amelio"] img{height:40px}
footer .base{border-top:0!important;margin-top:18px!important;padding-top:0!important}
@media (max-width:640px){.partners{padding:16px 0}.partners .pc{padding:2px 4px;gap:8px;min-height:70px}.partners .pc small{font-size:8.5px;letter-spacing:.1em}.partners a.aretas svg{width:22px;height:22px}.partners a.aretas .aw b{font-size:14px}.partners a.aretas .aw em{font-size:6px;letter-spacing:.2em}.partners a.plogo img{height:30px}.partners a.plogo[aria-label="Amelio"] img{height:28px}}

a.plogo{position:relative}
a.plogo img{animation:plGlow 3.6s ease-in-out infinite}
a.plogo .glint{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:var(--m);mask-image:var(--m);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:screen}
a.plogo .glint i{position:absolute;width:320%;height:320%;left:calc(var(--cx) - 160%);top:calc(var(--cy) - 160%);background:conic-gradient(from 0deg,transparent 0deg 285deg,rgba(120,200,255,.25) 315deg,rgba(255,255,255,.98) 348deg,transparent 360deg);animation:plSpin 3.6s linear infinite}
a.plogo[aria-label="Amelio"] .glint i{background:conic-gradient(from 0deg,transparent 0deg 285deg,rgba(80,230,230,.3) 315deg,rgba(255,255,255,.98) 348deg,transparent 360deg)}
@keyframes plSpin{to{transform:rotate(360deg)}}
@keyframes plGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(90,166,255,0))}50%{filter:drop-shadow(0 0 10px rgba(90,166,255,.55))}}
@media (prefers-reduced-motion:reduce){a.plogo .glint i,a.plogo img{animation:none}}

a.plogo img{animation:none!important}
a.plogo .glint i{animation-duration:7s!important}
a.plogo[aria-label="Amelio"] .glint i{animation-duration:8s!important;animation-delay:-3s!important}
a.plogo[aria-label="OMNI Integrations"] .glint i{animation-delay:-1.2s!important}
a.aretas .aarc{animation-duration:6.5s!important}

.trk-row.alarm{background:rgba(255,77,94,.12);border-color:rgba(255,77,94,.55);animation:trkAl 1s ease-in-out infinite alternate}
.trk-row.alarm small{color:#ff9aa5!important}
@keyframes trkAl{to{box-shadow:0 0 18px rgba(255,77,94,.35)}}
.trkbtn{width:100%;justify-content:center;margin-top:6px}
.trkbtn:disabled{opacity:.55;cursor:default}

/* ((O)) mark: keep the glow pulse, no expanding circles */
.omark:before,.omark:after{content:none!important;display:none!important;animation:none!important}
.dd[data-nav=products] .ddb{cursor:pointer}

.pmchips{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 22px}
.pmchips span{padding:9px 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(29,92,255,.06);color:#dfe6f5;font-size:14px}
.pmcalc{padding:28px;display:grid;gap:18px}
.pmcalc h3{margin:6px 0 4px;font-size:22px}.pmcalc p{color:var(--muted);margin:0}
.pmgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:end}
.pmgrid label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#b9c4da}
.pmgrid input{padding:13px 14px;border-radius:12px;border:1px solid var(--line2);background:rgba(6,12,26,.8);color:#fff;font:500 16px Inter,sans-serif}
.pmgrid input:focus{outline:none;border-color:var(--blue)}
.pmout{padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,rgba(29,92,255,.22),rgba(29,92,255,.06));border:1px solid rgba(90,150,255,.35)}
.pmout small{display:block;font-size:12px;color:#9fb8ff;letter-spacing:.06em;text-transform:uppercase}.pmout b{font:700 28px Sora,sans-serif;color:#fff}
@media(max-width:760px){.pmgrid{grid-template-columns:1fr}.pmcalc{padding:20px}}
/* Amelio footer logo: no animation */
a.plogo[href*="amelio"] .glint{display:none!important}
a.plogo[href*="amelio"] img{animation:none!important}

/* Sensor library filters: blue buttons */
.libtabs{padding-top:4px;padding-bottom:10px}
.libtabs button{position:relative;overflow:hidden;color:#fff!important;border:1px solid rgba(120,175,255,.45)!important;background:linear-gradient(180deg,#3f6fd8 0%,#2450c4 55%,#173a9c 100%)!important;box-shadow:0 6px 18px rgba(29,92,255,.28),inset 0 1px 0 rgba(255,255,255,.3);text-shadow:0 1px 1px rgba(5,20,70,.35);transition:transform .15s,filter .15s,box-shadow .15s}
.libtabs button:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 10px 26px rgba(29,92,255,.45),inset 0 1px 0 rgba(255,255,255,.35)}
.libtabs button.on{background:linear-gradient(180deg,#7db4ff 0%,#3b7dff 38%,#1d56f0 70%,#0f36b8 100%)!important;border-color:#cfe2ff!important;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 10px 30px rgba(59,125,255,.6),inset 0 1px 0 rgba(255,255,255,.45)}
/* VMS / PTZ integration section */
.vmsec .split{align-items:center}
.vmsviz{border-radius:20px;overflow:hidden}
.vmsviz svg{width:100%;height:auto;display:block}
.vmsviz .vlbl{font:600 15px Inter,sans-serif;fill:rgba(160,190,255,.7)}
.vmsviz .vsub{font:500 11.5px Inter,sans-serif;fill:#7f8cab}
.vmsviz .vhead{font:700 11px Inter,sans-serif;letter-spacing:.14em;fill:#8fb4ff}
.vmsviz .vt{font:700 13px Inter,sans-serif;fill:#eaf2ff}
.vmsviz .vs{font:500 11px Inter,sans-serif;fill:#9aa7c2}
.vmsviz .vcam{transform-box:view-box;transform-origin:500px 270px;animation:vCam 8s ease-in-out infinite}
.vmsviz .vcone{animation:vCone 8s ease-in-out infinite}
.vmsviz .vring{transform-box:fill-box;transform-origin:center;animation:vRing 8s ease-out infinite}
.vmsviz .vpulseglow{animation:vGlowA 8s ease-in-out infinite}
.vmsviz .vled{animation:vLed 8s step-end infinite}
.vmsviz .vrow1{animation:vRow1 8s ease-out infinite}
.vmsviz .vrow2{animation:vRow2 8s ease-out infinite}
@keyframes vCam{0%,40%{transform:rotate(38deg)}55%,88%{transform:rotate(-2deg)}100%{transform:rotate(38deg)}}
@keyframes vCone{0%,40%{opacity:.35}55%,88%{opacity:1}100%{opacity:.35}}
@keyframes vRing{0%,4%{transform:scale(1);opacity:0}6%{opacity:1}22%{transform:scale(3.2);opacity:0}100%{opacity:0}}
@keyframes vGlowA{0%,4%{opacity:0}10%,88%{opacity:1}100%{opacity:0}}
@keyframes vLed{0%{fill:#5aa6ff}5%{fill:#ff9a3c}90%{fill:#5aa6ff}}
@keyframes vRow1{0%,22%{opacity:0;transform:translateY(-6px)}26%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes vRow2{0%,40%{opacity:0;transform:translateY(-6px)}46%,90%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.vmsviz *{animation:none!important}.vmsviz .vrow1,.vmsviz .vrow2{opacity:1}.vmsviz .vcam{transform:rotate(-2deg)}}
@media(max-width:900px){.vmsec .split{gap:28px}}
/* PTZ camera pivots via SVG animateTransform */
.vmsviz .vcam{animation:none!important}
@media (prefers-reduced-motion:reduce){.vmsviz .vcam{transform:none!important}}

.pricenote{margin:12px 0 0;font-size:13px;color:#8a97b3;line-height:1.5}

.herohint{margin:14px 0 0;font-size:14px;color:#9aa7c2}.herohint a{color:#8fb4ff;text-decoration:underline;text-underline-offset:3px}

/* partner portal */
.ptabs{display:flex;gap:6px;margin-bottom:18px;padding:4px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line2)}
.ptabs button{flex:1;font:600 14px Inter,sans-serif;color:#c3cde2;background:none;border:0;border-radius:10px;padding:10px;cursor:pointer}
.ptabs button.on{background:linear-gradient(180deg,#3b7dff,#1d56f0);color:#fff}
.login .ferr,.formcard .ferr{color:#ff8f9a;font-size:13.5px;margin:10px 0 0;min-height:1em}
.prow2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ppending{text-align:center;padding:10px 4px}.ppending h3{margin:10px 0 8px}.ppending p{color:var(--muted)}
.pportal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.pwho{font-size:14px;color:#b9c4da}.pwho b{color:#fff}
.pout{margin-left:10px;font:600 13px Inter,sans-serif;color:#8fb4ff;background:none;border:1px solid var(--line2);border-radius:20px;padding:6px 12px;cursor:pointer}
.pmuted{color:var(--muted)}
.pgatecard{max-width:520px;padding:32px;margin-top:20px}.pgatecard h3{margin-bottom:8px}.pgatecard p{color:var(--muted);margin-bottom:18px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.pcard{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.pcard h4{font-size:18px;margin:4px 0 0}.pcard p{color:var(--muted);margin:0;font-size:14.5px}
.pcard.wide{grid-column:1/-1}
.pcard .psm{margin-top:auto;padding:9px 16px;font-size:13.5px}
.pbody{width:100%;color:#c9d3e8;font-size:14.5px}.pbody p{color:#c9d3e8!important}
.pbody table,.ptable table{width:100%;border-collapse:collapse;margin:8px 0}
.pbody th,.ptable th{text-align:left;font:700 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8fb4ff;padding:10px 12px 8px 0;border-bottom:1px solid var(--line2)}
.pbody td,.ptable td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);color:#dfe6f5;font-size:15px;vertical-align:top}
.ptable{overflow-x:auto}.ptable td small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}
.pst{font:700 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:20px;background:rgba(90,166,255,.12);color:#8fc0ff;border:1px solid rgba(90,166,255,.3);white-space:nowrap}
.pst-approved{background:rgba(53,214,143,.12);color:#6ff0b6;border-color:rgba(53,214,143,.4)}
.pst-declined,.pst-rejected{background:rgba(255,77,94,.12);color:#ff9aa4;border-color:rgba(255,77,94,.4)}
#pdealForm{margin-top:26px}#pdealForm .btn{margin-top:18px}
.pnote{margin:12px 0 0;font-size:14px;color:var(--muted)}.pnote.ok{color:#6ff0b6}.pnote.bad{color:#ff8f9a}
@media(max-width:900px){.pgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pgrid{grid-template-columns:1fr}.prow2{grid-template-columns:1fr}}
.pinvite{margin:16px 0 0;font-size:13.5px;color:#9aa7c2;line-height:1.5;text-align:center}

.trkg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
@media(max-width:900px){.trkg{grid-template-columns:1fr 1fr}}@media(max-width:600px){.trkg{grid-template-columns:1fr}}

/* About cards: faint flag motif (stars on SDVOSB, stripes on the rest) */
.aboutg .ab{position:relative;overflow:hidden;isolation:isolate}
.aboutg .ab>*{position:relative;z-index:1}
.aboutg .ab:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.aboutg .ab:nth-child(1){background:linear-gradient(135deg,rgba(24,52,130,.55),rgba(12,22,52,.85))}
.aboutg .ab:nth-child(1):before{opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='30'%3E%3Cpath fill='%23fff' d='M8.5 2l1.6 4.6h4.9l-4 2.9 1.5 4.6-4-2.8-4 2.8 1.5-4.6-4-2.9h4.9zM25.5 17l1.6 4.6h4.9l-4 2.9 1.5 4.6-4-2.8-4 2.8 1.5-4.6-4-2.9h4.9z'/%3E%3C/svg%3E");background-size:34px 30px;-webkit-mask-image:linear-gradient(120deg,#000 10%,transparent 85%);mask-image:linear-gradient(120deg,#000 10%,transparent 85%)}
.aboutg .ab:nth-child(n+2):before{opacity:.5;background:repeating-linear-gradient(180deg,rgba(191,40,58,.20) 0 14px,rgba(255,255,255,.035) 14px 28px);-webkit-mask-image:linear-gradient(100deg,transparent 0%,#000 55%,#000 100%);mask-image:linear-gradient(100deg,transparent 0%,#000 55%,#000 100%)}
/* about flag v2: stars in level rows, blue and white stripes */
.aboutg .ab:nth-child(1):before{opacity:.26!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpolygon fill='%23ffffff' points='15.00,7.00 16.44,11.02 20.71,11.15 17.33,13.76 18.53,17.85 15.00,15.45 11.47,17.85 12.67,13.76 9.29,11.15 13.56,11.02'/%3E%3C/svg%3E")!important;background-size:30px 26px!important;background-position:0 0!important;background-repeat:repeat!important}
.aboutg .ab:nth-child(n+2):before{opacity:1!important;background:repeating-linear-gradient(180deg,rgba(70,120,255,.30) 0 14px,rgba(255,255,255,.14) 14px 28px)!important;-webkit-mask-image:linear-gradient(100deg,rgba(0,0,0,.25) 0%,#000 45%,#000 100%)!important;mask-image:linear-gradient(100deg,rgba(0,0,0,.25) 0%,#000 45%,#000 100%)!important}
/* partner orders */
.pauto{padding:13px 14px;border-radius:12px;border:1px dashed var(--line2);color:#9fb8ff;font-size:14px;background:rgba(29,92,255,.06)}
.pst-confirmed,.pst-shipped,.pst-invoiced{background:rgba(53,214,143,.12);color:#6ff0b6;border-color:rgba(53,214,143,.4)}
.pst-underreview,.pst-estimateready{background:rgba(255,154,60,.1);color:#ffb36b;border-color:rgba(255,154,60,.45)}
/* integrators hub */
.igjump{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.igjump a{padding:9px 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(29,92,255,.08);color:#dfe6f5;text-decoration:none;font-size:14px;font-weight:600}
.igjump a:hover{border-color:var(--blue);color:#fff}
.iggrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.igfacts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.igfacts div{padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(10,20,44,.5)}
.igfacts b{display:block;font:700 18px Sora,Inter,sans-serif;color:#fff}.igfacts span{font-size:13.5px;color:var(--muted)}
.igsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.igsteps .card{padding:24px}.igsteps em{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2f7bff,#1240d8);color:#fff;font:700 15px Sora,sans-serif;font-style:normal}
.igsteps h4{margin:12px 0 6px;font-size:18px}.igsteps p{margin:0;color:var(--muted);font-size:14.5px}
.igwho{margin-top:22px;color:#b9c4da;font-size:14.5px;line-height:1.7}.igwho span{color:#8fb4ff;font-weight:700}
.igkit{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.igkit a{padding:18px 18px;text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:border-color .2s}
.igkit a:hover{border-color:var(--blue)}.igkit b{color:#fff;font-size:15.5px}.igkit span{color:var(--muted);font-size:13.5px}
.igkit .igportal{background:linear-gradient(135deg,rgba(29,92,255,.28),rgba(29,92,255,.08));border-color:rgba(90,150,255,.45)}
@media(max-width:900px){.iggrid3,.igsteps{grid-template-columns:1fr 1fr}.igfacts,.igkit{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.iggrid3,.igsteps,.igkit{grid-template-columns:1fr}}
/* blue cards */
.card{background:linear-gradient(160deg,rgba(29,78,216,.34) 0%,rgba(18,44,120,.30) 45%,rgba(10,22,58,.55) 100%)!important;border-color:rgba(90,150,255,.32)!important;box-shadow:inset 0 1px 0 rgba(140,190,255,.10)}
.card:hover{border-color:rgba(120,175,255,.65)!important;box-shadow:inset 0 1px 0 rgba(140,190,255,.14),0 10px 30px -12px rgba(47,123,255,.45)}
.xlink img.xlogo{height:58px;width:auto;display:block}
/* silver accents */
.stat b,.wst b,.igfacts b{background:linear-gradient(180deg,#ffffff 0%,#dfe5ee 40%,#9aa5b8 75%,#e8edf4 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
.igsteps em{background:linear-gradient(145deg,#ffffff,#c9d1de 45%,#8f9aae 80%,#dfe5ee)!important;color:#0b1b3f!important;box-shadow:0 2px 10px rgba(200,215,240,.25)}
.eyebrow:before{background:linear-gradient(90deg,#9aa5b8,#ffffff)!important}
footer{border-top:1px solid rgba(200,210,226,.18)}
.card{box-shadow:inset 0 1px 0 rgba(235,240,250,.5)!important}
.card:hover{box-shadow:inset 0 1px 0 rgba(245,248,255,.65),0 10px 30px -12px rgba(47,123,255,.45)!important}
.card h3,.card h4{background:linear-gradient(180deg,#ffffff 30%,#c3ccda 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.igjump a,.chip,.trust span{border-color:rgba(205,214,228,.38)!important}
.trust span{background:linear-gradient(180deg,#ffffff,#a9b3c4);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* logo text centered */
.logo>div{display:flex;flex-direction:column;align-items:center;text-align:center}
.logo>div>b{margin-right:-.04em}
.logo>div>span{margin-right:-.42em}