@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap');

/* Shared typography: page palettes and display sizes remain local. */
:root{--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--font-size-caption:12px;--font-size-small:13px;--font-size-control:14px;--font-size-body:15px;--font-size-input:15px;--font-size-heading-sm:18px;--font-size-heading-md:20px;--font-size-heading-lg:24px;--font-size-title-sm:28px;--font-size-title:32px}
:root{--primary:#315e53;--accent:#d9ed9a;--ink:#233c35;--muted:#738079;--paper:#fafbf7;--line:#e3e8df;--soft:#f0f3eb;--radius:18px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:hover{color:var(--primary)}button:disabled{opacity:.5;cursor:wait}input,select{min-width:0}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-sans);line-height:1.2;letter-spacing:-.045em}h1{font-size:60px;font-weight:650}h2{font-size:35px;font-weight:600}h3{font-size:19px;font-weight:650}.wrapper{max-width:1200px;margin:0 auto;padding-left:36px;padding-right:36px}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip-link{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:rgba(250,251,247,.95)}.header-inner{max-width:1392px;padding:25px 48px;margin:auto;display:flex;align-items:center;gap:45px;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:11px;font-size:16px;letter-spacing:-.5px;font-weight:700;white-space:nowrap}.wordmark img{border-radius:10px}.site-header nav{display:flex;gap:30px;font-size:var(--font-size-control);color:#66746c}.site-header nav a[aria-current]{color:var(--ink);font-weight:700}.account-nav{display:flex;align-items:center;gap:20px;font-size:var(--font-size-control)}.account-nav form{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px;border:1px solid var(--primary);background:var(--primary);border-radius:9px;color:#fff;font-size:var(--font-size-control);font-weight:600;line-height:1.5;white-space:nowrap;transition:transform .15s,box-shadow .15s}.button:hover{color:white;box-shadow:0 5px 12px #315e5320;transform:translateY(-1px)}.button-outline{color:var(--ink);background:transparent;border-color:#cbd4c7}.button-outline:hover{color:var(--ink);background:#f0f3eb}.button-small{padding:9px 18px;font-size:var(--font-size-control);gap:20px}.text-button{border:0;background:none;color:var(--primary);padding:4px;font-weight:600;font-size:var(--font-size-control)}.hero{min-height:640px;padding-top:90px;padding-bottom:76px;display:grid;grid-template-columns:1.13fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:var(--font-size-caption);font-weight:650;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;display:inline-block;background:#759c62;border-radius:100%}.hero h1{font-size:58px;line-height:1.13;max-width:570px;margin:25px 0 22px}.hero-description{color:#768078;font-size:var(--font-size-body);max-width:445px;line-height:1.85;margin-bottom:29px}.url-form{display:flex;gap:9px;background:white;border:1px solid #dce3d6;padding:6px;border-radius:12px;box-shadow:0 6px 20px #314a3505}.url-input{display:flex;align-items:center;gap:10px;flex:1;padding-left:12px;min-width:0}.url-input>span{font-size:var(--font-size-input);color:#8a978c}.url-input input{border:0;background:transparent;width:100%;font-size:var(--font-size-input);padding:8px 0;outline:none}.url-input input::placeholder{color:#929c93}.url-form .button{padding:13px 17px;gap:15px;font-size:var(--font-size-control)}.form-note{font-size:var(--font-size-caption);color:#879082;margin:12px 0;line-height:1.7}.form-note>span:first-child{color:var(--primary);margin-right:4px}.note-divider{padding:0 6px}.hero-bottom{display:flex;align-items:center;gap:13px;margin-top:35px}.mini-icon{background:#edf1e4;border:1px solid #dfe7d1;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#6d8350}.hero-bottom p{font-size:var(--font-size-caption);color:#8c9588;line-height:1.7;margin:0}.hero-art{height:425px;position:relative;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:-20px;background:radial-gradient(ellipse,#eaf1df90,transparent 70%);z-index:-1}.orbit{position:absolute;border:1px solid #dce5d4;border-radius:50%;transform:rotate(-30deg);z-index:-1}.orbit-one{width:430px;height:325px;top:42px;left:0}.orbit-two{width:390px;height:410px;top:-3px;left:25px}.video-illustration{position:absolute;top:33px;left:20px;width:338px;background:white;border:1px solid #dbe2d5;border-radius:13px;box-shadow:0 12px 40px #34453112;transform:rotate(-7deg);overflow:hidden}.video-top{padding:14px;font-size:var(--font-size-caption);letter-spacing:1.1px;display:flex;align-items:center;gap:7px;font-weight:600;color:#7c897a}.video-top>span:last-child{margin-left:auto}.video-dot{width:6px;height:6px;border-radius:50%;background:#b9cba5}.illustration-scene{height:185px;position:relative;background:#e5ebd9;overflow:hidden;margin:0 9px;border-radius:6px}.scene-circle{width:65px;height:65px;border-radius:50%;background:#cfddbc;position:absolute;top:22px;right:49px}.scene-hill{position:absolute;border-radius:50% 50% 0 0}.hill-back{width:350px;height:200px;bottom:-108px;left:-84px;background:#b6c9a8;transform:rotate(25deg)}.hill-front{width:380px;height:230px;bottom:-140px;right:-120px;background:#8da988;transform:rotate(-17deg)}.play-circle{position:absolute;top:70px;left:140px;width:45px;height:45px;border-radius:50%;background:#ffffffda;color:var(--primary);display:grid;place-items:center;font-size:16px;padding-left:3px;box-shadow:0 3px 8px #314a3510}.video-timeline{padding:15px 15px 13px;display:flex;align-items:center;gap:10px}.video-timeline i{display:block;height:3px;flex:1;background:linear-gradient(90deg,#739270 28%,#e8ede2 28%);border-radius:4px}.video-timeline span{font-size:var(--font-size-caption);color:#8d9787}.notes-illustration{position:absolute;right:-1px;top:180px;width:294px;border:1px solid #d9e1d0;border-radius:12px;padding:23px 22px;background:#fffefa;box-shadow:0 14px 35px #31463114;transform:rotate(5deg)}.notes-heading{display:flex;align-items:center;gap:9px;font-size:var(--font-size-caption);font-weight:700;margin-bottom:20px}.notes-heading>span:first-child{font-size:var(--font-size-heading-md);color:#7e9859}.ready-pill{margin-left:auto;font-size:var(--font-size-caption);border-radius:20px;background:#edf3df;color:#73875a;padding:3px 8px;letter-spacing:.2px}.note-rule{width:85%;height:5px;background:#e9ede2;border-radius:3px;margin-bottom:8px}.note-rule.long{width:100%}.note-rule.short{width:64%}.illustration-bullets{margin-top:18px}.illustration-bullets p{font-size:10px;margin:8px 0;color:#7a8573}.illustration-bullets i{font-style:normal;font-size:9px;background:#edf3e3;padding:2px 4px;margin-right:7px;color:#749155;border-radius:3px}.note-tag{font-size:var(--font-size-caption);letter-spacing:1.4px;color:#a0a98f;margin-top:18px;border-top:1px solid #edf0e6;padding-top:12px}.float-label{position:absolute;top:360px;left:-7px;background:#eff4e3;border:1px solid #dde7ce;border-radius:30px;padding:8px 16px;font-size:var(--font-size-caption);transform:rotate(-7deg);color:#6e8258}.float-label>span{padding-right:5px}.art-spark{position:absolute;top:60px;right:7px;font-size:38px;color:#a4b87e;transform:rotate(10deg)}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;font-size:var(--font-size-caption)}.benefit-strip>span{font-size:var(--font-size-caption);color:#929a8a}.benefit-strip>div{font-weight:500;color:#64745d}.how-section{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-top:80px;padding-bottom:80px}.section-intro .eyebrow,.faq .eyebrow{color:#8b967e;font-size:var(--font-size-caption);margin-bottom:17px}.section-intro h2{font-size:var(--font-size-title);line-height:1.25;margin-bottom:15px}.section-intro>p:last-child{color:#8a9384;font-size:var(--font-size-caption)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:25px}.steps article>span{font-family:var(--font-sans);color:#8c9d74;font-size:var(--font-size-small);border-bottom:1px solid #d7dfc8;padding-bottom:12px;display:block;margin-bottom:22px}.steps h3{font-size:17px;letter-spacing:-.5px}.steps p{color:#8a9281;font-size:var(--font-size-caption);line-height:1.9}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-top:60px;padding-bottom:80px}.faq h2{font-size:var(--font-size-title)}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:var(--font-size-small);cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';color:#8f9b83;font-size:19px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:var(--font-size-caption);color:#8b9384;margin:14px 25px 0 0;line-height:1.9}footer{max-width:1392px;margin:auto;border-top:1px solid var(--line);padding:30px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer>span{font-size:var(--font-size-caption);color:#929b8c;margin:5px 0 0;line-height:1.8}.footer-brand{font-size:var(--font-size-caption);font-weight:700}.workspace,.history-page,.result-page{padding-top:45px;padding-bottom:80px;min-height:65vh}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:27px}.page-heading h1{font-size:36px;margin:9px 0 12px}.page-heading p{color:var(--muted);font-size:var(--font-size-small);margin-bottom:0}.credit-badge{background:#eef3e4;border:1px solid #dee7d0;border-radius:30px;padding:8px 15px;font-size:var(--font-size-caption);color:#697e53;display:inline-flex;gap:6px;white-space:nowrap}.workspace-url{max-width:100%}.notice{padding:13px 16px;border:1px solid #dfe6d7;background:#f0f4e9;border-radius:8px;font-size:var(--font-size-caption);color:#647557;margin:18px 0;overflow-wrap:anywhere}.notice.error{background:#fcf0eb;border-color:#eed8cb;color:#965331}.workspace-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start;margin-top:28px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden}.panel-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 21px;font-size:var(--font-size-caption);color:#8b9682;gap:14px}.panel-top a{font-size:var(--font-size-caption)}.panel-body{padding:25px}.panel h2{font-size:23px;margin-bottom:16px;overflow-wrap:anywhere}.panel label{font-size:var(--font-size-caption);font-weight:500;display:block;margin-bottom:8px}.panel select{width:100%;padding:10px 12px;border:1px solid #dce2d5;border-radius:7px;background:#fcfdf9;color:var(--ink);font-size:var(--font-size-input)}.player-wrap{aspect-ratio:16/9;background:#e9eee3}.player-wrap iframe{width:100%;height:100%;border:0;display:block}.transcript-toolbar{display:flex;gap:15px;margin:20px 0 12px}.transcript-toolbar input{flex:1;width:100%;border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:var(--font-size-input)}.transcript-list{height:330px;overflow:auto;scrollbar-width:thin;padding-right:8px}.transcript-cue{display:flex;align-items:baseline;gap:13px;margin:0 0 13px}.cue-time{border:0;background:#f0f4e8;color:#78905f;font-size:var(--font-size-caption);padding:3px 6px;border-radius:5px;font-variant-numeric:tabular-nums;white-space:nowrap}.transcript-cue p{font-size:var(--font-size-caption);line-height:1.8;margin:0;color:#687765;white-space:pre-wrap}.transcript-cue mark{background:var(--accent);color:var(--ink)}.export-row{display:flex;gap:15px;align-items:center;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:var(--font-size-caption)}.export-row span{margin-right:auto;color:#8e9786}.export-row a{font-weight:600;color:var(--primary)}.muted{color:var(--muted);font-size:var(--font-size-caption)}.kind-options{border:0;padding:0;display:flex;gap:7px;margin:22px 0}.kind-options label{flex:1;position:relative;margin:0}.kind-options input{position:absolute;opacity:0}.kind-options span{display:block;text-align:center;border:1px solid var(--line);border-radius:7px;padding:12px 6px;font-size:var(--font-size-caption)}.kind-options input:checked+span{background:#edf3e7;border-color:#94ad7e;color:var(--primary);font-weight:600}.kind-options input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.full-width{width:100%}.generation-panel .full-width{margin-top:20px;justify-content:space-between}.result-placeholder{border:1px dashed #d9e2ce;padding:45px 25px;text-align:center;border-radius:12px;margin-top:30px;background:#fbfcf8}.result-placeholder>span{font-size:30px;color:#a2b484}.result-placeholder h3{font-size:var(--font-size-heading-sm);margin:12px 0}.result-placeholder p{font-size:var(--font-size-caption);color:#909a84;margin:0}.signin-callout{background:#f0f4e9;border:1px solid #e0e8d6;border-radius:12px;padding:22px;margin-top:25px}.signin-callout h3{font-size:var(--font-size-heading-sm)}.signin-callout p{font-size:var(--font-size-caption);color:#7a886c}.back-link{font-size:var(--font-size-caption);display:inline-block;color:#849276;margin-bottom:22px}.result-page .page-heading h1{font-size:31px;max-width:800px;overflow-wrap:anywhere}.result-page .page-heading a{font-size:var(--font-size-caption);color:#718960}.result-panel .panel-body{padding:32px 42px}.result-panel #job-stage{font-size:var(--font-size-caption);color:#849276}.status-pill{border-radius:20px;padding:4px 11px;font-size:var(--font-size-caption);white-space:nowrap;background:#f1f2ed;color:#87907c}.status-processing{background:#f5efd8;color:#9c8536}.status-succeeded{background:#eaf2df;color:#628144}.status-failed{background:#f9e8df;color:#ab6b46}.markdown{font-size:var(--font-size-control);line-height:1.9;overflow-wrap:anywhere}.markdown h1{font-size:30px}.markdown h2{font-size:var(--font-size-heading-lg);margin-top:30px}.markdown h3{font-size:19px;margin-top:22px}.markdown a{color:var(--primary);text-decoration:underline}.markdown pre{padding:17px;border-radius:8px;background:#f3f5ee;overflow:auto}.markdown table{display:block;overflow:auto;border-collapse:collapse}.markdown td,.markdown th{border:1px solid var(--line);padding:8px 12px}.markdown blockquote{margin-left:0;padding-left:20px;border-left:3px solid var(--accent);color:#7f8a76}.result-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.result-actions p{margin:0}.history-list{margin:25px 0}.history-item{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:25px 5px}.history-item:hover{background:#f2f5eb}.history-icon{background:#edf3e4;border:1px solid #dfe8d2;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;flex-shrink:0;color:#859d6b}.history-item>div{flex:1;min-width:0}.history-item h2{font-size:var(--font-size-heading-sm);margin:6px 0 7px;overflow-wrap:anywhere}.history-item p{font-size:var(--font-size-caption);margin:0;color:#94a087}.history-item .eyebrow{font-size:var(--font-size-caption)}.pagination{display:flex;gap:25px;justify-content:center;font-size:var(--font-size-caption)}.empty-state{text-align:center;padding:80px 25px;border:1px dashed #dfe6d3;border-radius:15px}.empty-state>span{font-size:36px;color:#9fb57f}.empty-state h2{margin:15px 0;font-size:var(--font-size-title-sm)}.empty-state p{font-size:var(--font-size-small);color:#8c997f}.auth-page{display:flex;justify-content:center;padding-top:75px;padding-bottom:95px;min-height:70vh}.auth-card{max-width:470px;padding:45px;text-align:center}.auth-symbol{width:60px;height:60px;display:grid;place-items:center;background:#eef4e5;border-radius:18px;font-size:var(--font-size-title);color:#89a56b;margin:0 auto 25px}.auth-card .eyebrow{justify-content:center;font-size:var(--font-size-caption)}.auth-card h1{font-size:33px}.auth-card>p{color:#89967c;font-size:var(--font-size-small)}.auth-card .button{margin:15px 0}.auth-card .back-link{margin:20px 0 0}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:1000;background:var(--ink);color:white;border-radius:10px;padding:12px 22px;font-size:var(--font-size-small);box-shadow:0 6px 20px #0002;max-width:90vw}
.hero{overflow:clip}.hero-copy{min-width:0}
@media(min-width:1440px){.hero{min-height:690px;padding-top:110px;padding-bottom:100px}}@media(max-width:1100px){.header-inner{gap:25px;padding-left:30px;padding-right:30px}.site-header nav{gap:20px}.wordmark{font-size:var(--font-size-control)}.hero{gap:15px}.hero h1{font-size:48px}.hero-art{transform:scale(.88);transform-origin:center right}.hero .url-form{flex-wrap:wrap}.hero .url-input{min-width:200px}.hero .url-form .button{flex:1}.how-section{gap:35px}.steps{gap:20px}.workspace-grid{grid-template-columns:1fr 1fr}.kind-options{gap:5px}.kind-options span{font-size:var(--font-size-caption)}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:17px;padding:18px 24px}.wordmark{flex:1}.account-nav{font-size:var(--font-size-control);gap:12px}.site-header nav{order:3;width:100%;justify-content:center;font-size:var(--font-size-control);gap:35px;padding-top:8px}.wrapper{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:35px;gap:15px}.hero-copy{max-width:580px;margin:auto}.hero h1{font-size:48px;max-width:530px}.hero-description{max-width:500px}.hero .url-form{flex-wrap:nowrap}.hero .url-form .button{flex:initial}.hero-art{max-width:460px;width:100%;height:410px;margin:0 auto;transform:scale(.92);transform-origin:center}.hero-bottom{margin-top:25px}.benefit-strip{flex-wrap:wrap;justify-content:center;padding-top:20px;padding-bottom:20px;gap:18px 25px}.benefit-strip>span{width:100%;text-align:center}.how-section{grid-template-columns:1fr;gap:10px;padding-top:50px;padding-bottom:40px}.section-intro h2 br{display:none}.steps{padding-top:10px}.faq{gap:35px;grid-template-columns:1fr 1.3fr;padding-top:40px;padding-bottom:50px}.faq h2{font-size:var(--font-size-title-sm)}footer{padding:25px 24px;flex-wrap:wrap;gap:20px}footer>span{width:100%}.workspace-grid{grid-template-columns:1fr}.page-heading{align-items:start;flex-wrap:wrap;gap:15px}.page-heading h1{font-size:var(--font-size-title)}.result-actions{align-items:start;flex-direction:column;gap:15px}.result-panel .panel-body{padding:25px}.history-item{gap:15px}.history-item>span:last-child{display:none}.auth-page{padding-top:45px}.auth-card{padding:32px}.workspace,.history-page,.result-page{padding-top:30px}}
@media(max-width:480px){.hero h1{font-size:42px}.hero .eyebrow{font-size:var(--font-size-caption);letter-spacing:1px}.hero .url-form{flex-direction:column}.hero .url-input{padding:8px 12px}.hero-description{font-size:var(--font-size-control)}.form-note{font-size:var(--font-size-caption)}.hero-art{transform:scale(.78);margin-top:-25px;margin-bottom:-55px;left:-10px}.notes-illustration{right:-15px}.steps{grid-template-columns:1fr;gap:15px}.steps article>span{padding-bottom:5px;margin-bottom:12px}.steps p{margin-bottom:5px}.steps h3{margin-bottom:10px}.faq{grid-template-columns:1fr;gap:10px}.faq h2 br{display:none}.faq details:first-child{padding-top:15px}.wordmark{font-size:var(--font-size-caption);gap:8px}.wordmark img{width:27px;height:27px}.button-small{padding:8px 11px}.account-nav .text-button{font-size:var(--font-size-control)}.workspace-url{flex-direction:column}.workspace-url .url-input{padding:7px 12px}.page-heading h1{font-size:29px}.panel-body{padding:20px}.export-row{gap:12px}.history-icon{width:36px;height:36px;font-size:var(--font-size-heading-sm)}.history-item h2{font-size:var(--font-size-body)}.history-item .status-pill{font-size:var(--font-size-caption);padding:4px 8px}.auth-card h1{font-size:var(--font-size-title-sm)}.toast{font-size:var(--font-size-caption)}.transcript-list{height:300px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.footer-company{display:flex;flex-wrap:wrap;gap:10px 20px;flex-basis:100%;font-size:13px}
.footer-company a[aria-current="page"]{font-weight:650;text-decoration:underline;text-underline-offset:4px}

/* Shared Google account avatar with a visible initial underneath the image. */
.user-avatar{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;flex-shrink:0;overflow:hidden;border-radius:50%;background:#edf0ff;color:var(--primary);font-size:var(--font-size-body);font-weight:600;line-height:1}
.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.user-avatar img[hidden]{display:none}

/* Code stays monospaced, including inside AI results. */
code,pre,kbd,samp{font-family:var(--font-mono)}
/* Prevent focus zoom on mobile without scaling the rest of the interface. */
@media(max-width:768px){:root{--font-size-input:16px}}