:root{--bg: #ffffff;--bg-alt: #f5f5f7;--bg-ink: #000000;--card: #ffffff;--card-alt: #f5f5f7;--text: #1d1d1f;--muted: #6e6e73;--faint: #86868b;--line: rgba(0, 0, 0, .1);--line-strong: rgba(0, 0, 0, .18);--accent: #0071e3;--accent-hover: #0077ed;--link: #0066cc;--on-accent: #ffffff;--danger: #c4161c;--success: #1d7d36;--nav-bg: rgba(255, 255, 255, .72);--shimmer-a: #ececf0;--shimmer-b: #f7f7f9;--focus: 0 0 0 4px rgba(0, 113, 227, .45);--flame: linear-gradient(90deg, #ff9f0a 0%, #ff5e3a 55%, #ff2d55 100%);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Inter, "Segoe UI", Roboto, Arial, sans-serif;--content: 980px;--gutter: 16px;--section: 88px;--r-lg: 28px;--r-md: 18px;--r-sm: 12px;--nav-h: 52px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #000000;--bg-alt: #101012;--bg-ink: #000000;--card: #1d1d1f;--card-alt: #2c2c2e;--text: #f5f5f7;--muted: #a1a1a6;--faint: #86868b;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .22);--link: #2997ff;--danger: #ff6961;--success: #30d158;--nav-bg: rgba(22, 22, 23, .72);--shimmer-a: #1f1f22;--shimmer-b: #2a2a2e;--focus: 0 0 0 4px rgba(41, 151, 255, .55);color-scheme:dark}}@media(min-width:734px){:root{--gutter: 22px;--section: 120px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,video,svg{display:block;max-width:100%}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit;color:inherit;letter-spacing:inherit}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}h1,h2,h3,p{margin:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:#fff;padding:10px 16px;border-radius:999px}.skip-link:focus{top:10px}.wrap{width:100%;max-width:calc(var(--content) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--section) 0}.section--alt{background:var(--bg-alt)}.section--ink{background:var(--bg-ink);color:#f5f5f7;--muted: #a1a1a6}.center{text-align:center}.eyebrow{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}.eyebrow--flame{background:var(--flame);-webkit-background-clip:text;background-clip:text;color:transparent}.headline{font-size:clamp(48px,11vw,96px);font-weight:700;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.title{font-size:clamp(36px,7vw,64px);font-weight:700;line-height:1.06;letter-spacing:-.03em;text-wrap:balance}.lede{font-size:clamp(19px,2.6vw,24px);line-height:1.38;color:var(--muted);font-weight:500;letter-spacing:-.015em;max-width:640px;text-wrap:pretty}.center .lede,.hero .lede,.create-head .lede,.pricing-head .lede,.empty .lede,.solo .lede{margin-left:auto;margin-right:auto}.muted{color:var(--muted)}.small{font-size:14px;line-height:1.43;letter-spacing:-.016em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 22px;border-radius:999px;border:0;font-size:17px;font-weight:500;line-height:1.2;cursor:pointer;text-decoration:none;transition:background-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.btn:hover{text-decoration:none}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{background:transparent;color:var(--link);box-shadow:inset 0 0 0 1px var(--link)}.btn--secondary:hover{background:color-mix(in srgb,var(--link) 8%,transparent)}.btn--quiet{background:var(--card-alt);color:var(--text)}.btn--quiet:hover{background:color-mix(in srgb,var(--text) 8%,var(--card-alt))}.btn--lg{min-height:52px;padding:14px 28px;font-size:18px}.btn--block{width:100%}.btn[disabled],.btn[aria-disabled=true]{opacity:.38;cursor:not-allowed;transform:none}.btn .spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}.link-more{display:inline-flex;align-items:center;min-height:44px;font-size:17px;color:var(--link)}.link-more:after{content:"›";margin-left:4px;font-size:1.15em;line-height:1;transform:translateY(-1px)}.ctas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.nav__inner{height:100%;display:flex;align-items:center;gap:8px}.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--text);font-weight:600;font-size:17px;letter-spacing:-.02em;margin-right:auto;white-space:nowrap}.brand:hover{text-decoration:none}.brand svg{width:24px;height:24px;flex:none}.brand__ai{color:var(--muted);font-weight:500}.nav__link{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-size:14px;color:var(--text);opacity:.85;white-space:nowrap}.nav__link:hover{opacity:1;text-decoration:none}.nav__link[aria-current=page]{opacity:1;font-weight:600}@media(max-width:400px){.nav__link--hide-xs,.brand__ai{display:none}}.auth-slot{position:relative;display:flex;align-items:center;margin-left:4px}.pill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 14px;border-radius:999px;border:0;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;background:var(--accent);color:#fff;position:relative}.pill:hover{background:var(--accent-hover);text-decoration:none}.pill--soft{background:var(--card-alt);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.pill--soft:hover{background:var(--card-alt);box-shadow:inset 0 0 0 1px var(--line-strong)}.pill:before{content:"";position:absolute;inset:-6px -2px}.pill svg{width:14px;height:14px}.menu{position:absolute;right:0;top:calc(100% + 10px);min-width:240px;padding:8px;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line);box-shadow:0 18px 50px #00000029}.menu[hidden]{display:none}.menu__head{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.menu__email{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__credits{font-size:22px;font-weight:700;letter-spacing:-.02em}.menu a,.menu button{display:flex;align-items:center;width:100%;min-height:44px;padding:0 12px;border-radius:10px;border:0;background:transparent;color:var(--text);font-size:15px;text-align:left;cursor:pointer}.menu a:hover,.menu button:hover{background:var(--card-alt);text-decoration:none}.hero{padding:56px 0 var(--section);text-align:center;overflow:hidden}@media(min-width:734px){.hero{padding-top:88px}}.hero .lede{margin-top:18px}.hero .ctas{margin-top:28px}.hero__stage{position:relative;margin:56px auto 0;width:fit-content}.hero__stage:before{content:"";position:absolute;inset:8% -40%;background:radial-gradient(closest-side,rgba(255,176,64,.32),rgba(255,94,58,.12) 55%,transparent 75%);filter:blur(20px);z-index:0;pointer-events:none}.hero__caption{margin-top:20px;font-size:14px;color:var(--faint)}.phone{position:relative;z-index:1;width:clamp(236px,66vw,312px);padding:10px;border-radius:52px;background:linear-gradient(145deg,#3a3a3c,#1c1c1e 40%,#0b0b0c);box-shadow:0 0 0 1.5px #4a4a4d inset,0 1px #ffffff1f inset,0 40px 80px -20px #00000073}.phone__screen{position:relative;overflow:hidden;border-radius:42px;aspect-ratio:496 / 864;background:#0b0b0c}.phone__screen video,.phone__screen img{width:100%;height:100%;object-fit:cover}.phone__island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:30%;height:24px;border-radius:999px;background:#000;z-index:2}.play-toggle{position:absolute;right:14px;bottom:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:#1e1e208c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play-toggle svg{width:16px;height:16px}.beats{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:1fr;gap:1px;background:#ffffff1f;border-radius:var(--r-lg);overflow:hidden}@media(min-width:734px){.beats{grid-template-columns:repeat(4,1fr)}}.beat{background:#0b0b0c;padding:28px 24px 32px}.beat__time{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#ff9f0a;letter-spacing:0}.beat__title{margin-top:10px;font-size:22px;font-weight:700;line-height:1.18;letter-spacing:-.02em}.beat__body{margin-top:6px;font-size:15px;color:#a1a1a6}.quote{margin-top:72px;text-align:center;font-size:clamp(56px,14vw,140px);font-weight:700;line-height:1;letter-spacing:-.045em;background:var(--flame);-webkit-background-clip:text;background-clip:text;color:transparent}.quote-caption{margin-top:16px;text-align:center;color:#a1a1a6;font-size:17px}.create-head{text-align:center;margin-bottom:40px}.create-head .lede{margin-top:14px}.card{background:var(--card);border-radius:var(--r-lg);padding:24px 20px;max-width:640px;margin:0 auto}@media(min-width:734px){.card{padding:44px 48px}}.panel[hidden]{display:none}.panel{display:flex;flex-direction:column;gap:20px}.panel__title{font-size:28px;font-weight:700;line-height:1.14;letter-spacing:-.025em;text-align:center;text-wrap:balance}.panel__sub{text-align:center;color:var(--muted);font-size:17px;max-width:460px;margin:-8px auto 0;text-wrap:pretty}.panel__actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}@media(min-width:520px){.panel__actions{align-items:center}.panel__actions .btn{min-width:320px}}.panel__note{text-align:center;font-size:14px;color:var(--muted)}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:240px;padding:28px 20px;border-radius:var(--r-md);border:2px dashed var(--line-strong);background:var(--card-alt);text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.dropzone:hover,.dropzone.is-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--card-alt))}.dropzone:focus-within{box-shadow:var(--focus)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dropzone__icon{width:44px;height:44px;color:var(--accent)}.dropzone__title{font-size:21px;font-weight:600;letter-spacing:-.02em}.dropzone__hint{font-size:14px;color:var(--muted)}.dropzone.has-file{border-style:solid;border-color:var(--line);padding:16px}.dropzone__thumb{width:132px;aspect-ratio:3 / 4;object-fit:cover;border-radius:14px}.dropzone__thumb[hidden]{display:none}.tips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tips li{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);padding:6px 12px;border-radius:999px;background:var(--card-alt)}.tips svg{width:14px;height:14px;color:var(--success)}.consent{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.4;color:var(--text);cursor:pointer;padding:4px 0}.consent input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--accent);cursor:pointer}.consent input:focus-visible{box-shadow:var(--focus);border-radius:4px}.form-error{text-align:center;color:var(--danger);font-size:15px;min-height:0}.form-error:empty{display:none}.frame{position:relative;width:min(100%,300px);margin:0 auto;aspect-ratio:9 / 16;border-radius:24px;overflow:hidden;background:var(--card-alt)}.frame img,.frame video{width:100%;height:100%;object-fit:cover}.shimmer{background:linear-gradient(100deg,var(--shimmer-a) 30%,var(--shimmer-b) 50%,var(--shimmer-a) 70%);background-size:300% 100%;animation:shimmer 2.2s ease-in-out infinite}.frame__veil{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#0000000d,#00000073);color:#fff}.frame__veil .ring{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1.1s linear infinite}.frame--center{display:grid;place-items:center}.frame__paw{width:56px;height:56px;color:var(--faint);opacity:.6;animation:breathe 2.4s ease-in-out infinite}.progress{height:4px;width:min(100%,300px);margin:0 auto;border-radius:999px;background:var(--card-alt);overflow:hidden}.progress span{display:block;height:100%;width:35%;border-radius:inherit;background:var(--accent);animation:indeterminate 1.8s ease-in-out infinite}.badge{display:inline-flex;align-items:center;gap:6px;align-self:center;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.badge svg{width:14px;height:14px}.text-btn{align-self:center;min-height:44px;padding:0 12px;border:0;background:transparent;color:var(--link);font-size:15px;cursor:pointer}.text-btn:hover{text-decoration:underline}.sheet{border-radius:var(--r-md);background:var(--card-alt);padding:20px;display:flex;flex-direction:column;gap:14px}.sheet[hidden]{display:none}.sheet__title{font-size:19px;font-weight:700;text-align:center;letter-spacing:-.02em}.sheet__packs{display:grid;gap:8px}.sheet-pack{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;width:100%;padding:10px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;transition:border-color .2s ease}.sheet-pack:hover{border-color:var(--accent)}.sheet-pack.is-highlight{border:2px solid var(--accent)}.sheet-pack__name{font-weight:600;font-size:16px}.sheet-pack__meta{font-size:13px;color:var(--muted)}.sheet-pack__price{flex:none;white-space:nowrap;font-weight:600;font-size:17px;font-variant-numeric:tabular-nums}.steps{list-style:none;padding:0;margin:56px 0 0;display:grid;gap:16px;counter-reset:step}@media(min-width:734px){.steps{grid-template-columns:repeat(3,1fr);gap:20px}}.step{background:var(--bg-alt);border-radius:var(--r-lg);padding:32px 28px 36px}.step__num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--bg);font-size:15px;font-weight:700}.step__title{margin-top:22px;font-size:24px;font-weight:700;line-height:1.16;letter-spacing:-.022em}.step__body{margin-top:8px;color:var(--muted)}.pricing-head{text-align:center}.pricing-head .lede{margin-top:14px}.packs{margin-top:56px;display:grid;gap:16px}@media(min-width:734px){.packs{grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}}.pack{position:relative;display:flex;flex-direction:column;background:var(--card);border-radius:var(--r-lg);padding:32px 28px 28px;box-shadow:inset 0 0 0 1px var(--line)}.pack.is-highlight{box-shadow:inset 0 0 0 2px var(--accent)}.pack__flag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:5px 12px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.pack__name{font-size:21px;font-weight:700;letter-spacing:-.02em}.pack__price{margin-top:18px;font-size:48px;font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}.pack__price small{font-size:.42em;font-weight:600;letter-spacing:-.01em;vertical-align:.95em;margin-right:2px}.pack__credits{margin-top:10px;font-size:17px;font-weight:600}.pack__videos{margin-top:2px;color:var(--muted);font-size:15px}.pack__per{margin-top:2px;color:var(--faint);font-size:13px}.pack .btn{margin-top:28px}.pack__spacer{flex:1}.fine{margin-top:28px;text-align:center;font-size:14px;color:var(--muted)}.fine strong{color:var(--text);font-weight:600}.faq{max-width:760px;margin:48px auto 0;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 0;font-size:19px;font-weight:600;letter-spacing:-.02em;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s ease}.faq details[open] summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.faq details p{padding:0 32px 22px 0;color:var(--muted)}.footer{background:var(--bg-alt);color:var(--muted);font-size:12px;line-height:1.5;padding:28px 0 40px;letter-spacing:-.01em}.footer__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}.footer__links{display:flex;flex-wrap:wrap;gap:0 4px}.footer__links a{color:var(--text);opacity:.8;display:inline-flex;align-items:center;min-height:44px;padding:0 8px}.footer__links a:first-child{padding-left:0}.toast-region{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:80;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.toast{padding:12px 20px;border-radius:999px;background:#1d1d1feb;color:#f5f5f7;font-size:15px;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #00000040;animation:toast-in .35s cubic-bezier(.2,.8,.2,1)}@media(prefers-color-scheme:dark){.toast{background:#f5f5f7f0;color:#1d1d1f}}.page-head{padding:56px 0 8px}@media(min-width:734px){.page-head{padding-top:88px}}.page-head .lede{margin-top:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:40px}@media(min-width:734px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media(min-width:980px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{display:flex;flex-direction:column;background:var(--card);border-radius:var(--r-md);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.tile__media{position:relative;aspect-ratio:9 / 16;background:var(--card-alt)}.tile__media img,.tile__media video{width:100%;height:100%;object-fit:cover}.tile__play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35));cursor:pointer;color:#fff;padding:0}.tile__play span{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1e1e208c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tile__play svg{width:20px;height:20px;margin-left:3px}.tile__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}.tile__status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.tile__status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.tile__status[data-tone=ok]{color:var(--success)}.tile__status[data-tone=busy]{color:var(--accent)}.tile__status[data-tone=bad]{color:var(--danger)}.tile__status[data-tone=idle]{color:var(--muted)}.tile__date{font-size:12px;color:var(--faint)}.tile__note{font-size:12px;color:var(--muted)}.tile__actions{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:2px}.tile__actions a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.empty{text-align:center;padding:72px 20px 24px}.empty .lede{margin-top:12px}.empty .ctas{margin-top:24px}.prose{max-width:692px;margin:0 auto;padding:56px 0 var(--section)}.prose h1{font-size:clamp(36px,7vw,56px);font-weight:700;line-height:1.07;letter-spacing:-.03em}.prose .updated{margin-top:10px;color:var(--muted);font-size:14px}.prose h2{margin-top:40px;font-size:24px;font-weight:700;letter-spacing:-.02em}.prose p,.prose ul{margin-top:12px;color:var(--text)}.prose ul{padding-left:22px}.prose li+li{margin-top:6px}.solo{min-height:calc(100vh - var(--nav-h) - 120px);display:grid;place-items:center;text-align:center;padding:64px 0}.solo .lede{margin-top:14px}.solo .ctas{margin-top:28px}.loader{width:36px;height:36px;margin:0 auto 24px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.js .reveal.is-in{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(310%)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.08);opacity:.8}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.shimmer,.frame__paw,.progress span,.toast{animation:none}.progress span{width:100%;opacity:.35}.btn,.btn:active{transition:none;transform:none}}.hero{padding-top:28px}@media(min-width:734px){.hero{padding-top:72px}}.hero__grid{display:grid;gap:40px;justify-items:center}.hero__copy{max-width:640px}.hero__copy .lede{margin-top:14px}@media(min-width:980px){.hero{text-align:left}.hero__grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:stretch;gap:64px}.hero__copy .lede{margin-left:0}.hero__stage{margin-top:0}}.hero .eyebrow{font-size:15px}.hero .headline{font-size:clamp(44px,11vw,88px)}.hero__stage{margin-top:0}.action{margin-top:28px}.view{display:flex;flex-direction:column;align-items:center;gap:12px}.view[hidden]{display:none}@media(min-width:980px){.view{align-items:flex-start}}.btn--xl{min-height:56px;padding:16px 32px;font-size:19px;font-weight:600;width:100%;max-width:360px}.btn--xl svg{width:22px;height:22px}.btn--dark{background:var(--text);color:var(--bg)}.btn--dark:hover{background:color-mix(in srgb,var(--text) 85%,var(--bg))}.fine-print{font-size:13px;line-height:1.4;color:var(--muted);max-width:360px}.fine-print--quiet{color:var(--faint)}@media(pointer:coarse){.hide-touch{display:none}}.stages{list-style:none;margin:0;padding:0;display:grid;gap:10px;width:100%;max-width:360px}.stages li{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border-radius:16px;background:var(--bg-alt);font-size:17px;font-weight:600;color:var(--faint);text-align:left;transition:color .3s ease}.stages li[data-state=active],.stages li[data-state=done]{color:var(--text)}.stage__dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--line-strong)}.stages li[data-state=active] .stage__dot{border-color:var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}.stages li[data-state=done] .stage__dot{border:0;background:var(--success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat}.progress-note{font-size:15px;color:var(--muted)}.done-title,.msg-title{font-size:24px;font-weight:700;letter-spacing:-.022em;line-height:1.2;text-wrap:balance}.msg-body{color:var(--muted);max-width:420px;text-wrap:pretty}.msg-body[hidden],.fine-print[hidden]{display:none}.action__row{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px}.action__row .btn--xl{max-width:none}.text-btn{min-height:44px}.phone__screen img,.phone__screen video{position:absolute;inset:0}.phone__screen [hidden]{display:none}.stage-veil{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:linear-gradient(180deg,#00000026,#00000080)}.stage-veil .ring{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1.1s linear infinite}.phone__screen.is-working img{animation:breathe-img 3s ease-in-out infinite}@keyframes breathe-img{0%,to{filter:saturate(.85) brightness(.9)}50%{filter:saturate(1) brightness(1)}}.sound-btn{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:999px;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;background:#1e1e2099;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sound-btn svg{width:16px;height:16px}.sound-btn[aria-pressed=true]{opacity:.7}body.is-dragging:after{content:"Drop your photo";position:fixed;inset:12px;z-index:90;display:grid;place-items:center;border:3px dashed var(--accent);border-radius:28px;background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--accent);font-size:28px;font-weight:700;pointer-events:none}@media(prefers-reduced-motion:reduce){.stages li[data-state=active] .stage__dot,.stage-veil .ring,.phone__screen.is-working img{animation:none}.stages li[data-state=active] .stage__dot{border-color:var(--accent)}}.hero__stage{display:flex;flex-direction:column;align-items:center;width:auto}@media(max-width:979px){.hero:not([data-view=idle]) .hero__copy .eyebrow,.hero:not([data-view=idle]) .hero__copy .lede,.hero:not([data-view=idle]) .hero__copy .headline{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero:not([data-view=idle]) .action{margin-top:0}.hero:not([data-view=idle]) .hero__grid{gap:24px}.hero:not([data-view=idle]) .hero__caption{display:none}.hero:not([data-view=idle]) .phone{width:clamp(220px,58vw,300px)}}.hero__copy{width:100%}
