/* CAMADA-MED LIQUID GLASS V1 — iOS-inspired dark petrol glass, built for CAMADA-MED */
:root{
  --lg-black:#010403;
  --lg-abyss:#020807;
  --lg-petrol-1:#041a17;
  --lg-petrol-2:#082a24;
  --lg-petrol-3:#0d3b33;
  --lg-gold:#e9c86f;
  --lg-gold-hot:#fff0ae;
  --lg-ivory:#fff8e9;
  --lg-ink:#100b03;
  --lg-line:rgba(246,220,145,.28);
  --lg-line-hot:rgba(255,239,178,.58);
  --lg-fill:rgba(5,23,20,.63);
  --lg-fill-strong:rgba(3,15,13,.80);
  --lg-shadow:0 26px 90px rgba(0,0,0,.48),0 10px 32px rgba(0,20,17,.28);
  --lg-radius-xl:34px;
  --lg-radius-lg:28px;
  --lg-radius-md:22px;
  --lg-blur:24px;
  --lg-x:50%;
  --lg-y:0%;
}
html{background:var(--lg-black)}
body{
  background:
    radial-gradient(80% 62% at 12% -10%,rgba(18,98,82,.30),transparent 58%),
    radial-gradient(66% 50% at 88% 2%,rgba(232,193,94,.09),transparent 54%),
    linear-gradient(155deg,var(--lg-black) 0%,#03100e 38%,#06201b 62%,#010403 100%)!important;
  color-scheme:dark;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-8;
  pointer-events:none;
  background:
    radial-gradient(55% 42% at 42% 18%,rgba(16,92,76,.22),transparent 70%),
    radial-gradient(40% 34% at 76% 66%,rgba(7,63,54,.18),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 20%,rgba(0,0,0,.26));
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-7;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 28%,#000,transparent 78%);
}
.bg{
  background:
    radial-gradient(circle at 22% 8%,rgba(14,95,79,.40),transparent 32%),
    radial-gradient(circle at 84% 6%,rgba(232,193,94,.11),transparent 24%),
    linear-gradient(145deg,#010403 0%,#03110f 30%,#072720 56%,#020908 78%,#010302 100%)!important;
}
.bg::before{filter:blur(28px)!important;opacity:.76!important}
.bg::after{opacity:.30!important}

/* Remove legacy full-page sweeps: reflections now live inside each glass object. */
.cm-diamond-sheen,.cm-page-sheen{display:none!important}

/* Core glass surfaces. */
.gateway-top,.top,.top-bar,.lib-topbar,
.language-card,.gateway-note,.hero-art,.panel,.q-card,.module,.step-card,.quote,.video,.offer,.faq-item,
.result-box,.cm-free-card,.cm-route-case,.cm-route-hero,.card,.hero-card,.subject-card,.year-card,.module-item,
.book-feature,.mock-book,.product-mockup,.sp-banner,.super-hero,.library-intro,.search-row,.module-materials,
.cta-dark,.dark{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--lg-line)!important;
  background:
    radial-gradient(120% 110% at var(--lg-x) calc(var(--lg-y) - 22%),rgba(255,248,218,.10),transparent 32%),
    radial-gradient(80% 70% at 8% 0%,rgba(85,184,161,.11),transparent 44%),
    linear-gradient(145deg,rgba(9,38,33,.76) 0%,rgba(4,22,19,.66) 43%,rgba(2,10,9,.83) 100%)!important;
  -webkit-backdrop-filter:saturate(145%) blur(var(--lg-blur));
  backdrop-filter:saturate(145%) blur(var(--lg-blur));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    inset 0 -1px 0 rgba(255,222,143,.07),
    inset 1px 0 0 rgba(163,246,225,.035),
    var(--lg-shadow)!important;
}
.gateway-top,.top,.top-bar,.lib-topbar{border-radius:32px!important}
.language-card,.hero-art,.panel,.result-box,.cm-route-hero,.super-hero,.library-intro{border-radius:var(--lg-radius-xl)!important}
.q-card,.module,.step-card,.quote,.video,.offer,.faq-item,.cm-free-card,.cm-route-case,.card,.hero-card,.subject-card,.year-card,.module-item,.book-feature,.mock-book,.product-mockup,.sp-banner,.search-row,.module-materials{border-radius:var(--lg-radius-lg)!important}
.gateway-note{border-radius:var(--lg-radius-md)!important;border-left:1px solid var(--lg-line)!important}

/* Inner optical edge — the glass appears curved, not just transparent. */
.gateway-top::before,.top::before,.top-bar::before,.lib-topbar::before,
.language-card::before,.gateway-note::before,.hero-art::before,.panel::before,.q-card::before,.module::before,.step-card::before,.quote::before,.video::before,.offer::before,.faq-item::before,
.result-box::before,.cm-free-card::before,.cm-route-case::before,.cm-route-hero::before,.card::before,.hero-card::before,.subject-card::before,.year-card::before,.module-item::before,
.book-feature::before,.mock-book::before,.product-mockup::before,.sp-banner::before,.super-hero::before,.library-intro::before,.search-row::before,.module-materials::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:1px!important;
  z-index:-1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.018) 18%,transparent 38%),
    radial-gradient(70% 42% at var(--lg-x) -8%,rgba(255,242,192,.13),transparent 72%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 0 1px rgba(255,255,255,.018)!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}

