/* OptilaPlus immersive brand experience v3 */
.brand-link{position:relative;padding:14px 0}.brand-link:after{content:"";position:absolute;left:42%;right:12%;bottom:6px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#0ec9df,#1268f3,transparent);transform:scaleX(.18);opacity:0;transition:.35s}.brand-link:hover:after{transform:scaleX(1);opacity:1}.brand-link .brand-a{filter:drop-shadow(0 0 0 rgba(14,201,223,0));transition:filter .35s,transform .35s}.brand-link:hover .brand-a{filter:drop-shadow(0 0 8px rgba(14,201,223,.85));transform:translateY(-1px)}
.hero{position:relative;min-height:calc(100svh - 78px);display:flex;align-items:center;padding:64px 0 82px;background:radial-gradient(circle at 76% 42%,rgba(20,109,255,.09),transparent 28%),linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.hero-backdrop{position:absolute;inset:0;pointer-events:none;opacity:.58;background-image:linear-gradient(rgba(20,74,136,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,74,136,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 76%,transparent 100%)}.hero-backdrop:after{content:"";position:absolute;width:620px;height:620px;right:-240px;top:2%;border:1px solid rgba(18,104,243,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(18,104,243,.025),0 0 0 150px rgba(14,201,223,.02)}.hero-grid{position:relative;z-index:2;grid-template-columns:.93fr 1.07fr;gap:52px}.hero-copy{position:relative;z-index:8}.hero h1{font-size:clamp(52px,5.7vw,80px);max-width:670px}.hero h1 span{display:block;background:linear-gradient(100deg,#1268f3 0%,#1a77ff 48%,#08bfd9 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:590px}.hero .btn-primary{position:relative;overflow:hidden}.hero .btn-primary:after{content:"";position:absolute;inset:-2px auto -2px -45%;width:36%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:buttonSweep 4.8s ease-in-out infinite}.scroll-cue{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:8px;font-weight:800;letter-spacing:.18em;color:#8493a9}.scroll-cue span{width:17px;height:28px;border:1px solid #aebdd0;border-radius:10px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:3px;height:6px;border-radius:3px;background:#1268f3;left:6px;top:5px;animation:scrollDot 1.8s ease-in-out infinite}
.hero-visual{min-height:620px;perspective:1450px}.hero-experience{position:relative;width:100%;height:620px;perspective:1450px;isolation:isolate}.hero-ambient{position:absolute;z-index:0;inset:10% 4% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(18,104,243,.32),rgba(14,201,223,.10) 35%,transparent 72%);filter:blur(42px);opacity:.72;animation:ambientPulse 5s ease-in-out infinite}.hero-device{--rx:-2deg;--ry:-7deg;--gx:50%;--gy:50%;position:absolute;z-index:3;inset:36px 8px 52px 28px;border-radius:42px 36px 42px 74px;overflow:hidden;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-origin:50% 50%;transition:transform .18s ease-out;background:radial-gradient(circle at var(--gx) var(--gy),rgba(20,122,255,.23),transparent 24%),linear-gradient(145deg,#071d42 0%,#03132f 56%,#061b3e 100%);border:1px solid rgba(50,161,255,.72);box-shadow:-13px 13px 0 rgba(7,39,88,.95),-19px 20px 45px rgba(3,20,50,.28),inset 0 0 80px rgba(0,96,255,.13),0 0 0 1px rgba(85,209,255,.12)}.hero-device:before{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.20),transparent 13%,transparent 73%,rgba(16,145,255,.13));pointer-events:none}.device-rim{position:absolute;z-index:1;inset:14px;border:1px solid rgba(38,154,255,.13);border-radius:32px 28px 34px 61px;box-shadow:inset 0 0 35px rgba(18,113,255,.08)}.device-grid{position:absolute;z-index:0;inset:0;opacity:.22;background-image:radial-gradient(circle,rgba(66,180,255,.8) 1px,transparent 1px),linear-gradient(rgba(18,118,221,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(18,118,221,.15) 1px,transparent 1px);background-size:26px 26px,76px 76px,76px 76px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 76%)}.energy-lines{position:absolute;z-index:2;inset:3%;width:94%;height:94%;overflow:visible}.beam{fill:none;stroke-width:2.2;stroke-linecap:round;opacity:.9;stroke-dasharray:8 8;animation:beamFlow 3.8s linear infinite}.beam-b{animation-duration:4.8s;animation-direction:reverse}.beam-c{animation-duration:5.4s}.orbit{position:absolute;z-index:2;left:50%;top:50%;border:1px solid rgba(27,132,246,.34);border-radius:50%;transform-style:preserve-3d}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(42,165,255,.22)}.orbit-one{width:54%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(0);animation:orbitSpin 18s linear infinite}.orbit-one:before{inset:12%}.orbit-one:after{inset:25%}.orbit-two{width:76%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(72deg) rotateZ(0);animation:orbitSpinReverse 27s linear infinite}.orbit-two:before{inset:10%}.orbit-two:after{inset:20%}.orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#22dbff;box-shadow:0 0 12px #22dbff}.orbit i:nth-child(1){left:9%;top:26%}.orbit i:nth-child(2){right:5%;top:46%}.orbit i:nth-child(3){left:48%;bottom:-3px}
.neon-core{position:absolute;z-index:6;left:50%;top:50%;width:184px;height:184px;transform:translate(-50%,-50%) translateZ(78px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 42% 34%,#164f9d 0%,#0a2e6c 38%,#041b43 70%);border:2px solid #29dfff;box-shadow:0 0 10px #31e2ff,0 0 42px rgba(0,186,255,.75),0 0 90px rgba(45,95,255,.42),inset 0 0 28px rgba(28,222,255,.30)}.core-halo{position:absolute;inset:-17px;border:1px solid rgba(39,221,255,.42);border-radius:50%;box-shadow:0 0 28px rgba(34,183,255,.3);animation:haloPulse 2.8s ease-in-out infinite}.core-mark{position:relative;width:72px;height:53px;filter:drop-shadow(0 0 11px rgba(48,231,255,.7));margin-bottom:9px}.core-mark:before,.core-mark:after,.core-mark i{content:"";position:absolute;display:block}.core-mark:before{left:9px;top:7px;width:11px;height:45px;border-radius:8px;background:#fff;transform:skew(-24deg)}.core-mark:after{right:9px;top:7px;width:11px;height:45px;border-radius:8px;background:#fff;transform:skew(24deg)}.core-mark i{left:25px;right:25px;bottom:4px;height:9px;background:#1fe8ff;transform:skew(-26deg);box-shadow:0 0 12px #1fe8ff}.core-name{font-size:13px;font-weight:900;letter-spacing:.13em;color:#fff}.core-name b{color:#2394ff}.neon-core small{font-size:8px;color:#8cb8e7;margin-top:6px;letter-spacing:.05em}
.neon-node{position:absolute;z-index:6;width:62px;height:62px;border:1px solid var(--node);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--node) 34%,#10295a),#061a3e 70%);color:#fff;box-shadow:0 0 9px var(--node),0 0 26px color-mix(in srgb,var(--node) 55%,transparent),inset 0 0 16px color-mix(in srgb,var(--node) 28%,transparent);transform:translate(-50%,-50%) translateZ(58px);animation:nodeFloat 4.2s ease-in-out infinite}.neon-node:after{content:"";position:absolute;inset:-8px;border:1px solid color-mix(in srgb,var(--node) 40%,transparent);border-radius:50%;animation:nodeRipple 2.8s ease-out infinite}.node-icon{font-size:25px;font-weight:700;text-shadow:0 0 10px var(--node)}.neon-node small{position:absolute;top:70px;left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:99px;background:rgba(3,18,45,.72);border:1px solid color-mix(in srgb,var(--node) 42%,transparent);color:#d9efff;font-size:8px;font-weight:700;white-space:nowrap;opacity:.82}.node-analytics{left:50%;top:14%;animation-delay:-.4s}.node-people{left:78%;top:25%;animation-delay:-1.2s}.node-automation{left:88%;top:51%;animation-delay:-2.1s}.node-growth{left:77%;top:79%;animation-delay:-.7s}.node-finance{left:50%;top:88%;animation-delay:-1.8s}.node-security{left:22%;top:78%;animation-delay:-2.8s}.node-stock{left:12%;top:48%;animation-delay:-1.1s}.spark{position:absolute;z-index:5;width:3px;height:3px;border-radius:50%;background:#8eeeff;box-shadow:0 0 9px #8eeeff;animation:sparkle 3s ease-in-out infinite}.spark-1{left:23%;top:19%}.spark-2{right:16%;top:38%;animation-delay:-1.2s}.spark-3{left:31%;bottom:17%;animation-delay:-2.1s}.spark-4{right:29%;bottom:11%;animation-delay:-.7s}
.live-chip{position:absolute;z-index:9;display:flex;align-items:center;gap:11px;min-width:175px;padding:14px 16px;border-radius:17px;background:rgba(255,255,255,.94);border:1px solid rgba(203,220,241,.92);box-shadow:0 18px 36px rgba(14,46,89,.18),inset 0 1px 0 #fff;backdrop-filter:blur(15px);animation:chipFloat 5s ease-in-out infinite}.live-chip>i{width:9px;height:9px;border-radius:50%;background:#12ab70;box-shadow:0 0 0 5px rgba(18,171,112,.10)}.live-chip span{display:flex;flex-direction:column}.live-chip b{font-size:11px;color:#08172f}.live-chip small{font-size:8px;color:#607088;margin-top:3px}.chip-order{left:-2px;top:84px}.chip-document{right:-12px;bottom:65px;animation-delay:-2.4s}.depth-shadow{position:absolute;z-index:1;left:13%;right:5%;bottom:12px;height:54px;border-radius:50%;background:rgba(8,28,61,.34);filter:blur(26px);transform:rotate(-2deg)}
.architecture-section{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 46%,#0a3976 0%,#061b3a 33%,#04152d 72%)}.architecture-section:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(54,161,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(54,161,255,.22) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent,#000 55%,transparent)}.architecture-section .dark-grid{grid-template-columns:.88fr 1.12fr;position:relative;z-index:2}.architecture-stage{position:relative;min-height:540px;perspective:1300px}.architecture-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#1268f34d,transparent 66%);filter:blur(34px);animation:ambientPulse 5s ease-in-out infinite}.stack-scene{--rx:0deg;--ry:0deg;position:absolute;left:8%;right:8%;top:9%;height:430px;transform-style:preserve-3d;transform:rotateX(calc(54deg + var(--rx))) rotateZ(-13deg) rotateY(var(--ry));transition:transform .18s ease-out}.stack-layer{position:absolute;left:7%;right:7%;height:72px;border-radius:17px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;padding:0 22px;border:1px solid rgba(62,176,255,.45);background:linear-gradient(110deg,rgba(15,73,143,.93),rgba(5,35,82,.96));box-shadow:0 15px 28px rgba(0,8,28,.32),inset 0 1px 0 rgba(255,255,255,.15);color:#fff;transform:translateZ(var(--z));animation:layerBreathe 5s ease-in-out infinite;animation-delay:var(--delay)}.stack-layer:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(56,216,255,.15),transparent);transform:translateX(-100%);animation:layerSweep 6s ease-in-out infinite;animation-delay:var(--delay)}.stack-layer i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(20,187,255,.14);border:1px solid rgba(69,209,255,.38);font-size:9px;font-style:normal;color:#54e7ff}.stack-layer span{font-size:14px;font-weight:800;letter-spacing:.02em}.stack-layer b{font-size:9px;color:#90c8eb;text-align:right}.layer-1{top:0;--z:150px;--delay:-.2s}.layer-2{top:62px;--z:110px;--delay:-1s}.layer-3{top:124px;--z:70px;--delay:-1.8s}.layer-4{top:186px;--z:30px;--delay:-2.6s;border-color:#21ddff;background:linear-gradient(110deg,rgba(13,100,181,.98),rgba(4,44,105,.98));box-shadow:0 0 28px rgba(19,192,255,.25),0 18px 30px rgba(0,8,28,.32)}.layer-5{top:248px;--z:-10px;--delay:-3.4s}.layer-6{top:310px;--z:-50px;--delay:-4.2s}.stack-pulse{position:absolute;z-index:9;width:12px;height:12px;left:50%;top:55%;border-radius:50%;background:#65f6ff;box-shadow:0 0 0 8px rgba(61,226,255,.12),0 0 34px #1fdfff;transform:translateZ(205px);animation:haloPulse 2.5s ease-in-out infinite}.stack-status{position:absolute;z-index:9;right:0;bottom:25px;display:flex;align-items:center;gap:12px;padding:14px 17px;border:1px solid rgba(87,202,255,.28);border-radius:16px;background:rgba(4,27,64,.72);box-shadow:0 20px 40px rgba(0,9,27,.3);backdrop-filter:blur(14px)}.stack-status>i{width:9px;height:9px;border-radius:50%;background:#38e0a6;box-shadow:0 0 15px #38e0a6}.stack-status span{display:flex;flex-direction:column}.stack-status b{font-size:10px}.stack-status small{margin-top:4px;color:#8da9c9;font-size:8px}
.fx-reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.3,1)}.fx-reveal.is-visible{opacity:1;transform:none}
@keyframes buttonSweep{0%,66%{left:-45%;opacity:0}72%{opacity:1}92%,100%{left:125%;opacity:0}}@keyframes scrollDot{0%{transform:translateY(0);opacity:0}35%{opacity:1}100%{transform:translateY(10px);opacity:0}}@keyframes ambientPulse{0%,100%{transform:scale(.95);opacity:.56}50%{transform:scale(1.06);opacity:.86}}@keyframes beamFlow{to{stroke-dashoffset:-64}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}}@keyframes orbitSpinReverse{to{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(-360deg)}}@keyframes haloPulse{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.08);opacity:1}}@keyframes nodeFloat{0%,100%{margin-top:-3px}50%{margin-top:5px}}@keyframes nodeRipple{0%{transform:scale(.84);opacity:.8}75%,100%{transform:scale(1.22);opacity:0}}@keyframes sparkle{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.7)}}@keyframes chipFloat{0%,100%{transform:translateY(-4px)}50%{transform:translateY(6px)}}@keyframes layerBreathe{0%,100%{margin-top:-2px}50%{margin-top:4px}}@keyframes layerSweep{0%,55%{transform:translateX(-110%);opacity:0}72%{opacity:1}100%{transform:translateX(110%);opacity:0}}
@media(max-width:1050px){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1{margin-left:auto;margin-right:auto}.hero-visual{min-height:610px}.hero-experience{max-width:720px;margin:auto}.architecture-section .dark-grid{grid-template-columns:1fr}.architecture-stage{max-width:720px;width:100%;margin:auto}}
@media(max-width:680px){.hero{padding:56px 0 66px}.hero-backdrop{display:none}.hero h1{font-size:45px}.hero-visual{min-height:485px}.hero-experience{height:485px}.hero-device{inset:28px 5px 38px 14px;border-radius:28px 25px 30px 46px;box-shadow:-8px 9px 0 rgba(7,39,88,.95),-12px 16px 28px rgba(3,20,50,.25)}.device-rim{inset:9px;border-radius:23px}.neon-core{width:126px;height:126px}.core-mark{width:50px;height:38px}.core-mark:before,.core-mark:after{width:8px;height:32px}.core-mark:before{left:7px}.core-mark:after{right:7px}.core-mark i{left:18px;right:18px;height:6px}.core-name{font-size:9px}.neon-core small{font-size:6px}.neon-node{width:44px;height:44px}.node-icon{font-size:18px}.neon-node small{top:50px;font-size:6px}.live-chip{min-width:145px;padding:10px 11px}.live-chip b{font-size:9px}.live-chip small{font-size:6px}.chip-order{left:-3px;top:58px}.chip-document{right:-2px;bottom:44px}.scroll-cue{display:none}.architecture-stage{min-height:440px}.stack-scene{left:0;right:0;top:2%;height:390px;transform:rotateX(calc(52deg + var(--rx))) rotateZ(-10deg) rotateY(var(--ry))}.stack-layer{left:2%;right:2%;height:62px;grid-template-columns:37px 1fr auto;padding:0 12px}.stack-layer span{font-size:11px}.stack-layer b{font-size:7px}.layer-1{top:0}.layer-2{top:55px}.layer-3{top:110px}.layer-4{top:165px}.layer-5{top:220px}.layer-6{top:275px}.stack-status{right:2%;bottom:12px}.architecture-section{padding-bottom:55px}}
@media(max-width:680px){.shell.hero-grid{width:calc(100% - 28px);max-width:calc(100% - 28px);margin-left:auto;margin-right:auto}.hero-grid,.hero-copy,.hero-visual{min-width:0}.hero-copy,.hero-visual{width:100%;overflow:hidden}.hero h1{font-size:clamp(36px,9.6vw,41px);max-width:100%;overflow-wrap:normal}.hero-copy>p{width:100%;max-width:100%;padding:0 2px}.hero-actions{width:100%}.proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.proof-row span{min-width:0;padding:11px 4px;line-height:1.35}.proof-row b{display:block;margin:0 0 2px}.hero-experience{min-width:0;overflow:visible}}
@media(prefers-reduced-motion:reduce){.hero .btn-primary:after,.hero-ambient,.beam,.orbit,.core-halo,.neon-node,.neon-node:after,.spark,.live-chip,.architecture-glow,.stack-layer,.stack-layer:after,.stack-pulse,.scroll-cue span:after{animation:none!important}.hero-device,.stack-scene{transform:none!important}.fx-reveal{opacity:1;transform:none}}