/* AT artwork slots: sizing comes from the German copy, independently of FI crops. */
.at-hero,.at-banner,.at-list,.at-app-banner{position:relative;isolation:isolate;background:#08162b;border-radius:8px}
.at-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;z-index:-1}
.at-hero>picture,.at-banner>picture,.at-list>picture{position:absolute;inset:0;z-index:-1;border-radius:inherit}
.at-hero{min-height:500px;padding:38px;border:1px solid #315574;display:flex;align-items:center}
.at-hero .fi-hero-copy{width:58%}.at-hero h1{font-size:40px;line-height:1.2;margin:24px 0 20px;letter-spacing:-.6px}.at-hero .fi-hero-description{margin:0 0 26px;font-size:16px;line-height:1.7}
.at-hero .fi-breadcrumb{display:flex;gap:12px;font-size:17px;font-weight:700;margin:0 0 18px;line-height:1.4}.at-hero .fi-breadcrumb a{color:#a5bbd3}.at-hero .fi-breadcrumb [aria-current]{color:#58baff}
.at-banner{border:1px solid #315574;margin-top:22px;min-height:320px;padding:30px 38px;display:flex;align-items:center}.at-banner .fi-banner-copy{width:56%;max-width:none}.at-banner p{margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.5}.at-banner h2{color:#58baff;font-size:32px;line-height:1.3;margin:0 0 23px}
.at-list{margin:22px 0;padding:30px 20%}.at-list>ol,.at-list>.fi-icon-list{position:relative;width:100%;margin:0;background:rgba(8,25,48,.84);border-radius:12px;backdrop-filter:blur(4px)}.at-list li:first-child{padding-top:0}.at-list li:last-child{padding-bottom:0}.at-list .fi-icon-list>li:first-child:before{top:1px}
.at-app-banner{border:1px solid #315574;margin-top:22px;aspect-ratio:2.8}.at-app-banner .fi-downloads{top:50%;padding:0 18%;gap:32%}.at-app-banner .fi-download{max-width:230px}
.fi-promo-illustrated>.at-promo-object{position:absolute;top:20px;right:20px;width:28%;height:calc(100% - 40px);max-height:none;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 16px #06132955)}.fi-bonus-card.fi-promo-illustrated>.at-promo-object{width:32%}
.fi-promo-card .fi-promo-copy{position:relative;z-index:1}.fi-download>span:last-child{font-size:13px;line-height:19px;white-space:nowrap}.fi-download img{width:30px;height:38px;flex-shrink:0}
.fi-header .fi-logo{width:160px}.fi-account .fi-country{white-space:nowrap}.fi-review .fi-review-quote{font-weight:400;color:#fffaf3;font-size:16px}.fi-review .fi-review-author{color:#58baff}
@media(min-width:1101px){.fi-header{gap:16px}.fi-topnav a{padding-inline:14px}}
@media(max-width:1100px){
.at-hero{padding:28px}.at-hero h1{font-size:35px}.at-hero .fi-hero-copy{width:59%}
.at-list{padding:20px}.at-list>ol,.at-list>.fi-icon-list{backdrop-filter:none;font-size:16px;line-height:1.7}.at-list .at-scene{object-position:center top;opacity:.65}
.fi-promo-illustrated>.at-promo-object,.fi-bonus-card.fi-promo-illustrated>.at-promo-object{order:1;position:static;inset:auto;width:100%;height:180px;object-fit:contain;margin:0;flex:none;align-self:center}
.fi-header .fi-logo{width:114px}
.at-app-banner .fi-downloads{padding:0 8%;gap:28%}.at-app-banner .fi-download{max-width:190px;padding:10px;gap:8px}
}
@media(min-width:601px) and (max-width:1100px){
body:has(.at-hero[data-slot="hero-bonus"]) .fi-promo-card.fi-promo-illustrated{display:block}
body:has(.at-hero[data-slot="hero-bonus"]) .fi-promo-illustrated>.fi-promo-copy{width:calc(72% - 20px)}
body:has(.at-hero[data-slot="hero-bonus"]) .fi-promo-illustrated>.at-promo-object{position:absolute;top:20px;right:20px;width:28%;height:calc(100% - 40px)}
body:has(.at-hero[data-slot="hero-bonus"]) .fi-promo-illustrated>.fi-promo-badge{top:18px}
}
@media(max-width:600px){
.at-hero{padding:26px 20px;min-height:760px;align-items:flex-start}.at-hero .fi-hero-copy{width:100%}.at-hero h1{font-size:27px;line-height:1.23;letter-spacing:-.4px}.at-hero .fi-hero-description{font-size:14px;line-height:1.7}.at-hero .at-scene{object-position:center bottom}.at-hero .fi-breadcrumb{font-size:15px}
.at-banner{min-height:260px;padding:23px 18px;margin-top:16px}.at-banner .fi-banner-copy{width:64%}.at-banner p{font-size:12px}.at-banner h2{font-size:20px;line-height:1.35;margin:10px 0 18px}.at-banner .fi-button{font-size:13px;min-height:40px;padding:8px 18px}.at-banner .at-scene{object-position:right center}
.at-list{padding:16px}.at-list>ol,.at-list>.fi-icon-list{font-size:15px}.at-list .at-scene{object-fit:cover;object-position:center;opacity:.5}
.at-app-banner{aspect-ratio:auto;padding-top:58%;padding-bottom:18px}.at-app-banner>.at-scene{height:auto;aspect-ratio:1.7;object-fit:cover;object-position:center}.at-app-banner .fi-downloads{position:static;transform:none;padding:0 10px;gap:10px;display:grid;grid-template-columns:1fr 1fr}.at-app-banner .fi-download{width:100%;height:64px;max-width:none;padding:7px;gap:6px}.fi-download>span:last-child{font-size:10px;line-height:17px}.fi-download img{width:25px;height:34px}
.fi-promo-illustrated>.at-promo-object,.fi-bonus-card.fi-promo-illustrated>.at-promo-object{height:150px}
.fi-header .fi-logo{width:72px}.fi-header .fi-logo img{width:72px}.fi-account .fi-button{font-size:11px;padding:8px 7px}.fi-header{gap:5px}
.fi-platform-action .fi-download>span:last-child{font-size:13px}.fi-platform-action .fi-download img{width:30px}
}
@media(min-width:1101px){.at-hero .fi-hero-copy{width:53%}.at-list{padding-inline:24%}}
.at-list .at-scene,.at-banner .at-scene{object-position:center top}
@media(min-width:601px) and (max-width:1100px){.at-hero .fi-hero-copy{width:54%}.at-hero .at-scene{object-position:center top}}
.at-technical-content h2{color:#58baff}.at-technical-content{overflow-wrap:break-word}.at-technical-content ul,.at-technical-content ol{background:transparent;backdrop-filter:none;padding-left:26px}.at-technical-content li{padding:4px 0}
@media(max-width:600px){
.at-hero{min-height:max(760px,calc(var(--at-copy-height,360px) * 2 + 100px))}
.at-list .at-scene{object-position:left top}
.at-list[data-slot="tables"] .at-scene{object-position:12% top}
.at-app-banner{padding-top:66.6667%}
.at-app-banner>picture{position:absolute;inset:0 0 auto;height:auto;aspect-ratio:1.5;z-index:-1}
.at-app-banner>picture>.at-scene{height:100%;object-fit:cover}
}
.at-app-banner>picture{border-radius:inherit}
.fi-technical{overflow-wrap:anywhere}
.fi-technical h1,.fi-technical h2,.fi-technical h3{hyphens:auto}
.fi-score{position:relative}
@media(min-width:601px){.at-app-banner>picture{position:absolute;inset:0;z-index:-1}}

/* Responsive banners: continuous shading across the artwork, without a copy panel. */
@media(max-width:1100px){
 .at-banner .fi-banner-copy::before{content:none}
 .at-banner::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(3,9,20,.86) 0%,rgba(3,9,20,.7) 36%,rgba(3,9,20,.35) 62%,rgba(3,9,20,0) 90%)}
 .at-banner .fi-banner-copy{position:relative;z-index:1;isolation:auto;background:transparent}
}