/* CAMADA-MED V11 — mobile correction, spacing, video cover and premium glass sweep */
:root{--cm-bg:#020706;--cm-petrol:#06201c;--cm-petrol2:#0a3029;--cm-gold:#e7c56f;--cm-gold2:#fff0ad;--cm-cream:#fff8e9;--cm-muted:rgba(255,248,233,.72);--cm-line:rgba(231,197,111,.27)}
html{scroll-behavior:smooth;scroll-padding-top:22px}
body{overflow-x:hidden!important;background:#020706!important}
/* Remove every legacy floating CTA. It caused the content overlap in iPhone. */
.sticky,.sticky-buy,.floating-cta,.fixed-cta,[class*="sticky-buy"]{display:none!important}
footer,.footer{padding-bottom:56px!important}
/* Header must never cover content while scrolling. */
.top,.top-bar{position:relative!important;top:auto!important;z-index:40!important}
/* One real moving glass/diamond reflection, independent from legacy pseudo-elements. */
.cm-diamond-sheen{position:fixed;z-index:9999;pointer-events:none;top:-28vh;left:-62vw;width:44vw;height:160vh;opacity:.66;transform:translate3d(0,0,0) skewX(-16deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.015) 20%,rgba(170,255,238,.10) 34%,rgba(255,244,190,.34) 48%,rgba(255,255,255,.58) 52%,rgba(255,229,139,.24) 58%,rgba(160,255,236,.07) 70%,transparent 100%);filter:blur(2px) drop-shadow(0 0 26px rgba(255,231,157,.28));mix-blend-mode:screen;will-change:transform;animation:cmDiamondSweep 8.4s cubic-bezier(.42,0,.18,1) infinite}
.cm-diamond-sheen:before{content:"";position:absolute;left:53%;top:28%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#fff4c6 12%,rgba(255,228,136,.85) 24%,transparent 70%);box-shadow:0 0 18px 7px rgba(255,236,172,.48),0 0 42px 16px rgba(173,255,238,.18);animation:cmGemSpark 8.4s cubic-bezier(.42,0,.18,1) infinite}
.cm-diamond-sheen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 43%,rgba(255,255,255,.22) 49%,rgba(255,246,211,.45) 50%,rgba(255,255,255,.14) 53%,transparent 61%);filter:blur(7px)}
@keyframes cmDiamondSweep{0%,12%{transform:translate3d(0,0,0) skewX(-16deg);opacity:0}18%{opacity:.68}55%{opacity:.62}68%,100%{transform:translate3d(225vw,0,0) skewX(-16deg);opacity:0}}
@keyframes cmGemSpark{0%,23%,67%,100%{opacity:0;transform:scale(.4) rotate(0)}38%{opacity:1;transform:scale(1.18) rotate(45deg)}48%{opacity:.88;transform:scale(.82) rotate(90deg)}}
/* Gold surfaces retain a subtle jewel reflection even between full sweeps. */
.btn-gold,.btn-primary{position:relative!important;overflow:hidden!important;background-size:180% 100%!important;animation:cmGoldBreath 6s ease-in-out infinite!important}
.btn-gold:after,.btn-primary:after{content:"";position:absolute;inset:-40% auto -40% -32%;width:22%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);animation:cmButtonSweep 5.8s ease-in-out infinite;pointer-events:none}
@keyframes cmGoldBreath{0%,100%{background-position:0 50%;box-shadow:0 15px 46px rgba(231,197,111,.20),inset 0 1px 0 rgba(255,255,255,.42)}50%{background-position:100% 50%;box-shadow:0 18px 58px rgba(231,197,111,.31),0 0 22px rgba(255,237,166,.14),inset 0 1px 0 rgba(255,255,255,.62)}}
@keyframes cmButtonSweep{0%,48%{left:-35%;opacity:0}55%{opacity:.78}76%{left:120%;opacity:0}100%{left:120%;opacity:0}}
/* Clean video: one poster, one play button, no duplicated pseudo icon. */
.video{display:block!important;position:relative!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important;padding:0!important;border-radius:26px!important;overflow:hidden!important;background:#020706!important;border:1px solid var(--cm-line)!important;box-shadow:0 24px 80px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset!important;cursor:pointer!important}
.video:after,.video:before{content:none!important;display:none!important}
.video-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center 43%!important;filter:saturate(.94) contrast(1.04) brightness(.84)!important;transform:scale(1.001)!important}
.video-play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:78px!important;height:78px!important;border-radius:50%!important;display:grid!important;place-items:center!important;padding-left:5px!important;background:rgba(2,8,7,.72)!important;border:1px solid rgba(255,231,158,.82)!important;color:#ffe793!important;font-size:30px!important;line-height:1!important;box-shadow:0 0 0 10px rgba(231,197,111,.07),0 0 44px rgba(255,229,144,.32)!important;backdrop-filter:blur(10px)!important}
.video.is-playing,.video-iframe{width:100%!important;aspect-ratio:16/9!important;min-height:0!important;border:0!important;border-radius:26px!important;overflow:hidden!important}
/* Editorial rhythm and breathing room. */
.hero{padding-top:64px!important;padding-bottom:76px!important}
.hero-grid{row-gap:48px!important}
.h1,.main-title{overflow-wrap:normal!important;word-break:normal!important}
.lead{margin-top:26px!important}
.body-copy{margin-top:20px!important;line-height:1.72!important}
.section{padding-top:82px!important;padding-bottom:82px!important}
.section-head{margin-bottom:34px!important}
.title{line-height:1.04!important;margin-bottom:18px!important}
.subtitle{line-height:1.68!important}
.module-grid,.process,.testimonials,.faq{gap:20px!important}
.module{padding:26px!important}
.module-copy{margin-top:16px!important;line-height:1.7!important;color:var(--cm-muted)!important}
.tags{position:static!important;margin-top:22px!important;left:auto!important;right:auto!important;bottom:auto!important}
.atlas-grid{gap:44px!important;align-items:start!important}
.atlas-grid>div{min-width:0!important}
/* Gateway / language page */
.gateway-page{min-height:100vh;color:var(--cm-cream);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 18% 8%,rgba(12,87,73,.45),transparent 31%),radial-gradient(circle at 88% 10%,rgba(231,197,111,.14),transparent 24%),linear-gradient(150deg,#020706 0%,#06211d 48%,#010403 100%)}
.gateway-shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:18px 0 72px}
.gateway-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:1px solid var(--cm-line);border-radius:999px;background:rgba(2,9,8,.73);backdrop-filter:blur(20px)}
.gateway-logo{width:clamp(174px,22vw,230px);height:42px;object-fit:contain;object-position:left center}
.gateway-tag{font:700 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,248,233,.66)}
.gateway-hero{padding:84px 0 28px;max-width:930px}
.gateway-kicker{font:700 12px/1.3 "IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--cm-gold);margin-bottom:24px}
.gateway-title{font:600 clamp(58px,9vw,112px)/.9 "Playfair Display",serif;letter-spacing:-.055em;margin:0;color:#fff9ec}
.gateway-title strong{font-weight:600;background:linear-gradient(94deg,#fff2ba,#efca6d 42%,#a87227 75%,#ffeaa8);-webkit-background-clip:text;background-clip:text;color:transparent}
.gateway-copy{font:500 clamp(22px,2.8vw,32px)/1.32 "Cormorant Garamond",serif;max-width:760px;margin:30px 0 0;color:rgba(255,248,233,.86)}
.gateway-sub{max-width:690px;margin:18px 0 0;color:rgba(255,248,233,.67);font-size:16px;line-height:1.7}
.language-heading{margin:62px 0 22px;font:600 clamp(34px,5vw,54px)/1.02 "Playfair Display",serif;color:#fff8e9}
.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.language-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;min-height:190px;padding:28px;border-radius:28px;border:1px solid var(--cm-line);background:radial-gradient(circle at 92% 12%,rgba(231,197,111,.16),transparent 30%),linear-gradient(145deg,rgba(6,31,27,.88),rgba(1,7,6,.82));box-shadow:0 26px 90px rgba(0,0,0,.42);transition:transform .25s ease,border-color .25s ease}
.language-card:hover{transform:translateY(-3px);border-color:rgba(255,231,158,.62)}
.language-code{font:700 54px/1 "Playfair Display",serif;color:var(--cm-gold2)}
.language-card small{display:block;font:700 11px/1.2 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--cm-gold);margin-bottom:10px}
.language-card strong{display:block;font-size:24px;color:#fff8e9}
.language-card span:not(.language-code):not(.language-arrow){display:block;margin-top:9px;color:rgba(255,248,233,.68);line-height:1.55}
.language-arrow{font-size:42px;color:var(--cm-gold)}
.gateway-note{margin-top:28px;padding:20px 22px;border-left:2px solid var(--cm-gold);color:rgba(255,248,233,.74);background:rgba(255,255,255,.025);line-height:1.65}
.gateway-footer{margin-top:64px;padding-top:28px;border-top:1px solid rgba(231,197,111,.13);color:rgba(255,248,233,.48);font-size:13px}
@media(max-width:920px){
  .top,.top-bar{width:calc(100% - 24px)!important;margin:14px auto 0!important;padding:12px 14px!important;border-radius:24px!important;align-items:center!important}
  .top .nav,.top-bar .nav-links{display:none!important}
  .official-logo-img{width:166px!important;height:38px!important}
  .hero{padding-top:44px!important;padding-bottom:66px!important}
  .hero-grid{grid-template-columns:1fr!important;gap:38px!important}
  .h1{font-size:clamp(50px,14.5vw,68px)!important;line-height:.98!important;letter-spacing:-.048em!important}
  .main-title{font-size:clamp(50px,14.5vw,68px)!important;line-height:.98!important}
  .kicker{margin-bottom:18px!important}
  .lead{font-size:clamp(21px,6vw,27px)!important;line-height:1.34!important;margin-top:24px!important}
  .body-copy{font-size:16px!important;line-height:1.72!important;margin-top:18px!important}
  .cta-row{margin-top:28px!important;gap:12px!important}
  .cta-row .btn{width:100%!important;min-height:56px!important;padding:16px 18px!important;white-space:normal!important;text-align:center!important;line-height:1.3!important}
  .hero-art{min-height:330px!important}
  .section{padding:72px 0!important}
  .section-head{display:block!important;margin-bottom:30px!important}
  .title{font-size:clamp(40px,11.8vw,56px)!important;line-height:1.03!important;letter-spacing:-.04em!important;margin-bottom:18px!important}
  .subtitle{font-size:17px!important;line-height:1.68!important;margin-top:12px!important}
  .diagnostic{padding:22px!important;gap:28px!important}
  .question-grid,.module-grid,.process,.testimonials,.faq,.form-grid,.atlas-grid,.offer{grid-template-columns:1fr!important}
  .question-grid,.module-grid,.process,.testimonials,.faq{gap:18px!important}
  .q-card,.module,.step-card,.quote,.faq-item{padding:22px!important}
  .module{min-height:0!important}
  .module h3{font-size:30px!important;line-height:1.1!important;margin-top:16px!important}
  .module-copy{font-size:15.5px!important;line-height:1.72!important}
  .atlas-grid{gap:46px!important}
  .video{border-radius:22px!important}
  .video-play{width:70px!important;height:70px!important;font-size:27px!important}
  .offer{padding:24px!important;gap:28px!important}
  .footer-grid{gap:24px!important}
  .gateway-shell{width:min(100% - 24px,720px);padding-top:14px}
  .gateway-top{border-radius:24px;padding:12px 14px}
  .gateway-logo{width:170px;height:38px}
  .gateway-tag{display:none}
  .gateway-hero{padding:60px 4px 18px}
  .gateway-title{font-size:clamp(56px,17vw,78px);line-height:.94}
  .gateway-copy{font-size:26px;line-height:1.35;margin-top:26px}
  .gateway-sub{font-size:16px;line-height:1.72}
  .language-heading{margin-top:52px;font-size:42px}
  .language-grid{grid-template-columns:1fr;gap:16px}
  .language-card{min-height:160px;padding:24px;grid-template-columns:auto 1fr auto;gap:16px}
  .language-code{font-size:44px}
  .language-card strong{font-size:22px}
  .language-arrow{font-size:34px}
}
@media(max-width:430px){
  .wrap{width:calc(100% - 30px)!important}
  .top,.top-bar{width:calc(100% - 20px)!important}
  .official-logo-img{width:150px!important}
  .lang-pill{padding:9px 11px!important;font-size:10px!important}
  .h1{font-size:clamp(47px,14.2vw,61px)!important}
  .title{font-size:clamp(38px,11.5vw,50px)!important}
  .section{padding:64px 0!important}
  .cm-diamond-sheen{width:58vw;left:-78vw;animation-duration:9.2s}
}
@media(prefers-reduced-motion:reduce){.cm-diamond-sheen{animation:cmDiamondSweep 13s ease-in-out infinite!important}.btn-gold,.btn-primary{animation:cmGoldBreath 9s ease-in-out infinite!important}.btn-gold:after,.btn-primary:after{animation:cmButtonSweep 9s ease-in-out infinite!important}}
