/* Responsive website welcome; later feature sections keep their existing layout. */
.hero{display:flex;align-items:center;min-height:calc(100svh - 84px)}
.hero .hero-inner{width:min(calc(100% - 8vw),1600px);display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:clamp(28px,3vw,64px);align-items:start;margin:0 auto;padding:68px 0 115px}
.hero .hero-logo{width:100%;height:auto;max-width:580px;aspect-ratio:1;align-self:start;margin:0;object-fit:contain}
.hero-copy{min-width:0;padding-top:12px}
.hero h1{font-size:clamp(40px,4.6vw,84px);line-height:1.15;letter-spacing:-.035em;margin:0;font-weight:600}
.hero .hero-tagline{font-size:clamp(16px,1.8vw,30px);font-weight:600;line-height:1.6;margin:26px 0 36px;max-width:none;white-space:nowrap;text-wrap:initial;letter-spacing:-.035em}
.hero .hero-highlights{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,minmax(46px,auto));grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(22px,2vw,42px);row-gap:12px;margin:0 0 0 clamp(0px,3.125vw,52px);padding:0;font-size:clamp(13px,1.14vw,20px);font-weight:500}
.hero .hero-highlights li:nth-child(n){display:flex;align-items:center;gap:14px;min-width:0;min-height:46px}
.hero .hero-highlights li>span{min-width:0;line-height:1.35}
.hero .hero-highlights svg{width:40px;height:40px;padding:8px;flex:none;border-radius:10px;background:#5676bb48}
.hero .hero-highlights li:nth-child(1) svg,.hero .hero-highlights li:nth-child(7) svg{background:#318d9a48}
.hero .hero-highlights li:nth-child(3) svg,.hero .hero-highlights li:nth-child(8) svg{background:#7464ad48}
.hero .hero-highlights li:nth-child(4) svg,.hero .hero-highlights li:nth-child(5) svg{background:#8a587c48}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:34px 0 0 clamp(0px,3.125vw,52px)}
.hero .hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;margin:0;padding:14px 25px;min-height:54px;border:0;border-radius:999px;background:#f4f7ff;color:#17243c;font-size:16px;line-height:1.5;font-weight:600;white-space:nowrap}
#language option{color:#17243c;background:#f7f9fc}
.hero .hero-legal{left:5vw;right:5vw;bottom:24px;font-size:12px}
.hero .hero-shade{background:linear-gradient(90deg,#17243c72 0%,#17243cc9 42%,#17243ce6 100%),linear-gradient(0deg,#17243cc7,transparent 40%)}
@media(max-width:900px){
  .hero{min-height:0;align-items:flex-start}
  .hero .hero-inner{display:flex;flex-direction:column;align-items:flex-start;width:min(calc(100% - 44px),780px);gap:26px;padding:46px 0 145px}
  .hero .hero-logo{width:200px;max-width:45vw;align-self:flex-start}
  .hero-copy{width:100%;padding:0}
  .hero h1{font-size:clamp(40px,7vw,54px)}
  .hero .hero-tagline{font-size:18px;line-height:1.8;margin:24px 0 32px;white-space:normal;text-wrap:balance;letter-spacing:-.025em}
  .hero .hero-highlights{font-size:15px;margin-left:0;column-gap:24px;row-gap:16px;grid-template-rows:repeat(4,minmax(50px,auto))}
  .hero .hero-highlights li:nth-child(n){gap:12px;min-height:50px}
  .hero .hero-highlights li>span{line-height:1.5;text-wrap:balance}
  .hero .hero-highlights svg{width:36px;height:36px;padding:7px;border-radius:9px}
  .hero-actions{margin:30px 0 0;gap:16px}
  .hero .hero-cta{font-size:15px;min-height:50px;padding:13px 22px;gap:12px}
  .hero .hero-legal{left:22px;right:22px;font-size:11px}
  .hero .poster-wall .wall-poster:nth-child(n){display:block}
}
@media(max-width:600px){
  .hero .hero-highlights{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none;row-gap:14px}
  .hero .hero-highlights li:nth-child(n){min-height:48px}
}
/* Pointer selection stays quiet; keyboard navigation retains a light focus cue. */
.site-header .language select:focus,.site-header .language select:focus-visible{outline:none;outline-width:0;outline-offset:0;box-shadow:none}
.keyboard-navigation .site-header .language select:focus-visible{outline:1px solid #71809a;outline-offset:3px;border-radius:4px}