@charset "UTF-8";

/* GEXYRAL HOME HERO VIDEO V2 - foreground readability
 * Loaded after the home style bundle. The video replaces the original static
 * hero background while the poster remains the low-cost initial/fallback frame.
 */
.gexyral-ai-clean-hero .gexyral-hero-video-layer{
  position:absolute;
  inset:0;
  overflow:hidden;
  opacity:1;
  transform:none;
  animation:none;
  background-color:#020611!important;
  background-image:url('../media/hero/hero-poster-914c4a812ba3.webp')!important;
  background-size:cover!important;
  background-position:center 50%!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  contain:paint;
}
.gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  opacity:0;
  filter:saturate(.74) brightness(.42) contrast(.96);
  transform:translateZ(0);
  transition:opacity .45s ease;
  pointer-events:none;
}
.gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video.is-playing{
  opacity:1;
}
.gexyral-ai-clean-hero .gexyral-hero-video-layer::before,
.gexyral-ai-clean-hero .gexyral-hero-video-layer::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.gexyral-ai-clean-hero .gexyral-hero-video-layer::before{
  background:
    radial-gradient(ellipse at 50% 42%,
      rgba(2,7,18,.34) 0%,
      rgba(2,7,18,.54) 46%,
      rgba(1,5,14,.82) 88%),
    linear-gradient(180deg,
      rgba(2,6,17,.46) 0%,
      rgba(2,6,17,.32) 42%,
      rgba(2,6,17,.74) 100%);
}
.gexyral-ai-clean-hero .gexyral-hero-video-layer::after{
  background:
    linear-gradient(90deg,
      rgba(2,6,17,.66) 0%,
      rgba(2,6,17,.30) 20%,
      rgba(2,6,17,.36) 50%,
      rgba(2,6,17,.30) 80%,
      rgba(2,6,17,.70) 100%);
}
.gexyral-ai-clean-hero .gexyral-hero-content{
  position:relative;
  z-index:3;
}
.gexyral-ai-clean-hero h1{
  text-shadow:
    0 3px 18px rgba(0,0,0,.58),
    0 28px 74px rgba(0,0,0,.46)!important;
}
.gexyral-ai-clean-hero .gexyral-eyebrow{
  color:#78c5ff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.62);
}
.gexyral-ai-clean-hero .gexyral-vnext03r-core-line{
  color:#f7fbff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.70);
}
.gexyral-ai-clean-hero .gexyral-hero-lead{
  color:#d7e2ef!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72);
}
.gexyral-ai-clean-hero .gexyral-ai-clean-note{
  color:#c2cede!important;
  text-shadow:0 2px 10px rgba(0,0,0,.66);
}
.gexyral-ai-clean-hero .gexyral-trust-row span{
  color:#d0dae7!important;
  text-shadow:0 2px 10px rgba(0,0,0,.62);
}
html.gexyral-save-data .gexyral-ai-clean-hero .gexyral-hero-video,
html.gexyral-document-hidden .gexyral-ai-clean-hero .gexyral-hero-video{
  visibility:hidden;
}
@media (prefers-reduced-motion:reduce){
  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    display:none!important;
  }
}
@media (max-width:860px){
  .gexyral-ai-clean-hero .gexyral-hero-video-layer{
    background-position:center center!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    object-position:center center;
  }
}


/* GEXYRAL HOME HERO VIDEO V3
 * Further improve foreground clarity so the video remains purely supportive.
 */
