:root{--bg:#07121d;--bg2:#0c1b29;--ink:#f3f8fc;--muted:#9fb3c4;--soft:#6f899d;--line:rgba(189,221,242,.14);--cyan:#63ddd9;--blue:#8195fa;--lime:#c4f879;--max:1200px;--body:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:10px;z-index:100;padding:12px 18px;background:#fff;color:#07121d}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{background:var(--cyan);color:var(--bg)}
.ambient{position:absolute;pointer-events:none;filter:blur(85px);opacity:.32;z-index:-1}.ambient-one{width:530px;height:530px;top:80px;right:-130px;background:#205b8d}.ambient-two{width:470px;height:470px;top:760px;left:-250px;background:#17496b}
.header{height:82px;position:relative;z-index:50;border-bottom:1px solid var(--line);background:rgba(7,18,29,.8);backdrop-filter:blur(22px)}.header-inner{height:100%;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--display);font-size:25px;font-weight:800;letter-spacing:-.075em;white-space:nowrap}.brand img{display:block}.brand-dot{color:var(--cyan)}.nav{display:flex;align-items:center;gap:34px;margin:auto}.nav a,.footer-links a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s}.nav a:hover,.footer-links a:hover{color:#fff}.header-cta{border:1px solid rgba(99,221,217,.42);padding:11px 16px;border-radius:9px;text-decoration:none;color:var(--cyan);font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.header-cta:hover{background:rgba(99,221,217,.1);transform:translateY(-2px)}.header-cta span{margin-left:14px}.menu-button,.mobile-nav{display:none}
.hero{min-height:710px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:40px;padding-block:65px 80px}.hero-copy{position:relative;z-index:4}.eyebrow{margin:0 0 25px;color:var(--cyan);font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.2em}.eyebrow-line{width:24px;height:1px;display:inline-block;vertical-align:middle;background:var(--cyan);margin-right:9px}.hero h1,.section h2,.final-cta h2{font-family:var(--display);font-weight:700;letter-spacing:-.065em}.hero h1{font-size:clamp(53px,5.15vw,82px);line-height:1.08;margin:0 0 25px}.hero h1 em,.final-cta h2 em{font-style:normal;background:linear-gradient(110deg,var(--cyan),#8badff 65%,#b8a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{font-size:19px;line-height:1.65;color:#b9cad6;max-width:540px;margin:0}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:16px 22px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--cyan);color:#07232b;box-shadow:0 8px 38px rgba(78,215,217,.15)}.button-primary:hover{box-shadow:0 11px 40px rgba(78,215,217,.26)}.text-link{text-decoration:none;color:#dce8f0;font-size:14px;font-weight:700}.text-link span{color:var(--cyan);padding-left:4px}.hero-proof{display:flex;gap:10px;align-items:center;margin-top:51px;color:#839cad;font-size:12px;letter-spacing:.01em}.proof-icon{color:var(--lime);font-size:19px}
.hero-visual{height:540px;position:relative;isolation:isolate}.visual-grid{position:absolute;inset:12px;background-image:linear-gradient(rgba(143,194,218,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(143,194,218,.055) 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.orbit{position:absolute;border:1px solid rgba(98,209,221,.13);border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%)}.orbit-outer{width:480px;height:480px;box-shadow:0 0 75px rgba(44,155,175,.05)}.orbit-inner{width:350px;height:350px;border-style:dashed;animation:spin 90s linear infinite}.building{position:absolute;width:244px;height:332px;left:50%;top:50%;transform:translate(-50%,-47%) perspective(650px) rotateY(-20deg) rotateX(4deg);filter:drop-shadow(25px 30px 35px rgba(0,0,0,.35))}.building-roof{height:31px;background:linear-gradient(100deg,#274254,#0c2030);clip-path:polygon(0 44%,80% 0,100% 31%,20% 100%);border-top:1px solid #597e8d;position:relative}.roof-pulse{position:absolute;left:50%;top:7px;background:var(--cyan);border-radius:50%;height:6px;width:6px;box-shadow:0 0 13px 4px var(--cyan)}.building-floors{height:280px;clip-path:polygon(0 0,81% 0,100% 8%,100% 100%,0 100%);background:linear-gradient(105deg,#203649 0%,#132a3a 80%);border-left:1px solid #789cad;border-right:1px solid #4d7585;padding:6px 23px 4px 17px}.floor{position:relative;height:54px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(117,182,196,.32);padding-left:8px}.floor:before{position:absolute;content:'';left:-17px;right:-23px;top:0;height:1px;background:rgba(125,184,199,.24)}.floor i{width:29px;height:30px;display:block;background:linear-gradient(120deg,#10343e,#1c5966 60%,#163845);border:1px solid rgba(93,201,212,.19);box-shadow:inset 0 0 13px rgba(65,222,217,.09)}.floor i:nth-child(2n){background:linear-gradient(120deg,#132d3a,#244657)}.focus-floor{background:linear-gradient(90deg,rgba(93,225,226,.13),transparent);box-shadow:0 0 30px rgba(99,221,217,.13)}.focus-floor i:nth-child(3){box-shadow:0 0 20px 4px rgba(99,221,217,.34),inset 0 0 15px rgba(99,221,217,.4);background:#226c72}.floor-tag{margin-left:auto;color:#61828e;font:10px var(--display)}.building-ground{height:22px;background:#12232d;clip-path:polygon(0 0,100% 0,84% 100%,19% 100%)}.signal-beam{position:absolute;height:1px;width:100px;background:linear-gradient(90deg,transparent,var(--cyan));opacity:.6;transform-origin:right center}.beam-one{top:144px;left:95px;transform:rotate(28deg)}.beam-two{top:262px;right:58px;transform:rotate(-8deg)}.beam-three{top:423px;left:90px;transform:rotate(-22deg)}.visual-label{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:12px 14px;background:rgba(15,34,49,.92);border:1px solid rgba(127,189,209,.22);border-radius:9px;box-shadow:0 12px 28px rgba(0,0,0,.22);backdrop-filter:blur(10px)}.visual-label b{font-family:var(--display);color:#dceef3;font-size:9px;letter-spacing:.14em}.visual-label small{display:block;margin-top:3px;color:#8faaba;font-size:11px}.label-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:rgba(99,221,217,.12);color:var(--cyan);font-size:19px}.visual-label-design{left:12px;top:105px}.visual-label-video{right:-2px;top:235px}.visual-label-health{left:8px;bottom:90px}.visual-coordinate{position:absolute;color:#537385;font-family:monospace;font-size:10px;letter-spacing:.08em}.coordinate-one{right:20px;top:60px}.coordinate-two{right:4px;bottom:42px}.roof-pulse,.status-dot{animation:pulse 2.8s ease-in-out infinite}
.signal-strip{border-block:1px solid var(--line);background:rgba(13,35,49,.75)}.signal-inner{min-height:78px;display:flex;align-items:center;gap:21px;color:#b7c8d3;font:700 11px var(--display);letter-spacing:.16em}.signal-inner b{color:var(--cyan);margin-right:10px}.signal-arrow{color:#47778d}.signal-end{margin-left:auto;color:#658698;font-size:9px}
.section{padding-block:125px}.section h2{margin:0;font-size:clamp(43px,4.2vw,64px);line-height:1.13}.section h2 span{color:#7f9aab}.platform{display:grid;grid-template-columns:1fr 1fr;column-gap:90px}.platform-copy{padding-top:36px;max-width:420px;margin-left:auto;color:#adc1cf;font-size:17px;line-height:1.8}.platform-copy p:first-child{color:#e1e9ee}.platform-copy p{margin:0 0 22px}.lifecycle{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:65px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(125deg,rgba(22,47,63,.7),rgba(9,27,39,.9));overflow:hidden}.life-track{position:absolute;top:65px;left:17%;right:17%;height:1px;background:linear-gradient(90deg,rgba(99,221,217,.22),var(--cyan),rgba(196,248,121,.22))}.life-step{padding:37px 33px 32px;min-height:265px;position:relative}.life-step:not(:last-child){border-right:1px solid var(--line)}.life-number{font:700 11px var(--display);color:#7c9fb0;letter-spacing:.16em}.life-symbol{margin-top:16px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(99,221,217,.5);background:#143441;border-radius:50%;color:var(--cyan);font-size:20px;position:relative;z-index:1}.life-step:nth-child(4) .life-symbol{color:var(--lime);border-color:rgba(196,248,121,.5)}.life-step h3{font:700 19px var(--display);letter-spacing:-.04em;margin:23px 0 9px}.life-step p{color:#a5bac9;line-height:1.6;font-size:14px;max-width:275px;min-height:70px;margin:0}.life-step>span{font:700 10px var(--display);letter-spacing:.16em;color:var(--cyan)}
.products-section{background:linear-gradient(180deg,#0a1a27,#0d1f2b 60%,#091925)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:52px}.section-head>p{max-width:365px;margin:0 0 9px;color:#abc0cd;font-size:16px;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.product-card{min-width:0;border:1px solid rgba(161,205,221,.16);border-radius:14px;background:#102736;overflow:hidden;position:relative;transition:transform .25s,border-color .25s,box-shadow .25s}.product-card:hover{transform:translateY(-6px);border-color:rgba(114,214,226,.5);box-shadow:0 22px 50px rgba(0,0,0,.19)}.product-top{padding:23px 24px 0;display:flex;justify-content:space-between;align-items:center}.product-index{font:700 10px var(--display);letter-spacing:.18em;color:#85a6b8}.product-orb{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:22px}.orb-cyan{background:rgba(99,221,217,.14);color:var(--cyan)}.orb-violet{background:rgba(129,149,250,.15);color:#a6b5ff}.orb-lime{background:rgba(196,248,121,.13);color:var(--lime)}.product-art{height:185px;position:relative;margin:16px 24px 3px;border:1px solid rgba(174,213,222,.13);border-radius:10px;overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(55,110,122,.22),transparent 53%),#0b1c29}.art-presales{display:flex;align-items:center;justify-content:center;gap:8px}.art-brief,.art-report{position:relative;z-index:1;font:700 10px var(--display);letter-spacing:.08em;background:#163343;border:1px solid #325568;padding:14px 12px;border-radius:5px;color:#acd2dc}.art-report{color:var(--cyan);border-color:#49858a}.art-report small{display:block;color:#80a4ae;font-size:7px;margin-top:5px}.art-flow{color:var(--cyan);font-size:26px}.art-line{position:absolute;width:200px;height:200px;border:1px solid rgba(99,221,217,.14);transform:rotate(45deg)}.art-video{display:flex;align-items:center;padding:27px;gap:9px}.video-frame{width:73%;height:115px;background:linear-gradient(150deg,#19364b,#0b1928 70%);border:1px solid #4d6684;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.3)}.video-frame:before{content:'';position:absolute;left:30%;top:15px;width:45px;height:135px;border-left:1px solid rgba(150,184,218,.28);transform:skewX(-22deg)}.video-frame.side{width:30%;height:96px;opacity:.65}.video-reticle{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);height:34px;width:34px;border:1px solid rgba(154,183,255,.55);border-radius:50%}.video-reticle:before,.video-reticle:after{content:'';position:absolute;background:rgba(154,183,255,.55)}.video-reticle:before{height:1px;width:50px;left:-9px;top:16px}.video-reticle:after{width:1px;height:50px;left:16px;top:-9px}.video-time{position:absolute;left:12px;bottom:8px;font:8px monospace;letter-spacing:.12em;color:#a7bafd}.video-cross{position:absolute;right:9px;top:6px;color:#889fc4}.monitor-line{position:absolute;inset:34px 16px 34px}.monitor-line svg{height:100%;width:100%;overflow:visible}.monitor-line path{fill:none;stroke:var(--lime);stroke-width:2.3;filter:drop-shadow(0 0 7px rgba(196,248,121,.4));stroke-dasharray:300;stroke-dashoffset:300;animation:drawline 3s ease forwards}.monitor-chip{position:absolute;right:15px;bottom:14px;color:#a9c2b9;font:700 8px var(--display);letter-spacing:.12em;background:#17352f;border:1px solid #4a7260;border-radius:4px;padding:8px}.monitor-chip b{color:var(--lime);margin-left:7px}.product-body{padding:25px 25px 28px}.product-family{margin:0;color:#8bacbb;font:800 10px var(--display);letter-spacing:.2em}.product-body h3{margin:7px 0 14px;font:700 29px var(--display);letter-spacing:-.05em}.product-body>p:not(.product-family){font-size:14px;color:#abc1cd;line-height:1.68;min-height:119px;margin:0 0 24px}.product-body a{color:var(--cyan);font:700 13px var(--display);text-decoration:none}.product-body a span{margin-left:9px}.product-body a:hover{text-decoration:underline}.product-note{color:#8ba2ae;font-size:12px}
.vision-section{min-height:530px;position:relative;background:#07121d url('assets/security-lifecycle-scene.png') center center/cover no-repeat;overflow:hidden}.vision-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,27,.96),rgba(5,17,27,.72) 28%,rgba(5,17,27,.04) 65%),linear-gradient(0deg,rgba(5,17,27,.6),transparent 45%)}.vision-inner{position:relative;min-height:530px;display:flex;align-items:center}.vision-copy{max-width:405px}.vision-copy h2{font:700 clamp(42px,4vw,60px)/1.12 var(--display);letter-spacing:-.06em;margin:0 0 19px}.vision-copy>p:last-child{font-size:17px;line-height:1.7;color:#c2d2dc;margin:0}.vision-caption{position:absolute;bottom:22px;right:0;color:#b8cbd2;font:700 9px var(--display);letter-spacing:.15em}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.approach-visual{min-height:485px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 50% 40%,#1a4854,#0b1e2d 68%);display:grid;place-items:center;position:relative;overflow:hidden}.approach-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(156,204,217,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(156,204,217,.04) 1px,transparent 1px);background-size:25px 25px}.approach-panel{position:relative;width:75%;height:355px;border:1px solid rgba(145,210,215,.32);background:rgba(5,20,32,.73);box-shadow:0 20px 70px rgba(0,0,0,.22);border-radius:12px;padding:16px}.panel-head,.panel-foot{display:flex;justify-content:space-between;align-items:center;color:#8dabb9;font:700 9px var(--display);letter-spacing:.14em}.panel-head{border-bottom:1px solid var(--line);padding-bottom:13px}.status-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}.panel-map{position:relative;height:270px}.map-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(96,218,220,.26);border-radius:50%}.ring-a{width:180px;height:180px}.ring-b{width:270px;height:270px;border-style:dashed;animation:spin 100s linear infinite}.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 66px var(--display);letter-spacing:-.1em;color:#e6ffff}.map-core span{color:var(--cyan)}.map-node{position:absolute;padding:8px 10px;background:#143746;border:1px solid #33757a;border-radius:5px;color:#a9e5e6;font:700 9px var(--display);letter-spacing:.1em}.node-a{top:29px;left:34px}.node-b{right:-20px;top:107px}.node-c{bottom:26px;left:27px}.panel-foot{border-top:1px solid var(--line);padding-top:11px}.panel-foot b{color:var(--cyan);font-weight:700}.approach-copy h2{margin-bottom:25px}.approach-copy>p:not(.eyebrow){color:#adbfcc;font-size:17px;line-height:1.8;max-width:490px}.approach-copy ul{list-style:none;padding:14px 0 0;margin:0}.approach-copy li{border-top:1px solid var(--line);padding:18px 0;color:#d3e0e8;font-size:14px}.approach-copy li span{font:800 10px var(--display);color:var(--cyan);margin-right:21px}
.plans-section{background:#0c1c29}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{border:1px solid var(--line);border-radius:12px;background:#102432;padding:25px;min-height:243px;display:flex;flex-direction:column}.plan:hover{border-color:#5f9ba6}.plan-label{font:800 9px var(--display);letter-spacing:.16em;color:#7ca8b6}.plan h3{font:700 22px var(--display);letter-spacing:-.04em;margin:21px 0 7px}.plan p{margin:0 0 8px;color:#9db2bf;font-size:14px}.plan p b{font:700 31px var(--display);letter-spacing:-.05em;color:#f3f9fa}.plan>span:not(.plan-label){color:#91a8b7;font-size:12px}.plan a{margin-top:auto;color:var(--cyan);font-size:12px;text-decoration:none;font-weight:700;padding-top:24px}.plan a:hover{text-decoration:underline}.plan-footnote{color:#7792a1;font-size:12px;margin:22px 0 0}
.final-cta{margin-block:100px;position:relative;text-align:center;overflow:hidden;border:1px solid rgba(99,221,217,.24);border-radius:18px;padding:85px 20px 89px;background:radial-gradient(ellipse at 50% 70%,rgba(44,101,113,.35),transparent 60%),#0d2633}.cta-glow{position:absolute;pointer-events:none;inset:auto 10% -220px;height:320px;background:rgba(73,188,195,.2);filter:blur(70px)}.final-cta h2{position:relative;margin:0;font-size:clamp(45px,5vw,70px);line-height:1.14}.final-cta>p:not(.eyebrow){color:#abc2cf;font-size:17px;margin:19px 0 29px}.final-cta>div:last-child{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button-outline{border:1px solid #55798b;color:#e2f0f4;background:rgba(13,40,55,.5)}.footer{border-top:1px solid var(--line);background:#06111b}.footer-inner{padding-block:55px 60px;display:flex;justify-content:space-between;gap:30px}.footer-inner p{font-size:13px;color:#7592a4;margin:17px 0 0}.footer-links{display:flex;gap:25px;align-items:start;flex-wrap:wrap;justify-content:flex-end}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;color:#698396;font-size:11px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 19px 6px rgba(99,221,217,.35)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes drawline{to{stroke-dashoffset:0}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:58px}.hero-visual{transform:scale(.86);transform-origin:center}.product-body>p:not(.product-family){min-height:165px}.approach{gap:50px}.plan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.container{width:min(var(--max),calc(100% - 40px))}.header{height:70px}.header-inner{gap:15px}.nav,.header-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:5px;margin-left:auto;padding:9px;border:1px solid var(--line);border-radius:7px;background:none}.menu-button span{width:21px;height:2px;background:#d7eef3}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:14px 20px 22px;background:#0b2130;border-bottom:1px solid var(--line)}.mobile-nav a{padding:12px 5px;text-decoration:none;color:#d2e2eb}.hero{display:flex;flex-direction:column;min-height:0;padding:90px 0 35px}.hero-copy{width:100%}.hero h1{font-size:clamp(50px,9vw,74px)}.hero-visual{width:100%;max-width:580px;transform:none;margin-top:30px}.signal-inner{flex-wrap:wrap;justify-content:center;padding-block:20px;gap:12px}.signal-end{width:100%;text-align:center;margin:0}.section{padding-block:90px}.platform{grid-template-columns:1fr}.platform-copy{margin:25px 0 0;padding:0}.lifecycle{margin-top:35px}.product-grid{grid-template-columns:1fr 1fr}.product-body>p:not(.product-family){min-height:145px}.card-monitor{grid-column:1/-1}.approach{grid-template-columns:1fr}.approach-visual{min-height:390px}.approach-panel{height:315px}.panel-map{height:230px}.section-head{align-items:start;flex-direction:column}.footer-links{max-width:350px}}
@media(max-width:570px){.hero{padding-top:65px}.eyebrow{font-size:9px;line-height:1.5}.hero h1{font-size:clamp(44px,11vw,59px)}.hero-lede{font-size:16px}.hero-actions{gap:19px}.hero-proof{margin-top:32px}.hero-visual{height:405px;transform:scale(.78);transform-origin:top center;margin-bottom:-75px}.visual-label-design{left:-30px}.visual-label-video{right:-40px}.visual-label-health{left:-23px}.signal-inner{font-size:9px}.signal-inner b{margin-right:4px}.section h2{font-size:43px}.lifecycle{display:block}.life-track{display:none}.life-step{min-height:0;padding:25px}.life-step:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.life-step p{min-height:0;margin-bottom:12px}.product-grid,.plan-grid{grid-template-columns:1fr}.card-monitor{grid-column:auto}.product-body>p:not(.product-family){min-height:0}.approach{gap:33px}.approach-visual{min-height:330px}.approach-panel{width:87%;height:290px}.panel-map{height:209px}.ring-b{width:210px;height:210px}.ring-a{width:140px;height:140px}.node-b{right:-8px}.final-cta{margin-block:65px;padding:65px 20px}.final-cta h2{font-size:43px}.footer-inner{display:block}.footer-links{justify-content:start;margin-top:35px;gap:16px 24px}.footer-bottom{gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* ===================== V2 cinematic journey =====================
   Scroll motion is progressively enhanced; the static chapter list is used
   on small screens and whenever reduced motion is requested. */
.brand{gap:12px;font-size:24px;letter-spacing:-.07em}.brand img{width:39px;height:39px;filter:drop-shadow(0 0 10px rgba(99,221,217,.2))}.brand-dot{color:var(--lime)}
.hero-cinema{min-height:min(880px,calc(100svh - 82px));position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#07121d}.hero-cinema-image{position:absolute;inset:0;background:url('assets/security-lifecycle-scene.png') center 46%/cover no-repeat;transform:scale(1.065);animation:hero-cinema-enter 2.2s cubic-bezier(.2,.7,.2,1) both;z-index:-3}.hero-cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,13,22,.95) 0%,rgba(5,15,25,.8) 32%,rgba(5,15,25,.14) 68%),linear-gradient(0deg,rgba(4,13,22,.95) 0%,transparent 30%,rgba(4,13,22,.18) 80%)}.hero-cinema-inner{position:relative;padding-block:110px 135px}.hero-cinema .eyebrow{letter-spacing:.23em;margin-bottom:26px}.hero-cinema h1{font:700 clamp(56px,7.6vw,112px)/1.04 var(--display);letter-spacing:-.08em;margin:0;max-width:1000px;text-wrap:balance}.hero-cinema h1 em,.story-copy h2 em{font-style:normal;background:linear-gradient(100deg,#6ee1dc,#b4b4ff 75%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-cinema-inner>p:not(.eyebrow){font-size:clamp(17px,1.7vw,21px);line-height:1.65;color:#c8d7df;max-width:520px;margin:30px 0 0}.hero-cinema .hero-actions{margin-top:35px}.hero-scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;color:#b6c9d4;font:700 10px var(--display);letter-spacing:.2em}.hero-scroll-cue i{display:block;width:1px;height:34px;background:linear-gradient(var(--cyan),transparent);animation:scroll-cue 2s ease-in-out infinite}@keyframes hero-cinema-enter{from{opacity:.6;transform:scale(1.12)}to{opacity:1;transform:scale(1.065)}}@keyframes scroll-cue{50%{transform:translateY(8px);opacity:.45}}
.story{position:relative;background:#050e18}.story-pin{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#06111b}.story-scroll-space{height:205vh}.story-image{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity .75s ease,transform 1.2s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform;z-index:-3}.story-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.story[data-chapter="0"] .story-image-design,.story[data-chapter="1"] .story-image-video,.story[data-chapter="2"] .story-image-monitor{opacity:1;transform:scale(1.01)}.story-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,10,18,.9),rgba(2,10,18,.68) 28%,rgba(2,10,18,.08) 65%),linear-gradient(0deg,rgba(2,10,18,.83),transparent 40%,rgba(2,10,18,.26))}.story-orbit{position:absolute;left:60%;top:48%;width:min(62vw,790px);aspect-ratio:1;border-radius:50%;z-index:-1;transform:translate(-50%,-50%) rotate(var(--story-rotation,0deg));background:conic-gradient(from 0deg,transparent 0 17%,rgba(110,228,223,.28) 21%,transparent 29% 53%,rgba(129,149,250,.22) 57%,transparent 65% 100%);mask:radial-gradient(circle,transparent 61%,#000 62% 62.4%,transparent 63.3%);pointer-events:none}.story[data-chapter="1"] .story-orbit{background:conic-gradient(from 0deg,transparent 0 12%,rgba(161,176,255,.55) 19%,transparent 26% 60%,rgba(129,149,250,.3) 64%,transparent 72% 100%)}.story[data-chapter="2"] .story-orbit{background:conic-gradient(from 0deg,transparent 0 17%,rgba(196,248,121,.5) 24%,transparent 32% 58%,rgba(99,221,217,.28) 64%,transparent 70% 100%)}.story-shell{position:relative;height:100%;display:flex;flex-direction:column;padding-block:52px 41px}.story-meta{display:flex;align-items:center;justify-content:space-between;color:#c8dce6;font:800 11px var(--display);letter-spacing:.2em}.story-counter{color:#c5e8e8}.story-copies{flex:1;position:relative}.story-copy{position:absolute;left:0;top:50%;transform:translateY(-44%) translateY(26px);max-width:620px;opacity:0;visibility:hidden;transition:opacity .5s ease,transform .65s cubic-bezier(.2,.7,.2,1),visibility .5s}.story[data-chapter="0"] .story-copy[data-copy="0"],.story[data-chapter="1"] .story-copy[data-copy="1"],.story[data-chapter="2"] .story-copy[data-copy="2"]{opacity:1;visibility:visible;transform:translateY(-50%)}.story-kicker{color:var(--cyan);font:800 11px var(--display);letter-spacing:.24em;margin:0 0 22px}.story[data-chapter="1"] .story-kicker{color:#a3b4ff}.story[data-chapter="2"] .story-kicker{color:var(--lime)}.story-copy h2{font:700 clamp(53px,6.1vw,91px)/1.07 var(--display);letter-spacing:-.075em;margin:0 0 23px;text-wrap:balance}.story-copy>p:not(.story-kicker){color:#d0e0e8;font-size:clamp(16px,1.45vw,19px);line-height:1.65;max-width:465px;margin:0 0 28px}.story-copy a{font:800 14px var(--display);text-decoration:none;color:#8ef0e7;border-bottom:1px solid rgba(142,240,231,.46);padding-bottom:8px}.story-copy a:hover{border-bottom-color:#8ef0e7}.story-copy a span{margin-left:9px}.story-progress{display:flex;gap:9px}.story-progress span{display:block;width:42px;height:3px;background:rgba(211,234,242,.28);border-radius:9px;transition:background .4s,width .4s}.story[data-chapter="0"] .story-progress span:nth-child(1),.story[data-chapter="1"] .story-progress span:nth-child(2),.story[data-chapter="2"] .story-progress span:nth-child(3){background:var(--cyan);width:70px}.story[data-chapter="1"] .story-progress span:nth-child(2){background:#a3b4ff}.story[data-chapter="2"] .story-progress span:nth-child(3){background:var(--lime)}.story-disclaimer{color:#87a0ae;font:600 10px var(--display);letter-spacing:.05em;max-width:570px;margin:17px 0 0}.story-static{display:none}
@media(max-width:800px){.hero-cinema{min-height:750px}.hero-cinema-shade{background:linear-gradient(0deg,rgba(4,13,22,.94),rgba(4,13,22,.44) 48%,rgba(4,13,22,.18)),linear-gradient(90deg,rgba(4,13,22,.55),transparent)}.hero-cinema-image{background-position:54% center}.hero-cinema-inner{align-self:end;padding-block:100px 140px}.hero-cinema h1{font-size:clamp(49px,9vw,76px)}.story-pin{min-height:650px}.story-copy h2{font-size:clamp(52px,7vw,70px)}.story-vignette{background:linear-gradient(0deg,rgba(2,10,18,.95),rgba(2,10,18,.65) 47%,rgba(2,10,18,.08) 90%)}.story-copy{top:auto;bottom:11%;transform:translateY(25px)}.story[data-chapter="0"] .story-copy[data-copy="0"],.story[data-chapter="1"] .story-copy[data-copy="1"],.story[data-chapter="2"] .story-copy[data-copy="2"]{transform:none}.story-orbit{left:50%;top:39%;width:75vw}}
@media(max-width:640px){.hero-cinema{min-height:calc(100svh - 70px)}.hero-cinema-image{background-position:56% 25%}.hero-cinema-inner{padding-block:125px 125px}.hero-cinema h1{font-size:clamp(49px,11.5vw,68px)}.hero-cinema-inner>p:not(.eyebrow){font-size:16px}.hero-scroll-cue{bottom:13px;font-size:9px}.story{height:auto}.story-pin,.story-scroll-space{display:none}.story-static{display:grid;gap:25px;padding-block:75px}.story-static article{border:1px solid var(--line);border-radius:15px;background:#102432;overflow:hidden}.story-static img{display:block;width:100%;height:220px;object-fit:cover}.story-static h2{font:700 35px var(--display);letter-spacing:-.06em;margin:23px 23px 5px}.story-static p{color:#aec4d0;line-height:1.6;margin:0 23px 27px}}
@media(prefers-reduced-motion:reduce){.hero-cinema-image{animation:none;transform:none}.hero-scroll-cue i{animation:none}.story{height:auto}.story-pin,.story-scroll-space{display:none}.story-static{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-block:85px}.story-static article{border:1px solid var(--line);border-radius:12px;background:#102432;overflow:hidden}.story-static img{display:block;width:100%;height:220px;object-fit:cover}.story-static h2{font:700 31px var(--display);margin:22px 22px 5px}.story-static p{color:#aec4d0;line-height:1.6;margin:0 22px 25px}}@media(prefers-reduced-motion:reduce) and (max-width:750px){.story-static{grid-template-columns:1fr}}
.card-orivyne{text-decoration:none}.card-orivyne:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.product-body .product-link{color:var(--cyan);font:700 13px var(--display)}.product-body .product-link span{margin-left:9px}.card-orivyne:hover .product-link{text-decoration:underline}
.story-shell{z-index:1}.story-scene-link{position:absolute;z-index:0;right:0;top:0;width:52%;height:100%;pointer-events:none}.story[data-chapter="1"] .story-scene-link{pointer-events:auto;cursor:pointer}.story-scene-link:focus-visible{outline:3px solid var(--lime);outline-offset:-8px}.story-static article a{display:block;text-decoration:none}.story-static article a:hover h2{color:var(--cyan)}