@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&display=swap');
:root{--green:#9ee521}
.brand .wplay-logo{display:block;width:150px;height:auto;max-height:65px;object-fit:contain}
@media(max-width:720px){.brand .wplay-logo{width:130px;max-height:57px}}
h1,h2,h3{font-family:'Barlow Condensed','Manrope',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.025em}
.hero h1{font-weight:800;line-height:.99}
.steps{gap:16px}
.steps article{position:relative;min-height:260px;border:1px solid var(--line);border-radius:20px;background:#121a10;padding:34px}
.steps article>span{border:0;padding:0;margin-bottom:42px;font-family:'Barlow Condensed',sans-serif;font-size:3.5rem;font-weight:800;line-height:1;color:#9ee52155}
.steps article h3{font-size:1.65rem}
.brand-section{padding:65px 0;background:#0d130b}
.brand-heading{display:block}
.brand-heading h2{font-size:clamp(1.8rem,3.5vw,3rem);text-transform:uppercase;line-height:1.12;font-weight:800}
.brand-heading .eyebrow{font-size:.75rem;color:var(--green);margin-bottom:15px}
.brand-heading .streamings-intro{font-size:1rem;margin-top:20px;line-height:1.6}
.logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:34px 0 22px}
.streaming-card{margin:0;min-width:0;aspect-ratio:2.3;display:flex;align-items:center;justify-content:center;padding:24px;background:#030503;border:1px solid #30392a;border-radius:13px;overflow:hidden}
.logos .streaming-card img{display:block;width:100%;max-width:240px;height:100%;max-height:100px;object-fit:contain}
.logos .streaming-card svg{display:block;width:100%;max-width:240px;max-height:100px}
.streaming-card[data-brand="Telecine"] svg{filter:brightness(0) invert(1)}
.streaming-card[data-brand="Disney+"]{background:radial-gradient(ellipse at bottom,#063352,#020b27)}
.streaming-card[data-brand="Max"]{background:radial-gradient(ellipse at bottom,#122987,#060b31)}
.streaming-card[data-brand="Paramount+"]{background:#0645c2}
.streaming-card[data-brand="Premiere"]{background:radial-gradient(ellipse at center,#074421,#030d07)}
.more-content{flex-direction:column;font-family:'Manrope',sans-serif;font-style:italic;line-height:1.05;font-weight:800}
.more-content span{font-size:clamp(1rem,1.8vw,1.5rem)}
.more-content strong{color:var(--green);font-size:clamp(1.7rem,3vw,2.8rem)}
@media(max-width:720px){.brand-section{padding:42px 0}.logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:26px}.streaming-card{padding:18px 15px;border-radius:9px;aspect-ratio:2}.logos .streaming-card img{width:100%;height:100%;max-height:65px;max-width:200px}.more-content span{font-size:1rem}.more-content strong{font-size:1.8rem}}