.hero{position:relative}
.lg-load{display:flex;align-items:center;justify-content:center;gap:10px; width:100%;height:48px;margin-top:14px; background:var(--paper);border:1px solid var(--rule); border-radius:var(--r-pill); font-weight:900;font-size:13px;color:var(--ink);cursor:pointer; transition:background .15s, border-color .15s, transform .12s;}
.lg-load:hover{background:var(--paper-2);border-color:var(--rule-2);transform:translateY(-1px)}
.lg-load-meta{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--ink-soft)}
.sec-head .ico{width:42px;height:42px;border-radius:12px; display:flex;align-items:center;justify-content:center; flex-shrink:0; background:radial-gradient(circle at 50% 32%, #221E1F 0%, #161314 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 4px 12px -4px rgba(0,0,0,.6);}
.sec-head .ico .ico-3d{width:34px;height:34px;object-fit:contain;display:block}
.sports-row{display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 60px) / 6); gap:12px; overflow-x:clip; overflow-y:visible; padding:72px 4px 8px; margin-top:-72px;}
.sport-card{scroll-snap-align:start; position:relative;display:block;cursor:pointer; aspect-ratio:.78/1; border-radius:var(--r-tile); overflow:visible; isolation:isolate; transition:transform .2s var(--ease-out);}
.sport-bg{position:absolute;inset:0;z-index:1; border-radius:var(--r-tile); overflow:hidden; box-shadow:var(--shadow-sm);}
.sport-bg-img{position:absolute;inset:0; background-color:var(--ink); background-size:cover;background-position:center;background-repeat:no-repeat; transition:transform .55s var(--ease-out);}
.sport-card::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none; border-radius:var(--r-tile); padding:2px; background:linear-gradient(132deg, rgba(255,255,255,.5) 0%, rgba(242,166,168,.42) 30%, rgba(227,102,105,.38) 70%, rgba(203,33,38,.28) 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;}
.sport-lion{position:absolute;left:50%;top:-16%;z-index:3; height:146%;width:auto; max-width:none; transform:translateX(-50%); transition:transform .4s var(--ease-out); pointer-events:none; filter:drop-shadow(0 12px 18px rgba(0,0,0,.5)); -webkit-clip-path:inset(0 0 22% 0); clip-path:inset(0 0 22% 0);}
.sport-scrim{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:4; border-radius:0 0 var(--r-tile) var(--r-tile); background:linear-gradient(180deg, rgba(14,12,12,0) 0%, rgba(14,12,12,.82) 100%); pointer-events:none;}
.sport-play{position:absolute;left:50%;top:48%;z-index:5; width:54px;height:54px;border-radius:50%; display:flex;align-items:center;justify-content:center; background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 42%), linear-gradient(180deg, #E36669 0%, #CB2126 52%, #AB1A1F 100%); color:#FFFFFF; box-shadow: inset 0 2px 0 rgba(255,255,255,.75), inset 0 -3px 7px rgba(34,30,31,.35), 0 8px 18px -4px rgba(0,0,0,.5), 0 0 0 5px rgba(255,255,255,.12), 0 0 22px -6px rgba(203,33,38,.6); opacity:0; transform:translate(-50%,-50%) scale(.82); transition:opacity .2s var(--ease-out), transform .25s var(--ease-out);}
.sport-play svg{width:28px;height:28px;margin-left:3px}
.sport-label{position:absolute;left:0;right:0;bottom:12px;z-index:6; text-align:center;color:#fff; font-weight:900;font-size:clamp(15px, 1.1vw, 19px);letter-spacing:.005em; text-shadow:0 2px 8px rgba(0,0,0,.6);}
.sport-card:hover .sport-bg-img{transform:scale(1.12)}
.sport-card:hover .sport-lion{transform:translateX(-50%) translateY(-3%)}
.sport-card:hover .sport-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.sport-card:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
/* tablet: keep all 6 cards filling the width, no scroll (clip like desktop) */
@media (max-width:1023px){
  .sports-row{overflow-x:clip; scroll-snap-type:none;}
}
/* phones: show 3 cards filling the width (clean, readable), no scroll */
@media (max-width:767px){
  .sports-row{grid-auto-columns:calc((100% - 24px) / 3)}
}
/* the live-casino strip never scrolls (fits at every width) -> hide its arrows */
.nav-arrows[data-rail="livecasino-row"]{display:none}
.npt-title .npt-sub{color:var(--yellow);font-weight:900}
.about h2,.about h1{margin:0 0 14px;font-size:var(--fs-h2);font-weight:900;letter-spacing:-.02em;line-height:1.05}
@media (max-width: 767px){
  .sec-head .more{display:none}
}
.provider-select, .big-search-wrap, .lg-load, .lb-board, .np-wins-ticker, .lg-empty{background:linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%) !important; border:1px solid rgba(255,255,255,.10) !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.15), 0 4px 18px -6px rgba(0,0,0,.4) !important;}
.provider-select:hover, .lg-load:hover{background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%) !important; border-color:rgba(255,255,255,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.15), 0 6px 20px -6px rgba(0,0,0,.5) !important;}
.lg-load{border-radius:var(--r-card) !important}
.hero-card.has-art::before{inset:0; height:auto; z-index:1; opacity:1; transform:none; mix-blend-mode:normal; background: linear-gradient(90deg, rgba(34,30,31,.98) 0%, rgba(34,30,31,.94) 40%, rgba(34,30,31,.46) 58%, rgba(34,30,31,0) 100%);}
.np-tournament{background:#221E1F; color:#fff; min-height:0; grid-template-columns:minmax(320px, .72fr) minmax(560px, 1fr); gap:clamp(24px, 3vw, 48px);}
.np-tournament .npt-info{max-width:500px;justify-content:space-between}
.about h2,.about h1{color:#fff}
.npt-pill{background:#CB2126 !important;color:#fff !important}
.hero-v3{--v3-hero-h:clamp(588px, 45vw, 628px); --v3-navy:#161314; --v3-brand:#221E1F; --v3-red:#CB2126; --v3-magenta:#CB2126; --v3-cyan:#CB2126; --v3-purple:#7C1FBE; --v3-yellow:#CB2126; --v3-green:#0BA15C; margin:calc(-1 * 24px) calc(-1 * var(--gutter)) -100px;}
.hero-v3, .hero-v3 *, .hero-v3 *::before, .hero-v3 *::after{box-sizing:border-box;}
.np-hero-v3{position:relative; min-height:var(--v3-hero-h); overflow:hidden; isolation:isolate; background:#0E0C0C; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 58px -30px rgba(0,0,0,.84);}
.npv3-scene{position:absolute; inset:0; z-index:0; background:url('../assets-new/hero-v3/generated/desktop-source.webp') 55% 50% / cover no-repeat;}
.npv3-video{position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:55% 28%; display:block;}
.npv3-video-m{position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:center top; display:none;}
.npv3-vignette{position:absolute; inset:0; z-index:1; pointer-events:none; background: linear-gradient(180deg, transparent 0%, transparent 84%, rgba(14,12,12,.18) 90%, rgba(14,12,12,.65) 96%, rgba(14,12,12,1) 100%), radial-gradient(circle at 9% 20%, rgba(203,33,38,.045), transparent 20%), radial-gradient(circle at 43% 54%, rgba(203,33,38,.045), transparent 30%), radial-gradient(circle at 76% 44%, rgba(203,33,38,.12), transparent 30%), linear-gradient(90deg, rgba(14,12,12,.58) 0%, rgba(22,19,20,.28) 41%, rgba(14,12,12,.015) 68%, rgba(14,12,12,.06) 100%), linear-gradient(180deg, rgba(14,12,12,0) 0%, rgba(14,12,12,.04) 58%, rgba(14,12,12,.42) 100%);}
.npv3-content{position:relative; z-index:2; min-height:var(--v3-hero-h); padding:calc(var(--header-h) + 34px) clamp(28px, 2.05vw, 34px) 28px var(--gutter); display:flex; flex-direction:column; justify-content:flex-start; gap:28px;}
.npv3-console{position:relative; zoom:var(--np-promo-scale, .86); width:clamp(560px, 40vw, 648px); min-height:0; margin-left:0; padding:clamp(26px, 2vw, 30px) clamp(40px, 3vw, 52px) clamp(26px, 2vw, 30px); border:none; border-radius:29px; isolation:isolate; overflow:hidden; text-align:center; background: radial-gradient(circle at 0% 0%, rgba(203,33,38,.3), transparent 20%), radial-gradient(circle at 100% 100%, rgba(171,26,31,.27), transparent 20%), linear-gradient(118deg, rgba(44,50,96,.50) 0%, rgba(32,37,78,.32) 24%, rgba(20,23,56,.13) 46%, rgba(22,19,20,.03) 66%, rgba(22,19,20,0) 82%); backdrop-filter:blur(13px) saturate(1.15); -webkit-backdrop-filter:blur(13px) saturate(1.15); box-shadow: 0 26px 60px -34px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.16), -2px -2px 22px -8px rgba(203,33,38,.42), 2px 2px 24px -8px rgba(203,33,38,.38), 0 0 26px -12px rgba(124,31,190,.32);}
.npv3-console::before, .npv3-console::after{content:''; position:absolute; pointer-events:none;}
.npv3-console::before{inset:0; z-index:4; border-radius:29px; padding:1.6px; background:linear-gradient(132deg, rgba(255,255,255,.5) 0%, rgba(242,166,168,.42) 30%, rgba(227,102,105,.38) 70%, rgba(203,33,38,.28) 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;}
.npv3-console::after{inset:0; z-index:1; background:linear-gradient(122deg, transparent 32%, rgba(255,255,255,.06) 44%, rgba(255,255,255,.16) 50%, rgba(255,255,255,.05) 56%, transparent 68%); transform:none; opacity:.6;}
.npv3-console > *{position:relative; z-index:2;}
.npv3-frame{position:absolute; inset:13px; z-index:3; border-radius:16px; padding:1.5px; pointer-events:none; background:linear-gradient(135deg, rgba(255,255,255,.45) 0%, rgba(255,255,255,.05) 18%, rgba(255,255,255,.04) 50%, rgba(203,33,38,.14) 82%, rgba(203,33,38,.18) 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;}
.npv3-title{position:relative; z-index:2; display:block; margin:0 auto 16px; color:transparent; background:linear-gradient(180deg, #FCEAEA, #CB2126 55%, #AB1A1F); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-size:clamp(15px, 1.35vw, 19px); font-weight:800; line-height:1.1; letter-spacing:.2em; text-transform:uppercase; white-space:nowrap; filter:drop-shadow(0 2px 6px rgba(0,0,0,.7));}
.npv3-title::before, .npv3-title::after{display:none;}
.npv3-title i{width:10px; height:10px; border-radius:2px; display:inline-block; transform:rotate(45deg); background:var(--v3-yellow); box-shadow:0 0 14px rgba(203,33,38,.72);}
.npv3-percent{position:relative; z-index:2; margin:0 auto 16px; color:#fff; font-size:clamp(128px, 9.2vw, 166px); font-weight:900; letter-spacing:-.02em; line-height:.82; transform:scaleX(1.06); transform-origin:center; background: linear-gradient(180deg, rgba(255,255,255,.55) 0 8%, rgba(255,255,255,0) 28%), linear-gradient(168deg, #FCEAEA 0%, #D83E43 32%, #CB2126 58%, #AB1A1F 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; -webkit-text-stroke:1px rgba(216,62,67,.20); filter: drop-shadow(0 2px 0 rgba(252,234,234,.30)) drop-shadow(0 7px 0 rgba(34,30,31,.28)) drop-shadow(0 16px 26px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(203,33,38,.42));}
.npv3-sub{position:relative; z-index:2; margin:0 0 14px; color:#fff; font-size:19px; font-weight:800; line-height:1.3; text-shadow:0 5px 16px rgba(0,0,0,.62);}
.npv3-sub em{color:#E36669; font-style:normal; font-weight:900;}
.npv3-cta{position:relative; z-index:2; width:min(100%, 548px); min-height:74px; margin:0 auto; border-radius:16px; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:18px; color:#fff; background: linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.06) 36%, rgba(255,255,255,0) 37%), radial-gradient(circle at 50% 0%, rgba(255,255,255,.20), transparent 52%), linear-gradient(180deg, #FF3243 0%, #CB2126 52%, #C70019 100%); border:1px solid rgba(255,138,138,.42); box-shadow: inset 0 3px 0 rgba(255,255,255,.22), inset 0 -12px 22px rgba(95,0,12,.42), 0 16px 30px -16px rgba(203,33,38,.85), 0 0 0 1px rgba(255,255,255,.08), 0 0 28px -12px rgba(203,33,38,.7); font-size:clamp(28px, 2.5vw, 39px); font-weight:900; letter-spacing:.01em; text-transform:uppercase; line-height:1; white-space:nowrap; text-shadow:0 5px 14px rgba(0,0,0,.48); transition:transform .16s var(--ease-out), filter .16s;}
.npv3-cta::after{content:''; position:absolute; inset:4px 8px auto; height:34%; border-radius:12px; background:linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.04)); pointer-events:none; opacity:.58;}
.npv3-cta > span{position:relative; z-index:1;}
.npv3-cta::before{content:''; position:absolute; top:-34%; bottom:-34%; width:32%; left:-42%; transform:skewX(-18deg); background:linear-gradient(90deg, transparent, rgba(255,255,255,.50), transparent); opacity:.62; animation:npv3CtaSheen 3.2s ease-in-out infinite;}
.npv3-cta:hover{transform:translateY(-2px);filter:saturate(1.08)}
.npv3-cta:active{transform:translateY(1px)}
.npv3-bolt{position:relative; z-index:1; width:36px; height:36px; display:inline-flex; color:#fff; filter:drop-shadow(0 5px 10px rgba(0,0,0,.45));}
.npv3-bolt svg{width:100%; height:100%;}
@keyframes npv3CtaSheen{0%, 58%{left:-42%} 78%, 100%{left:112%}}
.npv3-payline{position:relative; z-index:2; width:min(100%, 548px); margin:16px auto 0; display:flex; flex-wrap:nowrap; justify-content:center; gap:8px;}
.npv3-payline > span{display:inline-flex; align-items:center; justify-content:center; flex:1 1 0; min-width:0; max-width:86px; height:40px; padding:0; border-radius:10px; background:linear-gradient(180deg, rgba(22,19,20,.72), rgba(5,7,27,.54)); border:1px solid rgba(255,255,255,.32); backdrop-filter:blur(14px) saturate(1.35); -webkit-backdrop-filter:blur(14px) saturate(1.35); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px -15px rgba(0,0,0,.92), 0 0 18px -14px rgba(203,33,38,.82); overflow:hidden;}
.npv3-pay{color:#fff; font-weight:900; line-height:1; letter-spacing:-.035em; text-shadow:0 2px 6px rgba(0,0,0,.58); white-space:nowrap;}
.npv3-pay-img{height:21px; width:auto; max-width:64px; object-fit:contain; display:block; margin:0 auto;}
.npv3-payline > span:nth-child(1) .npv3-pay-img{height:19px}
.npv3-payline > span:nth-child(2) .npv3-pay-img{height:21px}
.npv3-payline > span:nth-child(3) .npv3-pay-img{height:20px}
.npv3-payline > span:nth-child(4) .npv3-pay-img{height:23px}
.npv3-payline > span:nth-child(5) .npv3-pay-img{height:19px}
.npv3-payline > span:nth-child(6) .npv3-pay-img{height:24px}
.npv3-terms{position:relative; z-index:2; width:min(100%, 548px); margin:9px auto 0; display:flex; align-items:center; justify-content:center; gap:10px; color:rgba(255,255,255,.82); font-size:14px; font-weight:700; letter-spacing:.005em; line-height:1.25; text-shadow:0 2px 9px rgba(0,0,0,.74);}
.npv3-terms svg{width:22px; height:22px; color:#27E47D; flex:0 0 auto; filter:drop-shadow(0 0 10px rgba(11,161,92,.45));}
.npv3-feature-strip{display:none; width:min(calc(100% - 44px), 1434px); min-height:92px; margin:0; border-radius:24px; grid-template-columns:repeat(4, minmax(0, 1fr)); overflow:hidden; background: radial-gradient(circle at 7% 50%, rgba(203,33,38,.12), transparent 23%), radial-gradient(circle at 96% 60%, rgba(203,33,38,.09), transparent 22%), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.018)), rgba(5,8,34,.78); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(20px) saturate(1.30); -webkit-backdrop-filter:blur(20px) saturate(1.30); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 24px 52px -36px rgba(0,0,0,.95), 0 0 28px -22px rgba(203,33,38,.90), 0 0 30px -22px rgba(203,33,38,.86);}
.npv3-feature{position:relative; display:grid; grid-template-columns:54px 1fr; grid-template-rows:auto auto; column-gap:18px; align-content:center; min-width:0; padding:0 clamp(28px, 3vw, 48px);}
.npv3-feature + .npv3-feature::before{content:''; position:absolute; left:0; top:22px; bottom:22px; width:1px; background:linear-gradient(180deg, transparent, rgba(255,255,255,.20), transparent);}
.npv3-feature-ico{grid-row:1 / 3; align-self:center; width:48px; height:48px; display:grid; place-items:center; color:var(--feature-color); filter: drop-shadow(0 7px 13px rgba(0,0,0,.45)) drop-shadow(0 0 14px color-mix(in srgb, var(--feature-color) 62%, transparent));}
.npv3-feature-ico svg{width:100%; height:100%;}
.npv3-feature b{min-width:0; color:var(--feature-color); font-size:17px; font-weight:900; line-height:1.08; white-space:nowrap;}
.npv3-feature small{min-width:0; margin-top:6px; color:rgba(255,255,255,.74); font-size:13.5px; font-weight:700; line-height:1.15; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.npv3-feature--secure{--feature-color:#CB2126}
.npv3-feature--rewards{--feature-color:#CB2126}
.npv3-feature--payouts{--feature-color:#CB2126}
.npv3-feature--faves{--feature-color:#67E86F}
body:has(.hero-v3) .bonus-map, body:has(.hero-v3) .chat{display:none !important;}
body:has(.hero-v3) .npt-live-tag::before, body:has(.hero-v3) .lt-dot, body:has(.hero-v3) .lp-dot{animation:none !important;}
@media (max-width: 1280px){
  .npv3-content{padding-inline:28px;padding-left:var(--gutter)}
  .npv3-console{width:min(58vw, 650px);margin-left:0;padding-inline:44px}
  .npv3-feature-strip{width:calc(100% - 56px)}
  .npv3-feature{padding-inline:18px;column-gap:13px}
  .npv3-feature b{font-size:15px}
  .npv3-feature small{font-size:12.5px}
}
@media (max-width: 1023px){
  .hero-v3{--v3-hero-h:auto; margin:calc(-1 * 18px) calc(-1 * var(--gutter)) 0;}
  .np-hero-v3{min-height:760px}
  .npv3-scene{background-position:68% center}
  .npv3-vignette{background: radial-gradient(circle at 20% 18%, rgba(203,33,38,.16), transparent 24%), radial-gradient(circle at 68% 50%, rgba(203,33,38,.15), transparent 30%), linear-gradient(180deg, rgba(14,12,12,.92) 0%, rgba(14,12,12,.55) 42%, rgba(14,12,12,.88) 100%), linear-gradient(90deg, rgba(14,12,12,.62), rgba(14,12,12,.10) 78%);}
  .npv3-content{min-height:760px; padding:44px 18px 28px; justify-content:flex-start;}
  .npv3-console{width:min(100%, 640px); margin:0 auto;}
  .npv3-feature-strip{width:min(100%, 640px); margin:0 auto; grid-template-columns:repeat(2, minmax(0, 1fr)); min-height:154px;}
  .npv3-feature:nth-child(3)::before{display:none}
  .npv3-feature:nth-child(n+3)::after{content:''; position:absolute; left:22px; right:22px; top:0; height:1px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);}
}
@media (max-width: 767px){
  .np-hero-v3{min-height:84vh; min-height:calc(100svh - 52px);}
  .npv3-scene{background-image:url('../assets-new/video/mobile-hero1.webp'); background-position:center top; background-size:cover;}
  .npv3-vignette{background: linear-gradient(180deg, rgba(14,12,12,.6) 0%, rgba(14,12,12,.2) 12%, rgba(14,12,12,.03) 30%, rgba(14,12,12,.05) 44%, rgba(14,12,12,.45) 58%, rgba(14,12,12,.9) 76%, rgba(14,12,12,.99) 100%);}
  .npv3-content{min-height:84vh; min-height:calc(100svh - 52px); padding:calc(var(--header-h) + 14px) 18px 26px; gap:0; align-items:center; text-align:center;}
  .npv3-console{zoom:1; width:100%; max-width:460px; margin:0 auto; padding:0; min-height:0; flex:1; background:none !important; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; border-radius:0; overflow:visible; display:flex; flex-direction:column; align-items:center;}
  .npv3-console::before, .npv3-console::after, .npv3-frame{display:none}
  .npv3-video{display:none}
  .npv3-video-m{display:block; transform:translateY(-5%)}
  .npv3-title{margin:0 0 11px; font-size:16px; letter-spacing:.22em; color:transparent; background:linear-gradient(180deg,#FCEAEA,#CB2126 55%,#AB1A1F); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 2px 6px rgba(0,0,0,.85));}
  .npv3-percent{margin:auto 0 7px; font-size:clamp(72px, 22vw, 102px); filter: drop-shadow(0 2px 0 rgba(34,30,31,.45)) drop-shadow(0 6px 16px rgba(0,0,0,.7)) drop-shadow(0 0 22px rgba(203,33,38,.42));}
  .npv3-sub{margin-top:0; margin-bottom:16px; font-size:16px; text-shadow:0 2px 12px rgba(0,0,0,.92)}
  .npv3-cta{width:100%; min-height:60px; font-size:22px; gap:12px; border-radius:14px;}
  .npv3-bolt{width:24px;height:24px}
  .npv3-payline{width:100%; gap:7px; margin-top:14px;}
  .npv3-payline > span{max-width:none; height:36px; border-radius:9px;}
  .npv3-pay-img{height:19px; max-width:50px;}
  .npv3-terms{font-size:11.5px; gap:7px; margin-top:10px; text-shadow:0 2px 10px rgba(0,0,0,.9)}
  .npv3-terms svg{width:18px;height:18px}
}
@media (max-width: 430px){
  .npv3-title{font-size:15px}
  .npv3-percent{font-size:clamp(70px, 24vw, 96px)}
  .npv3-sub{font-size:15px}
  .npv3-cta{font-size:20px; min-height:56px}
}
@media (prefers-reduced-motion: reduce){
  .npv3-cta, .npv3-cta::before{animation:none !important}
}
.npv3-stack{display:flex;flex-direction:column;align-items:center;width:fit-content;position:relative;z-index:2}
.npv3-title{margin:0 0 62px; font-size:clamp(13px,1.2vw,16px);font-weight:900;letter-spacing:.24em;text-transform:uppercase; background:none;-webkit-background-clip:initial;background-clip:initial; color:var(--v3-yellow);-webkit-text-fill-color:var(--v3-yellow); text-shadow:0 2px 10px rgba(0,0,0,.6);}
.npv3-console{overflow:visible;padding-top:clamp(26px,2.2vw,32px)}
.npv3-percent{position:relative;z-index:6;margin:0 0 10px; font-size:clamp(86px,8.6vw,118px);font-weight:1000;line-height:.92;letter-spacing:-.015em; background:none;-webkit-background-clip:initial;background-clip:initial; color:#fff;-webkit-text-fill-color:#fff; -webkit-text-stroke:0;transform:none;filter:none; text-shadow:0 2px 0 rgba(0,0,0,.25), 0 0 38px rgba(203,33,38,.32), 0 14px 34px rgba(0,0,0,.6);}
.npv3-duo{display:flex;align-items:center;justify-content:center;gap:clamp(26px,3vw,40px);margin:0 0 14px}
.npv3-duo-seg{display:flex;flex-direction:column;gap:2px;align-items:center}
.npv3-duo-k{font-size:clamp(14px,1.3vw,17px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.92);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.npv3-duo-v{font-size:clamp(34px,3.5vw,49px);font-weight:1000;color:var(--v3-yellow);line-height:1.05;text-shadow:0 2px 0 rgba(34,30,31,.3),0 8px 22px rgba(0,0,0,.55)}
.npv3-duo-div{width:1.5px;align-self:stretch;background:linear-gradient(180deg,transparent,rgba(255,255,255,.42),transparent)}
.npv3-cta{border-radius:999px; color:var(--ink-on-gold); background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0) 42%), linear-gradient(180deg,#E8373D 0%,#CB2126 50%,#9E161A 100%); border:1px solid var(--gold-border); box-shadow: inset 0 3px 0 rgba(255,255,255,.45), inset 0 -10px 20px rgba(34,30,31,.35), 0 16px 30px -16px rgba(203,33,38,.7), 0 0 28px -12px rgba(203,33,38,.55); font-size:clamp(25px,2.3vw,31px);}
.npv3-cta::after{border-radius:999px;opacity:.4}
.npv3-cta:hover{filter:saturate(1.05) brightness(1.03)}
.npv3-bolt{color:var(--ink-on-gold);filter:none}
.npv3-payline > span{background:none !important;border:0 !important;box-shadow:none !important; -webkit-backdrop-filter:none !important;backdrop-filter:none !important; flex:0 0 auto;max-width:none;height:auto;border-radius:0;overflow:visible;}
.npv3-payline{gap:clamp(16px,1.8vw,24px);align-items:center}
.npv3-payline > span .npv3-pay-img{height:14px;opacity:.88}
.npv3-payline > span:nth-child(1) .npv3-pay-img, .npv3-payline > span:nth-child(2) .npv3-pay-img, .npv3-payline > span:nth-child(5) .npv3-pay-img{height:14px}
.npv3-payline > span:nth-child(3) .npv3-pay-img, .npv3-payline > span:nth-child(4) .npv3-pay-img{height:16px}
.npv3-payline > span:nth-child(6) .npv3-pay-img{height:11.5px}
@media (max-width:1023px){
  .npv3-content{justify-content:flex-end; padding:44px 14px 78px; min-height:100vh; min-height:100svh;}
  .npv3-stack{width:100%}
  .npv3-title{margin:0 0 58px;font-size:13.5px}
  .npv3-console{zoom:1;width:100%;max-width:none;margin:0;min-height:0; padding:16px 16px 14px; border-radius:26px;overflow:visible; display:block;flex:none; background: radial-gradient(circle at 0% 0%, rgba(203,33,38,.20), transparent 24%), radial-gradient(circle at 100% 100%, rgba(171,26,31,.16), transparent 24%), linear-gradient(118deg, rgba(36,41,84,.42) 0%, rgba(22,26,60,.30) 50%, rgba(22,19,20,.22) 100%) !important; -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); box-shadow:0 18px 44px -22px rgba(0,0,0,.85);}
  .npv3-console::before{display:block;border-radius:26px}
  .npv3-frame{display:block}
  .npv3-percent{font-size:clamp(60px,18vw,74px);margin:0 0 5px;filter:none}
  .npv3-duo{margin:0 0 10px}
  .npv3-sub{margin-bottom:9px}
  .npv3-payline{margin-top:12px}
  .npv3-duo{gap:26px}
  .npv3-duo-k{font-size:12.5px}
  .npv3-duo-v{font-size:33px}
  .npv3-sub{margin-bottom:12px}
  .npv3-cta{width:100%;min-height:56px;font-size:21px;border-radius:999px}
  .npv3-payline{gap:14px}
  .npv3-payline > span .npv3-pay-img{height:11px}
  .npv3-payline > span:nth-child(1) .npv3-pay-img, .npv3-payline > span:nth-child(2) .npv3-pay-img, .npv3-payline > span:nth-child(5) .npv3-pay-img{height:11px}
  .npv3-payline > span:nth-child(3) .npv3-pay-img, .npv3-payline > span:nth-child(4) .npv3-pay-img{height:13px}
  .npv3-payline > span:nth-child(6) .npv3-pay-img{height:9px}
}
.npv3-title{position:static;width:auto;height:auto;padding:0;overflow:visible; clip:auto;clip-path:none;border:0;white-space:normal; margin:0 0 7px;}
@media (max-width:1023px){
  .npv3-title{margin:0 0 5px}
}
.npv3-console{margin-top:0}
@media (max-width:1023px){
  .npv3-console{margin-top:0}
}
.npv3-console{background: radial-gradient(circle at 0% 0%, rgba(203,33,38,.24), transparent 20%), radial-gradient(circle at 100% 100%, rgba(171,26,31,.20), transparent 20%), linear-gradient(118deg, rgba(22,19,20,.40) 0%, rgba(22,19,20,.30) 35%, rgba(14,12,12,.20) 70%, rgba(22,19,20,.14) 100%); backdrop-filter:blur(12px) saturate(1.12); -webkit-backdrop-filter:blur(12px) saturate(1.12);}
.npv3-console::after{background:none;opacity:0}
@media (max-width:1023px){
  .hero-v3{margin-bottom:-100px}
  .npv3-vignette{background: radial-gradient(circle at 20% 18%, rgba(203,33,38,.16), transparent 24%), radial-gradient(circle at 68% 50%, rgba(203,33,38,.15), transparent 30%), linear-gradient(180deg, rgba(14,12,12,.92) 0%, rgba(14,12,12,.18) 24%, rgba(14,12,12,.10) 52%, rgba(14,12,12,.72) 72%, var(--bg-page) 85%, var(--bg-page) 100%), linear-gradient(90deg, rgba(14,12,12,.40), rgba(14,12,12,.06) 70%);}
}
.lobby-search{display:none}
body.search-open .lobby-search{display:grid;margin-top:12px;margin-bottom:16px}
@media (max-width:767px){
  body.search-open .lobby-search{grid-template-columns:1fr;gap:10px;margin-bottom:22px}
}

/* ============================================================
   Home game strips: portrait -> landscape card style (2026-06-19)
   New Releases  -> small landscape (casino-lobby style), stays in the 7-up game-row strip
   Live RTP      -> big landscape (Top Games style): rail switched to .originals (4-up)
   Bonus Buy     -> big landscape (Top Games style): rail switched to .originals (4-up)
   Badges (NEW/HOT/EXCLUSIVE, RTP %, BUY BONUS) are card-level and unchanged.
   ============================================================ */
/* New Releases — small landscape */
#new-row .game{aspect-ratio:1.6/1}
#new-row .game .game-overlay .g-play{width:40px;height:40px}
#new-row .game .game-overlay .g-play svg{width:19px;height:19px}

/* Live RTP + Bonus Buy — big landscape, matched to Top Games (.orig-card) */
#rtp-row .rtp-card,
#buy-row .game{aspect-ratio:1.6/1;border-radius:var(--r-card)}
#rtp-row .rtp-card .game-overlay .g-play,
#buy-row .game .game-overlay .g-play{width:64px;height:64px}
#rtp-row .rtp-card .game-overlay .g-play svg,
#buy-row .game .game-overlay .g-play svg{width:32px;height:32px}
#rtp-row .rtp-card .game-overlay .g-title,
#buy-row .game .game-overlay .g-title{font-size:clamp(15px,1.4vw,20px);white-space:normal;-webkit-line-clamp:2;line-height:1.1}

/* ============================================================
   Home "Good to know" FAQ — replaces the about feature cards.
   <details> accordion, styled to match the noir card look.
   ============================================================ */
.about-faq{display:flex;flex-direction:column;gap:10px;justify-content:flex-start}
.about-faq .afaq-head{margin:0 0 4px;font-size:15px;font-weight:900;color:#fff;letter-spacing:-.01em}
.about-faq .afaq{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-tile);overflow:hidden;transition:border-color .2s,background .2s}
.about-faq .afaq[open]{border-color:rgba(203,33,38,.42)}
.about-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px 18px;font-family:var(--font);font-weight:800;font-size:14px;color:var(--ink);line-height:1.3}
.about-faq summary::-webkit-details-marker{display:none}
.about-faq summary:hover{color:#fff}
.about-faq .afaq-chev{flex:none;width:9px;height:9px;border-right:2.4px solid var(--ink-soft);border-bottom:2.4px solid var(--ink-soft);
  transform:rotate(45deg);transition:transform .2s}
.about-faq .afaq[open] .afaq-chev{transform:rotate(-135deg)}
.about-faq .afaq-a{padding:0 18px 16px;font-size:12.5px;line-height:1.6;color:var(--ink-soft)}
.about-faq .afaq-a p{margin:0}

/* About body: hidden-scroll container so the copy can run long without stretching the
   section. Scrollbar is invisible; a soft bottom fade hints there's more to read. */
.about-copy{display:flex;flex-direction:column;min-height:0}
.about-scroll{max-height:clamp(460px,62vh,640px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-right:12px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 30px),transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 30px),transparent 100%)}
.about-scroll::-webkit-scrollbar{display:none}
.about-scroll p:last-child{margin-bottom:22px}

/* scroll removed — show the full about body; FAQ is extended to match the height */
.about-scroll{max-height:none !important;overflow:visible !important;-webkit-mask-image:none !important;mask-image:none !important;padding-right:0}

/* ===== ABOUT now full width; FAQ stacked below (casino-page style) ===== */
.about{display:block}
.faq{margin-top:var(--section-gap)}
.faq-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.faq-ico{width:46px;height:46px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03));border:1px solid var(--rule-2)}
.faq-ico .np-icon{width:24px;height:24px;color:var(--yellow)}
.faq-head h1,.faq-head h2{margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:900;letter-spacing:-.01em;line-height:1.1;color:#fff}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{border-radius:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:linear-gradient(118deg, rgba(22,19,20,.26) 0%, rgba(22,19,20,.16) 45%, rgba(14,12,12,.10) 100%);-webkit-backdrop-filter:blur(10px) saturate(1.08);backdrop-filter:blur(10px) saturate(1.08);transition:border-color .2s, background .2s}
.faq-item:hover{border-color:rgba(255,255,255,.16)}
.faq-item[open]{border-color:rgba(203,33,38,.32);background:linear-gradient(118deg, rgba(22,19,20,.34) 0%, rgba(22,19,20,.22) 45%, rgba(14,12,12,.14) 100%)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;font-weight:700;font-size:15.5px;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--yellow)}
.fq-chev{width:10px;height:10px;flex:none;border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);transform:rotate(45deg);transition:transform .25s;margin-top:-4px}
.faq-item[open] .fq-chev{transform:rotate(225deg);margin-top:4px}
.faq-a{padding:0 20px 18px;max-width:860px}
.faq-a p{margin:0;font-size:14px;font-weight:500;line-height:1.65;color:var(--ink-soft)}
@media(max-width:640px){
  .faq-head h1,.faq-head h2{font-size:20px}
  .faq-item summary{font-size:15px;padding:14px 16px}
  .faq-a{padding:0 16px 16px}
}

/* About intro: keyword subheadings + lead paragraph (override the big .about h2) */
.about-copy h2{font-size:clamp(18px,1.9vw,23px);font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:28px 0 10px;color:#fff}
.about-copy .about-lead{font-size:16.5px;line-height:1.7}

/* ===== Home category rails — catalogue-driven, each section links to its /casino/<slug>/ hub ===== */
.sec-head h3 a{color:inherit;text-decoration:none;transition:color .15s}
.sec-head h3 a:hover{color:var(--red)}
a.more{cursor:pointer;text-decoration:none}
a.more:hover{color:var(--red)}

.home-rail{display:grid; grid-auto-flow:column; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:0 4px 8px; min-height:80px;}
.home-rail .hr-card{scroll-snap-align:start; position:relative; border-radius:var(--r-card); overflow:hidden; cursor:pointer; background:var(--ink); transition:transform .2s var(--ease-out), box-shadow .2s;}
.home-rail .hr-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-md);}
.home-rail .hr-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* size variants */
.hr-lg{grid-auto-columns:calc((100% - 42px) / 4);}
.hr-lg .hr-card{aspect-ratio:1.6/1;}
.hr-sm{grid-auto-columns:calc((100% - 72px) / 7);}
.hr-sm .hr-card{aspect-ratio:1.6/1;}
.hr-pt{grid-auto-columns:calc((100% - 60px) / 6);}
.hr-pt .hr-card{aspect-ratio:.78/1;}
/* badge + fav */
.home-rail .hr-badge{position:absolute;top:12px;left:12px;z-index:3;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;padding:5px 11px;border-radius:var(--r-pill);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.home-rail .hr-fav{position:absolute;top:10px;right:10px;z-index:3;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(8,7,7,.45);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .18s,background .15s}
.home-rail .hr-fav svg{width:13px;height:13px}
.home-rail .hr-fav:hover{background:var(--red)}
/* hover overlay */
.home-rail .hr-ov{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px;
  background:linear-gradient(to top, rgba(8,7,7,.94) 0%, rgba(8,7,7,.55) 40%, rgba(8,7,7,0) 72%);
  opacity:0;transition:opacity .18s;}
.home-rail .hr-card:hover .hr-ov, .home-rail .hr-card:focus-within .hr-ov{opacity:1}
.home-rail .hr-card:hover .hr-fav, .home-rail .hr-card:focus-within .hr-fav{opacity:1}
.home-rail .hr-play{align-self:center;margin:auto auto 0;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
  background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4), 0 8px 18px -6px rgba(0,0,0,.6);transition:transform .15s}
.home-rail .hr-play:hover{transform:scale(1.08)}
.home-rail .hr-play svg{width:22px;height:22px;margin-left:3px}
.home-rail .hr-meta{margin-top:8px}
.home-rail .hr-title{color:#fff;font-weight:800;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-rail .hr-bot{color:rgba(255,255,255,.7);font-size:10px;letter-spacing:.05em;text-transform:uppercase;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr-lg .hr-title{font-size:clamp(15px,1.4vw,19px)}
.hr-lg .hr-play{width:62px;height:62px}
.hr-lg .hr-play svg{width:28px;height:28px}
/* responsive — mirror the existing template rails */
@media(max-width:1100px){ .hr-lg{grid-auto-columns:calc((100% - 28px) / 3)} .hr-sm{grid-auto-columns:calc((100% - 48px) / 5)} .hr-pt{grid-auto-columns:calc((100% - 36px) / 4)} }
@media(max-width:760px){ .hr-lg{grid-auto-columns:calc((100% - 14px) / 2)} .hr-sm{grid-auto-columns:36%} .hr-pt{grid-auto-columns:40%} }

/* ===== Demo modal (ported from the lobby so home cards can play) ===== */
.demo-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,40px)}
.demo-modal[hidden]{display:none}
.demo-backdrop{position:absolute;inset:0;background:rgba(8,7,7,.78);backdrop-filter:blur(6px)}
.demo-dialog{position:relative;z-index:1;width:min(1100px,100%);max-height:92vh;display:flex;flex-direction:column;
  background:#161314;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.8), 0 0 0 1px rgba(203,33,38,.25)}
.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;
  background:linear-gradient(180deg,#221E1F,#161314);border-bottom:1px solid rgba(255,255,255,.1)}
.demo-title{font-family:var(--font);font-weight:800;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-close{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s}
.demo-close:hover{background:var(--red);transform:scale(1.05)}
.demo-close svg{width:16px;height:16px}
.demo-frame-wrap{position:relative;flex:1;min-height:0;background:#000}
.demo-frame-wrap::before{content:'';display:block;padding-top:62%}
.demo-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media (max-width:680px){
  .demo-dialog{height:92vh}
  .demo-frame-wrap{flex:1}
  .demo-frame-wrap::before{display:none}
}

/* ===== Homepage mini-lobby "View all" CTA (red, links to /casino/) ===== */
.lg-more-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-height:46px;margin:16px auto 0;padding:0 30px;
  border-radius:var(--r-pill);text-decoration:none;cursor:pointer;color:#fff;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.02em;
  background:linear-gradient(180deg, #E36669 0%, #CB2126 52%, #AB1A1F 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.42), 0 8px 22px -8px rgba(203,33,38,.55);
  transition:transform .15s var(--ease-out), filter .15s, box-shadow .15s;}
.lg-more-cta:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5), 0 12px 28px -8px rgba(203,33,38,.7);}
.lg-more-cta svg{width:18px;height:18px}

/* ===== Demo modal CTA -- widest promotions layout; no border, no glass, larger ===== */
.demo-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,40px);margin:14px;padding:18px clamp(24px,3vw,44px);border-radius:16px;text-decoration:none;cursor:pointer;background:#221E1F}
.demo-cta .dc-stack{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
.demo-cta .dc-eb{font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:13px;color:var(--red)}
.demo-cta .dc-pct{font-weight:1000;font-size:56px;line-height:.9;letter-spacing:-.02em;color:#fff}
.demo-cta .dc-split{width:1.5px;align-self:stretch;background:linear-gradient(180deg,transparent,rgba(255,255,255,.34),transparent)}
.demo-cta .dc-duo{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.5vw,34px)}
.demo-cta .dc-seg{display:flex;flex-direction:column;gap:2px;align-items:center}
.demo-cta .dc-k{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.demo-cta .dc-v{font-size:30px;font-weight:1000;line-height:1;color:var(--red);white-space:nowrap}
.demo-cta .dc-dvd{width:1.5px;align-self:stretch;background:linear-gradient(180deg,transparent,rgba(255,255,255,.4),transparent)}
.demo-cta .dc-end{display:flex;flex-direction:column;align-items:center;gap:7px}
.demo-cta .dc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 38px;border-radius:999px;color:#fff;font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(180deg,#E36669 0%,#CB2126 52%,#AB1A1F 100%);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.42), 0 8px 18px -8px rgba(203,33,38,.6);transition:filter .15s,transform .15s}
.demo-cta .dc-spark{width:17px;height:17px}
.demo-cta .dc-more{font-size:14px;font-weight:700;color:rgba(255,255,255,.7)}
.demo-cta:hover .dc-btn{filter:brightness(1.07);transform:translateY(-1px)}
@media(max-width:620px){.demo-cta{flex-direction:column;gap:10px;padding:18px;text-align:center}.demo-cta .dc-split{display:none}.demo-cta .dc-pct{font-size:46px}}