/* ZyroAI premium visual system. Loaded after each page's local styles. */
:root{
  --premium-ink:#090611;
  --premium-ink-2:#14101d;
  --premium-paper:#f7f7f5;
  --premium-white:#ffffff;
  --premium-violet:#6d28d9;
  --premium-violet-2:#8b5cf6;
  --premium-mint:#6ee7b7;
  --premium-line:rgba(17,12,29,.12);
  --premium-shadow:0 24px 70px rgba(13,8,27,.14);
  --premium-radius:18px;
  --premium-ease:cubic-bezier(.2,.8,.2,1);
}

html{background:var(--premium-paper)}
body.premium-theme{
  background:var(--premium-paper)!important;
  color:var(--premium-ink)!important;
  letter-spacing:0!important;
  text-rendering:optimizeLegibility;
}
body.premium-theme::after{opacity:.018!important}
body.premium-theme main{overflow:clip}
body.premium-theme .wrap{max-width:1240px}
body.premium-theme h1,
body.premium-theme h2,
body.premium-theme h3,
body.premium-theme h4{letter-spacing:0!important;text-wrap:balance}
body.premium-theme p{letter-spacing:0;text-wrap:pretty}
body.premium-theme img{height:auto}

/* Navigation */
body.premium-theme .announce{
  background:#0b0812!important;
  color:rgba(255,255,255,.78)!important;
  border-color:rgba(255,255,255,.08)!important;
}
body.premium-theme .announce a{color:#fff!important}
body.premium-theme .fx-top.show{padding:0!important}
body.premium-theme .made b{color:#c4b5fd!important}
body.premium-theme .announce .zrot b{color:#fff!important}
body.premium-theme .announce .tag{background:rgba(34,197,94,.16)!important;color:#86efac!important;border-color:rgba(134,239,172,.28)!important}
body.premium-theme .nav{
  background:rgba(250,250,248,.82)!important;
  border-bottom:1px solid rgba(20,15,31,.08)!important;
  box-shadow:0 8px 30px rgba(9,6,17,.04)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
}
body.premium-theme .nav-in{min-height:72px}
body.premium-theme .nav img{filter:none}
body.premium-theme .nav-links a,
body.premium-theme .nav-cta .ghost{color:#292233!important}
body.premium-theme .fx-menu-btn{
  background:#fff!important;
  border-color:rgba(12,8,21,.12)!important;
  box-shadow:0 8px 24px rgba(12,8,21,.08);
}

/* Commands */
body.premium-theme .btn{min-height:44px;border-radius:999px!important;font-weight:700!important;transition:transform .25s var(--premium-ease),box-shadow .25s var(--premium-ease),background .25s!important}
body.premium-theme .btn-pri{
  background:linear-gradient(120deg,#7c3aed,#5b21b6)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(109,40,217,.28),inset 0 1px rgba(255,255,255,.25)!important;
}
body.premium-theme .btn-pri:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(109,40,217,.36),inset 0 1px rgba(255,255,255,.28)!important}
body.premium-theme .btn-sec{background:rgba(255,255,255,.82)!important;border-color:rgba(18,12,31,.16)!important;color:#171020!important;backdrop-filter:blur(12px)}
body.premium-theme .btn-sec:hover{transform:translateY(-2px);border-color:rgba(109,40,217,.38)!important;box-shadow:0 12px 28px rgba(20,10,42,.1)}

/* Full-bleed photographic heroes */
body.premium-theme .premium-hero{
  --premium-hero-image:url('/assets/zyroai-ops-hero.jpg');
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background-color:#0b0812!important;
  background-image:
    linear-gradient(90deg,rgba(7,5,13,.98) 0%,rgba(8,5,15,.91) 38%,rgba(8,5,15,.44) 68%,rgba(8,5,15,.20) 100%),
    var(--premium-hero-image)!important;
  background-size:cover!important;
  background-position:center!important;
  color:#fff!important;
  border:0!important;
}
body.premium-theme .premium-hero::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none;
  background:
    radial-gradient(800px 500px at 78% 30%,rgba(124,58,237,.18),transparent 62%),
    linear-gradient(180deg,transparent 60%,rgba(7,5,13,.7))!important;
}
body.premium-theme .premium-hero::after{
  content:''!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:1px!important;
  z-index:5!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)!important;
  opacity:1!important;
}
body.premium-theme .premium-hero>.wrap,
body.premium-theme .premium-hero>.container{position:relative;z-index:2;width:100%}
body.premium-theme .premium-hero h1,
body.premium-theme .premium-hero h2,
body.premium-theme .premium-hero h3{color:#fff!important;text-shadow:0 2px 22px rgba(0,0,0,.25)}
body.premium-theme .premium-hero .grad{
  background:linear-gradient(110deg,#c4b5fd,#fff 52%,#6ee7b7)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.premium-theme .premium-hero p,
body.premium-theme .premium-hero .lead,
body.premium-theme .premium-hero .hero-sub,
body.premium-theme .premium-hero .meta,
body.premium-theme .premium-hero li{color:rgba(255,255,255,.86)!important;text-shadow:0 1px 16px rgba(0,0,0,.42)}
body.premium-theme .premium-hero b,
body.premium-theme .premium-hero strong{color:#fff!important}
body.premium-theme .premium-hero .hero-rate{color:rgba(255,255,255,.78)!important;text-shadow:0 1px 12px rgba(0,0,0,.5)}
body.premium-theme .premium-hero .hero-rate b{color:#fff!important}
body.premium-theme .premium-hero .hero-rate .div{background:rgba(255,255,255,.3)!important}
body.premium-theme .premium-hero .eyebrow,
body.premium-theme .premium-hero .u-kick,
body.premium-theme .premium-hero .s-flag{color:#c4b5fd!important}
body.premium-theme .premium-hero .eyebrow::before{background:#8b5cf6!important}
body.premium-theme .premium-hero .fx-aurora{opacity:.34}
body.premium-theme .premium-hero .fx-aurora span{filter:blur(110px)!important}
body.premium-theme .premium-hero .btn-sec{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}

body.premium-theme .hero{min-height:760px;padding:88px 0 72px!important;display:block!important}
body.premium-theme .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr)!important;gap:52px!important}
body.premium-theme .hero h1{font-size:clamp(48px,6vw,78px)!important;line-height:.98!important;max-width:760px}
body.premium-theme .hero-sub{font-size:18px!important;max-width:620px!important}
body.premium-theme .hero-stats{background:rgba(13,9,24,.64)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(20px)!important;box-shadow:0 24px 60px rgba(0,0,0,.25)!important}
body.premium-theme .hero-stats .st{border-color:rgba(255,255,255,.12)!important}
body.premium-theme .hero-stats .num{color:#fff!important}
body.premium-theme .hero-stats .cap{color:rgba(255,255,255,.55)!important}
body.premium-theme .hero .mock,
body.premium-theme .hero .win,
body.premium-theme .hero [class*='console']{
  box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.14)!important;
}

body.premium-theme .p-hero,
body.premium-theme .s-hero,
body.premium-theme .u-hero{padding:96px 0 78px!important;min-height:610px;display:block!important}
body.premium-theme .p-hero h1,
body.premium-theme .s-hero h1,
body.premium-theme .u-hero h1{font-size:clamp(44px,5.6vw,72px)!important;line-height:1!important}
body.premium-theme .p-hero .win,
body.premium-theme .s-hero .win,
body.premium-theme .u-hero .win{
  background:rgba(13,9,24,.78)!important;
  border-color:rgba(255,255,255,.15)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(18px);
}
body.premium-theme .premium-hero .u-ribbon{background:rgba(13,9,24,.76)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(18px)}
body.premium-theme .premium-hero .u-ribbon .c{border-color:rgba(255,255,255,.12)!important}
body.premium-theme .premium-hero .u-ribbon .n{color:#fff!important}
body.premium-theme .premium-hero .u-ribbon .lab{color:rgba(255,255,255,.58)!important}

/* Content rhythm and premium surfaces */
body.premium-theme .sect,
body.premium-theme .zx-sec{padding-top:104px!important;padding-bottom:104px!important}
body.premium-theme .sect.alt,
body.premium-theme section.alt{background:#efefec!important;border-color:var(--premium-line)!important}
body.premium-theme .sec-head h2,
body.premium-theme .sh h2,
body.premium-theme .band-head h2{font-size:clamp(34px,4.5vw,58px)!important;line-height:1.02!important}
body.premium-theme .eyebrow{color:#6635bd!important;letter-spacing:1.4px!important}

body.premium-theme :is(.card,.pcard,.ind,.stage,.fcard,.zx-card,.zx-box,.wow,.pi-card){
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(18,12,31,.10)!important;
  border-radius:var(--premium-radius)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 12px 38px rgba(21,13,39,.06)!important;
  transition:transform .35s var(--premium-ease),box-shadow .35s var(--premium-ease),border-color .35s!important;
}
body.premium-theme :is(.card,.pcard,.ind,.stage,.fcard,.zx-card,.zx-box,.wow,.pi-card):hover{
  transform:translateY(-7px)!important;
  border-color:rgba(109,40,217,.24)!important;
  box-shadow:0 24px 60px rgba(21,13,39,.12)!important;
}
body.premium-theme :is(.card,.pcard,.ind,.stage,.fcard,.wow) .ic{
  background:#efe8ff!important;
  color:#5b21b6!important;
  border-radius:12px!important;
}
body.premium-theme .chip,
body.premium-theme .chips span,
body.premium-theme .tag{border-color:rgba(18,12,31,.12)!important;background:rgba(255,255,255,.72)!important}

body.premium-theme :is(.banner-img,.article-hero img,.zx-art img,.blog-card img,.post-hero img){
  border-radius:var(--premium-radius)!important;
  box-shadow:var(--premium-shadow)!important;
  object-fit:cover;
}
body.premium-theme .cta-card{
  background:
    linear-gradient(100deg,rgba(8,5,14,.98),rgba(8,5,14,.64)),
    url('/assets/zyroai-ops-hero.jpg') center 36%/cover!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:24px!important;
  box-shadow:0 34px 90px rgba(9,6,17,.22)!important;
}
body.premium-theme .cta-card h2{color:#fff!important}
body.premium-theme .cta-card p{color:rgba(255,255,255,.7)!important}

/* Footer */
body.premium-theme footer{
  background:#0a0710!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
}
body.premium-theme footer p,
body.premium-theme footer a,
body.premium-theme footer .made{color:rgba(255,255,255,.58)!important}
body.premium-theme footer a:hover{color:#fff!important}
body.premium-theme footer h3,
body.premium-theme footer h5{color:rgba(255,255,255,.4)!important}
body.premium-theme .foot-bot{border-color:rgba(255,255,255,.1)!important}

/* Cinematic load and scroll effects */
@keyframes premiumReveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
body.premium-theme.premium-ready .premium-hero>.wrap,
body.premium-theme.premium-ready .premium-hero>.container{animation:premiumReveal .85s var(--premium-ease) both}
body.premium-theme .premium-hero{background-position:calc(50% + var(--premium-shift,0px)) center!important;transition:background-position .35s ease-out}
body.premium-theme .reveal{transition-duration:.8s!important}

@media(max-width:980px){
  body.premium-theme .hero{min-height:auto;padding:72px 0 60px!important}
  body.premium-theme .hero-grid{grid-template-columns:1fr!important}
  body.premium-theme .p-hero,
  body.premium-theme .s-hero,
  body.premium-theme .u-hero{min-height:auto;padding:78px 0 62px!important}
  body.premium-theme .premium-hero{
    background-image:
      linear-gradient(90deg,rgba(7,5,13,.98) 0%,rgba(8,5,15,.88) 58%,rgba(8,5,15,.58) 100%),
      var(--premium-hero-image)!important;
    background-position:62% center!important;
  }
}

@media(max-width:600px){
  body.premium-theme .announce{font-size:11px!important}
  body.premium-theme .nav-in{min-height:64px;padding-top:10px!important;padding-bottom:10px!important}
  body.premium-theme .premium-hero{
    background-image:
      linear-gradient(180deg,rgba(7,5,13,.92) 0%,rgba(7,5,13,.94) 58%,rgba(7,5,13,.99) 100%),
      var(--premium-hero-image)!important;
    background-position:68% top!important;
  }
  body.premium-theme .hero{padding:62px 0 48px!important}
  body.premium-theme .hero h1,
  body.premium-theme .p-hero h1,
  body.premium-theme .s-hero h1,
  body.premium-theme .u-hero h1{font-size:clamp(38px,12vw,54px)!important;line-height:1.02!important}
  body.premium-theme .hero-sub,
  body.premium-theme .premium-hero .lead{font-size:16px!important}
  body.premium-theme .hero-cta,
  body.premium-theme .u-cta,
  body.premium-theme .p-hero .cta{gap:10px!important}
  body.premium-theme .hero-grid{gap:38px!important}
  body.premium-theme .hero-stats{grid-template-columns:1fr 1fr!important}
  body.premium-theme .hero-stats .st{padding:17px 15px!important}
  body.premium-theme .sect,
  body.premium-theme .zx-sec{padding-top:76px!important;padding-bottom:76px!important}
  body.premium-theme :is(.card,.pcard,.ind,.stage,.fcard,.zx-card,.zx-box,.wow,.pi-card){border-radius:14px!important}
  body.premium-theme .cta-card{border-radius:18px!important;padding:42px 22px!important}
}

@media(prefers-reduced-motion:reduce){
  body.premium-theme *,body.premium-theme *::before,body.premium-theme *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}