/* VURZO v8 — cinematic layer: video, aurora, depth, scroll motion. Lime is reserved for action. */
:root{--ink:#07060f;--night:#0d0b1a;--violet:#7a5cff;--violet-soft:#b9a8ff;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
/* video layers */
.cine-video{position:absolute;inset:0;z-index:-2;overflow:hidden;background-size:cover;background-position:center;pointer-events:none}
.cine-video video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.cine-video video.ready{opacity:1}
.hero .cine-video{background-image:url(assets/video/hero-poster.jpg?v=10);background-position:center 42%}
.hero .cine-video video{object-position:center 42%}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 85% 20%,rgba(122,92,255,.28),transparent 70%),var(--noise);mix-blend-mode:screen;opacity:.55}
.platform-backdrop .cine-video{z-index:0;background-image:url(assets/video/silk-poster.jpg)}
.platform-backdrop{background:var(--ink)!important}
.platform-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,15,.35),rgba(7,6,15,.78)),radial-gradient(50% 60% at 50% 40%,rgba(122,92,255,.25),transparent 70%)}
/* night sections: aurora mesh + grain */
.technology{position:relative;isolation:isolate;background:var(--night)!important;color:#eceaf5;max-width:none!important;padding-inline:max(5%,calc((100vw - 1440px)/2))!important}
.technology:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(40% 50% at 15% 20%,rgba(122,92,255,.38),transparent 70%),radial-gradient(35% 45% at 85% 75%,rgba(70,50,170,.45),transparent 70%),radial-gradient(25% 30% at 60% 10%,rgba(196,255,57,.07),transparent 70%);animation:aurora 22s ease-in-out infinite alternate}
.technology:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--noise);opacity:.08;mix-blend-mode:overlay;pointer-events:none}
@keyframes aurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.08)}100%{transform:translate3d(-2%,3%,0) scale(1.03)}}
.technology h2,.technology h3,.technology strong{color:#f3f1fa}
.technology p:not(.eyebrow),.technology .section-description{color:#c9c5da!important}
.technology .eyebrow{color:var(--violet-soft)!important}
.technology [class*=integration] span,.technology .tech-details>*{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.12)!important;color:#e7e4f2!important;backdrop-filter:blur(10px)}
.technology .orbital-grid,.technology .orbital-grid *{border-color:rgba(185,168,255,.22)!important;color:#e7e4f2!important}
.security-detail{background:radial-gradient(45% 60% at 90% 10%,rgba(122,92,255,.22),transparent 70%),#0b0a14!important}
.security-detail .eyebrow,.interlude .eyebrow{color:var(--violet-soft)!important}
.security-detail .security-checks{background:rgba(255,255,255,.035)!important;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1)!important;border-radius:18px}
.security-detail .security-checks li span:first-child{color:var(--violet-soft)!important}
.security-detail .text-link{color:#e7e4f2!important;border-bottom:1px solid rgba(255,255,255,.3)}
.interlude .cine-video{z-index:-2;background-image:url(assets/video/silk-poster.jpg)}
.interlude .cine-video~img{display:none}
/* light sections: fine grid + soft glows + glass */
.intro,.photo-section,.restored-solutions,.examples,.vision,.faq,.approach,.partnership{position:relative;isolation:isolate}
.intro:before,.restored-solutions:before,.vision:before,.approach:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(38% 45% at 88% 12%,rgba(122,92,255,.10),transparent 70%),radial-gradient(30% 40% at 8% 90%,rgba(196,255,57,.08),transparent 70%),linear-gradient(rgba(23,32,28,.045) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(23,32,28,.045) 1px,transparent 1px) 0 0/56px 56px;
 -webkit-mask:radial-gradient(80% 70% at 50% 40%,#000 30%,transparent 85%);mask:radial-gradient(80% 70% at 50% 40%,#000 30%,transparent 85%)}
[data-theme=dark] .intro:before,[data-theme=dark] .restored-solutions:before,[data-theme=dark] .vision:before,[data-theme=dark] .approach:before{background:radial-gradient(38% 45% at 88% 12%,rgba(122,92,255,.18),transparent 70%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/56px 56px}
.scenario-panel,.approval-demo>div:last-child,.solutions-workspace>div:last-child,.faq details{background:color-mix(in srgb,var(--panel) 78%,transparent)!important;backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 30px 80px -40px rgba(40,30,90,.25);border-radius:18px}
.photo-card{border-radius:18px!important;overflow:hidden;transition:transform .7s cubic-bezier(.2,.7,.1,1),box-shadow .7s}
.photo-card:hover{transform:translateY(-6px);box-shadow:0 40px 80px -40px rgba(20,10,60,.55)}
.photo-card img{transition:transform 1.6s cubic-bezier(.2,.7,.1,1)}.photo-card:hover img{transform:scale(1.06)}
/* lime only for action */
.closing h2 span{background:linear-gradient(90deg,#fff,var(--violet-soft));-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* closing ghost moment */
.closing{background:radial-gradient(40% 60% at 78% 50%,rgba(122,92,255,.32),transparent 70%),var(--ink)!important}
.closing .cine-glow{grid-column:2;grid-row:1/span 5;justify-self:center;align-self:center;position:relative;width:min(420px,100%);aspect-ratio:1;display:grid;place-items:center}
.closing .cine-glow:before{content:"";position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(122,92,255,.55),transparent 30%,rgba(196,255,57,.25),transparent 60%,rgba(122,92,255,.4),transparent);filter:blur(28px);animation:spin 18s linear infinite}
.closing .cine-glow:after{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(185,168,255,.45),transparent);animation:breathe 5s ease-in-out infinite}
.closing .cine-glow .closing-ghost{grid-column:auto!important;grid-row:auto!important;position:relative;z-index:1;width:78%!important}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
/* scroll-driven reveals + parallax */
@supports (animation-timeline: view()){
 .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
 .hero .cine-video{animation:px linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
 .hero-copy{animation:fadeout linear both;animation-timeline:view();animation-range:exit 10% exit 80%}
}
@keyframes rv{from{opacity:0;transform:translateY(42px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes px{to{transform:translateY(18%) scale(1.08)}}
@keyframes fadeout{to{opacity:0;transform:translateY(-40px)}}
@supports not (animation-timeline: view()){
 html.cine-js .rv{opacity:0;transform:translateY(36px);transition:opacity .5s cubic-bezier(.2,.7,.1,1),transform 1s cubic-bezier(.2,.7,.1,1)}
 html.cine-js .rv.in{opacity:1;transform:none}
}
@media (max-width:860px){.closing .cine-glow{grid-column:1;grid-row:auto;order:-1;width:230px;justify-self:start}}
@media (prefers-reduced-motion:reduce){.rv,.hero .cine-video,.hero-copy,.technology:before,.closing .cine-glow:before,.closing .cine-glow:after{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}html.cine-js .rv{opacity:1;transform:none}}
@media print{.cine-video{display:none}}
.technology .integration-center{background:radial-gradient(closest-side,rgba(122,92,255,.35),rgba(13,11,26,.9))!important;border:1px solid rgba(185,168,255,.35)!important;color:#fff!important;box-shadow:0 0 80px rgba(122,92,255,.35)}
.technology .integration-center small{color:#cfc6ff!important}
.technology .integration-pulse{border-color:rgba(185,168,255,.4)!important}
.technology .tech-details article{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px}
.technology,.security-detail,.interlude,.closing,.reference-platform{overflow:hidden}
html,body{overflow-x:clip}
/* v10: jets sky in the platform band, readable overlays */
.platform-backdrop .cine-video{background-image:url(assets/video/jets-poster.jpg?v=10)!important}
.platform-backdrop .cine-video video{object-position:center 40%}
.platform-backdrop .cine-video{filter:saturate(1.05)}
.platform-backdrop:after{background:radial-gradient(48% 42% at 50% 42%,rgba(7,6,15,.55),transparent 75%),linear-gradient(180deg,rgba(7,6,15,.1) 40%,rgba(7,6,15,.75))!important}
.hero .cine-video:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,7,14,.75),transparent 55%),linear-gradient(90deg,rgba(8,7,14,.55),transparent 70%)}
[dir=rtl] .hero .cine-video:after{background:linear-gradient(0deg,rgba(8,7,14,.75),transparent 55%),linear-gradient(270deg,rgba(8,7,14,.55),transparent 70%)}