.internal-notice{background:#fff;color:#121212;border-bottom:1px solid #121212;padding:12px 20px;font:13px/1.5 Manrope,Arial,sans-serif;text-align:center}
.brand-tm{font-size:.5em;line-height:1;align-self:flex-start;margin-top:.3em;margin-left:-.2em;letter-spacing:0}
.site-footer .brand-tm{margin-left:.15em;vertical-align:super}
.art-tm{position:absolute;right:0;bottom:52px;font-size:20px;font-weight:700;color:#121212}
.working-tabs .hero-grid{grid-template-columns:1.23fr 1fr;min-height:666px;padding-top:50px;padding-bottom:11px;row-gap:35px}
.working-tabs .hero-grid h1{font-size:clamp(94px,10.42vw,150px);line-height:1.07;letter-spacing:-.085em}
.working-tabs .hero-art{width:100%;max-width:581px;align-self:start}
.working-tabs .hero-cooler{max-width:557px}
.working-tabs .hero-actions{max-width:711px}
.working-tabs .hero-description{max-width:none;white-space:nowrap}
.working-tabs .motion-control{margin-right:30%}
.working-tabs .primary,.working-browser .primary{min-width:134px;width:auto;justify-content:space-between}
.working-tabs .hero-price,.working-browser .hero-price{font-size:12px;max-width:42ch;margin-top:16px}
.section-intro{align-items:start}
.working-tabs .section-intro h2{max-width:832px}
.working-tabs .section-intro>p,.working-browser .section-intro>p{max-width:300px;flex:none}
.working-browser .section-intro h2{max-width:790px}
.claim-review{font-size:12px;line-height:1.6;margin-top:-20px;margin-bottom:30px;padding:12px 16px;border:1px solid #121212;background:#fff}
.recording-slot{scroll-margin-top:20px;outline-offset:6px}
.app-recording{margin:0}
.app-recording video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#121212;color:#fffef8;border:1px solid #121212;border-radius:6px}
.working-tabs .app-recording video{max-width:600px;aspect-ratio:600/760;margin-inline:auto}
.app-recording figcaption{font-size:12px;line-height:1.6;margin-top:14px;color:#54554e}
.video-transcript{margin-top:18px;font-size:14px;border-bottom:1px solid var(--rule);padding-bottom:18px}
.video-transcript summary{cursor:pointer;min-height:30px;font-weight:700}
.video-transcript>div{max-width:75ch;line-height:1.7;padding-top:12px}
.pending-recording{display:flex;flex-direction:column;justify-content:center;min-height:450px;padding:48px;background:#f0f0e8;border:1px solid #121212;border-radius:6px;gap:18px}
.pending-recording strong{font-size:28px;line-height:1.2;letter-spacing:-.03em}
.pending-recording p{font-size:16px;max-width:60ch}
.homepage-pricing{padding-block:76px;background:#121212;color:#fffef8}
.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}
.pricing-heading h2{font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.065em;font-weight:800}
.pricing-heading p{font-size:14px;line-height:1.7;max-width:42ch}
.homepage-plan-grid{display:flex;flex-wrap:wrap;gap:24px}
.homepage-plan{flex:1 1 20rem;min-width:0;padding:32px;background:#fffef8;color:#121212;border-radius:6px}
.homepage-plan h3{font-size:18px;font-weight:700}
.homepage-price{font-size:80px;font-weight:800;letter-spacing:-.07em;line-height:1.2;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-block:12px 18px}
.homepage-price span{font-size:16px;font-weight:500;letter-spacing:0}
.homepage-plan>p:not(.homepage-price){font-size:15px;line-height:1.6}
.homepage-plan .closed-plan{margin-top:20px;font-weight:800}
.plan-details{margin-top:18px;background:#121212;color:white;min-height:48px;font-size:15px}
.planned-trial{font-size:14px;line-height:1.7;margin-top:28px;color:#d4d4ca}
@media(max-width:1100px) and (min-width:701px){.working-tabs .hero-description{white-space:normal}.working-tabs .hero-grid{min-height:580px;padding-bottom:50px}.working-tabs .hero-grid h1{font-size:11vw}.section-intro{gap:30px}.section-intro h2{font-size:5vw}.working-tabs .section-intro>p,.working-browser .section-intro>p{max-width:32%}}
@media(max-width:700px){.internal-notice{font-size:12px;padding:10px 20px;text-align:left}.working-tabs .hero-grid{min-height:0;padding-top:24px;padding-bottom:42px}.working-tabs .hero-grid h1{font-size:clamp(60px,18vw,126px);line-height:.98}.working-tabs .hero-art{align-self:center;margin-top:24px;width:min(100%,430px)}.working-tabs .hero-cooler{max-width:none}.working-tabs .motion-control{margin-right:0}.working-tabs .hero-description{white-space:normal;max-width:30ch}.working-tabs .primary,.working-browser .primary{width:100%;margin-top:20px}.working-browser .hero-grid h1{font-size:clamp(72px,22vw,148px)}.art-tm{font-size:16px}.working-tabs .hero-art .art-tm{bottom:17%}.working-tabs .section-intro h2,.working-browser .section-intro h2{font-size:clamp(32px,8.7vw,46px);max-width:100%}.working-tabs .section-intro>p,.working-browser .section-intro>p{max-width:100%;font-size:16px}.claim-review{margin-top:-8px;margin-bottom:24px}.app-recording video{border-radius:4px}.pending-recording{min-height:280px;padding:28px}.pending-recording strong{font-size:23px}.pending-recording p{font-size:14px}.homepage-pricing{padding-block:48px}.pricing-heading{display:block;margin-bottom:28px}.pricing-heading h2{font-size:46px}.pricing-heading p{margin-top:20px}.homepage-plan{padding:24px;flex-basis:100%}.homepage-price{font-size:68px}.homepage-price span{font-size:14px}.planned-trial{font-size:13px}.video-transcript{font-size:13px}}

.button.primary:disabled{cursor:not-allowed;opacity:1;background:#121212;color:#fffef8;border:1px solid #121212;font:inherit;font-weight:700;min-height:52px;display:inline-flex;align-items:center;padding:14px 24px}
.availability-note{font-size:13px;line-height:1.6;margin-top:14px;max-width:47ch}
.demo-link{display:inline-flex;gap:10px;align-items:center;min-height:44px;margin-top:4px;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.browser-still img{display:block;max-width:100%;width:423px;height:auto;margin-inline:auto;border:1px solid #c9c9bf;border-radius:6px}
.browser-still figcaption{text-align:center}

/* v3: optical brand lockups and balanced hero insets. */
.wordmark{flex:none;gap:10px;line-height:1}
.wordmark-label{display:inline-flex;align-items:flex-start;white-space:nowrap;width:max-content;gap:.08em;line-height:1.15}
.brand-tm,.site-footer .brand-tm{position:static;display:inline-block;align-self:flex-start;font-size:.4em;line-height:1;margin:.02em 0 0;letter-spacing:0;vertical-align:baseline}
.hero-art .art-tm{position:static;font:800 24px Manrope,Arial,sans-serif;fill:currentColor;color:var(--ink)}
.working-tabs .hero-grid,.working-browser .hero-grid{min-height:0;padding-top:72px;padding-bottom:88px}
.working-tabs .hero-art,.working-browser .hero-art{width:100%;max-width:580px;align-self:center}
.working-tabs .hero-cooler,.working-browser .hero-cooler{max-width:557px;margin-inline:auto}
.working-tabs .motion-control,.working-browser .motion-control{margin:18px 12px 0 auto}
.demo-media-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,88px);align-items:center}
.demo-media-layout .app-recording{width:100%;max-width:480px;margin-inline:auto}
.working-tabs .demo-media-layout video{width:100%;height:auto;aspect-ratio:600/760;object-fit:contain;max-width:none}
.video-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:16px}
.video-toggle{min-height:44px;padding:10px 18px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:4px;font-size:14px;font-weight:700}
.video-toolbar>span{font-size:12px;line-height:1.5;color:var(--muted)}
.demo-transcript{padding-block:8px}
.demo-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:18px}
.demo-transcript h3{font-size:clamp(32px,3.25vw,46px);line-height:1.1;letter-spacing:-.055em;font-weight:800;max-width:12ch}
.transcript-intro{font-size:18px;line-height:1.6;max-width:34ch;margin-top:18px}
.demo-transcript ol{list-style:none;counter-reset:demo-step;margin:28px 0 0;padding:0}
.demo-transcript li{counter-increment:demo-step;position:relative;padding:18px 0 18px 44px;border-top:1px solid var(--rule)}
.demo-transcript li::before{content:counter(demo-step,decimal-leading-zero);position:absolute;left:0;top:20px;font-size:12px;font-weight:800;color:var(--muted)}
.demo-transcript li strong{font-size:16px;font-weight:800;line-height:1.4}
.demo-transcript li p{font-size:14px;color:var(--muted);line-height:1.6;margin-top:6px;max-width:45ch}
.transcript-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:16px;max-width:55ch}
@media(max-width:1000px){.working-tabs .hero-grid,.working-browser .hero-grid{padding-top:48px;padding-bottom:64px}.demo-media-layout{gap:40px}.demo-transcript h3{font-size:34px}.transcript-intro{font-size:16px}}
@media(max-width:900px){.demo-media-layout{grid-template-columns:1fr;gap:44px}.demo-transcript{max-width:600px;margin-inline:auto;width:100%}.demo-transcript h3{max-width:none}.demo-media-layout .app-recording{max-width:440px}}
@media(max-width:700px){.wordmark{gap:7px}.working-tabs .hero-grid,.working-browser .hero-grid{padding-top:40px;padding-bottom:64px}.working-tabs .hero-art,.working-browser .hero-art{width:min(100%,430px);margin-top:32px}.working-tabs .hero-actions,.working-browser .hero-actions{margin-top:32px}.working-tabs .motion-control,.working-browser .motion-control{margin-top:12px;margin-right:0}.demo-media-layout{gap:36px}.demo-transcript h3{font-size:34px}.demo-transcript li{padding-block:16px}.demo-transcript li::before{top:18px}.video-toolbar{gap:10px 16px}}

/* v4: full-window landscape animation and three visible, useful steps. */
.working-tabs .demo-media-layout{display:block}
.working-tabs .demo-media-layout .app-recording{max-width:none;width:100%}
.working-tabs .demo-media-layout video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:0;border-radius:10px;background:#fffef8}
.video-frame{position:relative;border:1px solid var(--rule);border-radius:10px;overflow:hidden}
.video-frame .video-toggle{position:absolute;left:10px;right:auto;bottom:10px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#121212cc;color:#fff;opacity:.65;transition:opacity .15s}
.video-frame .video-toggle:hover,.video-frame .video-toggle:focus-visible{opacity:1}
.video-frame .video-toggle:focus-visible{outline:3px solid #ddff57;outline-offset:-5px}
.video-toggle svg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.video-toggle .play-icon{display:none}
.video-toggle[data-paused="true"] .play-icon{display:block}
.video-toggle[data-paused="true"] .pause-icon{display:none}
.working-tabs .demo-transcript{max-width:none;margin:40px 0 0;padding:0}
.working-tabs .demo-transcript h3{max-width:none;font-size:clamp(30px,3vw,44px)}
.working-tabs .demo-transcript .demo-eyebrow{margin-bottom:14px}
.working-tabs .demo-transcript ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}
.working-tabs .demo-transcript li{padding:22px 0 0;border-top:1px solid var(--rule)}
.working-tabs .demo-transcript li::before{position:static;display:block;margin-bottom:16px}
.working-tabs .demo-transcript li strong{font-size:18px}
.working-tabs .demo-transcript li p{font-size:15px;margin-top:10px}
@media(max-width:700px){.working-tabs .demo-transcript{margin-top:30px}.working-tabs .demo-transcript ol{grid-template-columns:1fr;gap:0;margin-top:24px}.working-tabs .demo-transcript li{padding:20px 0 20px 42px}.working-tabs .demo-transcript li::before{position:absolute;top:23px;left:0}.working-tabs .demo-transcript li p{max-width:36ch}.video-frame,.working-tabs .demo-media-layout video{border-radius:6px}.video-frame .video-toggle{left:5px;right:auto;bottom:5px}}
@media(prefers-reduced-motion:reduce){.video-frame .video-toggle{transition:none}}