.recording-landing{-webkit-font-smoothing:antialiased}.recording-landing h1,.recording-landing h2,.recording-landing h3{font-family:var(--sans);text-wrap:balance}.recording-landing p{text-wrap:pretty}.recording-hero{text-align:center;padding:48px 20px 36px}.recording-hero>.eyebrow{letter-spacing:.06em;font-size:12px;display:inline-block}.recording-hero h1{letter-spacing:-.045em;margin:24px auto;font-size:clamp(48px,5.5vw,72px);font-weight:500;line-height:1.03}.recording-hero-lede{max-width:610px;font:17px/1.6 var(--sans);color:var(--muted);margin:0 auto}.recording-hero-input{max-width:640px;margin:28px auto 0}.recording-hero-note{color:var(--muted);font:13px/1.6 var(--sans);margin:22px 0 0}.recording-hero-note a{min-height:44px;color:var(--ink);align-items:center;margin-left:14px;display:inline-flex}.recording-demo{background:#eeeae2;border-radius:22px;max-width:1060px;margin:24px auto 0;padding:10px;scroll-margin-top:30px;box-shadow:0 0 0 1px #00000012,0 12px 32px #0000000a}.film-dot{background:var(--purple);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.recording-demo-player{aspect-ratio:8/5;border-radius:12px;display:block}.recording-demo-player video{object-fit:contain;background:#101211;display:block}.recording-how{padding:110px 28px 100px}.landing-section-title h2,.recording-feature h2,.recording-agent h2,.recording-faq h2{letter-spacing:-.045em;margin:18px 0 24px;font-size:clamp(32px,3.9vw,50px);font-weight:500;line-height:1.1}.recording-how ol{grid-template-columns:repeat(3,1fr);gap:50px;margin:48px 0 0;padding:0;list-style:none;display:grid}.recording-how li>span{color:var(--purple-dark);font-size:12px}.recording-how h3{margin:20px 0 12px;font-size:20px;font-weight:500}.recording-how li p,.recording-feature>div>p:not(.eyebrow),.recording-agent p:not(.eyebrow),.recording-faq p{color:var(--muted);font:16px/1.7 var(--sans)}.recording-feature{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:64px 28px;display:grid}.recording-feature>div:first-child{max-width:450px}.recording-landing .text-link{min-height:44px;font:14px var(--sans);align-items:center;margin-top:8px;display:inline-flex}.feature-visual{background:#eeeae4;border-radius:20px;padding:30px;overflow:hidden}.feature-film{padding:18px}.feature-film img{border-radius:8px;outline:1px solid #0000001a;width:100%;height:auto;display:block}.feature-film>div{padding:22px 4px 6px;font-size:12px}.feature-film>div>span:last-child{float:right;color:var(--muted)}.recording-feature-reverse>div:first-child{grid-area:1/2}.recording-feature-reverse>div:last-child{grid-area:1/1}.diagnostic-preview{color:#e7e3ee;font-variant-numeric:tabular-nums;background:#232127;box-shadow:0 12px 32px #00000014}.preview-label{color:#c3bbcf;padding-bottom:30px;font-size:12px}.preview-label>span{float:right;color:#a9a0b6}.diagnostic-line{border-top:1px solid #443e4e;grid-template-columns:48px 60px 1fr;gap:8px;padding:18px 0;font-size:12px;display:grid}.diagnostic-line>span{color:#b7accc}.diagnostic-line strong{font-weight:400}.diagnostic-line code{overflow-wrap:anywhere}.diagnostic-line b{float:right;color:#c4afea;font-weight:400}.diagnostic-warning code{color:#f0bc99}.diagnostic-preview>p{font:13px var(--sans);color:#c3bbcf;margin:26px 0 0}.share-preview{text-align:center;background:var(--purple-pale);padding:40px 24px}.share-preview-icon{background:var(--paper-raised);width:52px;height:52px;color:var(--purple);border-radius:14px;place-items:center;margin:0 auto;font-size:30px;display:grid;box-shadow:0 2px 4px #00000008,0 8px 20px #0000000d}.share-preview h3{letter-spacing:-.035em;font-size:27px;font-weight:500}.share-preview-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share-preview-tags span{background:#ffffffa6;border-radius:5px;padding:8px 10px;font-size:12px}.share-preview>p{font:12px var(--sans);color:var(--muted);margin:28px 0 0}.recording-agent{border:1px solid var(--rule-soft);border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:80px 28px 0;padding:48px;display:grid}.recording-agent h2{font-size:34px}.agent-prompt{background:#eeeae4;border-radius:12px;padding:28px}.agent-prompt>span{color:var(--purple-dark);font-size:12px}.recording-agent .agent-prompt p{color:var(--ink);font:15px/1.8 var(--mono)}.recording-faq{grid-template-columns:.8fr 1.2fr;gap:80px;padding:130px 28px;display:grid}.recording-faq details{border-bottom:1px solid var(--rule-soft)}.recording-faq details:first-child{border-top:1px solid var(--rule-soft)}.recording-faq summary{cursor:pointer;align-items:center;gap:22px;min-height:78px;list-style:none;display:flex}.recording-faq summary::-webkit-details-marker{display:none}.recording-faq summary>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.recording-faq h3{letter-spacing:-.025em;flex:1;margin:18px 0;font-size:17px;font-weight:500;line-height:1.5}.recording-faq summary>i{color:var(--muted);font-size:22px;font-style:normal;transition:transform .18s}.recording-faq details[open] summary>i{color:var(--purple-dark);transform:rotate(45deg)}.recording-faq details>p{margin:0 36px 28px;font-size:15px}.recording-final{text-align:center;background:var(--purple-pale);border-radius:18px;padding:70px 24px}.recording-final h2{letter-spacing:-.045em;margin:22px 0 30px;font-size:clamp(42px,5vw,66px);font-weight:500;line-height:1.06}.recording-final .button{gap:24px;min-height:48px}.recording-landing .button{transition:background-color .15s,transform .15s}.recording-landing .button:active{transform:scale(.96)}.cloud-command-card{text-align:left;background:var(--paper-raised);border-radius:20px;padding:28px;box-shadow:0 0 0 1px #00000012,0 12px 32px #0000000a}.cloud-command-card code{overflow-wrap:anywhere;white-space:pre-wrap;margin:22px 0;font-size:14px;line-height:1.8;display:block}.cloud-command-card p{font:12px/1.5 var(--sans);color:var(--muted)}@media (max-width:850px){.recording-feature,.recording-agent,.recording-faq{gap:40px}.recording-feature{padding-inline:0}.recording-agent{margin-inline:0;padding:30px}.recording-faq,.recording-how{padding-inline:0}.recording-how ol{gap:24px}}@media (max-width:600px){.recording-hero{padding:56px 0 30px}.recording-hero .eyebrow{font-size:9px}.recording-hero-lede{font-size:16px}.recording-hero-note a{justify-content:center;margin:0;display:flex}.recording-demo{border-radius:19px;padding:7px}.recording-how{padding-block:70px 30px}.recording-how ol{grid-template-columns:1fr;gap:24px;margin-top:32px}.recording-how li{border-top:1px solid var(--rule-soft);padding-top:24px}.recording-how h3{margin-top:10px}.recording-feature,.recording-agent,.recording-faq{grid-template-columns:1fr;gap:28px}.recording-feature{padding-block:40px}.recording-feature-reverse>div:first-child,.recording-feature-reverse>div:last-child{grid-area:auto}.recording-agent{margin-top:40px;padding:24px}.recording-faq{padding-block:70px}.recording-faq summary{gap:14px}.recording-faq details>p{margin-left:28px;margin-right:14px}.recording-final{padding-block:50px}}@media (prefers-reduced-motion:reduce){.recording-landing .button,.recording-faq summary>i{transition:none}.recording-landing .button:active{transform:none}}.recording-hero .run-field+.run-field{margin-top:16px}.hero-entry-loading{background:var(--paper-raised);border-radius:20px;flex-direction:column;justify-content:center;gap:20px;min-height:260px;padding:28px;display:flex}.hero-entry-loading span{background:var(--rule-soft);border-radius:6px;width:65%;height:16px;display:block}.hero-entry-loading span:nth-child(2){width:100%;height:52px}.hero-entry-loading span:last-child{align-self:flex-end;width:28%;height:44px}.recording-demo-context{color:var(--muted);font:14px/1.6 var(--sans);margin:0;padding:0 22px 16px}.recording-form-scope{max-width:580px;font:13px/1.7 var(--sans);color:var(--muted);margin:10px auto 0}.recording-form-scope a{color:var(--ink);text-underline-offset:3px}.agent-copy-shortcut{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-top:18px;display:flex}.agent-copy-button{border:1px solid var(--rule-soft);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.agent-copy-button:hover{background:#eeeae4}.agent-copy-button:focus-visible{outline:2px solid var(--purple-dark);outline-offset:3px}.agent-copy-feedback{flex-basis:100%;font-size:12px}.agent-copy-feedback:empty{display:none}.agent-copy-fallback{text-align:left;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.recording-how .landing-section-title{grid-template-columns:1.1fr .9fr;align-items:end;gap:48px;display:grid}.recording-how .landing-section-title h2{margin-bottom:0}.recording-how .landing-section-title>p{max-width:440px;color:var(--muted);font:17px/1.65 var(--sans);margin:0}.recording-how ol{gap:16px;margin-top:56px}.recording-how li{background:var(--paper-raised);min-height:220px;box-shadow:var(--lift-shadow);border-radius:20px;flex-direction:column;padding:28px;display:flex}.recording-how li>span{background:var(--purple-pale);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;width:34px;height:34px;display:inline-grid}.recording-how h3{margin-top:auto;padding-top:36px}.recording-how li p{margin:0}.recording-feature{gap:clamp(48px,7vw,96px);padding-block:88px}.feature-visual{border-radius:28px}.feature-film,.share-preview{box-shadow:var(--lift-shadow)}.feature-film{background:var(--panel)}.recording-final{text-align:left;background:linear-gradient(to bottom, var(--paper) 0%, var(--panel) 55%, color-mix(in srgb, var(--purple-pale) 55%, var(--panel)) 100%);border-radius:32px;justify-content:space-between;align-items:center;gap:40px;padding:clamp(48px,7vw,96px) clamp(28px,6vw,88px);display:flex}.recording-final h2{letter-spacing:-.045em;max-width:640px;margin:16px 0 0;font-size:clamp(32px,3.6vw,48px);line-height:1.1}.recording-final-actions{flex-wrap:wrap;flex:none;gap:14px;display:flex}.recording-final .button{min-height:50px;padding-inline:22px;font-size:15px}.recording-final .button-primary{gap:18px}@media (max-width:850px){.recording-how{padding-inline:28px}.recording-how .landing-section-title{grid-template-columns:1fr;gap:20px}.recording-final{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.recording-how{border-radius:24px;margin-top:60px;padding:40px 20px 20px}.recording-how li{border-top:0;min-height:0;padding:22px}.recording-how h3{padding-top:22px}.recording-feature{padding-block:44px}.recording-final{border-radius:24px;padding:40px 22px}.recording-final-actions{flex-direction:column;width:100%}.recording-final-actions .button{justify-content:space-between;width:100%}}.works-with{max-width:1060px;color:var(--muted);font:15px var(--sans);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 28px;margin:36px auto 0;padding:0 20px;display:flex}.works-with>span{font:12px var(--mono);letter-spacing:.04em;text-transform:uppercase}.works-with ul{display:contents}.works-with li{color:var(--ink);font-weight:500;list-style:none}@media (max-width:600px){.works-with{gap:8px 18px}.works-with>span{text-align:center;flex-basis:100%}}#cloud-task{scroll-margin-top:6rem}.recording-final-actions{flex-wrap:wrap}.recording-hero{isolation:isolate;padding:72px 20px 64px;position:relative}.recording-hero h1{margin:0 auto 20px;font-size:clamp(44px,6vw,80px);line-height:1}.recording-hero-lede{max-width:600px}.hero-routes{max-width:680px;margin:36px auto 0;position:relative}.recording-demo{margin-top:8px;position:relative}.works-with{margin-top:32px}.recording-how{background:0 0;border-radius:0;margin-top:120px;padding:0}.recording-landing .landing-section-title{text-align:center;max-width:720px;margin:0 auto;display:block}.recording-landing .landing-section-title h2{margin:14px 0 16px;font-size:clamp(32px,4vw,52px)}.recording-landing .landing-section-title>p:not(.eyebrow){max-width:560px;color:var(--muted);font:17px/1.6 var(--sans);margin:0 auto}.landing-steps{gap:28px;margin:56px 0 0;padding:0;list-style:none;display:grid}.landing-step{top:calc(96px + var(--stack,0) * 16px);background:var(--paper-raised);border-radius:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:440px;padding:clamp(28px,4vw,48px);display:grid;position:sticky;box-shadow:0 0 0 1px #0000000f,0 18px 48px #28144b0f}.landing-step:nth-child(2){--stack:1}.landing-step:nth-child(3){--stack:2}.landing-step:nth-child(4){--stack:3}.landing-step-copy{max-width:440px}.landing-step-number{width:34px;height:34px;color:var(--purple-dark);background:var(--purple-pale);font:500 12px var(--mono);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;display:inline-grid}.landing-step-copy h3{font:500 clamp(26px, 2.6vw, 34px)/1.12 var(--sans);letter-spacing:-.035em;margin:22px 0 12px}.landing-step-copy p{color:var(--muted);font:16px/1.65 var(--sans);margin:0}.landing-step-visual{min-width:0;margin:0}.landing-step-visual.feature-film{box-shadow:none;background:0 0;border-radius:0;padding:0}.landing-step-visual.feature-film img{border-radius:16px;outline:none}.landing-step-visual.diagnostic-preview{border-radius:20px;padding:26px}.landing-step-visual.share-preview{box-shadow:none;border-radius:20px;padding:40px 28px}.landing-routes{background:var(--panel);border-radius:20px;gap:10px;padding:14px;display:grid}.landing-route{background:var(--paper-raised);font:14px/1.45 var(--sans);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 0 0 1px #0000000d}.landing-route div{gap:2px;min-width:0;display:grid}.landing-route strong{font-weight:500}.landing-route div>span{color:var(--muted);font-size:13px}.landing-route-icon{width:36px;height:36px;color:var(--purple-dark);background:var(--purple-pale);border-radius:10px;flex:none;place-items:center;display:grid}.landing-use-cases{padding:120px 0 40px}.landing-use-cases ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}.landing-use-cases li a{height:100%;color:var(--ink);background:var(--paper-raised);border-radius:20px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:box-shadow .16s,translate .16s;display:flex;box-shadow:0 0 0 1px #0000000f}.landing-use-cases li a:hover{translate:0 -2px;box-shadow:0 0 0 1px #00000014,0 14px 36px #28144b14}.landing-use-cases li a:focus-visible{outline:2px solid var(--purple-dark);outline-offset:3px}.landing-use-cases strong{font:500 19px/1.3 var(--sans);letter-spacing:-.015em;margin-top:6px}.landing-use-cases li a>span:last-child{color:var(--muted);font:15px/1.55 var(--sans)}.use-case-route{color:var(--muted);background:var(--panel);font:500 12px var(--sans);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px 4px 8px;display:inline-flex}.use-case-route svg{width:14px;height:14px;color:var(--purple-dark)}.landing-use-cases-all{justify-content:center;margin-top:24px!important;display:flex!important}.recording-agent{align-items:start}.recording-agent .agent-prompt p{max-height:240px;font:13px/1.75 var(--mono);margin:14px 0 20px;padding-right:8px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.recording-final{isolation:isolate;text-align:center;background:var(--panel);flex-direction:column;align-items:center;margin-top:40px;position:relative;overflow:hidden}.recording-final h2{margin-inline:auto}.recording-final-field{width:100%;left:50%;-webkit-mask-image:radial-gradient(70% 90%,#000 30%,#0000 90%);mask-image:radial-gradient(70% 90%,#000 30%,#0000 90%)}.recording-final-actions{justify-content:center}@media (max-width:900px){.landing-step{grid-template-columns:1fr;min-height:0;position:relative;top:auto}.landing-use-cases ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.recording-hero{padding:48px 0 40px}.recording-how{margin-top:72px}.landing-step{border-radius:22px;padding:22px}.landing-use-cases{padding-top:72px}.landing-use-cases ul{grid-template-columns:1fr}.recording-final-actions{align-items:stretch}}.recording-how ol.landing-steps{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:56px}.recording-how .landing-steps>li.landing-step{flex-direction:initial;background:var(--paper-raised);border-top:0;border-radius:28px;padding:clamp(28px,4vw,48px);display:grid;box-shadow:0 0 0 1px #0000000f,0 18px 48px #28144b0f}.recording-how .landing-step .landing-step-number{width:34px;height:34px;display:inline-grid}.recording-how .landing-step h3{margin:22px 0 12px;padding-top:0}.recording-how .landing-step-copy p{margin:0}@media (max-width:900px){.recording-how .landing-steps>li.landing-step{min-height:0}}@media (max-width:640px){.recording-how .landing-steps>li.landing-step{border-radius:22px;padding:22px}}.recording-final-field{-webkit-mask-image:radial-gradient(40% 55%,#0000 40%,#000 100%);mask-image:radial-gradient(40% 55%,#0000 40%,#000 100%)}.hero-task{max-width:660px;margin:36px auto 0;scroll-margin-top:6rem}.hero-other-routes{color:var(--muted);font:14px var(--sans);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;margin:20px 0 0;display:flex}.hero-route-link{min-height:36px;color:var(--ink);align-items:center;gap:7px;font-weight:500;text-decoration:none;display:inline-flex}.hero-route-link svg{width:16px;height:16px;color:var(--purple-dark)}.hero-route-link:hover{text-underline-offset:4px;text-decoration:underline}.hero-route-compare{color:var(--muted);text-underline-offset:4px;font-weight:400;text-decoration:underline}.landing-route{flex-wrap:wrap;align-items:flex-start}.landing-route>div{flex:1;min-width:200px}.landing-route small{color:var(--muted);font:12.5px/1.5 var(--sans)}.landing-route-action{min-height:36px;color:var(--ink);background:var(--panel);font:500 13px var(--sans);white-space:nowrap;border-radius:10px;align-self:center;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.landing-route-action:hover{background:color-mix(in srgb, var(--ink) 9%, var(--panel))}#how{scroll-margin-top:5rem}.works-with{gap:10px 24px;max-width:1100px}.works-with>span{text-align:center;flex-basis:100%}.works-with li:last-child{color:var(--ink);font-weight:500}.works-with-requirements{color:var(--faint);text-align:center;font:12.5px var(--sans);flex-basis:100%;text-decoration:none}.works-with-requirements:hover{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.hero-task .cloud-run-form[data-compact-entry][data-layout=sequential],.hero-task .cloud-run-form[data-compact-entry][data-layout=sequential]:focus-within{box-shadow:none;border:0}.hero-task .cloud-run-form[data-compact-entry][data-step=url]{background:0 0;padding:0}.hero-task .cloud-run-form[data-compact-entry] .run-field input,.hero-task .cloud-run-form[data-compact-entry] .run-field textarea,.hero-task .cloud-run-form[data-compact-entry] .run-form-footer{border:0}.hero-task .cloud-run-form[data-guest][data-step=prompt] .run-field:has(input[type=email]){border:0}.hero-task.check-hero-entry{max-width:640px}.recording-hero:before{content:"";z-index:-2;opacity:.7;filter:blur(20px);pointer-events:none;background:radial-gradient(40% 50% at 30% 40%,#ebe5ff,#0000 70%),radial-gradient(35% 45% at 72% 55%,#e2edfb,#0000 70%);position:absolute;inset:0 -20% 10%}.homepage-pricing{margin-top:88px;padding:0 28px;scroll-margin-top:96px}.homepage-pricing>.public-pricing-grid{margin-top:40px}@media (max-width:850px){.homepage-pricing{padding-inline:0}}@media (max-width:600px){.homepage-pricing{margin-top:56px}}.homepage-pricing{padding-top:24px}.homepage-pricing>.landing-section-title .eyebrow{color:var(--purple-dark);font-family:var(--mono)}.recording-demo{box-shadow:none;background:0 0;padding:0}.recording-demo-player{border-radius:22px;outline:none}.recording-demo-player video{background:#ece7f5}.capture-mode-videos{max-width:1060px;margin:90px auto 0}.capture-mode-heading{margin-bottom:30px}.capture-mode-heading h2{letter-spacing:-.04em;margin:12px 0 0;font-size:clamp(30px,3.5vw,42px);font-weight:500;line-height:1.15}.capture-mode-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.capture-mode-grid article{min-width:0}.capture-mode-player{aspect-ratio:8/5;border-radius:16px;outline:none}.capture-mode-player video{background:#ece7f5}.capture-mode-copy{padding:26px 4px 0}.capture-mode-copy h3{letter-spacing:-.035em;margin:12px 0;font-size:26px;font-weight:500}.capture-mode-copy>p:not(.eyebrow){color:var(--muted);font:15px/1.7 var(--sans);margin:0}.capture-mode-copy .text-link{gap:14px}@media (max-width:700px){.capture-mode-videos{margin-top:60px}.capture-mode-grid{grid-template-columns:1fr;gap:40px}.capture-mode-copy{padding-top:20px}.recording-demo-player{border-radius:16px}}.public-frame{overflow-x:clip}.signal-field{z-index:-1;opacity:.75;pointer-events:none;width:100vw;height:100%;position:absolute;top:0;left:50%;translate:-50%;-webkit-mask-image:radial-gradient(50% 60% at 50% 48%,#0000 45%,#0000008c 70%,#000 100%);mask-image:radial-gradient(50% 60% at 50% 48%,#0000 45%,#0000008c 70%,#000 100%)}.signal-track line{stroke:color-mix(in srgb, var(--ink) 7%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.signal-track rect{fill:color-mix(in srgb, var(--ink) 4%, transparent);stroke:color-mix(in srgb, var(--ink) 9%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.signal-track rect.is-soft{fill:color-mix(in srgb, var(--ink) 9%, var(--paper))}.signal-track rect.is-accent{fill:color-mix(in srgb, var(--purple) 55%, var(--paper));stroke:none}.signal-playhead line{stroke:color-mix(in srgb, var(--purple) 45%, transparent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.signal-playhead rect{fill:var(--purple)}.signal-field-hero .signal-playhead{animation:14s ease-in-out infinite alternate playhead-drift}@keyframes playhead-drift{0%{transform:translate(-60px)}to{transform:translate(60px)}}@media (max-width:640px){.signal-field-hero{opacity:.5}}@media (prefers-reduced-motion:reduce){.signal-field-hero .signal-playhead{animation:none}}