:root{--action:#2F5BEA;--ink:#0D1B2A;--mist:#F2F4F8;--line:#E3E7EE;--muted:#566273;--muted-ink:#B9C4D8;--live:#FCD116;--suit-red:#D81E3A}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Onest',system-ui,sans-serif;color:var(--ink);background:var(--mist);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh}.D{font-family:'Saira Extra Condensed',sans-serif;font-weight:900;text-transform:uppercase}.wrap{max-width:980px;margin:0 auto;padding:20px 20px 0}.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:26px;padding:44px 48px 150px 56px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:20px}.hero .cut{position:absolute;inset:0;width:100%;height:100%;opacity:.4}.hero>*{position:relative}.brand .wm{width:150px;height:auto;display:block}.headline{font-size:clamp(64px,9vw,112px);line-height:.9;margin-top:22px}.sub{max-width:440px;margin-top:16px;font-size:16.5px;line-height:1.55;color:var(--muted-ink);font-weight:500}.sub b{color:#fff;font-weight:700}.badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.badge{display:inline-flex;transition:transform .15s}.badge:hover{transform:translateY(-2px)}.badge:active{transform:translateY(1px)}.badge img{height:47px;width:auto;display:block}.badge.play img{height:70px;margin:-11px -10px}.store-note{margin-top:14px;font-size:12.5px;font-weight:600;color:var(--muted-ink)}.fan{position:relative;height:300px}.card{position:absolute;left:50%;top:40px;width:132px;height:188px;margin-left:-66px;border-radius:12px;background:#fff;box-shadow:0 14px 28px -10px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.34,1.6,.5,1)}.card .ix{position:absolute;top:10px;left:12px;font-family:'Saira Extra Condensed',sans-serif;font-weight:900;font-size:36px;line-height:1;text-align:center}.card .ix small{display:block;font-size:22px;line-height:1.1}.card .pip{position:absolute;inset:0;display:grid;place-items:center;font-size:62px}.red{color:var(--suit-red)}.blk{color:var(--ink)}.c1{transform:rotate(-16deg) translate(-78px,14px)}.c2{transform:translateY(-6px);z-index:1}.c3{transform:rotate(16deg) translate(78px,14px);z-index:2}.fan:hover .c1{transform:rotate(-20deg) translate(-90px,8px)}.fan:hover .c2{transform:translateY(-16px) scale(1.03)}.fan:hover .c3{transform:rotate(20deg) translate(90px,8px)}section{padding:56px 0 0}.label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--action);margin-bottom:6px}h2.D{font-size:40px;line-height:1.2;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{background:#fff;border-radius:22px;padding:20px 20px 22px}.tile .em{font-size:26px}.tile h3{font-size:16px;font-weight:800;margin:10px 0 4px}.tile p{font-size:13.5px;line-height:1.5;color:var(--muted)}.rules{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rule{background:#fff;border-radius:22px;padding:20px;display:flex;gap:14px}.rule .n{font-size:44px;line-height:1.2;color:var(--action);margin-top:-6px}.rule h3{font-size:16px;font-weight:800;margin-bottom:4px}.rule p{font-size:13.5px;line-height:1.5;color:var(--muted)}.shots{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.phone{border-radius:26px;padding:6px;background:var(--ink);box-shadow:0 14px 28px -14px rgba(13,27,42,.45)}.screen{aspect-ratio:600/1304;border-radius:20px;overflow:hidden;background:var(--ink)}.screen img{width:100%;height:100%;object-fit:cover;display:block}.shot-cap{text-align:center;font-size:12.5px;font-weight:700;color:var(--ink);margin-top:10px}@media (max-width:900px){.shots{grid-template-columns:repeat(3,1fr);gap:16px}}footer{margin-top:64px;padding:26px 0 36px;text-align:center;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}footer a{color:var(--action);font-weight:700;text-decoration:none}footer a:hover{text-decoration:underline}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-bottom:10px}@media (max-width:720px){.wrap{padding:12px 12px 0}.hero{grid-template-columns:1fr;padding:30px 22px 110px}.fan{height:200px;order:-1}.card{width:96px;height:136px;margin-left:-48px;top:20px}.card .ix{font-size:28px}.card .ix small{font-size:18px}.card .pip{font-size:44px}.c1{transform:rotate(-16deg) translate(-56px,10px)}.c3{transform:rotate(16deg) translate(56px,10px)}.fan:hover .c1{transform:rotate(-16deg) translate(-56px,10px)}.fan:hover .c2{transform:translateY(-6px)}.fan:hover .c3{transform:rotate(16deg) translate(56px,10px)}.grid{grid-template-columns:1fr 1fr}.rules{grid-template-columns:1fr}.shots{grid-template-columns:repeat(2,1fr)}h2.D{font-size:34px}}.skip{position:absolute;left:8px;top:-48px;z-index:100;background:var(--action);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none;transition:top .15s ease}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--action);outline-offset:2px}.hero :focus-visible{outline-color:#fff}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}