.hb{max-width:560px;padding:var(--s-6) var(--page-gutter) var(--s-7);gap:var(--s-7);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.hb-hero h1{letter-spacing:-.03em;margin:0 0 var(--s-4);font-size:clamp(40px,12vw,56px);font-weight:900;line-height:1.02}.hb-hero h1 span{color:var(--brand)}.hb-hero>p{color:var(--muted);margin:0 0 var(--s-5);font-size:17px;line-height:1.5}.hb-form label{color:var(--muted);margin-bottom:var(--s-2);font-size:13px;font-weight:700;display:block}.hb-sites{margin-bottom:var(--s-3);border:1px solid var(--border);border-radius:calc(var(--r) + 4px);background:var(--surface,var(--bg));grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.hb-sites button{justify-content:center;align-items:center;gap:var(--s-2);height:var(--control-h);border-radius:var(--r);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:15px;font-weight:800;transition:background .15s,color .15s;display:flex}.hb-sites button[aria-checked=true]{background:var(--text);color:var(--bg)}.hb-sites button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hb-row{gap:var(--s-2);display:flex}.hb-row input{min-width:0;height:var(--control-h-lg);padding:0 var(--s-4);border:2px solid var(--brand);border-radius:var(--r);background:var(--bg);color:var(--text);font:inherit;flex:1;font-size:18px;font-weight:700}.hb-row input::placeholder{color:var(--faint)}.hb-row input:focus-visible{outline:2px solid var(--text);outline-offset:2px}.hb-row input[aria-invalid]{border-color:var(--bad)}.hb-row button{width:var(--control-h-lg);height:var(--control-h-lg);border-radius:var(--r);background:var(--brand);color:var(--on-brand);cursor:pointer;border:0;flex:none;place-items:center;display:grid}.hb-row button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.hb-note:empty{margin:0}.hb-note{margin:var(--s-2) 0 0;color:var(--muted);font-size:14px;font-weight:700}.hb-note[data-invalid]{color:var(--bad)}.hb h2{margin:0 0 var(--s-4);align-items:baseline;column-gap:var(--s-2);flex-wrap:wrap;row-gap:2px;font-size:20px;font-weight:900;display:flex}.hb h2 small{color:var(--muted);font-size:13px;font-weight:700}.hb-faq h1{letter-spacing:-.02em;margin:0 0 var(--s-5);font-size:clamp(32px,9vw,44px);font-weight:900}.hb-faq details{border-top:1px solid var(--border);padding:var(--s-4) 0}.hb-faq details:last-child{border-bottom:1px solid var(--border)}.hb-faq summary{cursor:pointer;font-weight:800}.hb-faq p{margin:var(--s-2) 0 0;color:var(--muted);line-height:1.5}.hb-caption{color:#ffffff8c;text-align:center;max-width:560px;margin:10px auto 0;font-size:13px;line-height:1.4}.hb-eyebrow{margin:0 0 var(--s-3);letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-size:13px;font-weight:800}.hbs{--w:min(1040px, calc(100vw - 2 * var(--page-gutter)));width:var(--w);margin-inline:calc((100% - var(--w)) / 2);height:calc(var(--n) * 100vh);position:relative}.hbs-pin{gap:var(--s-7);height:100dvh;padding:calc(var(--control-h-lg) + var(--s-5)) 0 var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;display:grid;position:sticky;top:0}.hbs-steps{margin:0;padding:0;list-style:none;display:grid}.hbs-step{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease), visibility var(--dur-3);flex-direction:column;grid-area:1/1;display:flex;transform:translateY(18px)}.hbs-step[data-active="1"]{opacity:1;visibility:visible;pointer-events:auto;transform:none}.hb .hbs-title{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(30px,4.4vw,48px);font-weight:900;line-height:1.05;display:block}.hbs-body{margin:var(--s-4) 0 0;max-width:34ch;color:var(--muted);text-wrap:pretty;font-size:19px;line-height:1.5}.hbs-stage{aspect-ratio:1;background:var(--panel);border-radius:24px;width:100%;max-height:100%;position:relative;overflow:hidden}.hbs-visual{padding:var(--s-6);opacity:0;transition:opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease);place-items:center;display:grid;position:absolute;inset:0;transform:translateY(12px)scale(.98)}.hbs-visual[data-active="1"]{opacity:1;transform:none}.hbs-inline{display:none}.hbs-pic{width:100%;max-width:340px}.hbs-render{gap:var(--s-2);max-width:400px;display:grid}.hbs-render-frame{aspect-ratio:16/10;background:var(--surface);border:1px solid var(--line,#fff2);color:var(--brand);border-radius:12px;display:block;position:relative;overflow:hidden}.hb-stories .xr-sprite{width:0;height:0;position:absolute;overflow:hidden}.hbs-render-frame .xr-static{aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;position:absolute;top:50%;left:0;transform:translateY(-53%)}.hbs-render-frame .xr-sq{aspect-ratio:1;background:var(--sq-light);position:relative}.hbs-render-frame .xr-sq[data-dark="1"]{background:var(--sq-dark)}.hbs-render-frame .xr-sq>svg{width:100%;height:100%}.hbs-render-frame:after{content:"";pointer-events:none;background:radial-gradient(90% 90%,#0000 55%,#0e0d0b73);position:absolute;inset:0}.hbs-render-play{width:44px;height:44px;color:var(--brand);z-index:1;background:#0e0d0bc7;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;left:12px}.hbs-render-play svg{width:24px;height:24px;margin-left:2px}.hbs-render-bar{background:var(--surface);border-radius:3px;height:6px;overflow:hidden}.hbs-render-bar i{background:var(--brand);width:0;height:100%;animation:hbs-fill 2.6s var(--ease) infinite;display:block}.hbs-render small{color:var(--muted);justify-self:end;font-size:12px;font-weight:800}.hbs-games{grid-template-columns:repeat(5,1fr);gap:8px;display:grid;position:relative;overflow:hidden}.hbs-games span{aspect-ratio:1;background:var(--panel-2);color:var(--muted);border-radius:10px;place-items:center;font-size:13px;font-weight:800;display:grid}.hbs-games span[data-r=W]{color:var(--text)}.hbs-games span[data-flag]{background:var(--brand);color:var(--on-brand)}.hbs-scan{background:var(--brand);height:3px;animation:hbs-scan 2.6s var(--ease) infinite alternate;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px 4px #ffd30066}.hbs-inbox{max-width:360px;padding:var(--s-4);background:var(--bg);border-radius:18px;gap:8px;display:grid;box-shadow:0 18px 50px #000a}.hbs-inbox-head{border-bottom:1px solid var(--line,#fff2);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.hbs-inbox-head b{font-size:15px;font-weight:900}.hbs-inbox-head i{background:var(--panel-2);border-radius:50%;width:22px;height:22px}.hbs-inbox-row{background:linear-gradient(90deg, var(--panel-2) 0 26%, transparent 26% 30%, var(--panel-2) 30% 70%, transparent 70%) 0 6px / 100% 9px no-repeat, linear-gradient(90deg, var(--panel-2) 0 55%, transparent 55%) 0 21px / 100% 7px no-repeat;opacity:.55;border-radius:8px;height:34px;display:block}.hbs-mail{background:var(--panel);border:1px solid var(--line,#fff2);border-radius:12px;gap:6px;padding:10px 12px 12px;display:grid}.hbs-mail-top{align-items:center;gap:8px;display:flex}.hbs-mail-dot{background:var(--brand);border-radius:50%;width:8px;height:8px}.hbs-mail-top small{color:var(--muted);margin-left:auto;font-size:12px;font-weight:700}.hbs-mail-from{color:var(--brand);font-size:13px;font-weight:800}.hbs-mail-subject{font-size:18px;font-weight:900}.hbs-mail-video{margin-top:4px;display:block;position:relative}.hbs-mail-video .hbs-render-frame{aspect-ratio:16/9}.hbs-mail-video>small{z-index:1;color:#fff;text-shadow:0 1px 2px #000;font-size:12px;font-weight:800;position:absolute;bottom:8px;right:10px}.hbs-accent{color:var(--brand);display:block}.hbw{gap:var(--s-4);max-width:320px;display:grid}.hbw-board{aspect-ratio:8/6;background:repeating-conic-gradient(#a3afbe 0 25%, #eceff3 0 50%) 0 0 / 25% 33.333%;border-radius:14px;position:relative;overflow:hidden}.hbw-over{padding:var(--s-4);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);text-align:center;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.hbw-score{letter-spacing:.08em;color:var(--muted);font-size:13px;font-weight:900}.hbw-lost{letter-spacing:-.02em;font-size:24px;font-weight:900}.hbw-over small{margin-bottom:var(--s-3);color:var(--muted);font-size:13px;font-weight:700}.hbw-btn{border-radius:var(--r);width:min(100%,220px);padding:10px 0;font-size:15px;font-weight:900;position:relative}.hbw-new{background:var(--brand);color:var(--on-brand);overflow:hidden;box-shadow:0 6px 18px #ffd30040}.hbw-ripple{opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hbw-review{color:var(--faint,#fff5);background:#ffffff0f;border:1px solid #ffffff14;margin-top:6px}.hbw-review[data-hover]{color:#fff9;background:#ffffff1c;border-color:#ffffff30}.hbw-cursor{z-index:2;transform-origin:5px 2px;filter:drop-shadow(0 2px 4px #0009);pointer-events:none;position:absolute;top:54%;left:60%}.hbw-board[data-live] .hbw-cursor{top:0;left:0}.hbw-tally{gap:8px;display:grid}.hbw-tally p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.hbw-row{align-items:center;gap:var(--s-3);grid-template-columns:9.5em 1fr 2ch;font-size:14px;font-weight:800;display:grid}.hbw-row i{background:var(--brand);transform-origin:0;height:8px;animation:hbs-grow 1.2s var(--ease) both;border-radius:4px}.hbw-row b{text-align:right;font-variant-numeric:tabular-nums}.hbw-row[data-zero]{color:var(--muted)}.hbw-row[data-zero] i{background:var(--muted);width:4px;animation:none}@keyframes hbs-grow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.hbw-row i{animation:none}}@keyframes hbs-fill{to{width:100%}}@keyframes hbs-scan{to{top:calc(100% - 3px)}}html:has(.hb-stories){--hb-bar:calc(var(--control-h) + var(--s-4))}.hb-stories>.hb-hero,.hb-stories>.hb-inside{min-height:calc(100svh - var(--hb-bar));padding:var(--s-5) 0;flex-direction:column;justify-content:safe center;display:flex}.hb-down{margin-top:var(--s-6);padding:var(--s-2) var(--s-3);color:var(--muted);cursor:pointer;animation:hbs-nudge 1.6s var(--ease) infinite;align-self:center;font-size:1.4rem;line-height:1;text-decoration:none}.hb-down:hover{color:var(--text)}@media (min-width:861px){html:has(.hb-stories){scroll-behavior:smooth}}.hb-stories>.hb-inside{width:min(100vw - 2 * var(--page-gutter), 1040px);justify-self:center}.hb-stories>.hb-inside>h2{text-align:center;justify-content:center}.hb-stories .wk-embed .wk-box{width:min(100%, 460px, calc((100svh - var(--hb-bar) - 114px - 112px) * 9 / 16))}@media (min-width:861px){.hb-stories>.hb-inside{padding:var(--s-2) 0}.hb-stories .wk-embed .wk-box{width:min(100%, 560px, calc((100svh - var(--hb-bar) - 114px - 60px) * 9 / 16))}.hb-stories>.hb-inside>:is(h2,.hb-caption){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hb-stories>.hb-inside{width:min(100vw - 2 * var(--page-gutter), 1680px)}.hb-stories>.hb-inside>.wk-embed{width:100%}.hb-stories .wk-embed .wk-box:not(:fullscreen){width:min(100%, (100svh - var(--hb-bar) - 2 * var(--s-2)) * 16 / 9);margin-inline:auto;position:relative;overflow:hidden}.hb-stories .wk-embed .wk-box:not(:fullscreen)>:is(.wk-top,.wk-bot){z-index:3;transition:opacity .25s var(--ease);position:absolute;inset-inline:0}.hb-stories .wk-embed .wk-box:not(:fullscreen)>.wk-top{background:linear-gradient(#000000b3,#0000);top:0}.hb-stories .wk-embed .wk-box:not(:fullscreen)>.wk-bot{background:linear-gradient(#0000,#000000b3);bottom:0}.hb-stories .wk-embed .wk-box[data-playing]:not(:fullscreen,:hover,:focus-within,[data-scrubbing])>:is(.wk-top,.wk-bot){opacity:0}.hb-stories .wk-embed .wk-box:not(:fullscreen) .wk-tapsound{bottom:calc(var(--wk-foot) + 8px)}}@media (max-width:860px){html:has(.hb-stories){scroll-snap-type:y mandatory;scroll-padding-top:var(--hb-bar)}.hb-stories{gap:0;padding-top:0;padding-bottom:0}.hb-stories>.hb-hero,.hb-stories>.hb-inside{scroll-snap-align:start;scroll-snap-stop:always}.hbs{width:auto;height:auto;margin-inline:0}.hbs-pin{height:auto;padding:0;display:block;position:static}.hbs-stage{display:none}.hbs-steps{flex-direction:column;display:flex}.hbs-step{min-height:calc(100svh - var(--hb-bar));padding:var(--s-5) 0 var(--s-6);opacity:1;visibility:visible;pointer-events:auto;scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;transform:none}.hb .hbs-title{font-size:clamp(30px,9vw,40px)}.hbs-body{font-size:17px}.hbs-inline{margin-top:var(--s-6);padding:var(--s-5);background:var(--panel);border-radius:20px;place-items:center;display:grid}.hbs-step[data-why] .hbs-inline{background:0 0;padding:0}.xr-footer{scroll-snap-align:end}}@keyframes hbs-nudge{50%{transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){html:has(.hb-stories){scroll-snap-type:y proximity}.hbs-step,.hbs-visual{transition:none}.hbs-scan,.hbs-render-bar i,.hb-down{animation:none}html:has(.hb-stories){scroll-behavior:auto}}html:has(.hb-stories){--bg:#0e0d0b;--surface:#17150f;--panel:#211e16;--panel-2:#2a261c;--line:#2e2a20;--border:#2e2a20;--border-strong:#3a3528;--text:#f5f1e6;--muted:#b9b2a1;--faint:#8f887a;background:var(--bg);overflow-x:clip}body:has(.hb-stories){background:0 0;position:relative;overflow-x:clip}body:has(.hb-stories) .hb-caption{color:var(--muted)}body:has(.hb-stories):before{content:"";pointer-events:none;height:100vh;position:absolute;top:0;left:0;right:0}body:has(.hb-stories):after{content:"";pointer-events:none;height:100vh;position:absolute;top:0;left:0;right:0}body:has(.hb-stories):before{z-index:-1;transform-origin:100% 40%;-webkit-mask-composite:source-in;background:url(/brand/home-board.svg) calc(50% + 520px) -40px/1100px 1100px no-repeat;transform:perspective(1400px)rotateY(-28deg)rotateX(8deg);-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000 55%),linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(90deg,#0000 20%,#000 55%),linear-gradient(#000 60%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}body:has(.hb-stories):after{z-index:-2;background:radial-gradient(900px 600px at 70% 40%,#ffd3000f,#0000 70%)}@media (max-width:640px){body:has(.hb-stories):before{background-position:right -140px top 0;background-size:720px 720px}}.hb-invite{margin:0 0 var(--s-4);color:#f5f5f5;background:#ffffff10;border:1px solid #ffffff1f;border-radius:999px;place-self:flex-start start;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:8px 16px;font-size:15px;font-weight:600;display:inline-flex}.hb-invite strong{color:var(--brand);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}
