/* Header preferences: one working control set, shared between header and open menu. */
.header-preferences{display:flex;align-items:center;gap:8px;direction:ltr}
.header-preferences .aurenex-languages,.header-preferences .aurenex-theme-toggle{position:relative;inset:auto;z-index:auto;margin:0;box-shadow:none}
.header-preferences .aurenex-languages select{min-width:108px;min-height:42px;font-size:12px;border-radius:12px;box-shadow:none;background:var(--surface-100)}
.header-preferences .aurenex-theme-toggle{padding:0;min-width:42px;min-height:42px;justify-content:center;border-radius:12px;background:var(--surface-100)}
.header-preferences .aurenex-theme-toggle__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.aurenex-languages__status:not(:empty){position:absolute;top:100%;inset-inline-end:0;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:8px}
.btt{left:20px!important}
.menu-preferences-slot:has(.header-preferences){padding:18px 0;border-bottom:1px solid var(--line)}
.menu-preferences-slot .header-preferences{justify-content:space-between;gap:16px}
.menu-preferences-slot .aurenex-languages{flex:1}
.menu-preferences-slot .aurenex-languages select{width:100%}
@media(max-width:1180px) and (min-width:921px){.hdr.px{padding-inline:28px!important}.hdr .ddt,.hdr .dtl{padding-inline:10px!important}.hdr .hlogin{display:none!important}}
@media(max-width:920px){.hdr a[href*="/register"],.mpanel a[href*="/register"]{display:none!important}.header-preferences .aurenex-languages select{min-width:94px;padding-inline-start:9px}.hdr{gap:12px}.hdr>div{gap:6px!important}}
@media(max-width:420px){.hdr.px{padding-inline:12px!important}.hdr img{max-width:110px;height:auto!important}.hdr .hlogin{display:none!important}.header-preferences{gap:5px}.header-preferences .aurenex-languages select{min-width:88px;width:88px}.hdr .hamb{width:40px;height:42px}}
@media(max-width:360px){.hdr img{max-width:94px}.header-preferences .aurenex-languages select{min-width:80px;width:80px}.header-preferences .aurenex-theme-toggle{min-width:40px}.hdr>div{gap:4px!important}.hdr .hamb{width:38px}}
/* The hero uses the same copy, visual and cards at every breakpoint. */
.hero#top{height:auto!important;min-height:760px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px 24px;padding:76px max(24px,calc((100vw - 1280px)/2)) 32px;box-sizing:border-box}
.hero-copy{align-items:flex-start!important;padding-top:0!important;text-align:start!important;min-width:0;align-self:center}
.hero#top h1{font-size:clamp(42px,4.8vw,72px)!important;line-height:1.07!important;max-width:760px!important;text-wrap:balance}
.hero#top p{max-width:590px!important;font-size:17px!important;line-height:1.7!important}
.hero#top .in1{margin-bottom:26px!important}.hero#top .in4{margin-top:28px!important;flex-wrap:wrap}
.hero-visual{position:relative;align-self:stretch;min-height:440px;overflow:hidden;border-radius:32px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 65%,var(--accent-a180),transparent 75%),var(--surface-100)}
.hero-visual .dcols{display:block!important;left:0!important;right:0!important;height:100%!important;opacity:.7;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)!important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)!important}
.hero-visual .glow{width:900px!important;height:520px!important;margin-left:-450px!important;bottom:-200px!important}
.hero-visual .beam{display:block!important;left:50%!important;bottom:15%!important;height:70%!important}
.hero-visual::after{content:'';position:absolute;inset:10%;border:1px solid var(--accent-border);border-radius:50%;transform:rotate(-30deg) scaleY(.5);box-shadow:0 0 80px var(--accent-a250)}
.hero#top .heroc{position:relative!important;grid-column:1/-1;left:auto!important;bottom:auto!important;width:100%!important;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important}
.hero#top .cardsrow{gap:0!important;padding-left:0!important;animation:hero-loop 70s linear infinite;will-change:transform}
.hero-cards-group{display:flex;gap:16px;padding-inline-end:16px;flex-shrink:0}
.hero-provider{width:256px;box-sizing:border-box;flex-shrink:0;background:var(--surface-a82);border:1px solid var(--line);border-radius:20px;padding:20px 22px}
.hero-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:var(--ink-muted);font-size:11px;direction:inherit}
.hero-carousel-pause{height:36px;min-width:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface-100);color:var(--ink)}
.heroc[data-paused=true] .cardsrow{animation-play-state:paused}
@keyframes hero-loop{to{transform:translateX(-50%)}}
@media(max-width:1000px){.hero#top{grid-template-columns:1fr;gap:28px;padding-top:44px;min-height:0}.hero-copy{align-items:center!important;text-align:center!important}.hero#top .in1{padding:0!important}.hero#top h1,.hero#top p{padding:0!important}.hero#top .in4{justify-content:center}.hero-visual{min-height:220px;width:100%;max-width:760px;justify-self:center}.hero#top .heroc{margin-top:0}.hero#top .tbwrap{flex-wrap:wrap;justify-content:center;max-width:100%;box-sizing:border-box}.hero#top .tbdiv{display:none}.hero#top h1{font-size:clamp(34px,7vw,56px)!important;line-height:1.12!important}}
@media(max-width:600px){.hero#top{padding:32px 20px 24px;gap:24px}.hero-visual{min-height:180px;border-radius:22px}.hero-provider{width:232px;padding:18px}.hero#top p{font-size:15px!important}.hero#top .in4{gap:8px!important}.hero#top .in4 a{padding-inline:18px!important}.hero#top .tb{padding:10px!important}.hero#top .tbi{width:30px;height:30px}.hero#top .tbl{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero#top .cardsrow{animation:none}.hero-cards-group[aria-hidden=true]{display:none}.hero#top .heroc{overflow-x:auto!important;mask-image:none!important}.hero-visual .dcol,.hero-visual .beam,.hero-visual .glow{animation:none}.hero-carousel-pause{display:none}}
