/* SoniqBrand Studio v5.9.2 - Cinematic Scroll Hero */
.sb-hero-cinematic{
  --sb-cine-nav:78px;
  --sb-cine-scroll:520;
  --sb-cine-overlay:#090d19;
  --sb-cine-overlay-opacity:.28;
  position:relative!important;
  display:block!important;
  min-height:calc(100svh - var(--sb-cine-nav))!important;
  height:auto!important;
  overflow:visible!important;
  background:#070a13!important;
  color:#fff!important;
  isolation:isolate;
}
.sb-hero-cinematic.is-scroll-ready{min-height:calc(var(--sb-cine-scroll) * 1vh)!important}
.sb-hero-cinematic-stage{
  position:sticky;
  top:var(--sb-cine-nav);
  height:calc(100vh - var(--sb-cine-nav));
  min-height:min(760px,calc(100vh - var(--sb-cine-nav)));
  overflow:hidden;
  background:#070a13;
  display:grid;
  align-items:center;
  contain:layout paint;
}
.sb-hero-cinematic-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#070a13;transform:translateZ(0)}
.sb-hero-cinematic-frame,.sb-hero-cinematic-blur{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;user-select:none}
.sb-hero-cinematic-frame{object-fit:cover;object-position:center center;z-index:2;transform:scale(var(--sb-cine-scale,1.015)) translate3d(0,var(--sb-cine-y,0),0);will-change:transform,opacity;backface-visibility:hidden}
.sb-hero-cinematic-blur{display:none;object-fit:cover;z-index:1;filter:blur(24px) saturate(1.12);transform:scale(1.12);opacity:.72}
.sb-hero-cinematic-vignette{position:absolute;inset:-1px;z-index:3;background:linear-gradient(90deg,rgba(4,6,14,.78) 0%,rgba(4,6,14,.42) 34%,rgba(4,6,14,.12) 58%,rgba(4,6,14,.2) 100%),linear-gradient(180deg,rgba(4,6,14,.16),rgba(4,6,14,.04) 55%,rgba(4,6,14,.5));pointer-events:none}
.sb-hero-cinematic-shade{position:absolute;inset:0;z-index:4;background:var(--sb-cine-overlay);opacity:var(--sb-cine-overlay-opacity);pointer-events:none}
.sb-hero-cinematic-noise{position:absolute;inset:0;z-index:5;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.sb-hero-cinematic .sb-hero-content{position:relative;z-index:10;width:min(1180px,calc(100% - 48px));max-width:none!important;margin:0 auto;padding:clamp(72px,8vh,120px) 0 110px;transition:opacity .18s linear,transform .18s linear;will-change:opacity,transform}
.sb-hero-cinematic .sb-hero-content-inner{max-width:min(760px,var(--sb-cine-copy,720px))}
.sb-hero-cinematic .sb-hero-content.text-center .sb-hero-content-inner{margin-inline:auto}.sb-hero-cinematic .sb-hero-content.text-right .sb-hero-content-inner{margin-inline-start:auto}
.sb-hero-cinematic .sb-hero-badge{background:rgba(8,11,25,.52)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 10px 35px rgba(0,0,0,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-transform:uppercase;letter-spacing:.075em}
.sb-hero-cinematic h1{max-width:850px;font-size:clamp(52px,7.1vw,118px)!important;line-height:.91!important;letter-spacing:-.075em!important;font-weight:900!important;margin:22px 0 24px!important;text-wrap:balance;text-shadow:0 12px 45px rgba(0,0,0,.34)}
.sb-hero-cinematic .sb-hero-content p{max-width:650px;color:rgba(242,245,255,.88)!important;font-size:clamp(16px,1.35vw,20px)!important;line-height:1.65!important;text-shadow:0 5px 26px rgba(0,0,0,.42)}
.sb-hero-cinematic .sb-hero-buttons{margin-top:30px;gap:10px}
.sb-hero-cinematic .btn-main,.sb-hero-cinematic .btn-ghost{min-height:54px;padding-inline:22px;border-radius:15px;box-shadow:0 16px 45px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sb-hero-cinematic .btn-main{background:linear-gradient(100deg,#D600DC 0%,#6D5DFC 50%,#1747D5 100%);box-shadow:0 17px 48px rgba(109,93,252,.36)}
.sb-hero-cinematic .btn-ghost{background:rgba(7,10,19,.42)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
.sb-hero-cinematic .sb-hero-metrics{margin-top:34px;gap:8px}
.sb-hero-cinematic .sb-hero-metrics>div{min-width:128px;padding:11px 14px;background:rgba(7,10,19,.36)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sb-hero-cinematic .sb-hero-metrics b{font-size:20px}.sb-hero-cinematic .sb-hero-metrics small{color:rgba(235,239,255,.68)!important}
.sb-hero-cinematic-progress{position:absolute;z-index:14;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.11);overflow:hidden}.sb-hero-cinematic-progress>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#D600DC,#9C48FF 45%,#00C2FF);box-shadow:0 0 18px rgba(0,194,255,.65);will-change:transform}[dir="rtl"] .sb-hero-cinematic-progress>span{transform-origin:right center}
.sb-hero-cinematic-scenes{position:absolute;z-index:12;right:max(24px,calc((100vw - 1180px)/2));top:50%;transform:translateY(-50%);display:grid;gap:14px;padding:16px 13px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(8,11,23,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sb-hero-cinematic-scenes span{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:rgba(236,241,255,.45);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:.25s ease}.sb-hero-cinematic-scenes span:after{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 0 rgba(109,93,252,0);transition:.25s ease}.sb-hero-cinematic-scenes span.is-active{color:#fff}.sb-hero-cinematic-scenes span.is-active:after{background:#9C48FF;box-shadow:0 0 0 5px rgba(156,72,255,.16),0 0 22px #00c2ff88}
.sb-hero-cinematic-scrollcue{position:absolute;z-index:12;left:50%;bottom:30px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.72);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;transition:opacity .2s ease}.sb-hero-cinematic-scrollcue i{font-size:12px;animation:sbHeroCue 1.6s ease-in-out infinite}@keyframes sbHeroCue{0%,100%{transform:translateY(-2px);opacity:.55}50%{transform:translateY(4px);opacity:1}}
.sb-hero-cinematic-endcap{position:absolute;z-index:11;left:50%;bottom:clamp(60px,8vh,100px);width:min(760px,calc(100% - 42px));transform:translate3d(-50%,30px,0);text-align:center;opacity:0;pointer-events:none;transition:opacity .14s linear,transform .14s linear}.sb-hero-cinematic-endcap.is-visible{pointer-events:auto}.sb-hero-cinematic-endcap>span{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,10,19,.38);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#d9dded;backdrop-filter:blur(10px)}.sb-hero-cinematic-endcap h2{font-size:clamp(38px,5.3vw,78px);line-height:.96;letter-spacing:-.06em;font-weight:900;margin:15px 0 12px;color:#fff;text-shadow:0 10px 42px rgba(0,0,0,.4)}.sb-hero-cinematic-endcap p{max-width:600px;margin:0 auto 18px;color:rgba(239,243,255,.76);font-size:15px;line-height:1.6}.sb-hero-cinematic-endcap .btn{pointer-events:auto}
.sb-hero-cinematic[data-ready="0"] .sb-hero-cinematic-frame{opacity:.98}.sb-hero-cinematic[data-ready="1"] .sb-hero-cinematic-frame{opacity:1}
.sb-hero-cinematic noscript .sb-cinematic-noscript{position:absolute;inset:0;z-index:18;display:grid;place-items:end start;padding:40px;background:linear-gradient(90deg,#060814bb,#06081420)}
.hero-preview .sb-hero-cinematic{min-height:310px!important;height:310px!important;overflow:hidden!important}.hero-preview .sb-hero-cinematic-stage{position:relative!important;top:auto!important;height:310px!important;min-height:310px!important}.hero-preview .sb-hero-cinematic-scenes,.hero-preview .sb-hero-cinematic-scrollcue,.hero-preview .sb-hero-cinematic-endcap{display:none!important}.hero-preview .sb-hero-cinematic .sb-hero-content{padding:28px 34px!important}.hero-preview .sb-hero-cinematic-frame{object-fit:cover}
@media(max-width:1100px){.sb-hero-cinematic-scenes{right:18px}.sb-hero-cinematic .sb-hero-content{width:min(92vw,900px);padding-right:90px}.sb-hero-cinematic h1{font-size:clamp(50px,8.3vw,88px)!important}}
@media(max-width:991px){.sb-hero-cinematic{--sb-cine-nav:66px}.sb-hero-cinematic-stage{height:calc(100svh - var(--sb-cine-nav));min-height:calc(100svh - var(--sb-cine-nav))}.sb-hero-cinematic-media{background:#080b15}.sb-hero-cinematic-blur{display:block}.sb-hero-cinematic-frame{object-fit:contain;object-position:center center;filter:drop-shadow(0 28px 55px rgba(0,0,0,.18));transform:scale(var(--sb-cine-scale,1)) translate3d(0,var(--sb-cine-y,0),0)}.sb-hero-cinematic-vignette{background:linear-gradient(180deg,rgba(4,6,14,.4) 0%,rgba(4,6,14,.08) 40%,rgba(4,6,14,.62) 100%),linear-gradient(90deg,rgba(4,6,14,.35),transparent 45%,rgba(4,6,14,.25))}.sb-hero-cinematic .sb-hero-content{width:calc(100% - 34px);padding:56px 0 120px!important;align-self:end}.sb-hero-cinematic .sb-hero-content-inner{max-width:680px}.sb-hero-cinematic h1{font-size:clamp(44px,10.8vw,74px)!important;max-width:680px}.sb-hero-cinematic .sb-hero-content p{font-size:15px!important;max-width:580px}.sb-hero-cinematic-scenes{top:22px;right:16px;transform:none;display:flex;gap:7px;padding:8px 10px;border-radius:999px}.sb-hero-cinematic-scenes span{font-size:0;gap:0}.sb-hero-cinematic-scenes span:after{width:6px;height:6px}.sb-hero-cinematic-scrollcue{bottom:18px}.sb-hero-cinematic-endcap{bottom:48px}.sb-hero-cinematic-endcap h2{font-size:clamp(38px,8vw,62px)}}
@media(max-width:600px){.sb-hero-cinematic{--sb-cine-scroll:430}.sb-hero-cinematic .sb-hero-content{padding:40px 0 96px!important}.sb-hero-cinematic h1{font-size:clamp(42px,13vw,62px)!important;letter-spacing:-.065em!important}.sb-hero-cinematic .sb-hero-content p{font-size:14px!important;line-height:1.55!important}.sb-hero-cinematic .sb-hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sb-hero-cinematic .sb-hero-buttons .btn{width:100%;min-height:49px;padding:10px 12px;font-size:12px}.sb-hero-cinematic .sb-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;gap:6px;margin-top:18px}.sb-hero-cinematic .sb-hero-metrics>div{min-width:0;padding:8px}.sb-hero-cinematic .sb-hero-metrics b{font-size:16px}.sb-hero-cinematic .sb-hero-metrics small{font-size:7px}.sb-hero-cinematic-scrollcue{font-size:8px}.sb-hero-cinematic-endcap{bottom:40px}.sb-hero-cinematic-endcap p{font-size:13px}.sb-hero-cinematic-endcap .btn{width:100%;min-height:48px}.sb-hero-cinematic-noise{opacity:.045}}
html[dir="rtl"] .sb-hero-cinematic,html[lang="ar"] .sb-hero-cinematic{font-family:Cairo,sans-serif}html[dir="rtl"] .sb-hero-cinematic h1,html[dir="rtl"] .sb-hero-cinematic h2,html[lang="ar"] .sb-hero-cinematic h1,html[lang="ar"] .sb-hero-cinematic h2{letter-spacing:0!important}.sb-hero-cinematic .text-right{text-align:right}.sb-hero-cinematic .text-center{text-align:center}
@media(prefers-reduced-motion:reduce){.sb-hero-cinematic{min-height:calc(100svh - var(--sb-cine-nav))!important}.sb-hero-cinematic-stage{position:relative!important;top:auto!important}.sb-hero-cinematic-scrollcue,.sb-hero-cinematic-scenes,.sb-hero-cinematic-progress{display:none!important}.sb-hero-cinematic-frame{transform:none!important}.sb-hero-cinematic .sb-hero-content{opacity:1!important;transform:none!important}.sb-hero-cinematic-endcap{display:none!important}.sb-hero-cinematic-scrollcue i{animation:none!important}}

/* v5.9.2 Mobile Fix: keep the cinematic stage sticky in mobile Chrome and use the portrait viewport intentionally. */
@media(max-width:991px){
  html,body{overflow-x:clip!important}
  .sb-hero-cinematic.is-scroll-ready{min-height:320svh!important}
  .sb-hero-cinematic-stage{contain:paint;height:calc(100svh - var(--sb-cine-nav));min-height:calc(100svh - var(--sb-cine-nav));background:#070a13}
  .sb-hero-cinematic-media{background:#070a13}
  .sb-hero-cinematic-blur{display:block;object-fit:cover;filter:blur(34px) saturate(1.16);transform:scale(1.16);opacity:.48}
  .sb-hero-cinematic-frame{object-fit:cover;object-position:center center;filter:none;transform:scale(var(--sb-cine-scale,1.015)) translate3d(0,var(--sb-cine-y,0),0)}
  .sb-hero-cinematic-vignette{background:linear-gradient(180deg,rgba(4,6,14,.24) 0%,rgba(4,6,14,.06) 34%,rgba(4,6,14,.26) 58%,rgba(4,6,14,.82) 100%),linear-gradient(90deg,rgba(4,6,14,.18),transparent 48%,rgba(4,6,14,.14))}
  .sb-hero-cinematic .sb-hero-content{width:calc(100% - 32px);padding:0 0 max(76px,calc(env(safe-area-inset-bottom) + 64px))!important;align-self:end}
  .sb-hero-cinematic .sb-hero-content-inner{max-width:620px}
  .sb-hero-cinematic .sb-hero-badge{font-size:9px;padding:7px 10px;background:rgba(8,11,25,.48)!important}
  .sb-hero-cinematic h1{font-size:clamp(42px,11.8vw,64px)!important;line-height:.93!important;margin:16px 0 16px!important;max-width:620px}
  .sb-hero-cinematic .sb-hero-content p{font-size:14px!important;line-height:1.55!important;max-width:560px;color:rgba(245,247,255,.9)!important}
  .sb-hero-cinematic .sb-hero-buttons{margin-top:20px}
  .sb-hero-cinematic-scenes{top:16px;right:14px;background:rgba(7,10,19,.46);border-color:rgba(255,255,255,.16)}
  .sb-hero-cinematic-endcap{bottom:max(54px,calc(env(safe-area-inset-bottom) + 42px));width:calc(100% - 32px)}
  .sb-hero-cinematic-endcap h2{font-size:clamp(38px,10vw,58px);line-height:.95}
  .sb-hero-cinematic-progress{height:3px}
}
@media(max-width:600px){
  .sb-hero-cinematic.is-scroll-ready{min-height:300svh!important}
  .sb-hero-cinematic .sb-hero-content{padding-bottom:max(70px,calc(env(safe-area-inset-bottom) + 58px))!important}
  .sb-hero-cinematic h1{font-size:clamp(40px,12.6vw,52px)!important;letter-spacing:-.06em!important}
  .sb-hero-cinematic .sb-hero-buttons{grid-template-columns:1fr;gap:9px}
  .sb-hero-cinematic .sb-hero-buttons .btn{min-height:48px;font-size:13px}
  .sb-hero-cinematic-scrollcue{display:none}
  .sb-hero-cinematic-endcap{bottom:max(46px,calc(env(safe-area-inset-bottom) + 36px))}
  .sb-hero-cinematic-endcap>span{font-size:8px}
  .sb-hero-cinematic-endcap h2{font-size:clamp(36px,11vw,50px);margin-top:12px}
  .sb-hero-cinematic-endcap p{font-size:13px;line-height:1.5;margin-bottom:14px}
}

/* v5.9.4 performance pass: trim decorative work on constrained devices/data modes. */
.sb-hero-cinematic-endcap{content-visibility:auto;contain-intrinsic-size:1px 260px}
.sb-page-hidden .sb-hero-cinematic-scrollcue i{animation-play-state:paused!important}
@media(prefers-reduced-data:reduce){.sb-hero-cinematic-noise,.sb-hero-cinematic-blur{display:none!important}.sb-hero-cinematic-frame{filter:none!important}}