/* Mobile composition and touch layout, independent of the desktop hero. */
@media(max-width:900px){
  .hero{display:flex;flex-direction:column;height:auto;min-height:0;padding-top:118px;--mobile-scene-height:clamp(280px,84vw,420px);--player-x:0%;--player-y:12%;--player-width:72%;--hostess-x:51%;--hostess-y:5%;--hostess-width:47%;--roulette-x:58%;--roulette-y:59%;--roulette-width:40%;--roulette-height:38%}
  .hero-copy{display:contents}
  .hero-copy>.eyebrow{order:0;margin:0 6% 19px;font-size:10px;letter-spacing:2px}
  .hero-copy>h1{order:1;margin:0 6%;white-space:normal;font-size:clamp(35px,7.7vw,60px);line-height:1.08;letter-spacing:-.045em}
  .hero>.hero-visual{order:2;position:relative;inset:auto;margin:12px 0 10px;width:100%;height:var(--mobile-scene-height);flex:none}
  .hero-visual>.scene{position:relative;inset:0;width:100%;height:100%}
  .hero-visual .scene .player,.hero-visual .scene .hostess{height:auto;max-height:none}
  .hero-visual>.hero-wash,[data-theme="dark"] .hero-visual>.hero-wash{inset:0;height:100%;background:linear-gradient(180deg,var(--surface),transparent 13%,transparent 78%,var(--surface))}
  .hero-visual .scene::after{background:none}
  .hero-visual>.hero-interface{display:none!important}
  .hero-copy>.intro{order:3;margin:0 6%;max-width:660px;font-size:16px;line-height:1.65;letter-spacing:0}
  .hero-copy>.hero-actions{order:4;margin:24px 6% 0;gap:17px;flex-wrap:wrap}
  .hero-copy>.benefits{order:5;margin:28px 6% 0;max-width:none;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 18px}
  .hero-copy>.benefits>div{display:flex;align-items:center;gap:12px;padding:0;border:0;font-size:14px;line-height:1.4;min-width:0}
  .hero-copy>.benefits>div>span:first-child{flex:0 0 31px;margin:0;height:31px}
  .hero>.hero-bottom.country-marquee{order:6;margin:30px 0 20px}
  .hero .hero-actions .button{font-size:15px;padding:16px 22px;min-height:52px}
  .hero .watch{font-size:14px;min-height:48px;gap:10px;white-space:normal}
  .button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:break-word}
  .button>span:first-child:not(:last-child){font-size:inherit;line-height:inherit;min-width:0;white-space:normal;overflow-wrap:break-word}
  .button>span:last-child{flex-shrink:0}
  .pricing .button.pr-cta,.connect-section .button.connect-contact{width:100%;max-width:100%!important;min-height:56px;padding:16px 19px;font-size:16px;line-height:1.4;gap:14px;border-radius:16px;text-align:left;align-items:center;justify-content:space-between}
  .pr-cta>span:first-child,.connect-contact>span:first-child{flex:1;font-weight:650}
  .pricing .pr-cta>span:last-child,.connect-section .connect-contact>span:last-child{font-size:22px;line-height:1;width:25px;text-align:center}
  .connect-section .cx-guidance{max-width:100%;font-size:13px;line-height:1.6;text-align:left}
  input,select,textarea{font-size:16px;min-width:0;max-width:100%}
  .country-methods{max-width:calc(100% - 24px)}
  .country-method-close{width:44px;height:44px;top:8px;right:8px}
  .country-methods .country-kicker{padding-right:30px}
  footer.corporate-footer{padding:48px 6% 0}
  .corporate-footer .footer-intro{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;justify-items:start;gap:25px;margin:0 0 32px}
  .corporate-footer .footer-intro>a:first-child{display:block;margin:0;padding:0}
  .corporate-footer .footer-intro>div{margin:0;width:100%;min-width:0}
  .corporate-footer .footer-intro .brand-logo{width:170px;height:auto;max-width:100%;margin:0;object-position:left center}
  .corporate-footer .footer-intro .eyebrow{margin:0 0 17px;font-size:11px;letter-spacing:2px}
  .corporate-footer .footer-intro h2{font-size:clamp(28px,6.9vw,38px);letter-spacing:-1px;line-height:1.16;margin:0;overflow-wrap:break-word}
  .corporate-footer .footer-contact{display:inline-flex;align-items:center;font-size:15px;line-height:1.5;min-height:44px;margin:0;max-width:100%}
  .corporate-footer .entity-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .corporate-footer .entity-card{padding:25px 24px;border-radius:20px;min-width:0}
  .corporate-footer .entity-heading{gap:16px;align-items:center;margin-bottom:24px}
  .corporate-footer .entity-heading h3{font-size:22px;line-height:1.25}
  .corporate-footer .entity-heading>div{min-width:0}
  .corporate-footer .entity-card h4{font-size:18px;line-height:1.5;min-height:0;overflow-wrap:anywhere}
  .corporate-footer .entity-card dd{font-size:15px;line-height:1.65}
  .corporate-footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:13px 22px;margin-top:28px;padding:24px 0}
  .corporate-footer .footer-bottom p{width:100%;margin:0;order:0;line-height:1.6;font-size:12px}
  .corporate-footer .footer-bottom>a{min-height:44px;display:flex;align-items:center;font-size:13px}
  .corporate-footer .website-operator{width:100%;max-width:100%;text-align:left;overflow-wrap:anywhere}
}
@media(max-width:380px){
  .hero{padding-top:112px;--mobile-scene-height:290px}
  .hero-copy>h1{font-size:35px}
  .hero .hero-actions{column-gap:14px;row-gap:12px}
  .hero .hero-actions .button{padding:14px 18px;font-size:14px}
  .hero .watch{font-size:13px}
  .hero-copy>.benefits{gap:18px 12px}
  .hero-copy>.benefits>div{font-size:13px;gap:9px}
  .corporate-footer .entity-card{padding:23px 20px}
}

/* Realistic color miniatures for the four hero benefits. */
.hero .hero-copy>.benefits>div>.benefit-art{display:grid;place-items:center;width:50px;height:50px;margin:0 0 11px;flex:none}
.hero .benefits .benefit-art>img{display:block;width:50px!important;height:50px!important;max-width:none;object-fit:contain;filter:none!important}
@media(max-width:900px){
  .hero .hero-copy>.benefits>div>.benefit-art{width:46px;height:46px;flex:0 0 46px;margin:0}
  .hero .benefits .benefit-art>img{width:46px!important;height:46px!important}
}
@media(max-width:380px){
  .hero .hero-copy>.benefits>div>.benefit-art{width:42px;height:42px;flex-basis:42px}
  .hero .benefits .benefit-art>img{width:42px!important;height:42px!important}
}