.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:500;line-height:1.02;display:block}.hb-hero h1 span{color:var(--accent-text)}.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:500;display:block}.hb-sites{margin-bottom:var(--s-3);border:1px solid var(--border);border-radius:calc(var(--r) + 4px);background:var(--surface);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:500;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(--halo-ring);outline-offset:2px}.hb-row{gap:var(--s-2);display:flex}.hb-row .ui-input.hb-input{flex:1;width:auto;min-width:0;font-size:18px;font-weight:500}.hb-row .ui-input.hb-input::placeholder{color:var(--faint)}.hb-row .ui-input.hb-input:focus-visible{outline:2px solid var(--text);outline-offset:2px}.hb-row .ui-input.hb-input[aria-invalid]{border-color:var(--bad)}.hb-row .ui-btn.hb-go{width:var(--control-h-lg);flex:none;padding:0}.hb-row .ui-btn.hb-go: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:500}.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:500;display:flex}.hb h2 small{color:var(--muted);font-size:13px;font-weight:500}.hb-faq h1{letter-spacing:-.02em;margin:0 0 var(--s-5);font-size:clamp(32px,9vw,44px);font-weight:500}.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:500}.hb-faq p{margin:var(--s-2) 0 0;color:var(--muted);line-height:1.5}.hb-eyebrow{margin:0 0 var(--s-3);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-size:13px;font-weight:500}.hb .hbs-title{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(30px,4.4vw,48px);font-weight:500;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-render-frame{aspect-ratio:16/10;background:var(--surface);border:1px solid var(--line);color:var(--accent-text);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(--accent-text);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-accent{color:var(--accent-text);display:block}html:has(.hb-stories){--hb-bar:calc(var(--control-h) + var(--s-4))}.hb-stories>.hb-hero{min-height:calc(100svh - var(--hb-bar));padding:var(--s-5) 0;flex-direction:column;justify-content:safe center;display:flex}@media (min-width:861px){html:has(.hb-stories){scroll-behavior:smooth}}@media (max-width:860px){html:has(.hb-stories){--hb-bar:0px;--hb-screen:100svh}html:has(.hb-stories>.hb-hero){scroll-snap-type:y mandatory;scroll-padding-top:0}@supports (height:100dvh){html:has(.hb-stories){--hb-screen:100dvh}}.hb-stories>.hb-hero{min-height:var(--hb-screen)}body:has(.hb-stories) .site-header{display:none}.hb-stories>.hb-hero{position:relative}.hb-stories{gap:0;padding-top:0;padding-bottom:0}.hb-stories>.hb-hero{scroll-snap-align:start;scroll-snap-stop:always}.hb .hbs-title{font-size:clamp(30px,9vw,40px)}.hbs-body{font-size:17px}.xr-footer{scroll-snap-align:end}}@media (prefers-reduced-motion:reduce){html:has(.hb-stories>.hb-hero){scroll-snap-type:y proximity}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):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%,#8fb6ff0f,#0000 70%)}@media (max-width:640px){body:has(.hb-stories):before{background-position:right -140px top 0;background-size:720px 720px}}.hb-doc>p{color:var(--muted);line-height:1.5}.hb-doc h2{margin:var(--s-5) 0 var(--s-2);font-size:20px;font-weight:500}.hb-doc ul{margin:0;padding-left:1.2em;line-height:1.5}.hb-doc li{margin:var(--s-1) 0}.hb-row[data-cta]{flex-wrap:wrap}.hb-row[data-cta] .ui-input.hb-input{flex-basis:100%}.hb-row[data-cta] .ui-btn.hb-go{width:100%;padding:0 var(--s-5);font-size:17px;font-weight:500}