body{margin:0;background:#FDFBEF}
a{color:#1F3A93}a:hover{color:#142867}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
img{max-width:100%}
.s0{font-family: 'Barlow', system-ui, sans-serif; color: #161616; background: #FDFBEF; overflow-x: hidden}
.s1{border-bottom: 3px solid #161616; background: #FDFBEF}
.s2{max-width: 1200px; margin: 0 auto; padding: 18px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px}
.s3{display: flex; align-items: center; gap: 14px; text-decoration: none; color: #161616}
.s4{height: 48px; width: auto; display: block}
.s5{display: flex; flex-wrap: wrap; align-items: center; gap: 28px; font-weight: 600; font-size: 16px}
.s6{color: #161616; text-decoration: none}
.s7{background: #1F3A93; color: #FFFFFF; text-decoration: none; padding: 12px 20px; border-radius: 8px; font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 0.06em; font-weight: 400}
.s8{position: relative; overflow: hidden; border-bottom: 3px solid #161616}
.s9{position: absolute; left: -60px; top: -40px; width: 70px; height: 420px; background: #4F9E66; transform: rotate(32deg)}
.sa{position: absolute; right: 48px; top: 0; width: 96px; height: 96px; background: #F8E36A}
.sb{position: absolute; right: -30px; bottom: -60px; width: 40px; height: 360px; background: #D63A3A; transform: rotate(-22deg)}
.sc{position: relative; max-width: 1200px; margin: 0 auto; padding: 88px 24px 96px; display: flex; flex-wrap: wrap; align-items: center; gap: 56px}
.sd{flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 24px}
.se{font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 0.12em; color: #1F3A93}
.sf{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(56px, 7vw, 96px); line-height: 0.92; letter-spacing: 0.01em}
.s10{margin: 0; font-size: 20px; line-height: 1.5; max-width: 34ch; color: #2E2E2E}
.s11{display: flex; flex-wrap: wrap; gap: 14px; padding-top: 8px}
.s12{background: #1F3A93; color: #FFFFFF; text-decoration: none; padding: 16px 28px; border-radius: 8px; font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 0.06em}
.s13{background: #FFFDF5; color: #161616; text-decoration: none; padding: 14px 26px; border-radius: 8px; border: 3px solid #161616; font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 0.06em}
.s14{flex: 1 1 460px; min-width: 0; display: flex; justify-content: center; align-items: flex-end; gap: 0; min-height: 520px}
.s15{width: 200px; height: 420px; border: 3px solid #161616; border-radius: 26px; overflow: hidden; background: #FDFBEF; transform: rotate(-6deg) translateX(30px); box-shadow: 8px 8px 0 #161616}
.s16{width: 375px; height: 812px; border: 0; transform: scale(0.5333); transform-origin: 0 0; pointer-events: none; display: block}
.s17{position: relative; z-index: 2; width: 236px; height: 500px; border: 3px solid #161616; border-radius: 30px; overflow: hidden; background: #FDFBEF; box-shadow: 8px 8px 0 #161616}
.s18{width: 375px; height: 812px; border: 0; transform: scale(0.6293); transform-origin: 0 0; pointer-events: none; display: block}
.s19{width: 200px; height: 420px; border: 3px solid #161616; border-radius: 26px; overflow: hidden; background: #FDFBEF; transform: rotate(6deg) translateX(-30px); box-shadow: 8px 8px 0 #161616}
.s1a{background: #FFFDF5; border-bottom: 3px solid #161616}
.s1b{max-width: 1200px; margin: 0 auto; padding: 28px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 40px}
.s1c{font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 0.12em; color: #4A4A4A}
.s1d{font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 0.04em}
.s1e{padding: 10px 22px; border: 2px dashed #8A8A8A; border-radius: 8px; color: #4A4A4A; font-weight: 600}
.s1f{border-bottom: 3px solid #161616}
.s20{max-width: 1200px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 56px}
.s21{display: flex; flex-direction: column; gap: 14px; max-width: 720px}
.s22{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(44px, 5vw, 64px); line-height: 1}
.s23{margin: 0; font-size: 19px; line-height: 1.55; color: #2E2E2E}
.s24{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px}
.s25{display: flex; flex-direction: column; gap: 20px; background: #FFFDF5; border: 3px solid #161616; border-radius: 16px; padding: 28px; box-shadow: 8px 8px 0 #D63A3A}
.s26{height: 64px; width: auto; align-self: flex-start}
.s27{height: 720px; border: 3px solid #161616; border-radius: 22px; overflow: hidden}
.s28{width: 100%; height: 720px; border: 0; display: block; background: #FDFBEF}
.s29{font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 0.02em}
.s2a{margin: 0; font-size: 17px; line-height: 1.5; color: #2E2E2E}
.s2b{display: flex; flex-wrap: wrap; gap: 8px}
.s2c{background: #F8E36A; border-radius: 6px; padding: 6px 10px; font-weight: 600; font-size: 14px}
.s2d{font-weight: 700; font-size: 17px}
.s2e{display: flex; flex-direction: column; gap: 20px; background: #FFFDF5; border: 3px solid #161616; border-radius: 16px; padding: 28px; box-shadow: 8px 8px 0 #1F3A93}
.s2f{height: 64px; display: flex; align-items: center}
.s30{height: 48px; width: auto}
.s31{display: flex; flex-direction: column; gap: 20px; background: #FFFDF5; border: 3px solid #161616; border-radius: 16px; padding: 28px; box-shadow: 8px 8px 0 #4F9E66}
.s32{height: 44px; width: auto}
.s33{max-width: 1200px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 48px}
.s34{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(44px, 5vw, 64px); line-height: 1; max-width: 760px}
.s35{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px}
.s36{display: flex; flex-direction: column; gap: 14px}
.s37{width: 56px; height: 56px; background: #D63A3A}
.s38{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 32px}
.s39{margin: 0; font-size: 17px; line-height: 1.55; color: #2E2E2E}
.s3a{width: 56px; height: 56px; background: #1F3A93; border-radius: 50%}
.s3b{width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 56px solid #4F9E66}
.s3c{background: #1F3A93; color: #FFFFFF; border-bottom: 3px solid #161616; position: relative; overflow: hidden}
.s3d{position: absolute; right: 60px; top: -30px; width: 46px; height: 300px; background: #F8E36A; transform: rotate(24deg)}
.s3e{position: relative; max-width: 1200px; margin: 0 auto; padding: 96px 24px; display: flex; flex-wrap: wrap; gap: 56px; align-items: center}
.s3f{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 20px}
.s40{font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 0.12em; color: #F8E36A}
.s41{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(44px, 5vw, 68px); line-height: 0.98}
.s42{margin: 0; font-size: 19px; line-height: 1.55; color: #E4E8F5}
.s43{padding-top: 8px}
.s44{display: inline-block; background: #F8E36A; color: #161616; text-decoration: none; padding: 16px 28px; border-radius: 8px; font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 0.06em}
.s45{flex: 1 1 380px; min-width: 0; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 16px}
.s46{display: flex; gap: 18px; align-items: center; background: #FFFDF5; color: #161616; border: 3px solid #161616; border-radius: 12px; padding: 18px 22px}
.s47{font-family: 'Bebas Neue', sans-serif; font-size: 44px; color: #D63A3A; line-height: 1}
.s48{font-size: 18px; font-weight: 600}
.s49{font-family: 'Bebas Neue', sans-serif; font-size: 44px; color: #1F3A93; line-height: 1}
.s4a{font-family: 'Bebas Neue', sans-serif; font-size: 44px; color: #4F9E66; line-height: 1}
.s4b{background: #161616; color: #F2F0E6}
.s4c{max-width: 1200px; margin: 0 auto; padding: 64px 24px 40px; display: flex; flex-wrap: wrap; gap: 48px; justify-content: space-between}
.s4d{flex: 1 1 280px; display: flex; flex-direction: column; gap: 12px}
.s4e{font-family: 'Bebas Neue', sans-serif; font-size: 36px; letter-spacing: 0.04em}
.s4f{margin: 0; font-size: 16px; line-height: 1.55; color: #C9C6BA; max-width: 36ch}
.s50{flex: 1 1 180px; display: flex; flex-direction: column; gap: 10px; font-size: 16px}
.s51{font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 0.08em; color: #F8E36A}
.s52{color: #F2F0E6}
.s53{max-width: 1200px; margin: 0 auto; padding: 20px 24px 32px; border-top: 1px solid #3A3A3A; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 14px; color: #A9A69A}
.s54{color: #A9A69A}
.s55{color: #1F3A93; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 3px}
.s56{position: absolute; right: -40px; top: -60px; width: 64px; height: 420px; background: #D63A3A; transform: rotate(-28deg)}
.s57{position: absolute; left: 0; bottom: 0; width: 120px; height: 28px; background: #F8E36A}
.s58{position: relative; max-width: 1200px; margin: 0 auto; padding: 88px 24px 96px; display: flex; flex-wrap: wrap; gap: 56px; align-items: center}
.s59{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 24px}
.s5a{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(56px, 7vw, 96px); line-height: 0.92}
.s5b{margin: 0; font-size: 20px; line-height: 1.5; max-width: 40ch; color: #2E2E2E}
.s5c{flex: 1 1 380px; min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px}
.s5d{background: #FFFDF5; border: 3px solid #161616; border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 6px; box-shadow: 6px 6px 0 #D63A3A}
.s5e{font-family: 'Bebas Neue', sans-serif; font-size: 56px; line-height: 1}
.s5f{font-size: 16px; font-weight: 600; color: #2E2E2E}
.s60{background: #FFFDF5; border: 3px solid #161616; border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 6px; box-shadow: 6px 6px 0 #1F3A93}
.s61{background: #FFFDF5; border: 3px solid #161616; border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 6px; box-shadow: 6px 6px 0 #4F9E66}
.s62{background: #FFFDF5; border: 3px solid #161616; border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 6px; box-shadow: 6px 6px 0 #DEA23F}
.s63{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(44px, 5vw, 64px); line-height: 1; max-width: 800px}
.s64{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px}
.s65{border-top: 6px solid #D63A3A; padding-top: 20px; display: flex; flex-direction: column; gap: 10px}
.s66{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 30px}
.s67{border-top: 6px solid #1F3A93; padding-top: 20px; display: flex; flex-direction: column; gap: 10px}
.s68{border-top: 6px solid #4F9E66; padding-top: 20px; display: flex; flex-direction: column; gap: 10px}
.s69{border-top: 6px solid #DEA23F; padding-top: 20px; display: flex; flex-direction: column; gap: 10px}
.s6a{max-width: 1200px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 72px}
.s6b{display: flex; flex-direction: column; gap: 14px; max-width: 760px}
.s6c{display: flex; flex-wrap: wrap; gap: 56px; align-items: center}
.s6d{flex: 0 1 300px; min-width: 0; margin: 0 auto; height: 720px; width: 300px; border: 3px solid #161616; border-radius: 30px; overflow: hidden; box-shadow: 10px 10px 0 #D63A3A}
.s6e{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 18px}
.s6f{height: 72px; width: auto; align-self: flex-start}
.s70{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 40px}
.s71{margin: 0; font-size: 18px; line-height: 1.55; color: #2E2E2E}
.s72{margin: 0; padding-left: 20px; font-size: 17px; line-height: 1.8}
.s73{display: flex; flex-wrap: wrap-reverse; gap: 56px; align-items: center}
.s74{height: 52px; width: auto; align-self: flex-start}
.s75{flex: 0 1 300px; min-width: 0; margin: 0 auto; height: 720px; width: 300px; border: 3px solid #161616; border-radius: 30px; overflow: hidden; box-shadow: 10px 10px 0 #1F3A93}
.s76{flex: 0 1 300px; min-width: 0; margin: 0 auto; height: 720px; width: 300px; border: 3px solid #161616; border-radius: 30px; overflow: hidden; box-shadow: 10px 10px 0 #4F9E66}
.s77{height: 48px; width: auto; align-self: flex-start}
.s78{background: #1F3A93; color: #FFFFFF; border-bottom: 3px solid #161616}
.s79{max-width: 1200px; margin: 0 auto; padding: 96px 24px; display: flex; flex-wrap: wrap; gap: 56px; align-items: center}
.s7a{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 28px}
.s7b{display: flex; gap: 18px; align-items: flex-start}
.s7c{font-family: 'Bebas Neue', sans-serif; font-size: 48px; line-height: 1; color: #F8E36A}
.s7d{display: flex; flex-direction: column; gap: 4px}
.s7e{font-size: 19px}
.s7f{font-size: 17px; line-height: 1.5; color: #E4E8F5}
.s80{flex: 1 1 440px; min-width: 0; background: #0F1F52; border: 3px solid #161616; border-radius: 14px; overflow: hidden; box-shadow: 10px 10px 0 #F8E36A}
.s81{display: flex; gap: 8px; padding: 14px 18px; border-bottom: 1px solid #2B3E78}
.s82{width: 12px; height: 12px; border-radius: 50%; background: #D63A3A}
.s83{width: 12px; height: 12px; border-radius: 50%; background: #F8E36A}
.s84{width: 12px; height: 12px; border-radius: 50%; background: #4F9E66}
.s85{margin: 0; padding: 24px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 15px; line-height: 1.7; color: #E4E8F5; white-space: pre-wrap; overflow-x: auto}
.s86{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px}
.s87{background: #FFFDF5; border: 3px solid #161616; border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 16px}
.s88{margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 36px}
.s89{margin: 0; padding-left: 20px; font-size: 16px; line-height: 1.8; flex-grow: 1}
.s8a{font-family: 'Bebas Neue', sans-serif; font-size: 26px; color: #1F3A93}
.s8b{background: #1F3A93; color: #FFFFFF; border: 3px solid #161616; border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 16px; box-shadow: 10px 10px 0 #F8E36A}
.s8c{align-self: flex-start; background: #F8E36A; color: #161616; border-radius: 6px; padding: 4px 10px; font-weight: 700; font-size: 14px}
.s8d{margin: 0; font-size: 17px; line-height: 1.5; color: #E4E8F5}
.s8e{font-family: 'Bebas Neue', sans-serif; font-size: 26px; color: #F8E36A}
.s8f{background: #F8E36A; border-bottom: 3px solid #161616}
.s90{max-width: 1000px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 24px}
.s91{font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 0.12em}
.s92{margin: 0; font-family: 'Bebas Neue', sans-serif; font-size: clamp(36px, 4.4vw, 56px); line-height: 1.05}
.s93{font-size: 17px; font-weight: 600}
.s94{max-width: 1200px; margin: 0 auto; padding: 96px 24px; display: flex; flex-wrap: wrap; gap: 56px}
.s95{flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 18px}
.s96{margin: 0; font-size: 19px; line-height: 1.55; color: #2E2E2E; max-width: 36ch}
.s97{display: flex; flex-direction: column; gap: 6px; font-size: 17px; padding-top: 12px}
.s98{flex: 1 1 520px; min-width: 0; background: #FFFDF5; border: 3px solid #161616; border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 18px; box-shadow: 10px 10px 0 #161616}
.s99{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px}
.s9a{display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 15px}
.s9b{font: inherit; font-weight: 400; font-size: 17px; padding: 12px 14px; border: 2px solid #161616; border-radius: 8px; background: #FFFFFF}
.s9c{margin: 0; padding: 0; border: 0; display: flex; flex-wrap: wrap; gap: 12px 24px}
.s9d{font-weight: 600; font-size: 15px; padding: 0 0 8px}
.s9e{display: flex; align-items: center; gap: 8px; font-size: 17px; min-height: 44px}
.s9f{width: 20px; height: 20px}
.sa0{font: inherit; font-weight: 400; font-size: 17px; padding: 12px 14px; border: 2px solid #161616; border-radius: 8px; background: #FFFFFF; resize: vertical}
.sa1{align-self: flex-start; background: #1F3A93; color: #FFFFFF; border: 0; padding: 16px 32px; border-radius: 8px; font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 0.06em; cursor: pointer}
@media (max-width:640px){nav .s6{display:none}.s9{display:none}.s14{zoom:.62;min-height:0!important;padding-top:24px}}
/* wider widgets: games render best at 375px+ */
#games .s20{max-width:1400px}
.s24{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:24px}
.s25,.s2e,.s31{padding:20px}
.s27{height:760px}
.s28{height:760px}
.s6d,.s75,.s76{flex:0 1 420px;width:420px;max-width:100%;height:760px}
@media (max-width:640px){#games .s20,#games .s6a{padding-left:12px;padding-right:12px}.s25,.s2e,.s31{padding:10px}.s27,.s6d,.s75,.s76{border-width:2px}}
/* hero phones: wider, iframe scaled to the inner width so content is centred */
.s15,.s19{width:220px;height:460px}
.s17{width:260px;height:540px}
.s16{transform:scale(.5707)}
.s18{transform:scale(.6773)}
.s15,.s17,.s19{flex-shrink:0}
/* mobile fan: explicit sizes instead of zoom (Safari renders zoomed iframes wrongly) */
@media (max-width:640px){.s14{zoom:1;min-height:0!important;padding-top:24px}.s15,.s19{width:120px;height:250px;border-radius:16px;box-shadow:5px 5px 0 #161616}.s15{transform:rotate(-6deg) translateX(18px)}.s19{transform:rotate(6deg) translateX(-18px)}.s17{width:150px;height:312px;border-radius:18px;box-shadow:5px 5px 0 #161616}.s16{transform:scale(.304)}.s18{transform:scale(.384)}}
/* temporarily hidden until permission: partner strip (home) and MAX case (publishers) */
section:has(> .s1b),.s8f{display:none}
@media (max-width:640px){.s5c{gap:12px}.s5d,.s60,.s61,.s62{padding:16px}.s5e{font-size:min(56px,8vw);overflow-wrap:anywhere}.s5f{font-size:14px}}