:root{--color-surface-primary:#f2f2f7;--color-surface-secondary:#fff;--color-surface-tertiary:#e5e5ea;--color-separator:#c6c6c8;--color-separator-inset:#e5e5ea;--color-label-primary:#000;--color-label-secondary:#3c3c43;--color-label-tertiary:#48484a;--color-label-quaternary:#636366;--color-accent:#007aff;--color-accent-green:#34c759;--color-accent-orange:#ff9500;--color-accent-red:#ff3b30;--color-accent-yellow:#fc0;--color-fill-primary:#78788014;--color-fill-secondary:#7878800a;--color-fill-tertiary:#7878801f;--color-glass:#ffffffb3;--color-glass-heavy:#ffffffd9;--shadow-none:none;--shadow-subtle:0 1px 3px #00000014;--shadow-medium:0 4px 12px #0000001f;--shadow-strong:0 8px 24px #00000029;--shadow-extra-strong:0 12px 32px #0003;--spacing-xs:4px;--spacing-s:8px;--spacing-m:12px;--spacing-l:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-xxxl:48px;--spacing-xxxxl:64px;--radius-none:0px;--radius-xs:4px;--radius-small:8px;--radius-medium:12px;--radius-large:16px;--radius-x-large:20px;--radius-xx-large:24px;--radius-full:9999px;--blur-none:0px;--blur-light:10px;--blur-medium:20px;--blur-heavy:40px;--duration-instant:0s;--duration-ultra-fast:.1s;--duration-fast:.15s;--duration-normal:.25s;--duration-moderate:.35s;--duration-slow:.45s;--duration-extra-slow:.6s;--easing-linear:linear;--easing-apple:ease-in-out;--easing-ease-in:ease-in;--easing-ease-out:ease-out;--easing-decelerate:cubic-bezier(0, 0, .2, 1);--easing-accelerate:cubic-bezier(.4, 0, 1, 1);--easing-spring:cubic-bezier(.175, .885, .32, 1.275);--easing-emphasized:cubic-bezier(.2, 0, 0, 1);--typography-large-title-font-size:34px;--typography-large-title-font-weight:700;--typography-large-title-line-height:1.2;--typography-large-title-letter-spacing:.37px;--typography-title1-font-size:28px;--typography-title1-font-weight:700;--typography-title1-line-height:1.2;--typography-title1-letter-spacing:.36px;--typography-title2-font-size:22px;--typography-title2-font-weight:700;--typography-title2-line-height:1.3;--typography-title2-letter-spacing:.35px;--typography-title3-font-size:20px;--typography-title3-font-weight:600;--typography-title3-line-height:1.3;--typography-title3-letter-spacing:.38px;--typography-headline-font-size:17px;--typography-headline-font-weight:600;--typography-headline-line-height:1.4;--typography-headline-letter-spacing:-.41px;--typography-body-font-size:17px;--typography-body-font-weight:400;--typography-body-line-height:1.5;--typography-body-letter-spacing:-.41px;--typography-body-bold-font-size:17px;--typography-body-bold-font-weight:600;--typography-body-bold-line-height:1.5;--typography-body-bold-letter-spacing:-.41px;--typography-subhead-font-size:15px;--typography-subhead-font-weight:400;--typography-subhead-line-height:1.4;--typography-subhead-letter-spacing:-.24px;--typography-subhead-bold-font-size:15px;--typography-subhead-bold-font-weight:600;--typography-subhead-bold-line-height:1.4;--typography-subhead-bold-letter-spacing:-.24px;--typography-footnote-font-size:13px;--typography-footnote-font-weight:400;--typography-footnote-line-height:1.4;--typography-footnote-letter-spacing:-.08px;--typography-caption-font-size:12px;--typography-caption-font-weight:400;--typography-caption-line-height:1.3;--typography-caption-letter-spacing:0px;--typography-caption2-font-size:11px;--typography-caption2-font-weight:400;--typography-caption2-line-height:1.2;--typography-caption2-letter-spacing:.06px;--typography-body-cjk-font-size:17px;--typography-body-cjk-font-weight:400;--typography-body-cjk-line-height:1.7;--typography-body-cjk-letter-spacing:0px;--font-family-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-family-mono:"SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, "Cascadia Code", "Segoe UI Mono", monospace;--font-family-cjk:"PingFang SC", "Noto Sans CJK SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--z-index-base:0;--z-index-float:100;--z-index-sticky:200;--z-index-dropdown:300;--z-index-navigation:400;--z-index-popover:500;--z-index-modal:600;--z-index-toast:700;--z-index-overlay:800;--z-index-max:9999;--breakpoint-compact:600px;--breakpoint-medium:900px;--breakpoint-expanded:1400px;--breakpoint-large:1920px}[data-theme=dark],.dark,:root.dark{--color-surface-primary:#000;--color-surface-secondary:#1c1c1e;--color-surface-tertiary:#2c2c2e;--color-separator:#38383a;--color-separator-inset:#38383a;--color-label-primary:#fff;--color-label-secondary:#ebebf5;--color-label-tertiary:#8e8e93;--color-label-quaternary:#636366;--color-accent:#0a84ff;--color-accent-green:#30d158;--color-accent-orange:#ff9f0a;--color-accent-red:#ff453a;--color-accent-yellow:#ffd60a;--color-fill-primary:#78788024;--color-fill-secondary:#7878801f;--color-fill-tertiary:#7878802e;--color-glass:#000000b3;--color-glass-heavy:#000000d9;--shadow-none:none;--shadow-subtle:0 1px 3px #0003;--shadow-medium:0 4px 12px #0000004d;--shadow-strong:0 8px 24px #0006;--shadow-extra-strong:0 12px 32px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){--color-surface-primary:#000;--color-surface-secondary:#1c1c1e;--color-surface-tertiary:#2c2c2e;--color-separator:#38383a;--color-separator-inset:#38383a;--color-label-primary:#fff;--color-label-secondary:#ebebf5;--color-label-tertiary:#8e8e93;--color-label-quaternary:#636366;--color-accent:#0a84ff;--color-accent-green:#30d158;--color-accent-orange:#ff9f0a;--color-accent-red:#ff453a;--color-accent-yellow:#ffd60a;--color-fill-primary:#78788024;--color-fill-secondary:#7878801f;--color-fill-tertiary:#7878802e;--color-glass:#000000b3;--color-glass-heavy:#000000d9;--shadow-none:none;--shadow-subtle:0 1px 3px #0003;--shadow-medium:0 4px 12px #0000004d;--shadow-strong:0 8px 24px #0006;--shadow-extra-strong:0 12px 32px #00000080}}.bg-surface-primary{background-color:var(--color-surface-primary)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-tertiary{background-color:var(--color-surface-tertiary)}.text-primary{color:var(--color-label-primary)}.text-secondary{color:var(--color-label-secondary)}.text-tertiary{color:var(--color-label-tertiary)}.text-quaternary{color:var(--color-label-quaternary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-accent-green)}.text-warning{color:var(--color-accent-orange)}.text-error{color:var(--color-accent-red)}.rounded-small{border-radius:var(--radius-small)}.rounded-medium{border-radius:var(--radius-medium)}.rounded-large{border-radius:var(--radius-large)}.rounded-xl{border-radius:var(--radius-x-large)}.rounded-full{border-radius:var(--radius-full)}.shadow-subtle{box-shadow:var(--shadow-subtle)}.shadow-medium{box-shadow:var(--shadow-medium)}.shadow-strong{box-shadow:var(--shadow-strong)}.transition-fast{transition-duration:var(--duration-fast);transition-timing-function:var(--easing-apple)}.transition-normal{transition-duration:var(--duration-normal);transition-timing-function:var(--easing-apple)}.transition-slow{transition-duration:var(--duration-slow);transition-timing-function:var(--easing-apple)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f5f5f7;--app-bg-elevated:#fff;--app-bg-subtle:#fbfbfd;--app-ink:#1d1d1f;--app-ink-muted:#6e6e73;--app-ink-soft:#86868b;--app-line:#1d1d1f1f;--app-line-strong:#1d1d1f33;--app-blue:#0071e3;--app-blue-hover:#0077ed;--app-control-blue:#0071e3;--app-control-blue-hover:#0077ed;--app-green:#34c759;--app-amber:#ff9f0a;--app-red:#ff3b30;--app-selection-bg:#e8f2ff;--app-avatar-bg:#e8f2ff;--app-alert-ink:#a01812;--app-success-ink:#16833a;--app-skeleton-base:#ececef;--app-skeleton-highlight:#f7f7f8;--app-skeleton-border:#1d1d1f14;--app-scrollbar-track:#7878802e;--app-scrollbar-thumb:#1d1d1f5c;--app-shadow:0 18px 44px #0000001f;--app-shadow-soft:0 10px 28px #00000014;--app-radius:8px;--app-topbar:56px;--topbar-glass-bg:#f8fafc94;--topbar-glass-layer:linear-gradient(180deg, #ffffff47, #ffffff0f);--topbar-glass-border:#1d1d1f1a;--topbar-glass-shadow:0 1px 0 #ffffff7a, 0 14px 42px #00000014;--topbar-glass-blur:64px;--sidebar-bg:#0071e3;--app-theme-color:#0071e3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}@supports not selector(*::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover,:focus-within{scrollbar-color:var(--app-scrollbar-thumb) transparent}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0;border-radius:999px}::-webkit-scrollbar-track-piece{background:0 0;border-radius:999px}::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}:hover::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);background-clip:padding-box}:focus-within::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);background-clip:padding-box}::-webkit-scrollbar-button{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:single-button{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:vertical:start:decrement{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:vertical:end:increment{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:vertical:start:increment{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:vertical:end:decrement{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:vertical:decrement{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:vertical:increment{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:horizontal:start:decrement{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:horizontal:end:increment{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:horizontal:start:increment{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:horizontal:end:decrement{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:horizontal:decrement{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:horizontal:increment{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:vertical{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-button:horizontal{-webkit-appearance:none;border:0;color:#0000!important;opacity:0!important;pointer-events:none!important;appearance:none!important;background:0 0!important;border-radius:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}::-webkit-scrollbar-corner{background:0 0}html{background:var(--app-bg)}:is(html:has(.app-frame),body:has(.app-frame)){height:100%;overflow:hidden}body{background:var(--app-bg);min-width:320px;color:var(--app-ink);margin:0}button,input,textarea,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}#app{min-height:100svh}.site-page,.auth-page{background:var(--app-bg-subtle);min-height:100svh}.marketing-nav,.app-topbar{z-index:20;height:var(--app-topbar);align-items:center;gap:18px;padding:0 28px;display:flex;position:sticky;top:0}.marketing-nav{isolation:isolate;border-bottom:1px solid var(--topbar-glass-border);box-shadow:var(--topbar-glass-shadow);overflow:hidden;background:var(--topbar-glass-bg)!important;-webkit-backdrop-filter:blur(var(--topbar-glass-blur)) saturate(1.95)!important}.app-topbar{box-shadow:none;-webkit-backdrop-filter:none;background:#fbfbfdd1;border-bottom:1px solid #1d1d1f14}.marketing-nav:before{content:"";z-index:0;pointer-events:none;background:var(--topbar-glass-layer);-webkit-backdrop-filter:saturate(190%) blur(var(--topbar-glass-blur));position:absolute;inset:0;transform:translate(0,0)}.marketing-nav>*{z-index:1;position:relative}:root[data-theme-color=custom] .app-topbar{border-bottom-color:color-mix(in srgb, var(--app-theme-color) 36%, transparent);box-shadow:none;--topbar-glass-bg:var(--app-theme-shell);--topbar-glass-layer:linear-gradient(180deg, #fff3, #ffffff0f);--topbar-glass-shadow:0 8px 24px color-mix(in srgb, var(--app-theme-color) 16%, transparent);--topbar-glass-blur:0px;background:var(--app-theme-shell)!important;-webkit-backdrop-filter:none!important}:root[data-theme-color=custom] .app-topbar:before{background:var(--topbar-glass-layer);-webkit-backdrop-filter:none}.brand-link{min-width:0;color:var(--app-ink);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.brand-link svg{color:var(--app-blue)}.marketing-nav nav{color:var(--app-ink-muted);gap:22px;margin-left:auto;font-size:13px;display:flex}.marketing-nav nav a,.nav-cta,.site-footer a{transition:color .16s}.marketing-nav nav a:hover,.nav-cta:hover,.site-footer a:hover{color:var(--app-blue)}.nav-cta{color:var(--app-blue);font-size:13px;font-weight:600}.hero-shell{width:min(1180px,100% - 48px);min-height:calc(100svh - var(--app-topbar) - 72px);grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);align-items:center;gap:48px;margin:0 auto;padding:52px 0 42px;display:grid}.hero-copy{gap:18px;animation:.52s both rise-in;display:grid}.eyebrow{color:var(--app-blue);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.hero-copy h1,.not-found h1{color:var(--app-ink);letter-spacing:0;margin:0;font-size:56px;font-weight:750;line-height:1.04}.hero-subtitle{max-width:560px;color:var(--app-ink-muted);margin:0;font-size:22px;line-height:1.35}.hero-actions,.toolbar,.topbar-actions,.form-row{align-items:center;gap:10px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-size:14px;font-weight:700;transition:transform .16s,background .16s,border-color .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-primary{background:var(--app-control-blue);color:#fff}.button-primary:hover{background:var(--app-control-blue-hover)}.button-secondary{border-color:var(--app-line);color:var(--app-ink);background:#ffffffbf}.button-danger{color:var(--app-red);background:#ff3b301a;border-color:#ff3b3047}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0;display:grid}.hero-metrics div,.feature-band article,.auth-card,.preview-device,.settings-panel,.settings-nav,.state-block,.hint-block{border:1px solid var(--app-line);border-radius:var(--app-radius);box-shadow:var(--app-shadow-soft);background:#ffffffdb}.hero-metrics div{padding:14px}.hero-metrics dt{margin:0;font-size:18px;font-weight:750}.hero-metrics dd{color:var(--app-ink-muted);margin:4px 0 0;font-size:13px}.product-stage{animation:.62s 80ms both rise-in}.preview-device{min-height:520px;box-shadow:var(--app-shadow);background:#fff;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--app-line);background:#f5f5f7;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.preview-toolbar span{border-radius:50%;width:10px;height:10px}.preview-toolbar span:first-child{background:var(--app-red)}.preview-toolbar span:nth-child(2){background:var(--app-amber)}.preview-toolbar span:nth-child(3){background:var(--app-green)}.preview-grid{grid-template-columns:150px 240px 1fr;min-height:486px;display:grid}.preview-sidebar{color:var(--app-ink-muted);background:#f2f2f7;align-content:start;gap:10px;padding:22px;font-size:13px;display:grid}.preview-sidebar strong{color:var(--app-ink);margin-bottom:14px;font-size:18px}.preview-list{border-right:1px solid var(--app-line);background:var(--app-line);align-content:start;gap:1px;display:grid}.preview-list article{background:#fff;gap:5px;padding:16px;font-size:13px;display:grid}.preview-list article.active{background:var(--app-selection-bg)}.preview-list b,.preview-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-list span,.preview-message p{color:var(--app-ink-muted)}.preview-message{align-content:start;gap:16px;padding:40px;display:grid}.preview-message h2{margin:0;font-size:32px;line-height:1.15}.preview-attachment{border:1px solid var(--app-line);border-radius:var(--app-radius);width:fit-content;color:var(--app-ink);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.feature-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1180px,100% - 48px);margin:0 auto 34px;display:grid}.feature-band article{gap:10px;padding:22px;display:grid}.feature-band svg{color:var(--app-blue)}.feature-band h2,.site-footer h2,.settings-panel h2{margin:0;font-size:16px}.feature-band p,.site-footer,.settings-panel p{color:var(--app-ink-muted);margin:0;font-size:14px}.site-footer{border-top:1px solid var(--app-line);width:min(1180px,100% - 48px);margin:0 auto;padding:26px 0 34px}.site-footer.compact{border-top:0;width:100%;padding:18px 0 0}.client-page{background:linear-gradient(118deg,#0071e31a,#fbfbfd00 38%),linear-gradient(242deg,#34c7591f,#fbfbfd00 42%),linear-gradient(#fbfbfd 0%,#f6fbff 48%,#fff8f2 100%);min-height:100svh;overflow-x:hidden}.client-hero{isolation:isolate;width:min(1180px,100% - 48px);min-height:calc(100svh - var(--app-topbar));align-content:center;gap:clamp(44px,6vw,76px);margin:0 auto;padding:clamp(72px,8vw,116px) 0 clamp(82px,9vw,128px);display:grid;position:relative}.client-hero:before{content:"";z-index:-1;filter:blur(26px);background:linear-gradient(90deg,#0071e31a,#ffffff61,#ff9f0a1a),linear-gradient(#ffffffbd,#fff0);height:64%;position:absolute;inset:8% -8% auto}.client-copy{text-align:center;justify-items:center;gap:16px;animation:.52s both rise-in;display:grid}.client-copy .eyebrow{color:#11845b;text-transform:uppercase;justify-content:center}.client-copy h1{color:var(--app-ink);letter-spacing:0;margin:0;font-size:clamp(54px,8vw,104px);font-weight:780;line-height:.98}.client-subtitle{max-width:760px;color:var(--app-ink-muted);margin:0;font-size:clamp(20px,2.1vw,30px);line-height:1.5}.client-device-row{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:clamp(14px,2.4vw,30px);animation:.62s 80ms both rise-in;display:grid}.client-device{appearance:none;min-width:0;color:var(--app-ink);cursor:pointer;text-align:center;background:0 0;border:0;justify-items:center;gap:10px;padding:0;display:grid}.client-device:focus-visible{outline-offset:10px;border-radius:22px;outline:3px solid #0071e352}.client-device.is-reserved{cursor:default}.client-orb{aspect-ratio:1;width:clamp(108px,10vw,136px);color:var(--app-ink);background:#ffffffb8;border:1px solid #ffffffdb;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 56px #1d1d1f1a,inset 0 0 0 1px #ffffff8f}.client-orb:before{content:"";opacity:0;background:linear-gradient(145deg, rgba(var(--client-accent), .24), #ffffffc7), radial-gradient(circle at 50% 22%, #ffffffe6, #fff0);transition:opacity .22s;position:absolute;inset:0}.client-orb svg{z-index:1;position:relative}.client-device:hover .client-orb:before,.client-device:focus-visible .client-orb:before{opacity:1}.client-platform{overflow-wrap:anywhere;color:var(--app-ink);font-size:18px;font-weight:760;line-height:1.15}.client-status{color:var(--app-ink-muted);align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}.client-status:before{content:"";background:rgb(var(--client-accent));width:8px;height:8px;box-shadow:0 0 0 4px rgba(var(--client-accent), .13);border-radius:999px}.footer-note{max-width:720px;margin:0 0 20px;font-size:12px;line-height:1.55}.footer-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 42px;display:grid}.footer-column-section{align-content:start;gap:8px;display:grid}.footer-section-title{color:var(--app-ink);margin:0 0 4px;font-size:12px;font-weight:760;line-height:1.25}.footer-title-text{display:block}.footer-section-button,.footer-chevron{display:none}.footer-link-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-link-list li{margin:0}.footer-columns a{width:max-content;max-width:100%;color:var(--app-ink-muted);font-size:12px;line-height:1.35;text-decoration:none;transition:color .16s}.footer-columns a:hover,.footer-legal-links a:hover{color:var(--app-ink);text-decoration:underline}.footer-bottom{border-top:1px solid var(--app-line);color:var(--app-ink-soft);justify-content:space-between;align-items:flex-start;gap:16px;margin-top:24px;padding-top:14px;font-size:12px;line-height:1.45;display:flex}.footer-legal-copy{gap:5px;display:grid}.footer-legal-links{flex-wrap:wrap;flex:auto;justify-content:center;min-width:220px;display:flex}.footer-legal-item{align-items:center;display:inline-flex}.footer-legal-links a{color:var(--app-ink-soft);text-decoration:none;transition:color .16s}.footer-pipe{color:var(--app-line-strong);margin:0 9px}.footer-locale{white-space:nowrap}.auth-page main{min-height:calc(100svh - var(--app-topbar) - 220px);place-items:center;padding:40px 20px;display:grid}.auth-card{gap:16px;width:min(430px,100%);padding:28px;display:grid}.auth-card h1{margin:0;font-size:34px;line-height:1.1}.auth-card p{color:var(--app-ink-muted);margin:0}.auth-card label,.compose-pane label{color:var(--app-ink-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.input-with-icon,.search-field{align-items:center;display:flex;position:relative}.input-with-icon>svg,.search-field>svg{color:var(--app-ink-soft);position:absolute;left:12px}input,textarea,select{border:1px solid var(--app-line);border-radius:var(--app-radius);width:100%;color:var(--app-ink);background:#ffffffeb;outline:0;transition:border-color .16s,box-shadow .16s}input{height:42px;padding:0 12px}select{cursor:pointer;height:42px;padding:0 34px 0 12px}.input-with-icon input,.search-field input{padding-left:38px}input:focus,textarea:focus,select:focus{border-color:#0071e3b8;box-shadow:0 0 0 4px #0071e31f}textarea{resize:vertical;min-height:340px;padding:14px}.checkbox-row{align-items:center;grid-template-columns:none!important;gap:8px!important;font-weight:500!important;display:inline-flex!important}.checkbox-row input{width:16px;height:16px}.form-row{color:var(--app-blue);justify-content:space-between;font-size:13px}.auth-divider{color:var(--app-ink-soft);align-items:center;gap:10px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--app-line);flex:1;height:1px}.callback-card{text-align:center}.callback-status{color:var(--app-ink-muted);justify-content:center;align-items:center;gap:8px;font-size:14px;display:inline-flex}.inline-alert{border-radius:var(--app-radius);color:var(--app-alert-ink);background:#ff3b3014;border:1px solid #ff3b3038;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.icon-button{width:34px;height:34px;color:var(--app-ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;transition:background .16s,color .16s,transform .16s;display:inline-grid}.icon-button:hover{color:var(--app-ink);background:#1d1d1f14}.app-frame{background:var(--app-bg);height:100svh;min-height:100svh;overflow:hidden}.app-topbar{gap:14px}.top-search{flex:1;align-items:center;max-width:560px;margin-left:auto;display:flex;position:relative}.top-search svg{color:var(--app-ink-soft);position:absolute;left:12px}.top-search input{background:#ffffffb3;height:34px;padding-left:36px}.user-chip{border:1px solid var(--app-line);min-width:0;max-width:230px;height:36px;color:var(--app-ink-muted);cursor:pointer;background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 4px;display:inline-flex}.user-chip span,.avatar{background:var(--app-avatar-bg);width:28px;height:28px;color:var(--app-blue);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.user-chip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-body{height:calc(100svh - var(--app-topbar));grid-template-columns:244px 1fr;align-items:stretch;min-height:0;display:grid;overflow:hidden}.sidebar{top:var(--app-topbar);height:calc(100svh - var(--app-topbar));background:#f5f5f7e0;border-right:0;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:18px;min-height:0;padding:18px 14px;display:grid;position:sticky}.compose-button,.sidebar nav a,.settings-nav a{border-radius:var(--app-radius);min-height:38px;color:var(--app-ink-muted);align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:650;transition:background .16s,color .16s;display:flex}.sidebar-head{gap:12px;display:grid}.compose-button{background:var(--app-compose-bg,var(--sidebar-bg));color:#fff;justify-content:center}.sidebar nav{align-content:start;gap:4px;display:grid}.sidebar-main-nav{min-height:0;margin-right:-10px;padding-right:10px;overflow:auto}.sidebar-tools{border-top:1px solid var(--app-line);align-self:end;padding-top:12px}.sidebar-chevron{margin-left:auto}.sidebar nav a.active,.sidebar nav a:hover,.settings-nav a.active,.settings-nav a:hover{background:color-mix(in srgb, var(--sidebar-bg) 15%, transparent);color:color-mix(in srgb, var(--sidebar-bg) 78%, var(--app-ink) 22%)}.sidebar nav a b{color:var(--app-blue);margin-left:auto;font-size:12px}.workspace{grid-template-columns:minmax(320px,420px) minmax(0,1fr);min-width:0;display:grid}.workspace:not(.single){height:calc(100svh - var(--app-topbar) - 8px);border-radius:18px 18px 0 0;min-height:0;margin:8px 8px 0 0;overflow:hidden}.workspace.single{height:calc(100svh - var(--app-topbar) - 8px);border-radius:18px 18px 0 0;grid-template-columns:minmax(0,1fr);min-height:0;margin:8px 8px 0 0;overflow:hidden}.mail-list-pane,.message-pane,.compose-pane,.content-page,.settings-page{background:#fff;min-width:0;height:100%;min-height:0}.mail-list-pane{border-right:1px solid var(--app-line)}.workspace:not(.single)>.mail-list-pane,.workspace:not(.single)>.message-pane{min-height:calc(100svh - var(--app-topbar) - 8px)}.workspace.single>.message-pane,.workspace.single>.compose-pane,.workspace.single>.content-page,.workspace.single>.settings-page{height:100%;min-height:0}.pane-header,.message-header{border-bottom:1px solid var(--app-line);justify-content:space-between;align-items:flex-start;gap:16px;min-height:78px;padding:18px 20px;display:flex}.pane-header h1,.message-header h1,.message-header h2{color:var(--app-ink);margin:3px 0 0;font-size:28px;line-height:1.12}.mobile-detail-back{width:fit-content;color:var(--app-blue);align-items:center;gap:4px;margin-bottom:8px;font-size:13px;font-weight:700;display:none}.message-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.message-row{border-bottom:1px solid var(--app-line);grid-template-columns:38px minmax(0,1fr);gap:12px;padding:13px 16px;transition:background .14s;display:grid}.message-row:hover,.message-row.active{background:var(--app-selection-bg)}.avatar.unread{background:var(--app-blue);color:#fff}.message-row-main,.message-row-top,.message-meta,.message-addresses{min-width:0}.message-row-top{justify-content:space-between;gap:8px;display:flex}.message-row-top strong,.message-subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-row-top strong{font-size:13px}.message-row-top time,.message-meta{color:var(--app-ink-soft);font-size:12px}.message-subject{margin-top:3px;font-size:14px;font-weight:700;display:block}.message-meta{align-items:center;gap:6px;margin-top:5px;display:flex}.message-pane,.mail-list-pane,.compose-pane,.content-page,.settings-page{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:auto}.message-addresses{border-bottom:1px solid var(--app-line);color:var(--app-ink-muted);gap:6px;padding:14px 20px;font-size:13px;display:grid}.message-body{color:#202124;max-width:860px;padding:26px 28px;font-size:15px;line-height:1.7}.message-body p{margin:0 0 1em}.attachments{border:1px solid var(--app-line);border-radius:var(--app-radius);gap:10px;max-width:720px;margin:0 28px 28px;padding:16px;display:grid}.attachments h3{margin:0;font-size:15px}.attachment-row{min-height:38px;color:var(--app-ink-muted);grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px;font-size:13px;display:grid}.attachment-row span{text-overflow:ellipsis;white-space:nowrap;color:var(--app-ink);font-weight:650;overflow:hidden}.empty-detail{text-align:center;color:var(--app-ink-muted);place-content:center;justify-items:center;gap:10px;padding:26px;display:grid}.empty-detail h2{color:var(--app-ink);margin:0}.compose-pane,.content-page,.settings-page{padding-bottom:32px}.compose-pane label,.content-page>.search-field{width:min(820px,100% - 40px);margin:18px 20px 0}.compose-body-label{align-items:stretch}.search-field{max-width:720px}.settings-grid{grid-template-columns:260px minmax(0,1fr);gap:18px;padding:28px 34px 34px;display:grid}.settings-grid-single{grid-template-columns:minmax(0,1fr)}.settings-nav{box-shadow:none;align-content:start;gap:4px;padding:8px;display:grid}.settings-nav a svg:last-child{margin-left:auto}.settings-panel{min-height:360px;box-shadow:none;align-content:start;gap:14px;padding:8px 0 32px;display:grid}.settings-panel-heading{border-bottom:1px solid var(--app-line);grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding-bottom:14px;display:grid}.settings-panel-heading>span{border-radius:var(--app-radius);width:34px;height:34px;color:var(--app-blue);background:#0071e314;place-items:center;display:grid}.settings-panel-heading h2{margin:0}.settings-section,.settings-form{border-top:1px solid var(--app-line);gap:12px;padding-top:16px;display:grid}.settings-section:first-of-type,.settings-form:first-of-type{border-top:0}.settings-section h3,.settings-form h3{margin:0;font-size:15px}.settings-form label{color:var(--app-ink-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.inline-form{grid-template-columns:minmax(160px,1fr) minmax(220px,1fr) auto;align-items:end}.settings-two-col,.settings-meta-grid,.settings-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-filter-row{grid-template-columns:minmax(260px,1fr) minmax(150px,210px) auto;align-items:center;padding-top:8px}.settings-search{max-width:none}.settings-metric{border:1px solid var(--app-line);border-radius:var(--app-radius);gap:5px;min-width:0;padding:12px;display:grid}.settings-metric span,.settings-count,.settings-data-row small,.settings-data-row span{color:var(--app-ink-muted);font-size:12px}.settings-metric strong,.settings-data-row strong{color:var(--app-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.settings-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.setting-switch-row{border-top:1px solid var(--app-line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding-top:14px;display:grid}.setting-switch-row>span{border-radius:var(--app-radius);width:34px;height:34px;color:var(--app-blue);background:#0071e314;place-items:center;display:grid}.setting-switch-row strong{margin-bottom:2px;font-size:14px;display:block}.switch{cursor:pointer;background:#78788047;border:0;border-radius:999px;width:48px;height:28px;transition:background .16s;position:relative}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000038}.switch[aria-checked=true]{background:var(--app-green)}.switch[aria-checked=true] span{transform:translate(20px)}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-swatches button{border-radius:var(--app-radius);color:#fff;cursor:pointer;border:2px solid #0000;place-items:center;width:42px;height:42px;display:grid}.color-swatches button.active{border-color:var(--app-ink)}.theme-color-default{background:linear-gradient(135deg,#fff 0 49%,#111113 50% 100%),#fff;color:var(--app-blue)!important}:root[data-theme-color=custom]{--app-compose-bg:#fff;--app-selection-bg:color-mix(in srgb, var(--app-theme-color) 34%, transparent);--app-theme-shell:color-mix(in srgb, var(--app-theme-color) 92%, #fff 8%);--app-scrollbar-track:transparent;--app-scrollbar-thumb:color-mix(in srgb, #111113 72%, var(--app-theme-color) 28%)}.status-pill{width:fit-content;color:var(--app-ink-muted);background:#7878801f;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:13px;font-weight:700;display:inline-flex}.status-pill.active{color:#16833a;background:#34c75924}.status-pill.scheduled{color:var(--app-blue);background:#0071e31f}.status-pill.expired{color:#9a5a00;background:#ff9f0a29}.settings-list{gap:8px;display:grid}.settings-data-row{border:1px solid var(--app-line);border-radius:var(--app-radius);background:0 0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:12px;display:grid}.settings-data-row.as-button{width:100%;color:inherit;cursor:pointer;text-align:left}.settings-data-row>div{gap:3px;min-width:0;display:grid}.settings-data-row span,.settings-data-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button.danger{color:var(--app-red)}.success-message{border-radius:var(--app-radius);width:fit-content;color:var(--app-success-ink);background:#34c7591a;border:1px solid #34c75938;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.segmented{border:1px solid var(--app-line);border-radius:var(--app-radius);background:#f5f5f7;width:fit-content;padding:3px;display:inline-flex}.segmented button{min-width:120px;color:var(--app-ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:8px 12px;transition:background .16s,color .16s,box-shadow .16s}.segmented button.active{color:var(--app-ink);background:#fff;box-shadow:0 1px 4px #0000001f}.appearance-strip{gap:8px;display:flex}.appearance-strip span{border-radius:var(--app-radius);width:42px;height:42px;display:block}.state-block{text-align:center;box-shadow:none;justify-items:center;gap:10px;margin:22px;padding:28px;display:grid}.state-block h2{margin:0;font-size:18px}.state-block p{color:var(--app-ink-muted);margin:0}.hint-block{width:fit-content;max-width:calc(100% - 40px);color:var(--app-ink-muted);box-shadow:none;align-items:center;gap:10px;margin:18px 20px 0;padding:12px 14px;display:flex}.skeleton-stack{gap:10px;padding:18px;display:grid}.skeleton-stack span{border:1px solid var(--app-skeleton-border);border-radius:var(--app-radius);background:linear-gradient(90deg, var(--app-skeleton-base), var(--app-skeleton-highlight), var(--app-skeleton-base));background-size:220% 100%;height:58px;animation:1.2s ease-in-out infinite skeleton;display:block;box-shadow:inset 0 1px #ffffff47}.screen-loader{min-height:100svh;color:var(--app-ink-muted);place-content:center;justify-items:center;gap:12px;display:grid}.not-found{min-height:calc(100svh - var(--app-topbar) - 200px);text-align:center;place-items:center;gap:12px;padding:48px 20px;display:grid}.not-found p{color:var(--app-ink-muted);margin:0}.mobile-only,.sidebar-close{display:none}.spin{animation:.85s linear infinite spin}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.compose-pane.dragging{outline-offset:-2px;outline:2px solid #0071e35c}.compose-meta-grid,.compose-recipient-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(820px,100% - 40px);margin:18px 20px 0;display:grid}.compose-recipient-card{border:1px solid var(--app-line);border-radius:var(--app-radius);grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:14px}.compose-recipient-card label{width:auto;margin:0}.compose-recipient-card label:nth-of-type(n+2){grid-column:1/-1}.compose-recipient-actions{gap:8px;display:flex}.compose-toolbar{border:1px solid var(--app-line);border-radius:var(--app-radius);background:#f5f5f7b8;flex-wrap:wrap;align-items:center;gap:6px;width:min(820px,100% - 40px);margin:18px 20px 0;padding:8px;display:flex}.compose-toolbar button{width:34px;height:34px;color:var(--app-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .16s,color .16s;display:inline-grid}.compose-toolbar button:hover{color:var(--app-blue);background:#0071e31f}.signature-preview,.attachment-dropzone,.compose-attachments,.compose-draft-status{width:min(820px,100% - 40px);margin:18px 20px 0}.signature-preview{border:1px solid var(--app-line);border-radius:var(--app-radius);background:#0071e30f;gap:6px;padding:12px;display:grid}.signature-preview strong{font-size:13px}.signature-preview p,.compose-draft-status{color:var(--app-ink-muted);margin:0;font-size:13px}.attachment-dropzone{border:1px dashed var(--app-line-strong);border-radius:var(--app-radius);color:var(--app-ink-muted);cursor:pointer;text-align:center;justify-items:center;gap:7px;padding:18px;transition:border-color .16s,background .16s,color .16s;display:grid}.attachment-dropzone.active,.attachment-dropzone:hover{color:var(--app-blue);background:#0071e314;border-color:#0071e399}.attachment-dropzone span{font-weight:700}.attachment-dropzone small{color:var(--app-ink-soft)}.compose-attachments{gap:8px;display:grid}.compose-attachment-row{border:1px solid var(--app-line);border-radius:var(--app-radius);grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.compose-attachment-row>div{gap:4px;min-width:0;display:grid}.compose-attachment-row strong,.compose-attachment-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-attachment-row strong{font-size:13px}.compose-attachment-row span{color:var(--app-ink-muted);font-size:12px}.compose-attachment-row progress{background:#78788029;border:0;border-radius:999px;width:100%;height:6px;overflow:hidden}.compose-attachment-row progress::-webkit-progress-bar{background:#78788029}.compose-attachment-row progress::-webkit-progress-value{background:var(--app-blue)}.compose-attachment-row progress::-moz-progress-bar{background:var(--app-blue)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton{to{background-position:-220% 0}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#111113;--app-bg-elevated:#1c1c1e;--app-bg-subtle:#161617;--app-ink:#f5f5f7;--app-ink-muted:#a1a1a6;--app-ink-soft:#8e8e93;--app-line:#ffffff1f;--app-line-strong:#fff3;--app-blue:#2997ff;--app-blue-hover:#46a6ff;--app-control-blue:#0071e3;--app-control-blue-hover:#0077ed;--app-selection-bg:#2997ff2e;--app-avatar-bg:#2997ff2e;--app-alert-ink:#ffb4ad;--app-success-ink:#7ee787;--app-skeleton-base:#242426;--app-skeleton-highlight:#303033;--app-skeleton-border:#ffffff14;--app-scrollbar-track:#ffffff24;--app-scrollbar-thumb:#ffffff70;--app-shadow:0 18px 44px #00000059;--app-shadow-soft:0 10px 28px #00000040;--topbar-glass-bg:#161617b8;--topbar-glass-layer:linear-gradient(180deg, #ffffff1a, #ffffff08);--topbar-glass-border:#ffffff1f;--topbar-glass-shadow:0 1px 0 #ffffff14, 0 12px 32px #00000042}.sidebar{background:#161617f0;border-right-color:#ffffff1a}.sidebar nav a{color:#f5f5f7bd}.sidebar nav a.active,.sidebar nav a:hover{background:color-mix(in srgb, var(--sidebar-bg) 20%, transparent);color:color-mix(in srgb, var(--sidebar-bg) 52%, #fff 48%)}.sidebar-tools{border-top-color:#ffffff1f}.hero-metrics div,.feature-band article,.auth-card,.preview-device,.settings-panel,.settings-nav,.state-block,.hint-block,.message-pane,.mail-list-pane,.compose-pane,.content-page,.settings-page{background:#1c1c1eeb}input,textarea,select,.top-search input,.button-secondary,.user-chip{background:#2c2c2ee0}.preview-toolbar,.preview-sidebar,.segmented,.compose-toolbar{background:#2c2c2e}.segmented{background:#242426;border-color:#ffffff24}.segmented button{color:#f5f5f7b8}.segmented button:hover{color:#f5f5f7;background:#ffffff14}.segmented button.active{color:#fff;background:#f5f5f729;box-shadow:inset 0 0 0 1px #ffffff14,0 1px 3px #00000047}.color-swatches button.active{border-color:#f5f5f7eb;box-shadow:0 0 0 3px #f5f5f71f}.preview-list article,.preview-message{background:#1c1c1e}.message-body{color:#f5f5f7}.avatar{color:#d8ecff}.skeleton-stack span{box-shadow:inset 0 1px #ffffff0a}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f5f5f7;--app-bg-elevated:#fff;--app-bg-subtle:#fbfbfd;--app-ink:#1d1d1f;--app-ink-muted:#6e6e73;--app-ink-soft:#86868b;--app-line:#1d1d1f1f;--app-line-strong:#1d1d1f33;--app-skeleton-base:#ececef;--app-skeleton-highlight:#f7f7f8;--app-skeleton-border:#1d1d1f14;--app-scrollbar-track:#7878802e;--app-scrollbar-thumb:#1d1d1f5c;--app-shadow:0 18px 44px #0000001f;--app-shadow-soft:0 10px 28px #00000014;--topbar-glass-bg:#f8fafc94;--topbar-glass-layer:linear-gradient(180deg, #ffffff47, #ffffff0f);--topbar-glass-border:#1d1d1f1a;--topbar-glass-shadow:0 1px 0 #ffffff7a, 0 14px 42px #00000014}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#111113;--app-bg-elevated:#1c1c1e;--app-bg-subtle:#161617;--app-ink:#f5f5f7;--app-ink-muted:#a1a1a6;--app-ink-soft:#8e8e93;--app-line:#ffffff1f;--app-line-strong:#fff3;--app-blue:#2997ff;--app-blue-hover:#46a6ff;--app-control-blue:#0071e3;--app-control-blue-hover:#0077ed;--app-selection-bg:#2997ff2e;--app-avatar-bg:#2997ff2e;--app-alert-ink:#ffb4ad;--app-success-ink:#7ee787;--app-skeleton-base:#242426;--app-skeleton-highlight:#303033;--app-skeleton-border:#ffffff14;--app-scrollbar-track:#ffffff24;--app-scrollbar-thumb:#ffffff70;--app-shadow:0 18px 44px #00000059;--app-shadow-soft:0 10px 28px #00000040;--topbar-glass-bg:#161617b8;--topbar-glass-layer:linear-gradient(180deg, #ffffff1a, #ffffff08);--topbar-glass-border:#ffffff1f;--topbar-glass-shadow:0 1px 0 #ffffff14, 0 12px 32px #00000042}:root[data-theme=light] .sidebar{border-right-color:var(--app-line);background:#f5f5f7e0}:root[data-theme=light] .sidebar nav a{color:var(--app-ink-muted)}:root[data-theme=light] .sidebar nav a.active,:root[data-theme=light] .sidebar nav a:hover{background:color-mix(in srgb, var(--sidebar-bg) 15%, transparent);color:color-mix(in srgb, var(--sidebar-bg) 78%, var(--app-ink) 22%)}:root[data-theme=light] .sidebar-tools{border-top-color:var(--app-line)}:root[data-theme=dark] .sidebar{background:#161617f0;border-right-color:#ffffff1a}:root[data-theme=dark] .sidebar nav a{color:#f5f5f7bd}:root[data-theme=dark] .sidebar nav a.active,:root[data-theme=dark] .sidebar nav a:hover{background:color-mix(in srgb, var(--sidebar-bg) 20%, transparent);color:color-mix(in srgb, var(--sidebar-bg) 52%, #fff 48%)}:root[data-theme=dark] .sidebar-tools{border-top-color:#ffffff1f}:root[data-theme=dark] .app-topbar{background:#161617d1;border-bottom-color:#ffffff1a}:root[data-theme-color=custom],:root[data-theme=light][data-theme-color=custom],:root[data-theme=dark][data-theme-color=custom]{--app-selection-bg:color-mix(in srgb, var(--app-theme-color) 34%, transparent)}:root[data-theme-color=custom] .app-topbar,:root[data-theme=light][data-theme-color=custom] .app-topbar,:root[data-theme=dark][data-theme-color=custom] .app-topbar{border-bottom-color:color-mix(in srgb, var(--app-theme-color) 36%, transparent);box-shadow:none;--topbar-glass-bg:var(--app-theme-shell);--topbar-glass-layer:linear-gradient(180deg, #fff3, #ffffff0f);--topbar-glass-shadow:0 8px 24px color-mix(in srgb, var(--app-theme-color) 16%, transparent);--topbar-glass-blur:0px;background:var(--app-theme-shell)!important;-webkit-backdrop-filter:none!important}:root[data-theme-color=custom] .app-topbar:before,:root[data-theme=light][data-theme-color=custom] .app-topbar:before,:root[data-theme=dark][data-theme-color=custom] .app-topbar:before{background:var(--topbar-glass-layer);-webkit-backdrop-filter:none}:root[data-theme-color=custom] .app-topbar .brand-link,:root[data-theme-color=custom] .app-topbar .brand-link svg,:root[data-theme-color=custom] .app-topbar .icon-button,:root[data-theme-color=custom] .app-topbar .user-chip,:root[data-theme-color=custom] .app-topbar .user-chip small{color:#fff}:root[data-theme-color=custom] .app-topbar .top-search input,:root[data-theme-color=custom] .app-topbar .user-chip{background:#ffffff2e;border-color:#ffffff47}:root[data-theme-color=custom] .app-topbar .top-search input{color:#fff;caret-color:#fff}:root[data-theme-color=custom] .app-topbar .top-search input::placeholder{color:#fff;opacity:1}:root[data-theme-color=custom] .app-topbar .top-search svg{color:#ffffffc7}:root[data-theme-color=custom] .app-body{background:var(--app-theme-shell)}:root[data-theme-color=custom] .sidebar,:root[data-theme=light][data-theme-color=custom] .sidebar,:root[data-theme=dark][data-theme-color=custom] .sidebar{--app-scrollbar-track:#fff3;--app-scrollbar-thumb:#ffffff85;background:var(--app-theme-shell);border-right:0}:root[data-theme-color=custom] .sidebar .brand-link,:root[data-theme-color=custom] .sidebar .brand-link svg,:root[data-theme-color=custom] .sidebar nav a,:root[data-theme-color=custom] .sidebar nav a b,:root[data-theme-color=custom] .sidebar-chevron{color:#ffffffe6}:root[data-theme-color=custom] .sidebar nav a.active,:root[data-theme-color=custom] .sidebar nav a:hover{color:#fff;background:#ffffff2e}:root[data-theme-color=custom] .sidebar-tools{border-top-color:#ffffff42}:root[data-theme-color=custom] .compose-button{background:var(--app-compose-bg);color:var(--app-theme-color);box-shadow:0 8px 24px color-mix(in srgb, var(--app-theme-color) 22%, transparent);border:1px solid #ffffffb8}:root[data-theme-color=custom] .compose-button:hover{background:color-mix(in srgb, var(--app-compose-bg) 88%, var(--app-theme-color) 12%);color:var(--app-theme-color)}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-theme-color=custom]{--app-compose-bg:#fff}:root:not([data-theme=light])[data-theme-color=custom] .compose-button{border-color:#ffffffb8}}:root[data-theme=dark][data-theme-color=custom],:root[data-theme=light][data-theme-color=custom]{--app-compose-bg:#fff}:root[data-theme=light] .hero-metrics div,:root[data-theme=light] .feature-band article,:root[data-theme=light] .auth-card,:root[data-theme=light] .preview-device,:root[data-theme=light] .settings-panel,:root[data-theme=light] .settings-nav,:root[data-theme=light] .state-block,:root[data-theme=light] .hint-block,:root[data-theme=light] .message-pane,:root[data-theme=light] .mail-list-pane,:root[data-theme=light] .compose-pane,:root[data-theme=light] .content-page,:root[data-theme=light] .settings-page{background:#ffffffdb}:root[data-theme=dark] .hero-metrics div,:root[data-theme=dark] .feature-band article,:root[data-theme=dark] .auth-card,:root[data-theme=dark] .preview-device,:root[data-theme=dark] .settings-panel,:root[data-theme=dark] .settings-nav,:root[data-theme=dark] .state-block,:root[data-theme=dark] .hint-block,:root[data-theme=dark] .message-pane,:root[data-theme=dark] .mail-list-pane,:root[data-theme=dark] .compose-pane,:root[data-theme=dark] .content-page,:root[data-theme=dark] .settings-page{background:#1c1c1eeb}.settings-page .settings-panel,:root[data-theme=light] .settings-page .settings-panel,:root[data-theme=dark] .settings-page .settings-panel{box-shadow:none;background:0 0;border:0;border-radius:0}:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] select,:root[data-theme=light] .top-search input,:root[data-theme=light] .button-secondary,:root[data-theme=light] .user-chip{background:#ffffffeb}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select,:root[data-theme=dark] .top-search input,:root[data-theme=dark] .button-secondary,:root[data-theme=dark] .user-chip{background:#2c2c2ee0}:root[data-theme=light] .preview-toolbar,:root[data-theme=light] .preview-sidebar,:root[data-theme=light] .segmented,:root[data-theme=light] .compose-toolbar{background:#f5f5f7}:root[data-theme=light] .segmented{border-color:var(--app-line);background:#f5f5f7}:root[data-theme=light] .segmented button{color:var(--app-ink-muted)}:root[data-theme=light] .segmented button:hover{color:var(--app-ink);background:#ffffffb8}:root[data-theme=light] .segmented button.active{color:var(--app-ink);background:#fff;box-shadow:0 1px 4px #0000001f}:root[data-theme=light] .color-swatches button.active{border-color:var(--app-ink);box-shadow:none}:root[data-theme=dark] .preview-toolbar,:root[data-theme=dark] .preview-sidebar,:root[data-theme=dark] .segmented,:root[data-theme=dark] .compose-toolbar{background:#2c2c2e}:root[data-theme=dark] .segmented{background:#242426;border-color:#ffffff24}:root[data-theme=dark] .segmented button{color:#f5f5f7b8}:root[data-theme=dark] .segmented button:hover{color:#f5f5f7;background:#ffffff14}:root[data-theme=dark] .segmented button.active{color:#fff;background:#f5f5f729;box-shadow:inset 0 0 0 1px #ffffff14,0 1px 3px #00000047}:root[data-theme=dark] .color-swatches button.active{border-color:#f5f5f7eb;box-shadow:0 0 0 3px #f5f5f71f}:root[data-theme=dark] .preview-list article,:root[data-theme=dark] .preview-message{background:#1c1c1e}:root[data-theme=dark] .preview-list article.active{background:var(--app-selection-bg)}:root[data-theme=dark] .message-body{color:#f5f5f7}:root[data-theme=dark] .avatar{color:#d8ecff}:root[data-theme=dark] .skeleton-stack span{box-shadow:inset 0 1px #ffffff0a}:root[data-theme=light] .skeleton-stack span{box-shadow:inset 0 1px #ffffff47}:root[data-compact=true] .message-row{padding-block:9px}:root[data-compact=true] .settings-panel,:root[data-compact=true] .settings-grid{gap:12px}:root[data-compact=true] .settings-data-row,:root[data-compact=true] .setting-switch-row{min-height:56px}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@supports (-webkit-touch-callout:none){html,body,#app,.site-page,.auth-page,.app-frame{min-height:-webkit-fill-available}.marketing-nav:before{-webkit-backdrop-filter:saturate(190%) blur(var(--topbar-glass-blur));backface-visibility:hidden;contain:paint;transform:translate(0,0)}.hero-copy,.product-stage,.preview-device,.sidebar{backface-visibility:hidden;transform:translate(0,0)}.message-pane,.mail-list-pane,.compose-pane,.content-page,.settings-page{-webkit-overflow-scrolling:touch;backface-visibility:hidden;transform:translate(0,0)}}@media (width<=1080px){.hero-shell{grid-template-columns:1fr;gap:28px;min-height:auto}.client-device-row{grid-template-columns:repeat(3,minmax(0,1fr))}.product-stage{order:-1}.feature-band{grid-template-columns:1fr}.workspace{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}}@media (width<=860px){.marketing-nav,.app-topbar{padding:0 14px}.marketing-nav nav{display:none}.marketing-nav .nav-cta{margin-left:auto}.hero-copy h1,.not-found h1{font-size:42px}.hero-subtitle{font-size:19px}.hero-metrics,.footer-columns,.settings-grid{grid-template-columns:1fr}.footer-columns{border-top:1px solid var(--app-line);gap:0}.footer-column-section{gap:0;position:relative;overflow:hidden}.footer-column-section:after{background:var(--app-line);content:"";height:1px;position:absolute;bottom:0;left:0;right:0}.footer-column-section:last-child:after{display:none}.footer-section-title{margin:0;font-size:13px;font-weight:500}.footer-title-text{display:none}.footer-section-button{z-index:1;width:100%;min-height:43px;color:var(--app-ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;line-height:1.33337;display:flex;position:relative}.footer-section-button:focus-visible{outline:2px solid var(--app-blue);outline-offset:-4px}.footer-chevron{width:11px;height:11px;color:var(--app-ink);flex:none;transition:transform .3s;display:flex;position:relative;transform:rotate(0)}.footer-chevron:before,.footer-chevron:after{content:"";background:currentColor;border-radius:999px;width:7px;height:1.5px;position:absolute;top:5px}.footer-chevron:before{left:0;transform:rotate(45deg)}.footer-chevron:after{right:0;transform:rotate(-45deg)}.footer-column-section.expanded .footer-chevron{transform:rotate(180deg)}.footer-link-list{opacity:0;visibility:hidden;gap:0;max-height:0;padding:0;transition:max-height .3s,padding .3s,opacity .2s,transform .3s,visibility .3s step-end;overflow:hidden;transform:translateY(-12px)}.footer-column-section.expanded .footer-link-list{opacity:1;visibility:visible;max-height:320px;padding:5px 0 16px;transition:max-height .3s,padding .3s,opacity .22s 70ms,transform .3s,visibility step-start;transform:translateY(0)}.footer-link-list a{width:auto;padding:6px 14px;display:block}.settings-panel{padding:18px}.inline-form,.settings-two-col,.settings-meta-grid,.settings-filter-row{grid-template-columns:1fr}.settings-filter-row .checkbox-row{justify-self:start}.preview-grid{grid-template-columns:118px minmax(0,1fr)}.preview-message{border-top:1px solid var(--app-line);grid-column:1/-1;padding:24px}.app-body{grid-template-columns:1fr}.mobile-only{display:inline-grid}.sidebar{z-index:30;width:min(300px,86vw);height:auto;box-shadow:var(--app-shadow);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-104%)}.sidebar.open{transform:translate(0)}.sidebar-close{justify-self:end;display:inline-grid}.top-search{min-width:0;max-width:none;margin-left:0;display:flex}.app-topbar .brand-link span,.topbar-notification-button{display:none}.topbar-compose-link{display:inline-grid}.topbar-actions{flex:none;gap:8px}.workspace{grid-template-columns:1fr}.workspace:not(.single),.workspace.single{height:calc(100svh - var(--app-topbar) - 16px);margin:8px}.mail-list-pane{border-right:0;min-height:auto}.workspace:not(.mobile-detail-open)>.message-pane,.workspace.mobile-detail-open>.mail-list-pane{display:none}.workspace.mobile-detail-open>.message-pane{border-top:0;min-height:0;display:block}.mobile-detail-back{display:inline-flex}.message-pane{border-top:1px solid var(--app-line);min-height:70svh}}@media (width<=620px){.hero-shell,.client-hero,.feature-band,.site-footer{width:min(100% - 28px,1180px)}.hero-shell{gap:22px;min-height:auto;padding:30px 0 34px}.product-stage{display:none}.hero-copy h1,.not-found h1{font-size:34px}.hero-subtitle{font-size:17px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.hero-metrics div{min-height:86px;padding:12px 8px}.hero-metrics dt{font-size:15px;line-height:1.2}.hero-metrics dd{font-size:12px;line-height:1.35}.client-hero{gap:34px;min-height:auto;padding:46px 0 64px}.client-copy h1{font-size:42px}.client-subtitle{font-size:17px}.client-device-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.client-orb{width:min(118px,36vw)}.client-platform{font-size:16px}.hero-actions,.footer-bottom{border-top:0;flex-direction:column;align-items:stretch;margin-top:0}.footer-legal-links{justify-content:flex-start;min-width:0}.preview-device{min-height:0}.preview-grid{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-list{border-right:0}.user-chip small,.user-chip svg{display:none}.user-chip{justify-content:center;width:36px;min-width:36px;max-width:36px;padding:0}.pane-header,.message-header{min-height:auto;padding:16px}.pane-header h1,.message-header h1,.message-header h2{font-size:23px}.message-body{padding:20px 16px}.attachments{margin:0 16px 20px}.compose-pane label,.content-page>.search-field,.compose-meta-grid,.compose-recipient-card,.compose-toolbar,.signature-preview,.attachment-dropzone,.compose-attachments,.compose-draft-status{width:calc(100% - 32px);margin-inline:16px}.compose-meta-grid,.compose-recipient-card,.compose-attachment-row{grid-template-columns:1fr}.compose-recipient-actions{justify-content:flex-start}.settings-panel-heading,.setting-switch-row,.settings-data-row{grid-template-columns:1fr}.settings-panel-heading>span,.setting-switch-row>span{display:none}.segmented{grid-template-columns:repeat(var(--segmented-columns,3), minmax(0, 1fr));width:100%;display:grid}.segmented button{min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}