.site{--pad:clamp(16px, 4vw, 56px);--display:clamp(36px, 4.6vw, 76px);--h2:clamp(30px, 3.6vw, 52px);--statement:clamp(19px, 1.6vw, 23px);--body:18px;--small:15px;--tv-bezel:#17101a;--field-ground:var(--primary);--field-ink:var(--on-primary);background:var(--sheet);min-height:100svh;color:var(--ink);font-size:var(--body);line-height:1.55}.site main{max-width:none;padding:0}.site h1,.site h2,.site h3{color:var(--ink);margin:0}.site p{max-width:60ch}.site a{color:var(--accent)}.site-bar{padding:18px var(--pad);align-items:center;gap:14px;display:flex}.site-logo{display:inline-flex}.beta{background:var(--gold);color:#2f1334;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:600}.site-nav{font-size:var(--small);gap:28px;margin-left:auto;font-weight:500;display:flex}.site-nav a{color:var(--ink)}@media (max-width:760px){.site-nav a:not(:last-child){display:none}.site-bar .lockup img{width:auto;height:32px}}.hero{padding:clamp(24px, 5vw, 72px) var(--pad) clamp(72px, 9vw, 140px);grid-template-columns:minmax(0,6fr) minmax(0,7fr);align-items:center;gap:clamp(32px,4vw,72px);display:grid}.hero h1{font-size:var(--display);letter-spacing:-.035em;max-width:15ch;font-weight:600;line-height:.98}.lede{color:var(--ink);font-size:var(--statement);margin-top:36px;line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px;display:flex}.btn,.site .invite-send button{border-radius:var(--radius);background:var(--primary);min-height:52px;color:var(--on-primary);border:0;align-items:center;padding:0 26px;font-size:17px;font-weight:600;text-decoration:none;transition:background-color .14s ease-out,transform .14s ease-out;display:inline-flex}.site a.btn{color:var(--on-primary)}.btn:hover{background:var(--primary-hover);text-decoration:none}.btn:active{transform:translateY(1px)}.quiet-link{font-weight:500}.hero-note{color:var(--muted);font-size:var(--small);margin-top:28px}.stage{background:var(--frame);border-radius:14px;justify-items:center;gap:18px;padding:clamp(20px,3vw,44px);display:grid}.turn{font-size:var(--small);border:0;justify-self:start;align-items:center;gap:4px;padding:0;display:inline-flex}.turn legend{float:left;color:var(--muted);margin-right:10px;font-weight:500}.turn label{cursor:pointer;border-radius:999px;padding:7px 14px;font-weight:500;transition:background-color .14s ease-out;position:relative}.turn label:hover{background:var(--active)}.turn input{opacity:0;cursor:pointer;position:absolute;inset:0}.turn label:has(input:checked){background:var(--ink);color:var(--sheet)}.turn label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.tv{background:var(--tv-bezel);border-radius:12px;width:100%;max-width:760px;padding:12px;transition:max-width .42s cubic-bezier(.2,.7,.2,1),transform .42s cubic-bezier(.2,.7,.2,1)}.tv-screen{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden;container-type:inline-size}.stage:has(input[value=portrait]:checked) .tv{max-width:min(330px,62vw)}.stage:has(input[value=portrait]:checked) .tv-screen{aspect-ratio:9/16}.tv-slide{object-fit:cover;opacity:0;width:100%;height:100%;animation:24s infinite tv-cycle;position:absolute;inset:0}.tv-slide:first-child{opacity:1;animation-delay:0s}.tv-slide:nth-child(2){animation-delay:6s}.tv-slide:nth-child(3){animation-delay:12s}.tv-slide:nth-child(4){animation-delay:18s}@keyframes tv-cycle{0%{opacity:0;transform:scale(1.06)}6%,25%{opacity:1}31%,to{opacity:0;transform:scale(1)}}.tv-offer{color:#fff8ec;background:#2f1334;padding:2.2cqw 3.2cqw;line-height:1.1;display:grid;position:absolute;top:7cqw;left:5cqw}.tv-offer strong{letter-spacing:-.02em;font-size:max(15px,5.2cqw)}.tv-offer span{color:#eaaa2e;margin-top:.6cqw;font-size:max(13px,3.4cqw);font-weight:600}.tv-strip{color:#fff8ec;background:#2f1334;align-items:center;gap:2.6cqw;height:max(48px,16cqw);padding:0 2.6cqw;display:flex;position:absolute;inset:auto 0 0}.stage:has(input[value=portrait]:checked) .tv-strip{height:max(56px,24cqw)}.tv-qr{aspect-ratio:1;flex:none;height:78%}.qr-bg{fill:#fff}.qr-dot{fill:#17101a}.tv-strip-text{min-width:0;line-height:1.2;display:grid}.tv-strip-text b{font-size:max(13px,3.6cqw)}.tv-ticker{white-space:nowrap;color:#eaaa2e;font-size:max(12px,2.4cqw);overflow:hidden}.tv-ticker span{padding-left:100%;animation:16s linear infinite ticker;display:inline-block}@keyframes ticker{to{transform:translate(-100%)}}.stage-caption{color:var(--muted);font-size:var(--small);justify-self:start}.how{padding:clamp(80px, 10vw, 160px) var(--pad);background:var(--frame)}.how h2,.plays h2{font-size:var(--h2);letter-spacing:-.025em;font-weight:600;line-height:1.05}.how-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,96px);margin-top:clamp(40px,5vw,72px);display:grid}.how-steps{counter-reset:step;gap:44px;padding:0;list-style:none;display:grid}.how-steps li{counter-increment:step;grid-template-columns:56px minmax(0,1fr);column-gap:20px;display:grid}.how-steps li:before{content:counter(step);background:var(--gold);color:#2f1334;border-radius:50%;grid-row:span 2;place-items:center;width:56px;height:56px;font-size:24px;font-weight:600;display:grid}.how-steps h3{font-size:var(--statement);font-weight:600;line-height:1.3}.how-steps p{margin-top:6px}.pair-screen{border:12px solid var(--tv-bezel);color:#fff8ec;text-align:center;background:#2f1334;border-radius:12px;justify-items:center;gap:14px;padding:clamp(40px,6vw,88px) 24px;display:grid}.pair-label{font-size:var(--statement);font-weight:500}.pair-code{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#eaaa2e;font-size:clamp(48px,6vw,92px);font-weight:600;line-height:1}.pair-hint{font-size:var(--small);color:#e6dbe8}.plays{padding:clamp(96px, 11vw, 176px) var(--pad);gap:clamp(56px,7vw,104px);display:grid}.plays h2{max-width:14ch}.feature{grid-template-columns:minmax(0,520px) minmax(0,440px);align-items:start;gap:clamp(24px,4vw,64px);margin-left:clamp(0px,14vw,240px);display:grid}.feature h3{font-size:var(--statement);font-weight:600;line-height:1.3}.feature p{margin-top:10px}.proof{background:var(--frame);border-radius:10px;position:relative;overflow:hidden}.proof-photo,.proof-pair{aspect-ratio:16/7}.proof img{object-fit:cover;width:100%;height:100%;display:block}.proof-progress{background:var(--gold);transform-origin:0;width:100%;height:6px;animation:8s linear infinite progress;position:absolute;bottom:0;left:0}@keyframes progress{0%{transform:scaleX(0)}}.proof-banner{color:#fff8ec;background:#2f1334;align-content:center;gap:6px;padding:36px 32px;display:grid}.proof-banner strong{letter-spacing:-.02em;font-size:clamp(26px,2.6vw,36px);line-height:1.05}.proof-banner span{color:#eaaa2e;font-weight:600}.proof-pair{background:var(--tv-bezel);grid-template-columns:1fr 1fr;gap:6px;display:grid}.proof-qr{color:#fff8ec;background:#2f1334;align-items:center;gap:20px;padding:20px 24px;display:flex}.proof-qr-code{flex:none;width:96px;height:96px}.proof-qr div{gap:4px;display:grid}.proof-qr b{font-size:var(--statement)}.proof-qr span{color:#eaaa2e;font-size:var(--small);font-weight:500}.proof-status{font-size:var(--small);background:var(--raised);align-items:flex-start;gap:14px;padding:24px;display:flex}.proof-status .dot{background:#22a35a;border-radius:50%;flex:none;width:12px;height:12px;margin-top:6px}.invite{padding:clamp(80px, 10vw, 160px) var(--pad);background:var(--field-ground);color:var(--field-ink);grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);display:grid}.site .invite h2{font-size:var(--h2);letter-spacing:-.025em;color:var(--field-ink);font-weight:600;line-height:1.05}.invite-copy p{margin-top:20px}.site .invite a{color:var(--field-ink);text-underline-offset:3px;text-decoration:underline}.invite-form{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.site .invite-form label{font-size:var(--small);color:var(--field-ink);gap:6px;font-weight:600;display:grid}.invite-form .opt{opacity:.85;font-weight:400}.site .invite-form :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]){border-radius:var(--radius);color:#1c1620;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fffaf2;border:1px solid #0000;width:100%;min-height:50px;padding:10px 14px;font-size:17px}.site .invite-form textarea{resize:vertical}.site .invite-form :is(input,select,textarea):focus-visible{outline:3px solid var(--gold);outline-offset:1px}.invite-form .wide{grid-column:1/-1}.invite-form .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.invite-send{font-size:var(--small);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:8px;display:flex}.site .invite-send button{background:var(--field-ink);color:var(--field-ground);cursor:pointer}.site .invite-send button:hover:not(:disabled){background:var(--sheet);color:var(--ink)}.site .invite-error{border-radius:var(--radius);background:var(--neg-bg);color:var(--neg-ink);padding:12px 16px;font-weight:500}.invite-done{font-size:var(--statement);align-self:center;font-weight:500}.site-foot{padding:clamp(64px, 8vw, 120px) var(--pad) 32px;font-size:var(--small);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:28px clamp(32px,5vw,96px);display:grid}.foot-cols{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px 48px;display:grid}.credits,.legal{color:var(--muted);grid-column:1/-1}.site .credits{max-width:75ch}@media (max-width:900px){.hero,.how-grid,.invite,.feature,.site-foot,.foot-cols{grid-template-columns:minmax(0,1fr)}.feature{margin-left:0}.invite-form{grid-template-columns:minmax(0,1fr)}.stage{padding:16px}}@supports (animation-timeline:view()){.how-steps li,.feature,.pair-screen,.invite-form,.invite-copy{animation:linear both rise;animation-timeline:view();animation-range:entry entry 40%}.feature>:last-child{animation:linear both rise;animation-timeline:view();animation-range:entry 10% entry 55%}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.hero-copy>*{animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}@media (prefers-reduced-motion:reduce){.site *,.site :before{transition:none!important;animation:none!important}.tv-slide:not(:first-child){display:none}.tv-ticker span{padding-left:0}}