/* Novexis identity in motion — Obsidian production treatment. */
:root{--bg:#060910;--hdr-bg:rgba(6,9,16,.84)}
.nvx-hero{background:#060910;color:#eaf0fa;text-align:center;padding:48px 0 30px;overflow:hidden;position:relative;isolation:isolate}
.nvx-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 53%,#111a2b55,transparent 63%);pointer-events:none}
.nvx-hero .wrap{max-width:1240px}
.nvx-hero h1{font-size:clamp(40px,5.1vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.09;margin:20px 0}
.nvx-hero h1>span{display:block}
.nvx-hero .nvx-gradient{background:linear-gradient(100deg,#df8cf1 4%,#ab92ee 36%,#7aa8e9 67%,#63d5e5 98%);background-clip:text;-webkit-background-clip:text;color:#b49cec;-webkit-text-fill-color:transparent;width:fit-content;margin:0 auto;padding:0 .045em .08em}
.nvx-product-description{max-width:620px;margin:0 auto;font-size:15px;line-height:1.75;color:#939fb1;text-wrap:balance}
.nvx-hero .cta-row{margin-top:23px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.nvx-hero .btn-ghost{color:#c8d3e4;border-color:#aabfe633}
.nvx-hero .btn-ghost:hover{background:#b1c7e40d}
.nvx-specialization{font-size:11px;color:#76859b;margin-top:16px;letter-spacing:.1px}
.nvx-specialization a{color:#a7b9d0}.nvx-specialization a:hover{text-decoration:underline;text-underline-offset:3px}
.nvx-engine-stage{position:relative;isolation:isolate;max-width:1600px;height:clamp(360px,39vw,560px);margin:-5px auto -20px;touch-action:pan-y}
#novexis-engine{display:block;width:100%;height:100%;position:relative;z-index:1}
#novexis-engine[hidden],#engine-pause[hidden]{display:none}
.nvx-engine-ambient{position:absolute;width:48%;height:64%;top:12%;filter:blur(55px);opacity:.12;pointer-events:none;z-index:-1}
.nvx-engine-ambient.left{left:3%;background:radial-gradient(ellipse,#663491,transparent 65%)}
.nvx-engine-ambient.right{right:3%;background:radial-gradient(ellipse,#155c74,transparent 65%)}
.nvx-stage-label{position:absolute;top:75%;display:flex;align-items:center;gap:18px;color:#8a94a7;font-size:11px;letter-spacing:.2px;z-index:3;pointer-events:none}
.nvx-stage-label.input{left:9.5%}.nvx-stage-label.output{right:9.5%}
.nvx-stage-rule{height:1px;width:38px;background:#ac78d7}.output .nvx-stage-rule{background:#7ad7de}
.nvx-engine-label{position:absolute;left:50%;transform:translateX(-50%);bottom:11%;font-size:10px;letter-spacing:.2px;white-space:nowrap;color:#76849a;z-index:3;pointer-events:none}
#engine-fallback{position:absolute;inset:0;z-index:2;align-items:center;justify-content:center}#engine-fallback:not([hidden]){display:flex}#engine-fallback img{display:block;width:100%;height:100%;object-fit:contain}
.nvx-motion-caption{font-size:15px;letter-spacing:-.15px;line-height:1.6;color:#8b97aa;margin:-12px 24px 27px;position:relative;z-index:2}.nvx-motion-caption span{color:#c3cddd}
.nvx-hero-bottom{position:relative}
.nvx-motion-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:0}
.nvx-motion-controls button{display:inline-flex;align-items:center;gap:7px;border:1px solid #aabfe626;background:#0a0f18;color:#a3b0c4;border-radius:6px;padding:7px 11px;font:inherit;font-size:10px;cursor:pointer}
.nvx-motion-controls button:hover{color:#eaf0fa;background:#162233}.nvx-motion-controls button:focus-visible,.reel-controls button:focus-visible{outline:2px solid #86dce7;outline-offset:4px}
.nvx-motion-controls svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.capability-reel{position:relative;width:100%;margin:0;padding:0;background:#090f1b;overflow:hidden;line-height:0;scroll-margin-top:-28px}
.capability-reel video{display:block;width:100%;height:auto;aspect-ratio:auto 16/9;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#090f1b}
.reel-controls{position:absolute;left:16px;right:16px;top:auto;bottom:auto;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #ccd9f433;background:#07101ce8;border-radius:8px;backdrop-filter:blur(14px);line-height:1.3;z-index:2}
.reel-controls[hidden],.reel-controls button[hidden]{display:none}
.reel-controls button{border:0;border-radius:4px;background:transparent;color:#e2eaf7;padding:9px 10px;min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}
.reel-controls button:hover{background:#ccd9f414}.reel-controls button:disabled{opacity:.4;cursor:default}
.reel-controls svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#reel-time{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#b4c1d4;white-space:nowrap;min-width:73px;text-align:center;font-variant-numeric:tabular-nums}
#reel-seek{appearance:none;-webkit-appearance:none;flex:1;min-width:30px;height:26px;margin:0 8px;background:transparent;cursor:pointer}
#reel-seek::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,#83dbe6 var(--reel-progress,0%),#47566c var(--reel-progress,0%))}
#reel-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;margin-top:-4px;background:#d7f6fb}
#reel-seek::-moz-range-track{height:3px;background:#47566c;border-radius:2px}#reel-seek::-moz-range-progress{height:3px;background:#83dbe6}#reel-seek::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#d7f6fb}
#reel-seek:focus-visible{outline:2px solid #86dce7;outline-offset:3px;border-radius:4px}
.capability-reel:fullscreen{background:#060910;display:flex;align-items:center;justify-content:center}.capability-reel:fullscreen video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-height:850px) and (min-width:900px){.nvx-hero{padding-top:28px}.nvx-hero h1{font-size:54px;margin:16px 0}.nvx-product-description{font-size:13px;max-width:760px;line-height:1.65}.nvx-hero .cta-row{margin-top:16px}.nvx-hero .btn{font-size:12px;padding:8px 16px}.nvx-specialization{margin-top:12px;font-size:10px}.nvx-engine-stage{height:340px}.nvx-stage-label,.nvx-engine-label{display:none}.nvx-motion-caption{margin-bottom:23px}}
@media(max-width:899px){.capability-reel video{aspect-ratio:auto 4/3}}
@media(max-width:760px){.nvx-hero{padding-top:38px;padding-bottom:24px}.nvx-hero h1{font-size:clamp(29px,6.2vw,45px);margin:18px 0;letter-spacing:-.05em}.nvx-product-description{font-size:13px;max-width:440px}.nvx-hero .cta-row{margin-top:20px;gap:10px}.nvx-hero .btn{font-size:12px;padding:10px 16px}.nvx-specialization{font-size:10px}.nvx-engine-stage{height:390px;margin-bottom:-20px}.nvx-stage-label{top:77%;font-size:9px;letter-spacing:.1px;gap:7px}.nvx-stage-label.input{left:6%}.nvx-stage-label.output{right:6%}.nvx-stage-rule{width:15px}.nvx-engine-label{bottom:12%;font-size:8px;letter-spacing:.1px}.nvx-motion-caption{font-size:12px;margin-top:-7px;margin-bottom:25px}.nvx-motion-controls{margin-top:0}.reel-controls button{font-size:10px;padding:9px 11px}}
@media(max-width:540px){.reel-controls{left:10px;right:10px;padding:4px;gap:1px}.reel-controls button{padding:7px;gap:4px;min-width:32px}.reel-controls #reel-play-label,.reel-controls #reel-sound-label{display:none}#reel-time{font-size:9px;min-width:66px}#reel-seek{margin:0 5px}}