:root{
 --bg:#05070c;--bg2:#090d15;--ink:#f7f9fc;--muted:#aab6c8;--subtle:#77849a;
 --orange:#ff4b13;--orange2:#ff8a4b;--cyan:#35dff1;--violet:#8b5cf6;--green:#43d98d;
 --line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.2);--max:1240px;
 --ease:cubic-bezier(.22,.61,.36,1);--spring:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:absolute;left:-9999px}.site-header{position:sticky;top:0;z-index:80;background:rgba(5,7,12,.68);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(30px) saturate(180%)}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex:none;font-size:21px;font-weight:850;letter-spacing:-.04em}.brand img{width:46px;height:46px;object-fit:cover;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.12)}.brand b{color:inherit}.brand span{background:linear-gradient(100deg,#fff 0%,#aefbff 30%,#99b5ff 58%,#ffb48b 94%);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;align-items:center;justify-content:center;gap:30px;flex:1;font-size:14px;font-weight:700}.nav-links>a,.products-trigger{color:rgba(247,249,252,.91);border:0;background:none;padding:29px 0;cursor:pointer}.nav-links>a:hover,.products-trigger:hover{color:#fff}.products-nav{position:relative}.mega-menu{position:absolute;top:100%;left:50%;width:760px;transform:translate(-50%,12px) scale(.98);opacity:0;visibility:hidden;padding:18px;border-radius:28px;background:linear-gradient(180deg,rgba(16,25,40,.96),rgba(8,14,24,.97));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.42);backdrop-filter:blur(30px);display:grid;grid-template-columns:1fr 1fr;gap:8px;transition:.28s var(--spring)}.products-nav:hover .mega-menu,.products-nav:focus-within .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.mega-menu a{padding:15px 16px;border-radius:18px;display:block;transition:.25s var(--ease)}.mega-menu a:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}.mega-menu span{display:block;font-weight:800}.mega-menu small{display:block;color:#aeb9c9;margin-top:4px;line-height:1.4}.nav-actions{display:flex;gap:10px}.menu-toggle{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff}.mobile-panel{display:none}.btn{--mag-x:0px;--mag-y:0px;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:16px;border:1px solid transparent;font-size:14px;font-weight:850;cursor:pointer;transform:translate3d(var(--mag-x),var(--mag-y),0);transition:transform .42s var(--spring),box-shadow .3s,border-color .3s,background .3s}.btn-primary{background:linear-gradient(135deg,var(--orange),#ff6418 58%,var(--orange2));box-shadow:0 18px 42px rgba(255,75,19,.25),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary:hover{box-shadow:0 25px 60px rgba(255,75,19,.36),inset 0 1px 0 rgba(255,255,255,.24)}.btn-glass{background:rgba(255,255,255,.035);border-color:var(--line);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}.btn-glass:hover{background:rgba(255,255,255,.075);border-color:var(--line2)}.btn-bit-layer,.btn-ripple-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.btn>*:not(.btn-bit-layer):not(.btn-ripple-layer){position:relative;z-index:2}.btn-bit{position:absolute;left:0;top:0;font-size:var(--size,12px);font-weight:900;color:var(--bit-color,#fff);opacity:0;text-shadow:0 0 12px rgba(53,223,241,.3);transform:translate3d(var(--x),var(--y),0);animation:bitRise var(--dur,1.1s) var(--ease) forwards}.btn-ripple{position:absolute;left:0;top:0;width:var(--size);height:var(--size);border:1px solid rgba(255,255,255,.4);border-radius:50%;opacity:0;transform:translate3d(var(--x),var(--y),0) scale(.2);animation:ripple .8s var(--ease) forwards}@keyframes bitRise{0%{opacity:0;transform:translate3d(var(--x),calc(var(--y) + 8px),0) scale(.6)}14%{opacity:.95}100%{opacity:0;transform:translate3d(calc(var(--x) + var(--drift)),calc(var(--y) - var(--rise)),0) scale(1.1)}}@keyframes ripple{0%{opacity:.45}100%{opacity:0;transform:translate3d(var(--x),var(--y),0) scale(3)}}
.motion-progress{position:fixed;left:0;top:0;height:2px;background:linear-gradient(90deg,var(--orange),var(--cyan),var(--violet));z-index:200;box-shadow:0 0 18px rgba(53,223,241,.4)}
.hero{position:relative;min-height:calc(100vh - 82px);display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 18% 30%,rgba(255,75,19,.2),transparent 28%),radial-gradient(circle at 82% 24%,rgba(53,223,241,.13),transparent 30%),linear-gradient(180deg,#060910,#05070c)}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.hero::after{content:"";position:absolute;width:46vw;height:46vw;right:-18vw;top:-20vw;border:1px solid rgba(53,223,241,.14);border-radius:50%;box-shadow:0 0 0 8vw rgba(53,223,241,.025),0 0 0 16vw rgba(139,92,246,.02);animation:heroOrbit 18s linear infinite}@keyframes heroOrbit{to{transform:rotate(360deg)}}.hero-inner{position:relative;z-index:2;padding:76px 0 70px;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}.hero-kicker,.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--orange2);font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.hero-kicker::before,.eyebrow::before{content:"";width:30px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--orange));border-radius:999px}.hero h1,.page-hero h1{font-size:clamp(58px,7.5vw,112px);line-height:.91;letter-spacing:-.07em;margin:20px 0 0;max-width:900px}.gradient-text{background:linear-gradient(100deg,#fff 0%,#ffd9ca 36%,#ff9c72 65%,var(--cyan) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy,.lead{font-size:clamp(17px,1.55vw,21px);line-height:1.72;color:#c2ccda;max-width:760px;margin:26px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.proof-line{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#d8e0eb;font-size:13px;font-weight:700}.proof-line span{display:inline-flex;align-items:center;gap:8px}.proof-line i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(67,217,141,.1)}
.hero-stage{position:relative;min-height:560px;display:grid;place-items:center}.hero-stage .core{position:relative;z-index:5;width:188px;height:188px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,rgba(255,89,26,.98),rgba(203,40,0,.94));box-shadow:0 0 0 12px rgba(255,75,19,.08),0 34px 86px rgba(255,75,19,.34),inset 0 1px 0 rgba(255,255,255,.3);font-size:22px;font-weight:900}.core small{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-top:6px;opacity:.75}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.11)}.orbit.one{width:360px;height:360px;border-color:rgba(255,75,19,.22)}.orbit.two{width:500px;height:500px;border-style:dashed;border-color:rgba(53,223,241,.16);animation:spin 30s linear infinite}.orbit.three{width:590px;height:420px;transform:rotate(-15deg)}@keyframes spin{to{transform:rotate(360deg)}}.stage-node{position:absolute;z-index:8;width:180px;padding:15px 17px;border-radius:20px;background:rgba(11,18,31,.72);border:1px solid var(--line);backdrop-filter:blur(20px);box-shadow:0 18px 44px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12);animation:nodeFloat 7s ease-in-out infinite}.stage-node strong{display:block;font-size:14px}.stage-node small{display:block;color:#aab5c7;margin-top:4px;line-height:1.35}.stage-node.n1{top:10px;left:50%;transform:translateX(-50%)}.stage-node.n2{left:-6px;top:175px;animation-delay:-1s}.stage-node.n3{right:-6px;top:175px;animation-delay:-2s}.stage-node.n4{left:54px;bottom:20px;animation-delay:-3s}.stage-node.n5{right:54px;bottom:20px;animation-delay:-4s}@keyframes nodeFloat{50%{translate:0 -8px}}
.section{position:relative;padding:100px 0}.section.dark{background:#05070c}.section.band{background:linear-gradient(180deg,#0b101a,#070a10);border-block:1px solid rgba(255,255,255,.06)}.section-label{font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;color:var(--orange2)}.section-title{font-size:clamp(44px,5.6vw,78px);line-height:.98;letter-spacing:-.055em;margin:16px 0 0}.section-copy{font-size:18px;line-height:1.75;color:#b8c3d3;max-width:720px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split.reverse>div:first-child{order:2}.signal-rail{display:grid;gap:0;border-top:1px solid var(--line)}.signal-item{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line);transition:.3s}.signal-item:hover{padding-left:10px}.signal-item b{font-size:12px;color:var(--orange2);letter-spacing:.12em}.signal-item h3{font-size:clamp(24px,2.4vw,36px);letter-spacing:-.035em;margin:0}.signal-item p{color:#aeb9ca;margin:10px 0 0;line-height:1.65}.threat-visual,.system-visual{position:relative;min-height:520px;border-left:1px solid rgba(255,255,255,.1);overflow:hidden}.threat-visual::before{content:"";position:absolute;inset:8% 4%;background:radial-gradient(circle at 58% 48%,rgba(255,75,19,.22),transparent 22%),radial-gradient(circle at 44% 60%,rgba(53,223,241,.13),transparent 30%)}.threat-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);left:50%;top:50%;transform:translate(-50%,-50%)}.threat-ring.r1{width:160px;height:160px}.threat-ring.r2{width:300px;height:300px;border-style:dashed;animation:spin 22s linear infinite}.threat-ring.r3{width:450px;height:450px}.pulse{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,75,19,.35);animation:pulse 2.6s infinite}.pulse.p1{left:30%;top:28%}.pulse.p2{right:18%;top:46%;animation-delay:-.8s}.pulse.p3{left:48%;bottom:18%;animation-delay:-1.6s}@keyframes pulse{70%{box-shadow:0 0 0 24px rgba(255,75,19,0)}}
.platform{padding:110px 0;background:linear-gradient(180deg,#f2f5f8,#dfe6ec);color:#07101b}.platform .section-label{color:#d83e00}.platform .section-copy{color:#415463}.platform-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:38px 0 34px;border-bottom:1px solid rgba(7,16,27,.15)}.platform-tab{position:relative;border:0;background:none;padding:18px 18px;color:#465260;font-weight:800;cursor:pointer}.platform-tab.active{color:#07101b}.platform-tab::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;background:var(--orange);transform:scaleX(0);transition:.3s var(--spring)}.platform-tab.active::after{transform:scaleX(1)}.platform-panel{display:none;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:520px}.platform-panel.active{display:grid;animation:panelIn .55s var(--spring)}@keyframes panelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.platform-panel h3{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:0}.platform-panel p{font-size:18px;line-height:1.75;color:#465260}.platform-points{display:grid;gap:0;margin-top:22px;border-top:1px solid rgba(7,16,27,.16)}.platform-points span{padding:15px 0;border-bottom:1px solid rgba(7,16,27,.12);font-weight:750}.platform-link{display:inline-flex;margin-top:24px;color:#07101b;font-weight:900}.platform-link::after{content:" →";margin-left:8px}.platform-visual{position:relative;min-height:440px;background:radial-gradient(circle at 50% 50%,rgba(255,75,19,.22),transparent 20%),linear-gradient(135deg,#0a1220,#07101a);border-radius:28px;overflow:hidden;box-shadow:0 34px 80px rgba(15,31,48,.28)}.platform-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px}.platform-visual .visual-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;display:grid;place-items:center;text-align:center;color:white;background:linear-gradient(145deg,var(--orange),#c93300);box-shadow:0 0 0 16px rgba(255,75,19,.08),0 28px 60px rgba(0,0,0,.35);font-weight:900}.visual-node{position:absolute;padding:12px 14px;border-radius:16px;color:white;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);font-size:12px;font-weight:800}.visual-node.a{left:8%;top:14%}.visual-node.b{right:7%;top:18%}.visual-node.c{left:10%;bottom:14%}.visual-node.d{right:10%;bottom:12%}.visual-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(53,223,241,.7),transparent);width:48%;left:26%;top:50%;animation:scan 3.2s ease-in-out infinite}@keyframes scan{50%{transform:translateY(90px);opacity:.4}}
.solutions-list{display:grid;gap:0;border-top:1px solid var(--line);margin-top:42px}.solution-row{display:grid;grid-template-columns:90px 1fr 260px;gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);transition:.35s var(--ease)}.solution-row:hover{padding-left:12px;background:linear-gradient(90deg,rgba(255,75,19,.05),transparent)}.solution-row b{color:var(--orange2);font-size:12px;letter-spacing:.12em}.solution-row h3{font-size:clamp(26px,3vw,42px);letter-spacing:-.04em;margin:0}.solution-row p{color:#aeb9ca;line-height:1.6}.brand-statement{padding:120px 0;background:linear-gradient(130deg,#ff4b13,#d63700 60%,#9a2100);position:relative;overflow:hidden}.brand-statement::after{content:"010101001011001010101";position:absolute;right:-3%;bottom:-10%;font-size:10vw;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.07);white-space:nowrap}.brand-statement blockquote{position:relative;z-index:1;font-size:clamp(46px,7vw,96px);line-height:.96;letter-spacing:-.065em;margin:0;max-width:1050px}.brand-statement cite{display:block;margin-top:28px;font-style:normal;font-weight:800}.cta{padding:100px 0;background:#eef2f5;color:#07101b}.cta-row{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.cta h2{font-size:clamp(44px,5.8vw,78px);line-height:.98;letter-spacing:-.055em;margin:0}.cta p{color:#51606f;font-size:18px;line-height:1.7;max-width:720px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta .btn-glass{color:#07101b;border-color:rgba(7,16,27,.16);background:rgba(7,16,27,.03)}
.page-hero{position:relative;padding:90px 0 80px;min-height:660px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(53,223,241,.14),transparent 28%),radial-gradient(circle at 18% 34%,rgba(255,75,19,.18),transparent 28%),linear-gradient(180deg,#070b12,#05070c)}.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}.page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.breadcrumb{color:#aab6c8;font-size:13px;margin-bottom:24px}.status{display:inline-flex;padding:8px 12px;border:1px solid rgba(67,217,141,.25);background:rgba(67,217,141,.08);color:#80efb5;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.page-hero .hero-copy{max-width:720px}.product-visual{position:relative;min-height:500px}.product-visual .ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.12);border-radius:50%}.product-visual .r1{width:220px;height:220px}.product-visual .r2{width:380px;height:380px;border-style:dashed;animation:spin 28s linear infinite}.product-visual .r3{width:520px;height:360px;transform:translate(-50%,-50%) rotate(-14deg)}.product-visual .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,var(--orange),#c73500);box-shadow:0 30px 80px rgba(255,75,19,.28),0 0 0 14px rgba(255,75,19,.07);font-weight:900}.product-visual .node{position:absolute;padding:13px 15px;border-radius:16px;background:rgba(11,18,31,.74);border:1px solid var(--line);backdrop-filter:blur(18px);font-size:12px;font-weight:800}.product-visual .p1{left:6%;top:18%}.product-visual .p2{right:4%;top:22%}.product-visual .p3{left:12%;bottom:16%}.product-visual .p4{right:12%;bottom:14%}.product-proof{background:#eef2f5;color:#07101b;padding:26px 0;border-bottom:1px solid rgba(7,16,27,.12)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.proof-grid span{padding:10px 24px;border-right:1px solid rgba(7,16,27,.12);font-weight:800}.proof-grid span:last-child{border-right:0}.narrative{padding:110px 0}.narrative-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.narrative-sticky{position:sticky;top:130px;align-self:start}.narrative-sticky h2{font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.narrative-sticky p{font-size:18px;color:#b8c3d3;line-height:1.75}.story-block{padding:0 0 80px;margin-bottom:80px;border-bottom:1px solid var(--line)}.story-block:last-child{margin-bottom:0}.story-block .num{color:var(--orange2);font-size:12px;font-weight:850;letter-spacing:.15em}.story-block h3{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em;margin:14px 0}.story-block p{font-size:18px;line-height:1.75;color:#b7c2d2}.capability-list{border-top:1px solid var(--line)}.capability-row{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.capability-row b{color:var(--orange2)}.capability-row h4{font-size:24px;margin:0 0 8px}.capability-row p{margin:0;color:#aeb9ca}.flow{padding:110px 0;background:#edf2f5;color:#07101b}.flow h2{font-size:clamp(44px,5.5vw,76px);line-height:.98;letter-spacing:-.055em;margin:0}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;border-top:1px solid rgba(7,16,27,.16)}.flow-step{padding:28px 28px 10px 0;border-right:1px solid rgba(7,16,27,.13);min-height:220px}.flow-step:last-child{border-right:0;padding-left:28px}.flow-step:not(:first-child){padding-left:28px}.flow-step b{color:#d83e00;font-size:12px;letter-spacing:.13em}.flow-step h3{font-size:28px;letter-spacing:-.035em}.flow-step p{color:#526171;line-height:1.65}.trust-band{padding:110px 0;background:linear-gradient(140deg,#0b1422,#07101a);border-block:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.trust-band h2{font-size:clamp(44px,5.4vw,76px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.trust-band p{font-size:18px;line-height:1.75;color:#b8c3d3}.contact-hero{padding:100px 0 70px;background:radial-gradient(circle at 84% 18%,rgba(53,223,241,.12),transparent 26%),linear-gradient(180deg,#070b12,#05070c)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-channels{border-top:1px solid var(--line);margin-top:34px}.contact-channel{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.contact-channel span{color:#8f9caf;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.contact-channel a{font-size:clamp(22px,2.4vw,34px);font-weight:800}.form{padding:100px 0;background:#eef2f5;color:#07101b}.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form h2{font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.05em;margin:0}.form p{color:#53616f;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:13px}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(7,16,27,.16);background:white;padding:16px;border-radius:14px;color:#07101b}.field textarea{min-height:150px;resize:vertical}.form .btn{justify-self:start}.form-status{color:#53616f;margin-top:10px}.site-footer{padding:70px 0 34px;background:#030509;border-top:1px solid rgba(255,255,255,.07)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,.8fr);gap:34px}.footer-brand p{color:#919daf;line-height:1.65}.footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin:0 0 18px}.footer-col a{display:block;color:#a8b4c5;margin-bottom:12px;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);color:#78859a;font-size:13px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--spring),transform .75s var(--spring)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav-links,.nav-actions{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-panel.open{display:grid;gap:6px;padding:12px;width:min(calc(100% - 24px),var(--max));margin:0 auto 14px;background:rgba(10,16,27,.94);border:1px solid var(--line);border-radius:20px}.mobile-panel a{padding:13px 14px;border-radius:12px;background:rgba(255,255,255,.04)}.hero-inner,.split,.platform-panel,.page-hero-grid,.narrative-grid,.trust-grid,.contact-grid,.form-layout{grid-template-columns:1fr}.hero-stage,.product-visual{max-width:680px;width:100%;margin:auto}.solution-row{grid-template-columns:70px 1fr}.solution-row p{grid-column:2}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid span:nth-child(2){border-right:0}.proof-grid span{border-bottom:1px solid rgba(7,16,27,.12)}.narrative-sticky{position:relative;top:auto}.cta-row{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr 1fr}.flow-step:nth-child(2){border-right:0}.flow-step{border-bottom:1px solid rgba(7,16,27,.13)}}
@media(max-width:700px){.container{width:min(calc(100% - 24px),var(--max))}.hero h1,.page-hero h1{font-size:clamp(50px,15vw,74px)}.hero-inner{padding:50px 0}.hero-stage{min-height:470px;transform:scale(.82);margin-top:-40px;margin-bottom:-40px}.section,.platform,.narrative,.flow,.trust-band,.cta{padding:74px 0}.split{gap:40px}.solution-row{grid-template-columns:1fr;gap:10px}.solution-row p{grid-column:auto}.proof-grid,.flow-steps,.form-grid{grid-template-columns:1fr}.proof-grid span{border-right:0}.flow-step,.flow-step:not(:first-child),.flow-step:last-child{padding:24px 0;border-right:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.product-visual{min-height:420px;transform:scale(.85)}.platform-tabs{overflow-x:auto;flex-wrap:nowrap}.platform-tab{white-space:nowrap}.brand-statement blockquote{font-size:clamp(42px,14vw,70px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   V3 — PRISMATIC LIQUID GLASS
   A distinct SECVerge visual system: aurora depth, optical
   glass, cinematic section changes, and motion-led storytelling.
   ========================================================= */
:root{
 --bg:#03070d;
 --bg2:#07111d;
 --ink:#f7fbff;
 --muted:#b6c4d6;
 --subtle:#8392a8;
 --orange:#ff5d2e;
 --orange2:#ffb06f;
 --cyan:#45e6e6;
 --violet:#8174ff;
 --green:#55e5a0;
 --prism-a:#45e6e6;
 --prism-b:#8174ff;
 --prism-c:#ff5d2e;
 --ice:#eef6f8;
 --ice-2:#dce9ed;
 --glass:rgba(16,29,45,.46);
 --glass-strong:rgba(13,25,40,.68);
 --liquid-line:rgba(222,248,255,.22);
 --prism-shadow:0 38px 110px rgba(0,0,0,.36);
 --liquid-spring:cubic-bezier(.16,1,.3,1);
}
html{background:#03070d}
body{
 background:
  radial-gradient(70vw 60vw at -10% 10%,rgba(69,230,230,.08),transparent 58%),
  radial-gradient(65vw 55vw at 110% 22%,rgba(129,116,255,.09),transparent 58%),
  #03070d;
}
body::before{
 content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.24;
 background-image:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
 background-size:72px 72px;
 mask-image:radial-gradient(circle at 50% 28%,black,transparent 78%);
}
.site-aurora{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;contain:strict}
.site-aurora span{position:absolute;border-radius:50%;filter:blur(86px) saturate(145%);opacity:.14;will-change:transform}
.site-aurora .a{width:42vw;height:42vw;left:-16vw;top:10vh;background:radial-gradient(circle,var(--prism-a),transparent 68%);animation:auroraA 18s ease-in-out infinite alternate}
.site-aurora .b{width:38vw;height:38vw;right:-12vw;top:32vh;background:radial-gradient(circle,var(--prism-b),transparent 68%);animation:auroraB 22s ease-in-out infinite alternate}
.site-aurora .c{width:34vw;height:34vw;left:38vw;bottom:-18vw;background:radial-gradient(circle,var(--prism-c),transparent 68%);animation:auroraC 26s ease-in-out infinite alternate}
@keyframes auroraA{to{transform:translate3d(10vw,8vh,0) scale(1.16)}}
@keyframes auroraB{to{transform:translate3d(-9vw,-10vh,0) scale(.9)}}
@keyframes auroraC{to{transform:translate3d(-12vw,-7vh,0) scale(1.18)}}

/* Floating optical navigation instead of a flat header strip. */
.site-header{top:0;padding:11px 0;background:transparent;border:0;backdrop-filter:none;transition:padding .35s var(--liquid-spring)}
.site-header .nav{
 min-height:68px;padding:0 18px;border-radius:24px;
 background:
  linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025) 48%,rgba(255,255,255,.012)) padding-box,
  linear-gradient(125deg,rgba(255,255,255,.28),rgba(69,230,230,.16),rgba(129,116,255,.14),rgba(255,93,46,.16)) border-box;
 border:1px solid transparent;
 box-shadow:0 18px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18);
 backdrop-filter:blur(34px) saturate(190%);-webkit-backdrop-filter:blur(34px) saturate(190%);
 transition:min-height .35s var(--liquid-spring),background .35s,box-shadow .35s,transform .35s;
}
.site-header.scrolled{padding:7px 0}
.site-header.scrolled .nav{min-height:60px;background:linear-gradient(145deg,rgba(10,22,36,.78),rgba(6,15,27,.64)) padding-box,linear-gradient(125deg,rgba(255,255,255,.22),rgba(69,230,230,.13),rgba(129,116,255,.12)) border-box;box-shadow:0 20px 68px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.14)}
.site-header .brand img{transition:transform .5s var(--liquid-spring),filter .5s}
.site-header .brand:hover img{transform:rotate(-7deg) scale(1.08);filter:drop-shadow(0 14px 30px rgba(255,93,46,.36))}
.nav-links>a,.products-trigger{position:relative}
.nav-links>a::after,.products-trigger::after{content:"";position:absolute;left:50%;right:50%;bottom:19px;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--prism-a),var(--prism-b),var(--prism-c));transition:left .35s var(--liquid-spring),right .35s var(--liquid-spring);box-shadow:0 0 16px rgba(69,230,230,.3)}
.nav-links>a:hover::after,.products-trigger:hover::after,.products-nav:focus-within .products-trigger::after{left:0;right:0}
.mega-menu{
 background:
  radial-gradient(420px 240px at var(--mx,50%) var(--my,20%),rgba(255,255,255,.11),transparent 55%),
  linear-gradient(150deg,rgba(20,39,61,.91),rgba(7,18,33,.92) 58%,rgba(10,14,29,.94)) padding-box,
  linear-gradient(130deg,rgba(255,255,255,.32),rgba(69,230,230,.22),rgba(129,116,255,.2),rgba(255,93,46,.18)) border-box;
 border:1px solid transparent;box-shadow:0 42px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(44px) saturate(190%);-webkit-backdrop-filter:blur(44px) saturate(190%);
}
.mega-menu a{border:1px solid transparent}
.mega-menu a:hover{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(69,230,230,.035));border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

/* New button material: prismatic liquid surface with retained V7 binary flow. */
.btn{border-radius:999px;min-height:52px;padding-inline:24px;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%)}
.btn::before{content:"";position:absolute;inset:-1px;z-index:0;border-radius:inherit;opacity:.72;background:radial-gradient(120px circle at var(--btn-x,50%) var(--btn-y,50%),rgba(255,255,255,.34),transparent 54%);transition:opacity .3s}
.btn::after{content:"";position:absolute;top:-80%;bottom:-80%;left:-28%;width:22%;z-index:1;transform:rotate(18deg) translateX(-330%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),rgba(255,255,255,.16),transparent);transition:transform .9s var(--liquid-spring)}
.btn:hover::after{transform:rotate(18deg) translateX(760%)}
.btn-primary{background:linear-gradient(115deg,#19cfd3 0%,#567cff 46%,#ff5d2e 100%);border-color:rgba(255,255,255,.22);box-shadow:0 20px 58px rgba(42,133,213,.26),0 10px 34px rgba(255,93,46,.18),inset 0 1px 0 rgba(255,255,255,.32)}
.btn-primary:hover{box-shadow:0 28px 76px rgba(69,230,230,.25),0 18px 52px rgba(129,116,255,.22),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-glass{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.025));border-color:rgba(224,248,255,.2);box-shadow:0 16px 42px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-bit{filter:drop-shadow(0 0 8px rgba(69,230,230,.26))}

/* Hero: liquid prism environment, not the previous orange-grid theme. */
.hero,.page-hero,.contact-hero{
 isolation:isolate;
 background:
  radial-gradient(52vw 42vw at 78% 25%,rgba(69,230,230,.13),transparent 60%),
  radial-gradient(44vw 38vw at 20% 72%,rgba(129,116,255,.14),transparent 58%),
  radial-gradient(34vw 30vw at 52% 8%,rgba(255,93,46,.09),transparent 60%),
  linear-gradient(145deg,#03101a 0%,#070b17 46%,#09051a 100%);
}
.hero::before,.page-hero::before{background-image:linear-gradient(rgba(147,220,234,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(147,220,234,.025) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.hero::after{width:58vw;height:58vw;right:-25vw;top:-24vw;border-color:rgba(69,230,230,.16);box-shadow:0 0 0 8vw rgba(129,116,255,.018),0 0 0 16vw rgba(69,230,230,.012);animation:heroOrbit 34s linear infinite}
.liquid-caustics{position:absolute;inset:-20%;z-index:0;pointer-events:none;opacity:.32;mix-blend-mode:screen;background:conic-gradient(from 210deg at 56% 46%,transparent 0 14%,rgba(69,230,230,.11) 20%,transparent 29% 45%,rgba(129,116,255,.12) 53%,transparent 64% 82%,rgba(255,93,46,.08) 90%,transparent);filter:blur(22px);animation:causticTurn 24s linear infinite}
.liquid-caustics::after{content:"";position:absolute;inset:15%;border-radius:48% 52% 58% 42%/48% 42% 58% 52%;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 80px rgba(69,230,230,.05),0 0 90px rgba(129,116,255,.05);animation:liquidMorph 12s ease-in-out infinite alternate}
@keyframes causticTurn{to{transform:rotate(360deg) scale(1.08)}}
@keyframes liquidMorph{0%{border-radius:48% 52% 58% 42%/48% 42% 58% 52%;transform:translate3d(-2%,2%,0) rotate(-4deg)}100%{border-radius:56% 44% 42% 58%/42% 58% 44% 56%;transform:translate3d(3%,-3%,0) rotate(5deg)}}
.hero-inner,.page-hero-grid,.contact-grid{transform:translate3d(0,var(--parallax-y,0),0)}
.hero h1,.page-hero h1{filter:drop-shadow(0 18px 38px rgba(0,0,0,.24))}
.gradient-text{background:linear-gradient(100deg,#fff 0%,#aefbff 28%,#9e94ff 58%,#ffac82 92%,#fff 125%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientDrift 8s ease-in-out infinite alternate}
@keyframes gradientDrift{to{background-position:100% center}}
.hero-kicker,.eyebrow,.section-label{color:#72edf0}
.hero-kicker::before,.eyebrow::before{background:linear-gradient(90deg,var(--prism-a),var(--prism-b),var(--prism-c));box-shadow:0 0 14px rgba(69,230,230,.25)}
.hero-stage,.product-visual,.threat-visual,.system-visual,.platform-visual{--mx:50%;--my:50%;transform:perspective(1200px) translate3d(0,var(--visual-y,0),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s var(--liquid-spring)}
.hero-stage::before,.product-visual::before,.platform-visual::before{content:"";position:absolute;inset:10%;border-radius:50%;z-index:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.16),rgba(69,230,230,.055) 26%,rgba(129,116,255,.04) 48%,transparent 72%);filter:blur(4px);animation:lensPulse 6s ease-in-out infinite alternate}
@keyframes lensPulse{to{transform:scale(1.08);opacity:.68}}
.hero-stage .core,.product-visual .center,.platform-visual .visual-core{
 background:
  radial-gradient(circle at 28% 20%,rgba(255,255,255,.46),transparent 23%),
  linear-gradient(145deg,rgba(69,230,230,.95),rgba(80,93,235,.94) 48%,rgba(255,93,46,.96));
 border:1px solid rgba(255,255,255,.28);
 box-shadow:0 0 0 12px rgba(69,230,230,.045),0 32px 100px rgba(41,87,213,.28),0 18px 70px rgba(255,93,46,.18),inset 0 1px 0 rgba(255,255,255,.46);
 backdrop-filter:blur(16px);
}
.orbit.one,.product-visual .r1{border-color:rgba(69,230,230,.22);box-shadow:0 0 40px rgba(69,230,230,.035)}
.orbit.two,.product-visual .r2{border-color:rgba(129,116,255,.2);animation-duration:42s}
.orbit.three,.product-visual .r3{border-color:rgba(255,93,46,.14)}
.stage-node,.product-visual .node,.platform-visual .visual-node{
 background:
  radial-gradient(150px circle at var(--mx,50%) var(--my,20%),rgba(255,255,255,.16),transparent 55%),
  linear-gradient(145deg,rgba(23,43,65,.7),rgba(8,19,35,.55)) padding-box,
  linear-gradient(130deg,rgba(255,255,255,.25),rgba(69,230,230,.12),rgba(129,116,255,.12)) border-box;
 border:1px solid transparent;box-shadow:0 24px 66px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);
}
.data-particle{position:absolute;z-index:1;color:rgba(197,250,255,.34);font-weight:850;font-size:var(--p-size,12px);pointer-events:none;text-shadow:0 0 15px rgba(69,230,230,.22);animation:dataDrift var(--p-dur,10s) linear infinite;animation-delay:var(--p-delay,0s);opacity:0}
@keyframes dataDrift{0%{transform:translate3d(var(--p-x,0),40px,0) rotate(-6deg);opacity:0}12%{opacity:.34}78%{opacity:.18}100%{transform:translate3d(calc(var(--p-x,0) + var(--p-drift,0px)),-160px,0) rotate(10deg);opacity:0}}

/* Kinetic typography: clipped word reveals. */
.kinetic-heading{overflow:visible}
.kinetic-heading .motion-word{display:inline-block;opacity:0;transform:translate3d(0,1.05em,0) rotate(2deg);filter:blur(8px);transition:opacity .72s var(--liquid-spring),transform .9s var(--liquid-spring),filter .8s;transition-delay:calc(var(--word-index) * 42ms)}
.kinetic-heading.word-visible .motion-word{opacity:1;transform:none;filter:none}

/* Full-width section choreography with three distinct moods. */
.section{overflow:hidden}
.section.band{
 color:#06131e;
 background:
  radial-gradient(60vw 46vw at 14% 18%,rgba(69,230,230,.17),transparent 58%),
  radial-gradient(48vw 40vw at 92% 82%,rgba(129,116,255,.11),transparent 58%),
  linear-gradient(145deg,#ccd6dd,#bec9d1 58%,#c6ced8);
 border:0;
}
.section.band::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 38%,rgba(255,255,255,.52) 48%,transparent 58%);transform:translateX(-120%);animation:iceSheen 11s ease-in-out infinite}
@keyframes iceSheen{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.section.band .section-label{color:#056f79}
.section.band .section-title,.section.band h2,.section.band h3{color:#07131e}
.section.band .section-copy,.section.band p{color:#425666}
.section.band .signal-rail,.section.band .solutions-list{border-color:rgba(7,19,30,.15)}
.section.band .signal-item,.section.band .solution-row{border-color:rgba(7,19,30,.15)}
.section.band .signal-item b,.section.band .solution-row b{color:#ca3e12}
.section.band .signal-item p,.section.band .solution-row p{color:#536673}
.section.dark,.trust-band{
 background:
  radial-gradient(58vw 44vw at 88% 20%,rgba(69,230,230,.085),transparent 60%),
  radial-gradient(45vw 38vw at 8% 82%,rgba(129,116,255,.1),transparent 60%),
  linear-gradient(145deg,#04101b,#07101e 48%,#0a0719);
}
.section.dark::after,.trust-band::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 0 46%,rgba(69,230,230,.025) 50%,transparent 54%);background-size:260% 100%;animation:darkSweep 14s linear infinite}
@keyframes darkSweep{to{background-position:-260% 0}}
.split{position:relative;z-index:1}
.signal-item,.solution-row{position:relative}
.signal-item::after,.solution-row::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--prism-a),var(--prism-b),var(--prism-c));transition:right .55s var(--liquid-spring)}
.signal-item:hover::after,.solution-row:hover::after{right:0}

/* Portfolio becomes a liquid-glass theatre, not a card grid. */
.platform{
 padding:120px 0;
 background:
  radial-gradient(50vw 45vw at 78% 18%,rgba(69,230,230,.12),transparent 60%),
  radial-gradient(42vw 38vw at 12% 82%,rgba(255,93,46,.075),transparent 60%),
  linear-gradient(150deg,#061621,#081025 54%,#12071e);
 overflow:hidden;
}
.platform::before{content:"";position:absolute;inset:auto -15% -55% auto;width:70vw;height:70vw;border:1px solid rgba(129,116,255,.12);border-radius:50%;box-shadow:0 0 0 10vw rgba(129,116,255,.012),0 0 0 20vw rgba(69,230,230,.01);animation:heroOrbit 42s linear infinite}
.platform-tabs{
 position:relative;z-index:3;width:max-content;max-width:100%;padding:7px;margin:42px 0 32px;border-radius:999px;
 background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));border:1px solid rgba(220,249,255,.17);box-shadow:0 20px 62px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.17);backdrop-filter:blur(26px) saturate(180%);
}
.platform-tab{border-radius:999px;transition:color .3s,background .45s var(--liquid-spring),transform .35s var(--liquid-spring),box-shadow .4s}
.platform-tab:hover{transform:translateY(-2px)}
.platform-tab.active{background:linear-gradient(110deg,rgba(69,230,230,.22),rgba(129,116,255,.23),rgba(255,93,46,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 30px rgba(69,230,230,.09);color:#fff}
.platform-panel{position:relative;z-index:2;opacity:0;transform:translate3d(0,30px,0) scale(.985);filter:blur(12px);transition:opacity .6s var(--liquid-spring),transform .75s var(--liquid-spring),filter .55s}
.platform-panel.active{opacity:1;transform:none;filter:none}
.platform-panel.active .platform-points>div{animation:pointIn .62s var(--liquid-spring) both;animation-delay:calc(var(--point-index,0) * 70ms)}
@keyframes pointIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.platform-visual{border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.014)) padding-box,linear-gradient(135deg,rgba(255,255,255,.24),rgba(69,230,230,.17),rgba(129,116,255,.15),rgba(255,93,46,.12)) border-box;border:1px solid transparent;box-shadow:var(--prism-shadow),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(30px) saturate(170%)}

/* Brand and CTA use separate visual moods. */
.brand-statement{background:linear-gradient(120deg,#061722 0%,#102a35 38%,#3e245a 68%,#d84d25 112%);isolation:isolate}
.brand-statement::before{content:"";position:absolute;inset:-50%;z-index:0;background:conic-gradient(from 190deg,transparent,rgba(69,230,230,.12),transparent 35%,rgba(129,116,255,.16),transparent 65%,rgba(255,93,46,.12),transparent);animation:causticTurn 26s linear infinite;filter:blur(30px)}
.brand-statement::after{color:rgba(255,255,255,.055);animation:binarySlide 22s linear infinite}
@keyframes binarySlide{50%{transform:translateX(-8%) translateY(-8%)}}
.brand-statement .container{position:relative;z-index:2}
.cta{background:radial-gradient(46vw 38vw at 82% 10%,rgba(69,230,230,.14),transparent 62%),linear-gradient(145deg,#c4cfd6,#b8c4cc);position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;width:420px;height:420px;right:-120px;bottom:-250px;border-radius:50%;border:1px solid rgba(7,16,27,.11);box-shadow:0 0 0 58px rgba(69,230,230,.035),0 0 0 116px rgba(129,116,255,.025)}

/* Product and content pages: liquid hero lens and refined story sections. */
.page-hero,.contact-hero{min-height:680px}
.product-visual{border-radius:50px;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.09),transparent 38%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.product-proof{background:linear-gradient(90deg,#c9d2d8,#c1cad0,#c6c7d1);border:0}
.narrative{background:linear-gradient(155deg,#03080f,#07101d 54%,#0b0718)}
.story-block{position:relative}
.story-block::after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:linear-gradient(90deg,var(--prism-a),var(--prism-b),var(--prism-c));transition:width .9s var(--liquid-spring)}
.story-block.visible::after{width:100%}
.capability-row{transition:padding .35s var(--liquid-spring),background .35s}
.capability-row:hover{padding-left:14px;background:linear-gradient(90deg,rgba(69,230,230,.045),transparent)}
.flow{background:radial-gradient(45vw 38vw at 90% 5%,rgba(129,116,255,.12),transparent 60%),linear-gradient(145deg,#c9d2d7,#bcc8cf)}
.flow-step{position:relative;overflow:hidden}
.flow-step::before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,var(--prism-a),var(--prism-b),var(--prism-c));transition:width .7s var(--liquid-spring)}
.flow-step:hover::before{width:100%}
.contact-hero .contact-channel a{background:linear-gradient(90deg,#fff,#aefbff,#b8adff);-webkit-background-clip:text;background-clip:text;color:transparent}
.form{background:radial-gradient(45vw 38vw at 84% 12%,rgba(69,230,230,.12),transparent 62%),linear-gradient(145deg,#c4ced6,#b8c3cb)}
.field input,.field textarea,.field select{background:rgba(255,255,255,.78);border-color:rgba(10,39,54,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:border-color .3s,box-shadow .3s,transform .3s}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:rgba(69,145,181,.44);box-shadow:0 0 0 4px rgba(69,230,230,.12),0 16px 42px rgba(33,82,112,.08);transform:translateY(-1px)}
.site-footer{background:radial-gradient(50vw 42vw at 12% 100%,rgba(69,230,230,.055),transparent 62%),linear-gradient(145deg,#02070d,#060918)}

/* Cursor prism is subtle and only shown for fine pointers. */
.prism-cursor{position:fixed;left:0;top:0;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:70;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(143,246,255,.075),rgba(129,116,255,.035) 32%,transparent 70%);mix-blend-mode:screen;filter:blur(6px);transition:opacity .25s}
.prism-cursor.active{opacity:1}

/* Refined scroll reveal. */
.reveal{opacity:0;transform:translate3d(0,42px,0) scale(.992);filter:blur(7px);transition:opacity .85s var(--liquid-spring),transform 1s var(--liquid-spring),filter .8s}
.reveal.visible{opacity:1;transform:none;filter:none}

@media(max-width:1050px){
 .site-header{padding:8px 0}.site-header .nav{border-radius:20px}
 .mega-menu{background:linear-gradient(150deg,rgba(20,39,61,.98),rgba(7,18,33,.98))}
 .platform-tabs{width:100%}
}
@media(max-width:700px){
 .site-aurora span{opacity:.08;filter:blur(64px)}
 .site-header .nav{min-height:62px;padding-inline:13px}
 .hero,.page-hero,.contact-hero{min-height:auto}
 .liquid-caustics{opacity:.18}
 .data-particle:nth-child(n+10){display:none}
 .prism-cursor{display:none}
 .section.band::before{display:none}
 .platform{padding:82px 0}
 .platform-visual{border-radius:28px}
}
@media(prefers-reduced-motion:reduce){
 .site-aurora,.liquid-caustics,.data-particle,.prism-cursor{display:none!important}
 .kinetic-heading .motion-word{opacity:1!important;transform:none!important;filter:none!important}
}
.platform{position:relative;isolation:isolate}


/* =========================================================
   V4 — CINEMATIC ENTERPRISE LIQUID GLASS
   Structure inspired by premium enterprise-security storytelling,
   while preserving original SECVerge identity, content and assets.
   ========================================================= */
:root{--v4-ice:#eaf6f7;--v4-ink:#06111d;--v4-blue:#52e3f0;--v4-lilac:#a898ff;--v4-glass:rgba(12,23,38,.54);--v4-glass-2:rgba(255,255,255,.08);--v4-radius:32px}
body{background:#03070d}
.site-header{background:linear-gradient(180deg,rgba(3,7,13,.78),rgba(3,7,13,.42));border-bottom:1px solid rgba(184,239,246,.09);box-shadow:0 12px 48px rgba(0,0,0,.2)}
.site-header.scrolled{background:rgba(3,7,13,.88);backdrop-filter:blur(34px) saturate(180%)}
.liquid-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 42%,rgba(53,223,241,.025) 72%),linear-gradient(135deg,rgba(255,255,255,.17),rgba(53,223,241,.09) 46%,rgba(139,92,246,.11) 78%,rgba(255,75,19,.09));background-clip:padding-box,border-box;border:1px solid transparent;border-radius:var(--v4-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.035),0 34px 100px rgba(0,0,0,.32);backdrop-filter:blur(38px) saturate(175%);-webkit-backdrop-filter:blur(38px) saturate(175%)}
.liquid-panel::before{content:"";position:absolute;inset:-40%;z-index:0;pointer-events:none;background:conic-gradient(from 180deg at var(--glass-x,50%) var(--glass-y,50%),transparent,rgba(53,223,241,.1),transparent 22%,rgba(168,152,255,.1),transparent 44%,rgba(255,75,19,.08),transparent 62%);filter:blur(24px);opacity:.72;animation:v4Refraction 16s linear infinite}
.liquid-panel::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(420px circle at var(--glass-x,50%) var(--glass-y,35%),rgba(255,255,255,.14),transparent 42%),linear-gradient(115deg,rgba(255,255,255,.06),transparent 28%,transparent 76%,rgba(53,223,241,.035));mix-blend-mode:screen}
.liquid-panel>*{position:relative;z-index:1}@keyframes v4Refraction{to{transform:rotate(360deg)}}
.enterprise-hero{min-height:calc(100svh - 82px);padding:0;background:radial-gradient(circle at 8% 20%,rgba(255,75,19,.18),transparent 26%),radial-gradient(circle at 82% 14%,rgba(53,223,241,.13),transparent 28%),radial-gradient(circle at 72% 82%,rgba(139,92,246,.12),transparent 34%),linear-gradient(180deg,#03070d,#07101b 64%,#03070d)}
.enterprise-hero::before{background-size:86px 86px;opacity:.52}
.enterprise-hero-grid{position:relative;z-index:2;min-height:calc(100svh - 82px);padding:72px 0 86px;display:grid;grid-template-columns:.94fr 1.06fr;gap:72px;align-items:center}
.enterprise-hero-copy h1{font-size:clamp(64px,8vw,122px);line-height:.88;letter-spacing:-.078em;margin:22px 0 0;max-width:880px}
.enterprise-hero-copy .hero-copy{max-width:710px}
.hero-proof-rail{display:flex;flex-wrap:wrap;gap:0;margin-top:34px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08)}
.hero-proof-rail span{padding:14px 20px 14px 0;margin-right:20px;color:#c9d5e4;font-size:12px;font-weight:780;letter-spacing:.04em}
.enterprise-stage{min-height:610px;display:grid;place-items:center;border-radius:44px;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s var(--spring)}
.security-canvas{position:absolute!important;inset:0;width:100%;height:100%;z-index:0!important}
.stage-head{position:absolute;left:34px;top:30px;display:grid;gap:5px}.stage-head span{font-size:14px;font-weight:900}.stage-head small{color:#a8b9cb;text-transform:uppercase;letter-spacing:.14em;font-size:10px}
.stage-orbit-label{position:absolute;padding:11px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(6,13,24,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 38px rgba(0,0,0,.24);backdrop-filter:blur(16px);font-size:12px;font-weight:800;animation:v4LabelFloat 7s ease-in-out infinite}.label-a{left:9%;top:27%}.label-b{right:8%;top:19%;animation-delay:-1.2s}.label-c{right:9%;bottom:29%;animation-delay:-2.4s}.label-d{left:12%;bottom:20%;animation-delay:-3.6s}.label-e{left:42%;top:47%;animation-delay:-4.8s}@keyframes v4LabelFloat{50%{transform:translateY(-10px)}}
.stage-live,.scene-status{position:absolute;right:28px;bottom:26px;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(3,9,17,.58);border:1px solid rgba(255,255,255,.12);font-size:11px;color:#dce7f3}.stage-live i,.scene-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(67,217,141,.1),0 0 18px rgba(67,217,141,.55)}
.scroll-cue{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#8595aa}.scroll-cue span{animation:v4Cue 1.6s ease-in-out infinite}@keyframes v4Cue{50%{transform:translateY(6px)}}
.challenge-section{padding:130px 0;background:linear-gradient(180deg,#eef6f7,#f5f7fb);color:#06111d}
.challenge-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start;margin-bottom:54px}.challenge-intro p{margin:0;font-size:18px;line-height:1.7;color:#4c5e6e;max-width:720px}.challenge-stack{border-top:1px solid rgba(6,17,29,.15)}
.challenge-question{display:grid;grid-template-columns:90px 1fr;gap:28px;align-items:start;padding:46px 0;border-bottom:1px solid rgba(6,17,29,.14);opacity:1;transform:none;transition:padding-left .4s var(--spring),background .4s}
.challenge-question:hover{padding-left:18px}.challenge-question span{color:#d94100;font-size:12px;font-weight:900;letter-spacing:.15em;padding-top:10px}.challenge-question h2{margin:0;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.058em;max-width:1020px}
.lifecycle-section{padding:130px 0;background:radial-gradient(circle at 88% 20%,rgba(53,223,241,.08),transparent 28%),linear-gradient(180deg,#04101a,#02070d);border-block:1px solid rgba(255,255,255,.07)}
.lifecycle-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.lifecycle-sticky{position:sticky;top:132px;align-self:start}.lifecycle-sticky h2{font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.064em;margin:17px 0}.lifecycle-sticky p{font-size:18px;line-height:1.75;color:#aebdce}.lifecycle-list{border-top:1px solid rgba(255,255,255,.12)}
.lifecycle-step{position:relative;display:grid;grid-template-columns:76px 1fr 100px;gap:26px;align-items:center;min-height:230px;padding:42px 0;border-bottom:1px solid rgba(255,255,255,.11);opacity:.52;transform:translateX(20px);transition:opacity .65s var(--spring),transform .65s var(--spring)}.lifecycle-step.active{opacity:1;transform:none}.lifecycle-index{font-size:12px;font-weight:900;color:var(--orange2);letter-spacing:.14em}.lifecycle-step h3{margin:0;font-size:clamp(34px,4vw,58px);letter-spacing:-.052em}.lifecycle-step p{font-size:17px;line-height:1.7;color:#aab8c8;max-width:620px}.lifecycle-signal{height:74px;display:flex;align-items:flex-end;gap:7px}.lifecycle-signal i{width:9px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),var(--violet),var(--orange));animation:v4Signal 1.8s ease-in-out infinite}.lifecycle-signal i:nth-child(1){height:35%;animation-delay:-.3s}.lifecycle-signal i:nth-child(2){height:82%;animation-delay:-.9s}.lifecycle-signal i:nth-child(3){height:55%;animation-delay:-1.3s}@keyframes v4Signal{50%{height:95%}}
.suite-section{padding:130px 0;background:linear-gradient(165deg,#09121e,#05080e 55%,#0a0614)}.suite-header{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:44px}.suite-header p{margin:0;color:#abb9ca;font-size:17px;line-height:1.7}.suite-experience{display:grid;grid-template-columns:300px 1fr;min-height:690px;border-radius:40px}.suite-nav{padding:26px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}.suite-tab{position:relative;text-align:left;border:0;background:transparent;color:#92a2b5;padding:21px 18px;border-radius:18px;cursor:pointer;font-weight:900;font-size:16px;transition:.3s var(--spring)}.suite-tab small{display:block;margin-top:5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#66788e}.suite-tab::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:999px;background:linear-gradient(var(--cyan),var(--violet),var(--orange));opacity:0;transform:scaleY(.2);transition:.3s}.suite-tab.active{color:#fff;background:rgba(255,255,255,.06);padding-left:25px}.suite-tab.active::before{opacity:1;transform:scaleY(1)}
.suite-stage{position:relative;overflow:hidden;min-height:690px}.suite-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,14,.88),rgba(3,8,14,.35) 54%,rgba(3,8,14,.08));pointer-events:none}.suite-panel{position:absolute;z-index:3;left:8%;bottom:10%;width:min(620px,78%);opacity:0;transform:translateY(28px);pointer-events:none;transition:opacity .5s var(--spring),transform .5s var(--spring)}.suite-panel.active{opacity:1;transform:none;pointer-events:auto}.suite-panel h3{font-size:clamp(42px,5vw,72px);line-height:.96;letter-spacing:-.06em;margin:14px 0}.suite-panel p{font-size:18px;line-height:1.7;color:#b8c5d5}.suite-panel a{display:inline-flex;margin-top:18px;font-weight:900;color:#fff;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:5px}
.capabilities-section{padding:130px 0;background:#03070d}.capabilities-section>.container>.section-title{max-width:940px;margin-bottom:74px}.capability-sweep{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;min-height:620px;padding:78px 0;border-top:1px solid rgba(255,255,255,.1)}.capability-sweep.reverse .capability-copy{order:2}.capability-copy>span{display:block;color:var(--orange2);font-size:12px;font-weight:900;letter-spacing:.16em}.capability-copy h2{font-size:clamp(44px,5.5vw,78px);line-height:.96;letter-spacing:-.06em;margin:17px 0}.capability-copy p{font-size:18px;line-height:1.75;color:#aebdce;max-width:650px}.capability-copy a{display:inline-flex;margin-top:18px;font-weight:850;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px}.capability-visual{min-height:480px;border-radius:38px}.visual-caption{position:absolute;left:24px;bottom:22px;padding:9px 12px;border-radius:999px;background:rgba(3,8,14,.58);border:1px solid rgba(255,255,255,.1);font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#c4d1de}
.manifesto-section{padding:130px 0;background:linear-gradient(180deg,#c8d3da,#bcc8d0);color:#06111d}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.manifesto-grid h2{font-size:clamp(50px,6vw,88px);line-height:.92;letter-spacing:-.066em;margin:16px 0}.manifesto-lines{border-top:1px solid rgba(6,17,29,.18)}.manifesto-lines p{display:grid;grid-template-columns:70px 1fr;gap:24px;margin:0;padding:30px 0;border-bottom:1px solid rgba(6,17,29,.18);font-size:21px;line-height:1.45;color:#1f3142}.manifesto-lines span{font-size:11px;font-weight:900;color:#d94100;letter-spacing:.12em}
.expert-section{padding:120px 0;background:#03070d}.expert-stage{display:grid;grid-template-columns:1fr .8fr;gap:90px;padding:70px;border-radius:42px}.expert-stage h2{font-size:clamp(48px,5.5vw,78px);line-height:.95;letter-spacing:-.06em;margin:16px 0}.expert-stage p{font-size:18px;line-height:1.7;color:#afbdcd}.expert-links{border-top:1px solid rgba(255,255,255,.12)}.expert-links a{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.11);font-size:18px;font-weight:850}.expert-links span{transition:transform .3s}.expert-links a:hover span{transform:translateX(8px)}
.cinematic-statement{background:radial-gradient(circle at 20% 45%,rgba(255,75,19,.14),transparent 30%),radial-gradient(circle at 82% 34%,rgba(53,223,241,.1),transparent 32%),linear-gradient(180deg,#07111c,#03070d);border-block:1px solid rgba(255,255,255,.07)}
.product-dock{position:sticky;top:82px;z-index:55;display:flex;justify-content:center;gap:4px;padding:9px 12px;background:rgba(3,8,14,.72);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(26px) saturate(160%);overflow-x:auto}.product-dock a{white-space:nowrap;padding:10px 14px;border-radius:999px;color:#98a9bc;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;transition:.25s}.product-dock a.active,.product-dock a:hover{color:#fff;background:rgba(255,255,255,.08)}
.product-cinematic{min-height:calc(100svh - 130px);padding:70px 0;background:radial-gradient(circle at 85% 20%,rgba(53,223,241,.12),transparent 28%),radial-gradient(circle at 12% 25%,rgba(255,75,19,.16),transparent 27%),linear-gradient(180deg,#040a12,#06111d 60%,#03070d)}
.product-cinematic-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:76px;align-items:center}.product-hero-copy .eyebrow{margin-top:20px}.product-hero-copy h1{font-size:clamp(58px,7.4vw,108px);line-height:.9;letter-spacing:-.072em;margin-top:18px}.cinematic-visual{min-height:600px;border-radius:44px}.scene-label{position:absolute;left:30px;top:28px;display:grid;gap:5px}.scene-label span{font-size:18px;font-weight:900}.scene-label small{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#9aacc0}.scene-status{right:24px;bottom:22px}.proof-ribbon{background:linear-gradient(90deg,#e8f4f5,#f6f7fa,#efeafa);color:#06111d;border-block:1px solid rgba(6,17,29,.12)}.proof-ribbon-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-ribbon span{padding:24px 20px;border-right:1px solid rgba(6,17,29,.12);font-weight:850}.proof-ribbon span:last-child{border-right:0}
.cinematic-trust{background:radial-gradient(circle at 86% 20%,rgba(53,223,241,.09),transparent 28%),linear-gradient(145deg,#07121f,#03070d)}.trust-principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.trust-principles span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);font-size:11px;color:#c6d3df}
.product-access{padding:110px 0;background:#03070d}.access-stage{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center;padding:62px 66px;border-radius:42px}.access-stage h2{font-size:clamp(46px,5vw,74px);line-height:.96;letter-spacing:-.058em;margin:16px 0}.access-stage p{font-size:17px;line-height:1.7;color:#adbbca;max-width:760px}
@media(max-width:1100px){.enterprise-hero-grid,.product-cinematic-grid,.lifecycle-grid,.suite-header,.manifesto-grid,.expert-stage{grid-template-columns:1fr}.enterprise-stage,.cinematic-visual{min-height:560px}.challenge-intro{grid-template-columns:1fr;gap:20px}.lifecycle-sticky{position:relative;top:auto}.suite-experience{grid-template-columns:1fr}.suite-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.suite-tab{min-width:210px}.capability-sweep{grid-template-columns:1fr;gap:38px}.capability-sweep.reverse .capability-copy{order:0}.expert-stage{padding:48px}.access-stage{grid-template-columns:1fr}.product-dock{justify-content:flex-start}.proof-ribbon-grid{grid-template-columns:1fr 1fr}.proof-ribbon span:nth-child(2){border-right:0}.proof-ribbon span{border-bottom:1px solid rgba(6,17,29,.12)}}
@media(max-width:720px){.enterprise-hero-grid{padding:50px 0 72px}.enterprise-stage,.cinematic-visual{min-height:470px}.stage-orbit-label{font-size:10px;padding:9px 11px}.label-a{left:5%}.label-b{right:4%}.label-c{right:4%}.label-d{left:6%}.label-e{left:37%}.challenge-section,.lifecycle-section,.suite-section,.capabilities-section,.manifesto-section,.expert-section,.product-access{padding:82px 0}.challenge-question{grid-template-columns:45px 1fr;gap:14px;padding:28px 0}.challenge-question h2{font-size:clamp(32px,10vw,48px)}.lifecycle-grid{gap:42px}.lifecycle-step{grid-template-columns:42px 1fr;min-height:190px}.lifecycle-signal{display:none}.suite-experience{min-height:650px}.suite-stage{min-height:540px}.suite-panel{left:6%;bottom:8%;width:88%}.suite-panel h3{font-size:clamp(38px,11vw,56px)}.capability-sweep{min-height:0;padding:52px 0}.capability-visual{min-height:370px}.manifesto-grid{gap:38px}.expert-stage{padding:34px 24px}.proof-ribbon-grid{grid-template-columns:1fr}.proof-ribbon span{border-right:0}.access-stage{padding:38px 24px}.product-dock{top:72px}.hero-proof-rail span{padding:12px 0;margin-right:16px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.liquid-panel::before,.stage-orbit-label,.lifecycle-signal i,.scroll-cue span{animation:none!important}.lifecycle-step{opacity:1;transform:none}}


/* V5 — meaningful product motion: animation now explains product behaviour. */
.cinematic-visual .security-canvas,
.capability-visual .security-canvas,
.enterprise-stage .security-canvas,
.suite-stage .security-canvas { opacity:.18; filter:saturate(.84) brightness(.72); }
.cinematic-visual::after,
.capability-visual::after,
.enterprise-stage::after,
.suite-stage::after {
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:1;
  background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 28%,transparent 70%,rgba(53,223,241,.035));
}
.product-motion-ui {
  position:absolute; inset:clamp(22px,4vw,42px); z-index:3; display:flex; flex-direction:column;
  color:#f7fbff; font-family:inherit; pointer-events:none;
}
.product-motion-ui[role="img"] { outline:none; }
.demo-shell {
  position:relative; height:100%; min-height:0; overflow:hidden; border-radius:28px;
  background:linear-gradient(145deg,rgba(8,18,31,.84),rgba(7,13,24,.66));
  border:1px solid rgba(255,255,255,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 30px 70px rgba(0,0,0,.26);
  backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%);
  padding:clamp(18px,2.4vw,30px); display:flex; flex-direction:column; gap:18px;
}
.demo-shell::before { content:""; position:absolute; inset:-40% -15%; background:linear-gradient(105deg,transparent 37%,rgba(255,255,255,.08) 49%,transparent 61%); transform:translateX(-55%); animation:demoGlassSweep 8s ease-in-out infinite; }
@keyframes demoGlassSweep { 0%,28%{transform:translateX(-55%)} 58%,100%{transform:translateX(55%)} }
.demo-head { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.demo-kicker { font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:#92a8bd; font-weight:850; }
.demo-title { margin-top:6px; font-size:clamp(18px,2vw,26px); font-weight:900; letter-spacing:-.035em; }
.demo-live,.demo-badge { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; font-size:10px; letter-spacing:.08em; text-transform:uppercase; font-weight:850; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.12); color:#d8e7f2; white-space:nowrap; }
.demo-live i,.demo-badge i { width:7px; height:7px; border-radius:50%; background:#55e5b1; box-shadow:0 0 0 5px rgba(85,229,177,.08),0 0 18px rgba(85,229,177,.52); }
.demo-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.demo-stat { padding:13px 14px; border-radius:17px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); }
.demo-stat strong { display:block; font-size:clamp(18px,2.3vw,28px); letter-spacing:-.04em; }
.demo-stat span { display:block; margin-top:5px; color:#91a4b8; font-size:10px; line-height:1.35; }
.demo-panel { position:relative; z-index:1; flex:1; min-height:0; display:flex; flex-direction:column; gap:10px; }
.demo-row { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:11px; align-items:center; padding:11px 12px; border-radius:16px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.075); animation:demoRowFocus 6s ease-in-out infinite; animation-delay:calc(var(--i,0) * .8s); }
.demo-row:nth-child(2){animation-delay:1.2s}.demo-row:nth-child(3){animation-delay:2.4s}.demo-row:nth-child(4){animation-delay:3.6s}
@keyframes demoRowFocus { 0%,70%,100%{background:rgba(255,255,255,.035);transform:translateX(0)} 78%,88%{background:rgba(53,223,241,.075);transform:translateX(4px)} }
.demo-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(145deg,rgba(53,223,241,.15),rgba(155,131,255,.1)); border:1px solid rgba(53,223,241,.17); font-size:14px; }
.demo-row strong { display:block; font-size:12px; }
.demo-row small { display:block; margin-top:3px; color:#879caf; font-size:9px; line-height:1.35; }
.demo-state { font-size:9px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; padding:6px 8px; border-radius:999px; background:rgba(85,229,177,.09); color:#7ce8bd; border:1px solid rgba(85,229,177,.16); }
.demo-state.attn { background:rgba(255,138,75,.09); color:#ffad7b; border-color:rgba(255,138,75,.18); }
.demo-state.info { background:rgba(53,223,241,.08); color:#7cebf5; border-color:rgba(53,223,241,.16); }
.demo-event { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-radius:17px; background:linear-gradient(90deg,rgba(255,90,31,.11),rgba(53,223,241,.055)); border:1px solid rgba(255,145,92,.15); }
.demo-event strong { font-size:11px; }
.demo-event small { display:block; margin-top:3px; font-size:9px; color:#9fb0c1; }
.demo-action { padding:7px 9px; border-radius:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); font-size:9px; font-weight:850; }
.demo-note { position:relative; z-index:1; color:#7f94a8; font-size:9px; letter-spacing:.04em; }

/* Data flows and explainable diagrams */
.flow-board { position:relative; z-index:1; flex:1; min-height:0; display:grid; grid-template-columns:1fr 64px 1fr; align-items:center; gap:10px; }
.flow-column { display:grid; gap:10px; }
.flow-node { position:relative; padding:13px 14px; border-radius:17px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); overflow:hidden; }
.flow-node::after { content:""; position:absolute; left:-35%; top:0; width:30%; height:100%; background:linear-gradient(90deg,transparent,rgba(53,223,241,.16),transparent); animation:nodeScan 3.6s linear infinite; animation-delay:calc(var(--i,0) * .55s); }
@keyframes nodeScan { to{left:120%} }
.flow-node b { display:block; font-size:11px; }
.flow-node small { display:block; color:#8fa3b7; font-size:9px; margin-top:4px; line-height:1.35; }
.flow-lane { position:relative; height:2px; background:rgba(255,255,255,.12); overflow:visible; }
.flow-lane::before { content:""; position:absolute; top:-3px; left:-6px; width:8px; height:8px; border-radius:50%; background:#35dff1; box-shadow:0 0 16px #35dff1; animation:flowDot 2.1s ease-in-out infinite; }
@keyframes flowDot { 0%{left:-6px;opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{left:calc(100% - 2px);opacity:0} }
.flow-output { padding:18px; border-radius:20px; background:linear-gradient(145deg,rgba(53,223,241,.1),rgba(155,131,255,.08)); border:1px solid rgba(53,223,241,.18); }
.flow-output strong { display:block; font-size:14px; }
.flow-output p { margin:8px 0 0; font-size:10px; line-height:1.5; color:#b7c7d7; }

/* Trust and score visuals */
.trust-layout { position:relative; z-index:1; flex:1; min-height:0; display:grid; grid-template-columns:.85fr 1.15fr; gap:14px; }
.trust-gauge { border-radius:22px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); display:grid; place-items:center; padding:16px; text-align:center; }
.trust-ring { width:min(170px,78%); aspect-ratio:1; border-radius:50%; display:grid; place-items:center; background:conic-gradient(#55e5b1 0 74%,rgba(255,255,255,.08) 74% 100%); position:relative; animation:ringBreathe 4s ease-in-out infinite; }
.trust-ring::before { content:""; position:absolute; inset:11px; border-radius:50%; background:#091522; border:1px solid rgba(255,255,255,.08); }
.trust-ring div { position:relative; z-index:1; }
.trust-ring strong { display:block; font-size:clamp(26px,4vw,44px); }
.trust-ring small { display:block; margin-top:3px; font-size:9px; color:#90a5b9; text-transform:uppercase; letter-spacing:.12em; }
@keyframes ringBreathe { 50%{filter:drop-shadow(0 0 24px rgba(85,229,177,.22))} }
.trust-signals { display:grid; gap:9px; align-content:center; }
.trust-signal { padding:12px 13px; border-radius:15px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08); }
.trust-signal span { display:flex; justify-content:space-between; gap:10px; font-size:10px; font-weight:800; }
.trust-signal em { font-style:normal; color:#69e2b0; }
.trust-bar { height:4px; margin-top:9px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.trust-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#35dff1,#55e5b1); transform-origin:left; animation:barFill 4.2s ease-in-out infinite; }
@keyframes barFill { 0%,12%{transform:scaleX(.18)} 48%,82%{transform:scaleX(1)} 100%{transform:scaleX(.18)} }

/* Timelines, stage rails and chat */
.demo-timeline { position:relative; z-index:1; flex:1; display:grid; align-content:center; gap:13px; }
.timeline-row { display:grid; grid-template-columns:64px 12px 1fr auto; gap:12px; align-items:center; }
.timeline-time { color:#8398ad; font-size:9px; }
.timeline-dot { width:10px; height:10px; border-radius:50%; background:#35dff1; box-shadow:0 0 0 5px rgba(53,223,241,.07); animation:timelinePulse 3s ease-in-out infinite; animation-delay:calc(var(--i,0)*.55s); }
@keyframes timelinePulse { 50%{box-shadow:0 0 0 10px rgba(53,223,241,0),0 0 20px rgba(53,223,241,.45)} }
.timeline-row strong { font-size:11px; }
.timeline-row small { display:block; color:#8499ad; margin-top:3px; font-size:9px; }
.stage-rail { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.stage-item { padding:10px; border-radius:14px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08); text-align:center; animation:stageCycle 8s ease-in-out infinite; animation-delay:calc(var(--i,0)*2s); }
.stage-item b { display:block; font-size:10px; }
.stage-item small { display:block; margin-top:4px; font-size:8px; color:#8298ad; }
@keyframes stageCycle { 0%,18%,100%{background:rgba(255,255,255,.035);transform:translateY(0)} 23%,42%{background:rgba(155,131,255,.12);border-color:rgba(155,131,255,.22);transform:translateY(-3px)} }
.chat-thread { position:relative; z-index:1; flex:1; display:grid; align-content:center; gap:10px; }
.chat-bubble { max-width:85%; padding:12px 14px; border-radius:17px; font-size:10px; line-height:1.45; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09); animation:chatIn 6s ease-in-out infinite; animation-delay:calc(var(--i,0)*1.1s); opacity:.45; transform:translateY(8px); }
.chat-bubble.user { justify-self:end; background:linear-gradient(135deg,rgba(255,90,31,.18),rgba(155,131,255,.12)); }
.chat-bubble.ai { justify-self:start; }
.chat-bubble small { display:block; margin-bottom:5px; color:#75e7f3; font-size:8px; text-transform:uppercase; letter-spacing:.12em; }
@keyframes chatIn { 0%,8%{opacity:.2;transform:translateY(8px)} 18%,68%{opacity:1;transform:none} 82%,100%{opacity:.45;transform:none} }

/* Model fusion and app intelligence */
.model-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.model-card { padding:13px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); }
.model-card header { display:flex; justify-content:space-between; gap:8px; font-size:10px; font-weight:850; }
.model-card p { font-size:9px; line-height:1.45; color:#8fa4b8; margin:9px 0 0; }
.model-wave { height:3px; margin-top:10px; border-radius:99px; overflow:hidden; background:rgba(255,255,255,.08); }
.model-wave i { display:block; width:42%; height:100%; background:linear-gradient(90deg,#35dff1,#9b83ff,#ff8a4b); animation:modelWave 2.2s linear infinite; }
@keyframes modelWave { from{transform:translateX(-110%)} to{transform:translateX(280%)} }
.permission-matrix { position:relative; z-index:1; display:grid; grid-template-columns:1.2fr repeat(3,.65fr); gap:1px; border-radius:18px; overflow:hidden; background:rgba(255,255,255,.07); }
.permission-matrix div { min-height:40px; display:grid; place-items:center; padding:8px; background:rgba(7,16,27,.86); font-size:9px; }
.permission-matrix .app { justify-items:start; font-weight:800; }
.permission-matrix .on { color:#6ee3b3; }
.permission-matrix .review { color:#ffad7b; animation:matrixReview 4s ease-in-out infinite; }
@keyframes matrixReview { 50%{background:rgba(255,138,75,.12)} }

/* Portfolio live summary */
.portfolio-live { position:absolute; inset:92px 34px 54px; z-index:3; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.portfolio-status { padding:13px 14px; border-radius:17px; background:rgba(7,17,29,.68); border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(18px); animation:portfolioPulse 7s ease-in-out infinite; animation-delay:calc(var(--i,0)*.7s); }
.portfolio-status strong { display:block; font-size:12px; }
.portfolio-status small { display:block; margin-top:4px; color:#8da3b8; font-size:9px; }
.portfolio-status span { display:inline-flex; margin-top:9px; font-size:8px; text-transform:uppercase; letter-spacing:.1em; color:#74e8bd; }
@keyframes portfolioPulse { 0%,72%,100%{transform:none;border-color:rgba(255,255,255,.1)} 80%,90%{transform:translateY(-4px);border-color:rgba(53,223,241,.28)} }

.visual-caption { z-index:5; }
.scene-label,.scene-status,.stage-head,.stage-live,.stage-orbit-label { z-index:6; }
.cinematic-visual.has-product-ui .scene-label { opacity:.72; }
.cinematic-visual.has-product-ui .scene-status { display:none; }

@media(max-width:900px){
  .product-motion-ui{inset:20px}.demo-grid{grid-template-columns:repeat(3,1fr)}
  .trust-layout{grid-template-columns:1fr}.trust-gauge{min-height:190px}.flow-board{grid-template-columns:1fr}.flow-lane{height:44px;width:2px;margin:auto}.flow-lane::before{animation:flowDotVertical 2.1s ease-in-out infinite}@keyframes flowDotVertical{0%{top:-6px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:calc(100% - 2px);opacity:0}}
}
@media(max-width:720px){
  .product-motion-ui{inset:14px}.demo-shell{padding:15px;border-radius:22px;gap:12px}.demo-grid{gap:6px}.demo-stat{padding:10px}.demo-stat strong{font-size:17px}.demo-row{padding:9px;grid-template-columns:30px minmax(0,1fr) auto}.demo-icon{width:30px;height:30px}.demo-event{padding:10px}.portfolio-live{inset:80px 18px 52px;grid-template-columns:1fr}.portfolio-status:nth-child(n+4){display:none}.model-grid{grid-template-columns:1fr}.stage-rail{grid-template-columns:repeat(2,1fr)}.permission-matrix{grid-template-columns:1.1fr repeat(3,.55fr)}.capability-visual .product-motion-ui{inset:12px}.capability-visual .demo-title{font-size:17px}.demo-note{display:none}
}
@media(prefers-reduced-motion:reduce){.demo-shell::before,.demo-row,.flow-node::after,.flow-lane::before,.trust-ring,.trust-bar i,.timeline-dot,.stage-item,.chat-bubble,.model-wave i,.portfolio-status{animation:none!important}}

.enterprise-stage.has-portfolio-live .stage-orbit-label{display:none}
.enterprise-stage.has-portfolio-live .security-canvas{opacity:.08}

.tech-gradient{background:linear-gradient(104deg,var(--prism-a) 0%,#7eedff 26%,var(--prism-b) 58%,var(--prism-c) 92%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientDrift 8s ease-in-out infinite alternate;text-shadow:none}.tech-gradient-block{display:inline-block}.manifesto-grid h2 .tech-gradient{filter:drop-shadow(0 8px 22px rgba(69,230,230,.12))}.visual-caption .tech-gradient,.scene-label .tech-gradient{filter:none}

/* V7 FINAL — unmistakable slate-glass replacement for all former white/light bands. */
.manifesto-section,
.section.band,
.platform,
.cta,
.product-proof,
.flow,
.form {
  color: #f4f8fb !important;
  background:
    radial-gradient(70vw 48vw at 14% 10%, rgba(53,223,241,.12), transparent 60%),
    radial-gradient(56vw 44vw at 92% 88%, rgba(139,92,246,.14), transparent 62%),
    linear-gradient(145deg, #16232d 0%, #202e39 52%, #2b3543 100%) !important;
  border-color: rgba(218,244,249,.12) !important;
}
.manifesto-section::before,
.section.band::before,
.cta::before,
.form::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 0 36%, rgba(255,255,255,.055) 48%, transparent 60%),
    radial-gradient(320px circle at 78% 18%, rgba(122,240,244,.08), transparent 70%);
  opacity: .82;
}
.manifesto-section > *,
.section.band > *,
.cta > *,
.form > * { position: relative; z-index: 1; }

.manifesto-section .section-label,
.section.band .section-label,
.platform .section-label,
.cta .section-label,
.product-proof .section-label,
.flow .section-label,
.form .section-label { color: #74edf0 !important; }

.manifesto-grid h2,
.manifesto-lines p,
.section.band .section-title,
.section.band h2,
.section.band h3,
.section.band p,
.section.band .section-copy,
.platform h2,
.platform h3,
.platform p,
.platform .section-copy,
.cta h2,
.cta h3,
.cta p,
.product-proof h2,
.product-proof h3,
.product-proof p,
.flow h2,
.flow h3,
.flow p,
.form h2,
.form h3,
.form p,
.form label { color: #f2f7fb !important; }

.manifesto-lines,
.manifesto-lines p,
.section.band .signal-rail,
.section.band .signal-item,
.section.band .solutions-list,
.section.band .solution-row,
.product-proof,
.flow-step {
  border-color: rgba(230,247,250,.15) !important;
}
.manifesto-lines p { color: #d7e3eb !important; }
.manifesto-lines span,
.section.band .signal-item b,
.section.band .solution-row b { color: #ff8d63 !important; }
.section.band .signal-item p,
.section.band .solution-row p,
.platform .platform-panel p { color: #c8d5df !important; }

.form .field input,
.form .field textarea,
.form .field select {
  color: #f7fbff !important;
  background: rgba(4,12,20,.42) !important;
  border-color: rgba(210,245,250,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.form .field input::placeholder,
.form .field textarea::placeholder { color: rgba(225,238,247,.56) !important; }
.form .field select option { color: #0a1722; }

.product-proof span,
.proof-ribbon span { color: #e8f1f7 !important; }
.manifesto-section { background-color: #1c2934 !important; }


/* V8 PATCH — apply slate-glass treatment to HOME and PRODUCT page light sections. */
.challenge-section,
.proof-ribbon {
  position: relative;
  overflow: hidden;
  color: #f4f8fb !important;
  background:
    radial-gradient(72vw 48vw at 14% 10%, rgba(53,223,241,.12), transparent 60%),
    radial-gradient(56vw 44vw at 92% 88%, rgba(139,92,246,.14), transparent 62%),
    linear-gradient(145deg, #16232d 0%, #202e39 52%, #2b3543 100%) !important;
  border-color: rgba(218,244,249,.12) !important;
}
.challenge-section::before,
.proof-ribbon::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 0 36%, rgba(255,255,255,.05) 48%, transparent 60%),
    radial-gradient(320px circle at 78% 18%, rgba(122,240,244,.08), transparent 70%);
  opacity: .82;
}
.challenge-section > *,
.proof-ribbon > * { position: relative; z-index: 1; }
.challenge-section .section-label,
.proof-ribbon .section-label,
.challenge-question span { color: #74edf0 !important; }
.challenge-section h2,
.challenge-section h3,
.challenge-section p,
.challenge-section .section-copy,
.proof-ribbon span,
.challenge-question h2 {
  color: #f2f7fb !important;
}
.challenge-intro p,
.challenge-question p { color: #cddae4 !important; }
.challenge-question,
.proof-ribbon,
.proof-ribbon span { border-color: rgba(230,247,250,.15) !important; }
.challenge-question:hover { background: rgba(255,255,255,.03); }
.proof-ribbon span { color: #e8f1f7 !important; }


/* V9 PRODUCT HERO LAYOUT FIX — prevent headline and product visual overlap. */
.product-cinematic-grid{
  grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);
  gap:clamp(38px,4vw,68px);
  align-items:center;
}
.product-cinematic-grid > *,
.product-hero-copy,
.cinematic-visual{min-width:0;}
.product-hero-copy{position:relative;z-index:2;}
.product-hero-copy h1{
  max-width:100%;
  font-size:clamp(52px,5.5vw,88px);
  line-height:.91;
  letter-spacing:-.062em;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.product-hero-copy .hero-copy{max-width:660px;}
.cinematic-visual{
  width:100%;
  min-height:clamp(520px,43vw,620px);
  position:relative;
  z-index:1;
}
@media(max-width:1280px){
  .product-cinematic-grid{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:38px;}
  .product-hero-copy h1{font-size:clamp(48px,5.4vw,76px);letter-spacing:-.055em;}
}
@media(max-width:1100px){
  .product-cinematic-grid{grid-template-columns:1fr;gap:52px;}
  .product-hero-copy{max-width:850px;}
  .product-hero-copy h1{font-size:clamp(52px,8vw,82px);}
  .cinematic-visual{min-height:560px;}
}
@media(max-width:720px){
  .product-hero-copy h1{font-size:clamp(42px,13vw,62px);line-height:.94;letter-spacing:-.05em;}
  .product-cinematic-grid{gap:38px;}
  .cinematic-visual{min-height:470px;}
}


/* V10 PRODUCT VISUAL HEADER FIX
   Keeps each product name/tagline in a dedicated top glass strip and
   moves the animated product UI below it so nothing overlaps. */
.cinematic-visual.has-product-ui .scene-label{
  top:18px;
  left:22px;
  right:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 14px;
  border-radius:16px;
  opacity:1;
  background:linear-gradient(145deg,rgba(8,18,31,.78),rgba(8,15,27,.54));
  border:1px solid rgba(220,248,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 30px rgba(0,0,0,.18);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}
.cinematic-visual.has-product-ui .scene-label span{
  font-size:16px;
  line-height:1;
  white-space:nowrap;
}
.cinematic-visual.has-product-ui .scene-label small{
  margin:0;
  font-size:9px;
  line-height:1;
  white-space:nowrap;
  text-align:right;
}
.cinematic-visual.has-product-ui .product-motion-ui{
  inset:78px 28px 28px;
}
@media(max-width:720px){
  .cinematic-visual.has-product-ui .scene-label{
    top:14px;
    left:14px;
    right:14px;
    padding:10px 12px;
  }
  .cinematic-visual.has-product-ui .scene-label span{font-size:14px;}
  .cinematic-visual.has-product-ui .scene-label small{font-size:8px;}
  .cinematic-visual.has-product-ui .product-motion-ui{
    inset:66px 14px 14px;
  }
}


/* V11 — sixth product integration only. */
.label-f{right:34%;bottom:8%;animation-delay:-5.8s}
@media(max-width:720px){.label-f{right:28%;bottom:7%}}


/* V12 — product-name motion only; no layout or feature changes. */
.portfolio-status strong{
  display:inline-block;
  position:relative;
  width:max-content;
  max-width:100%;
  color:transparent;
  background:
    linear-gradient(
      105deg,
      #f7fbff 0%,
      #f7fbff 32%,
      #72edf0 46%,
      #9b83ff 61%,
      #ff9c72 76%,
      #f7fbff 100%
    );
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:portfolioNamePrism 5.8s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * -.72s);
  filter:drop-shadow(0 0 10px rgba(53,223,241,.08));
}
.portfolio-status strong::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:1px;
  border-radius:999px;
  opacity:.48;
  background:linear-gradient(90deg,transparent,#72edf0,#9b83ff,#ff9c72,transparent);
  transform:scaleX(.12);
  transform-origin:left;
  animation:portfolioNameLine 5.8s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * -.72s);
}
.portfolio-status > span{display:none!important}
@keyframes portfolioNamePrism{
  0%,18%{background-position:0% 50%}
  54%{background-position:100% 50%}
  82%,100%{background-position:0% 50%}
}
@keyframes portfolioNameLine{
  0%,20%{transform:scaleX(.12);opacity:.18}
  48%{transform:scaleX(1);opacity:.72}
  76%,100%{transform:scaleX(.18);opacity:.22}
}
@media(prefers-reduced-motion:reduce){
  .portfolio-status strong{
    animation:none!important;
    background-position:45% 50%;
  }
  .portfolio-status strong::after{
    animation:none!important;
    transform:scaleX(1);
    opacity:.35;
  }
}


/* V13 — subtle independent motion for each homepage product box only. */
.portfolio-status{
  --box-x: 0px;
  --box-y: 0px;
  --box-rotate: 0deg;
  transform:
    translate3d(var(--box-x),var(--box-y),0)
    rotate(var(--box-rotate));
  transform-origin:center;
  will-change:transform,box-shadow,border-color;
  animation:
    portfolioBoxFloat 7.6s ease-in-out infinite,
    portfolioBoxGlow 7.6s ease-in-out infinite;
  animation-delay:
    calc(var(--i,0) * -1.04s),
    calc(var(--i,0) * -1.04s);
  transition:
    transform .42s var(--spring),
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}
.portfolio-status:nth-child(1){--float-x:3px;--float-y:-5px;--float-r:-.22deg}
.portfolio-status:nth-child(2){--float-x:-4px;--float-y:-4px;--float-r:.18deg}
.portfolio-status:nth-child(3){--float-x:4px;--float-y:-6px;--float-r:.24deg}
.portfolio-status:nth-child(4){--float-x:-3px;--float-y:-5px;--float-r:-.18deg}
.portfolio-status:nth-child(5){--float-x:3px;--float-y:-4px;--float-r:.16deg}
.portfolio-status:nth-child(6){--float-x:-4px;--float-y:-6px;--float-r:-.22deg}
.portfolio-status:hover{
  animation-play-state:paused;
  transform:translate3d(0,-8px,0) scale(1.018);
  border-color:rgba(114,237,240,.34);
  background:linear-gradient(145deg,rgba(18,38,55,.82),rgba(10,23,41,.78));
  box-shadow:
    0 18px 38px rgba(0,0,0,.23),
    0 0 24px rgba(53,223,241,.08),
    inset 0 1px 0 rgba(255,255,255,.1);
}
@keyframes portfolioBoxFloat{
  0%,100%{
    --box-x:0px;
    --box-y:0px;
    --box-rotate:0deg;
  }
  28%{
    --box-x:var(--float-x);
    --box-y:var(--float-y);
    --box-rotate:var(--float-r);
  }
  58%{
    --box-x:calc(var(--float-x) * -.48);
    --box-y:calc(var(--float-y) * .42);
    --box-rotate:calc(var(--float-r) * -.55);
  }
  78%{
    --box-x:calc(var(--float-x) * .32);
    --box-y:calc(var(--float-y) * .72);
    --box-rotate:calc(var(--float-r) * .35);
  }
}
@keyframes portfolioBoxGlow{
  0%,100%{
    border-color:rgba(255,255,255,.10);
    box-shadow:0 8px 22px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04);
  }
  46%{
    border-color:rgba(53,223,241,.22);
    box-shadow:0 16px 32px rgba(0,0,0,.16),0 0 20px rgba(53,223,241,.055),inset 0 1px 0 rgba(255,255,255,.08);
  }
}
@media(max-width:720px){
  .portfolio-status{
    animation-duration:8.8s,8.8s;
  }
}
@media(prefers-reduced-motion:reduce){
  .portfolio-status{
    animation:none!important;
    transform:none!important;
  }
  .portfolio-status:hover{
    transform:none!important;
  }
}


/* V14 — floating product names inside one main liquid-glass panel.
   No individual product boxes. No changes to other website features. */
.portfolio-live{
  position:absolute;
  inset:88px 34px 56px;
  z-index:3;
  display:block!important;
  overflow:hidden;
  pointer-events:none;
}
.portfolio-status{
  position:absolute!important;
  display:block!important;
  width:max-content!important;
  max-width:44%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:.96;
  transform-origin:center;
  will-change:transform,filter,opacity;
  animation:portfolioAirFloat var(--air-duration,14s) ease-in-out infinite!important;
  animation-delay:var(--air-delay,0s)!important;
}
.portfolio-status small,
.portfolio-status > span,
.portfolio-status strong::after{
  display:none!important;
}
.portfolio-status strong{
  display:block;
  width:max-content;
  max-width:100%;
  padding:4px 7px;
  font-size:clamp(16px,1.55vw,23px)!important;
  line-height:1.05;
  font-weight:900;
  white-space:nowrap;
  letter-spacing:-.035em;
  color:transparent;
  background:linear-gradient(105deg,#f8fbff 0%,#b6f8ff 30%,#7feaf2 46%,#a993ff 68%,#ffac83 88%,#f8fbff 110%);
  background-size:230% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
  filter:drop-shadow(0 0 11px rgba(53,223,241,.13));
  animation:portfolioNamePrism 6.8s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * -.78s);
}
.portfolio-status:hover{
  transform:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  animation-play-state:running!important;
}
.portfolio-status:nth-child(1){
  left:8%; top:17%;
  --air-x1:26px; --air-y1:-15px; --air-x2:8px; --air-y2:18px;
  --air-r1:-4deg; --air-r2:3deg; --air-duration:14.8s; --air-delay:-1.2s;
}
.portfolio-status:nth-child(2){
  right:8%; top:20%;
  --air-x1:-25px; --air-y1:-18px; --air-x2:-8px; --air-y2:17px;
  --air-r1:4deg; --air-r2:-3deg; --air-duration:16.2s; --air-delay:-5.4s;
}
.portfolio-status:nth-child(3){
  left:20%; top:47%;
  --air-x1:20px; --air-y1:-20px; --air-x2:-16px; --air-y2:13px;
  --air-r1:5deg; --air-r2:-4deg; --air-duration:15.4s; --air-delay:-8.1s;
}
.portfolio-status:nth-child(4){
  right:10%; top:48%;
  --air-x1:-22px; --air-y1:-15px; --air-x2:12px; --air-y2:18px;
  --air-r1:-4deg; --air-r2:4deg; --air-duration:14.2s; --air-delay:-3.7s;
}
.portfolio-status:nth-child(5){
  left:8%; top:75%;
  --air-x1:24px; --air-y1:-17px; --air-x2:5px; --air-y2:13px;
  --air-r1:-3deg; --air-r2:4deg; --air-duration:16.8s; --air-delay:-11.4s;
}
.portfolio-status:nth-child(6){
  right:8%; top:76%;
  --air-x1:-25px; --air-y1:-18px; --air-x2:-5px; --air-y2:14px;
  --air-r1:4deg; --air-r2:-4deg; --air-duration:15.8s; --air-delay:-7.2s;
}
@keyframes portfolioAirFloat{
  0%,100%{
    transform:translate3d(0,0,0) rotate(0deg) scale(1);
    opacity:.86;
    filter:drop-shadow(0 0 0 rgba(53,223,241,0));
  }
  27%{
    transform:translate3d(var(--air-x1),var(--air-y1),0) rotate(var(--air-r1)) scale(1.035);
    opacity:1;
    filter:drop-shadow(0 0 15px rgba(53,223,241,.12));
  }
  56%{
    transform:translate3d(var(--air-x2),var(--air-y2),0) rotate(var(--air-r2)) scale(.985);
    opacity:.9;
    filter:drop-shadow(0 0 9px rgba(155,131,255,.10));
  }
  79%{
    transform:translate3d(calc(var(--air-x1) * -.38),calc(var(--air-y1) * .42),0) rotate(calc(var(--air-r1) * -.45)) scale(1.018);
    opacity:.98;
  }
}
@media(max-width:720px){
  .portfolio-live{inset:76px 12px 52px!important}
  .portfolio-status{display:block!important;max-width:48%!important}
  .portfolio-status:nth-child(n+4){display:block!important}
  .portfolio-status strong{font-size:13px!important;padding:3px 4px}
  .portfolio-status:nth-child(1){left:5%;top:16%}
  .portfolio-status:nth-child(2){right:5%;top:20%}
  .portfolio-status:nth-child(3){left:10%;top:46%}
  .portfolio-status:nth-child(4){right:5%;top:49%}
  .portfolio-status:nth-child(5){left:5%;top:76%}
  .portfolio-status:nth-child(6){right:5%;top:78%}
}
@media(prefers-reduced-motion:reduce){
  .portfolio-status{
    animation:none!important;
    transform:none!important;
    opacity:1;
  }
  .portfolio-status strong{
    animation:none!important;
    background-position:45% 50%;
  }
}


/* V16 — keep the V14 floating-name composition, but change the homepage
   Security Core panel from rounded square to a clean circular shape.
   No other features are changed. */
.enterprise-stage.has-portfolio-live{
  width:min(620px,100%);
  aspect-ratio:1 / 1;
  min-height:auto !important;
  margin-inline:auto;
  border-radius:50% !important;
  overflow:hidden;
}

.enterprise-stage.has-portfolio-live .security-canvas{
  opacity:.09 !important;
}

.enterprise-stage.has-portfolio-live .stage-head{
  left:14%;
  top:10%;
}

.enterprise-stage.has-portfolio-live .stage-live{
  left:50%;
  right:auto;
  bottom:8%;
  transform:translateX(-50%);
  white-space:nowrap;
}

.enterprise-stage.has-portfolio-live .portfolio-live{
  inset:17% 12% 18% !important;
  border-radius:50%;
  overflow:hidden;
}

.enterprise-stage.has-portfolio-live .portfolio-status{
  max-width:41% !important;
}

.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(1){
  left:11%;
  top:19%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(2){
  right:9%;
  top:22%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(3){
  left:22%;
  top:44%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(4){
  right:10%;
  top:47%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(5){
  left:14%;
  top:69%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(6){
  right:12%;
  top:69%;
}

.enterprise-stage.has-portfolio-live .portfolio-status strong{
  font-size:clamp(15px,1.45vw,22px) !important;
  line-height:1.06;
}

@media (max-width:1100px){
  .enterprise-stage.has-portfolio-live{
    width:min(560px,100%);
  }
}

@media (max-width:720px){
  .enterprise-stage.has-portfolio-live{
    width:min(430px,100%);
  }
  .enterprise-stage.has-portfolio-live .stage-head{
    left:13%;
    top:10%;
  }
  .enterprise-stage.has-portfolio-live .stage-live{
    bottom:6.5%;
    font-size:10px;
    padding:9px 11px;
  }
  .enterprise-stage.has-portfolio-live .portfolio-live{
    inset:17% 10% 18% !important;
  }
  .enterprise-stage.has-portfolio-live .portfolio-status{
    max-width:43% !important;
  }
  .enterprise-stage.has-portfolio-live .portfolio-status strong{
    font-size:12px !important;
  }
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(1){left:8%; top:18%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(2){right:7%; top:21%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(3){left:18%; top:43%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(4){right:8%; top:46%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(5){left:10%; top:69%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(6){right:9%; top:69%}
}


/* V17 — replace the round homepage Security Core panel with a spiderweb stage.
   Keep floating product names and preserve the rest of the website. */
.enterprise-stage.has-portfolio-live{
  width:min(620px,100%);
  aspect-ratio:1 / 1;
  min-height:auto !important;
  margin-inline:auto;
  border-radius:28px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(10,33,52,.18) 0%, rgba(4,16,28,.24) 58%, rgba(2,8,14,.12) 100%);
  box-shadow:none;
  border:0;
}

.enterprise-stage.has-portfolio-live::before{
  content:"";
  position:absolute;
  inset:8% 7%;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
  background:
    radial-gradient(circle at 50% 50%,
      transparent 0 11%,
      rgba(255,255,255,.10) 11.2% 11.5%,
      transparent 11.7% 23%,
      rgba(118,233,244,.10) 23.2% 23.5%,
      transparent 23.7% 35%,
      rgba(255,255,255,.08) 35.2% 35.5%,
      transparent 35.7% 47%,
      rgba(168,152,255,.08) 47.2% 47.5%,
      transparent 47.7% 59%,
      rgba(255,255,255,.07) 59.2% 59.5%,
      transparent 59.7% 71%,
      rgba(255,166,122,.07) 71.2% 71.5%,
      transparent 71.7% 84%,
      rgba(255,255,255,.06) 84.2% 84.5%,
      transparent 84.7% 100%);
  opacity:.88;
  filter:drop-shadow(0 0 22px rgba(75,213,242,.08));
}

.enterprise-stage.has-portfolio-live::after{
  content:"";
  position:absolute;
  inset:8% 7%;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
  background:
    repeating-conic-gradient(
      from -8deg at 50% 50%,
      rgba(255,255,255,.09) 0deg 1deg,
      transparent 1deg 29deg
    );
  mix-blend-mode:screen;
  opacity:.72;
  animation:v17WebRotate 26s linear infinite;
}

@keyframes v17WebRotate{
  to{transform:rotate(360deg)}
}

.enterprise-stage.has-portfolio-live .security-canvas{
  opacity:.06 !important;
  transform:scale(1.02);
  filter:saturate(.9) brightness(.72);
}

.enterprise-stage.has-portfolio-live .stage-head{
  left:12%;
  top:9%;
  z-index:3;
}

.enterprise-stage.has-portfolio-live .stage-live{
  left:50%;
  right:auto;
  bottom:8%;
  transform:translateX(-50%);
  white-space:nowrap;
  z-index:3;
}

.enterprise-stage.has-portfolio-live .portfolio-live{
  inset:12% 8% 16% !important;
  border-radius:0;
  overflow:visible;
  z-index:3;
}

.enterprise-stage.has-portfolio-live .portfolio-live::before,
.enterprise-stage.has-portfolio-live .portfolio-live::after{
  display:none !important;
}

.enterprise-stage.has-portfolio-live .portfolio-status{
  max-width:39% !important;
}

.enterprise-stage.has-portfolio-live .portfolio-status strong{
  font-size:clamp(15px,1.42vw,21px) !important;
  line-height:1.06;
  filter:drop-shadow(0 0 12px rgba(53,223,241,.12));
}

/* Place names around the spiderweb, leaving the center open */
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(1){
  left:15%;
  top:18%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(2){
  right:13%;
  top:21%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(3){
  left:10%;
  top:46%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(4){
  right:10%;
  top:46%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(5){
  left:17%;
  top:72%;
}
.enterprise-stage.has-portfolio-live .portfolio-status:nth-child(6){
  right:16%;
  top:72%;
}

@media (max-width:1100px){
  .enterprise-stage.has-portfolio-live{
    width:min(560px,100%);
  }
}

@media (max-width:720px){
  .enterprise-stage.has-portfolio-live{
    width:min(430px,100%);
    aspect-ratio:1 / 1;
  }
  .enterprise-stage.has-portfolio-live::before,
  .enterprise-stage.has-portfolio-live::after{
    inset:10% 7%;
  }
  .enterprise-stage.has-portfolio-live .stage-head{
    left:12%;
    top:9%;
  }
  .enterprise-stage.has-portfolio-live .stage-live{
    bottom:6.5%;
    font-size:10px;
    padding:9px 11px;
  }
  .enterprise-stage.has-portfolio-live .portfolio-live{
    inset:14% 8% 18% !important;
  }
  .enterprise-stage.has-portfolio-live .portfolio-status{
    max-width:42% !important;
  }
  .enterprise-stage.has-portfolio-live .portfolio-status strong{
    font-size:12px !important;
  }
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(1){left:12%; top:18%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(2){right:9%; top:20%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(3){left:7%; top:45%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(4){right:7%; top:45%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(5){left:11%; top:72%}
  .enterprise-stage.has-portfolio-live .portfolio-status:nth-child(6){right:11%; top:72%}
}

@media (prefers-reduced-motion:reduce){
  .enterprise-stage.has-portfolio-live::after{
    animation:none !important;
  }
}


/* V18 — full-site ambient binary background.
   Brighter, slower, and present across the entire website. */
body{
  position:relative;
  isolation:isolate;
}

.site-binary-stream{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
  opacity:1;
}

.site-binary-stream::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 18%, rgba(53,223,241,.06), transparent 26%),
    radial-gradient(circle at 78% 24%, rgba(168,152,255,.05), transparent 24%),
    radial-gradient(circle at 58% 68%, rgba(255,154,111,.04), transparent 28%);
  filter:blur(18px);
  opacity:.9;
}

.site-binary-stream .binary-column{
  position:absolute;
  left:var(--x);
  bottom:-22vh;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
  white-space:nowrap;
  font-weight:800;
  font-size:var(--size);
  line-height:1;
  letter-spacing:.04em;
  color:rgba(194,245,255,.30);
  text-shadow:
    0 0 8px rgba(78,232,247,.18),
    0 0 18px rgba(78,232,247,.10);
  opacity:.88;
  transform:translate3d(0,0,0);
  will-change:transform,opacity;
  animation:globalBinaryRise var(--dur) linear infinite;
  animation-delay:var(--delay);
  filter:blur(var(--blur));
}

.site-binary-stream .binary-column.alt{
  color:rgba(205,218,255,.22);
  text-shadow:
    0 0 8px rgba(165,152,255,.16),
    0 0 18px rgba(165,152,255,.08);
}

.site-binary-stream .binary-column.warm{
  color:rgba(255,210,190,.18);
  text-shadow:
    0 0 8px rgba(255,154,111,.15),
    0 0 18px rgba(255,154,111,.08);
}

@keyframes globalBinaryRise{
  0%{
    transform:translate3d(0,14vh,0);
    opacity:0;
  }
  8%{
    opacity:.55;
  }
  36%{
    transform:translate3d(var(--drift-a),-18vh,0);
    opacity:.8;
  }
  72%{
    transform:translate3d(var(--drift-b),-68vh,0);
    opacity:.62;
  }
  100%{
    transform:translate3d(var(--drift-c),-130vh,0);
    opacity:0;
  }
}

.site-header,
main,
footer,
.mobile-panel,
.site-footer{
  position:relative;
  z-index:1;
}

.motion-progress{
  z-index:35 !important;
}

@media (max-width:720px){
  .site-binary-stream .binary-column{
    gap:6px;
    opacity:.7;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-binary-stream{
    display:none !important;
  }
}


/* V20 — slightly brighter full-site binary ambience based on V18.
   Keep the previous look, only brighten it a little. */
.site-binary-stream{
  opacity:1 !important;
}

.site-binary-stream::before{
  opacity:.98 !important;
  filter:blur(14px) !important;
}

.site-binary-stream .binary-column{
  color:rgba(204,246,255,.36) !important;
  text-shadow:
    0 0 9px rgba(78,232,247,.22),
    0 0 18px rgba(78,232,247,.12) !important;
}

.site-binary-stream .binary-column.alt{
  color:rgba(208,216,255,.28) !important;
  text-shadow:
    0 0 9px rgba(165,152,255,.18),
    0 0 18px rgba(165,152,255,.10) !important;
}

.site-binary-stream .binary-column.warm{
  color:rgba(255,212,194,.22) !important;
  text-shadow:
    0 0 9px rgba(255,154,111,.16),
    0 0 18px rgba(255,154,111,.09) !important;
}


/* V21 — cursor binary trail.
   Adds small flowing 0 / 1 characters near the pointer without affecting layout. */
.binary-cursor-layer{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:90;
  overflow:hidden;
}

.binary-cursor-glyph{
  position:fixed;
  left:0;
  top:0;
  pointer-events:none;
  user-select:none;
  font-weight:900;
  line-height:1;
  font-size:var(--size, 14px);
  letter-spacing:.02em;
  opacity:0;
  transform:translate3d(var(--x, 0px), var(--y, 0px), 0);
  will-change:transform,opacity,filter;
  animation:cursorBinaryFloat var(--dur, 1100ms) cubic-bezier(.18,.72,.22,1) forwards;
  text-shadow:
    0 0 8px rgba(78,232,247,.22),
    0 0 16px rgba(78,232,247,.10);
  filter:drop-shadow(0 0 8px rgba(78,232,247,.12));
}

.binary-cursor-glyph.alt{
  color:rgba(203,215,255,.92);
  text-shadow:
    0 0 8px rgba(165,152,255,.22),
    0 0 16px rgba(165,152,255,.10);
  filter:drop-shadow(0 0 8px rgba(165,152,255,.12));
}

.binary-cursor-glyph.warm{
  color:rgba(255,214,194,.9);
  text-shadow:
    0 0 8px rgba(255,154,111,.20),
    0 0 16px rgba(255,154,111,.10);
  filter:drop-shadow(0 0 8px rgba(255,154,111,.12));
}

@keyframes cursorBinaryFloat{
  0%{
    opacity:0;
    transform:translate3d(var(--x), var(--y), 0) scale(.68);
  }
  12%{
    opacity:.98;
  }
  52%{
    opacity:.9;
  }
  100%{
    opacity:0;
    transform:
      translate3d(calc(var(--x) + var(--dx, 0px)),
                  calc(var(--y) + var(--dy, -34px)), 0)
      scale(1.05);
  }
}

@media (prefers-reduced-motion:reduce){
  .binary-cursor-layer{
    display:none !important;
  }
}

@media (hover:none), (pointer:coarse){
  .binary-cursor-glyph{
    font-size:var(--size, 12px);
    text-shadow:
      0 0 7px rgba(78,232,247,.20),
      0 0 13px rgba(78,232,247,.09);
  }
}


/* V22 — Products dropdown stacking fix.
   Restores the navigation above the hero and animation layers without changing
   any visual design, product content, cursor effect, or site functionality. */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:300 !important;
  overflow:visible !important;
  isolation:isolate;
}

.site-header .nav,
.nav-links,
.products-nav{
  overflow:visible !important;
}

.site-header .nav{
  position:relative;
  z-index:301;
}

.products-nav{
  z-index:302;
}

.mega-menu{
  z-index:320 !important;
  pointer-events:none;
}

.products-nav:hover .mega-menu,
.products-nav:focus-within .mega-menu{
  pointer-events:auto;
}

.mobile-panel{
  z-index:315 !important;
}

main,
.site-footer,
footer{
  z-index:1 !important;
}

.site-binary-stream{
  z-index:0 !important;
}

.binary-cursor-layer{
  z-index:250 !important;
}


/* V25 — targeted overlap correction only.
   Base: V22.
   Goal: fix only the product-motion overlap areas shown by the user
   without changing any unrelated layout, navigation, animation, or content. */

.capability-visual .product-motion-ui{
  inset:16px !important;
}
.capability-visual .demo-shell{
  padding:16px 16px 14px !important;
  gap:10px !important;
}
.capability-visual .demo-head{
  gap:10px !important;
  align-items:flex-start !important;
}
.capability-visual .demo-title{
  font-size:clamp(16px,1.55vw,22px) !important;
  line-height:1.05 !important;
}
.capability-visual .demo-kicker{
  font-size:9px !important;
}
.capability-visual .demo-live,
.capability-visual .demo-badge{
  padding:7px 9px !important;
  font-size:9px !important;
}
.capability-visual .demo-panel,
.capability-visual .demo-grid,
.capability-visual .demo-timeline,
.capability-visual .chat-thread,
.capability-visual .model-grid,
.capability-visual .stage-rail{
  gap:8px !important;
}
.capability-visual .demo-row{
  grid-template-columns:30px minmax(0,1fr) auto !important;
  gap:9px !important;
  padding:9px 10px !important;
}
.capability-visual .demo-icon{
  width:30px !important;
  height:30px !important;
  font-size:13px !important;
}
.capability-visual .demo-row strong,
.capability-visual .timeline-row strong,
.capability-visual .flow-node b,
.capability-visual .model-card header{
  font-size:10px !important;
}
.capability-visual .demo-row small,
.capability-visual .timeline-row small,
.capability-visual .demo-event small,
.capability-visual .flow-node small,
.capability-visual .flow-output p,
.capability-visual .model-card p,
.capability-visual .chat-bubble,
.capability-visual .stage-item small{
  font-size:8px !important;
  line-height:1.3 !important;
}
.capability-visual .demo-state{
  font-size:8px !important;
  padding:5px 7px !important;
}
.capability-visual .demo-event{
  padding:10px 12px !important;
  gap:10px !important;
}
.capability-visual .demo-event strong{
  font-size:10px !important;
}
.capability-visual .demo-action{
  padding:6px 8px !important;
  font-size:8px !important;
}
.capability-visual .flow-board{
  gap:8px !important;
  grid-template-columns:1fr 44px 1fr !important;
}
.capability-visual .flow-column{
  gap:8px !important;
}
.capability-visual .flow-node{
  padding:11px 12px !important;
}
.capability-visual .flow-output{
  padding:12px 13px !important;
  border-radius:16px !important;
}
.capability-visual .timeline-row{
  grid-template-columns:48px 10px 1fr auto !important;
  gap:10px !important;
}
.capability-visual .timeline-time{
  font-size:8px !important;
}
.capability-visual .stage-item{
  padding:8px !important;
}
.capability-visual .chat-bubble{
  padding:10px 12px !important;
}
.capability-visual .model-card{
  padding:11px !important;
}
.capability-visual .model-wave{
  margin-top:8px !important;
}
.capability-visual .demo-note{
  margin-top:auto !important;
  font-size:8px !important;
  line-height:1.25 !important;
}

/* Exact combinations from the screenshots. */
.capability-visual .demo-shell:has(.demo-panel + .demo-event){
  gap:8px !important;
}
.capability-visual .demo-shell:has(.demo-panel + .demo-event) .demo-panel{
  gap:7px !important;
}
.capability-visual .demo-shell:has(.demo-panel + .demo-flow),
.capability-visual .demo-shell:has(.demo-panel + .flow-board){
  gap:8px !important;
}
.capability-visual .demo-shell:has(.demo-panel + .flow-board) .flow-board{
  grid-template-columns:1fr 36px 1fr !important;
}

/* AI PRO / governed-intelligence panels and similar mixed layouts. */
.capability-visual .demo-shell:has(.model-grid + .flow-board){
  gap:8px !important;
}
.capability-visual .demo-shell:has(.model-grid + .flow-board) .model-grid{
  gap:8px !important;
}
.capability-visual .demo-shell:has(.model-grid + .flow-board) .model-card{
  padding:10px !important;
}
.capability-visual .demo-shell:has(.model-grid + .flow-board) .flow-board{
  grid-template-columns:1fr 36px 1fr !important;
}
.capability-visual .demo-shell:has(.model-grid + .flow-board) .flow-output{
  padding:11px 12px !important;
}

/* SECArch / Mobile / SECIQ lower-caption clearance. */
.capability-visual .demo-shell:has(.flow-board) .demo-note,
.capability-visual .demo-shell:has(.demo-panel) .demo-note{
  padding-top:2px !important;
}


/* V26 — small spacing reduction only.
   Keeps all V25 fixes and features unchanged. */
body:has(.product-dock) .capability-sweep{
  min-height:580px !important;
  padding:66px 0 !important;
  gap:70px !important;
}

body:has(.product-dock) .capability-visual .demo-shell{
  gap:8px !important;
}

body:has(.product-dock) .capability-visual .demo-panel,
body:has(.product-dock) .capability-visual .flow-column,
body:has(.product-dock) .capability-visual .model-grid,
body:has(.product-dock) .capability-visual .chat-thread,
body:has(.product-dock) .capability-visual .stage-rail{
  gap:7px !important;
}

@media(max-width:1100px){
  body:has(.product-dock) .capability-sweep{
    min-height:540px !important;
    padding:58px 0 !important;
    gap:34px !important;
  }
}


/* V33 — Founding Leadership section on the Company page only. */
.founding-leadership{
  position:relative;
  overflow:hidden;
  padding:126px 0;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,75,19,.11),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(53,223,241,.09),transparent 30%),
    linear-gradient(180deg,#05080e,#07111b);
  border-block:1px solid rgba(255,255,255,.075);
}
.founding-leadership::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
}
.founding-leadership > .container{
  position:relative;
  z-index:1;
}
.leadership-header{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:90px;
  align-items:end;
}
.leadership-header h2{
  margin:16px 0 0;
  max-width:720px;
  font-size:clamp(52px,6vw,88px);
  line-height:.93;
  letter-spacing:-.065em;
}
.leadership-header > p{
  max-width:660px;
  margin:0 0 8px;
  color:#b7c4d2;
  font-size:19px;
  line-height:1.72;
}
.leadership-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:74px;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.leader-profile{
  position:relative;
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:28px;
  padding:48px 54px 48px 0;
}
.leader-profile + .leader-profile{
  padding-right:0;
  padding-left:54px;
  border-left:1px solid rgba(255,255,255,.12);
}
.leader-monogram{
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#f7fbff;
  font-size:18px;
  font-weight:900;
  letter-spacing:.08em;
  background:
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    0 18px 44px rgba(0,0,0,.24);
  transition:transform .35s var(--spring),border-color .35s,box-shadow .35s;
}
.leader-profile:hover .leader-monogram{
  transform:translateY(-4px);
  border-color:rgba(53,223,241,.32);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 22px 50px rgba(0,0,0,.28),
    0 0 32px rgba(53,223,241,.08);
}
.leader-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 14px;
}
.leader-meta span{
  color:var(--orange2);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.leader-meta strong{
  color:#91a3b6;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.leader-copy h3{
  margin:14px 0 0;
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.045em;
}
.leader-copy p{
  margin:18px 0 0;
  color:#aebdcd;
  font-size:16px;
  line-height:1.72;
}
.leader-copy .tech-gradient{
  font-weight:800;
}

@media(max-width:1050px){
  .leadership-header{
    grid-template-columns:1fr;
    gap:28px;
  }
  .leadership-header > p{
    margin:0;
  }
  .leadership-grid{
    grid-template-columns:1fr;
    margin-top:56px;
  }
  .leader-profile,
  .leader-profile + .leader-profile{
    padding:40px 0;
  }
  .leader-profile + .leader-profile{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.12);
  }
}

@media(max-width:720px){
  .founding-leadership{
    padding:84px 0;
  }
  .leadership-header h2{
    font-size:clamp(42px,13vw,60px);
  }
  .leadership-header > p{
    font-size:17px;
  }
  .leadership-grid{
    margin-top:42px;
  }
  .leader-profile,
  .leader-profile + .leader-profile{
    grid-template-columns:62px minmax(0,1fr);
    gap:18px;
    padding:32px 0;
  }
  .leader-monogram{
    width:58px;
    height:58px;
    font-size:15px;
  }
  .leader-meta{
    align-items:flex-start;
    gap:8px;
  }
  .leader-meta strong{
    width:100%;
    line-height:1.45;
  }
  .leader-copy h3{
    font-size:clamp(26px,8.5vw,36px);
  }
  .leader-copy p{
    font-size:15px;
  }
}


/* V35 — exact top gradient scroll line restoration only. */
.top-gradient-progress{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:3px;
  z-index:10000;
  pointer-events:none;
  overflow:hidden;
  background:linear-gradient(
    90deg,
    rgba(255,75,19,.22),
    rgba(53,223,241,.18),
    rgba(155,131,255,.18)
  );
  transform:translateZ(0);
}
.top-gradient-progress > span{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(var(--top-scroll-progress,0));
  transform-origin:left center;
  will-change:transform;
  background:linear-gradient(
    90deg,
    var(--orange) 0%,
    var(--cyan) 52%,
    var(--violet) 100%
  );
  box-shadow:
    0 0 10px rgba(53,223,241,.55),
    0 0 20px rgba(155,131,255,.25);
}
.top-gradient-progress > span::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:44px;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));
  filter:blur(.3px);
}


/* V36 — LinkedIn links inside Founding Leadership only. */
.leader-name-link{
  color:inherit;
  text-decoration:none;
  transition:opacity .25s ease;
}
.leader-name-link:hover,
.leader-name-link:focus-visible{
  opacity:.82;
}
.leader-linkedin{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  margin-top:12px;
  padding-bottom:4px;
  color:#91dff0;
  border-bottom:1px solid rgba(145,223,240,.34);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  transition:
    color .25s ease,
    border-color .25s ease,
    transform .25s var(--spring);
}
.leader-linkedin:hover,
.leader-linkedin:focus-visible{
  color:#ffffff;
  border-color:rgba(255,255,255,.65);
  transform:translateY(-1px);
}
.leader-linkedin + p{
  margin-top:18px;
}