/* JS-injected specular glint. It is clipped by each rounded surface. */
.cm-liquid-glint{
  position:absolute;
  inset:1px;
  z-index:0;
  border-radius:inherit;
  overflow:hidden;
  pointer-events:none;
  opacity:.48;
  mix-blend-mode:screen;
}
.cm-liquid-glint::before{
  content:"";
  position:absolute;
  top:-55%;
  bottom:-55%;
  left:-78%;
  width:24%;
  transform:skewX(-17deg) translate3d(0,0,0);
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(178,255,236,.025) 18%,
    rgba(255,255,255,.055) 34%,
    rgba(255,242,185,.16) 48%,
    rgba(255,255,255,.30) 52%,
    rgba(255,224,136,.10) 62%,
    transparent 100%);
  filter:blur(2.2px) drop-shadow(0 0 10px rgba(255,236,174,.10));
  opacity:0;
  animation:cmLocalGlassSweep var(--lg-duration,12.5s) cubic-bezier(.42,0,.22,1) infinite;
  animation-delay:var(--lg-delay,0s);
  will-change:transform,opacity;
}
.cm-liquid-glint::after{
  content:"";
  position:absolute;
  width:13px;
  height:13px;
  left:calc(var(--lg-x) - 6px);
  top:calc(var(--lg-y) - 6px);
  border-radius:50%;
  background:radial-gradient(circle,#fff 0 9%,#fff4c0 16%,rgba(255,225,130,.72) 30%,transparent 70%);
  box-shadow:0 0 16px 5px rgba(255,232,153,.23),0 0 32px 12px rgba(124,255,226,.08);
  opacity:var(--lg-spark,0);
  transform:scale(var(--lg-spark-scale,.55));
  transition:opacity .18s ease,transform .25s ease;
}
@keyframes cmLocalGlassSweep{
  0%,14%{transform:skewX(-17deg) translate3d(0,0,0);opacity:0}
  19%{opacity:.12}
  34%{opacity:.42}
  52%{opacity:.10}
  61%,100%{transform:skewX(-17deg) translate3d(640%,0,0);opacity:0}
}

/* Ensure content remains visually above the injected optical layer. */
.cm-liquid-surface > :not(.cm-liquid-glint){position:relative;z-index:1}

/* iOS-inspired controls: rounded, tactile and refined. */
.btn,.btn-primary,.btn-secondary,.btn-dark,.btn-gold,.btn-wa,.sp-btn,.mat-btn,.back-btn,.module-toggle,.choice,.lang-pill,.pill,.tag,.cta-gold,.cta-dark{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  border-radius:999px!important;
  -webkit-tap-highlight-color:transparent;
  transform:translateZ(0);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,filter .22s ease!important;
}
.btn:not(.btn-gold):not(.btn-primary):not(.cta-gold),.btn-dark,.btn-secondary,.btn-wa,.sp-btn,.mat-btn,.back-btn,.module-toggle,.choice,.lang-pill,.pill,.tag,.cta-dark{
  border:1px solid rgba(247,223,153,.25)!important;
  background:
    radial-gradient(90% 130% at var(--lg-x) -10%,rgba(255,255,255,.10),transparent 48%),
    linear-gradient(145deg,rgba(12,45,39,.60),rgba(3,16,14,.72))!important;
  -webkit-backdrop-filter:saturate(145%) blur(18px);
  backdrop-filter:saturate(145%) blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 30px rgba(0,0,0,.27)!important;
}
.btn-gold,.btn-primary,.cta-gold{
  color:var(--lg-ink)!important;
  border:1px solid rgba(255,241,184,.74)!important;
  background:
    radial-gradient(95% 150% at var(--lg-x) -15%,rgba(255,255,255,.72),transparent 42%),
    linear-gradient(118deg,#fff1ad 0%,#eac35f 31%,#a76c20 66%,#f8d982 86%,#fff0aa 100%)!important;
  background-size:160% 160%!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(104,63,8,.20),
    0 16px 42px rgba(207,159,52,.25),
    0 3px 10px rgba(0,0,0,.24)!important;
  animation:none!important;
}
.btn::after,.btn-primary::after,.btn-secondary::after,.btn-dark::after,.btn-gold::after,.btn-wa::after,.sp-btn::after,.mat-btn::after,.back-btn::after,.module-toggle::after,.choice::after,.lang-pill::after,.pill::after,.tag::after,.cta-gold::after,.cta-dark::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.03) 34%,transparent 60%)!important;
  opacity:.65!important;
  transform:none!important;
  animation:none!important;
}
.btn:hover,.btn-primary:hover,.btn-secondary:hover,.btn-dark:hover,.btn-gold:hover,.btn-wa:hover,.sp-btn:hover,.mat-btn:hover,.back-btn:hover,.module-toggle:hover,.choice:hover,.lang-pill:hover,.language-card:hover{
  transform:translateY(-2px) scale(1.005)!important;
  border-color:var(--lg-line-hot)!important;
  filter:saturate(1.06) brightness(1.035);
}
.btn:active,.btn-primary:active,.btn-secondary:active,.btn-dark:active,.btn-gold:active,.btn-wa:active,.sp-btn:active,.mat-btn:active,.back-btn:active,.module-toggle:active,.choice:active,.lang-pill:active,.language-card:active{
  transform:translateY(0) scale(.985)!important;
  filter:brightness(.96);
}
.btn:focus-visible,.btn-primary:focus-visible,.choice:focus-visible,.lang-pill:focus-visible,.language-card:focus-visible,.input:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(255,239,177,.88)!important;
  outline-offset:3px!important;
}