.gexyral-ai-clean-hero .gexyral-diagnose-card{
  background:rgba(6,15,31,.86)!important;
  border-color:rgba(93,142,220,.24)!important;
  box-shadow:0 20px 80px rgba(1,4,10,.38), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.gexyral-ai-clean-hero .gexyral-prompts button{
  color:#d4e1f1!important;
}
.gexyral-ai-clean-hero .gexyral-scroll-cue b,
.gexyral-ai-clean-hero .gexyral-scroll-cue span{
  text-shadow:0 2px 10px rgba(0,0,0,.72);
}

/* Default-collapse the right floating guide on all desktop viewports where it is shown. */
@media (min-width:1101px){
  .gexyral-chapter-guide{
    right:0!important;
    top:50%!important;
    width:198px!important;
    max-height:calc(100svh - 48px);
    padding:16px 13px 14px!important;
    border-right:0;
    border-radius:24px 0 0 24px!important;
    overflow:visible!important;
    transform:translate(100%,-50%)!important;
    box-shadow:0 24px 76px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
  }
  .gexyral-chapter-guide-toggle{
    display:flex!important;
    flex-direction:column;
  }
  .gexyral-chapter-guide-head,
  .gexyral-chapter-guide nav,
  .gexyral-chapter-guide-foot{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease, visibility .18s ease;
  }
  .gexyral-chapter-guide.is-open{
    transform:translate(0,-50%)!important;
    border-color:rgba(92,170,255,.36);
  }
  .gexyral-chapter-guide.is-open .gexyral-chapter-guide-head,
  .gexyral-chapter-guide.is-open nav,
  .gexyral-chapter-guide.is-open .gexyral-chapter-guide-foot{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .gexyral-chapter-guide.is-open .gexyral-chapter-guide-toggle i{
    transform:rotate(45deg);
  }
}
@media (min-width:1101px) and (max-width:1520px){
  .gexyral-chapter-guide.is-open .gexyral-chapter-guide-head span,
  .gexyral-chapter-guide.is-open .gexyral-chapter-guide-head strong,
  .gexyral-chapter-guide.is-open a b,
  .gexyral-chapter-guide.is-open a span,
  .gexyral-chapter-guide.is-open .gexyral-chapter-guide-foot em{
    display:block!important;
  }
  .gexyral-chapter-guide.is-open .gexyral-chapter-guide-head::after{
    content:none!important;
    display:none!important;
  }
  .gexyral-chapter-guide.is-open .gexyral-chapter-guide-head{
    height:auto!important;
    padding:5px 7px 13px!important;
  }
  .gexyral-chapter-guide.is-open a{
    grid-template-columns:13px 25px minmax(0,1fr)!important;
    justify-items:stretch!important;
    gap:5px!important;
    padding:0 6px!important;
  }
  .gexyral-chapter-guide.is-open a i{
    margin-left:4px!important;
  }
  .gexyral-chapter-guide.is-open a span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .gexyral-chapter-guide.is-open .gexyral-chapter-guide-foot{
    justify-content:flex-start!important;
    padding:11px 7px 0!important;
  }
}
@media (min-width:1521px){
  .gexyral-chapter-guide-head span{font-size:8px}
  .gexyral-chapter-guide-head strong{font-size:14px}
  .gexyral-chapter-guide a{height:32px;grid-template-columns:13px 25px 1fr;gap:5px;padding:0 6px}
  .gexyral-chapter-guide a b{font-size:9px}
  .gexyral-chapter-guide a span{font-size:12px}
}


/* GEXYRAL HOME HERO VIDEO V4
 * Desktop width rhythm: one hero content frame, one composer width authority.
 * The headline/copy keep readable line lengths, but the interaction module
 * aligns to the same 1080px hero frame instead of the older 980/900px caps.
 */
@media (min-width:861px){
  .gexyral-ai-clean-hero{
    --gexyral-hero-frame:1080px;
  }
  .gexyral-ai-clean-hero .gexyral-hero-content{
    width:min(1180px,calc(100% - 96px));
    max-width:1180px;
  }
  .gexyral-ai-clean-hero .gexyral-ai-clean-shell{
    width:100%;
    max-width:var(--gexyral-hero-frame)!important;
  }
  .gexyral-ai-clean-hero .gexyral-diagnose-card.gexyral-ai-composer{
    width:100%!important;
    max-width:var(--gexyral-hero-frame)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .gexyral-ai-clean-hero .gexyral-ai-clean-note{
    width:100%;
    max-width:var(--gexyral-hero-frame)!important;
  }
  .gexyral-ai-clean-hero .gexyral-trust-row{
    max-width:var(--gexyral-hero-frame)!important;
  }
}
@media (min-width:861px) and (max-width:1280px){
  .gexyral-ai-clean-hero .gexyral-hero-content{
    width:min(var(--gexyral-hero-frame),calc(100% - 72px))!important;
  }
  .gexyral-ai-clean-hero .gexyral-diagnose-card.gexyral-ai-composer{
    max-width:100%!important;
  }
}

/* GEXYRAL HOME HERO VIDEO V4 MOBILE VISIBILITY BEGIN
 * PC is frozen. These rules only increase mobile video visibility while
 * keeping a local dark field behind foreground copy for readability.
 */
@media (max-width:860px){
  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    filter:saturate(.90) brightness(.68) contrast(1.01)!important;
    object-position:center center!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-video-layer::before{
    background:
      radial-gradient(ellipse at 50% 36%,
        rgba(2,7,18,.38) 0%,
        rgba(2,7,18,.32) 38%,
        rgba(2,7,18,.20) 72%,
        rgba(2,7,18,.14) 100%),
      linear-gradient(180deg,
        rgba(2,6,17,.22) 0%,
        rgba(2,6,17,.12) 42%,
        rgba(2,6,17,.44) 100%)!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-video-layer::after{
    background:
      linear-gradient(90deg,
        rgba(2,6,17,.30) 0%,
        rgba(2,6,17,.12) 22%,
        rgba(2,6,17,.10) 50%,
        rgba(2,6,17,.12) 78%,
        rgba(2,6,17,.32) 100%)!important;
  }
  .gexyral-ai-clean-hero h1{
    color:#fbfdff!important;
    text-shadow:
      0 3px 16px rgba(0,0,0,.72),
      0 18px 48px rgba(0,0,0,.42)!important;
  }
  .gexyral-ai-clean-hero .gexyral-vnext03r-core-line{
    color:#f7fbff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.76)!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-lead{
    color:#dbe6f2!important;
    text-shadow:0 2px 10px rgba(0,0,0,.78)!important;
  }
  .gexyral-ai-clean-hero .gexyral-diagnose-card{
    background:rgba(5,14,30,.90)!important;
    border-color:rgba(99,154,235,.28)!important;
    box-shadow:0 18px 56px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
}
@media (max-width:480px){
  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    filter:saturate(.94) brightness(.72) contrast(1.02)!important;
  }
}
/* GEXYRAL HOME HERO VIDEO V4 MOBILE VISIBILITY END */
/* GEXYRAL HOME HERO VIDEO V5 MOBILE CROPPING BEGIN
 * PC stays frozen. These rules only reshape the hero on mobile so the video
 * feels native to portrait screens rather than a desktop crop.
 */
@media (max-width:860px){
  .gexyral-ai-clean-hero{
    min-height:760px!important;
    padding-top:18px!important;
    padding-bottom:calc(26px + env(safe-area-inset-bottom))!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-content{
    width:calc(100% - 20px)!important;
    padding-top:18px!important;
    padding-bottom:0!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-video-layer{
    overflow:hidden!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    object-fit:cover!important;
    object-position:58% 20%!important;
    transform:scale(1.16)!important;
  }
  .gexyral-ai-clean-hero h1{
    margin-top:0!important;
    margin-bottom:6px!important;
  }
  .gexyral-ai-clean-hero .gexyral-vnext03r-core-line{
    margin-top:8px!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-lead{
    margin:8px auto 14px!important;
  }
  .gexyral-ai-clean-hero .gexyral-diagnose-card.gexyral-ai-composer{
    margin-top:0!important;
    max-width:none!important;
  }
}
@media (max-width:620px){
  .gexyral-ai-clean-hero{
    min-height:730px!important;
    padding-top:14px!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    object-position:60% 18%!important;
    transform:scale(1.19)!important;
  }
}
@media (max-width:480px){
  .gexyral-ai-clean-hero{
    min-height:700px!important;
    padding-top:10px!important;
    padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-content{
    width:calc(100% - 18px)!important;
    padding-top:14px!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    object-position:62% 17%!important;
    transform:scale(1.22)!important;
  }
  .gexyral-ai-clean-hero .gexyral-hero-lead{
    margin-bottom:12px!important;
  }
}
/* GEXYRAL HOME HERO VIDEO V5 MOBILE CROPPING END */
/* GEXYRAL HOME HERO VIDEO V5-R1 MOBILE LAYOUT CORRECTION BEGIN
 * Correct the V5 visual regression:
 * 1) never force the whole portrait hero to behave like a full-height video canvas;
 * 2) keep the landscape video in a short top media band;
 * 3) restore safe top clearance below the mobile header;
 * 4) leave PC rules untouched.
 */
@media (max-width:860px){
  .gexyral-ai-clean-hero{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    padding:0 0 calc(28px + env(safe-area-inset-bottom))!important;
    background:#020814!important;
    overflow:hidden!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-video-layer{
    inset:0 0 auto 0!important;
    width:100%!important;
    height:clamp(235px,62vw,310px)!important;
    min-height:0!important;
    overflow:hidden!important;
    transform:none!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 46%!important;
    transform:none!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-video-layer::before{
    background:
      linear-gradient(180deg,
        rgba(2,7,18,.16) 0%,
        rgba(2,7,18,.20) 52%,
        rgba(2,8,20,.66) 82%,
        #020814 100%)!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-video-layer::after{
    background:
      linear-gradient(90deg,
        rgba(2,6,17,.26) 0%,
        rgba(2,6,17,.08) 20%,
        rgba(2,6,17,.08) 80%,
        rgba(2,6,17,.28) 100%)!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-content{
    position:relative!important;
    z-index:3!important;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    padding-top:112px!important;
    padding-bottom:0!important;
    margin:0 auto!important;
  }

  .gexyral-ai-clean-hero .gexyral-eyebrow{
    margin-top:0!important;
  }

  .gexyral-ai-clean-hero h1{
    margin-top:0!important;
  }
}

@media (max-width:620px){
  .gexyral-ai-clean-hero{
    min-height:0!important;
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-video-layer{
    height:clamp(225px,64vw,285px)!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    object-position:50% 44%!important;
    transform:none!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-content{
    padding-top:108px!important;
  }
}

@media (max-width:480px){
  .gexyral-ai-clean-hero{
    min-height:0!important;
    padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-video-layer{
    height:clamp(215px,66vw,265px)!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    object-position:50% 42%!important;
    transform:none!important;
  }

  .gexyral-ai-clean-hero .gexyral-hero-content{
    width:calc(100% - 18px)!important;
    padding-top:104px!important;
  }
}
/* GEXYRAL HOME HERO VIDEO V5-R1 MOBILE LAYOUT CORRECTION END */
/* GEXYRAL HOME HERO VIDEO V6 STARTUP ANTI-FLASH BEGIN
 * Match the poster luminance to the running video's dark presentation.
 * This removes the bright first-paint -> dark-video jump.
 */
.gexyral-ai-clean-hero .gexyral-hero-video-layer{
  background-color:#020611!important;
  background-image:
    linear-gradient(rgba(2,6,17,.56),rgba(2,6,17,.56)),
    url('../media/hero/hero-poster-914c4a812ba3.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
  transition:opacity .16s linear!important;
}
@media (max-width:860px){
  .gexyral-ai-clean-hero .gexyral-hero-video-layer{
    background-image:
      linear-gradient(rgba(2,6,17,.30),rgba(2,6,17,.30)),
      url('../media/hero/hero-poster-914c4a812ba3.webp')!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .gexyral-ai-clean-hero .gexyral-hero-video-layer .gexyral-hero-video{
    transition:none!important;
  }
}
/* GEXYRAL HOME HERO VIDEO V6 STARTUP ANTI-FLASH END */