.landing .bar{max-width:1200px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin:0 auto}.btn{border-radius:999px;justify-content:center;align-items:center;padding:16px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-light{background:var(--on-key);color:var(--key)}.btn-light:hover{background:#e9ebff}.btn-ghost{color:var(--on-key);box-shadow:inset 0 0 0 1.5px var(--on-key-line)}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--on-key)}.btn:focus-visible{outline:2px solid var(--on-key);outline-offset:3px}.stage{color:var(--on-key);background:radial-gradient(120% 70% at 50% 108%, var(--key-deep) 0%, transparent 62%), var(--key);overflow:hidden}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;height:76px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.03em;font-size:22px;font-weight:700;text-decoration:none}.wordmark span{font-family:var(--font-body);color:var(--on-key-muted);letter-spacing:0;margin-left:6px;font-size:15px;font-weight:500}.topbar nav{align-items:center;gap:24px;font-size:15px;display:flex}.topbar nav a{color:var(--on-key-muted);text-decoration:none}.topbar nav a:hover{color:var(--on-key)}.topbar nav .nav-cta{color:var(--key);background:var(--on-key);border-radius:999px;padding:9px 18px;font-weight:700}@media (max-width:680px){.topbar nav a:not(.nav-cta){display:none}}.hero{padding-block:clamp(32px,6vw,72px) 56px}.hero-title{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;max-width:11.5em;margin:0 0 clamp(28px,4vw,48px);font-size:clamp(44px,8vw,120px);font-weight:760;line-height:1.02}.hero-title .line{animation:1.15s cubic-bezier(.2,.7,.1,1) both weight-in;display:block}.hero-title .line:nth-child(2){animation-delay:.22s}@keyframes weight-in{0%{opacity:0;letter-spacing:-.02em;font-weight:180;transform:translateY(.12em)}to{opacity:1;letter-spacing:-.045em;font-weight:760;transform:none}}.hero-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.hero-grid .player{justify-self:end;width:min(100%,620px)}@media (max-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.hero-lead{color:var(--on-key-muted);max-width:30em;margin:0 0 28px;font-size:clamp(16px,1.5vw,19px)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-specs{border-top:1px solid var(--on-key-line);flex-wrap:wrap;gap:28px;margin:40px 0 0;padding-top:24px;display:flex}.hero-specs div{gap:2px;display:grid}.hero-specs dt{color:var(--on-key-muted);font-size:13px}.hero-specs dd{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:30px;font-weight:700}.hero-caption{color:var(--on-key-muted);margin:28px 0 0;font-size:13px}.player{min-width:0;margin:0}.player-frame{aspect-ratio:1;background:var(--key-night);max-width:100%;box-shadow:0 0 0 1px var(--on-key-line), 0 40px 120px #04073a8c;border-radius:28px;position:relative;overflow:hidden}.player-frame video{object-fit:cover;width:100%;height:100%;display:block}.player-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#070a32a8;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex;position:absolute;top:16px;left:16px}.player-hud .tally{background:var(--tally);width:8px;height:8px;box-shadow:0 0 10px var(--tally);border-radius:50%}.player-hud .hud-frame{color:#ffffffb3}.timeline{margin-top:20px}.track{background:#ffffff2e;border-radius:999px;height:6px;position:relative}.track-fill{background:#ffffff8c;border-radius:999px;position:absolute;inset:0 auto 0 0}.cue{background:var(--key);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;box-shadow:0 0 0 2px #ffffff8c}.cue.is-past{background:var(--on-key)}.playhead{background:var(--on-key);border-radius:2px;width:2px;height:24px;margin-left:-1px;position:absolute;top:-9px}.timeline-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.timeline-buttons{gap:8px;display:flex}.tl-btn,.cue-chip{font:inherit;color:var(--on-key);border:1px solid var(--on-key-line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:13px;transition:background-color .15s,color .15s,border-color .15s}.tl-btn:hover,.cue-chip:hover{border-color:var(--on-key)}.tl-btn:focus-visible,.cue-chip:focus-visible{outline:2px solid var(--on-key);outline-offset:2px}.cue-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cue-chip b{font-variant-numeric:tabular-nums;margin-right:5px;font-weight:700}.cue-chip.is-active{background:var(--on-key);color:var(--key);border-color:var(--on-key)}.transform{background:var(--key-night);color:var(--on-key)}.transform-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,5vw,80px);padding-block:96px;display:grid}@media (max-width:900px){.transform-inner{grid-template-columns:minmax(0,1fr);padding-block:64px}}.transform-copy h2{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;margin:0 0 20px;font-size:clamp(32px,4.6vw,60px);font-weight:700;line-height:1.1}.transform-copy p{color:var(--on-key-muted);max-width:26em;margin:0 0 28px}.transform-labels{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.transform-labels li{border:1px solid var(--on-key-line);border-radius:999px;padding:6px 14px;font-size:14px}.transform-labels .t-frame{background:var(--on-key);color:var(--key-night);border-color:var(--on-key)}.transform-canvas{grid-template-columns:minmax(0,.42fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.transform-canvas img{width:100%;height:auto;display:block}.transform-canvas .raw{border-radius:26px;box-shadow:0 0 0 7px #05082e,0 30px 80px #00000073}.transform-canvas .frame{border-radius:24px;box-shadow:0 40px 120px #00000080}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.transform{view-timeline:--morph block;height:260svh}.transform-sticky{align-items:center;height:100svh;display:grid;position:sticky;top:0}.transform-inner{padding-block:0}.transform-canvas{aspect-ratio:1;width:min(100%,76vh);margin-left:auto;display:block;position:relative}@media (max-width:900px){.transform-inner{align-content:center;gap:20px}.transform-copy h2{margin-bottom:12px}.transform-copy p{margin-bottom:16px;font-size:15px}.transform-canvas{width:min(100%,52svh);margin:0 auto}}.transform-canvas img{position:absolute}.transform-canvas .frame{width:100%;height:100%;animation:linear both frame-in;animation-timeline:--morph;animation-range:contain contain 80%;inset:0}.transform-canvas .raw{width:38%;animation:linear both raw-out;animation-timeline:--morph;animation-range:contain contain 80%;top:50%;left:50%}.transform-labels .t-raw{animation:linear both chip-off;animation-timeline:--morph;animation-range:contain contain 80%}.transform-labels .t-frame{animation:linear both chip-on;animation-timeline:--morph;animation-range:contain contain 80%}}}@keyframes raw-out{0%{opacity:1;transform:translate(-50%,-50%)rotate(-7deg)scale(1)}45%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1.05)}75%{opacity:1;transform:translate(4%,-50%)rotate(0)scale(1.04)}to{opacity:0;transform:translate(4%,-50%)rotate(0)scale(1.04)}}@keyframes frame-in{0%,40%{opacity:0;filter:blur(6px);transform:scale(.86)}85%,to{opacity:1;filter:blur();transform:scale(1)}}@keyframes chip-off{0%,55%{background:var(--on-key);color:var(--key-night)}70%,to{color:var(--on-key);background:0 0}}@keyframes chip-on{0%,55%{color:var(--on-key);border-color:var(--on-key-line);background:0 0}70%,to{background:var(--on-key);color:var(--key-night);border-color:var(--on-key)}}.section-title{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:16em;margin:0 0 14px;font-size:clamp(30px,4.4vw,56px);font-weight:700;line-height:1.12}.section-lead{color:var(--muted);max-width:34em;margin:0 0 40px}.craft{padding-block:clamp(72px,9vw,120px)}.craft .section-title{margin-bottom:44px}.craft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,36px);display:grid}@media (max-width:860px){.craft-grid{grid-template-columns:minmax(0,1fr)}}.craft-grid figure{align-content:start;gap:18px;margin:0;display:grid}.craft-grid img{aspect-ratio:1;object-fit:cover;object-position:top;border:1px solid var(--line);background:var(--surface);border-radius:20px;width:100%;height:auto;display:block}.craft-grid figcaption{color:var(--muted);font-size:15px}.craft-grid figcaption b{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin-bottom:6px;font-size:21px;font-weight:700;display:block}.samples-band{background:var(--key);color:var(--on-key);padding-block:clamp(72px,9vw,120px)}.samples-band .section-lead{color:var(--on-key-muted)}.samples{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);align-items:end;gap:clamp(20px,3vw,40px);display:grid}@media (max-width:820px){.samples{grid-template-columns:minmax(0,1fr)}}.sample{min-width:0}.sample video{background:var(--key-night);border-radius:22px;width:100%;display:block;box-shadow:0 30px 90px #04073a73}.sample.vertical video{width:auto;max-width:100%;max-height:720px}.sample h3{font-family:var(--display);letter-spacing:-.02em;margin:20px 0 6px;font-size:22px;font-weight:700}.sample p{color:var(--on-key-muted);max-width:30em;margin:0;font-size:15px}.process{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,96px);padding-block:clamp(72px,9vw,120px);display:grid}@media (max-width:920px){.process{grid-template-columns:minmax(0,1fr)}}.process-head{min-width:0}.sheet{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow-x:auto}.sheet table{border-collapse:collapse;width:100%;min-width:460px;font-size:14px}.sheet th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:14px 18px;font-size:13px;font-weight:600}.sheet td{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 18px}.sheet tr:last-child td{border-bottom:0}.sheet td:first-child{font-family:var(--display);color:var(--key);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}@media (prefers-color-scheme:dark){.sheet td:first-child{color:#9aa2ff}}.sheet td:last-child{color:var(--muted);white-space:nowrap}.process-steps{align-content:start;margin:0;padding:0;list-style:none;display:grid}.process-steps li{border-bottom:1px solid var(--line);grid-template-columns:56px minmax(0,1fr);gap:12px;padding:26px 0;display:grid}.process-steps li:first-child{padding-top:6px}.step-no{font-family:var(--display);color:var(--key);font-size:40px;font-weight:300;line-height:1}@media (prefers-color-scheme:dark){.step-no{color:#9aa2ff}}.process-steps h3{letter-spacing:-.02em;margin:4px 0 6px;font-size:19px}.process-steps p{color:var(--muted);margin:0;font-size:15px}.pricing{background:var(--key-night);color:var(--on-key);padding-block:clamp(72px,9vw,120px)}.pricing .section-lead{color:var(--on-key-muted)}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:920px){.plans{grid-template-columns:minmax(0,1fr)}}.plan{min-width:0;box-shadow:inset 0 0 0 1px var(--on-key-line);border-radius:26px;flex-direction:column;padding:30px;display:flex}.plan.featured{background:var(--key);box-shadow:0 30px 80px #2b36f566}.plan.quiet{color:var(--on-key-muted)}.plan h3{color:var(--on-key);margin:0;font-size:18px}.plan-price{font-family:var(--display);letter-spacing:-.04em;color:var(--on-key);font-variant-numeric:tabular-nums;margin:10px 0 2px;font-size:clamp(36px,3.6vw,48px);font-weight:700}.plan-summary{color:var(--on-key-muted);margin:0;font-size:15px}.plan ul{color:var(--on-key-muted);flex:1;margin:22px 0 28px;padding-left:18px;font-size:15px}.plan li{margin-bottom:6px}.plan .btn{align-self:flex-start}.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);padding-block:clamp(72px,9vw,120px);display:grid}@media (max-width:820px){.faq{grid-template-columns:minmax(0,1fr)}}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:4px}.faq-list summary{cursor:pointer;font-size:17px;font-weight:700}.faq-list details p{color:var(--muted);max-width:40em;margin:10px 0 0}.closing{background:var(--key);color:var(--on-key);padding-block:clamp(80px,11vw,150px)}.closing-title{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;max-width:10em;margin:0 0 20px;font-size:clamp(40px,7.4vw,108px);font-weight:760;line-height:1.04}.closing-lead{color:var(--on-key-muted);margin:0 0 32px;font-size:18px}.landing footer.biz{border-top:0;margin-top:0;padding-block:28px 40px}.script{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,6vw,88px);padding-block:clamp(72px,9vw,120px);display:grid}@media (max-width:920px){.script{grid-template-columns:minmax(0,1fr)}}.script-points{gap:16px;margin:0;padding:0;list-style:none;display:grid}.script-points li{color:var(--muted);border-left:2px solid var(--key);padding-left:18px;font-size:15px}.script-points b{color:var(--ink);margin-bottom:2px;font-size:17px;display:block}.script-doc{background:var(--surface);border:1px solid var(--line);border-radius:26px;min-width:0;padding:clamp(20px,3vw,32px);transform:rotate(-1.2deg);box-shadow:0 40px 100px #141c8f1f}@media (max-width:920px){.script-doc{transform:none}}.doc-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:18px;display:flex}.doc-kicker{color:var(--key);margin:0;font-size:13px;font-weight:700}@media (prefers-color-scheme:dark){.doc-kicker{color:#9aa2ff}}.doc-head h3{font-family:var(--display);letter-spacing:-.03em;margin:2px 0 0;font-size:26px}.doc-spec{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.doc-block{padding-top:18px}.doc-block h4{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:600}.doc-copies{gap:8px;margin:0;padding:0;list-style:none;display:grid}.doc-copies li{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.doc-copies li.is-picked{border-color:var(--key);box-shadow:0 0 0 1px var(--key) inset}.doc-copies span{color:#fff;background:var(--key);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:12px}.doc-scenes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.doc-scenes li{color:var(--muted);align-content:start;gap:6px;font-size:13px;display:grid}.doc-scenes img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block}.doc-scenes b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px}@media (max-width:520px){.doc-scenes{grid-template-columns:minmax(0,1fr)}.doc-scenes img{aspect-ratio:16/9}}.doc-sound{font-variant-numeric:tabular-nums;margin:0;font-size:14px}.doc-actions{flex-wrap:wrap;gap:8px;padding-top:22px;display:flex}.doc-btn{border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700}.doc-btn.primary{background:var(--key);border-color:var(--key);color:#fff}
