:root{color-scheme:light;--bg:#f8f6f0;--panel:#fffdf9;--text:#22241f;--muted:#74766c;--line:#dddcd2;--accent:#ef652d;--soft:#eeeae0;--button-text:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header,main,footer{max-width:1240px;margin:auto;padding:0 40px}header{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;font-size:16px;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:10px;width:40px;height:40px;font-size:15px;font-weight:850;letter-spacing:-.08em}.brand small{display:block;font-size:8px;letter-spacing:.18em;color:var(--muted);font-weight:600;margin-top:2px}nav{display:flex;gap:26px;align-items:center;font-size:12px;font-weight:600}nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:var(--text)}nav a:first-child{color:var(--text)}.nav-cta{background:var(--text);color:var(--bg)!important;border-radius:100px;padding:10px 18px}
h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(50px,6.3vw,80px);line-height:.99;letter-spacing:-.065em;font-weight:760}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(30px,3.3vw,42px);line-height:1.08;letter-spacing:-.045em;font-weight:700}h3{font-size:16px;font-weight:650;letter-spacing:-.02em}.eyebrow{font-size:9px;letter-spacing:.19em;color:var(--muted);font-weight:750;text-transform:uppercase;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:100%;background:var(--accent);display:inline-block}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:62px;align-items:center;padding:68px 0 60px}.hero-copy .eyebrow{margin-bottom:25px}.hero-subtitle{font-size:20px;font-weight:600;letter-spacing:-.025em;margin-top:20px}.lead{font-size:14px;line-height:1.8;max-width:400px;color:var(--muted);margin-top:12px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.hero-note{font-size:10px;color:var(--muted);margin-top:15px}.button,button{background:var(--accent);color:var(--button-text);border:0;border-radius:9px;padding:14px 21px;cursor:pointer;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:25px;transition:transform .2s,background .2s}.button:hover,button:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-link{font-size:11px;text-decoration:none;font-weight:650}.text-link span{margin-left:9px}.hero-media{border-radius:var(--radius);background:#22241f;color:#fff;overflow:hidden;box-shadow:0 20px 40px #20241f14;transform:rotate(1deg)}.media-top{display:flex;justify-content:space-between;padding:18px 22px;font-size:8px;font-weight:650;letter-spacing:.17em;color:#dddcd2}.hero-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#d76630}.hero-media figcaption{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.hero-media strong{display:block;font-size:17px;letter-spacing:-.03em;font-weight:500}.hero-media figcaption div>span{display:block;font-size:9px;color:#b7b9ad;margin-top:5px;max-width:340px}.media-arrow{font-size:25px}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;gap:20px;font-size:11px}.feature-strip b{color:var(--accent);font-size:9px;letter-spacing:.1em;margin-right:14px}
.creator-section{padding:62px 0 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted)}.workspace{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;font-weight:600;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.text-button{border:0;padding:0;border-radius:0;background:none!important;color:var(--text);font-size:11px;white-space:normal}.text-button:hover{transform:none;text-decoration:underline}.auth-area{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.google-button{background:var(--soft);color:var(--text);width:100%;gap:12px}.google-mark{font-family:Arial,sans-serif;font-size:16px;font-weight:750}.email-login{margin-top:12px}.email-login summary{font-size:11px;color:var(--muted)}.email-login form{padding-top:18px}.note{font-size:10px;color:var(--muted);line-height:1.7}.auth-area>.note{margin-top:12px}.form-step{display:flex;gap:12px;align-items:center;margin:24px 0 17px}.form-step>span{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--muted)}.form-step h3{font-size:14px}.fields,.photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:10px;font-weight:550}input,select,textarea{display:block;width:100%;padding:12px 13px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;margin-top:7px;font-size:12px;min-width:0}select{cursor:pointer}input[type=checkbox]{display:inline-block;width:14px;height:14px;accent-color:var(--accent);margin:0 8px 0 0;flex:none;vertical-align:middle}.check-label{display:flex;align-items:center;font-size:11px;font-weight:400}.mode-fields{align-items:center;margin-bottom:16px}.mode-fields>.check-label{justify-self:end;padding-top:16px}.photo{position:relative;display:block;min-height:178px;border:1px dashed #cbc9bc;border-radius:12px;background:var(--bg);overflow:hidden;text-align:center}.photo:hover{border-color:var(--accent);background:var(--soft)}.photo-number{position:absolute;top:12px;left:13px;border:1px solid var(--line);border-radius:5px;padding:2px 5px;font-size:9px;z-index:1}.upload-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px 15px}.upload-plus{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--soft);font-size:24px;font-weight:300;color:var(--muted);margin-bottom:13px}.upload-placeholder strong{font-size:11px;font-weight:600}.upload-placeholder small{font-size:9px;color:var(--muted);margin-top:3px}.photo input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer;z-index:3}.photo:focus-within{outline:3px solid var(--accent);outline-offset:3px}.photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:var(--bg);z-index:2}.upload-note{margin-top:11px;font-size:9px}.direction{padding:16px 0;border-bottom:1px solid var(--line);margin-top:8px}.direction summary,.monthly-plans summary,summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:550;gap:20px}summary::-webkit-details-marker{display:none}details[open]>summary>span{transform:rotate(45deg)}textarea{min-height:95px;resize:vertical;margin-top:14px}.consent{margin-top:20px;font-size:10px}#generate{display:block;width:100%;margin-top:19px;padding:16px;font-size:13px}.generation-note{text-align:center;font-size:9px;margin-top:9px}#message{padding:12px 14px;margin-top:15px;border:1px solid var(--line);border-radius:8px;font-size:11px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
.result-panel{background:#232620;border-color:#232620;color:#f7f5ed}.result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.result-heading .eyebrow{color:#b9bdad}.preview-status{font-size:7px;letter-spacing:.14em;border:1px solid #515548;border-radius:30px;padding:4px 8px;color:#adb29f}.empty-preview{position:relative;min-height:390px;background:radial-gradient(ellipse at 50% 0,#454735 0,transparent 58%),#1b1e18;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #3c4033}.empty-mic{width:13px;height:29px;border:1px solid #929681;border-radius:7px;position:absolute;top:46px}.empty-mic:before{content:'';position:absolute;bottom:29px;left:5px;height:60px;width:1px;background:#929681}.empty-mic:after{content:'';position:absolute;left:2px;top:6px;width:7px;height:15px;background:repeating-linear-gradient(0deg,#929681 0 1px,transparent 1px 4px)}.empty-title{font-size:38px;line-height:1.07;text-align:center;letter-spacing:-.045em;font-weight:400;color:#cccdbd}.empty-title em{font-family:Georgia,serif;font-weight:400;color:#848c73}.empty-preview p{text-align:center;font-size:10px;color:#929b84;line-height:1.8;margin-top:22px}.preview-stages{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#b0b49f;margin:20px 0 27px}.preview-stages b{font-weight:400;color:#777e67;margin-right:6px}.history-section{border-top:1px solid #454b3c;padding-top:21px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.history-heading h3{font-size:13px;font-weight:500}.result-panel .note{color:#939d83}.result-panel .text-button{color:#c3ccb2}.history-section>.note{margin-top:20px}.result-panel #history>div{padding:14px 0;border-bottom:1px solid #454b3c;font-size:11px;overflow-wrap:anywhere}.result-panel #history>div p{margin-bottom:8px}.result-panel #history button{padding:7px 10px;font-size:10px}.result-panel a{font-size:11px;color:#e2edcd}#result video{display:block;width:100%;max-height:550px;border-radius:10px;background:#141611;margin-bottom:12px}#result>a{display:block;font-size:11px;text-decoration:none}#result:has(video)+.preview-stages{margin-top:22px}
.content{padding:62px 0;border-top:1px solid var(--line);margin-top:62px}.content>h2{max-width:650px;margin-bottom:22px}.content>p{max-width:750px;color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}.cards>div,.cards>a{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-decoration:none}.cards h3{font-size:17px;line-height:1.25;margin-bottom:12px}.cards p{font-size:12px;color:var(--muted);line-height:1.8}.cards>a:hover{border-color:var(--accent)}.content>h3{border-top:1px solid var(--line);padding-top:23px;margin-top:25px;margin-bottom:12px;font-size:14px}.content>h3+p{font-size:12px}.pricing-section{padding-bottom:15px}.cost-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--soft);padding:24px;border-radius:12px;margin:30px 0}.cost-strip span{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:10px;border-right:1px solid var(--line)}.cost-strip span:last-child{border:0}.cost-strip b{font-size:26px;font-weight:500;letter-spacing:-.04em;color:var(--text)}.pricing-label{font-size:12px!important;color:var(--text)!important;font-weight:600;margin-bottom:18px!important}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 18px;display:flex;flex-direction:column}.plan-type{font-size:7px;letter-spacing:.13em;color:var(--muted);margin-bottom:12px}.plan-card h3{font-size:14px}.price{font-size:30px;line-height:1.3;font-weight:600;letter-spacing:-.04em;margin-top:18px}.price small{display:block;font-size:10px;letter-spacing:0;color:var(--muted);font-weight:400;margin-top:2px}.amount{font-size:22px;letter-spacing:-.04em;margin:20px 0 10px}.amount span{font-size:10px;letter-spacing:0;color:var(--muted)}.plan-card .note{flex:1;margin-bottom:21px}.plan-card button{width:100%;font-size:10px;padding:12px 8px;gap:7px;background:var(--soft);color:var(--text)}.plan-card:nth-child(2){border-color:var(--accent)}.plan-card:nth-child(2) button{background:var(--accent);color:var(--button-text)}.monthly-plans{border-bottom:1px solid var(--line);margin-top:25px;padding:19px 0}.subscriptions{grid-template-columns:repeat(3,1fr);margin:22px 0}.billing-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px}.billing-row .note{max-width:480px;font-size:9px}
.article{max-width:760px;margin:65px auto}.article h1{font-size:48px;line-height:1.1;letter-spacing:-.045em;margin:18px 0 30px}.article .eyebrow{margin-bottom:20px}.article h2{font-size:25px;margin:38px 0 16px}.article p{font-size:15px;color:var(--muted);line-height:1.9;margin:18px 0}.article .button{margin-top:20px}footer{margin-top:60px;border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;color:var(--muted);font-size:10px;display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.footer-brand{font-size:15px;font-weight:650;color:var(--text);margin-bottom:8px}.footer-links{margin-top:15px;display:flex;gap:15px}footer p+p{margin-top:10px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.song{color-scheme:dark;--bg:#171716;--panel:#222220;--text:#f3efde;--muted:#9f9c8c;--line:#3b3b33;--accent:#f9a14a;--soft:#2e2f27;--button-text:#211a10}.song .brand-mark{background:var(--text);color:var(--bg);border-radius:50%}.song h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}.song .hero-subtitle{font-size:22px;color:#d2c5a6;font-family:Georgia,serif;font-style:italic;font-weight:400}.song .hero-media{transform:rotate(-2deg);border:1px solid #484638;background:#edebe0;color:#25231c;box-shadow:10px 10px 0 #36362e}.song .media-top{color:#727060}.song .hero-media figcaption div>span{color:#727060}.song .hero-video{aspect-ratio:16/10}.song .feature-strip b{color:#b8b797}.song .result-panel{background:#29291f;border-color:#454532}.song .empty-preview{background:radial-gradient(ellipse at 50% 0,#584e34 0,transparent 58%),#1d1e17;border-color:#47432f}.song .empty-title em{color:#ac9871}.song .photo{border-color:#545447}.song .creator-panel{border-top:3px solid var(--accent)}
@media(max-width:1000px){.hero{gap:30px}header,main,footer{padding-left:28px;padding-right:28px}.plans{grid-template-columns:repeat(2,1fr)}.workspace{gap:18px}.panel{padding:23px}.hero-note{max-width:310px}}
@media(max-width:720px){header,main,footer{padding-left:20px;padding-right:20px}header{min-height:83px;gap:12px;align-items:center}.brand{font-size:12px;gap:9px}.brand-mark{width:34px;height:34px;font-size:12px}.brand small{font-size:6px;letter-spacing:.12em}nav{gap:13px;font-size:10px}nav a:not(:first-child):not(.nav-cta){display:none}.nav-cta{padding:8px 11px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:38px 0 35px;gap:32px}.hero-copy .eyebrow{margin-bottom:20px;font-size:8px}h1{font-size:61px}.hero-subtitle{font-size:19px;margin-top:17px}.lead{font-size:13px;max-width:390px}.hero-actions{margin-top:23px}.hero-note{font-size:9px;max-width:none}.hero-media{transform:none}.song .hero-media{transform:none;box-shadow:5px 5px 0 #36362e}.media-top{padding:13px 17px;font-size:7px}.hero-media figcaption{padding:17px}.hero-media strong{font-size:16px}.hero-media figcaption div>span{font-size:8px;max-width:250px}.feature-strip{grid-template-columns:1fr 1fr;gap:14px 20px;padding:18px 0;font-size:10px}.feature-strip b{margin-right:8px}.creator-section{padding-top:40px}.section-heading{align-items:start;gap:20px;margin-bottom:22px}.section-heading>p{display:none}.workspace{grid-template-columns:1fr;gap:20px}.panel{padding:20px}.section-heading .eyebrow{font-size:8px}.photo{min-height:165px}.fields,.photos{gap:12px}.result-panel{margin-top:0}.empty-preview{min-height:320px}.content{padding:42px 0;margin-top:42px}.cards{grid-template-columns:1fr;gap:12px;margin:23px 0}.cards>div,.cards>a{padding:22px}.cards h3{font-size:16px}.cost-strip{grid-template-columns:1fr 1fr;gap:18px;padding:20px;margin:25px 0}.cost-strip span:nth-child(2){border:0}.cost-strip span{justify-content:start;padding-left:8px}.cost-strip b{font-size:24px}.plans{grid-template-columns:1fr 1fr;gap:10px}.plan-card{padding:19px 13px}.price{font-size:27px}.plan-card h3{font-size:12px}.plan-card button{font-size:9px}.subscriptions{grid-template-columns:1fr}.billing-row{flex-direction:column;align-items:start}.article{margin:40px auto}.article h1{font-size:37px}.article p{font-size:14px}footer{grid-template-columns:1fr;margin-top:40px;padding-top:28px;gap:18px}.form-step{margin-top:22px}.song h1{font-size:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.google-button{background:#fff;color:#1f1f1f;border:1px solid #c9c9c0}.photos:has(#second-photo[hidden]){grid-template-columns:1fr}

.account-section{padding:50px 0}.account-section h1{font-size:clamp(38px,5vw,62px)}.account-section>.note{margin-bottom:30px}.account-nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.account-nav button{background:var(--soft);color:var(--text);padding:10px 14px;font-size:11px}.account-nav button[aria-current=page]{background:var(--accent);color:var(--button-text)}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.account-stats strong{font-size:32px}.account-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.account-videos video,.account-videos img{width:100%;aspect-ratio:9/16;object-fit:contain;max-height:350px;background:#111;border-radius:8px;margin-bottom:16px}.account-videos h3{margin-bottom:8px}.account-videos .note{margin-bottom:10px}.account-table{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:20px 0}.account-table table{width:100%;border-collapse:collapse;font-size:12px}.account-table th,.account-table td{text-align:left;padding:16px;border-bottom:1px solid var(--line);white-space:nowrap}.account-table th{background:var(--soft)}#account-content>h2{font-size:24px}#account-login p{margin:16px 0}#account-content form label{display:block;max-width:420px}#account-content form p{margin:14px 0}#account-message{margin-top:20px;color:var(--accent)}@media(max-width:720px){.account-section{padding:30px 0}.account-section .section-heading{flex-direction:column}.account-stats{grid-template-columns:1fr 1fr;gap:10px}.account-videos{grid-template-columns:1fr}.account-nav{gap:6px}.account-nav button{font-size:10px;padding:9px 11px}}

.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}.case-grid video{width:100%;aspect-ratio:9/16;object-fit:contain;background:#111;border-radius:12px}.case-grid h2{font-size:21px;margin:20px 0 10px}.case-grid .eyebrow{font-size:9px}.case-grid p{font-size:13px}@media(max-width:720px){.case-grid{grid-template-columns:1fr}}
/* Public local-audio case: show the selected part of the source timeline. */
.article audio {display:block;width:100%;max-width:36rem;margin:1.2rem 0}
.audio-timeline {display:grid;grid-template-columns:1.5fr 5fr 1.5fr;align-items:center;gap:.6rem;margin:2rem 0;background:var(--surface,#252520);border-radius:12px;padding:1rem;font-size:.8rem}
.audio-timeline strong {background:#ef652d;color:#fff;text-align:center;padding:1.2rem .5rem;border-radius:8px}