@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Inter",system-ui,sans-serif;--font-display:var(--font-sans);--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-soft:cubic-bezier(0.4,0,0.2,1)}:root,[data-theme=light]{--bg:#fbfbfd;--bg-deep:#f5f5f7;--bg-elevated:#ffffff;--bg-elevated-strong:#ffffff;--bg-muted:#f2f2f7;--bg-shaded:#ebebf0;--text:#1d1d1f;--text-strong:#000000;--text-muted:#6e6e73;--text-soft:#86868b;--border:rgba(60,60,67,0.1);--border-strong:rgba(60,60,67,0.2);--primary:#0071e3;--primary-hover:#0077ed;--primary-glow:rgba(0,113,227,0.25);--primary-soft:rgba(0,113,227,0.1);--primary-soft-strong:rgba(0,113,227,0.18);--primary-deep:#ffffff;--on-primary:#ffffff;--accent:#af52de;--accent-glow:rgba(175,82,222,0.25);--accent-soft:rgba(175,82,222,0.12);--accent-deep:#ffffff;--danger:#ff3b30;--danger-soft:rgba(255,59,48,0.1);--success:#34c759;--success-soft:rgba(52,199,89,0.12);--warn:#ff9500;--warn-soft:rgba(255,149,0,0.12);--shadow-sm:0 1px 2px rgba(0,0,0,0.04),0 0 0 1px rgba(0,0,0,0.04);--shadow-md:0 6px 24px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);--shadow-lg:0 24px 60px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04);--glass-bg:rgba(255,255,255,0.72);--glass-border:rgba(60,60,67,0.12);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000000;--bg-deep:#000000;--bg-elevated:#1c1c1e;--bg-elevated-strong:#2c2c2e;--bg-muted:#1c1c1e;--bg-shaded:#2c2c2e;--text:#f5f5f7;--text-strong:#ffffff;--text-muted:#98989d;--text-soft:#6e6e73;--border:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.18);--primary:#0a84ff;--primary-hover:#409cff;--primary-glow:rgba(10,132,255,0.3);--primary-soft:rgba(10,132,255,0.18);--primary-soft-strong:rgba(10,132,255,0.28);--accent:#bf5af2;--accent-glow:rgba(191,90,242,0.32);--accent-soft:rgba(191,90,242,0.2);--danger:#ff453a;--danger-soft:rgba(255,69,58,0.15);--success:#30d158;--success-soft:rgba(48,209,88,0.16);--warn:#ff9f0a;--warn-soft:rgba(255,159,10,0.16);--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.04);--shadow-md:0 10px 28px rgba(0,0,0,0.5);--shadow-lg:0 24px 60px rgba(0,0,0,0.6);--glass-bg:rgba(28,28,30,0.72);--glass-border:rgba(255,255,255,0.1);color-scheme:dark}}[data-theme=dark]{--bg:#000000;--bg-deep:#000000;--bg-elevated:#1c1c1e;--bg-elevated-strong:#2c2c2e;--bg-muted:#1c1c1e;--bg-shaded:#2c2c2e;--text:#f5f5f7;--text-strong:#ffffff;--text-muted:#98989d;--text-soft:#6e6e73;--border:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.18);--primary:#0a84ff;--primary-hover:#409cff;--primary-glow:rgba(10,132,255,0.3);--primary-soft:rgba(10,132,255,0.18);--primary-soft-strong:rgba(10,132,255,0.28);--accent:#bf5af2;--accent-glow:rgba(191,90,242,0.32);--accent-soft:rgba(191,90,242,0.2);--danger:#ff453a;--danger-soft:rgba(255,69,58,0.15);--success:#30d158;--success-soft:rgba(48,209,88,0.16);--warn:#ff9f0a;--warn-soft:rgba(255,159,10,0.16);--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.04);--shadow-md:0 10px 28px rgba(0,0,0,0.5);--shadow-lg:0 24px 60px rgba(0,0,0,0.6);--glass-bg:rgba(28,28,30,0.72);--glass-border:rgba(255,255,255,0.1);color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh}html{scroll-behavior:smooth;transition:background-color .2s var(--ease-soft)}body,html{background:var(--bg)}body{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01","cv11";letter-spacing:-.011em;transition:background-color .2s var(--ease-soft),color .2s var(--ease-soft)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.022em;margin:0 0 .5em;line-height:1.1;color:var(--text-strong)}h1,h2,h3,h4{font-weight:700}h1{font-size:clamp(2.2rem,2.4vw + 1.4rem,3.5rem);letter-spacing:-.028em}h2{font-size:clamp(1.6rem,1.4vw + 1.1rem,2.2rem);letter-spacing:-.022em}h3{font-size:1.3rem;font-weight:600;letter-spacing:-.012em}p{margin:0 0 1em}a{color:var(--primary);text-decoration:none;transition:color .14s var(--ease-soft)}a:hover{color:var(--primary-hover);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}code,kbd{font-family:var(--font-mono);font-size:.9em;background:var(--bg-muted);padding:.1em .4em;border-radius:var(--r-xs);border:1px solid var(--border)}::selection{background:var(--primary-soft-strong);color:var(--text-strong)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.gradient-text{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1 1;width:100%}.app-shell--authed{padding-left:260px}.app-shell--authed .footer--authed{margin-top:0}.container{width:100%;max-width:1180px}.container,.container-sm{margin:0 auto;padding:0 1.5rem}.container-sm{max-width:440px}.container-md{max-width:780px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.section-tight{padding:2.25rem 0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--glass-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 0}.topbar__brand{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.022em;color:var(--text-strong);display:inline-flex;align-items:center;gap:.55rem}.topbar__brand:hover{color:var(--text-strong);text-decoration:none}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);display:inline-block}.topbar__nav{display:flex;align-items:center;gap:1.6rem}.topbar__nav a{color:var(--text-muted);font-size:.94rem;font-weight:500;transition:color .14s var(--ease-soft)}.topbar__nav a:hover{color:var(--text-strong);text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--glass-bg);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:40}.sidebar__brand{display:flex;align-items:center;gap:.55rem;padding:1.15rem 1.25rem 1.05rem;border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.022em;color:var(--text-strong)}.sidebar__brand:hover{color:var(--text-strong);text-decoration:none}.sidebar__nav{flex:1 1;display:flex;flex-direction:column;gap:.15rem;padding:1rem .65rem;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:.7rem;padding:.55rem .85rem;border-radius:var(--r-sm);color:var(--text-muted);font-size:.94rem;font-weight:500;text-decoration:none;transition:background .14s var(--ease-soft),color .14s var(--ease-soft)}.sidebar__link:hover{background:var(--bg-shaded);color:var(--text-strong);text-decoration:none}.sidebar__link.is-active{color:var(--primary);background:var(--primary-soft);font-weight:600}.sidebar__link-icon{width:18px;text-align:center;font-size:.95rem;flex-shrink:0;color:inherit;opacity:.9}.sidebar__section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);padding:.4rem .85rem .25rem;margin:.5rem 0 0}.sidebar__group{display:flex;flex-direction:column;gap:.05rem}.sidebar__group-header{display:grid;grid-template-columns:24px 1fr;align-items:center;grid-gap:.1rem;gap:.1rem;border-radius:var(--r-sm);transition:background .14s var(--ease-soft)}.sidebar__group-header:hover{background:var(--bg-shaded)}.sidebar__group-header.is-active{background:var(--primary-soft)}.sidebar__group-chevron{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:.4rem .2rem .4rem .55rem;cursor:pointer;color:var(--text-soft);display:flex;align-items:center;justify-content:center}.sidebar__group-chevron .chevron{display:inline-block;font-size:1rem;line-height:1;transition:transform .18s var(--ease-soft)}.sidebar__group-chevron .chevron[data-expanded=true]{transform:rotate(90deg)}.sidebar__group-header.is-active .sidebar__group-chevron{color:var(--primary)}.sidebar__group-name{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:.5rem .55rem .5rem .1rem;font:inherit;font-weight:600;font-size:.94rem;text-align:left;color:var(--text);cursor:pointer;width:100%;display:flex;align-items:center;gap:.4rem}.sidebar__group-name:hover{color:var(--text-strong)}.sidebar__group-name:disabled{opacity:.6;cursor:not-allowed}.sidebar__group-header.is-active .sidebar__group-name{color:var(--primary)}.sidebar__group-name-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__active-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0}.sidebar__group-children{display:flex;flex-direction:column;gap:.05rem;padding:.1rem 0 .4rem 1.6rem;border-left:1px solid var(--border);margin:0 0 .25rem 1.05rem}.sidebar__group-empty{margin:.3rem 0;padding:.35rem .6rem;font-size:.83rem;color:var(--text-soft);font-style:italic}.sidebar__sublink{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font:inherit;text-align:left;width:100%;display:flex;align-items:center;gap:.4rem;padding:.42rem .6rem;border-radius:var(--r-sm);color:var(--text-muted);font-size:.88rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .14s var(--ease-soft),color .14s var(--ease-soft)}.sidebar__sublink:hover{background:var(--bg-shaded);color:var(--text-strong);text-decoration:none}.sidebar__sublink.is-active{color:var(--primary);background:var(--primary-soft);font-weight:600}.sidebar__sublink--add{color:var(--text-soft)}.sidebar__sublink--add:hover{color:var(--primary)}.sidebar__sublink-dot{width:14px;text-align:center;font-size:.8rem;flex-shrink:0}.sidebar__sublink-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__divider{height:1px;background:var(--border);border:0;margin:.55rem .6rem}.sidebar__footer{padding:.65rem .85rem 1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.sidebar__signout{color:var(--danger);border-color:var(--border-strong);font-weight:600;gap:.5rem}.sidebar__signout:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.sidebar__signout-icon{display:inline-flex;width:14px;font-size:.95rem;line-height:1}.sidebar-toggle{display:none;position:fixed;top:.85rem;left:.85rem;z-index:60;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--glass-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--text-strong);font-size:1.25rem;line-height:1;cursor:pointer;transition:transform .16s var(--ease-soft),background .14s var(--ease-soft)}.sidebar-toggle:active{transform:scale(.94)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:39;animation:mfBackdropIn .2s var(--ease-out)}@keyframes mfBackdropIn{0%{opacity:0}to{opacity:1}}@media (max-width:860px){.app-shell--authed{padding-left:0}.sidebar{width:min(86vw,320px);transform:translateX(-105%);transition:transform .32s var(--ease-out);box-shadow:var(--shadow-lg)}.sidebar.is-open{transform:translateX(0)}.sidebar-toggle{display:inline-flex}.app-shell--authed .app-main{padding-top:3.75rem}}.theme-switch{display:inline-flex;width:100%;background:var(--bg-shaded);border-radius:var(--r-sm);padding:3px;gap:0}.theme-switch__btn{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;padding:.35rem .4rem;border-radius:calc(var(--r-sm) - 3px);cursor:pointer;transition:background .16s var(--ease-soft),color .16s var(--ease-soft),box-shadow .16s var(--ease-soft);display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.theme-switch__btn:hover:not(.is-active){color:var(--text)}.theme-switch__btn.is-active{background:var(--bg-elevated);color:var(--text-strong);box-shadow:var(--shadow-sm)}.footer{border-top:1px solid var(--border);padding:1.5rem 0;font-size:.85rem;color:var(--text-soft);margin-top:3rem}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.footer a{color:var(--text-muted)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease-soft),box-shadow .24s var(--ease-soft),transform .22s var(--ease-soft)}.card--flat{box-shadow:none}.card--padded{padding:2rem}.card__title{margin-top:0}.card__hint{color:var(--text-muted);font-size:.92rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:.95rem;font-weight:500;line-height:1.2;padding:.65rem 1.25rem;border-radius:980px;border:1px solid transparent;cursor:pointer;transition:background .16s var(--ease-soft),border-color .16s var(--ease-soft),color .16s var(--ease-soft),transform .12s var(--ease-soft),box-shadow .2s var(--ease-soft);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;white-space:nowrap}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--on-primary,#fff);border:0}.btn-primary:hover:not(:disabled){background:var(--primary-hover);text-decoration:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-strong);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted);text-decoration:none}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--text-strong);background:var(--bg-muted);text-decoration:none}.btn-accent{background:var(--accent);color:#fff;border:0}.btn-accent:hover:not(:disabled){filter:brightness(1.06);text-decoration:none}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);text-decoration:none}.btn-lg{font-size:1rem;padding:.85rem 1.6rem}.btn-sm{font-size:.82rem;padding:.4rem .85rem}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field label,.label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.input,.select,.textarea{font-family:inherit;font-size:.96rem;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:.7rem .9rem;width:100%;transition:border-color .16s var(--ease-soft),box-shadow .16s var(--ease-soft),background .16s var(--ease-soft)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.input::placeholder,.textarea::placeholder{color:var(--text-soft)}.textarea{min-height:92px;resize:vertical;line-height:1.5}.field-hint{font-size:.82rem;color:var(--text-soft)}.alert{border-radius:var(--r-sm);padding:.75rem 1rem;font-size:.9rem;border:1px solid transparent;margin:0 0 .85rem;display:flex;gap:.5rem;align-items:flex-start}.alert-error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-soft)}.alert-success{background:var(--success-soft);color:var(--success);border-color:var(--success-soft)}.alert-info{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-soft)}.alert-warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-soft)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .7rem;border-radius:980px;font-size:.74rem;font-weight:600;background:var(--bg-shaded);color:var(--text-muted);border:1px solid var(--border);letter-spacing:-.005em}.badge-primary{background:var(--primary-soft);color:var(--primary);border-color:transparent}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.badge-gold{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge-success{background:var(--success-soft);color:var(--success);border-color:transparent}.chat-mic{background:var(--bg-elevated);color:var(--text-strong);border:1px solid var(--border-strong);border-radius:980px;gap:.45rem}.chat-mic:hover:not(:disabled){background:var(--bg-muted)}.chat-mic__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:currentColor}.chat-mic.is-recording{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.chat-mic.is-recording:hover:not(:disabled){background:var(--danger-soft);filter:brightness(.95)}.chat-mic__rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);display:inline-block;box-shadow:0 0 0 0 var(--danger);animation:chatMicPulse 1.2s var(--ease-soft) infinite}@keyframes chatMicPulse{0%{box-shadow:0 0 0 0 rgba(255,59,48,.55)}70%{box-shadow:0 0 0 10px rgba(255,59,48,0)}to{box-shadow:0 0 0 0 rgba(255,59,48,0)}}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid;border-top:2px solid transparent;display:inline-block;animation:mf-spin .7s linear infinite;flex-shrink:0}@keyframes mf-spin{to{transform:rotate(1turn)}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.25rem;gap:1.25rem}.plan{position:relative;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.9rem 1.5rem 1.6rem;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-soft),box-shadow .2s var(--ease-soft)}.plan:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan--featured{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow-md)}.plan--current{background:var(--primary-soft);border-color:var(--primary)}.plan__ribbon{position:absolute;top:-10px;right:1.25rem;background:var(--primary);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .7rem;border-radius:980px}.plan__name{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin:0;color:var(--text-strong);letter-spacing:-.022em}.plan__tagline{color:var(--text-muted);font-size:.92rem;margin:.35rem 0 1.1rem;min-height:2.6em}.plan__price{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1;color:var(--text-strong);display:flex;align-items:baseline;gap:.35rem;letter-spacing:-.028em}.plan__period{font-family:var(--font-sans);font-size:.92rem;color:var(--text-muted);font-weight:500;letter-spacing:0}.plan__features{list-style:none;margin:1.1rem 0 1.75rem;padding:0;display:grid;grid-gap:.55rem;gap:.55rem;font-size:.93rem}.plan__features li{display:flex;align-items:flex-start;gap:.55rem;color:var(--text)}.plan__features li:before{content:"✓";color:var(--primary);font-weight:700;flex-shrink:0;margin-top:.05rem}.plan__features li.is-muted{color:var(--text-soft)}.plan__features li.is-muted:before{color:var(--text-soft);content:"—"}.plan__cta{margin-top:auto}.choice{display:flex;flex-direction:column;gap:.35rem;text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem 1.75rem;cursor:pointer;font-family:inherit;font-size:1rem;position:relative;color:var(--text);transition:border-color .2s var(--ease-soft),background .2s var(--ease-soft),transform .2s var(--ease-soft)}.choice:after{content:"›";position:absolute;right:1.5rem;top:50%;transform:translateY(-55%);color:var(--text-soft);font-size:1.5rem;font-weight:400;transition:color .2s var(--ease-soft),transform .2s var(--ease-soft)}.choice:hover{border-color:var(--primary);background:var(--primary-soft)}.choice:hover:after{color:var(--primary);transform:translateY(-55%) translateX(2px)}.choice__title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-strong);letter-spacing:-.012em}.choice__sub{font-size:.92rem;color:var(--text-muted);padding-right:2.5rem}.dropzone{display:block;width:100%;box-sizing:border-box;border:1.5px dashed var(--border-strong);background:var(--bg-elevated);border-radius:var(--r-md);padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .2s var(--ease-soft),background .2s var(--ease-soft);position:relative}.dropzone.is-active,.dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone__title{font-family:var(--font-display);font-size:1.2rem;margin:0 0 .35rem;color:var(--text-strong);letter-spacing:-.012em}.dropzone__sub{color:var(--text-muted);font-size:.92rem;margin:0}.hero{padding:6rem 0 4rem;text-align:center;position:relative}.hero h1{font-size:clamp(2.6rem,4vw + 1rem,4.6rem);max-width:18ch;margin-left:auto;margin-right:auto;letter-spacing:-.032em}.hero p.lead{color:var(--text-muted);font-size:1.18rem;max-width:58ch;margin:0 auto 2.25rem;line-height:1.5}.hero__cta{display:inline-flex;gap:.85rem;flex-wrap:wrap;justify-content:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:2.5rem}.feature{padding:1.6rem 1.5rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated);transition:transform .2s var(--ease-soft),box-shadow .2s var(--ease-soft)}.feature:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature h3{font-size:1.1rem;margin:0 0 .55rem;color:var(--text-strong)}.feature p{color:var(--text-muted);font-size:.94rem;margin:0}.dash-hero{margin-bottom:1.75rem}.dash-hero__title{font-size:clamp(2rem,2vw + 1.3rem,2.8rem);margin:.55rem 0 .35rem;letter-spacing:-.028em}.dash-hero__lead{color:var(--text-muted);font-size:1.02rem;margin:0}.dash-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem;margin-bottom:1.5rem}@media (max-width:860px){.dash-top{grid-template-columns:1fr}}.dash-savings{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:1.25rem;gap:1.25rem;align-items:center;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-radius:var(--r-md);border:1px solid var(--primary);background:linear-gradient(135deg,var(--primary-soft) 0,var(--bg-elevated) 80%);box-shadow:var(--shadow-sm)}.dash-savings__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--bg-elevated);color:var(--primary);border:1.5px solid var(--primary);flex-shrink:0}.dash-savings__body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.dash-savings__caption{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.dash-savings__value{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.05;color:var(--text-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dash-savings__sub{margin:.1rem 0 0;font-size:.86rem;color:var(--text-muted)}.dash-savings__how{align-self:flex-end;max-width:320px;font-size:.82rem;color:var(--text-muted)}.dash-savings__how summary{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.25rem .6rem;border-radius:980px;border:1px solid var(--border);background:var(--bg-elevated);font-weight:500;transition:all .12s var(--ease-soft)}.dash-savings__how summary::-webkit-details-marker{display:none}.dash-savings__how summary:hover,.dash-savings__how[open] summary{border-color:var(--primary);color:var(--primary)}.dash-savings__how p,.dash-savings__list{margin:.5rem 0;line-height:1.5}.dash-savings__list{padding-left:1.1rem}.dash-savings__list li{margin:.15rem 0}@media (max-width:860px){.dash-savings{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon body" "how how"}.dash-savings__icon{grid-area:icon}.dash-savings__body{grid-area:body}.dash-savings__how{grid-area:how;max-width:none;align-self:stretch}}.dash-continue{display:flex;flex-direction:column;position:relative;overflow:hidden}.dash-continue:after{content:"";position:absolute;top:-40%;right:-20%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 0,transparent 60%);pointer-events:none;z-index:0}.dash-continue>*{position:relative;z-index:1}.dash-continue__title{font-size:1.7rem;margin:.45rem 0 0;letter-spacing:-.022em;color:var(--text-strong)}.dash-plan{display:flex;flex-direction:column;gap:.75rem}.dash-plan__trial{display:flex;align-items:baseline;gap:.5rem}.dash-plan__trial-number{font-family:var(--font-display);font-size:2.6rem;font-weight:700;line-height:1;color:var(--primary);margin:0;letter-spacing:-.028em}.dash-plan__usage{display:grid;grid-gap:.7rem;gap:.7rem;margin-top:.25rem}.dash-usage{display:flex;flex-direction:column;gap:.3rem}.dash-usage__bar{height:6px;background:var(--bg-shaded);border-radius:999px;overflow:hidden}.dash-usage__fill{height:100%;background:var(--primary);border-radius:inherit;transition:width .32s var(--ease-soft)}.dash-usage__fill.is-exceeded{background:var(--danger)}.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.dash-stat{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.2rem 1rem;display:grid;grid-template-areas:"icon label" "value value" "hint hint";grid-template-columns:auto 1fr;grid-gap:.1rem .55rem;gap:.1rem .55rem;align-items:center;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-soft),box-shadow .2s var(--ease-soft)}.dash-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dash-stat__icon{grid-area:icon;width:30px;height:30px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.dash-stat__label{grid-area:label;font-size:.85rem;font-weight:500;color:var(--text-muted)}.dash-stat__value{grid-area:value;font-family:var(--font-display);font-size:2.2rem;font-weight:700;line-height:1;color:var(--text-strong);margin-top:.45rem;letter-spacing:-.028em}.dash-stat__hint{grid-area:hint;font-size:.78rem;color:var(--text-soft);margin-top:.3rem}.dash-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem}@media (max-width:860px){.dash-cols{grid-template-columns:1fr}}.dash-activity{padding:1.5rem 1.5rem 1rem}.dash-activity__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.dash-activity__row{display:grid;grid-template-columns:28px 1fr;grid-gap:.85rem;gap:.85rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.dash-activity__row:last-child{border-bottom:0}.dash-activity__icon{width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.dash-activity__body{display:flex;flex-direction:column;gap:.15rem;text-decoration:none;color:var(--text);min-width:0}.dash-activity__body:hover{text-decoration:none}.dash-activity__body:hover .dash-activity__head{color:var(--primary)}.dash-activity__head{font-size:.92rem;font-weight:600;color:var(--text-strong);transition:color .14s var(--ease-soft)}.dash-activity__snippet{font-size:.88rem;color:var(--text);margin:.2rem 0 0;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dash-activity__meta{font-size:.78rem;color:var(--text-soft);margin-top:.2rem}.dash-actions{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 1rem}.dash-action{display:flex;align-items:center;gap:.85rem;padding:.85rem .95rem;border-radius:var(--r-sm);background:var(--bg-muted);transition:background .14s var(--ease-soft),transform .14s var(--ease-soft)}.dash-action,.dash-action:hover{color:var(--text);text-decoration:none}.dash-action:hover{background:var(--primary-soft);transform:translateX(2px)}.dash-action strong{display:block;font-size:.95rem;font-weight:600;color:var(--text-strong)}.dash-action__sub{display:block;font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.dash-action__icon{width:38px;height:38px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;flex-shrink:0}.preview-frame{background:white;overflow:hidden;position:relative;box-shadow:var(--shadow-md)}.phase-banner,.preview-frame{border-radius:var(--r-md);border:1px solid var(--border)}.phase-banner{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.25rem;background:linear-gradient(180deg,var(--primary-soft) 0,var(--bg-elevated) 100%);box-shadow:var(--shadow-sm)}.phase-banner__chip{align-self:flex-start;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:var(--bg-elevated);padding:.28rem .7rem;border-radius:980px;border:1px solid var(--primary)}.phase-banner__steps{list-style:none;margin:0;padding:0;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.phase-banner__step{display:flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:500;color:var(--text-soft)}.phase-banner__step:not(:last-child):after{content:"";display:inline-block;width:24px;height:1px;background:var(--border-strong);margin-left:.45rem}.phase-banner__step-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;border:1.5px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-muted);flex-shrink:0;transition:all .2s var(--ease-soft)}.phase-banner__step--current{color:var(--text-strong)}.phase-banner__step--current .phase-banner__step-dot{background:var(--primary);border-color:var(--primary);color:var(--on-primary,#fff);box-shadow:0 0 0 4px var(--primary-soft)}.phase-banner__step--done{color:var(--text-muted)}.phase-banner__step--done .phase-banner__step-dot{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.phase-banner__step--done:not(:last-child):after{background:var(--primary)}@media (max-width:540px){.phase-banner__step-label{display:none}.phase-banner__step:not(:last-child):after{width:16px}}.chip{display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:980px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-strong);font-size:.86rem;font-weight:500;cursor:pointer;transition:all .15s var(--ease-soft)}.chip--active,.chip:hover{border-color:var(--primary)}.chip--active{background:var(--primary-soft);color:var(--primary)}.mode-chip{display:flex;flex-direction:column;gap:.2rem;flex:1 1;text-align:left;padding:.7rem .9rem;border-radius:var(--r-md);border:1.5px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:all .15s var(--ease-soft)}.mode-chip--active,.mode-chip:hover{border-color:var(--primary)}.mode-chip--active{background:var(--primary-soft);box-shadow:0 0 0 4px var(--primary-soft)}.mode-chip__title{font-weight:600;font-size:.95rem;color:var(--text-strong)}.mode-chip__sub{font-size:.78rem;color:var(--text-muted);line-height:1.35}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.5rem;gap:.5rem}.badge-pick{display:flex;align-items:center;gap:.55rem;padding:.45rem .7rem;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;transition:all .12s var(--ease-soft);font-size:.86rem;color:var(--text-strong)}.badge-pick.is-on,.badge-pick:hover{border-color:var(--primary)}.badge-pick.is-on{background:var(--primary-soft)}.badge-pick input[type=checkbox]{accent-color:var(--primary)}.badge-pick__label{flex:1 1}.export-split{position:relative}.export-split__main{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.export-split__chevron{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:1px solid rgba(255,255,255,.35);padding-left:.6rem!important;padding-right:.7rem!important}.export-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:280px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:.35rem;gap:.15rem}.export-menu,.export-menu__item{display:flex;flex-direction:column}.export-menu__item{gap:.1rem;padding:.55rem .7rem;border-radius:var(--r-sm);border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left;text-decoration:none;font:inherit;transition:background .12s var(--ease-soft)}.export-menu__item:hover{background:var(--bg-muted)}.export-menu__item.is-active{background:var(--primary-soft)}.export-menu__title{font-weight:600;font-size:.9rem;color:var(--text-strong)}.export-menu__sub{font-size:.78rem;color:var(--text-muted);line-height:1.4}.export-menu__item--secondary{border-top:1px solid var(--border);margin-top:.2rem;padding-top:.6rem}.export-menu__section{display:flex;flex-direction:column;gap:.25rem}.export-menu__section+.export-menu__section{border-top:1px solid var(--border);margin-top:.3rem;padding-top:.45rem}.export-menu__heading{margin:0 .2rem .2rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.export-menu__chips{display:flex;flex-wrap:wrap;gap:.3rem;padding:0 .2rem .2rem}.export-menu__chips .chip{padding:.3rem .7rem;font-size:.82rem}.logo-upload{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border:1.5px dashed var(--border-strong);border-radius:var(--r-md);background:var(--bg-elevated);cursor:pointer;transition:all .15s var(--ease-soft);color:var(--text)}.logo-upload:hover{border-color:var(--primary);border-style:solid;color:var(--primary)}.logo-upload__plus{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:1px solid;font-size:1.2rem;font-weight:600;flex-shrink:0}.logo-preview{display:flex;align-items:center;gap:.7rem;padding:.7rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated)}.logo-preview__thumb{width:3rem;height:3rem;border-radius:var(--r-sm);border:1px solid var(--border);background-color:var(--bg);background-size:contain;background-position:50%;background-repeat:no-repeat;flex-shrink:0}.logo-preview__name{flex:1 1;font-size:.86rem;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));grid-gap:.5rem;gap:.5rem}.bg-swatch{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;aspect-ratio:5/4;border-radius:var(--r-md);border:2px solid var(--border);background:var(--bg-elevated);cursor:pointer;overflow:hidden;padding:0;transition:all .15s var(--ease-soft)}.bg-swatch:hover{border-color:var(--primary);transform:translateY(-1px)}.bg-swatch.is-active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.bg-swatch--upload{border-style:dashed}.bg-swatch__label{width:100%;padding:.3rem .45rem;font-size:.74rem;font-weight:600;letter-spacing:.01em;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5));color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-swatch__label--dark{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.7));color:var(--text-strong)}.bg-swatch__label--light{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));color:#fff}.bg-knobs{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:.85rem;padding:.7rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-elevated)}.bg-knob{display:flex;flex-direction:column;gap:.3rem;min-width:180px}.bg-knob__label{font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.emoji-picker{display:flex;flex-direction:column;gap:.55rem;max-height:380px;overflow-y:auto;padding:.6rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated)}.emoji-picker__row{display:grid;grid-template-columns:minmax(150px,200px) 1fr;grid-gap:.7rem;gap:.7rem;align-items:center;padding:.45rem .3rem;border-radius:var(--r-sm)}.emoji-picker__row+.emoji-picker__row{border-top:1px dashed var(--border)}.emoji-picker__head{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--text-strong);min-width:0}.emoji-picker__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-picker__grid{display:flex;flex-wrap:wrap;gap:.3rem}.emoji-pick{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .4rem;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg);cursor:pointer;transition:all .12s var(--ease-soft)}.emoji-pick--active,.emoji-pick:hover{border-color:var(--primary);background:var(--primary-soft)}.emoji-pick--active{box-shadow:0 0 0 2px var(--primary-soft)}.emoji-pick--upload{border-style:dashed;color:var(--text-muted);font-weight:600;display:inline-flex}.emoji-pick--upload:hover{color:var(--primary);border-style:solid}.emoji-pick--custom{background:var(--bg-elevated)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width:640px){.emoji-picker__row{grid-template-columns:1fr}}.welcome-card{display:grid;grid-template-columns:minmax(180px,280px) 1fr;grid-gap:2rem;gap:2rem;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.5rem;box-shadow:var(--shadow-md)}.welcome-card__illustration{display:flex;align-items:center;justify-content:center}.welcome-svg{width:100%;height:auto;max-width:240px}.welcome-card__title{font-size:clamp(1.7rem,1.4vw + 1.2rem,2.2rem);margin:.7rem 0 .6rem;letter-spacing:-.022em;color:var(--text-strong)}.welcome-card__lead{color:var(--text-muted);font-size:1.02rem;line-height:1.55;margin:0 0 1.4rem}.welcome-card__steps{display:flex;gap:.4rem;margin:1rem 0 1.5rem}.welcome-card__step{width:28px;height:4px;border-radius:2px;background:var(--bg-shaded);transition:background .2s var(--ease-soft),width .24s var(--ease-soft)}.welcome-card__step.is-active{background:var(--primary);width:44px}.welcome-card__step.is-done{background:var(--primary-soft-strong)}.welcome-card__actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}@media (max-width:720px){.welcome-card{grid-template-columns:1fr;padding:1.75rem;gap:1rem}.welcome-card__illustration{max-height:160px;overflow:hidden}}@keyframes fadeUp{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}.fade-up{animation:fadeUp .6s var(--ease-out) both}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}.small{font-size:.85rem}.center{text-align:center}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.row,.row-spread{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row-spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:.75rem}.divider{height:1px;background:var(--border);border:0;margin:1.5rem 0}@media (max-width:640px){.container,.container-md,.container-sm{padding:0 1.25rem}.section{padding:2.5rem 0}.hero{padding:3.5rem 0 2.5rem}.card,.card--padded,.plan{padding:1.4rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.1s!important}}