@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_4e739f72-module__LOZPOa__className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.instrument_sans_4e739f72-module__LOZPOa__variable{--font-instrument:"Instrument Sans", "Instrument Sans Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mono:ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--display:var(--font-instrument), "Segoe UI", system-ui, sans-serif;--body:var(--font-instrument), "Segoe UI", system-ui, sans-serif;--page:#e7ebf1;--panel:#eef1f5;--panel-deep:#e2e6ed;--heading:#1b202a;--text:#39404e;--text-dim:#5f6775;--line:#2b324224;--line-strong:#2b32424d;--line-input:#2b324299;--mark-ink:#1a2230;--glow-1:#96c4fff2;--glow-2:#70a8fc9e;--glow-3:#5690f061;--glow-4:#467ee133;--field:#f6f8fb;--btn-fill:#1a2230;--btn-fill-ink:#f2f5fa;--btn-fill-glow:0 0 26px #6ea6fa57;--btn-fill-glow-hi:0 0 44px #6ea6fa99;--glyph:#3563a5;--on-glyph:#fff;--glyph-glow:drop-shadow(0 0 6px #78acffd9) drop-shadow(0 0 18px #5a96f080);--danger:#a8323a;--good:#1a6b50;--ease-out:cubic-bezier(.23, 1, .32, 1);--dur-fast:.15s;--dur:.25s;--dur-slow:.5s;--r-card:16px;--r-row:12px;--r-control:10px;--r-chip:7px;--r-pill:999px;--glass-face:linear-gradient(180deg, #ffffffc7, #ffffff8c);--glass-edge:inset 0 1px 0 #ffffffe6;--glass-lift:0 1px 2px #1c26380f, 0 8px 20px -12px #1c263824;--glass-lift-hi:0 2px 6px #1c263817, 0 16px 34px -14px #1c263833}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}body{background:var(--page);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{color:var(--glyph)}.wordmark{color:var(--mark-ink);filter:drop-shadow(0 0 4px var(--glow-2)) drop-shadow(0 0 20px var(--glow-4))}.mono-label{font-family:var(--body);color:var(--text-dim);font-size:13px;font-weight:500}.btn-primary{border-radius:var(--r-control);border:1px solid var(--btn-fill);background:var(--btn-fill);color:var(--btn-fill-ink);font-family:var(--body);letter-spacing:0;cursor:pointer;box-shadow:var(--btn-fill-glow);transition:box-shadow .28s var(--ease-out), transform .28s var(--ease-out);background-image:linear-gradient(#ffffff24,#0000 55%);justify-content:center;align-items:center;padding:15px 30px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:var(--btn-fill-glow-hi)}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none}.wrap{max-width:940px;margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--body);color:var(--glyph);margin:0 0 10px;font-size:13px;font-weight:500}h2.section-title{font-family:var(--display);color:var(--heading);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(26px,3.6vw,36px);font-weight:800;line-height:1.15}.standfirst{color:var(--text-dim);max-width:620px;margin:0 0 40px;font-size:17px;line-height:1.6}.card{background-color:var(--panel);background-image:var(--glass-face);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--glass-edge), var(--glass-lift);padding:26px}.grid{gap:16px;display:grid}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.faq-q{font-family:var(--body);color:var(--heading);margin:0 0 6px;font-size:17px;font-weight:600}.faq-a{color:var(--text-dim);margin:0;line-height:1.65}.check-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.check-list li{color:var(--text);grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.check-list li:before{content:"";border-radius:var(--r-pill);background:var(--glyph);opacity:.16;width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--glyph);margin-top:3px}.nav{justify-content:space-between;align-items:center;gap:20px;padding:26px 0;display:flex}.nav-links{gap:24px;font-size:15px;display:none}.nav-links a{color:var(--text-dim);padding:12px 2px;text-decoration:none}.nav-links a:hover{color:var(--heading)}@media (min-width:1024px){.nav-links{display:flex}}.btn-ghost{border-radius:var(--r-control);border:1px solid var(--line-strong);color:var(--heading);font-family:var(--body);transition:border-color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{border-color:var(--glyph);background:#5aa9ff0f}.len{font-family:var(--mono);color:var(--text-dim);font-size:12px}.btn-sm{min-height:44px;padding:0 16px;font-size:14px}.hero-lede{color:var(--text-dim);max-width:520px;margin:0 0 30px;font-size:18px;line-height:1.55}.hero-lede strong{color:var(--text);font-weight:500}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo{--mono:ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--r-card:8px;--r-row:6px;--r-control:5px;--r-chip:4px;--panel:#21252c;--panel-deep:#292e36;--field:#15181d;--heading:#eaeef4;--text:#c9d0da;--text-dim:#98a1af;--line:#bed0e617;--line-strong:#bed0e633;--glyph:#7db0f5;--glow-2:#7db0f599;--glow-3:#7db0f561;--btn-fill:#2b6fd4;--btn-fill-ink:#fff;--danger:#f0908f;--good:#6bcba4;--glass-face:linear-gradient(transparent, transparent);--glass-edge:0 0 0 0 transparent;--glass-lift:0 1px 2px #00000047;--glass-lift-hi:0 2px 6px #0000005c;border-radius:var(--r-card);border:1px solid var(--line);background-color:var(--panel);background-image:var(--glass-face);box-shadow:var(--glass-edge), var(--glass-lift-hi);font-family:var(--body);-webkit-user-select:none;user-select:none;padding:14px;position:relative}.demo-head{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.demo-title{color:var(--heading);font-size:14px;font-weight:600}.demo-sub{color:var(--text-dim);font-size:11.5px}.demo-kinds{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel-deep);gap:2px;padding:2px;display:flex}.demo-kind{text-align:center;border-radius:var(--r-chip);color:var(--text-dim);transition:background .25s var(--ease-out), color .25s var(--ease-out);flex:1 1 0;padding:6px 4px;font-size:11.5px}.demo-kind.is-on{background:var(--panel);color:var(--heading);box-shadow:var(--glass-lift)}.demo-search{gap:6px;margin-top:8px;display:flex}.demo-input{min-width:0;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:var(--r-control);white-space:nowrap;flex:1;padding:8px 10px;font-size:12.5px;transition:border-color .2s;overflow:hidden}.demo-input.is-typing{border-color:var(--glow-2)}.demo-placeholder{color:var(--text-dim);opacity:.7}.demo-caret{vertical-align:-2px;background:var(--heading);width:1px;height:13px;margin-left:1px;animation:.9s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.demo-go{border-radius:var(--r-control);background:var(--btn-fill);color:var(--btn-fill-ink);padding:8px 12px;font-size:12.5px;font-weight:600}.demo-grid{grid-template-columns:repeat(3,1fr);gap:7px;min-height:118px;margin-top:10px;display:grid}.demo-tile{aspect-ratio:16/9;border-radius:var(--r-row);border:1px solid var(--line);background:linear-gradient(180deg, hsl(var(--h) 40% 22%) 0%, hsl(var(--h) 35% 30%) 58%, hsl(var(--h) 30% 16%) 100%);opacity:0;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out), box-shadow .2s, border-color .2s;transition-delay:calc(var(--i) * 45ms);background-position:50%;background-size:cover;position:relative;overflow:hidden;transform:translateY(6px)scale(.98)}.demo-grid.is-in .demo-tile{opacity:1;transform:none}.demo-tile.alpha{background-color:#8a8f99;background-image:linear-gradient(45deg,#00000029 25%,#0000 25% 75%,#00000029 75%),linear-gradient(45deg,#00000029 25%,#0000 25% 75%,#00000029 75%);background-position:0 0,6px 6px;background-size:12px 12px}.demo-cutout{background:radial-gradient(circle at 40% 40%, hsl(var(--h) 95% 70%), hsl(var(--h) 90% 52%) 55%, hsl(calc(var(--h) - 12) 85% 38%));border-radius:48% 52% 45% 55%/55% 45%;position:absolute;inset:18% 24% 14%}.demo-cutout.has-img{background-position:50%;background-size:cover;border-radius:0;inset:4% 8%;-webkit-mask-image:radial-gradient(#000 38%,#0000 70%);mask-image:radial-gradient(#000 38%,#0000 70%)}.demo-chip{border-radius:var(--r-pill);color:#fff;font-family:var(--mono);background:#000000a8;padding:1px 5px;font-size:9.5px;position:absolute;bottom:5px;right:5px}.demo-tile.is-hit{border-color:var(--glow-2);box-shadow:0 0 0 2px var(--glow-3), 0 0 22px var(--glow-3)}.demo-press{color:#fff;background:#0a0e1673;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.demo-timeline{border-top:1px solid var(--line);gap:5px;margin-top:12px;padding:8px 8px 8px 0;display:grid;position:relative}.demo-track{grid-template-columns:26px 1fr;align-items:center;gap:6px;height:18px;display:grid}.demo-tracklabel{font-family:var(--mono);color:var(--text-dim);font-size:9.5px}.demo-clip{border-radius:4px;height:100%;position:relative}.demo-clip.base{border:1px solid var(--line);background:linear-gradient(90deg,#788caa59,#788caa38)}.demo-clip.new{background:linear-gradient(180deg, hsl(var(--h) 55% 48%), hsl(var(--h) 50% 36%));border:1px solid hsl(var(--h) 60% 60% / .7);opacity:0;width:34%;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out);margin-left:41%;transform:translateY(-8px)}.demo-clip.new.is-in{opacity:1;transform:none}.demo-playhead{background:var(--danger);opacity:.8;width:1px;position:absolute;top:4px;bottom:4px;left:calc(41% + 18.88px)}.demo-toast{border-radius:var(--r-control);background:var(--btn-fill);color:var(--btn-fill-ink);opacity:0;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);pointer-events:none;padding:7px 10px;font-size:12px;font-weight:500;position:absolute;bottom:62px;right:14px;transform:translateY(6px)}.demo-toast.is-in{opacity:1;transform:none}.demo.is-still .demo-tile{transition:none}.mk-thumb{background:linear-gradient(180deg, hsl(var(--h) 40% 24%), hsl(var(--h) 35% 34%));background-position:50%;background-size:cover;border-radius:5px;flex:none;justify-content:center;align-items:center;width:42px;height:24px;display:flex;overflow:hidden}.mk-wave{width:34px;height:16px;fill:var(--glyph);opacity:.9}.mk-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--heading);flex:1;overflow:hidden}.mk-key{font-family:var(--mono);border-radius:var(--r-chip);border:1px solid var(--line-strong);color:var(--text);background:var(--panel-deep);padding:3px 7px;font-size:10.5px}.section{margin-bottom:120px}.topbar{text-align:center;background:var(--glyph);color:var(--on-glyph);padding:11px 16px;font-size:14px;font-weight:500;text-decoration:none;display:block}.topbar:hover{color:var(--on-glyph);text-decoration:none}.topbar b{border-radius:var(--r-pill);background:#ffffff38;margin-right:8px;padding:2px 7px;font-size:12px;font-weight:600}.faqs{gap:8px;display:grid}.faq{border:1px solid var(--line);border-radius:var(--r-card);background-color:var(--panel);background-image:var(--glass-face);padding:0 22px;transition:border-color .15s}.faq:hover,.faq[open]{border-color:var(--line-strong)}.faq summary{cursor:pointer;align-items:center;gap:14px;padding:18px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:1.6px solid var(--text-dim);border-bottom:1.6px solid var(--text-dim);flex:none;width:8px;height:8px;margin-left:auto;transition:transform .18s;transform:rotate(45deg)translate(-2px,-2px)}.faq[open] summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.faq summary:focus-visible{outline:2px solid var(--glyph);outline-offset:3px;border-radius:var(--r-control)}.faq .faq-q{margin:0}.faq .faq-a{max-width:62ch;padding:0 0 20px}.beta-note{padding:34px 32px}.beta-note .section-title{margin-bottom:18px}.beta-note p{color:var(--text);max-width:58ch;margin:0 0 14px;line-height:1.7}.beta-sign{font-style:italic;color:var(--text-dim)!important;margin-bottom:0!important}.price-card{text-align:center;padding:44px 32px}.price-figure{font-family:var(--display);color:var(--heading);letter-spacing:-.02em;margin:6px 0 26px;font-size:60px;font-weight:800;line-height:1}.price-card .check-list{text-align:left;max-width:340px;margin:0 auto 30px}.price-note{color:var(--text-dim);max-width:46ch;margin:20px auto 0;font-size:14px;line-height:1.6}.final-push{text-align:center;margin-bottom:72px}.final-push .section-title{max-width:620px;margin:0 auto 28px}.foot{border-top:1px solid var(--line);color:var(--text-dim);padding:28px 0 56px;font-size:13px}.foot-row{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.foot a{color:var(--text-dim);padding:6px 0;display:inline-block}.foot-note{margin:16px 0 0;font-size:13px;line-height:1.6}h1,h2,h3,.section-title,.price-figure{font-family:var(--display);letter-spacing:-.03em;font-weight:600}.price-figure{letter-spacing:-.04em;font-weight:700}h3{letter-spacing:-.02em}body{font-feature-settings:"ss01", "cv11"}.auth-wrap{place-items:center;min-height:70dvh;padding:48px 24px;display:grid}.nav-right{align-items:center;gap:10px;display:inline-flex}.nav-trends{color:var(--text-dim);padding:12px 8px;font-size:15px;text-decoration:none}.nav-trends:hover{color:var(--heading)}.auth-nav{align-items:center;gap:10px;display:inline-flex}.subscribe{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.subscribe-field{font:inherit;color:var(--heading);background:var(--field);border:1px solid var(--line-input);border-radius:var(--r-control);flex:220px;padding:10px 12px}.subscribe-field:focus-visible{border-color:var(--glyph)}.subscribe-error{color:var(--danger);flex-basis:100%;margin:4px 0 0;font-size:13px}.toggle-row{align-items:center;gap:12px;margin-top:14px;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--glyph)}.nav-logo{color:inherit;text-decoration:none;display:inline-flex}.nav-logo:hover{color:var(--heading)}.twostep{margin-top:6px}.twostep-step{color:var(--glyph);margin:0;font-size:13px;font-weight:500}.twostep-state{color:var(--text-dim);margin:4px 0 12px}.twostep-state.on{color:var(--good)}.twostep-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.twostep-label{color:var(--text);margin-top:16px;font-size:14px;display:block}.qr-box{border-radius:var(--r-control);border:1px solid var(--line);background:#fff;padding:12px;line-height:0;display:inline-block}.twostep-secret{color:var(--text-dim);margin-top:10px;font-size:13px}.twostep-secret summary{cursor:pointer}.twostep-secret code{font-family:var(--mono);letter-spacing:.06em;color:var(--heading);background:var(--field);border-radius:var(--r-chip);-webkit-user-select:all;user-select:all;word-break:break-all;margin-top:8px;padding:8px 10px;font-size:13px;display:block}.code-field{width:132px;font:inherit;font-family:var(--mono);letter-spacing:.18em;text-align:center;color:var(--heading);background:var(--field);border:1px solid var(--line-input);border-radius:var(--r-control);padding:10px 12px;font-size:20px}.code-field:focus-visible{border-color:var(--glyph)}.backup-grid{background:var(--field);border:1px solid var(--line);border-radius:var(--r-control);-webkit-user-select:all;user-select:all;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:4px 0 6px;padding:12px 14px;display:grid}.backup-grid code{font-family:var(--mono);letter-spacing:.08em;color:var(--heading);font-size:14px}.profile-wrap{overflow-x:auto}.profile-wrap .cl-rootBox{width:100%;max-width:100%}.profile-wrap .cl-cardBox{box-shadow:var(--glass-lift);border:1px solid var(--line)}:focus-visible{outline:2px solid var(--glyph);outline-offset:2px}.btn-primary:focus-visible{outline-offset:3px}.skip-link{z-index:100;border-radius:var(--r-control);background:var(--btn-fill);color:var(--btn-fill-ink);padding:10px 14px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}.consent{color:var(--text-dim);margin:14px 0 0;font-size:13px;line-height:1.6}.consent a{color:var(--glyph)}.consent.centred{text-align:center;max-width:40ch}.subscribe .consent{flex-basis:100%;margin-top:6px}.subscribe-label{color:var(--text-dim);flex-basis:100%;margin:0 0 -6px;font-size:13px;font-weight:500}.legal{max-width:720px;margin:0 auto;padding:48px 24px 72px}.legal .section-title{margin-top:8px}.legal .standfirst{margin-bottom:20px}.legal-nav{flex-wrap:wrap;gap:6px 18px;margin:0 0 8px;font-size:14px;display:flex}.legal-nav a{color:var(--text-dim)}.legal-nav [aria-current]{color:var(--heading);font-weight:600}.legal-body h2{color:var(--heading);margin:40px 0 10px;font-size:22px}.legal-body p,.legal-body li{color:var(--text);line-height:1.7}.legal-body p{margin:0 0 14px}.legal-body ul{margin:0 0 14px;padding-left:22px}.legal-body li{margin-bottom:8px}.legal-body li strong{color:var(--heading);font-weight:600}.legal-body code{font-family:var(--mono);font-size:13px}.table-wrap{margin:0 0 14px;overflow-x:auto}.legal-body table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}.legal-body th,.legal-body td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:10px 12px;line-height:1.55}.legal-body th{color:var(--heading);background:var(--panel-deep);border-top:0;font-weight:600}.video-frame{background:var(--panel-deep);padding-top:56.25%;position:relative}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-play{background:var(--panel-deep);width:100%;color:var(--heading);font:inherit;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex;position:absolute;inset:0}.video-play:hover{background:var(--panel)}.video-play-icon{width:28px;height:28px;fill:var(--glyph)}.video-play-note{color:var(--text-dim);font-size:13px;font-weight:400}.hero{text-align:center;padding:48px 0 8px}.hero .eyebrow{margin-bottom:16px}.hero-title{letter-spacing:-.035em;color:var(--heading);text-wrap:balance;max-width:15ch;margin:0 auto 24px;font-size:clamp(40px,6.4vw,72px);line-height:1.02}.hero .hero-lede{max-width:44ch;margin:0 auto 32px;font-size:clamp(17px,2vw,20px)}.hero .hero-actions{justify-content:center}.centred-note{text-align:center;margin:16px 0 0}.stage{max-width:600px;margin:48px auto 0}.stage .demo{box-shadow:0 48px 80px -40px #1c26388c,0 2px 6px #1c26381f}.stage-controls{text-align:right;max-width:600px;margin:4px auto 104px}.motion-toggle{min-height:36px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 2px;font-size:13px;font-weight:500}.motion-toggle:hover{color:var(--heading)}.section.centred{text-align:center}.section.centred .section-title{max-width:22ch;margin-left:auto;margin-right:auto}.section.centred .standfirst{margin-left:auto;margin-right:auto}.bento{text-align:left;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:48px;display:grid}.tile{border:1px solid var(--line);background-color:var(--panel);background-image:var(--glass-face);min-width:0;box-shadow:var(--glass-edge), var(--glass-lift);border-radius:24px;flex-direction:column;grid-column:span 6;gap:24px;padding:28px 28px 0;display:flex;overflow:hidden}@media (min-width:768px){.tile.wide{grid-column:span 3}}@media (min-width:1024px){.tile.third{grid-column:span 2}}.tile h3{letter-spacing:-.02em;color:var(--heading);margin:0 0 8px;font-size:clamp(21px,2.2vw,25px);line-height:1.15}.tile p{color:var(--text-dim);max-width:34ch;margin:0;line-height:1.55}.tile .demo{width:calc(100% + 56px);box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:0;margin:auto -28px -1px}.tile .demo-toast{margin:12px 0 0;display:inline-block;position:static}.tile.reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:calc(var(--i,0) * 40ms);transform:translateY(14px)}.tile.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.tile.reveal{opacity:1;transition:none;transform:none}}.watch-link{margin-top:8px;padding:4px 0;font-size:14px;display:inline-block}.watch-link .len{margin-left:6px}.more{text-align:left;gap:24px 40px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.more{grid-template-columns:repeat(3,minmax(0,1fr))}}.more>li{border-top:1px solid var(--line-strong);padding-top:16px}.more b{color:var(--heading);margin-bottom:4px;font-size:16px;font-weight:600;display:block}.more span{color:var(--text-dim);font-size:15px;line-height:1.55}.sources-row{gap:24px 16px;margin:40px 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.sources-row{grid-template-columns:repeat(5,minmax(0,1fr))}}.sources-row b{color:var(--heading);margin-bottom:4px;font-weight:600;display:block}.sources-row span{color:var(--text-dim);font-size:14px;line-height:1.5}a,button,summary,[role=button]{touch-action:manipulation}.btn-primary,.btn-ghost,.motion-toggle{transition:box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.btn-primary:active,.btn-ghost:active,.motion-toggle:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.btn-primary:active,.btn-ghost:active,.motion-toggle:active{transform:none}}h2.section-title,.tile h3{text-wrap:balance}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero>*,.stage,.stage-controls{animation:rise var(--dur-slow) var(--ease-out) both}.hero>:first-child{animation-delay:40ms}.hero>:nth-child(2){animation-delay:.12s}.hero>:nth-child(3){animation-delay:.2s}.hero>:nth-child(4){animation-delay:.28s}.stage{animation-delay:.38s}.stage-controls{animation-delay:.54s}.has-js [data-reveal]{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:calc(var(--i,0) * 60ms);transform:translateY(16px)}.has-js [data-reveal].is-in{opacity:1;transform:none}html{scroll-behavior:smooth;scroll-padding-top:24px}.btn-primary:hover{transform:translateY(-1px)}.faq{interpolate-size:allow-keywords}.faq::details-content{height:0;transition:height var(--dur) var(--ease-out), content-visibility var(--dur) allow-discrete;overflow:clip}.faq[open]::details-content{height:auto}@media (prefers-reduced-motion:reduce){.hero>*,.stage,.stage-controls{animation:none}html{scroll-behavior:auto}.btn-primary:hover{transform:none}.faq::details-content{transition:none}}
.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tx{color:var(--text-dim);margin:10px 0 0;font-size:13.5px;line-height:1.75}.tx mark{color:inherit;transition:background .3s var(--ease-out), color .3s var(--ease-out);background:0 0;border-radius:4px;padding:0 3px}.tx mark.is-lit{color:var(--heading);background:#5aa9ff2e}.tl-lane{height:100%;display:block;position:relative}.tl-shot{background:linear-gradient(180deg, hsl(var(--h) 55% 48%), hsl(var(--h) 50% 36%));border:1px solid hsl(var(--h) 60% 60% / .7);opacity:0;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out);background-position:50%;background-size:cover;border-radius:4px;position:absolute;top:0;bottom:0;transform:translateY(-8px)}.tl-shot.is-in{opacity:1;transform:none}.broll-tl{margin-top:12px}.broll-shots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.broll-shot{aspect-ratio:16/9;border-radius:var(--r-row);border:1px solid var(--line);background:linear-gradient(180deg, hsl(var(--h) 40% 22%), hsl(var(--h) 35% 30%));opacity:0;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);background-position:50%;background-size:cover;position:relative;overflow:hidden;transform:translateY(6px)scale(.97)}.broll-shot.is-in{opacity:1;transform:none}.broll-shot-word{border-radius:var(--r-pill);color:#fff;background:#000000a8;padding:1px 6px;font-size:10px;font-weight:500;position:absolute;bottom:5px;left:5px}@media (prefers-reduced-motion:reduce){.broll-shot{transition:none}}.wave{border-radius:var(--r-row);border:1px solid var(--line);background:var(--panel-deep);align-items:center;gap:2px;height:84px;margin-top:12px;padding:8px 6px;display:flex;position:relative;overflow:hidden}.wave-bar{background:var(--glow-2);opacity:.85;transition:flex .6s var(--ease-out), opacity .3s var(--ease-out), background .3s var(--ease-out), height .4s var(--ease-out);border-radius:2px;flex:1 1 0}.wave-bar.quiet{background:var(--line-strong);opacity:.7;height:12%}.wave-bar.cut{background:var(--danger);opacity:.9;background-image:repeating-linear-gradient(135deg,#0000 0 3px,#00000047 3px 5px);height:100%}.wave.is-applied .wave-bar.quiet{opacity:0;flex:0 0 0}.wave-scan{background:var(--glyph);width:2px;box-shadow:0 0 14px var(--glow-2);transition:left .14s linear;position:absolute;top:0;bottom:0}.wave-status{height:26px;margin-top:10px;position:relative}.wave-pill{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);font-family:var(--mono);color:var(--text-dim);opacity:0;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);white-space:nowrap;padding:4px 10px;font-size:10.5px;position:absolute;top:0;left:0;transform:translateY(4px)}.wave-pill.is-on{opacity:1;transform:none}.wave-pill.good{color:var(--good);border-color:#63d3ac59}.tl-shrink{transition:width .6s var(--ease-out);width:100%;display:block}.tl-shrink.is-short{width:64%}.focus-pill{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel-deep);font-family:var(--mono);color:var(--text-dim);align-items:center;gap:7px;margin-top:4px;padding:4px 10px;font-size:10.5px;display:inline-flex}.focus-dot{background:var(--good);width:7px;height:7px;box-shadow:0 0 8px var(--good);border-radius:50%}.hk-rows{opacity:.62;margin-top:10px}.hk-row{border-radius:var(--r-control);background:var(--panel);border:1px solid var(--line);transition:opacity .2s var(--ease-out), border-color .2s var(--ease-out);align-items:center;gap:8px;padding:7px 10px;display:flex}.hk-row+.hk-row{margin-top:6px}.hk-row.is-firing{border-color:var(--glow-2)}.mk-key{transition:background .15s,color .15s,box-shadow .15s}.mk-key.is-pressed{background:var(--btn-fill);color:var(--btn-fill-ink);border-color:var(--btn-fill);box-shadow:var(--btn-fill-glow)}.hk-demo .demo-timeline{margin-top:12px}.wf-path{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel-deep);font-family:var(--mono);color:var(--text-dim);align-items:center;gap:7px;margin-top:4px;padding:4px 10px;font-size:10.5px;display:inline-flex}.wf-path b{color:var(--heading);font-weight:600}.wf-dot{background:var(--good);width:7px;height:7px;box-shadow:0 0 8px var(--good);border-radius:50%}.wf-rows{min-height:132px;margin-top:12px}.wf-empty{color:var(--text-dim);opacity:.7;padding:10px 2px;font-size:12.5px}.wf-row{border-radius:var(--r-control);background:var(--panel);border:1px solid var(--line);animation:wf-in .35s var(--ease-out) both;align-items:center;gap:8px;padding:7px 10px;display:flex}.wf-row+.wf-row{margin-top:6px}@keyframes wf-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wf-row{animation:none}}.wf-badge{border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--text-dim);padding:2px 7px;font-size:10.5px;font-weight:500;transition:color .3s,border-color .3s}.wf-badge.new{color:var(--glyph);border-color:var(--glow-3)}.wf-badge.imported{color:var(--good);border-color:#63d3ac73}.ge-modes{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel-deep);gap:2px;margin-top:10px;padding:2px;display:flex}.ge-mode{text-align:center;border-radius:var(--r-chip);color:var(--text-dim);transition:background .25s var(--ease-out), color .25s var(--ease-out);flex:1 1 0;padding:5px 4px;font-size:11.5px}.ge-mode.is-on{background:var(--panel);color:var(--heading);box-shadow:var(--glass-lift)}.ge-stage{border-radius:var(--r-row);border:1px solid var(--line);background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 25%, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 25% 100%, var(--panel-deep);height:160px;margin-top:12px;position:relative}.ge-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ge-path{fill:none;stroke:var(--text-dim);stroke-width:1.5px;opacity:.22;vector-effect:non-scaling-stroke;transition:opacity .35s var(--ease-out), stroke .35s var(--ease-out)}.ge-path.is-on{stroke:var(--glyph);stroke-width:2.4px;opacity:1}.ge-key{background:var(--heading);width:10px;height:10px;box-shadow:0 0 0 3px var(--panel-deep);border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.ge-key-a{top:91.6%;left:0}.ge-key-b{top:12.6%;left:100%}.ge-track{border-top:1px solid var(--line-strong);height:26px;margin:16px 8px 0;position:relative}.ge-runner{will-change:transform;height:0;position:absolute;top:0;left:0;right:26px}.ge-ball{border:1px solid var(--glow-3);background:linear-gradient(#416ac8,#304e91);border-radius:6px;width:26px;height:26px;position:absolute;top:-13px;left:0}.ge-runner.ease{animation:1.5s cubic-bezier(.4,0,.15,1) forwards ge-ease}.ge-runner.spring{animation:1.7s ease-out forwards ge-spring}.ge-runner.bounce{animation:1.8s ease-out forwards ge-bounce}@keyframes ge-ease{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ge-spring{0%{transform:translate(0)}55%{transform:translate(104%)}72%{transform:translate(96%)}86%{transform:translate(102%)}to{transform:translate(100%)}}@keyframes ge-bounce{0%{transform:translate(0)}45%{transform:translate(100%)}62%{transform:translate(84%)}78%{transform:translate(100%)}89%{transform:translate(94%)}to{transform:translate(100%)}}.demo.is-still .ge-runner{animation:none;transform:translate(100%)}@media (prefers-reduced-motion:reduce){.ge-runner{animation:none;transform:translate(100%)}}.mus-rows{gap:4px;min-height:78px;margin-top:8px;display:grid}.mus-row{border-radius:var(--r-row);color:var(--text);opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), border-color .25s var(--ease-out), background .25s var(--ease-out);border:1px solid #0000;align-items:center;gap:7px;padding:5px 7px;font-size:12px;display:flex;transform:translateY(5px)}.mus-row.is-in{opacity:1;transform:none}.mus-row.is-on{border-color:var(--glyph);background:var(--panel-deep)}.mus-play{border-radius:var(--r-chip);border:1px solid var(--line-strong);width:18px;height:18px;color:var(--glyph);flex:none;justify-content:center;align-items:center;font-size:8px;display:flex}.mus-maker{color:var(--text-dim);flex:none;font-size:11px}.mus-credit{border-radius:var(--r-chip);border:1px solid var(--line);color:var(--text-dim);flex:none;padding:0 5px;font-size:10px}.mus-bed{border-radius:var(--r-row);border:1px solid var(--line);background:var(--panel-deep);opacity:0;height:84px;transition:opacity .35s var(--ease-out);margin-top:10px;padding:22px 6px 8px;position:relative;overflow:hidden}.mus-bed.is-in{opacity:1}.mus-voice{height:9px;position:absolute;top:6px;left:6px;right:6px}.mus-said{background:var(--line-strong);height:100%;transition:background .25s var(--ease-out);border-radius:3px;position:absolute;top:0}.mus-said.is-on{background:var(--glow-2)}.mus-bars{align-items:flex-end;gap:3px;height:100%;display:flex}.mus-bar{background:var(--glow-2);opacity:.85;transition:height .4s var(--ease-out), opacity .4s var(--ease-out);border-radius:2px;flex:1 1 0}.mus-bar.is-down{opacity:.4}.mus-head{background:var(--glyph);width:2px;box-shadow:0 0 14px var(--glow-2);transition:left 80ms linear;position:absolute;top:0;bottom:0}.demo-clip.new.full{width:100%;margin-left:0}@media (prefers-reduced-motion:reduce){.mus-row,.mus-bar,.mus-bed,.mus-head,.mus-said{transition:none}}.cap-looks{align-items:center;gap:5px;margin-top:8px;display:flex}.cap-look{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--text-dim);transition:color .25s var(--ease-out), border-color .25s var(--ease-out);padding:4px 9px;font-size:11px}.cap-look.is-on{color:var(--heading);border-color:var(--glyph)}.cap-roll{border-radius:var(--r-pill);background:var(--btn-fill);color:var(--btn-fill-ink);transition:transform .18s var(--ease-out);margin-left:auto;padding:4px 9px;font-size:11px;font-weight:600}.cap-roll.is-rolling{transform:scale(.92)}.cap-frame{border-radius:var(--r-row);background:#11141a url(/demo/key-reaction.jpg) 50%/cover no-repeat;justify-content:center;align-items:flex-end;height:132px;margin-top:9px;padding:0 12px 14px;display:flex;position:relative;overflow:hidden}.cap-frame:after{content:"";background:linear-gradient(#0000 40%,#0000008c);position:absolute;inset:0}.cap-line{z-index:1;text-align:center;letter-spacing:-.01em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:4px 7px;font-weight:800;display:flex;position:relative}.cap-word{transition:color .12s linear, background .12s linear, transform .12s var(--ease-out);border-radius:4px;padding:1px 4px}.cap-line.look-0{color:#fff;text-shadow:0 2px #000000d9,0 0 10px #0009;font-size:19px}.cap-line.look-0 .cap-word.is-lit{color:#14181f;text-shadow:none;background:#ffd23f;transform:translateY(-1px)}.cap-line.look-1{color:#ffffff9e;text-transform:none;text-shadow:0 1px 6px #000c;font-size:17px;font-weight:700}.cap-line.look-1 .cap-word.is-lit{color:#fff}.cap-line.look-2{color:#fff;gap:4px 5px;font-size:16px}.cap-line.look-2 .cap-word{background:#0c1018b8;border-radius:5px;padding:2px 6px}.cap-line.look-2 .cap-word.is-lit{background:#2b6fd4}.cap-lane{gap:1px;height:100%;display:flex}.cap-seg{opacity:0;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);transition-delay:calc(var(--i,0) * 20ms);background:linear-gradient(#814abf,#633993);border:1px solid #9b69d399;border-radius:2px;flex:1 1 0;transform:translateY(-5px)}.cap-seg.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.cap-word,.cap-seg,.cap-roll,.cap-look{transition:none}}
