@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c0912;--purple:#a984ff;--muted:#a398b5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f7f1ff;font-family:Inter,Arial,sans-serif;text-align:center}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 max(25px,calc((100vw - 1050px)/2));background:#0c0912e8;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff0b}.logo{font:900 italic 34px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.logo span{font:10px Arial;vertical-align:top}nav{display:flex;gap:30px;font-size:11px;color:#b7abc9}.mini-cta{background:#b89aff1c;border:1px solid #b89aff40;padding:12px 17px;border-radius:8px;color:#d5bfff;font-size:11px;font-weight:700}.hero{position:relative;overflow:hidden;min-height:625px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#5720ff77,transparent 65%)}.hero-inner{position:relative;z-index:1;padding:65px 20px 35px}.orb{position:absolute;width:470px;height:470px;border:1px solid #ad80ff26;border-radius:50%;top:85px;box-shadow:0 0 120px #6727ff50,inset 0 0 100px #793aaf10}.orb:before,.orb:after{content:'';position:absolute;inset:25px;border:1px solid #ad80ff12;border-radius:50%}.orb:after{inset:-30px}.stars{position:absolute;right:20%;top:25%;font-size:45px;color:#c5a5ff88;transform:rotate(15deg)}.creator-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #c59afa25;background:#281c3b88;border-radius:30px;padding:6px 17px 6px 6px;font-size:10px;letter-spacing:1px;margin-bottom:27px}.avatar{width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,#d7bdff,#614082);display:inline-grid;place-items:center;color:white;font:800 20px 'Barlow Condensed'}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:700;color:#b89aff;margin:0 0 17px}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.95;margin:0;font-weight:800}h1{font-size:clamp(65px,8vw,106px);letter-spacing:-1px}em{color:var(--purple);font-style:normal}h2{font-size:clamp(40px,5vw,63px)}p{font-size:13px;line-height:1.8;color:var(--muted);margin:20px 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;background:linear-gradient(120deg,#c4a8ff,#9d71ee);color:#211033;font-size:12px;font-weight:800;padding:19px 29px;border-radius:8px;box-shadow:0 8px 35px #8b50df25;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.scroll{display:block;font-size:8px;letter-spacing:2px;color:#78668b;margin-top:48px}.section{max-width:960px;margin:auto;padding:60px 25px}.offer-card{max-width:580px;margin:auto;border:1px solid #9f6eda66;border-radius:20px;padding:38px 35px;background:radial-gradient(ellipse at top,#6224ffaa,#1c103b 70%);box-shadow:0 15px 80px #54257820;position:relative}.badge{display:inline-block;font-size:8px;letter-spacing:1.6px;color:#d2b6f6;border:1px solid #ac78e944;border-radius:20px;padding:8px 14px;margin-bottom:25px}.offer-card h2{font-size:76px}.offer-card p{margin:16px 0;font-size:12px}.code{display:flex;align-items:center;justify-content:center;gap:25px;width:100%;max-width:330px;margin:0 auto 20px;padding:16px;background:#0a071077;border:1px dashed #bb8dfa66;border-radius:8px;font:800 31px 'Barlow Condensed';letter-spacing:5px}.code svg{height:19px;width:19px;color:#a98acb}.offer-card .button{width:100%;max-width:330px}small{display:block;font-size:9px;color:#867498;margin-top:16px;line-height:1.7}.stream{height:420px;position:relative;margin-top:30px;border:1px solid #c599ff33;border-radius:14px;overflow:hidden;background:#20162b}.stream-landscape{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 25%,#634578,#21162e 65%)}.moon{position:absolute;width:160px;height:160px;border-radius:50%;background:#c399e422;top:40px;left:calc(50% - 80px);box-shadow:0 0 80px #b57ae933}.mountain{position:absolute;bottom:0;width:100%;height:220px;clip-path:polygon(0 50%,15% 0,30% 60%,45% 20%,70% 75%,90% 0,100% 60%,100% 100%,0 100%);background:#372140}.mountain.second{height:140px;background:#160f20;transform:scaleX(-1)}.tower{position:absolute;bottom:0;right:20%;height:250px;width:90px;background:#170e20;clip-path:polygon(12% 0,80% 5%,75% 10%,75% 38%,100% 42%,90% 47%,90% 100%,0 100%,7% 45%,0 40%,15% 32%)}.stream-center{position:relative;padding-top:55px}.avatar.big{width:55px;height:55px;font-size:34px;border:1px solid #d7b2ff66}.stream h3{font-size:53px;margin:22px 0}.watch{display:inline-block;background:#f1dfff15;border:1px solid #d4b0f444;border-radius:7px;padding:12px 20px;font-size:11px}.stream-tag,.offline{position:absolute;left:20px;top:20px;font-size:8px;letter-spacing:1.5px;color:#d7b6ed}.offline{top:auto;bottom:17px;left:0;right:0;color:#9579aa;font-size:7px}.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:30px}.social{display:flex;align-items:center;justify-content:center;gap:13px;padding:25px 15px;background:#191121;border:1px solid #ba8aee25;border-radius:10px;transition:.2s;font-size:12px;font-weight:600}.social:hover{border-color:#cbaaff;background:#2b1a3d;transform:translateY(-3px)}.social svg{width:23px;height:23px;fill:#c3a0f4}.social b{color:#79638f;font-weight:400}.small-note{font-size:9px;color:#786b87;line-height:1.7;display:block;margin-top:20px}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 0}.game{height:290px;border-radius:12px;border:1px solid #cba4ff22;text-align:left;position:relative;overflow:hidden;padding:25px;background:linear-gradient(135deg,#443556,#17111f)}.game>span{position:relative;z-index:2;font-size:8px;letter-spacing:1.5px;color:#c0a2d3}.game h3{position:absolute;bottom:25px;z-index:2;font-size:42px}.game-art{position:absolute;inset:0;background:linear-gradient(0deg,#140c20bb,transparent),repeating-linear-gradient(110deg,transparent 0 45px,#ceb6ed08 46px 47px)}.survival .game-art:after{content:'';position:absolute;bottom:0;width:140%;height:240px;left:-20%;background:#51445c;clip-path:polygon(0 100%,40% 20%,60% 55%,80% 0,100% 100%);opacity:.4}.action{background:radial-gradient(at 80% 10%,#935087,#251331)}.action .game-art:after{content:'';position:absolute;width:95px;height:240px;right:30px;top:10px;transform:rotate(25deg);border:1px solid #e1b2ee44;box-shadow:0 0 50px #bf53c838}.worlds{background:radial-gradient(at 60% 25%,#4b5988,#161127)}.worlds .game-art:after{content:'';position:absolute;right:25px;top:45px;height:115px;width:115px;border-radius:50%;border:1px solid #d5c8ff66;background:linear-gradient(130deg,#ae9ade44,#37265e);box-shadow:0 0 50px #a57fe533}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.steps article{padding:20px}.steps article>span{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #bd8dff44;border-radius:50%;color:#c5a0f7;font-size:12px}.steps h3{font:700 15px Inter;margin:22px 0 0}.steps p{font-size:11px;margin:10px 0}details{font-size:10px;color:#8a799b;max-width:660px;margin:0 auto;border-top:1px solid #ffffff12;padding-top:20px}summary{list-style:none;cursor:pointer;display:flex;justify-content:center;gap:15px}details p{font-size:11px}.final{max-width:none;background:radial-gradient(ellipse at bottom,#6c2bff77,transparent 70%);padding:70px 20px 90px}.final .logo{display:block;font-size:27px;color:#8b709f;margin-bottom:25px}.final h2{font-size:70px}footer{display:flex;justify-content:center;gap:28px;padding:30px 20px;border-top:1px solid #ffffff0b;color:#6c5c7c;font-size:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#c7a6ff;color:#211032;padding:14px 22px;border-radius:8px;font-size:12px;z-index:20;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}:focus-visible{outline:2px solid #dcc4ff;outline-offset:5px}@media(max-width:650px){header{height:68px;padding:0 18px}header .logo{font-size:28px}nav{gap:15px;font-size:9px}.mini-cta{font-size:9px;padding:10px}.hero{min-height:590px}.hero-inner{padding-top:45px}h1{font-size:70px}.orb{width:330px;height:330px;top:145px}.stars{right:7%;top:22%;font-size:25px}.section{padding:45px 18px}.offer-card{padding:30px 22px}.offer-card h2{font-size:66px}.socials{grid-template-columns:1fr 1fr}.social{padding:22px 10px}.stream{height:350px}.stream-center{padding-top:45px}.stream h3{font-size:43px}.games{gap:9px}.game{height:220px;padding:13px}.game>span{font-size:6px;letter-spacing:.5px}.game h3{font-size:27px;bottom:20px}.steps{gap:2px}.steps article{padding:12px 3px}.steps h3{font-size:12px}.steps p{font-size:10px}.final h2{font-size:55px}footer{flex-wrap:wrap;gap:15px}.worlds .game-art:after{width:65px;height:65px;right:10px}.action .game-art:after{width:45px;right:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Bright placeholder brand palette */
.logo{display:inline-flex;align-items:center;justify-content:center;gap:9px}.brand-mark{width:42px;height:34px;object-fit:cover;border-radius:7px}.final .logo{display:flex}.button{background:linear-gradient(115deg,#a269ff,#7035ff);color:#fff;box-shadow:0 8px 35px #6423ff45}.mini-cta{background:#6631ff33;border-color:#8d5aff88;color:#ddcaff}.offer-card{border-color:#9a62ff;background:radial-gradient(ellipse at top,#5b24da99,#1d1036 75%)}.hero{background:radial-gradient(ellipse at 50% 60%,#5720ff55,transparent 68%)}.social{background:linear-gradient(135deg,#36166c,#1c1032);border-color:#8e52ff55}.social svg{fill:#d5bdff}.avatar{object-fit:cover}.orb{border-color:#8f53ff55;box-shadow:0 0 130px #6824ff40,inset 0 0 100px #762fff20}.offer-card h2 em{color:#b990ff}.code{font-size:29px;letter-spacing:3px}.final .brand-mark{width:40px;height:32px}@media(max-width:650px){.brand-mark{width:33px;height:27px}header .logo{gap:5px}.creator-pill{font-size:9px}}

.game{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.game:hover,.game:focus-visible{transform:translateY(-7px);border-color:#b888ff88;box-shadow:0 16px 35px #6b29ce25}.payments{max-width:1080px;padding-top:40px;padding-bottom:55px}.payments h2{font:700 clamp(25px,3.3vw,37px) Inter,Arial,sans-serif;letter-spacing:-1px}.payments>p:not(.eyebrow){margin:17px 0 28px}.payment-methods{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.payment{width:94px;height:61px;border:1px solid #a87ce52b;border-radius:12px;display:flex;justify-content:center;align-items:center;gap:5px;background:#1a102b;font-size:11px;color:#ddd1ed;font-weight:600}.payment svg{width:40px;height:29px}.visa{color:#486fff;font-size:21px;font-style:italic;font-weight:900;letter-spacing:-1px}.interac{background:#ffcf00;color:#101010;padding:12px 4px;border-radius:5px;font-size:12px;font-weight:800;transform:rotate(-8deg);letter-spacing:-1px}.apple svg{width:14px;height:17px}.google b{font-size:22px;background:conic-gradient(#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 65%,#ea4335 65% 80%,#4285f4 80%);color:transparent;background-clip:text}.google{font-size:17px;color:#a99cb9}.revolut{font-size:10px;letter-spacing:-.4px}.crypto span{display:grid;place-items:center;background:#f7931a;color:white;border-radius:50%;width:27px;height:27px;font-size:23px;font-weight:400}.crypto{font-size:10px}.cashlib{color:#478eb4;font-size:12px;gap:0}.cashlib span{color:#e8a741}.more{color:#a28db8;font-size:10px}.payments small{font-size:8px;margin-top:20px}@media(max-width:650px){.payment{width:82px;height:55px}.payment-methods{gap:8px}.payments{padding-top:20px}.payments h2{letter-spacing:-.5px}}

.pill-brand{display:inline-flex;align-items:center;gap:6px}.creator-pill .brand-mark{width:25px;height:22px;border-radius:5px}.pill-brand strong{font-size:10px;letter-spacing:1px}.hero-inner>.button{margin-top:31px}.logo-outline{position:absolute;width:660px;height:660px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);color:#ad7eff;opacity:.15;pointer-events:none;filter:drop-shadow(0 0 18px #7433ef40)}footer{display:flex;flex-direction:column;align-items:center;gap:0;padding:38px 25px 25px}.footer-logo{font-size:34px;color:#eee2ff}.footer-disclaimer{max-width:670px;color:#8f7d9f;font-size:10px;line-height:1.9;margin:20px 0 25px}.age-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #a986ca66;border-radius:50%;font-weight:700;color:#c6adde;margin-right:8px;vertical-align:middle}.footer-bottom{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-size:8px;color:#776187}@media(max-width:650px){.logo-outline{width:510px;height:510px}.hero-inner>.button{margin-top:27px}.creator-pill .brand-mark{width:23px;height:20px}.pill-brand strong{font-size:9px}.footer-disclaimer{font-size:9px}}

.originals{max-width:780px;margin:30px auto 0;gap:20px}.game.original-card{padding:0;height:auto;aspect-ratio: .76;background:#211132;border:1px solid #9957ff77;border-radius:17px;box-shadow:0 5px 25px #38126035}.original-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.original-card:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px #9353ff28;pointer-events:none}.original-label{position:absolute;left:0;right:0;bottom:0;padding:17px 12px 15px;background:linear-gradient(0deg,#261044,#261044f5 80%,#261044d0);text-align:center;border-top:1px solid #b97eff55}.original-label span{font-size:7px;letter-spacing:1.6px;color:#bb93f0}.game .original-label h3{position:static;font-size:29px;margin:8px 0 0;color:#f7eeff}.original-card:hover img,.original-card:focus-visible img{transform:scale(1.035)}@media(max-width:650px){.originals{gap:10px}.game.original-card{border-radius:10px;aspect-ratio:.67}.original-label{padding:10px 3px}.original-label span{font-size:5px;letter-spacing:.6px}.game .original-label h3{font-size:17px;margin-top:5px}}

/* Uniform artwork cards; titles are already part of the supplied images. */
.originals{align-items:stretch}.game.original-card{aspect-ratio:3/4;height:auto;border:2px solid #9860f0;border-radius:16px;overflow:hidden;background:#20102f}.original-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}.original-card:after{box-shadow:inset 0 0 0 1px #d2adff22}.original-card:hover img,.original-card:focus-visible img{transform:none}@media(max-width:650px){.game.original-card{aspect-ratio:3/4;border-radius:10px}}

.logo-outline{opacity:.08}

#offer .offer-card h2 em,#payments h2 em{color:#fcd049}

/* Full CRAZYBET wordmark; preserve the uploaded aspect ratio and transparency. */
.logo .brand-mark{width:150px;height:auto;object-fit:contain;border-radius:0}.creator-pill .brand-mark{width:100px;height:auto;object-fit:contain;border-radius:0}.final .logo .brand-mark,.footer-logo .brand-mark{width:170px;height:auto}@media(max-width:650px){header .logo .brand-mark{width:110px}.creator-pill .brand-mark{width:85px}}

/* Five original game artwork cards. */
.originals{max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}@media(max-width:650px){.originals{grid-template-columns:repeat(5,145px);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.originals .original-card{scroll-snap-align:start}}

.twitch-stream{height:auto;aspect-ratio:16/9;min-height:300px;background:#08060d}.twitch-stream #twitch-player{position:absolute;inset:0}.twitch-stream iframe{display:block;width:100%;height:100%;border:0}.stream-info{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;font-size:11px;color:#bca5d7}.stream-info a,#stream-offline a{color:#d8bbff}#stream-offline[hidden]{display:none}@media(max-width:450px){.twitch-stream{min-width:400px}#stream{overflow-x:auto}}

/* Editable artwork captions and image-only payment tiles. */
.game.original-card{aspect-ratio:auto;display:flex;flex-direction:column}.original-card img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/4;object-fit:fill}.game-caption{padding:15px 10px;min-height:50px;background:#241235;border-top:1px solid #9860f055;color:#efe5ff;font:600 12px/1.4 Inter,Arial,sans-serif;text-align:center;overflow-wrap:anywhere}.payment.payment-image{padding:0;overflow:hidden;min-width:90px;height:62px}.payment-image img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:650px){.game-caption{font-size:11px;padding:12px 7px}.payment.payment-image{height:55px}}

/* Smaller centered payment logos, optional labels, and quiet card borders. */
.payment-methods{justify-content:center;align-items:center;gap:10px}.payment.payment-image{width:94px;min-width:0;height:54px;padding:10px 8px;gap:6px;border-color:#79629826;background:#160f22}.payment-image img{width:auto;max-width:62px;height:30px;max-height:30px;object-fit:contain}.payment-image:has(.payment-caption:not(:empty)) img{max-width:32px}.payment-caption{font:600 10px/1.3 Inter,Arial,sans-serif;color:#bdb1ca;overflow-wrap:anywhere}.payment-caption:empty{display:none}.game.original-card{border:1px solid #71528c30;box-shadow:none;background:#160e24}.original-card:after{box-shadow:none}.game-caption{background:#190f29;border-top:1px solid #71528c20;color:#d3c8e1}@media(max-width:650px){.payment.payment-image{width:88px;height:50px}.payment-methods{gap:8px}}

.creator-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.creator-media-card{display:block;text-align:left;border:1px solid #71528c30;border-radius:14px;overflow:hidden;background:#160e24}.creator-media-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.creator-media-grid.reels{max-width:740px;margin-left:auto;margin-right:auto}.creator-media-grid.reels img{aspect-ratio:9/16}.creator-media-title{display:block;padding:15px;color:#d3c8e1;font:600 13px/1.5 Arial}.creator-media-card:hover{border-color:#a484ca66}.media-unlinked{cursor:default}@media(max-width:650px){.creator-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-media-title{font-size:11px;padding:12px}}



.step-visual{display:flex;justify-content:center;align-items:center;min-height:42px}.step-number{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #bd8dff44;border-radius:50%;color:#c5a0f7;font-size:12px}.step-icon{display:block;width:var(--step-icon-size,80px);height:var(--step-icon-size,80px);object-fit:contain}.step-visual [hidden]{display:none}.step-visual.icon-mode{min-height:var(--step-icon-size,80px)}

/* Personal streamer portrait beside the welcome offer. */

/* Face toward the headline, with his back beside the offer. */

/* Single-row card rails with a faded next-card hint and no scrollbar. */
.creator-media-grid,.creator-media-grid.reels{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:31%;max-width:none;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;padding:3px 2px 10px;scrollbar-width:none}.creator-media-grid.reels{grid-auto-columns:28%}.creator-media-card{min-width:0;scroll-snap-align:start}.creator-media-grid::-webkit-scrollbar,.games.originals::-webkit-scrollbar{display:none;width:0;height:0}.games.originals{scrollbar-width:none;overscroll-behavior-x:contain}.creator-media-grid.more-right,.games.originals.more-right{mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 65px),transparent 100%)}.creator-media-grid.more-left,.games.originals.more-left{mask-image:linear-gradient(to right,transparent 0,#000 45px,#000 100%)}.creator-media-grid.more-left.more-right,.games.originals.more-left.more-right{mask-image:linear-gradient(to right,transparent 0,#000 45px,#000 calc(100% - 65px),transparent 100%)}@media(max-width:650px){.creator-media-grid,.creator-media-grid.reels{grid-template-columns:none;grid-auto-columns:82%;gap:12px}.creator-media-grid.reels{grid-auto-columns:65%}.games.originals{padding-bottom:4px}}

/* Shorter game cards with compact captions. */
.games.originals .original-card img{aspect-ratio:1/1;object-fit:cover;object-position:center}.games.originals .game-caption{min-height:42px;padding:12px 8px}@media(max-width:650px){.games.originals .original-card img{aspect-ratio:1/1}.games.originals .game-caption{min-height:38px;padding:10px 7px}}

/* Streamer identity is part of the offer card on every screen. */
.hero{min-height:0;padding:76px 24px 26px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#5720ff30,transparent 70%)}
.hero-inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:0}
.hero-inner .offer-card{width:100%;max-width:440px;margin:0;padding:28px 24px;border:1px solid #a984ff66;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#46266b66,transparent 55%),#1b1129;box-shadow:0 14px 50px #06030a30,0 0 40px #7035ff12}
.hero-inner .creator-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:0 0 22px;padding:0;border:0;border-radius:0;background:none;font-family:Inter,Arial,sans-serif;font-size:24px;line-height:1.3;letter-spacing:0}
.hero-inner .creator-pill .avatar{width:88px;height:88px;margin-top:-72px;border:4px solid #1b1129;outline:1px solid #a984ff88;box-shadow:0 8px 30px #7035ff35;object-fit:cover;flex-shrink:0}
.hero-inner .creator-pill [data-name]{font-size:24px;font-weight:800;max-width:100%;overflow-wrap:anywhere}
.hero-inner .creator-partner{display:flex;align-items:center;justify-content:center;gap:9px}
.hero-inner .creator-pill [data-edit-id="e13"]{font-size:16px;font-weight:400;color:var(--muted)}
.hero-inner .creator-pill .brand-mark{width:80px;max-width:100%;height:auto;object-fit:contain}
.hero-inner .badge{margin-bottom:18px;font-size:8px;letter-spacing:1px;padding:7px 12px}
.hero-inner .offer-card h2{font-size:60px;line-height:1}
.hero-inner .offer-card h2 em{color:#b990ff}
.hero-inner .offer-card p{margin:14px 0;font-size:12px}
.hero-inner .code{max-width:none;padding:14px;font-size:26px;margin-bottom:14px}
.hero-inner .offer-card .button{max-width:none;padding:17px 20px;background:linear-gradient(115deg,#a269ff,#7035ff)}
.hero-inner .offer-card small{margin-top:14px;font-size:9px}
.hero>.scroll{margin-top:24px;font-size:8px;letter-spacing:1.5px}
@media(max-width:650px){.hero{padding:68px 18px 20px}.hero-inner .offer-card{padding:24px 18px}.hero-inner .offer-card h2{font-size:52px}.hero-inner .creator-pill .avatar{width:80px;height:80px;margin-top:-64px}.hero-inner .creator-pill [data-name]{font-size:22px}.hero-inner .creator-pill .brand-mark{width:75px}}

.creator-media-title[hidden]{display:none}



.socials{grid-template-columns:repeat(3,minmax(0,1fr))}.social[data-social="Instagram"] svg{color:#c3a0f4}@media(max-width:800px){.socials{grid-template-columns:repeat(2,minmax(0,1fr))}}

.socials.logos-only{display:grid;grid-template-columns:repeat(var(--social-count,6),minmax(0,1fr));gap:8px;width:100%;max-width:calc(var(--social-count,6)*60px);margin-left:auto;margin-right:auto}.socials.logos-only .social{width:100%;height:auto;aspect-ratio:1;min-width:0;padding:0;gap:0}.socials.logos-only .social>span,.socials.logos-only .social>b{display:none}.socials.logos-only .social svg{width:clamp(18px,5vw,23px);height:clamp(18px,5vw,23px)}

.socials .social[hidden]{display:none}

.feature-section{padding-top:12px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.feature-card{min-width:0;overflow:hidden;text-align:left;border:1px solid #a984ff25;border-radius:14px;background:#1b1622}.feature-card>img{display:block;width:100%;aspect-ratio:1.9;object-fit:cover}.feature-wide{grid-column:1/-1}.feature-wide>img{aspect-ratio:3.2}.feature-description{padding:20px 22px}.feature-description h3{font:700 17px/1.4 Inter,Arial,sans-serif;overflow-wrap:anywhere}.feature-description p{margin:8px 0 0;font-size:13px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}@media(max-width:650px){.feature-grid{grid-template-columns:1fr;gap:18px}.feature-wide{grid-column:auto}.feature-wide>img{aspect-ratio:1.9}.feature-description{padding:18px}.feature-description h3{font-size:16px}}

main>section[hidden],header a[hidden]{display:none!important}.feature-wide .feature-description{text-align:center}.feature-card{display:block;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.feature-card:hover,.feature-card:focus-visible{transform:translateY(-5px);border-color:#a984ff88;box-shadow:0 12px 32px #7035ff20}.feature-card:focus-visible{outline:2px solid #b990ff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.feature-card:hover,.feature-card:focus-visible{transform:none}}

.media-thumbnail{position:relative}.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#10091eb3;border:1px solid #ffffff66;box-shadow:0 4px 20px #0006;backdrop-filter:blur(4px);pointer-events:none;transition:background .2s ease,scale .2s ease}.media-play svg{width:25px;height:25px;fill:#fff;margin-left:3px}.creator-media-card:hover .media-play,.creator-media-card:focus-visible .media-play{background:#7035ffdd;scale:1.08}@media(max-width:650px){.media-play{width:42px;height:42px}.media-play svg{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.creator-media-card:hover .media-play,.creator-media-card:focus-visible .media-play{scale:1}}

@media(max-width:650px){.feature-card>img,.feature-wide>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}}

/* Heroicons outline icons used for action indicators; social logos remain brand marks. */
.heroicon-arrow{width:16px;height:16px;flex-shrink:0;display:inline-block;vertical-align:middle}

/* Hide empty feature headings while preserving description spacing. */
.feature-description h3:empty{display:none;margin:0}
.feature-description h3:empty + p{margin-top:0}

/* Compact bilingual selector in the existing navigation bar. */
#language-toggle{appearance:none;border:1px solid #a984ff66;border-radius:7px;background:#201332;color:#f7f1ff;padding:7px 9px;font:700 11px Inter,Arial,sans-serif;cursor:pointer;margin-left:9px;flex-shrink:0}
#language-toggle:focus-visible{outline:2px solid #a984ff;outline-offset:2px}
@media(max-width:600px){#language-toggle{padding:6px;margin-left:4px}}

/* Mobile Safari: one-row navigation without wrapping or overflow. */
@media(max-width:650px){
  header{height:70px;padding:0 12px;gap:9px;justify-content:space-between;min-width:0}
  header .logo{flex:0 1 auto;min-width:0;display:flex;align-items:center}
  header .logo .brand-mark{width:clamp(92px,29vw,116px);height:auto;max-width:100%}
  header nav{display:none}
  header .mini-cta{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:5px;white-space:nowrap;padding:10px 9px;font-size:10px;line-height:1.1;min-height:38px;margin-left:auto}
  header .mini-cta .heroicon-arrow{width:13px;height:13px}
  header #language-toggle{flex:0 0 auto;width:48px;max-width:48px;min-height:38px;margin-left:0;padding:7px 6px;text-align:center;font-size:11px}
}
@media(max-width:360px){
  header{padding:0 9px;gap:6px}
  header .logo .brand-mark{width:90px}
  header .mini-cta{padding:9px 7px;font-size:9px}
  header #language-toggle{width:44px;max-width:44px}
}

/* JUJUFTBL hero stadium concept: image becomes active as soon as the asset is added. */
#home.hero {
  background-image: url('/assets/juju-hero-background.webp'), radial-gradient(ellipse at center, #30124a 0%, #090416 75%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#home.hero .offer-card { box-shadow: 0 18px 65px rgba(0,0,0,.42); }
@media(max-width:640px){ #home.hero{ background-position:center center; } }

/* JUJUFTBL Sports visual system — stadium framing and coordinated content. */
:root{--bg:#070c21;--purple:#8d83ff;--muted:#a5b4d4}
body{background:#070b1d;color:#f4f5ff}
header{background:rgba(5,9,28,.94);border-bottom:1px solid rgba(79,118,244,.18)}
#home.hero{
  background-color:#05091d;
  background-image:linear-gradient(90deg,rgba(4,8,24,.2),rgba(5,9,28,.08) 30%,rgba(5,9,28,.08) 70%,rgba(4,8,24,.2)),url('/assets/juju-hero-background.webp');
  background-size:100% 100%, auto 100%;
  background-position:center, center;
  background-repeat:no-repeat;
  isolation:isolate;
}
#home.hero:before,#home.hero:after{content:"";position:absolute;top:0;bottom:0;width:max(0px,calc((100vw - 1540px)/2));pointer-events:none;z-index:0}
#home.hero:before{left:0;background:linear-gradient(90deg,#05091d,rgba(5,9,29,.2))}
#home.hero:after{right:0;background:linear-gradient(270deg,#05091d,rgba(5,9,29,.2))}
#home.hero .offer-card{background:rgba(17,14,44,.94);border-color:rgba(119,126,251,.45);box-shadow:0 20px 80px rgba(1,4,20,.68),0 0 50px rgba(64,88,234,.13)}
#rewards,#stream,#brand,#features,#payments,#socials{background:linear-gradient(180deg,#070b1d 0%,#0c1230 100%)}
#rewards .step-visual{filter:drop-shadow(0 6px 18px rgba(31,95,255,.28))}
#rewards h2 em,#brand h2 em,#socials h2 em,#final h2 em{color:#aaa0ff}
#brand{border-top:1px solid rgba(107,130,255,.12)}
#brand .game.original-card{background:#111839;border-color:rgba(108,141,255,.27)}
#features .feature-card{background:linear-gradient(160deg,#152448,#120f2b);border-color:rgba(97,135,255,.3)}
#payments .payment{background:linear-gradient(135deg,#131e40,#23103e);border-color:rgba(102,129,248,.4)}
#socials .social{background:linear-gradient(130deg,#172149,#271045);border-color:rgba(112,127,247,.36)}
#final{background:radial-gradient(ellipse at center,#182865 0%,#100f32 48%,#070b1d 100%)}
#final .button.claim,#home .button.claim{background:linear-gradient(105deg,#7057ff,#4d78ff);box-shadow:0 6px 25px rgba(64,97,255,.22)}
#final .button.claim:hover,#home .button.claim:hover{filter:brightness(1.1)}
@media (min-width:1540px){#home.hero{background-size:100% 100%,1540px auto;background-position:center,center center}}
@media(max-width:760px){#home.hero{background-size:100% 100%,auto 100%;background-position:center,center}#home.hero:before,#home.hero:after{display:none}#home.hero .offer-card{backdrop-filter:blur(5px)}}

/* JUJUFTBL cohesive stadium treatment — full-width blended backdrop with centered art. */
body{background:#060b20}
main{background:linear-gradient(180deg,#060b20 0%,#09132e 42%,#090e26 75%,#060b20 100%)}
#home.hero{
  background-color:#060b20;
  background-image:
    linear-gradient(180deg,rgba(6,11,32,.22) 0%,rgba(6,11,32,0) 18%,rgba(6,11,32,0) 67%,#080e28 100%),
    linear-gradient(90deg,#060b20 0%,rgba(6,11,32,0) 24%,rgba(6,11,32,0) 76%,#060b20 100%),
    url('/assets/juju-hero-background.webp');
  background-size:100% 100%,100% 100%,min(100vw,1540px) auto;
  background-position:center,center,center center;
  background-repeat:no-repeat;
}
#home.hero:before,#home.hero:after{display:none}
#home.hero .hero-inner{position:relative;z-index:2}
#home.hero .offer-card{background:rgba(14,16,43,.90);border-color:rgba(124,134,243,.42);backdrop-filter:blur(7px)}
#rewards,#stream,#brand,#features,#payments,#socials{
  background:transparent!important;
  position:relative;
}
#rewards{background:linear-gradient(180deg,#080e28 0%,#0b1430 100%)!important}
#stream{background:linear-gradient(180deg,#0b1430 0%,#0b1430 100%)!important}
#brand{background:linear-gradient(180deg,#0b1430 0%,#0b1129 100%)!important}
#features,#payments,#socials{background:#0b1129!important}
#final{background:radial-gradient(ellipse at 50% 30%,#20255a,#0b1129 64%,#060b20)}
#rewards .steps,#stream .stream,#brand .games,#features .feature-grid,#socials .socials{position:relative;z-index:1}
#rewards .steps article h3,#brand .game-caption{color:#f4f6ff}
#rewards .steps article p,#payments p,#final p{color:#a8b6de}
#stream .stream{border-color:rgba(103,133,245,.35);box-shadow:0 15px 48px rgba(2,6,22,.2)}
@media(min-width:1600px){
  #home.hero{background-size:100% 100%,100% 100%,1540px auto}
}
@media(max-width:760px){
  #home.hero{background-size:100% 100%,100% 100%,auto 100%}
  #home.hero{background-image:linear-gradient(180deg,rgba(6,11,32,.3),rgba(6,11,32,.18) 65%,#080e28),linear-gradient(90deg,rgba(6,11,32,.25),rgba(6,11,32,.25)),url('/assets/juju-hero-background.webp')}
}

/* Keep the two styled halves of the games heading separated. */
#brand h2 > span[data-edit-id="e54"]{display:inline; margin-right:.22em}
#brand h2 > em{display:inline;white-space:normal}
@media(max-width:600px){#brand h2 > span[data-edit-id="e54"]{margin-right:.18em}}

/* Sports banner carousel replaces the former game-card shelf. */
#brand.sports-banner-section{padding:44px 20px 58px!important;background:linear-gradient(180deg,#0b1430,#0b1129)!important;overflow:hidden}
.sports-banner-carousel{position:relative;width:min(100%,1260px);margin:auto;border-radius:18px;overflow:hidden;background:#11183a;border:1px solid rgba(129,129,255,.28);box-shadow:0 20px 56px rgba(2,5,20,.32)}
.sports-banner-stage{position:relative;aspect-ratio:4/1;min-height:220px}
.sports-banner-slide{position:absolute;inset:0;animation:sportsSlideFade .45s ease-out}
.sports-banner-slide[hidden]{display:none!important}
.sports-banner-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.sports-banner-slide>a{display:block;width:100%;height:100%}
.sports-banner-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;padding:35px;background:radial-gradient(circle at 70% 40%,#3b1b79 0%,transparent 53%),linear-gradient(120deg,#161949,#241049);color:#fff}
.sports-banner-placeholder span{font-weight:800;letter-spacing:.24em;color:#b9a3ff;font-size:12px}
.sports-banner-placeholder strong{font:900 clamp(30px,5vw,72px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.sports-banner-placeholder small{font-size:12px;color:#d8cef1}
.sports-banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:rgba(6,9,31,.65);color:#fff;font-size:32px;line-height:30px;display:grid;place-items:center;backdrop-filter:blur(8px);opacity:0;transition:opacity .15s ease}
.sports-banner-prev{left:18px}.sports-banner-next{right:18px}
.sports-banner-carousel:hover .sports-banner-arrow,.sports-banner-arrow:focus-visible{opacity:1}
.sports-banner-arrow[hidden]{display:none}
.sports-banner-dots{position:absolute;bottom:15px;left:24px;display:flex;gap:7px;z-index:4}
.sports-banner-dot{border:0;background:rgba(255,255,255,.4);height:6px;width:17px;padding:0;border-radius:8px;transition:width .25s,background .25s}
.sports-banner-dot[aria-current="true"]{width:35px;background:white}
.sports-banner-dot:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes sportsSlideFade{from{opacity:.5}to{opacity:1}}
@media(max-width:700px){#brand.sports-banner-section{padding:30px 12px 40px!important}.sports-banner-carousel{border-radius:13px}.sports-banner-stage{aspect-ratio:16/9;min-height:170px}.sports-banner-dots{bottom:12px;left:15px}.sports-banner-arrow{opacity:1;width:30px;height:30px;font-size:24px}.sports-banner-prev{left:7px}.sports-banner-next{right:7px}.sports-banner-placeholder small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sports-banner-slide{animation:none}.sports-banner-dot{transition:none}}

/* Keep text-safe left side of user-supplied 4:1 banners visible. */
.sports-banner-slide img{object-fit:contain!important;object-position:center center!important;background:#100c31}
.sports-banner-stage{aspect-ratio:4/1}
@media(max-width:700px){.sports-banner-stage{aspect-ratio:4/1;min-height:0}.sports-banner-slide img{object-fit:contain!important;object-position:center!important}}

/* Match the carousel frame to the uploaded banners and remove letterboxing. */
.sports-banner-stage{aspect-ratio:1920 / 480!important;min-height:0!important}
.sports-banner-slide,.sports-banner-slide>a{height:100%;width:100%}
.sports-banner-slide img{width:100%;height:100%;object-fit:fill!important;object-position:center!important}
@media(max-width:700px){.sports-banner-stage{aspect-ratio:1920 / 480!important;min-height:0!important}}

/* Keep carousel section in the same centered footprint as the hero artwork. */
#brand.sports-banner-section{
  box-sizing:border-box;
  width:min(100%,1540px);
  max-width:1540px;
  margin-inline:auto;
  padding:28px clamp(16px,2vw,30px) 40px!important;
  background:linear-gradient(180deg,#080e28 0%,#0b1430 100%)!important;
}
#brand .sports-banner-carousel{width:100%;max-width:100%;margin-inline:auto}
@media(max-width:700px){
  #brand.sports-banner-section{padding:20px 12px 30px!important}
}

/* Cheapshot Podcast: dark rink / charcoal / red lighting, not blue sci-fi. */
body,main{background:#090a0e!important;color:#f7f5f8!important}
header{background:rgba(10,10,15,.95)!important;border-color:#4a293d!important}
#home.hero{background-color:#090a0e!important;background-image:linear-gradient(180deg,rgba(7,7,12,.52),rgba(7,7,12,.74) 72%,#090a0e 100%),linear-gradient(90deg,#090a0e,transparent 26%,transparent 74%,#090a0e),url('/assets/canadiens_ice_arena_showdown.webp')!important;background-size:100% 100%,100% 100%,min(100vw,1540px) auto!important;background-position:center!important;min-height:630px}
#home.hero .offer-card{background:rgba(15,12,21,.96)!important;border:1px solid rgba(178,78,114,.48)!important;box-shadow:0 20px 70px #000b!important}
#home.hero .offer-card h2{font-size:clamp(38px,5vw,67px)!important}
#home.hero .offer-card h2 em{color:#e27b9a!important}
#home.hero .code{font-size:clamp(18px,3vw,25px);letter-spacing:1.5px;cursor:default}
#stream,#socials,#final{background:#0c0b11!important}
#stream{border-top:1px solid rgba(200,100,125,.15)}
#stream .stream{background:#14131b!important;border-color:#5c3449!important}
#final{background:radial-gradient(ellipse at 50% 0%,#341622,#0a0a10 75%)!important}
#final .button.claim,#home .button.claim{background:linear-gradient(110deg,#8b375f,#b84c62)!important;box-shadow:0 8px 32px #4b182b60!important}
#socials .social{background:#18121b!important;border-color:#583245!important}
#socials .social:hover{background:#2b1724!important;border-color:#bf687c!important}
#stream h2 em,#socials h2 em,#final h2 em{color:#e27b9a!important}
@media(max-width:760px){#home.hero{background-size:100% 100%,100% 100%,auto 100%!important}#home.hero .offer-card{padding:26px 18px}}

/* Cheapshot official image assets: retain original artwork and darken with CSS only. */
#home.hero{background-image:linear-gradient(180deg,rgba(7,7,12,.67) 0%,rgba(7,7,12,.63) 56%,#090a0e 100%),linear-gradient(90deg,#090a0e 0%,rgba(9,10,14,.12) 22%,rgba(9,10,14,.12) 78%,#090a0e 100%),url('/assets/canadiens_ice_arena_showdown.webp')!important;background-position:center center!important;background-repeat:no-repeat!important}
#home.hero .avatar{object-fit:cover;object-position:center center;background:#111015}

/* Match the sports-morgie/JUJU section hierarchy and consistent width; only theme differs. */
#brand.sports-banner-section{display:block!important;padding:28px clamp(16px,2vw,30px) 40px!important;background:#0b0d19!important;}
#rewards,#stream,#features,#socials{background:#0b0d19!important;max-width:960px;margin:auto;}
#rewards{padding-top:65px!important;padding-bottom:65px!important}
#rewards .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
#features .feature-card{background:#161221!important;border-color:#53314a!important}
#features .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#features .feature-wide{grid-column:1/-1}
#home.hero{min-height:625px!important}
#home.hero .hero-inner{padding-top:65px;padding-bottom:35px}
#home.hero .offer-card{max-width:580px;padding:38px 35px!important}
#home.hero .code{cursor:pointer!important;letter-spacing:.9px}
#home.hero .code:hover{border-color:#d9759c}
#brand .sports-banner-carousel{background:#111018;border-color:#634253}
#brand .sports-banner-slide img{object-fit:cover!important}
#socials .socials{max-width:650px}
#final{padding:75px 20px 85px!important}
@media(max-width:650px){#home.hero .offer-card{padding:30px 22px!important}#features .feature-grid{grid-template-columns:1fr}#features .feature-wide{grid-column:auto}#rewards .steps{gap:6px}}

/* Cheapshot visual identity: microphone teal + hockey gold; no pink site accent. */
:root {--purple:#22d6c2;--muted:#abb9bf;--bg:#080b10}
html,body,main{background:#090b0f!important;color:#f6f7f5!important}
header{background:rgba(7,10,14,.95)!important;border-bottom-color:rgba(39,204,184,.18)!important}
#home.hero .offer-card{background:rgba(8,12,16,.94)!important;border-color:rgba(32,209,188,.42)!important;box-shadow:0 22px 75px rgba(0,0,0,.7)!important}
#home.hero .offer-card h2 em, #rewards h2 em,#stream h2 em,#socials h2 em,#final h2 em{color:#2ad9c3!important}
#home.hero .badge,.eyebrow{color:#f6d45e!important;letter-spacing:1.8px}
#home.hero .badge{border-color:rgba(248,209,84,.35)!important;background:rgba(248,209,84,.045)}
#home.hero .creator-pill{border-color:rgba(40,215,193,.4)!important;background:rgba(15,28,31,.85)!important}
#home.hero .code{border-color:rgba(40,215,193,.47)!important;background:rgba(3,11,14,.8)!important}
#home.hero .code svg{color:#2ad9c3!important}
#home.hero .code:hover{border-color:#f6d45e!important}
#home.hero .button.claim,#final .button.claim{background:linear-gradient(110deg,#1ba997,#19c6ae)!important;color:#041816!important;box-shadow:0 8px 28px rgba(19,191,170,.18)!important}
.mini-cta{background:rgba(28,197,177,.12)!important;color:#57e9d3!important;border-color:rgba(35,213,192,.38)!important}
#rewards,#stream,#features,#socials{background:#0c1118!important}
#rewards .steps article,#features .feature-card{background:#101820!important;border-color:rgba(36,201,179,.28)!important}
#features .feature-card:hover{border-color:#f6d45e!important}
#features .feature-card>img{width:100%;display:block;object-fit:cover;background:#121820}
#features .feature-description{background:#101820!important}
#features .feature-description h3{color:#f3f5f3!important}
#features .feature-description p,#rewards p{color:#aabdc2!important}
#stream .stream{border-color:rgba(45,198,181,.38)!important;background:#0b141b!important}
#rewards .step-visual{filter:drop-shadow(0 8px 15px rgba(23,161,152,.13))!important}
#socials .socials{max-width:300px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
#socials .social{background:#121d20!important;border-color:rgba(40,216,189,.32)!important}
#socials .social:hover{border-color:#f0c94d!important;background:#142c2c!important}
#socials .social svg{fill:#42d9c4!important;color:#42d9c4!important}
#final{background:radial-gradient(ellipse at 50% 0%,#15352f 0%,#0c1419 48%,#080a0e 90%)!important}
footer{background:#070a0e!important;border-color:rgba(37,210,188,.18)!important}
#final h2 em{color:#f4d264!important}
#toast{background:#20d0b8!important;color:#071716!important}
:focus-visible{outline-color:#31d9c1!important}
@media(max-width:650px){#socials .socials{max-width:280px!important}}

/* Never show an empty video box when YouTube blocks automated discovery. */
#youtube-player{min-height:320px;background:radial-gradient(ellipse at 50% 0%,#18332f,#0b1015 72%)}
.youtube-fallback{height:100%;min-height:320px;padding:26px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}
.youtube-fallback img{height:92px;width:92px;object-fit:cover;border-radius:18px;border:1px solid #2ad9c366}
.youtube-fallback strong{font:800 clamp(24px,4vw,38px)/1.1 'Barlow Condensed',Impact,sans-serif}
.youtube-fallback p{max-width:350px;margin:0;color:#aebfc3;font-size:12px}
.youtube-fallback a{background:#25cdb5;color:#09201e;font-weight:800;border-radius:9px;padding:14px 22px;font-size:12px;transition:filter .2s}
.youtube-fallback a:hover{filter:brightness(1.1)}

/* Cheapshot language selector matches the logo's teal and gold palette. */
#language-toggle{background:#102321!important;border:1px solid rgba(45,211,188,.55)!important;color:#f2e2a2!important;border-radius:8px!important;min-height:36px}
#language-toggle:hover,#language-toggle:focus-visible{border-color:#f3d15b!important;outline-color:#f3d15b!important}

/* JUJU hero proportions: eliminate oversized vertical gap from the previous
   centered image + content-height layout. Keep Cheapshot artwork unchanged. */
@media (min-width: 761px) {
  #home.hero {
    height: 555px !important;
    min-height: 555px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background-size: 100% 100%, 100% 100%, min(100vw,1540px) auto !important;
    background-position: center, center, center !important;
  }
  #home.hero .hero-inner {
    width: 100%;
    max-width: 440px;
    padding: 0 18px !important;
    margin: 0 auto !important;
  }
  #home.hero .offer-card {
    box-sizing: border-box;
    width: 100%;
    max-width: 400px !important;
    padding: 32px 21px 25px !important;
  }
  #home.hero .offer-card .creator-pill {margin-bottom: 18px !important;}
  #home.hero .offer-card .badge {margin-bottom: 16px !important;}
  #home.hero .offer-card h2 {font-size: 60px !important;line-height: .94 !important;white-space: nowrap;}
  #home.hero .offer-card p {margin: 13px 0 15px !important;font-size: 11px !important;}
  #home.hero .offer-card .code {margin-bottom: 13px !important;padding: 13px 11px !important;}
  #home.hero .offer-card .button {padding: 15px 16px !important;}
  #home.hero .offer-card small {margin-top: 12px !important;}
  #home.hero .scroll {
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    margin: 0 !important;
    z-index: 2;
  }
}
@media (min-width: 761px) and (max-width: 980px) {
  #home.hero{height: 545px!important;min-height:545px!important;}
}
@media (max-width:760px) {
  #home.hero{min-height: 0!important; height:auto!important; padding:54px 0 28px!important; background-size:100% 100%,100% 100%,auto 100%!important;}
  #home.hero .hero-inner{padding:0 16px 12px!important;width:100%;max-width:440px;}
  #home.hero .offer-card{width:100%;max-width:400px!important;padding:30px 19px 24px!important;}
  #home.hero .offer-card h2{font-size:clamp(44px,11vw,60px)!important;white-space:nowrap;}
  #home.hero .scroll{margin-top:10px!important;}
}