/* Glass form fields. */
.input,input[type="text"],input[type="email"],input[type="search"],input[type="tel"],select,textarea{
  border-radius:20px!important;
  border:1px solid rgba(247,222,148,.24)!important;
  background:
    radial-gradient(100% 150% at var(--lg-x) -35%,rgba(255,255,255,.075),transparent 52%),
    linear-gradient(145deg,rgba(6,30,26,.72),rgba(2,12,10,.86))!important;
  color:var(--lg-ivory)!important;
  -webkit-backdrop-filter:saturate(140%) blur(18px);
  backdrop-filter:saturate(140%) blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 38px rgba(0,0,0,.20)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="tel"]:focus,select:focus,textarea:focus{
  border-color:rgba(255,235,167,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 4px rgba(232,195,102,.08),0 18px 48px rgba(0,0,0,.28)!important;
}
::placeholder{color:rgba(255,248,233,.46)!important}

/* Header hierarchy and depth. */
.gateway-top,.top,.top-bar,.lib-topbar{
  -webkit-backdrop-filter:saturate(155%) blur(30px)!important;
  backdrop-filter:saturate(155%) blur(30px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 58px rgba(0,0,0,.34)!important;
}
.official-logo-img,.gateway-logo,.lib-logo{filter:drop-shadow(0 4px 14px rgba(0,0,0,.20))}

/* Gold and text refinement. */
.kicker,.gateway-kicker,.library-kicker,.eyebrow,.module small,.stars,.card-number,.s-count,.language-card small{
  color:#f2d684!important;
  text-shadow:0 0 24px rgba(232,199,108,.11);
}
.gold-text,.h1 .gold,.gateway-title strong{
  background:linear-gradient(96deg,#fff3bf 0%,#f0ce76 33%,#b87922 68%,#ffeaa5 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* Video receives a refined inner lens, but the face remains clear. */
.video{
  border-radius:32px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 28px 90px rgba(0,0,0,.50)!important;
}
.video::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  z-index:2!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 26%),
    radial-gradient(55% 45% at var(--lg-x) -10%,rgba(255,238,174,.12),transparent 70%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.video-poster{z-index:0!important}
.video-play{z-index:4!important;background:rgba(2,11,9,.58)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;border:1px solid rgba(255,235,169,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 10px rgba(236,202,109,.055),0 18px 44px rgba(0,0,0,.38),0 0 36px rgba(246,219,143,.18)!important}

/* Library surfaces need less transparency to keep long lists easy to scan. */
.subject-card,.year-card,.module-item,.module-materials,.search-row{
  --lg-blur:18px;
  background:
    radial-gradient(100% 100% at var(--lg-x) calc(var(--lg-y) - 25%),rgba(255,247,210,.075),transparent 34%),
    linear-gradient(145deg,rgba(7,31,27,.88),rgba(2,12,10,.92))!important;
}

/* Fallback when backdrop-filter is unavailable. */
@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){
  .gateway-top,.top,.top-bar,.lib-topbar,.language-card,.gateway-note,.hero-art,.panel,.q-card,.module,.step-card,.quote,.video,.offer,.faq-item,.result-box,.cm-free-card,.cm-route-case,.cm-route-hero,.card,.hero-card,.subject-card,.year-card,.module-item,.book-feature,.mock-book,.product-mockup,.sp-banner,.super-hero,.library-intro,.search-row,.module-materials{
    background:linear-gradient(145deg,#08241f,#020b09)!important;
  }
}

@media(max-width:920px){
  :root{--lg-blur:18px;--lg-radius-xl:30px;--lg-radius-lg:26px;--lg-radius-md:20px}
  .gateway-top,.top,.top-bar,.lib-topbar{border-radius:27px!important}
  .language-card,.hero-art,.panel,.result-box,.cm-route-hero,.super-hero,.library-intro{border-radius:30px!important}
  .q-card,.module,.step-card,.quote,.video,.offer,.faq-item,.cm-free-card,.cm-route-case,.card,.hero-card,.subject-card,.year-card,.module-item,.book-feature,.mock-book,.product-mockup,.sp-banner,.search-row,.module-materials{border-radius:26px!important}
  .cm-liquid-glint::before{width:36%;animation-duration:14s}
  .video{border-radius:28px!important}
}
@media(max-width:430px){
  :root{--lg-blur:15px}
  .gateway-top,.top,.top-bar,.lib-topbar{border-radius:24px!important}
  .language-card,.hero-art,.panel,.result-box,.cm-route-hero,.super-hero,.library-intro{border-radius:28px!important}
  .q-card,.module,.step-card,.quote,.video,.offer,.faq-item,.cm-free-card,.cm-route-case,.card,.hero-card,.subject-card,.year-card,.module-item,.book-feature,.mock-book,.product-mockup,.sp-banner,.search-row,.module-materials{border-radius:24px!important}
  .cm-liquid-glint{opacity:.38}
  .cm-liquid-glint::before{width:43%;filter:blur(1px)}
}
@media(prefers-reduced-motion:reduce){
  .cm-liquid-glint::before{animation:none!important;opacity:.12!important;transform:skewX(-17deg) translate3d(260%,0,0)!important}
  .btn,.btn-primary,.btn-secondary,.btn-dark,.btn-gold,.btn-wa,.sp-btn,.mat-btn,.back-btn,.module-toggle,.choice,.lang-pill,.language-card{transition:none!important}
}

/* Contrast lock: legacy pages used black typography over old cream cards. Glass always uses ivory text. */
body[data-page="thanks"] .h1,
body[data-page="thanks"] .title,
.result-box,.result-box strong,.result-box h1,.result-box h2,.result-box h3,
.cm-route-hero,.cm-route-hero h1,.cm-route-hero h2,.cm-route-hero h3,.cm-route-hero strong,
.cm-route-case,.cm-route-case h1,.cm-route-case h2,.cm-route-case h3,.cm-route-case strong,
.cm-free-card,.cm-free-card h1,.cm-free-card h2,.cm-free-card h3,.cm-free-card strong,
.library-intro,.library-intro h1,.library-intro h2,.library-intro h3,.library-intro strong,
.subject-card,.subject-card h1,.subject-card h2,.subject-card h3,.subject-card strong,
.year-card,.year-card h1,.year-card h2,.year-card h3,.year-card strong,
.module-item,.module-item h1,.module-item h2,.module-item h3,.module-item strong,
.module-materials,.module-materials h1,.module-materials h2,.module-materials h3,.module-materials strong,
.super-hero,.super-hero h1,.super-hero h2,.super-hero h3,.super-hero strong,
.card,.card h1,.card h2,.card h3,.card strong,
.hero-card,.hero-card h1,.hero-card h2,.hero-card h3,.hero-card strong{
  color:var(--lg-ivory)!important;
}
.result-box p,.cm-route-hero p,.cm-route-case p,.cm-free-card p,.library-intro p,.subject-card p,.year-card p,.module-item p,.module-materials p,.super-hero p,.card p,.hero-card p{
  color:rgba(255,248,233,.74)!important;
}
.value-pills span,.tags .tag,.pill,.tag,.cm-order,.badge{
  color:#f1d786!important;
  border-color:rgba(239,208,121,.28)!important;
  background:linear-gradient(145deg,rgba(19,54,46,.62),rgba(4,18,15,.72))!important;
}
.btn:not(.btn-gold):not(.btn-primary):not(.cta-gold),.btn-dark,.btn-secondary,.btn-wa,.sp-btn,.mat-btn,.back-btn,.module-toggle,.choice,.lang-pill,.cta-dark,.cm-actions a{
  color:var(--lg-ivory)!important;
}
.cm-actions a{
  border:1px solid rgba(247,223,153,.25)!important;
  background:linear-gradient(145deg,rgba(12,45,39,.66),rgba(3,16,14,.78))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.24)!important;
}

/* Hard reset of legacy pseudo-sweeps. The previous styles used a white diagonal beam on cards. */
.gateway-top::before,.top::before,.top-bar::before,.lib-topbar::before,
.language-card::before,.gateway-note::before,.hero-art::before,.panel::before,.q-card::before,.module::before,.step-card::before,.quote::before,.offer::before,.faq-item::before,
.result-box::before,.cm-free-card::before,.cm-route-case::before,.cm-route-hero::before,.card::before,.hero-card::before,.subject-card::before,.year-card::before,.module-item::before,
.book-feature::before,.mock-book::before,.product-mockup::before,.sp-banner::before,.super-hero::before,.library-intro::before,.search-row::before,.module-materials::before{
  content:none!important;
  display:none!important;
  background:none!important;
  animation:none!important;
  transform:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Remaining site-wide surfaces: legal pages and the Superpremium navigation. */
header.nav,body > main.section > .container{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--lg-line)!important;
  background:
    radial-gradient(110% 100% at var(--lg-x) calc(var(--lg-y) - 18%),rgba(255,248,218,.09),transparent 34%),
    linear-gradient(145deg,rgba(9,38,33,.78),rgba(2,10,9,.88))!important;
  -webkit-backdrop-filter:saturate(145%) blur(var(--lg-blur));
  backdrop-filter:saturate(145%) blur(var(--lg-blur));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),var(--lg-shadow)!important;
}
header.nav{margin:14px auto 0!important;width:min(1180px,calc(100% - 28px))!important;border-radius:30px!important;z-index:50!important}
body > main.section > .container{width:min(920px,calc(100% - 30px))!important;margin:56px auto!important;padding:clamp(26px,5vw,54px)!important;border-radius:34px!important}
body > main.section > .container h1,body > main.section > .container h2,body > main.section > .container h3,
.section-title,.text-title,.lib-heading{
  color:var(--lg-ivory)!important;
}
body > main.section > .container p,body > main.section > .container li{color:rgba(255,248,233,.76)!important}
.lib-topbar .active,.breadcrumb .active,.lib-heading{color:var(--lg-ivory)!important}
header.nav::before,body > main.section > .container::before{content:none!important;display:none!important}
@media(max-width:920px){
  header.nav{width:calc(100% - 20px)!important;border-radius:25px!important}
  body > main.section > .container{margin:24px auto!important;border-radius:28px!important;padding:26px 22px!important}
}


/* V15 final overrides — header/footer logo and hero brain */
.official-logo-img,
.gateway-logo{
  width:clamp(190px,22vw,320px)!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.footer .official-logo-img{width:clamp(210px,24vw,360px)!important;height:auto!important;max-height:82px!important}
.hero-art{min-height:clamp(260px,42vw,520px)!important}
.hero-art .hero-official-brain{
  inset:14px!important;
  width:calc(100% - 28px)!important;
  height:calc(100% - 28px)!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:saturate(1.0) contrast(1.02) brightness(.94)!important;
}
@media(max-width:760px){
  .official-logo-img,
  .gateway-logo{width:clamp(220px,64vw,300px)!important;max-height:68px!important}
  .footer .official-logo-img{width:clamp(220px,68vw,310px)!important;max-height:74px!important}
  .hero-art{min-height:300px!important}
  .hero-art .hero-official-brain{inset:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important}
}


/* V20 — result journey: value first, progression second */
.result-primary-action{margin-top:28px!important}
.result-primary-action .btn{width:min(100%,620px)!important}
.post-route-cta{margin:48px auto 0;padding:28px 30px;border:1px solid rgba(241,217,149,.28);border-radius:34px;background:linear-gradient(145deg,rgba(8,38,32,.82),rgba(2,10,9,.76));box-shadow:0 26px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07);text-align:center;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}
.post-route-cta p{max-width:720px;margin:0 auto 22px;color:rgba(255,248,235,.76);font-size:17px;line-height:1.65}
.post-route-cta .btn{width:min(100%,560px);min-height:60px}
@media(max-width:760px){.post-route-cta{margin-top:36px;padding:24px 18px;border-radius:28px}.post-route-cta p{font-size:16px}.post-route-cta .btn{width:100%!important}}