:root{--bg:#0b0c0f;--surface:#16181d;--surface-2:#1f2228;--ink:#ecebe6;--muted:#b9b3a6;--dark-ink:#0b0c0f;--s-red:#e84855;--s-orange:#f28c38;--s-yellow:#f2c14e;--s-green:#6ec462;--s-teal:#26aaaa;--s-blue:#3882dc;--accent:#f2c14e;--display:"Red Hat Display", "Avenir Next", system-ui, sans-serif;--text:"Red Hat Text", "Avenir Next", system-ui, sans-serif;--step-small:.875rem;--step-body:1.125rem;--step-lead:2rem;--step-head:2.5rem;--step-display:clamp(140px, 14.4vw, 220px);--margin:16px;--gap:8px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--text);font-size:var(--step-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--s-yellow);outline-offset:3px}::selection{background:var(--s-yellow);color:var(--dark-ink)}h1,h2,h3,p{margin:0}h2,h3{text-wrap:balance}.frame{padding-left:max(var(--margin), env(safe-area-inset-left,0px));padding-right:max(var(--margin), env(safe-area-inset-right,0px))}.grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.hero{padding-block:var(--margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 64px minmax(520px, calc(100svh - 170px - 64px - 3 * var(--gap) - var(--margin)));gap:var(--gap);display:grid}.tile{background:var(--surface);min-width:0}.band{background:var(--surface);grid-column:1/-1;justify-content:center;align-items:center;height:170px;display:flex;overflow:hidden}.band h1{font-family:var(--display);font-weight:900;font-size:var(--step-display);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;color:var(--ink);padding-top:.06em;line-height:.8}.band h1 span{display:inline-block}.links{display:contents}.links a{background:var(--surface);font-size:var(--step-body);transition:background .25s var(--ease), color .25s var(--ease);grid-column:span 3;padding:14px 16px;font-weight:500;text-decoration:none}.links a:hover{background:var(--surface-2)}.links a:active{transform:translateY(1px)}.rail-left{gap:var(--gap);grid-column:1/3;grid-template-rows:1fr auto;min-height:0;display:grid}.rail-left figure{background:#000;min-height:0;margin:0;overflow:hidden}.rail-left figure img{object-fit:cover;object-position:22% 50%;image-rendering:auto;width:100%;height:100%}.facts{font-size:var(--step-small);gap:10px;margin:0;padding:16px;line-height:1.4;list-style:none;display:grid}.facts a{text-underline-offset:3px;text-decoration-thickness:1px}.facts a:hover{text-decoration-thickness:2px}.stage{background:#05060a;grid-column:3/11;grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.screen{min-height:0;position:relative}.screen img,.screen canvas{width:100%;height:100%;position:absolute;inset:0}.screen img{object-fit:cover;object-position:50% 50%}.screen canvas{opacity:0;transition:opacity .4s var(--ease)}.stage.live .screen canvas{opacity:1}.stage.live .screen img{opacity:0;transition:opacity .4s var(--ease)}.statement{background:var(--bg);gap:18px;padding:24px;display:grid}.statement p.lead{font-size:var(--step-lead);letter-spacing:-.01em;max-width:34ch;font-weight:500;line-height:1.15}.keys{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.keys button{font:inherit;font-size:var(--step-small);background:var(--surface-2);min-height:44px;color:var(--ink);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .12s var(--ease);border:0;border-radius:0;padding:0 14px;font-weight:500}.keys button:hover{background:#2b2f37}.keys button:active{transform:scale(.96)}.keys button.on{background:var(--key,var(--s-yellow));color:var(--dark-ink)}.keys .hint{font-size:var(--step-small);color:var(--muted);margin-left:6px}.rail-right{gap:var(--gap);grid-column:11/13;grid-template-rows:1fr 1fr 1fr 1fr 1.6fr;display:grid}.rail-right>*{color:var(--dark-ink);font-size:var(--step-body);padding:14px 16px;font-weight:500;line-height:1.3}.rail-right .r1{background:var(--s-red)}.rail-right .r2{background:var(--s-orange)}.rail-right .r3{background:var(--s-green)}.rail-right .r4{background:var(--s-blue)}.rail-right .r5{background:var(--accent)}.rail-right a.r5{font-size:var(--step-body);transition:background .2s var(--ease);flex-direction:column;justify-content:space-between;font-weight:700;text-decoration:none;display:flex}.rail-right a.r5:hover{background:#ffd56e}.rail-right a.r5:active{transform:translateY(1px)}.rail-right a.r5 small{font-weight:500;font-size:var(--step-small)}section{padding-block:clamp(96px,12vw,200px)}.h-sec{font-family:var(--display);font-weight:900;font-size:var(--step-head);letter-spacing:-.03em;line-height:1}.plate{padding-block:0}.plate .inner{background:var(--surface);grid-template-columns:1fr 1fr;min-height:88svh;display:grid}.plate .pic{justify-content:center;align-items:center;padding:40px;display:flex}.plate .square{aspect-ratio:1;background:#000;width:100%;max-width:100%;position:relative;overflow:hidden}.plate .square img{object-fit:cover;width:100%;height:100%;transition:object-position .8s var(--ease), opacity .35s var(--ease)}.record-ring{border:6px solid var(--ink);pointer-events:none;border-radius:50%;position:absolute;inset:7%}.record-dot{background:var(--ink);pointer-events:none;border-radius:50%;width:18px;height:18px;margin:-9px;position:absolute;top:50%;left:50%}.spin{animation:14s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.plate .copy{flex-direction:column;justify-content:space-between;gap:48px;padding:40px 40px 40px 8px;display:flex}.tabs{flex-wrap:wrap;gap:6px 28px;display:flex}.tabs button{font:inherit;font-size:var(--step-body);cursor:pointer;color:var(--muted);min-height:44px;transition:color .2s var(--ease);background:0 0;border:0;border-radius:0;padding:8px 0;position:relative}.tabs button[aria-selected=true]{color:var(--ink);font-weight:700}.tabs button[aria-selected=true]:after{content:"";background:var(--tabc,var(--s-yellow));height:4px;position:absolute;bottom:2px;left:0;right:0}.tabs button:hover{color:var(--ink)}.plate h2{font-family:var(--display);font-weight:900;font-size:var(--step-head);letter-spacing:-.03em;margin-bottom:48px;line-height:1}.plate .desc{max-width:34ch;min-height:7.5em}.cells{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.cells a{min-height:72px;font-weight:700;font-size:var(--step-body);transition:background .2s var(--ease), transform .12s var(--ease);align-items:center;padding:0 20px;text-decoration:none;display:flex}.cells a:active{transform:translateY(1px)}.cell-a{background:var(--accent);color:var(--dark-ink)}.cell-a:hover{background:#ffd56e}.cell-b{background:var(--surface-2);color:var(--ink)}.cell-b:hover{background:#2b2f37}.index{background:var(--surface);padding-block:160px}.index+.runin{padding-top:160px}.index .h-sec{font-size:var(--step-lead);grid-column:1/13;margin-bottom:96px}.col{font-size:var(--step-body);line-height:1.3}.col h3{font:inherit;color:var(--ink);margin-bottom:1.25em;font-weight:700}.col ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.col li button{font:inherit;color:var(--muted);cursor:default;text-align:left;transition:color .15s var(--ease);background:0 0;border:0;border-radius:0;padding:3px 0}.col li button:hover,.col li button:focus-visible,.col li button.cur{color:var(--ink)}.col .sum{display:none}.c1{grid-column:1/4}.c2{grid-column:4/7}.c3{grid-column:7/10}.readout{font-size:var(--step-body);grid-column:10/13;align-content:start;gap:18px;line-height:1.4;display:grid}.readout strong{font-weight:700}.readout .shot{aspect-ratio:3/4;background:#000;width:100%;overflow:hidden}.readout .shot img{object-fit:cover;width:100%;height:100%}.runin .col-run{grid-column:5/13;max-width:600px}.runin .side{aspect-ratio:3/4;background:#000;grid-area:1/1/auto/5;align-self:start;margin:0;position:sticky;top:24px;overflow:hidden}.runin .side img{object-fit:cover;object-position:35% 50%;width:100%;height:100%}.runin .h-sec{font-size:var(--step-lead);margin-bottom:48px}.stage-p{color:var(--muted);line-height:1.6}.stage-p b{color:var(--ink);font-weight:700}.stage-p a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px}.stage-p a:hover{text-decoration-thickness:3px}.stage-p+.ev{margin-top:20px}.ev+.stage-p{margin-top:72px}.ev{width:100%}.ev.wide{aspect-ratio:1292/300;background:#000;overflow:hidden}.ev.wide img{object-fit:cover;width:100%;height:100%}.ev.eq{background:var(--surface);font-family:var(--display);font-weight:700;font-size:var(--step-lead);letter-spacing:-.01em;padding:20px 24px}.ev.eq sup{font-size:.55em}.ev.trio{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.ev.trio figure{background:#000;height:96px;margin:0;overflow:hidden}.ev.trio img{object-fit:cover;width:100%;height:100%}.ev.trio figcaption,.ev.cap{font-size:var(--step-small);color:var(--muted);margin-top:6px}.trio-wrap{gap:6px;display:grid}.price{background:var(--accent);color:var(--dark-ink);flex-direction:column;justify-content:center;min-height:80svh;display:flex}.price h2{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(2.25rem,8.4vw,9rem);font-weight:900;line-height:.95}.price h2 .fig{background:var(--dark-ink);color:var(--accent);padding:0 .15em;line-height:1;display:inline-block}.price .under{align-items:end;row-gap:24px;margin-top:64px}.price .under p{font-size:var(--step-body);grid-column:1/7;max-width:44ch;line-height:1.45}.price .buy{grid-column:10/13;justify-items:stretch;gap:14px;display:grid}.btn-dark{background:var(--dark-ink);min-height:64px;color:var(--accent);font-weight:700;font-size:var(--step-body);transition:background .2s var(--ease), transform .12s var(--ease);justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:flex}.btn-dark:hover{background:#23262d}.btn-dark:active{transform:translateY(1px)}.price .buy .alt{font-size:var(--step-small);font-weight:500}.faq .row{align-items:baseline;padding-bottom:80px}.faq .row:last-child{padding-bottom:0}.faq .q{font-family:var(--display);font-weight:700;font-size:var(--step-head);letter-spacing:-.02em;grid-column:1/7;line-height:1.1}.faq .q.head{color:var(--muted)}.faq .a{grid-column:8/13;max-width:40ch;line-height:1.55}.marquee{background:var(--bg);padding-block:40px;overflow:hidden}.marquee .track{width:max-content;animation:38s linear infinite slide;display:flex}.marquee:hover .track{animation-play-state:paused}.marquee p{font-family:var(--display);font-weight:900;font-size:var(--step-display);letter-spacing:-.04em;white-space:nowrap;padding-right:.6em;line-height:1}.marquee p .dot{vertical-align:middle;width:.5em;height:.5em;margin:0 .35em .08em;display:inline-block}@keyframes slide{to{transform:translate(-50%)}}footer{background:var(--s-red);color:var(--dark-ink);flex-direction:column;justify-content:space-between;min-height:90svh;padding-block:32px;display:flex;overflow:hidden}.foot-name{font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;margin-left:-.04em;font-size:15.6vw;font-weight:900;line-height:.8}.foot-row{row-gap:40px;margin-top:72px}.places{grid-column:1/6;gap:6px;margin:0;padding:0;list-style:none;display:grid}.places a{font-family:var(--display);font-weight:900;font-size:var(--step-head);letter-spacing:-.02em;transition:opacity .2s var(--ease);text-decoration:none}.places a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:4px}.smalls{font-size:var(--step-small);grid-column:7/13;grid-template-columns:repeat(3,1fr);gap:24px;line-height:1.4;display:grid}.smalls ul{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.smalls a{text-decoration:none}.smalls a:hover{text-decoration:underline}.smalls .g{font-weight:700}.legal{font-size:var(--step-small);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:96px;display:flex}.js .rise{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s);transform:translateY(24px)}.js .rise.in{opacity:1;transform:none}.hero .band h1 span{animation:lift 1.1s var(--ease) both}.hero .band h1 span:nth-child(2){animation-delay:60ms}@keyframes lift{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}.drift{animation:24s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.12)translate(-3%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rise{opacity:1;transition:none;transform:none}.hero .band h1 span,.spin,.drift,.marquee .track{animation:none}}@media (width<=1020px){.hero{grid-template-rows:auto auto auto auto}.rail-left{grid-area:4/1/auto/5;grid-template-rows:220px auto}.stage{grid-area:3/1/auto/-1;min-height:520px}.rail-right{grid-area:4/5/auto/13;grid-template-rows:auto;grid-template-columns:1fr 1fr}.rail-right a.r5{grid-column:1/-1;min-height:96px}.plate .inner{grid-template-columns:1fr;min-height:0}.plate .copy{padding:8px 40px 40px}.c1{grid-column:1/5}.c2{grid-column:5/9}.c3{grid-column:9/13}.readout{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:start;margin-top:56px}.runin .col-run{grid-column:5/13}.runin .side{grid-column:1/5}.faq .q{grid-column:1/7}.faq .a{grid-column:7/13}.price .under p{grid-column:1/8}.price .buy{grid-column:8/13}.places,.smalls{grid-column:1/-1}}@media (width<=640px){:root{--gap:6px;--step-lead:1.5rem;--step-head:1.75rem}.grid{column-gap:0}.hero{grid-template-columns:1fr 1fr}.band{height:auto;padding-block:14px 8px}.band h1{text-align:center;font-size:26vw;line-height:.84}.band h1 span{display:block}.links a{grid-column:span 1;padding:12px;font-size:.9375rem}.hero{grid-template-rows:auto 52px 52px auto auto auto}.stage{grid-area:4/1/auto/-1;min-height:0}.screen{aspect-ratio:4/3}.rail-left{grid-area:6/1/auto/-1;grid-template-rows:160px auto}.rail-right{grid-area:5/1/auto/-1;grid-template-columns:repeat(6,1fr)}.rail-right>*{font-size:var(--step-small);grid-column:span 2;padding:10px}.rail-right .r1,.rail-right .r2,.rail-right .r3,.rail-right .r4{grid-column:span 2}.rail-right a.r5{grid-column:span 4;min-height:0}.plate .pic{padding:16px}.plate .copy{gap:32px;padding:8px 16px 24px}.plate h2{font-size:var(--step-lead);margin-bottom:20px}.plate .desc{min-height:0}.cells{grid-template-columns:1fr}.cells a{min-height:60px}.index{padding-block:96px}.index .h-sec{margin-bottom:48px}.c1,.c2,.c3{grid-column:1/-1;margin-bottom:40px}.runin .side{display:none}.runin .col-run{grid-column:1/-1}.readout .shot{aspect-ratio:1292/300}.col{line-height:1.45}.col .sum{color:var(--muted);margin-top:12px;display:block}.readout{grid-template-columns:1fr;margin-top:8px}.ev+.stage-p{margin-top:56px}.ev.trio figure{height:88px}.price h2{font-size:9vw}.price .under p,.price .buy,.faq .q,.faq .a{grid-column:1/-1}.faq .a{margin-top:12px}.faq .row{padding-bottom:56px}.smalls{grid-template-columns:1fr 1fr}section{padding-block:96px}}
