:root{--yellow:#ffe600;--blue:#3483fa;--text:#333;--muted:#666;--surface:#fff;--page:#f5f5f5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--text);font-family:"Proxima Nova",Arial,Helvetica,sans-serif;font-size:14px}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:10px;top:-60px;z-index:100;background:#fff;padding:12px 16px}
.skip-link:focus{top:10px}

.site-header{position:relative;z-index:30;background:var(--yellow);height:100px}
.header-inner{max-width:1180px;margin:auto}
.header-top{height:54px;display:flex;align-items:center}
.brand{flex:0 0 134px;display:block;height:34px;overflow:hidden}
.brand img{width:134px;height:34px;object-fit:contain}
.search{height:40px;width:582px;margin-left:45px;background:#fff;display:flex;align-items:center;box-shadow:0 1px 2px #0002;border-radius:2px}
.search input{border:0;outline:none;min-width:0;flex:1;height:100%;padding:0 16px;color:#333;font-size:16px;background:transparent}
.search input::placeholder{color:#999;opacity:1}
.search input::-webkit-search-cancel-button{cursor:pointer}
.search button{border:0;border-left:1px solid #eee;background:white;width:46px;height:28px;display:grid;place-items:center;color:#777;margin-right:1px}
.search button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.top-ad{width:325px;height:39px;margin-left:auto;overflow:hidden}
.top-ad img{width:325px;height:39px;object-fit:contain}
.header-bottom{height:46px;display:flex;align-items:center;gap:16px}
.location-trigger{border:0;background:none;padding:0;display:flex;align-items:center;text-align:left;width:164px;flex:0 0 164px;color:#333;height:34px}
.location-trigger svg{width:24px;height:24px;stroke:#555;fill:none;stroke-width:1.5;margin-right:2px;flex:none}
.location-trigger span{display:flex;flex-direction:column;min-width:0;line-height:14px}
.location-trigger small{font-size:12px;color:#666}
.location-trigger strong{font-weight:400;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main-nav,.user-nav{display:flex;align-items:center;white-space:nowrap}
.main-nav{gap:16px;color:#333;font-size:13px}
.main-nav a:hover,.main-nav button:hover,.user-nav a:hover{text-decoration:underline}
.nav-category{border:0;background:transparent;padding:0;color:inherit;font-size:13px;display:flex;align-items:center;gap:7px}
.chevron{display:inline-block;width:6px;height:6px;border-right:1px solid #555;border-bottom:1px solid #555;transform:rotate(45deg);margin-top:-4px}
.category-menu{position:relative}
.category-dropdown{position:absolute;top:30px;left:-10px;width:215px;padding:8px 0;background:#333;color:#fff;box-shadow:0 3px 12px #0003;border-radius:3px;z-index:50}
.category-dropdown[hidden]{display:none}
.category-dropdown::before{content:"";position:absolute;top:-7px;left:35px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #333}
.category-dropdown a{display:block;padding:10px 18px;font-size:14px}
.category-dropdown a:hover{background:#444;text-decoration:none}
.play-nav{position:relative}
.play-nav span{position:absolute;top:-9px;left:20px;background:#00a650;border-radius:3px;padding:0 3px;color:#fff;font-size:8px;line-height:11px;font-weight:bold}
.user-nav{gap:21px;margin-left:auto;font-size:13px}
.cart svg{width:23px;height:23px;fill:none;stroke:#333;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

.hero{height:400px;position:relative;overflow:hidden;background:var(--yellow)}
.hero-track{height:100%;position:relative}
.hero-slide{display:block;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease}
.hero-slide.active{opacity:1;pointer-events:auto}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-dots{position:absolute;z-index:3;left:50%;bottom:134px;transform:translateX(-50%);display:flex;gap:5px}
.hero-dots button{border:1px solid #fff;background:#fff9;width:6px;height:6px;border-radius:50%;padding:0;box-shadow:0 0 1px #555}
.hero-dots button.active{background:#fff;border-color:#888}
.hero-arrow{opacity:0;position:absolute;z-index:4;top:42%;transform:translateY(-50%);border:0;border-radius:50%;width:46px;height:46px;background:#fff;color:var(--blue);font-size:33px;line-height:1;box-shadow:0 2px 8px #0002;transition:opacity .2s}
.hero:hover .hero-arrow,.hero-arrow:focus-visible{opacity:1}
.hero-prev{left:24px}.hero-next{right:24px}
.home-content{max-width:1166px;margin:0 auto}
.access-section{position:relative;z-index:5;margin-top:-105px}
.access-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:2px}
.access-grid::-webkit-scrollbar{display:none}
.access-card{height:290px;flex:0 0 calc((100% - 80px)/6);min-width:0;border-radius:5px;background:#fff;box-shadow:0 1px 3px #0001;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;scroll-snap-align:start}
.access-arrow{position:absolute;z-index:6;top:110px;width:62px;height:62px;border:0;border-radius:50%;background:#fff;color:#3483fa;font-size:34px;font-weight:300;box-shadow:0 2px 8px #0002;line-height:1}
.access-arrow[hidden]{display:none}.access-prev{left:-30px}.access-next{right:-30px}
.access-card h2{align-self:stretch;text-align:left;font-size:16px;line-height:20px;font-weight:600;margin:0;white-space:nowrap}
.access-card>img{width:105px;height:105px;object-fit:contain;margin:19px auto 10px}
.access-card p{font-size:14px;line-height:18px;margin:8px 0 10px;min-height:54px}
.access-action{display:block;width:100%;border:0;border-radius:4px;background:#e8f0fd;color:#3483fa;padding:9px 4px;font-size:13px;font-weight:600;margin-top:auto;text-align:center;white-space:nowrap}
.access-action:hover{background:#dbeafd}
.access-poster{padding:0;position:relative}
.access-poster img{width:100%;height:100%;object-fit:cover;object-position:center top;margin:0}
.access-poster a{position:absolute;bottom:16px;left:16px;right:16px;color:#fff;background:#3483fa;border-radius:4px;text-align:center;padding:10px 3px;font-weight:600}

.promo-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:42px}
.promo-tile{height:130px;border-radius:5px;overflow:hidden;display:flex;color:#fff}
.promo-outlet{background:#303030}.promo-pink{background:#b5009c}
.promo-copy{width:57%;padding:23px 20px 16px 18%;display:flex;flex-direction:column;line-height:1.1}
.promo-copy small{font-size:10px}.promo-copy strong{font-size:15px;line-height:20px;margin-top:5px;font-weight:600}.promo-copy em{font-style:normal;font-size:11px;margin-top:9px}
.promo-tile img{width:43%;height:100%;object-fit:cover}
.promo-tile:hover .promo-copy em{text-decoration:underline}

.meli-section{background:#fff;border-radius:5px;overflow:hidden;margin-top:40px;box-shadow:0 1px 2px #0001}
.meli-heading{height:68px;background:#e90063;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 34px}
.meli-heading>div{display:flex;align-items:center;gap:24px}
.meli-logo{font-size:31px;font-weight:700;letter-spacing:-2px;line-height:1}
.meli-logo span{font-size:24px;color:#fff}
.meli-heading h2{font-size:18px;font-weight:700;margin:0}
.meli-heading>a{background:white;color:#3483fa;border-radius:5px;padding:10px 12px;font-weight:600;font-size:14px}
.meli-heading>a:hover{background:#eef4ff}
.meli-benefits{min-height:256px;display:grid;grid-template-columns:repeat(4,1fr);padding:23px 24px 32px}
.meli-benefits>div{position:relative;text-align:center;padding:0 10px}
.meli-benefits>div:not(:last-child)::after{content:"";position:absolute;right:0;top:77px;height:57px;border-right:1px solid #ddd}
.meli-benefits img{width:225px;height:130px;object-fit:contain;margin:auto}
.meli-benefits p{font-size:14px;line-height:18px;font-weight:600;margin:17px 0 0}

.play-feature{margin-top:40px;border-radius:5px;overflow:hidden;height:360px;background:#111 url("Assets/play-background.webp") center/cover;display:grid;grid-template-columns:51% 49%;color:#fff}
.play-content{padding:48px 32px;display:flex;flex-direction:column;align-items:flex-start}
.play-logo{width:114px;height:auto;object-fit:contain}
.play-content h2{font-size:30px;line-height:1.15;margin:35px 0 12px;font-weight:700}
.free-pill{border-radius:20px;background:#00a650;font-size:12px;font-weight:700;padding:4px 9px}
.play-content>a{background:#444;color:#fff;font-size:13px;font-weight:600;padding:10px 14px;border-radius:4px;margin-top:auto}
.play-content>a:hover{background:#555}
.play-poster{height:100%;overflow:hidden;position:relative}
.play-poster img{width:100%;height:100%;object-fit:cover;object-position:center}
.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:56px;width:56px;display:grid;place-items:center;border-radius:50%;background:#0009;color:#fff;font-size:20px;opacity:0;transition:opacity .2s}
.play-poster:hover .play-circle{opacity:1}

.surface{background:#fff;border-radius:5px;box-shadow:0 1px 2px #0001}
.entertainment{margin-top:40px;padding:20px}
.section-title{display:flex;align-items:center;gap:17px;min-height:28px;margin-bottom:15px}
.section-title h2{font-size:20px;font-weight:600;margin:0}
.section-title>a{font-size:14px;color:#3483fa}.section-title>a:hover{text-decoration:underline}
.mini-dots{margin-left:auto;font-size:10px;letter-spacing:1px;color:#3483fa}.mini-dots i{font-style:normal;color:#ddd}
.ent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ent-grid a{height:250px;border-radius:4px;overflow:hidden;background:#ddd}
.ent-grid img{width:100%;height:100%;object-fit:cover}
.ent-grid a:hover{box-shadow:0 2px 8px #0003}
.sponsored-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.sponsored{height:248px;border-radius:5px;overflow:hidden;display:flex}
.sponsored-blue{background:#64bef9}.sponsored-beige{background:#bcac93}
.sponsored-photo{width:43%;height:100%;object-fit:cover}
.sponsored-copy{width:57%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px 30px}
.sponsored-copy img{height:58px;width:100px;object-fit:contain;object-position:left center;margin-bottom:12px}
.sponsored-copy small{font-size:11px;letter-spacing:4px;color:#333}
.sponsored-copy strong{font-size:20px;line-height:1.2;font-weight:600;margin-top:8px}
.sponsored-copy em{font-style:normal;font-size:15px;margin-top:18px}
.sponsored:hover em{text-decoration:underline}
.big-promos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.big-promo{height:248px;background:#fff;border-radius:5px;overflow:hidden;display:flex}
.big-promo>div{width:57%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 30px}
.big-promo small{font-size:11px;letter-spacing:4px}
.big-promo h2{font-size:20px;font-weight:600;line-height:1.2;margin:15px 0}
.big-promo span{background:#3483fa;color:#fff;border-radius:4px;padding:10px 25px;font-weight:600}
.big-promo img{height:100%;width:43%;object-fit:cover}
.big-promo:hover span{background:#2968c8}

.categories{margin-top:40px;padding:20px;margin-bottom:40px}
.categories .section-title{margin-bottom:12px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 20px}
.category-grid a{height:100px;border:1px solid #e6e6e6;border-radius:5px;display:flex;align-items:center;overflow:hidden;background:#fff;font-size:15px;font-weight:600;line-height:20px}
.category-grid a img{height:100%;width:105px;flex:0 0 105px;object-fit:contain;background:#f7f7f7;padding:12px}
.category-grid a span{padding:0 16px}
.category-grid a:hover{color:#3483fa;box-shadow:0 2px 7px #0002}
.download-placeholder{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;margin-bottom:40px}
.download-placeholder h2{font-size:18px;font-weight:600;margin:0 0 5px}
.download-placeholder p{font-size:14px;color:#777;margin:0}
.download-placeholder .download-button{display:inline-block;border:0;border-radius:5px;background:#3483fa;color:#fff;padding:11px 20px;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}
.download-placeholder .download-button:hover,.download-placeholder .download-button:focus-visible{background:#2968c8}

.footer{background:#fff}
.footer-benefits{max-width:1166px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:70px 0 55px;text-align:center}
.footer-benefits>div{padding:0 25px;position:relative}
.footer-benefits>div:not(:last-child)::after{content:"";height:64px;border-right:1px solid #ddd;position:absolute;right:-9px;top:33px}
.footer-benefits svg{width:52px;height:52px;fill:none;stroke:#555;stroke-width:1.6;margin-bottom:13px;stroke-linecap:round;stroke-linejoin:round}
.footer-benefits svg circle{fill:#3483fa;stroke:none}
.footer-benefits h2{font-size:20px;font-weight:400;color:#555;margin:0 0 7px}
.footer-benefits p{font-size:14px;color:#777;line-height:17px;margin:0 0 12px}
.footer-benefits a{font-size:14px;color:#3483fa}.footer-benefits a:hover{text-decoration:underline}
.footer-inner{max-width:1166px;margin:auto;padding:0 0 35px}
.footer-inner h3{font-size:17px;font-weight:600;margin:0 0 15px}
.popular-terms{color:#888;line-height:24px;margin:0 0 30px;font-size:13px}
.footer-line{height:1px;background:#eee;margin-bottom:22px}
.footer-inner nav{display:flex;gap:22px;font-size:13px;margin-bottom:10px}.footer-inner nav a:hover{text-decoration:underline}
.footer-inner small{color:#888;font-size:12px}

.cookie-banner{position:fixed;bottom:0;left:0;width:100%;z-index:80;background:#fff;box-shadow:0 -3px 12px #0002;border-radius:4px 4px 0 0;min-height:63px;padding:14px max(40px,calc((100vw - 1170px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}
.cookie-banner[hidden]{display:none}
.cookie-banner p{font-size:12px;line-height:18px;margin:0}.cookie-banner a{color:#3483fa}.cookie-banner a:hover{text-decoration:underline}
.cookie-banner>div{display:flex;gap:8px;flex:none}
.cookie-banner button{border:0;background:#e8f0fd;color:#3483fa;font-size:12px;font-weight:600;border-radius:4px;padding:9px 12px;white-space:nowrap}
.cookie-banner button:hover{background:#dceafd}
.modal{border:0;padding:0;border-radius:8px;box-shadow:0 10px 35px #0004;max-width:min(420px,calc(100vw - 32px));width:100%}
.modal::backdrop{background:#0007}
.modal-card{padding:28px;position:relative;display:flex;flex-direction:column;gap:12px}
.modal-card h2{font-size:22px;margin:0}.modal-card p{line-height:20px;color:#666;margin:0 0 6px}
.modal-card label{font-weight:600}.modal-card input:not([type=checkbox]){padding:12px;border:1px solid #bbb;border-radius:5px;outline:none}.modal-card input:focus{border-color:#3483fa}
.modal-close{position:absolute;right:15px;top:12px;background:none;border:0;color:#777;font-size:25px;line-height:1}
.primary-button{background:#3483fa;color:#fff;border:0;border-radius:5px;font-weight:600;padding:12px;margin-top:6px}.primary-button:hover{background:#2968c8}
.field-error{color:#c22;font-size:12px;min-height:14px}
.switch-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.switch-row input{width:18px;height:18px}

@media(max-width:1200px){
  .header-inner,.home-content,.footer-inner,.footer-benefits{margin-left:24px;margin-right:24px}
  .search{width:min(46vw,582px);margin-left:30px}
  .top-ad{width:260px;height:auto}.top-ad img{width:100%;height:auto}
  .main-nav{gap:12px}.user-nav{gap:13px}
  .access-grid{gap:12px}.access-card{padding:14px}.access-card h2{font-size:14px}.access-card p{font-size:13px}
}
@media(max-width:1000px){
  .top-ad{display:none}
  .search{flex:1;width:auto;margin-right:0}
  .header-bottom{gap:8px}.main-nav{overflow-x:auto;scrollbar-width:none;flex:1}.main-nav::-webkit-scrollbar{display:none}
  .user-nav>a:not(.cart){display:none}
  .access-card{flex-basis:180px}.access-arrow{display:none}
  .category-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .site-header{height:116px}.header-inner,.home-content,.footer-inner,.footer-benefits{margin-left:16px;margin-right:16px}
  .header-top{height:68px;gap:10px;flex-wrap:wrap;align-content:center}.brand{flex:0 0 105px;height:28px}.brand img{width:105px;height:28px}.search{height:36px;margin:0;flex:1}.search input{font-size:13px;padding-left:9px}.search button{width:37px}.search button svg{width:18px}
  .header-bottom{height:48px}.location-trigger{width:120px;flex-basis:120px}.location-trigger strong{font-size:11px}.location-trigger small{font-size:10px}.location-trigger svg{width:20px}.main-nav{font-size:12px}.main-nav a:nth-of-type(n+5),.play-nav{display:none}.user-nav{margin-left:0}
  .hero{height:280px}.hero-slide img{object-fit:cover}.hero-dots{bottom:75px}.hero-arrow{display:none}
  .access-section{margin-top:-60px}.access-grid{gap:10px}.access-card{height:265px;flex-basis:165px;padding:12px}.access-card h2{font-size:14px}.access-card>img{margin-top:15px;width:90px;height:90px}.access-card p{font-size:12px;line-height:16px}.access-poster{padding:0}.access-poster img{width:100%;height:100%}
  .promo-row{grid-template-columns:1fr;margin-top:25px;gap:12px}.promo-tile{height:120px}.promo-copy{padding-left:8%}
  .meli-section{margin-top:25px}.meli-heading{height:auto;min-height:70px;padding:13px 16px;gap:12px}.meli-heading>div{gap:12px}.meli-logo{font-size:24px}.meli-heading h2{font-size:12px}.meli-heading>a{font-size:11px;padding:8px;white-space:nowrap}
  .meli-benefits{grid-template-columns:repeat(2,1fr);gap:16px;padding:15px}.meli-benefits>div:not(:last-child)::after{display:none}.meli-benefits img{width:145px;height:95px}.meli-benefits p{font-size:12px;line-height:15px;margin-top:7px}.meli-benefits p br{display:none}
  .play-feature{height:300px;margin-top:25px;grid-template-columns:55% 45%}.play-content{padding:25px 15px}.play-logo{width:100px}.play-content h2{font-size:20px;margin:25px 0 10px}.play-content>a{font-size:11px;padding:9px}.play-poster img{object-position:40% center}
  .entertainment{margin-top:25px;padding:15px}.section-title h2{font-size:18px}.ent-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}.ent-grid a{flex:0 0 260px;height:180px;scroll-snap-align:start}
  .sponsored-row{grid-template-columns:1fr;margin-top:25px;gap:12px}.sponsored{height:180px}.sponsored-copy{padding:12px 15px}.sponsored-copy img{width:80px;height:40px;margin-bottom:7px}.sponsored-copy small{font-size:8px;letter-spacing:2px}.sponsored-copy strong{font-size:15px}.sponsored-copy em{font-size:12px;margin-top:10px}
  .big-promos{grid-template-columns:1fr;margin-top:25px;gap:12px}.big-promo{height:180px}.big-promo>div{padding:15px}.big-promo h2{font-size:16px;margin:10px 0}.big-promo small{font-size:9px}.big-promo span{padding:8px 12px;font-size:12px}
  .categories{margin-top:25px;padding:15px;margin-bottom:25px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-grid a{height:80px;font-size:12px;line-height:16px}.category-grid a img{width:60px;flex-basis:60px;padding:8px}.category-grid a span{padding:0 8px}.categories .section-title>a{display:none}
  .download-placeholder{margin-bottom:25px;padding:16px;gap:12px}.download-placeholder h2{font-size:16px}.download-placeholder p{font-size:12px}.download-placeholder .download-button{font-size:12px;padding:10px 12px}
  .footer-benefits{grid-template-columns:1fr;padding:35px 0;gap:30px}.footer-benefits>div:not(:last-child)::after{display:none}.footer-benefits>div{padding:0 10px}.footer-benefits h2{font-size:17px}.footer-inner{padding-bottom:95px}.footer-inner nav{flex-wrap:wrap;gap:8px 15px}
  .cookie-banner{padding:12px 16px;display:block}.cookie-banner p{font-size:11px;margin-bottom:9px}.cookie-banner>div{justify-content:flex-end}
}
@media(max-width:410px){.header-bottom .main-nav a:nth-of-type(n+3){display:none}.play-feature{grid-template-columns:60% 40%}.play-content h2{font-size:18px}.meli-heading h2{font-size:11px}.category-grid a img{width:50px;flex-basis:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide{transition:none}}