@font-face{font-family:Outfit;src:url('/spades-ultimate/img/outfit-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.spades-beta,.spades-beta-slide{--spades-gold:#ffcf3d;--spades-ink:#fff;--spades-dim:#e4dcf5;--spades-rule:#ffffff30;color:var(--spades-ink);font-family:Outfit,Arial,sans-serif;background:#aaa0bc url('/spades-ultimate/img/beta-felt.webp') center/cover;background-blend-mode:multiply}
.spades-beta .wrap{width:min(1320px,calc(100% - 96px))}
.spades-beta h1,.spades-beta h2,.spades-beta h3,.spades-beta-slide h2{color:#fff;letter-spacing:-.025em}
.spades-beta p,.spades-beta li{color:var(--spades-dim)}
.spades-beta a:focus-visible,.spades-beta-slide a:focus-visible{outline-color:var(--spades-gold)}
.spades-beta .spades-button,.spades-beta-slide .spades-button{background:var(--spades-gold);color:#261139;font-family:Outfit,Arial,sans-serif;font-size:17px;font-weight:700;min-height:48px}
.spades-beta .spades-button:hover,.spades-beta-slide .spades-button:hover{background:#ffe48d;color:#261139}
.action-icon{flex:none;width:20px;height:20px}
.spades-beta-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.7fr);gap:28px;align-items:center;padding-block:44px}
.spades-beta-copy{min-width:0}
.spades-beta-status{display:inline-block;margin:0 0 18px;padding:5px 14px;border:1px solid #c6a8ff99;border-radius:999px;background:#33156f;color:#fff!important;font-size:13px!important;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.06em}
.spades-beta-copy h1{font-size:clamp(48px,6.7vw,80px);line-height:.98;margin:0 0 14px;font-weight:700}
.spades-beta-tagline{margin:0 0 18px;color:var(--spades-gold)!important;font-size:clamp(27px,2.9vw,40px)!important;font-weight:600;line-height:1.15;letter-spacing:-.025em}
.spades-beta-lead{font-size:18px!important;line-height:1.5;max-width:440px;margin:0 0 28px}
.spades-beta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.spades-sign-in,.spades-beta-help a{color:#fff;font-size:16px;text-decoration:underline;text-underline-offset:4px;font-weight:600;padding-block:10px}
.spades-sign-in:hover,.spades-beta-help a:hover{color:var(--spades-gold)}
.spades-beta-note{font-size:14px!important;line-height:1.45;margin:14px 0 0!important;color:var(--spades-dim)!important}
.spades-beta-art{position:relative;padding:0 13% 0 0;min-width:0}
.spades-beta-desktop{border:2px solid var(--spades-gold);border-radius:22px;overflow:hidden}
.spades-beta-desktop img{display:block;width:100%;height:auto}
.spades-beta-phone{position:absolute;width:18%;right:0;bottom:-8px;max-height:80%;height:auto;border:2px solid #d6ad47;border-radius:18px;transform:rotate(5deg);box-shadow:0 10px 28px #10052980;background:#160b2f}
.spades-beta-benefits{border-block:1px solid var(--spades-rule);background:#190c3c99}
.spades-beta-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:28px}
.spades-beta-benefit-grid>div{display:flex;align-items:center;gap:20px;padding-inline:30px}
.spades-beta-benefit-grid>div:first-child{padding-left:0}
.spades-beta-benefit-grid>div+div{border-left:1px solid var(--spades-rule)}
.spades-beta-benefit-grid img{flex:none}
.spades-beta-benefit-grid h2{font-size:23px;line-height:1.2;margin:0 0 5px;font-weight:700}
.spades-beta-benefit-grid p{font-size:16px;line-height:1.4;margin:0}
.spades-beta-founder-grid{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:36px;padding-block:40px}
.spades-beta-crest{width:220px;height:auto}
.spades-beta-founder-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:0 0 26px}
.spades-beta-perks{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.spades-beta-perks>div{display:flex;align-items:flex-start;gap:22px}
.spades-beta-perks>div+div{border-left:1px solid var(--spades-rule);padding-left:28px}
.spades-beta-perks img{flex:none}
.spades-beta-perks h3{font-size:24px;margin:0 0 10px;line-height:1.2}
.spades-beta-perks ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:17px;line-height:1.5}
.spades-beta-perks small{display:block;font:inherit;font-size:15px;margin-top:3px}
.spades-beta-reset{border-top:1px solid var(--spades-rule);padding-top:16px;margin:24px 0 0;text-align:center;font-size:14px;line-height:1.6}
.spades-beta-close{border-top:1px solid var(--spades-rule);padding-block:28px}
.spades-beta-close-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 36px}
.spades-beta-close h2{font-size:27px;margin:0}
.spades-beta-help{display:flex;align-items:center;gap:22px}
.spades-beta-help a+a{border-left:1px solid var(--spades-rule);padding-left:22px}
.spades-beta-close p{margin:14px 0 0;text-align:center;font-size:14px}
.spades-beta-close p a{color:inherit;text-underline-offset:3px}
.spades-beta-close p a:hover{text-decoration:underline}
.spades-page .product-bar-cta{background:#ffcf3d;color:#201043}
[data-theme="dark"] .spades-page .site-nav .nav-cta{background:var(--blue);color:#071e50}

/* All slides share one content-sized grid track, so changing a slide never
   changes the surrounding page height or clips the taller mobile layouts. */
.featured-track{display:grid}
.featured-slide{position:relative;inset:auto;grid-area:1/1}
.spades-beta-slide{display:grid}
.spades-beta-slide::after{display:none}
.featured-slide>.spades-beta-slide-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:24px;min-height:500px;padding-block:38px 64px;align-items:center;width:min(1360px,calc(100% - 96px))}
.spades-beta-slide-copy{width:auto;max-width:none;background:none;padding:0}
.spades-beta-slide-copy .eyebrow{color:#ffcf3d;margin-bottom:14px}
.spades-beta-slide-copy h2{font-size:clamp(38px,4.1vw,60px);margin:0 0 12px;line-height:1.03;font-weight:700}
.spades-beta-slide-copy .spades-beta-tagline{font-size:clamp(27px,2.9vw,40px)!important}
.spades-beta-slide-copy .spades-beta-lead{color:#fff!important;font-size:19px!important}
.spades-beta-slide-game{display:block;width:100%;height:auto;border-radius:12px}

@media(max-width:1100px){
  .spades-beta .wrap{width:calc(100% - 64px)}
  .spades-beta-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px}
  .spades-beta-art{padding-right:8%}
  .spades-beta-phone{width:21%;right:-1%}
  .spades-beta-benefit-grid>div{padding-inline:18px;gap:14px}
  .spades-beta-benefit-grid img{width:40px;height:40px}
  .spades-beta-founder-grid{grid-template-columns:170px minmax(0,1fr);gap:28px}
  .spades-beta-perks{gap:20px}
  .spades-beta-perks>div{gap:14px}
  .spades-beta-perks>div+div{padding-left:20px}
}
@media(max-width:700px){
  .spades-beta .wrap{width:calc(100% - 36px)}
  .spades-page .product-bar>.wrap{width:calc(100% - 36px);gap:8px 20px;min-height:48px}
  .spades-page .product-bar-links>a[aria-current]{display:none}
  .spades-page .product-bar-links{gap:18px}
  .spades-page .product-bar-name{font-size:14px}
  .spades-page .product-bar-links a{font-size:13px}
  .spades-beta-grid{grid-template-columns:1fr;gap:24px;padding-block:28px 24px;text-align:center}
  .spades-beta-status{font-size:12px!important;padding:4px 12px;margin-bottom:16px}
  .spades-beta-copy h1{font-size:clamp(36px,8.8vw,56px);line-height:1.05;margin-bottom:12px}
  .spades-beta-tagline{font-size:27px!important;margin-bottom:14px}
  .spades-beta-lead{font-size:16px!important;max-width:440px;margin:0 auto 20px}
  .spades-beta-actions{justify-content:center;gap:12px 22px}
  .spades-beta-actions .spades-button{min-width:205px}
  .spades-beta-note{font-size:13px!important;margin-top:10px!important}
  .spades-beta-art{padding:0}
  .spades-beta-phone{display:none}
  .spades-beta-desktop{border-radius:14px}
  .spades-beta-benefit-grid{padding-block:22px}
  .spades-beta-benefit-grid>div{display:block;text-align:center;padding-inline:8px}
  .spades-beta-benefit-grid>div:first-child{padding-left:0}
  .spades-beta-benefit-grid>div:last-child{padding-right:0}
  .spades-beta-benefit-grid img{width:35px;height:35px;margin-bottom:8px}
  .spades-beta-benefit-grid h2{font-size:14px;margin-bottom:6px}
  .spades-beta-benefit-grid p{font-size:14px;line-height:1.45}
  .spades-beta-founder-grid{display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;padding-block:26px}
  .spades-beta-crest{width:82px;align-self:start}
  .spades-beta-founder-copy{display:contents}
  .spades-beta-founder-copy h2{font-size:27px;align-self:center;margin:0;line-height:1.15}
  .spades-beta-perks{grid-column:1/-1;gap:16px;margin-top:6px}
  .spades-beta-perks>div{display:block}
  .spades-beta-perks>div>img{display:none}
  .spades-beta-perks>div+div{padding-left:16px}
  .spades-beta-perks h3{font-size:19px;margin-bottom:8px}
  .spades-beta-perks ul{font-size:14px;gap:6px}
  .spades-beta-perks small{font-size:13px}
  .spades-beta-reset{grid-column:1/-1;font-size:13px;margin:0;padding-top:14px}
  .spades-beta-close{padding-block:24px}
  .spades-beta-close-row{gap:12px}
  .spades-beta-close h2{display:none}
  .spades-beta-close-row>.spades-button{min-width:230px}
  .spades-beta-help{justify-content:center;width:100%}
  .spades-beta-close p{font-size:13px;margin-top:6px}
  .bubble-slide{padding-bottom:0}
  .featured-slide>.spades-beta-slide-grid{grid-template-columns:1fr;gap:24px;min-height:640px;padding-block:28px 76px;align-content:center;width:calc(100% - 36px)}
  .spades-beta-slide-copy{padding:0!important;text-align:center}
  .spades-beta-slide-copy h2{font-size:36px}
  .spades-beta-slide-copy .spades-beta-tagline{font-size:28px!important}
  .spades-beta-slide-copy .spades-beta-lead{font-size:17px!important;margin:0 auto 20px}
  .spades-beta-slide-copy .eyebrow{margin-bottom:12px}
  .spades-beta-slide-copy .spades-beta-status{margin-bottom:14px}
  .spades-beta-slide-game{border-radius:10px}
}
@media(prefers-reduced-motion:reduce){.spades-beta .button,.spades-beta-slide .button{transition:none;transform:none}}