/* Mobile art direction based on supplied iPhone compositions. Desktop untouched. */
@media (max-width:850px){
 html,body{max-width:100%;overflow-x:clip}
 #examples,#stories,#process,#pricing,#faq,#create{scroll-margin-top:24px}
 .personality,.personality-stage{background:#030305!important}
 .personality-stage{padding:50px 0 80px!important}
 .personality-intro{margin-bottom:42px!important}
 .personality-intro h2{font-size:clamp(28px,7.6vw,37px)!important;line-height:1.06!important}
 .personality-term{gap:18px!important}
 .personality-term>img:not(.result-base){width:min(72vw,290px)!important}
 .personality-term>span{font-family:'Nunito Sans',sans-serif!important;font-weight:300!important;font-size:clamp(27px,7vw,34px)!important}
 .formula-sign{width:42px!important;height:42px!important;margin:32px auto 37px!important}
 .formula-sign.sign-4{margin:35px auto 42px!important}
 .personality-term.term-result{min-height:390px!important}
 .term-result .result-base{width:min(76vw,305px)!important}
 .result-stack{width:290px!important;height:295px!important;top:10px!important}
 .result-card{width:205px!important}
 .term-result>span{margin-top:20px!important;color:#ffe494!important}
 .stories-section{background:#030305!important}
 .stories-sticky{padding:55px 0 65px!important}
 .stories-title-wrap{margin-bottom:27px!important}
 .stories-title-wrap h2{font-size:clamp(26px,7.1vw,35px)!important;line-height:1.04!important}
 .stories-viewport{height:clamp(565px,158vw,665px)!important;min-height:0!important}
 .story-bubble{left:7%!important;width:86%!important;border-radius:30px!important;padding:20px 17px 20px 90px!important}
 .story-bubble.question{top:0!important;min-height:132px!important}
 .story-bubble.answer{top:143px!important;min-height:150px!important}
 .story-text,.story-text strong{font-size:clamp(12px,3.45vw,14px)!important;line-height:1.43!important}
 .story-visuals{top:325px!important;height:285px!important}
 .stories-progress{margin:15px auto 0!important;grid-template-rows:2px 42px!important;row-gap:16px!important}
 .stories-arrows{gap:15px!important}
 .mobile-stories-cta{margin:40px auto 0!important}
 /* Process: convert five-column desktop timeline into a native mobile stepper. */
 .reality-section,.reality-stage{height:auto!important;min-height:0!important;overflow:visible!important;background:#030305!important}
 .reality-stage{padding:52px 0 60px!important}
 .reality-crosses{display:none!important}
 .reality-canvas{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important}
 .reality-intro{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 36px)!important;margin:0 auto 44px!important;text-align:center!important}
 .reality-intro h2{font-size:clamp(29px,8vw,40px)!important;line-height:1.04!important;white-space:normal!important}
 .reality-flow{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:355px!important;pointer-events:auto!important}
 .reality-step,.reality-step.step-1,.reality-step.step-2,.reality-step.step-3,.reality-step.step-4,.reality-step.step-5{position:absolute!important;left:50%!important;top:0!important;width:min(66vw,260px)!important;max-width:260px!important;height:auto!important;opacity:0!important;visibility:hidden!important;filter:none!important;animation:none!important;transform:translateX(-50%) translateY(12px)!important;transition:opacity .35s ease,transform .35s ease,visibility .35s!important;pointer-events:none!important}
 .reality-step.mobile-active,.reality.is-revealed .reality-step.mobile-active{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important;pointer-events:auto!important;animation:none!important}
 .reality-badge{display:block!important;width:100%!important;height:195px!important;object-fit:contain!important;margin:0 auto 22px!important}
 .reality-step h3{font-size:clamp(23px,6vw,29px)!important;line-height:1.06!important;margin:0 0 13px!important;text-align:left!important}
 .reality-step p{font-size:clamp(13px,3.55vw,15px)!important;line-height:1.48!important;max-width:100%!important;text-align:left!important}
 .reality-chevron{display:none!important}
 .mobile-process-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 36px}
 .mobile-process-controls button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #ab9bcf;background:transparent;color:#b6a7e1;font-size:28px;line-height:1;cursor:pointer}
 .mobile-process-controls button:first-child{background:#ffe28d;border-color:#ffe28d;color:#181326}
 .mobile-process-controls button:disabled{opacity:.35;cursor:default}
 .reality-bottom{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:calc(100% - 50px)!important;height:93px!important;margin:0 auto!important}
 .reality-curve{position:absolute!important;left:0!important;top:5px!important;width:100%!important;height:27px!important;opacity:1!important;filter:none!important;transform:none!important;animation:none!important;object-fit:fill!important}
 .reality-day{top:49px!important;opacity:1!important;transform:none!important;animation:none!important;font-size:13px!important}
 .reality-day-start{left:0!important}.reality-day-end{right:0!important}
 .reality-dot{top:8px!important;width:16px!important;height:16px!important;opacity:1!important;transform:none!important;animation:none!important}
 .reality-dot.dot-start{left:0!important}.reality-dot.dot-end{right:0!important}
 .reality-bottom .reality-cta{position:relative!important;left:auto!important;top:auto!important;display:none!important}
 .pricing-section{min-height:0!important;overflow:hidden!important}
 .pricing-inner{width:calc(100% - 44px)!important;padding:75px 0 90px!important}
 .pricing-heading{margin-bottom:46px!important}
 .pricing-heading h2{font-size:clamp(30px,8vw,40px)!important}
 .pricing-heading p{font-size:14px!important;margin-top:22px!important}
 .pricing-grid{display:grid!important;grid-template-columns:1fr!important;gap:48px!important;max-width:430px!important;margin:0 auto!important}
 .pricing-option{align-items:center!important;text-align:center!important;opacity:1!important;filter:none!important;transform:none!important;animation:none!important;border:1px solid rgba(255,224,142,.35);border-radius:28px;padding:30px 22px 27px;background:radial-gradient(ellipse at 50% 5%,rgba(53,40,81,.32),transparent 70%)}
 .pricing-tile{width:min(68vw,265px)!important;height:185px!important;object-position:center!important;margin:0 auto 20px!important}
 .pricing-option h3{font-size:27px!important}
 .pricing-lead{font-size:14px!important;min-height:0!important}
 .pricing-option ul{font-size:14px!important;text-align:left!important;align-self:stretch!important;margin-bottom:24px!important}
 .pricing-bottom{flex-direction:column!important;gap:20px!important}
 .pricing-price{font-size:43px!important}
 .pricing-choose{flex-basis:auto!important;width:min(100%,245px)!important;height:66px!important}
 .faq-section{padding:65px 0 80px!important;min-height:0!important}
 .faq-inner{width:calc(100% - 36px)!important}
 .faq-heading h2{font-size:clamp(32px,8vw,43px)!important}
 .faq-grid{grid-template-columns:1fr!important;gap:20px!important}
 .faq-column{gap:20px!important}
 .faq-item{border-width:2px!important;border-radius:26px!important}
 .faq-question{padding:18px 14px!important;gap:12px!important}
 .faq-token{width:39px!important;height:39px!important;flex-basis:39px!important}
 .faq-question-text,.faq-answer-text{font-size:clamp(13px,3.8vw,16px)!important}
 .faq-toggle{width:32px!important;height:32px!important;flex-basis:32px!important}
}
@media(max-width:370px){.reality-flow{height:375px!important}.story-bubble{padding-left:75px!important}.story-icon-img{left:12px!important;width:45px!important;height:45px!important}}
@media(prefers-reduced-motion:reduce){.reality-step{transition:none!important}}

/* v57: targeted mobile corrections; desktop remains untouched. */
@media(max-width:850px){
 /* Process: reserve a separate row for controls after all text. */
 .reality-flow{height:clamp(420px,116vw,485px)!important}
 .reality-step,.reality-step.step-1,.reality-step.step-2,.reality-step.step-3,.reality-step.step-4,.reality-step.step-5{width:min(66vw,260px)!important}
 .mobile-process-controls{position:relative!important;z-index:8!important;clear:both!important;margin:12px auto 43px!important;gap:15px!important}
 .mobile-process-controls button{width:39px;height:39px;flex:0 0 39px}
 /* Labels below personality tokens are secondary to the illustrations. */
 .personality-term>span{font-size:clamp(19px,4.9vw,24px)!important}
 /* Collage must extend past the section and float above the next screen. */
 .how-section{z-index:3!important;overflow:visible!important}
 .how-sticky{overflow:visible!important}
 .how-portal{position:absolute!important;top:0!important;left:0!important;right:0!important;height:975px!important;overflow:visible!important;z-index:7!important}
 .how-portal .how-collage{overflow:visible!important}
 .personality,.personality-section{z-index:2!important}
 /* Last screen is a mobile composition, not a scaled desktop canvas. */
 .final-section{height:auto!important;min-height:820px!important;overflow:hidden!important}
 .final-sticky{position:relative!important;height:820px!important;min-height:820px!important;overflow:hidden!important}
 .final-canvas{width:100%!important;height:820px!important;left:0!important;top:0!important;transform:none!important}
 .final-crosses{display:none!important}
 .final-content{position:absolute!important;left:50%!important;top:100px!important;width:calc(100% - 40px)!important;max-width:390px!important;transform:translateX(-50%)!important;text-align:center!important}
 .final-content h2{font-size:clamp(30px,8.1vw,40px)!important;line-height:1.08!important;white-space:normal!important}
 .final-content p{width:100%!important;font-size:clamp(13px,3.7vw,16px)!important;line-height:1.55!important;margin:27px auto 0!important}
 .final-content p span{display:block!important}
 .final-button-motion{width:min(100%,340px)!important;height:98px!important;margin:35px auto 0!important}
 .final-cta{font-size:clamp(20px,5.9vw,27px)!important;display:grid!important;place-items:center!important}
 .final-cta img{width:100%!important;height:100%!important;object-fit:fill!important}
 .final-cta span{position:relative!important;inset:auto!important;transform:none!important;text-align:center!important;white-space:nowrap!important}
 .final-portal{display:none!important}
 .final-mobile-cards{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
 .final-mobile-cards img{position:absolute;display:block;height:auto;max-width:none;filter:drop-shadow(0 10px 9px #0008);will-change:transform}
 .final-mobile-cards .card-a{width:clamp(170px,57vw,250px);left:-22%;top:535px;transform:rotate(-19deg)}
 .final-mobile-cards .card-b{width:clamp(170px,55vw,245px);right:-23%;top:515px;transform:rotate(17deg)}
 .final-mobile-cards .card-c{width:clamp(140px,43vw,200px);left:15%;top:650px;transform:rotate(-12deg)}
 .final-mobile-cards .card-d{width:clamp(140px,43vw,200px);right:8%;top:662px;transform:rotate(12deg)}
}
@media(max-width:370px){.reality-flow{height:460px!important}.final-content{top:85px!important}}

/* v58 — three mobile-only refinements from review screenshots. */
@media (max-width:850px){
 /* Bring the example cards closer to the answer without touching the question. */
 .stories-viewport{height:clamp(570px,150vw,590px)!important;min-height:0!important}
 .story-visuals{top:285px!important;bottom:auto!important;height:290px!important}
 .stories-progress{margin-top:18px!important}
 /* The original SVG contains extra end marks; use one straight line between two real endpoints. */
 .reality-bottom .reality-curve{display:none!important}
 .reality-bottom::before{content:"";position:absolute;left:8px;right:8px;top:16px;height:1px;background:#9d92ce;opacity:.95;z-index:0}
 .reality-bottom .reality-dot{top:8px!important;z-index:1!important}
 .reality-bottom .reality-dot.dot-start{left:0!important}
 .reality-bottom .reality-dot.dot-end{right:0!important}
 /* Reserve the true rendered height of the overlapping card stack before its caption. */
 .personality-term.term-result{min-height:460px!important;gap:0!important}
 .term-result .result-base{flex:none!important}
 .term-result>span{position:relative!important;z-index:5!important;margin-top:125px!important;line-height:1.2!important}
}
@media(max-width:370px){
 .stories-viewport{height:580px!important}
 .story-visuals{top:275px!important}
}

/* v59: use the exact visual language of the examples carousel arrows. */
@media (max-width:850px){
 .mobile-process-controls{display:flex!important;justify-content:center!important;align-items:center!important;gap:15px!important}
 .mobile-process-controls button{appearance:none!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;padding:6px!important;margin:0!important;border:1.5px solid #a89bcf!important;border-radius:50%!important;background:transparent!important;color:#b5a5e0!important;line-height:normal!important;font-size:inherit!important;transform:none!important}
 .mobile-process-controls button:first-child{background:#fbe392!important;border-color:#fbe392!important;color:#19183a!important}
 .mobile-process-controls button svg{display:block!important;width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
 .mobile-process-controls button:disabled{opacity:.35!important;cursor:default!important}
}

/* v60: full card artwork under the CTA; unclipped mobile zoom/defocus exit. */
@media(max-width:850px){
 .how-section,.how-sticky,.how-shell{min-height:1080px!important;height:1080px!important}
 .how-sticky{overflow:visible!important}
 .how-portal{height:1080px!important;overflow:visible!important}
 .how-portal-canvas{height:1080px!important;overflow:visible!important}
 .how-portal .how-item{will-change:transform,filter,opacity;backface-visibility:hidden}
 .how-portal .how-collage{overflow:visible!important}
}
@media(prefers-reduced-motion:reduce){
 .how-portal .how-item{filter:none!important;transition:none!important}
}

/* v62: user-supplied transparent illustration ONLY on the mobile second screen. */
.how-mobile-png{display:none}
@media(max-width:850px){
 .how-portal .how-collage{display:none!important}
 .how-portal .how-mobile-png{
   display:block!important;position:absolute!important;left:50%!important;top:515px!important;
   width:520px!important;height:520px!important;max-width:none!important;object-fit:contain!important;
   transform:translate3d(-50%,0,0) scale(1);transform-origin:50% 45%;
   opacity:1;filter:blur(0);will-change:transform,filter,opacity;pointer-events:none;
 }
 .how-portal{overflow:visible!important}
}
@media(max-width:390px){.how-portal .how-mobile-png{width:500px!important;height:500px!important}}
@media(prefers-reduced-motion:reduce){.how-portal .how-mobile-png{filter:none!important;transform:translate3d(-50%,0,0)!important}}

/* v63: final mobile screen uses the exact same transparent PNG and scroll treatment as screen 2. */
.final-mobile-png{display:none}
@media(max-width:850px){
 .final-section{min-height:1020px!important;height:1020px!important;overflow:hidden!important}
 .final-sticky{height:1020px!important;min-height:1020px!important;overflow:visible!important}
 .final-canvas{height:1020px!important}
 .final-mobile-cards{display:none!important}
 .final-mobile-png{
  display:block!important;position:absolute!important;left:50%!important;top:435px!important;
  width:520px!important;height:520px!important;max-width:none!important;object-fit:contain!important;
  transform:translate3d(-50%,0,0) scale(1);transform-origin:50% 45%;
  opacity:1;filter:blur(0);will-change:transform,filter,opacity;pointer-events:none;z-index:2;
 }
 .final-content{z-index:3!important}
}
@media(max-width:390px){.final-mobile-png{width:500px!important;height:500px!important;top:430px!important}}
@media(prefers-reduced-motion:reduce){.final-mobile-png{filter:none!important;transform:translate3d(-50%,0,0)!important}}

/* v64 — coherent mobile spacing scale. Desktop and hero are untouched. */
@media (max-width:850px){
 :root{--m-gap-xs:10px;--m-gap-sm:18px;--m-gap-md:28px;--m-gap-lg:42px;--m-section-pad:clamp(34px,6svh,54px)}
 /* Formula: a repeated visual rhythm instead of unrelated gaps. */
 .personality-stage{padding:var(--m-section-pad) 0 52px!important}
 .personality-intro{margin-bottom:28px!important}
 .personality-term{gap:12px!important}
 .personality-term>img:not(.result-base){width:min(68vw,275px)!important}
 .formula-sign,.formula-sign.sign-4{margin:19px auto 23px!important;width:35px!important;height:35px!important}
 .personality-term.term-result{min-height:405px!important}
 .term-result>span{margin-top:92px!important}
 /* Example carousel: keep the question, answer, art and controls together. */
 .stories-sticky{padding:var(--m-section-pad) 0 35px!important}
 .stories-title-wrap{margin-bottom:18px!important}
 .stories-viewport{height:clamp(495px,137vw,555px)!important}
 .story-bubble.question{min-height:120px!important}
 .story-bubble.answer{top:130px!important;min-height:140px!important}
 .story-visuals{top:265px!important;height:245px!important}
 .stories-progress{margin-top:12px!important;row-gap:12px!important}
 .mobile-stories-cta{margin:24px auto 0!important}
 /* Step carousel: one compact reading sequence, including arrows and timeline. */
 .reality-stage{padding:var(--m-section-pad) 0 38px!important}
 .reality-intro{margin-bottom:24px!important}
 .reality-flow{height:clamp(360px,100vw,410px)!important}
 .reality-badge{height:175px!important;margin-bottom:14px!important}
 .reality-step h3{margin-bottom:9px!important}
 .mobile-process-controls{margin:5px auto 25px!important}
 .reality-bottom{height:78px!important}
 /* Pricing and FAQ have content-driven heights; remove excessive empty margins. */
 .pricing-inner{padding:var(--m-section-pad) 0 52px!important}
 .pricing-heading{margin-bottom:26px!important}
 .pricing-heading p{margin-top:14px!important}
 .pricing-grid{gap:26px!important}
 .pricing-option{padding:23px 19px!important}
 .pricing-tile{height:160px!important;margin-bottom:12px!important}
 .faq-section{padding:var(--m-section-pad) 0 48px!important}
 .faq-grid,.faq-column{gap:14px!important}
 /* Both PNG scenes deliberately retain scroll distance for zoom/blur. */
 .how-portal .how-mobile-png{top:490px!important}
 .final-content{top:65px!important}
 .final-content p{margin-top:18px!important}
 .final-button-motion{margin-top:22px!important}
 .final-mobile-png{top:400px!important}
}
@media(max-width:390px){
 .stories-viewport{height:510px!important}
 .story-visuals{top:260px!important}
 .reality-flow{height:395px!important}
 .how-portal .how-mobile-png{top:485px!important}
 .final-mobile-png{top:395px!important}
}
@media(max-width:850px) and (max-height:740px){
 .stories-title-wrap{margin-bottom:12px!important}
 .stories-viewport{height:485px!important}
 .story-visuals{top:252px!important;height:225px!important}
 .reality-intro{margin-bottom:16px!important}
 .reality-flow{height:350px!important}
 .reality-badge{height:160px!important}
}

/* v74: adapt the desktop final scattered-card motion to mobile. */
.final-mobile-v74{display:none}
@media(max-width:850px){
 .final-mobile-png{display:none!important}
 .final-section{height:1150px!important;min-height:1150px!important;overflow:hidden!important}
 .final-sticky,.final-canvas{height:1150px!important;min-height:1150px!important}
 .final-mobile-v74{display:block;position:absolute;left:0;right:0;top:480px;height:650px;z-index:2;overflow:hidden;pointer-events:none}
 .final-mobile-v74-item{position:absolute;display:block;max-width:none;height:auto;will-change:transform,opacity;opacity:var(--v74-opacity,0);transform:translate3d(var(--v74-x,0px),var(--v74-y,0px),0) rotate(var(--v74-rotate,0deg)) scale(var(--v74-scale,1));filter:drop-shadow(0 10px 12px #0008)}
 .final-mobile-v74-item-0{width:39%;left:-9%;top:5%;rotate:-13deg}
 .final-mobile-v74-item-1{width:60%;left:-19%;top:24%;rotate:-12deg}
 .final-mobile-v74-item-2{width:59%;right:-17%;top:12%;rotate:12deg}
 .final-mobile-v74-item-3{width:45%;right:-8%;top:57%;rotate:14deg}
 .final-mobile-v74-item-4{width:42%;left:-12%;top:72%;rotate:-12deg}
 .final-mobile-v74-item-5{width:29%;left:27%;top:38%;z-index:3}
 .final-mobile-v74-item-6{width:30%;right:20%;top:68%;z-index:3}
 .final-mobile-v74-item-7{width:24%;left:37%;top:11%;z-index:3}
 .final-content{z-index:5!important}
}
@media(prefers-reduced-motion:reduce){.final-mobile-v74-item{opacity:1!important;transform:none!important}}

/* v77 — mobile-only hero clearance and static final illustration. */
.final-mobile-static-v77{display:none}
@media(max-width:850px){
  /* Header/logo are overlay elements; give the hero copy a real safe clearance. */
  .hero .copy{padding-top:clamp(100px,24vw,145px)!important;position:relative!important;z-index:6!important}
  .hero .copy h1{position:relative!important;z-index:2!important}
  /* No mobile animation or animated elements on final section. */
  .final-mobile-v74,.final-mobile-png,.final-mobile-cards{display:none!important}
  .final-section{height:980px!important;min-height:980px!important;overflow:hidden!important}
  .final-sticky,.final-canvas{height:980px!important;min-height:980px!important;overflow:hidden!important}
  .final-mobile-static-v77{display:block!important;position:absolute!important;top:480px!important;left:50%!important;width:min(115vw,620px)!important;max-width:none!important;height:auto!important;transform:translateX(-50%)!important;opacity:1!important;filter:none!important;z-index:2!important;pointer-events:none!important}
  .final-content{z-index:5!important}
}
@media(max-width:390px){.final-mobile-static-v77{top:465px!important;width:120vw!important}}

/* v82: reserve the FULL image height in normal flow, no overlap with the next section.
   Override legacy fixed-height mobile portal rules loaded in this stylesheet. */
@media (max-width:850px){
 .how-section{position:relative!important;height:auto!important;min-height:0!important;overflow:hidden!important;isolation:isolate!important;z-index:1!important}
 .how-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .how-shell{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0 0 44px!important}
 .how-copy{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:calc(100% - 52px)!important;max-width:380px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding-top:61px!important;display:block!important;opacity:1!important;filter:none!important;pointer-events:auto!important}
 .how-mobile-static-v78{display:block!important;position:relative!important;inset:auto!important;top:auto!important;left:50%!important;width:min(120vw,580px)!important;max-width:none!important;height:auto!important;aspect-ratio:786 / 1442!important;object-fit:contain!important;margin:24px 0 0!important;transform:translateX(-50%)!important;opacity:1!important;filter:none!important;clip-path:none!important;z-index:1!important}
 .how-v72-art,.how-portal,.how-mobile-png{display:none!important}
 .personality{position:relative!important;z-index:1!important;clear:both!important}
 .personality-stage{padding-top:clamp(60px,13vw,95px)!important}
}

/* v83: mobile carousel navigation, compact FAQ and header Instagram CTA */
@media (max-width:850px) {
 .stories-progress-bars {display:none!important}
 .stories-progress {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;grid-template-rows:none!important;height:auto!important;min-height:52px!important;width:100%!important;margin:26px auto 0!important;row-gap:0!important;gap:0!important;position:relative!important;z-index:25!important}
 .stories-arrows {position:relative!important;inset:auto!important;transform:none!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:18px!important;height:46px!important;margin:0 auto!important;width:100%!important}
 .stories-arrows button {width:42px!important;height:42px!important;flex:0 0 42px!important}
 .stories-viewport {touch-action:pan-y!important}
 .faq-item {border-width:1px!important;box-shadow:none!important}
 .site-header {height:90px!important}
 .site-header .header-right {right:14px!important;left:138px!important;width:auto!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:7px!important;z-index:20!important}
 .site-header .nav-cta {display:grid!important;position:relative!important;width:clamp(108px,31vw,155px)!important;height:42px!important;margin:11px 0 0!important;flex:0 1 auto!important;font-size:clamp(9px,2.5vw,12px)!important;line-height:1!important;text-align:center!important;white-space:nowrap!important}
 .site-header .nav-cta img {width:100%!important;height:100%!important}
 .site-header .lang {flex-shrink:0!important;gap:7px!important}
 .site-header .lang button {font-size:11px!important}
 .site-header .lang .lang-active {width:39px!important}
}
@media(max-width:370px){
 .site-header .header-right {left:122px!important;right:8px!important;gap:4px!important}
 .site-header .nav-cta {width:103px!important;font-size:9px!important}
 .site-header .lang {gap:4px!important}
}