@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@500;600;700&family=Syne:wght@500;600;700;800&display=swap');

/* FIRETOOLS 2026 — Design System v2 — Mobile-First + Visual Upgrade */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;overflow-y:auto;scrollbar-gutter:stable;-webkit-text-size-adjust:100%}
:root{
  --bg:#fefdfc;--surface:#fff;--surface2:#fff;--border:#e2e5eb;--border2:#cdd2da;
  --text:#0f1218;--muted:#6b7280;--faint:#fff;
  --accent:#ea580c;--accent2:#ef4444;--accent-dark:#c2410c;--accent-light:#f3f4f6;
  --green:#059669;--green-light:#ecfdf5;--green-bg:#ecfdf5;
  --gold:#d97706;--gold-light:#fffbeb;--gold-bg:#fffbeb;
  --red:#dc2626;--red-light:#fef2f2;--red-bg:#fef2f2;
  --accent-rgb:234,88,12;
  --text-rgb:15,18,24;
  --surface-glass:rgba(255,255,255,.72);
  --canvas-neutral:#fff;
  --success-strong:#15803d;
  --success-soft:#dcfce7;
  --success-border:#86efac;
  --file-type-image-bg:#eef2ff;
  --file-type-svg-bg:#f8fafc;
  --file-type-pdf-bg:#fce7f3;
  --file-type-text-bg:#d1fae5;
  --file-type-generic-bg:#f1f5f9;
  --r:14px;--r-sm:10px;--r-lg:18px;--r-xl:24px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.04);
  --shadow:0 2px 8px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);
  --shadow-lg:0 12px 28px -5px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.04);
  --shadow-xl:0 25px 50px -12px rgba(0,0,0,.12);
  --font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --font-display:'Syne','DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --header-h:60px;
  --mob-bottom-h:0px;
  --safe-bottom:env(safe-area-inset-bottom,0px)
}
body.dark{
  --bg:#0c0e14;--surface:#151821;--surface2:#1e2230;--border:#262a3a;--border2:#353b50;
  --text:#edf0f7;--muted:#8b93a8;--faint:#181c28;
  --accent:#fb923c;--accent2:#f87171;--accent-dark:#f97316;--accent-light:rgba(148,163,184,.10);
  --green-light:rgba(5,150,105,.1);--green-bg:rgba(5,150,105,.08);
  --gold-light:rgba(217,119,6,.1);--gold-bg:rgba(217,119,6,.08);
  --red-light:rgba(220,38,38,.1);--red-bg:rgba(220,38,38,.08);
  --accent-rgb:249,115,22;
  --text-rgb:237,240,247;
  --surface-glass:rgba(21,24,33,.72);
  --canvas-neutral:#121620;
  --success-strong:#4ade80;
  --success-soft:rgba(22,101,52,.28);
  --success-border:rgba(74,222,128,.3);
  --file-type-image-bg:rgba(249,115,22,.18);
  --file-type-svg-bg:rgba(255,255,255,.06);
  --file-type-pdf-bg:rgba(236,72,153,.18);
  --file-type-text-bg:rgba(5,150,105,.18);
  --file-type-generic-bg:rgba(148,163,184,.18);
  --shadow-sm:0 1px 3px rgba(0,0,0,.35);--shadow:0 2px 6px rgba(0,0,0,.35);
  --shadow-lg:0 12px 28px rgba(0,0,0,.45);--shadow-xl:0 25px 50px rgba(0,0,0,.55)
}
body{
  font-family:var(--font);font-weight:600;background:var(--bg);color:var(--text);
  -webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;
  line-height:1.6;overflow-x:clip;
  -webkit-tap-highlight-color:transparent;
  background-image:
    radial-gradient(circle at top left, rgba(148,163,184,.08), transparent 34%),
    radial-gradient(circle at top right, rgba(226,232,240,.22), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,0));
  background-attachment:fixed;
}
body.dark{
  background-image:
    radial-gradient(circle at top left, rgba(51,65,85,.28), transparent 34%),
    radial-gradient(circle at top right, rgba(30,41,59,.22), transparent 28%),
    linear-gradient(180deg, rgba(10,12,18,.76), rgba(10,12,18,0));
}
input,select,textarea,button{font-family:var(--font)}
a{text-decoration:none;color:inherit}
::selection{background:rgba(var(--accent-rgb),.18);color:var(--text)}
:focus-visible{outline:3px solid rgba(var(--accent-rgb),.2);outline-offset:2px}
.skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:1200;
  padding:10px 14px;
  border:1px solid var(--accent);
  border-radius:12px;
  background:var(--surface);
  color:var(--text);
  font-size:.82rem;
  font-weight:800;
  transform:translateY(-140%);
  transition:transform .16s var(--ease);
  box-shadow:var(--shadow-lg);
}
.skip-link:focus-visible{transform:translateY(0)}
.segmented-control{display:inline-flex;align-items:center;background:var(--faint);border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px}
.segmented-btn{padding:8px 22px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;border:none;transition:all .15s;background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px}
.segmented-btn.active{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(var(--accent-rgb),.24)}
.save-pill{font-size:.65rem;font-weight:800;background:var(--green);color:#fff;padding:2px 7px;border-radius:20px}
.status-pill-success{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--success-soft);border:1px solid var(--success-border);border-radius:20px;font-size:.75rem;font-weight:700;color:var(--success-strong)}
.btn-contrast{background:var(--surface);color:var(--accent);border:none;box-shadow:var(--shadow-lg)}
.btn-contrast:hover{background:var(--surface2);color:var(--accent-dark)}
.error-boundary{background:linear-gradient(180deg,var(--surface-glass),var(--surface));border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg)}
/* ── Animations ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shimmer-bg{from{background-position:-200% 0}to{background-position:200% 0}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes glow-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.fade-up{animation:fadeUp .45s var(--ease) both}
.fade-in{animation:fadeIn .3s var(--ease) both}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}
html.theme-switching body,
html.theme-switching .header,
html.theme-switching .landing-header,
html.theme-switching .site-footer,
html.theme-switching .card,
html.theme-switching .tool-shell,
html.theme-switching .tool-stage,
html.theme-switching .tool-upload-card,
html.theme-switching .tool-note-card,
html.theme-switching .dash-left-rail,
html.theme-switching .dash-workspace-surface,
html.theme-switching .dash-storage-card-ref,
html.theme-switching .dash-storage-bottom-pane,
html.theme-switching .dash-storage-usage,
html.theme-switching .dash-history-item,
html.theme-switching .plan-card,
html.theme-switching .hero.hero-docs,
html.theme-switching .hero-panel-docs,
html.theme-switching .hero-proof,
html.theme-switching .hero-panel-metric,
html.theme-switching .tool-tile,
html.theme-switching .btn,
html.theme-switching .btn-icon,
html.theme-switching .search-input,
html.theme-switching .search-dropdown,
html.theme-switching .user-menu-dropdown,
html.theme-switching .notif-menu-dropdown,
html.theme-switching .tool-open-in-menu,
html.theme-switching .upload-zone,
html.theme-switching .preview-wrap,
html.theme-switching .sign-pad-wrap,
html.theme-switching .doc-source-btn,
html.theme-switching .pricing-toggle,
html.theme-switching .pricing-toggle-btn,
html.theme-switching .input,
html.theme-switching .select,
html.theme-switching .fld input,
html.theme-switching .fld select,
html.theme-switching .fld textarea,
html.theme-switching .page-title,
html.theme-switching .page-sub,
html.theme-switching .card-header{
  transition:
    background-color .24s ease,
    background-image .24s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .24s ease,
    opacity .2s ease;
}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}
/* ══════════════════════════════════════════════════
   BUTTONS — 44px min touch targets on mobile
   ══════════════════════════════════════════════════ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:11px 22px;border-radius:var(--r-sm);font-weight:700;font-size:.85rem;
  cursor:pointer;transition:all .18s var(--ease);border:1.5px solid transparent;
  letter-spacing:-.01em;min-height:44px;box-shadow:0 1px 0 rgba(255,255,255,.2) inset;
  white-space:nowrap;line-height:1.1;text-align:center;appearance:none;-webkit-appearance:none;
  font-family:var(--font);flex-shrink:0;
}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 10px 24px rgba(var(--accent-rgb),.28)}
.btn-primary:active{transform:scale(.98)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}
.btn-ghost:hover{background:rgba(var(--text-rgb),.04);border-color:var(--border2);transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--accent);border-color:var(--accent)}
.btn-outline:hover{background:var(--accent-light)}
.btn-sm{padding:8px 16px;font-size:.8rem;min-height:38px}
.btn-full{width:100%}
.btn-icon{
  background:none;border:1px solid transparent;cursor:pointer;font-size:1.05rem;padding:8px;
  border-radius:var(--r-sm);transition:all .12s;color:var(--muted);
  display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;
  line-height:1;flex-shrink:0;appearance:none;-webkit-appearance:none;
}
.btn-icon:hover{background:var(--faint);color:var(--text)}
.btn > svg,.btn-icon > svg,.pricing-toggle-btn > svg,.plan-cta-btn > svg,.es-action-chip > svg,.es-share-btn > svg,.es-copy-btn > svg,.es-bulk-btn > svg,.dash-filter-trigger > svg,.dash-source-trigger > svg,.es-view-btn > svg,.tool-open-in-item > svg,.user-menu-item > svg{flex-shrink:0}
.pricing-toggle-btn,
.plan-cta-btn,
.plan-info-btn,
.user-menu-item,
.tool-open-in-item,
.dash-storage-menu button,
.dash-filter-menu button,
.dash-filter-trigger,
.dash-source-trigger,
.dash-rail-action-btn,
.dash-share-pill,
.es-action-chip,
.es-share-btn,
.es-copy-btn,
.es-bulk-btn,
.es-view-btn,
.upgrade-chip,
.ad-cta{
  appearance:none;
  -webkit-appearance:none;
  font-family:var(--font);
  line-height:1.1;
}
/* ══════════════════════════════════════════════════
   CARDS & FORMS
   ══════════════════════════════════════════════════ */
.card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r);
  padding:20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease);
}
.card::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 28%);
  opacity:.8;
}
.card:hover,.card:focus-within{border-color:rgba(var(--accent-rgb),.24);box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.card-header{font-size:.85rem;font-weight:800;letter-spacing:-.01em;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}
.fld{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.fld label{font-size:.75rem;font-weight:700;color:var(--muted)}
.fld input,.fld select,.fld textarea{
  background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);
  padding:11px 14px;font-size:1rem;color:var(--text);outline:none;width:100%;
  transition:border-color .15s,box-shadow .15s;min-height:44px;
}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(234,88,12,.1)}
.fld input::placeholder,.fld textarea::placeholder{color:var(--border2)}
.fld textarea{resize:vertical}
/* ══════════════════════════════════════════════════
   MODALS — full-screen on mobile
   ══════════════════════════════════════════════════ */
.modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);z-index:500;display:flex;align-items:flex-end;
  justify-content:center;padding:0;animation:fadeIn .15s;
}
.modal{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-xl) var(--r-xl) 0 0;padding:28px 24px calc(24px + var(--safe-bottom));
  max-width:480px;width:100%;animation:fadeUp .25s var(--ease);
  box-shadow:var(--shadow-xl);position:relative;max-height:90dvh;overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.modal[role="dialog"]{outline:none}
.auth-inline-btn{
  border:none;
  background:transparent;
  padding:0;
  color:var(--accent);
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.auth-inline-btn:hover{text-decoration:underline}
.auth-inline-btn-small{
  font-size:.78rem;
  font-weight:600;
}
.modal-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}
.modal-sub{font-size:.85rem;color:var(--muted);margin-bottom:24px;line-height:1.6}
.modal-close{
  position:absolute;top:16px;right:16px;background:var(--faint);border:1px solid var(--border);
  border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:.8rem;transition:all .12s;color:var(--muted);
}
.modal-close:hover{color:var(--text);background:var(--surface2)}
/* Drag handle for mobile sheet feel */
.modal::before{
  content:'';display:block;width:36px;height:4px;background:var(--border2);
  border-radius:4px;margin:0 auto 16px;flex-shrink:0;
}
/* ══════════════════════════════════════════════════
   BADGES & SECTION TITLES
   ══════════════════════════════════════════════════ */
.badge{display:inline-flex;padding:3px 10px;border-radius:99px;font-size:.68rem;font-weight:700}
.badge-green{background:var(--green-light);color:var(--green)}
.badge-purple{background:rgba(249,115,22,.08);color:#f97316}
.badge-muted{background:var(--faint);color:var(--muted);border:1px solid var(--border)}
.badge-gold{background:var(--gold-light);color:var(--gold)}
.sec-title{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:.7rem;font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-family:var(--mono)}
.sec-title::after{content:'';flex:1;height:1px;background:var(--border)}
/* ══════════════════════════════════════════════════
   TOAST NOTIFICATIONS
   ══════════════════════════════════════════════════ */
.toast-container{position:fixed;bottom:calc(var(--mob-bottom-h) + 12px + var(--safe-bottom));left:12px;right:12px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:400px;margin:0 auto}
.toast-container .toast{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--r);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:.84rem;font-weight:600;pointer-events:auto}
.toast-container .toast.green{border-color:var(--green)}
.toast-container .toast.red{border-color:var(--red)}
.toast-container .toast.gold,.toast-container .toast.warning{border-color:var(--gold)}
.toast-icon{flex-shrink:0;font-size:.82rem}
.toast.green .toast-icon{color:var(--green)}
.toast.red .toast-icon{color:var(--red)}
.toast.gold .toast-icon,.toast.warning .toast-icon{color:var(--gold)}
.toast-msg{flex:1;line-height:1.4}
.toast-enter{animation:fadeUp .2s var(--ease) both}
.toast-exit{animation:toastOut .18s var(--ease) both}
@keyframes toastIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes toastOut{from{opacity:1}to{opacity:0;transform:translateY(-4px)}}
.toast:not(.toast-enter):not(.toast-exit){position:fixed;bottom:calc(var(--mob-bottom-h) + 16px + var(--safe-bottom));right:16px;left:16px;z-index:9999;background:var(--text);color:var(--bg);padding:14px 22px;border-radius:var(--r);font-size:.84rem;font-weight:600;animation:fadeUp .25s var(--ease);box-shadow:var(--shadow-lg)}
.toast.green:not(.toast-enter):not(.toast-exit){background:var(--green)}
.toast.red:not(.toast-enter):not(.toast-exit){background:var(--red)}
/* ══════════════════════════════════════════════════
   LAYOUT
   ══════════════════════════════════════════════════ */
.app-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;gap:10px;color:var(--muted);font-size:.88rem}
.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .5s linear infinite}
.tool-loading{display:flex;align-items:center;justify-content:center;min-height:300px;gap:10px;color:var(--muted)}
/* ══════════════════════════════════════════════════
   HEADER — Glassmorphism + compact mobile
   ══════════════════════════════════════════════════ */
.header{
  display:flex;align-items:center;gap:12px;padding:0 16px;height:var(--header-h);
  background:var(--surface);
  border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;
  box-shadow:0 8px 24px rgba(12,18,32,.06);
}
body.dark .header{background:var(--surface);border-bottom-color:var(--border)}
.logo{font-size:1.1rem;font-weight:900;letter-spacing:-.04em;cursor:pointer;flex-shrink:0;color:var(--text);text-decoration:none}
.logo span{color:var(--accent)}
.search-wrap{margin-left:auto;flex:1;max-width:360px}
.hnav-btn{
  padding:7px 12px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:600;
  cursor:pointer;border-radius:var(--r-sm);transition:all .15s;white-space:nowrap;
  text-decoration:none;display:flex;align-items:center;gap:5px;border:none;
}
.hnav-btn:hover{color:var(--text);background:var(--faint)}
.hnav-btn.active{color:var(--accent);background:var(--accent-light);font-weight:700}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;margin-left:auto}
.header-right .search-wrap{margin-left:0;flex:0 1 340px;width:clamp(190px,24vw,340px);max-width:340px}
.lang-picker-btn{display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border);background:var(--surface);border-radius:999px}
.lang-picker.open-up .lang-picker-menu-up{top:auto;bottom:calc(100% + 10px)}
.avatar-sm{
  width:28px;height:28px;border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:.65rem;font-weight:800;
}
/* ══════════════════════════════════════════════════
   SEARCH
   ══════════════════════════════════════════════════ */
.search-wrap{position:relative;flex-shrink:1}
.search-input{
  width:100%;padding:8px 12px;background:var(--faint);border:1.5px solid var(--border);
  border-radius:99px;font-size:.8rem;color:var(--text);outline:none;transition:all .15s;
}
.search-input:focus{width:100%;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px rgba(234,88,12,.08)}
.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-xl);z-index:200;overflow:hidden;padding:4px}
.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text);font-size:.82rem;cursor:pointer;text-align:left;border-radius:var(--r-sm);font-family:var(--font);transition:background .08s;min-height:40px}
.search-result:hover,
.search-result[aria-selected="true"]{background:var(--faint)}
.search-result:focus-visible{background:var(--faint)}
.search-sub{font-size:.68rem;color:var(--muted);margin-left:auto}
.search-result > span:first-child,
.mob-nav-item svg{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.search-result > span:first-child svg,
.mob-nav-item svg{width:18px;height:18px}
/* ══════════════════════════════════════════════════
   MOBILE DRAWER — slide-in panel with spring anim
   ══════════════════════════════════════════════════ */
.mob-menu-btn{display:none;background:none;border:none;font-size:1.15rem;cursor:pointer;padding:6px 8px;color:var(--text);min-width:40px;min-height:40px;display:none;align-items:center;justify-content:center}
.mob-hide{}
.mob-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:600;animation:fadeIn .15s}
.mob-drawer{
  position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;
  background:var(--surface);border-right:1px solid var(--border);
  padding:20px 16px calc(16px + var(--safe-bottom));
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  display:flex;flex-direction:column;gap:2px;
  animation:slideInLeft .25s var(--ease);
  box-shadow:4px 0 24px rgba(0,0,0,.12);
}
.mob-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.mob-close{background:var(--faint);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;color:var(--muted);transition:all .12s}
.mob-close:hover{background:var(--surface2);color:var(--text)}
.mob-nav-item{
  display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:none;
  background:transparent;color:var(--text);font-size:.86rem;font-weight:600;cursor:pointer;
  border-radius:var(--r-sm);transition:all .12s;text-align:left;font-family:var(--font);
  min-height:44px;
}
.mob-nav-item:hover{background:var(--faint)}
.mob-nav-item.active{background:var(--accent-light);color:var(--accent)}
.mob-divider{height:1px;background:var(--border);margin:8px 0}
/* ══════════════════════════════════════════════════
   MOBILE BOTTOM NAV — persistent quick access
   ══════════════════════════════════════════════════ */
.mob-bottom-nav{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;
  background:rgba(255,255,255,.92);backdrop-filter:blur(20px) saturate(1.5);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  border-top:1px solid rgba(0,0,0,.06);
  box-shadow:0 -10px 28px rgba(15,23,42,.08);
  padding:6px 8px calc(6px + var(--safe-bottom));
  height:calc(var(--mob-bottom-h) + var(--safe-bottom));
}
body.dark .mob-bottom-nav{background:rgba(21,24,33,.94);border-top-color:rgba(255,255,255,.06);box-shadow:0 -12px 30px rgba(0,0,0,.28)}
.mob-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;height:100%;max-width:500px;margin:0 auto}
.mob-bottom-nav-btn{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  background:none;border:none;cursor:pointer;padding:4px 8px;
  color:var(--muted);transition:color .15s;min-width:48px;
  -webkit-tap-highlight-color:transparent;
}
.mob-bottom-nav-btn.active{color:var(--accent)}
.mob-bottom-nav-btn .bnav-icon{font-size:1.2rem;line-height:1}
.mob-bottom-nav-btn .bnav-label{font-size:.6rem;font-weight:700;letter-spacing:.02em}
.main-content{max-width:1180px;margin:0 auto;padding:30px 20px 40px;position:relative;isolation:isolate}
.main-content-wide{max-width:1600px}
.tool-page{position:relative;margin-top:-30px;padding-top:30px}
.tool-page > *{position:relative;z-index:1}
.tool-page::before{
  display:none;
}
.app-sidebar{
  --sidebar-top:calc(var(--header-h) + 14px);
  position:fixed;
  top:var(--sidebar-top);
  left:16px;
  bottom:16px;
  z-index:90;
  width:224px;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 14px;
  border:1px solid rgba(var(--accent-rgb),.12);
  border-radius:22px;
  background:rgba(255,255,255,.82);
  box-shadow:0 24px 70px rgba(15,23,42,.08);
  backdrop-filter:blur(18px);
  overflow:hidden;
}
.app-sidebar-logo{display:inline-flex;align-items:center;width:max-content;margin:2px 8px 14px;color:var(--text);text-decoration:none;font-size:1.12rem;font-weight:950;letter-spacing:-.05em}
.app-sidebar-logo span{color:var(--accent)}
.app-sidebar-label{margin:12px 10px 6px;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.app-sidebar-list{display:grid;gap:4px;min-height:0;overflow-y:auto;padding-right:2px}
.app-sidebar-list::-webkit-scrollbar{width:4px}
.app-sidebar-list::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.22);border-radius:999px}
.app-sidebar-item{
  width:100%;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 11px;border:0;border-radius:10px;
  background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem;font-weight:800;text-align:left;
  transition:background .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);
}
.app-sidebar-item:hover{background:var(--faint);color:var(--text)}
.app-sidebar-item.active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(59,130,246,.1));color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.12)}
.app-sidebar-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.app-sidebar-icon svg{width:18px;height:18px}
.app-sidebar-upload{
  margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:116px;padding:16px 12px;
  border:1px dashed rgba(var(--accent-rgb),.28);border-radius:16px;background:rgba(255,255,255,.62);color:var(--muted);cursor:pointer;font:inherit;text-align:center;
}
.app-sidebar-upload:hover{border-color:rgba(var(--accent-rgb),.45);background:var(--accent-light)}
.app-sidebar-upload-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--faint);color:var(--accent)}
.app-sidebar-upload strong{color:var(--text);font-size:.78rem}
.app-sidebar-upload small{color:var(--accent);font-size:.72rem;font-weight:800}
.app-sidebar-account{margin-top:6px}
.app-main-with-sidebar{width:calc(100% - 260px);max-width:none;margin-left:248px;margin-right:12px;padding-left:24px;padding-right:24px}
body.dark .app-sidebar{border-color:rgba(255,255,255,.09);background:rgba(15,23,42,.56);box-shadow:0 28px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05)}
body.dark .app-sidebar-item.active{color:var(--accent);background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body.dark .app-sidebar-upload{border-color:rgba(148,163,184,.28);background:rgba(255,255,255,.025)}
body.dark .app-sidebar-upload:hover{border-color:rgba(251,146,60,.28);background:rgba(255,255,255,.06)}
body.dark .app-sidebar-upload-icon{background:rgba(148,163,184,.1);color:#cbd5e1}
/* ══════════════════════════════════════════════════
   TOOL PAGE
   ══════════════════════════════════════════════════ */
.tool-page{}
.tool-back{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 10px;border-radius:var(--r-sm);transition:all .12s;font-family:var(--font);min-height:40px}
.tool-back:hover{color:var(--accent);background:var(--accent-light)}
.tool-page-info{flex:1}
.tool-page-name{font-size:1.15rem;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:7px}
.tool-page-desc{font-size:.82rem;color:var(--muted);margin-top:2px}
.tool-actions{display:flex;gap:4px}
.tool-open-in{position:relative}
.tool-open-in-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-xl);z-index:50;min-width:180px;padding:4px}
.tool-open-in-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text);font-size:.82rem;cursor:pointer;border-radius:var(--r-sm);transition:all .08s;text-align:left;font-family:var(--font);min-height:40px}
.tool-open-in-item:hover{background:var(--faint)}
.tool-404{text-align:center;padding:80px 20px;color:var(--muted)}
.feature-paused-page{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:48px 20px}
.feature-paused-card{width:min(560px,100%);padding:34px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);text-align:center}
.feature-paused-card h1{margin:8px 0 12px;font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-.05em}
.feature-paused-card p{margin:0 auto 22px;max-width:440px;color:var(--muted);font-weight:650;line-height:1.7}
.tool-layout-wide{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
/* ══════════════════════════════════════════════════
   FLOATING ACTION BAR — above bottom nav on mobile
   ══════════════════════════════════════════════════ */
.tw-action-bar{position:fixed;bottom:calc(var(--mob-bottom-h) + 16px + var(--safe-bottom));left:50%;transform:translateX(-50%);z-index:90;animation:fadeUp .25s var(--ease);max-width:calc(100vw - 24px)}
.tw-action-inner{display:flex;align-items:center;gap:10px;padding:12px 18px;background:rgba(255,255,255,.9);border:1px solid rgba(var(--accent-rgb),.14);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);backdrop-filter:blur(18px)}
.tw-action-label{font-size:.78rem;font-weight:800;color:var(--green);padding:7px 10px;background:var(--green-light);border-radius:999px;border:none}
.tw-action-btns{display:flex;gap:6px}
.tw-next-bar{display:flex;gap:4px;margin-top:8px;padding:8px;background:rgba(255,255,255,.92);border:1px solid rgba(var(--accent-rgb),.12);border-radius:var(--r);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px)}
.tw-next-item{display:flex;align-items:center;gap:6px;padding:10px 14px;border:none;background:transparent;color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;border-radius:var(--r-sm);transition:all .12s;font-family:var(--font);white-space:nowrap;min-height:40px}
.tw-next-item:hover{background:var(--accent-light);color:var(--accent)}
/* ══════════════════════════════════════════════════
   DASHBOARD
   ══════════════════════════════════════════════════ */
.dash{}
.dash-hero{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:18px;align-items:stretch;
  margin-bottom:20px;padding:24px;border:1px solid rgba(var(--accent-rgb),.12);border-radius:28px;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(255,255,255,.72) 42%,rgba(5,150,105,.07));
  box-shadow:var(--shadow-lg);
}
.dash-hero-copy{display:flex;flex-direction:column;gap:14px}
.dash-greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.dash-hello{font-size:1.4rem;font-weight:900;letter-spacing:-.04em}
.dash-sub{font-size:.84rem;color:var(--muted);margin-top:3px}
.dash-hero .dash-greeting{margin-bottom:0}
.dash-spotlight{
  background:linear-gradient(180deg,#171a28,#10131d);color:#eef2ff;border-radius:22px;padding:20px;
  border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(18,24,42,.18);
}
.dash-spotlight-label{font-size:.68rem;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9ca6cf}
.dash-spotlight-value{font-size:2.6rem;font-weight:900;letter-spacing:-.08em;line-height:1;margin:12px 0 6px}
.dash-spotlight-sub{font-size:.84rem;color:#b7bfdc;line-height:1.6}
.dash-refresh{background:none;border:1.5px solid var(--border);padding:8px 14px;border-radius:var(--r-sm);color:var(--muted);cursor:pointer;font-size:.78rem;font-weight:700;transition:all .12s;font-family:var(--font);min-height:40px}
.dash-refresh:hover{border-color:var(--accent);color:var(--accent)}
.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}
.dash-stat{background:linear-gradient(180deg,rgba(255,255,255,.82),var(--surface));border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.dash-stat-icon{font-size:1.3rem}
.dash-stat-body{flex:1}
.dash-stat-num{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.dash-stat-label{font-size:.66rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.dash-stat-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--faint)}
.dash-stat-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s var(--ease);border-radius:0 3px 3px 0}
.dash-grid{display:grid;grid-template-columns:5fr 3fr;gap:16px;align-items:start}
.dash-sidebar-col{display:flex;flex-direction:column;gap:12px}
.dash-section{background:linear-gradient(180deg,rgba(255,255,255,.78),var(--surface));border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--shadow-sm)}
.dash-section-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.dash-section-hdr h2{font-size:.84rem;font-weight:800;letter-spacing:-.02em}
.dash-filters{display:flex;gap:1px;background:var(--faint);border-radius:var(--r-sm);padding:3px}
.dash-filter{padding:6px 12px;border:none;background:transparent;color:var(--muted);font-size:.72rem;font-weight:700;cursor:pointer;border-radius:8px;transition:all .12s;font-family:var(--font);min-height:32px}
.dash-filter:hover{color:var(--text)}
.dash-filter.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
.dash-file-list{display:flex;flex-direction:column}
.dash-file{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--faint)}
.dash-file:last-child{border-bottom:none}
.dash-file-icon{
  width:38px;height:38px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  color:var(--accent);background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.08);
}
.dash-file-icon svg{width:19px;height:19px}
.dash-file-info{flex:1;min-width:0}
.dash-file-name{font-size:.84rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-file-meta{font-size:.72rem;color:var(--muted)}
.dash-file-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;min-width:232px}
.dash-empty{text-align:center;padding:28px 16px;color:var(--muted)}
.dash-empty-sm{padding:14px}
.dash-empty-icon{font-size:1.8rem;margin-bottom:6px;display:flex;align-items:center;justify-content:center;color:var(--accent)}
.dash-empty-icon svg{width:28px;height:28px}
.dash-empty p{font-size:.82rem;margin-bottom:10px}
.dash-tool-history{display:flex;flex-direction:column;gap:2px}
.dash-tool-item{display:flex;align-items:center;gap:8px;padding:10px;border:none;background:transparent;color:var(--text);font-size:.82rem;cursor:pointer;border-radius:var(--r-sm);transition:all .1s;text-align:left;width:100%;font-family:var(--font);min-height:44px}
.dash-tool-item:hover{background:var(--faint)}
.dash-tool-icon{font-size:.95rem;display:flex;align-items:center;justify-content:center;color:var(--accent)}
.dash-tool-icon svg{width:16px;height:16px}
.dash-tool-name{flex:1;font-weight:600}
.dash-tool-time{font-size:.66rem;color:var(--muted);font-family:var(--mono)}
.dash-plan-card{background:var(--accent-light);border-color:rgba(234,88,12,.12)}
body.dark .dash-plan-card{background:rgba(249,115,22,.05)}
.dash-plan-name{font-size:.88rem;font-weight:800}
.dash-plan-info{font-size:.74rem;color:var(--muted);margin-top:2px}
.dash-workflows{display:flex;flex-direction:column;gap:6px}
.dash-workflow{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1.5px solid var(--border);background:transparent;cursor:pointer;border-radius:var(--r-sm);transition:all .15s;text-align:left;width:100%;font-family:var(--font);min-height:44px}
.dash-workflow:hover{border-color:var(--accent);background:var(--accent-light)}
.dash-wf-label{font-size:.74rem;font-weight:700;color:var(--text)}
.dash-wf-steps{display:flex;align-items:center;gap:3px;font-size:.88rem}
.dash-wf-step{display:flex;align-items:center;justify-content:center;color:var(--accent)}
.dash-wf-step svg{width:16px;height:16px}
.dash-wf-arrow{font-size:.58rem;color:var(--muted)}
.wf-view-toggle{display:flex;gap:2px;background:var(--faint);border-radius:var(--r-sm);padding:3px}
.wf-view-btn{border:none;background:transparent;padding:5px 12px;font-size:.68rem;font-weight:700;color:var(--muted);cursor:pointer;border-radius:8px;font-family:var(--font);transition:all .12s;min-height:28px}
.wf-view-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
.wf-stepper{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:20px 20px 16px;cursor:pointer;transition:all .2s var(--ease);margin-bottom:8px}
.wf-stepper:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.wf-stepper-title{font-size:.76rem;font-weight:800;color:var(--text);margin-bottom:16px}
.wf-stepper-track{display:flex;align-items:flex-start;gap:0;position:relative}
.wf-stepper-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}
.wf-stepper-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0;position:relative;transition:all .2s}
.wf-stepper-dot.completed{background:var(--green)}
.wf-stepper-dot.completed svg{width:14px;height:14px}
.wf-stepper-dot.active{background:transparent;border:3px solid var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}
.wf-stepper-dot.active::after{content:'';width:10px;height:10px;background:var(--accent);border-radius:50%;position:absolute}
.wf-stepper-dot.pending{background:var(--accent-light);border:none}
body.dark .wf-stepper-dot.pending{background:rgba(249,115,22,.2)}
.wf-stepper-line{position:absolute;top:14px;left:calc(50% + 14px);right:calc(-50% + 14px);height:3px;border-radius:2px}
.wf-stepper-line.done{background:var(--green)}
.wf-stepper-line.in-progress{background:linear-gradient(90deg,var(--accent) 50%,var(--border) 50%)}
.wf-stepper-line.upcoming{background:var(--border)}
.wf-stepper-step:last-child .wf-stepper-line{display:none}
.wf-stepper-meta{text-align:center;margin-top:8px}
.wf-stepper-label-sm{font-size:.58rem;font-weight:800;font-family:var(--mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.wf-stepper-label{font-size:.72rem;font-weight:800;color:var(--text)}
.wf-stepper-status{font-size:.6rem;font-weight:700;margin-top:1px}
.wf-stepper-status.completed{color:var(--green)}
.wf-stepper-status.active{color:var(--accent)}
.wf-stepper-status.pending{color:var(--muted)}
.dash-grid-storage{grid-template-columns:minmax(0,1.75fr) minmax(320px,.95fr)}
.dash-storage-window{background:linear-gradient(180deg,rgba(255,255,255,.84),var(--surface));border:1px solid var(--border);border-radius:28px;padding:18px;box-shadow:var(--shadow-sm)}
.dash-storage-window-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--faint);margin-bottom:16px}
.dash-storage-title{font-size:1.35rem;font-weight:900;letter-spacing:-.04em}
.dash-storage-caption{font-size:.82rem;color:var(--muted);margin-top:4px}
.dash-storage-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dash-storage-window-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);gap:16px;align-items:start}
.dash-storage-main{min-width:0}
.dash-storage-side{display:flex;flex-direction:column;gap:14px}
.dash-storage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.dash-share-pane,.dash-share-links-pane{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:16px}
.dash-share-pane-head{margin-bottom:12px}
.dash-share-pane-title{font-size:.84rem;font-weight:800;letter-spacing:-.02em}
.dash-share-pane-sub{font-size:.74rem;color:var(--muted);margin-top:4px;line-height:1.5}
.dash-storage-shell{padding:18px}
.dash-storage-header{align-items:flex-start;gap:14px;margin-bottom:16px}
.dash-storage-sub{font-size:.76rem;color:var(--muted);margin-top:4px}
.dash-storage-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.dash-view-toggle{display:flex;gap:6px}
.dash-view-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}
.dash-view-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.dash-storage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.dash-storage-card{position:relative;padding:14px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.92),var(--surface));box-shadow:var(--shadow-sm);cursor:default;transition:all .15s}
.dash-storage-card:hover{border-color:var(--accent);transform:translateY(-1px)}
.dash-storage-card.queued{border-color:var(--accent);background:var(--accent-light)}
.dash-storage-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.dash-storage-tool-badge{width:34px;height:34px;border-radius:12px;background:var(--faint);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.dash-storage-tool-badge svg{width:18px;height:18px}
.dash-storage-preview{aspect-ratio:3/3.6;border-radius:20px;background:linear-gradient(180deg,var(--surface),var(--surface2));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:14px}
.dash-storage-preview svg{width:34px;height:34px}
.dash-storage-name{font-size:.92rem;font-weight:800;line-height:1.3;word-break:break-word}
.dash-storage-meta{font-size:.72rem;color:var(--muted);margin-top:6px}
.dash-storage-check{width:28px;height:28px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.76rem;font-weight:900;transition:all .12s}
.dash-storage-check.active{border-color:var(--accent);background:var(--accent);color:#fff}
.dash-file-list-storage{gap:4px}
.dash-file-list-storage{max-width:920px}
.dash-file-storage{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid transparent;border-radius:18px;cursor:default;background:var(--surface)}
.dash-file-storage.queued{border-color:var(--accent);background:var(--accent-light)}
.dash-share-section{display:flex;flex-direction:column;gap:12px}
.dash-share-mode-btn{padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:.74rem;font-weight:800;color:var(--muted);cursor:pointer}
.dash-share-mode-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.dash-share-sub{font-size:.74rem;color:var(--muted);margin-top:-4px}
.dash-share-dropzone{border:1.5px dashed var(--border);border-radius:20px;padding:16px;background:var(--faint);transition:all .15s}
.dash-share-dropzone.dragover,.dash-share-dropzone.filled{border-color:var(--accent);background:var(--accent-light)}
.dash-share-dropzone-title{font-size:.74rem;font-weight:800;letter-spacing:-.01em;margin-bottom:8px}
.dash-share-dropzone p{font-size:.75rem;color:var(--muted);line-height:1.55}
.dash-share-pill-row{display:flex;flex-wrap:wrap;gap:8px}
.dash-share-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:999px;background:var(--surface);color:var(--text);font-size:.74rem;font-weight:700;cursor:pointer}
.dash-share-actions{display:flex;gap:8px}
.dash-share-actions .btn{flex:1}
.dash-active-shares{display:flex;flex-direction:column;gap:10px}
.dash-active-share{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--faint)}
.dash-active-share:last-child{border-bottom:none}
.dash-share-link-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.dash-storage-window .dash-empty{padding:26px 14px}
.lang-picker{position:relative}
/* ══════════════════════════════════════════════════
   TOOL-SPECIFIC CSS
   ══════════════════════════════════════════════════ */
/* Upload zone */
.upload-zone{border:2px dashed var(--border2);border-radius:var(--r-lg);padding:48px 28px;text-align:center;cursor:pointer;transition:all .25s var(--ease);background:var(--faint);position:relative}
.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-light);border-style:solid}
.upload-zone .uz-icon{font-size:2.2rem;margin-bottom:14px}
.upload-zone h4{font-size:1.05rem;font-weight:800;margin-bottom:8px;letter-spacing:-.02em}
.upload-zone p{font-size:.84rem;color:var(--muted);line-height:1.55}
.uz-pill{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:16px;background:rgba(var(--accent-rgb),.08);color:var(--accent);
  border:1px solid rgba(var(--accent-rgb),.14);border-radius:999px;
  padding:8px 16px;font-size:.68rem;font-weight:800;font-family:var(--mono);
  letter-spacing:.08em;text-transform:uppercase;box-shadow:none;
}
body.dark .uz-pill{
  background:rgba(255,255,255,.05);
  color:#c7cdf7;
  border-color:rgba(255,255,255,.09);
}
/* Tool layout */
.tool-layout{display:grid;grid-template-columns:300px 1fr;gap:20px}
/* Preview canvas */
.preview-wrap{background:repeating-conic-gradient(var(--faint) 0% 25%,var(--surface) 0% 50%) 50%/20px 20px;border-radius:var(--r);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:280px;position:relative;border:1px solid var(--border)}
#wm-canvas{max-width:100%;display:block;border-radius:var(--r-sm)}
/* Header Nav variants */
.upgrade-chip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:100px;padding:6px 16px;font-size:.72rem;font-weight:800;cursor:pointer;transition:opacity .15s;flex-shrink:0}
.upgrade-chip:hover{opacity:.88}
/* Page */
.page{max-width:1080px;margin:0 auto;padding:32px 24px}
.page-title{font-size:clamp(1.7rem,3vw,2.35rem);font-weight:900;letter-spacing:-.05em;margin-bottom:8px;line-height:1.05}
.legal-page{width:100%;padding:32px clamp(18px,4vw,32px) 72px}
.legal-shell{width:min(100%,820px);margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px;box-shadow:var(--shadow-sm)}
.legal-head{margin-bottom:20px}
.legal-updated{font-size:.82rem;color:var(--muted);font-weight:700}
.legal-intro{padding:18px 20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--faint);font-size:.92rem;line-height:1.7;color:var(--text);margin-bottom:24px}
.legal-sections{display:flex;flex-direction:column;gap:18px}
.legal-section h2{font-size:1rem;font-weight:900;letter-spacing:-.02em;margin-bottom:8px}
.legal-section p{font-size:.9rem;line-height:1.75;color:var(--muted)}
.legal-section a{color:var(--accent);text-decoration:none}
.legal-section a:hover{text-decoration:underline}
.page-sub{font-size:.96rem;color:var(--muted);margin-bottom:30px;line-height:1.7;max-width:760px}
.tool-shell{
  position:relative;padding:22px 0 8px;
}
.tool-shell::before{
  display:none;
}
.tool-shell > *{position:relative;z-index:1}
.tool-stage{position:relative}
.tool-stage-center{padding:8px 0 2px}
.tool-preview-card{overflow:hidden}
.tool-preview-card .card-header{margin-bottom:14px}
.tool-note-card{box-shadow:var(--shadow-sm)}
.tool-note-copy{font-size:.82rem;color:var(--muted);line-height:1.65}
.tool-compact-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tool-compact-status strong{font-size:.84rem;letter-spacing:-.01em}
.tool-meta-row{padding:12px 14px;background:rgba(255,255,255,.55);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm)}
.tool-upload-card{background:linear-gradient(180deg,rgba(255,255,255,.72),var(--surface))}
.tool-layout-watermark,
.tool-layout-invoice,
.tool-layout-qr,
.tool-layout-esign{align-items:start}
.tool-shell-watermark .page-title,
.tool-shell-invoice .page-title,
.tool-shell-qr .page-title,
.tool-shell-esign .page-title,
.tool-shell-pdf .page-title{max-width:900px}
.tool-shell-watermark::before{background:radial-gradient(circle at top center, rgba(var(--accent-rgb),.14), transparent 68%)}
.tool-shell-invoice::before{background:radial-gradient(circle at top center, rgba(var(--accent-rgb),.14), transparent 68%)}
.tool-shell-qr::before{background:radial-gradient(circle at top center, rgba(var(--accent-rgb),.14), transparent 68%)}
.tool-shell-esign::before{background:radial-gradient(circle at top center, rgba(var(--accent-rgb),.14), transparent 68%)}
.tool-shell-pdf::before{background:radial-gradient(circle at top center, rgba(var(--accent-rgb),.14), transparent 68%)}
.tool-shell-watermark .upload-zone,
.tool-shell-pdf .upload-zone{
  background:
    linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,.15)),
    var(--faint);
}
.tool-shell-watermark .type-toggle-btn.active,
.tool-shell-qr .qr-pill.active,
.tool-shell-esign .sign-mode-btn.active{
  box-shadow:0 12px 26px rgba(var(--accent-rgb),.16);
}
.qr-action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.converter-preview-card{margin-top:12px}
.converter-image-preview{
  min-height:220px;border:1px solid var(--border);border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.1)), var(--faint);
  display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden
}
.converter-image-preview img{max-width:100%;max-height:280px;display:block;border-radius:14px;box-shadow:var(--shadow-lg)}
.converter-text-preview{
  margin:0;border:1px solid var(--border);border-radius:18px;background:var(--surface2);
  padding:16px 18px;min-height:220px;max-height:320px;overflow:auto;
  font:500 .78rem/1.65 var(--mono);color:var(--text);white-space:pre-wrap;word-break:break-word
}
.invoice-item-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.es-share-danger-chip{border-color:rgba(220,38,38,.16);color:#b91c1c;background:rgba(220,38,38,.08)}
.es-share-danger-chip:hover{border-color:#ef4444;background:rgba(239,68,68,.12);color:#991b1b}
.tool-shell-invoice .inv-total-banner,
.tool-shell-qr .qr-preview-box,
.tool-shell-esign .sign-pad-wrap,
.tool-shell-pdf iframe{
  box-shadow:var(--shadow-lg);
}
.pdf-editor-stage{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:flex-start;margin-bottom:32px}
.pdf-editor-preview-pane{min-width:0}
.pdf-editor-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.pdf-editor-preview-frame{width:100%;height:640px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}
.pdf-editor-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:84px}
.pdf-editor-side .card{background:linear-gradient(180deg,rgba(255,255,255,.78),var(--surface))}
.pdf-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pdf-page-strip{display:grid;gap:10px;max-height:260px;overflow:auto;margin-bottom:12px}
.pdf-page-chip{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}
.pdf-page-chip.deleted{opacity:.55;background:rgba(239,68,68,.05)}
.pdf-page-chip img{width:72px;height:92px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}
.pdf-page-chip-meta{display:grid;gap:8px}
.pdf-page-chip-meta strong{font-size:.78rem}
.pdf-inline-actions{display:flex;gap:8px;margin-bottom:10px}
.pdf-inline-range{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:10px}
.pdf-review-list{display:grid;gap:8px;margin-top:12px}
.pdf-review-item{display:grid;gap:4px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface2);font-size:.76rem}
.pdf-review-item strong{text-transform:uppercase;letter-spacing:.05em;font-size:.62rem}
.pdf-review-item.highlight strong{color:#b45309}
.pdf-review-item.redact strong{color:#b91c1c}
.pdf-review-item.comment strong{color:var(--accent)}
.pdf-quick-action-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;transition:all .15s;text-align:left}
.pdf-quick-action-btn:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.pdf-quick-action-icon{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pdf-subtools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}
.pdf-subtool-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 14px 16px;
  cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  transition:all .2s;position:relative;box-shadow:var(--shadow-sm);animation:fadeUp .4s ease both;
}
.pdf-subtool-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--accent-rgb),.12)}
.pdf-subtool-icon{
  width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;flex-shrink:0;
}
.pdf-subtool-label{font-size:.82rem;font-weight:700;color:var(--text);line-height:1.3}
.pdf-pro-shell{display:grid;gap:20px}
.pdf-pro-header{
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:24px 26px;border:1px solid var(--border);border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.72));
  box-shadow:var(--shadow-sm);
}
body.dark .pdf-pro-header{
  background:linear-gradient(180deg,rgba(18,24,34,.9),rgba(18,24,34,.74));
}
.pdf-pro-header-main{display:flex;align-items:center;gap:18px;min-width:0}
.pdf-pro-header-icon{
  width:64px;height:64px;border-radius:24px;display:flex;align-items:center;justify-content:center;
  background:rgba(var(--accent-rgb),.12);color:var(--accent);flex-shrink:0
}
.pdf-pro-title{font-size:clamp(2rem,3.4vw,2.65rem);font-weight:900;letter-spacing:-.05em;line-height:1;margin:0}
.pdf-pro-subtitle{margin:6px 0 0;color:var(--muted);font-weight:700}
.pdf-pro-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pdf-pro-pill-btn,
.pdf-pro-primary-btn,
.pdf-pro-icon-btn,
.pdf-pro-chip-btn{
  border:1px solid var(--border);background:var(--surface);color:var(--text);
  border-radius:18px;font:inherit;cursor:pointer;transition:all .16s ease
}
.pdf-pro-pill-btn{
  display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.84rem;font-weight:800;
}
.pdf-pro-primary-btn{
  display:flex;align-items:center;gap:10px;padding:12px 18px;font-size:.84rem;font-weight:900;
  background:var(--accent);border-color:var(--accent);color:#fff;
}
.pdf-pro-pill-btn:hover,
.pdf-pro-icon-btn:hover,
.pdf-pro-chip-btn:hover{border-color:rgba(var(--accent-rgb),.28);background:var(--surface2)}
.pdf-pro-primary-btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.pdf-pro-icon-btn{
  width:48px;height:48px;display:grid;place-items:center;box-shadow:var(--shadow-sm)
}
.pdf-pro-icon-btn.small{width:36px;height:36px;border-radius:12px}
.pdf-pro-icon-btn:disabled,
.pdf-pro-primary-btn:disabled{opacity:.45;cursor:not-allowed}
.pdf-pro-accent-emerald{color:#10b981}
.pdf-pro-layout{
  display:grid;grid-template-columns:280px minmax(0,1fr) 350px;gap:20px;align-items:start;
}
.pdf-pro-left-panel,
.pdf-pro-side-card,
.pdf-pro-tools-card{
  border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-sm)
}
.pdf-pro-left-panel{padding:18px;display:grid;gap:16px;position:sticky;top:88px}
.pdf-pro-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}
.pdf-pro-card-head h2,
.pdf-pro-card-head h3{margin:0;font-size:1.06rem;font-weight:900;letter-spacing:-.03em}
.pdf-pro-card-head span{font-size:.78rem;font-weight:800;color:var(--muted)}
.pdf-pro-page-count{display:flex;align-items:center;gap:8px}
.pdf-pro-page-count span{
  padding:8px 12px;border-radius:12px;background:var(--surface2);font-size:.78rem;font-weight:900
}
.pdf-pro-page-strip{display:grid;gap:12px;max-height:620px;overflow:auto;padding-right:4px}
.pdf-pro-page-card{
  width:100%;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:10px;border:1px solid var(--border);border-radius:20px;background:var(--surface);
  text-align:left;cursor:pointer;transition:all .16s ease
}
.pdf-pro-page-card.active{border-color:rgba(var(--accent-rgb),.35);background:var(--accent-light)}
.pdf-pro-page-card.deleted{opacity:.6;background:rgba(239,68,68,.06)}
.pdf-pro-page-card:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.28)}
.pdf-pro-page-thumb-wrap{
  padding:8px;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)
}
.pdf-pro-page-thumb-wrap img{display:block;width:100%;height:98px;object-fit:cover;border-radius:10px}
.pdf-pro-page-meta{display:grid;gap:5px;min-width:0}
.pdf-pro-page-meta strong{font-size:.82rem;line-height:1.2}
.pdf-pro-page-meta span{font-size:.72rem;font-weight:700;color:var(--muted)}
.pdf-pro-page-actions{display:flex;flex-direction:column;justify-content:center}
.pdf-pro-chip-btn{
  padding:8px 10px;font-size:.7rem;font-weight:900;border-radius:12px;background:var(--surface2)
}
.pdf-pro-chip-btn.danger{color:#dc2626;border-color:rgba(239,68,68,.16);background:rgba(239,68,68,.08)}
.pdf-pro-drag-note,
.pdf-pro-empty-card{
  border:1px dashed var(--border);border-radius:24px;padding:18px;color:var(--muted);
  display:grid;gap:8px;place-items:center;text-align:center;background:var(--surface2)
}
.pdf-pro-empty-card.slim{padding:16px}
.pdf-pro-drag-note p,
.pdf-pro-empty-card p{margin:0;font-size:.8rem;font-weight:700;line-height:1.5}
.pdf-pro-stage-card{
  border:1px solid rgba(255,255,255,.06);border-radius:28px;overflow:hidden;background:#16191f;
  box-shadow:0 28px 70px rgba(8,12,18,.26)
}
body.dark .pdf-pro-stage-card{background:#12161d}
.pdf-pro-stage-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;
  background:#1f232c;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;flex-wrap:wrap
}
.pdf-pro-stage-title{display:flex;align-items:center;gap:12px;font-size:.92rem;font-weight:900}
.pdf-pro-stage-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pdf-pro-stage-counter,
.pdf-pro-stage-zoom{
  padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.08);font-size:.75rem;font-weight:900
}
.pdf-pro-stage-divider{width:1px;height:26px;background:rgba(255,255,255,.14)}
.pdf-pro-stage-icon{
  width:34px;height:34px;border:none;border-radius:10px;background:transparent;color:rgba(255,255,255,.78);
  display:grid;place-items:center;cursor:pointer;transition:all .14s ease
}
.pdf-pro-stage-icon.active,
.pdf-pro-stage-icon:hover{background:rgba(var(--accent-rgb),.18);color:#fff}
.pdf-pro-stage-icon:disabled{opacity:.35;cursor:not-allowed}
.pdf-pro-canvas-shell{position:relative;min-height:720px;background:#16191f}
.pdf-pro-canvas-shell.is-pan{cursor:grab}
.pdf-pro-preview-loading{
  position:absolute;left:24px;top:22px;display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:14px;background:rgba(17,24,39,.8);color:#fff;font-size:.78rem;font-weight:800;z-index:3
}
.pdf-pro-canvas-scroll{
  padding:28px;display:flex;justify-content:center;align-items:flex-start;overflow:auto;min-height:720px
}
.pdf-pro-canvas-wrap{
  position:relative;background:#fff;border-radius:20px;box-shadow:0 28px 64px rgba(0,0,0,.35);overflow:hidden;flex-shrink:0
}
.pdf-pro-preview-canvas{display:block;max-width:none}
.pdf-pro-text-layer{position:absolute;left:0;top:0;pointer-events:none}
.pdf-pro-text-hitbox{
  position:absolute;border:1.5px solid transparent;border-radius:6px;background:transparent;cursor:text;
  pointer-events:auto;transition:all .14s ease
}
.pdf-pro-text-hitbox:hover{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.06)}
.pdf-pro-text-hitbox.selected{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.08)}
.pdf-pro-edited-text,
.pdf-pro-inline-editor{
  position:absolute;border-radius:8px;padding:4px 6px;font-weight:600;line-height:1.25;background:rgba(255,255,255,.96);color:#0f172a
}
.pdf-pro-edited-text{pointer-events:none;white-space:pre-wrap}
.pdf-pro-inline-editor{
  border:1.5px solid rgba(var(--accent-rgb),.45);outline:none;resize:both;pointer-events:auto;
  box-shadow:0 16px 38px rgba(15,23,42,.14);font-family:inherit
}
.pdf-pro-right-panel{display:grid;gap:14px;position:sticky;top:88px}
.pdf-pro-side-card{padding:18px}
.pdf-pro-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.pdf-pro-inline-range{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}
.pdf-pro-muted-note{margin:10px 0 0;font-size:.76rem;font-weight:700;color:var(--muted);line-height:1.55}
.pdf-pro-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pdf-pro-quick-action{
  display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);
  border-radius:16px;background:var(--surface2);color:var(--text);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer;text-align:left
}
.pdf-pro-quick-action:hover{border-color:rgba(var(--accent-rgb),.28);background:var(--accent-light);color:var(--accent)}
.pdf-pro-quick-icon{
  width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0
}
.pdf-pro-review-tabs .template-chip{display:inline-flex;align-items:center;gap:6px}
.pdf-pro-tools-card{padding:20px}
.pdf-pro-tools-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pdf-pro-tool-tile{
  border:1px solid var(--border);border-radius:22px;background:var(--surface);padding:18px 14px;
  display:grid;justify-items:center;gap:12px;text-align:center;cursor:pointer;transition:all .16s ease
}
.pdf-pro-tool-tile:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.28);background:var(--surface2)}
.pdf-pro-tool-icon{
  width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center
}
.pdf-pro-tool-tile.tone-violet .pdf-pro-tool-icon{background:rgba(249,115,22,.12);color:#ea580c}
.pdf-pro-tool-tile.tone-pink .pdf-pro-tool-icon{background:rgba(236,72,153,.12);color:#db2777}
.pdf-pro-tool-tile.tone-amber .pdf-pro-tool-icon{background:rgba(245,158,11,.14);color:#d97706}
.pdf-pro-tool-tile.tone-emerald .pdf-pro-tool-icon{background:rgba(16,185,129,.12);color:#059669}
.pdf-pro-tool-label{font-size:.8rem;font-weight:900;line-height:1.35}
@media (max-width: 1400px){
  .pdf-pro-layout{grid-template-columns:260px minmax(0,1fr)}
  .pdf-pro-right-panel{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));position:static}
}
@media (max-width: 1120px){
  .pdf-pro-layout{grid-template-columns:1fr}
  .pdf-pro-left-panel,
  .pdf-pro-right-panel{position:static}
  .pdf-pro-right-panel{grid-template-columns:1fr 1fr}
  .pdf-pro-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width: 760px){
  .pdf-pro-header{padding:20px}
  .pdf-pro-header-actions{width:100%}
  .pdf-pro-layout{gap:16px}
  .pdf-pro-stage-toolbar{padding:14px 16px}
  .pdf-pro-canvas-scroll{padding:18px}
  .pdf-pro-right-panel{grid-template-columns:1fr}
  .pdf-pro-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdf-pro-inline-range{grid-template-columns:1fr}
}
/* Hero */
.hero{
  background:
    radial-gradient(circle at top center, rgba(var(--accent-rgb),.16), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,249,255,.86)),
    var(--surface);
  border-bottom:1px solid rgba(var(--accent-rgb),.08);
  padding:118px 24px 76px;position:relative;overflow:hidden;
}
.hero::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 800px 450px at 50% -60px,rgba(234,88,12,.08) 0%,transparent 70%),
    radial-gradient(ellipse 600px 300px at 80% 100%,rgba(129,140,248,.05) 0%,transparent 60%),
    linear-gradient(120deg, transparent 0 40%, rgba(255,255,255,.55) 50%, transparent 60% 100%);
  pointer-events:none;
}
.landing-header{
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(var(--accent-rgb),.09)!important;
  backdrop-filter:blur(22px);
  position:fixed!important;
  width:100%!important;
  z-index:30;
}
body.dark .landing-header{background:rgba(17,21,31,.9)!important}
.landing-search-wrap{margin-left:0;max-width:340px}
.landing-user-btn{padding:4px 10px;min-width:40px;gap:8px}
.user-menu-btn .user-name{
  display:inline-flex;
  align-items:center;
  font-size:.78rem;
  font-weight:700;
  line-height:1;
}
.hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:34px;align-items:stretch;position:relative;z-index:1}
.hero-copy{text-align:left}
.hero-copy-card{
  padding:18px 0;
}
.hero h1{font-size:clamp(2.4rem,4.5vw,3.85rem);font-weight:900;letter-spacing:-.06em;line-height:1.01;margin-bottom:18px;max-width:11.5ch}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{font-size:1rem;color:var(--muted);max-width:620px;margin:0 0 36px;line-height:1.8}
.hero-inline-points{display:grid;gap:10px;margin:0 0 28px}
.hero-inline-point{display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:700;color:var(--text)}
.hero-inline-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 6px rgba(var(--accent-rgb),.08);flex-shrink:0}
.hero-btns{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}
.hero-feature-list{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap;margin-bottom:24px}
.hero-feature{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--text);font-weight:700;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:8px 16px;box-shadow:var(--shadow-sm)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px}
.hero-metric{background:rgba(255,255,255,.74);border:1px solid rgba(var(--accent-rgb),.1);border-radius:18px;padding:15px 16px;box-shadow:var(--shadow-sm);backdrop-filter:blur(14px)}
.hero-metric strong{display:block;font-size:1.15rem;font-weight:900;letter-spacing:-.04em;color:var(--text)}
.hero-metric span{display:block;font-size:.72rem;font-weight:700;color:var(--muted);margin-top:4px}
.hero-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(245,247,255,.8));
  color:var(--text);border:1px solid rgba(var(--accent-rgb),.12);border-radius:32px;padding:26px;
  box-shadow:0 30px 80px rgba(234,88,12,.1);position:relative;overflow:hidden;min-height:100%;
}
.hero-panel::before{
  content:'';position:absolute;inset:auto -12% 46% auto;width:210px;height:210px;border-radius:50%;
  background:radial-gradient(circle, rgba(129,140,248,.16), transparent 68%);
}
.hero-panel-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;position:relative;z-index:1}
.hero-panel-metric{
  padding:16px 18px;border-radius:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(var(--accent-rgb),.1);
}
.hero-panel-metric strong{display:block;font-size:1.7rem;font-weight:900;letter-spacing:-.06em;line-height:1;color:var(--text)}
.hero-panel-metric span{display:block;font-size:.76rem;font-weight:700;color:var(--muted);margin-top:6px;line-height:1.5}
.landing-onboarding-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.landing-onboarding-card strong{font-size:1.02rem;letter-spacing:-.03em}
.landing-onboarding-step{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:var(--accent-light);color:var(--accent);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.hero-proof-list{display:grid;gap:12px;position:relative;z-index:1}
.hero-proof{
  display:flex;align-items:flex-start;gap:12px;padding:14px 14px 14px 12px;
  background:rgba(255,255,255,.62);border:1px solid rgba(var(--accent-rgb),.1);border-radius:20px;
}
.hero-proof-icon{
  width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:rgba(var(--accent-rgb),.12);font-size:1rem;flex-shrink:0;color:var(--accent);
}
.hero-proof strong{display:block;font-size:.86rem;letter-spacing:-.01em}
.hero-proof span{display:block;font-size:.76rem;line-height:1.5;color:var(--muted);margin-top:2px}
/* Tools grid */
.landing-root-signed-in .tools-section{
  padding-top:calc(var(--header-h) + 32px);
}
.landing-root-signed-in .pricing-head{
  margin-top:8px;
}
.tools-section{padding:58px 24px;max-width:1120px;margin:0 auto}
.landing-section-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}
.landing-section-copy{max-width:560px}
.landing-section-copy h2{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:900;letter-spacing:-.04em;line-height:1.08}
.landing-section-copy p{font-size:.92rem;color:var(--muted);margin-top:10px;line-height:1.7}
.section-label{font-size:.65rem;font-weight:800;font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;display:flex;align-items:center;gap:12px}
.section-label::after{content:'';flex:1;height:1px;background:var(--border)}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}
.tool-tile{
  background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);
  padding:28px 18px 22px;cursor:pointer;transition:all .25s var(--ease);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;
  position:relative;overflow:hidden;box-shadow:var(--shadow-sm);
}
.tool-tile::before{
  content:'';position:absolute;inset:-20% -40% auto;height:110px;pointer-events:none;
  background:radial-gradient(circle, rgba(var(--accent-rgb),.1), transparent 68%);
  opacity:0;transition:opacity .25s var(--ease);
}
.tool-tile:hover::before{opacity:1}
.tool-tile:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px rgba(234,88,12,.1),0 4px 12px rgba(234,88,12,.05)}
.tool-tile:hover .tile-arrow{opacity:1;transform:translateX(0)}
.tile-icon-wrap{
  width:56px;height:56px;border-radius:0;display:flex;align-items:center;justify-content:center;
  font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  transition:transform .25s var(--ease);flex-shrink:0;
  color:var(--accent);
}
.tile-icon-wrap svg,
.tile-icon-wrap img{width:46px;height:46px;display:block;object-fit:contain}
.tile-icon-wrap .asset-icon{
  width:52px !important;
  height:52px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.tile-icon-wrap .asset-icon img{
  width:100% !important;
  height:100% !important;
}
.tool-tile:hover .tile-icon-wrap{transform:scale(1.08) translateY(-2px)}
.tile-label{font-size:.9rem;font-weight:800;color:var(--text);line-height:1.3;letter-spacing:-.02em}
.tile-desc{font-size:.73rem;color:var(--muted);line-height:1.5}
.tile-arrow{position:absolute;bottom:12px;right:14px;font-size:.7rem;color:var(--accent);opacity:0;transform:translateX(-6px);transition:all .25s var(--ease);font-weight:700}
/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pricing-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.pricing-copy p{font-size:.9rem;color:var(--muted);margin-top:8px;max-width:520px;line-height:1.7}
.pricing-toggle{
  display:inline-flex;align-items:center;background:linear-gradient(180deg,var(--surface),var(--faint));
  border:1px solid var(--border);border-radius:16px;padding:4px;gap:4px;box-shadow:var(--shadow-sm);
}
.pricing-toggle-btn{
  padding:10px 24px;border-radius:12px;font-size:.82rem;font-weight:800;cursor:pointer;border:none;
  transition:all .15s;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;text-align:center;
}
.pricing-toggle-btn.active{background:#ea580c;color:#fff;box-shadow:0 8px 20px rgba(234,88,12,.32)}
.pricing-save-pill{font-size:.65rem;font-weight:800;background:var(--accent);color:#fff;padding:3px 8px;border-radius:20px}
.plan-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan-card{
  background:linear-gradient(180deg,var(--surface),rgba(var(--accent-rgb),.025));border:1px solid var(--border);border-radius:28px;padding:24px;
  display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;
  box-shadow:var(--shadow-sm);transition:all .25s var(--ease);color:var(--text);min-height:100%;height:100%;
}
.plan-card::before{
  content:'';position:absolute;inset:auto -24px -26px auto;width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle, rgba(var(--accent-rgb),.16), transparent 70%);
}
.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(var(--accent-rgb),.24)}
.plan-card.featured{background:linear-gradient(180deg,rgba(var(--accent-rgb),.11),var(--surface));border-color:rgba(var(--accent-rgb),.36);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.18),0 20px 40px rgba(var(--accent-rgb),.12)}
.plan-card .card-stripe{display:none}
.plan-badge-row{min-height:32px;margin-bottom:14px;display:flex;align-items:flex-start}
.plan-badge{display:inline-flex;align-items:center;font-size:.58rem;font-weight:800;font-family:var(--mono);padding:4px 12px;border-radius:20px;background:rgba(var(--accent-rgb),.1);color:var(--accent);letter-spacing:.04em}
.plan-badge.popular{background:var(--accent);color:#fff}
.plan-header{display:flex;flex-direction:column;gap:10px}
.plan-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plan-name-actions{display:flex;align-items:center;gap:8px}
.plan-name{font-size:1.38rem;font-weight:900;color:var(--text);letter-spacing:-.03em}
.plan-info-btn{
  width:24px;height:24px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);
  color:var(--muted);font:inherit;font-size:.72rem;font-weight:900;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}
.plan-info-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.plan-inline-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:.66rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.plan-desc{font-size:.8rem;color:var(--muted);line-height:1.55}
.plan-price-block{display:flex;flex-direction:column;justify-content:flex-start}
.plan-price{display:flex;align-items:flex-end;gap:8px}
.plan-price .amount{font-size:2.8rem;font-weight:900;letter-spacing:-.06em;line-height:.94;color:var(--text)}
.plan-price .per{font-size:.86rem;color:var(--muted);font-weight:700;padding-bottom:6px}
.plan-price-note{font-size:.74rem;color:var(--muted);font-weight:700;margin-top:8px}
.plan-stat-row{display:flex;flex-wrap:wrap;gap:8px}
.plan-stat-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);font-size:.67rem;font-weight:800;color:var(--muted);letter-spacing:.02em}
.plan-cta-row{margin-top:auto;display:flex;align-items:end;padding-top:4px}
.plan-cta-btn{
  width:100%;padding:13px;border-radius:var(--r-sm);font-size:.88rem;font-weight:800;
  cursor:pointer;border:none;margin:0;transition:all .2s var(--ease);
  background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;letter-spacing:-.01em;
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-align:center;
}
.plan-cta-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(var(--accent-rgb),.22)}
.plan-cta-btn.featured-btn{background:linear-gradient(135deg,var(--accent),var(--accent2))}
.plan-cta-btn.featured-btn:hover{box-shadow:0 14px 28px rgba(var(--accent-rgb),.24)}
.plan-cta-btn.current-btn{background:var(--faint);color:var(--muted);border:1px solid var(--border);cursor:default}
.plan-divider{height:1px;background:var(--border);margin:0}
.plan-features{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1}
.plan-features li{font-size:.77rem;font-weight:600;display:flex;align-items:flex-start;gap:10px;color:var(--text);line-height:1.4}
.pi.yes{color:var(--accent);flex-shrink:0;margin-top:1px}
.pi.no{color:var(--border2);flex-shrink:0;margin-top:1px}
li.faded{opacity:.5}
/* Account */
.account-hero{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;align-items:stretch;margin-bottom:22px;
}
.account-hero-copy{
  padding:24px;border:1px solid rgba(var(--accent-rgb),.12);border-radius:28px;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(255,255,255,.86) 48%,rgba(var(--accent-rgb),.04));
  box-shadow:var(--shadow-lg);
}
.account-badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.account-hero-panel{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;background:var(--surface);
  border-radius:24px;border:1px solid rgba(var(--accent-rgb),.12);box-shadow:var(--shadow-lg);
}
.account-hero-stat{padding:14px 16px;border-radius:18px;background:var(--faint);border:1px solid var(--border)}
.account-hero-stat strong{display:block;font-size:1.5rem;font-weight:900;letter-spacing:-.05em}
.account-hero-stat span{display:block;font-size:.76rem;color:var(--muted);margin-top:4px}
.account-sidebar-card{position:sticky;top:84px}
.account-callout{box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}
.account-callout:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:rgba(var(--accent-rgb),.24)!important}
.account-grid{display:grid;grid-template-columns:220px 1fr;gap:24px}
.account-main-stack{display:flex;flex-direction:column;gap:16px}
.account-nav-item{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:var(--r-sm);cursor:pointer;font-size:.86rem;font-weight:700;color:var(--muted);transition:all .2s var(--ease);min-height:44px}
.account-nav-item:hover{background:var(--faint);color:var(--text)}
.account-nav-item.active{background:var(--accent-light);color:var(--accent-dark);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.12)}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.stat-box{background:linear-gradient(180deg,rgba(255,255,255,.7),var(--faint));border:1px solid var(--border);border-radius:var(--r);padding:18px;text-align:center;box-shadow:var(--shadow-sm)}
.stat-num{font-size:1.8rem;font-weight:900;color:var(--accent);letter-spacing:-.04em}
.stat-lbl{font-size:.62rem;font-weight:800;font-family:var(--mono);color:var(--muted);letter-spacing:.06em;margin-top:4px}
.account-simple-callout{background:linear-gradient(135deg,var(--accent-light),var(--faint));border:2px solid var(--border2);border-radius:var(--r-lg);padding:20px;cursor:pointer}
.account-callout-title{font-size:1rem;font-weight:900;margin-bottom:8px}
.account-billing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.account-credit-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.account-credit-stat{padding:14px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface-elevated)}
.account-credit-label{font-size:.72rem;color:var(--muted);margin-bottom:6px}
.account-credit-value{font-size:1.15rem;font-weight:900}
.account-privacy-note{margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--faint);font-size:.8rem;color:var(--muted);line-height:1.6}
.usage-bar{background:var(--faint);border-radius:100px;height:7px;overflow:hidden;margin-top:6px}
.usage-fill{background:linear-gradient(90deg,var(--accent),var(--accent2));height:100%;border-radius:100px;transition:width .6s var(--ease)}
.usage-fill.warn{background:linear-gradient(90deg,var(--accent2),var(--accent))}
.usage-fill.danger{background:linear-gradient(90deg,#675eff,var(--accent))}
/* Canvas / Sign */
.sign-canvas{border:1.5px solid var(--border2);border-radius:var(--r);cursor:crosshair;background:var(--surface);display:block}
#qr-canvas{border-radius:var(--r-sm)}
/* Invoice table */
.inv-table{width:100%;border-collapse:collapse}
.inv-table th{background:var(--faint);padding:10px 12px;text-align:left;font-size:.68rem;font-family:var(--mono);color:var(--muted);letter-spacing:.05em;border-bottom:1.5px solid var(--border)}
.inv-table td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:.84rem}
.inv-table input{background:none;border:none;outline:none;font-family:var(--font);font-size:.84rem;font-weight:600;color:var(--text);width:100%}
/* Resume */
.resume-preview{background:#fff;border:1.5px solid var(--border);border-radius:var(--r);padding:38px;font-family:Georgia,serif;color:#1a1a1a;line-height:1.65;box-shadow:var(--shadow-sm)}
.resume-name{font-size:1.9rem;font-weight:bold;margin-bottom:4px}
.resume-contact{font-size:.84rem;color:var(--muted);margin-bottom:18px}
.resume-section{margin-bottom:20px}
.resume-section h3{font-size:.92rem;text-transform:uppercase;letter-spacing:.07em;border-bottom:2px solid #333;padding-bottom:4px;margin-bottom:9px}
/* Privacy strip */
.privacy-strip{background:linear-gradient(135deg,var(--accent-light) 0%,#f0f1fb 100%);border:1px solid rgba(234,88,12,.1);border-radius:var(--r-xl);padding:30px 34px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.privacy-strip::before{
  content:'';position:absolute;inset:auto -40px -50px auto;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle, rgba(var(--accent-rgb),.18), transparent 72%);
}
.privacy-copy,.privacy-pills{position:relative;z-index:1}
/* ── Footer ── */
.site-footer{border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.8),var(--surface));padding:56px clamp(18px,4vw,40px) 32px;margin-top:52px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.site-footer.landing-footer{margin-top:0}
.site-footer-inner{width:min(100%,1440px);max-width:none;margin:0 auto;display:grid;grid-template-columns:minmax(300px,1.7fr) repeat(3,minmax(160px,1fr));gap:56px}
.site-footer-brand-name{font-size:1.15rem;font-weight:900;color:var(--accent);letter-spacing:-.04em;margin-bottom:10px}
.site-footer-brand-name span{color:var(--accent2)}
.site-footer-brand p{font-size:.82rem;color:var(--muted);line-height:1.65;max-width:420px;margin-bottom:18px}
.site-footer-lang{display:inline-block}
.site-footer-col-title{font-size:.62rem;font-weight:800;font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.site-footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.site-footer-links li a,.site-footer-links li span{font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:color .15s;text-decoration:none}
.site-footer-links li a:hover,.site-footer-links li span:hover{color:var(--accent)}
.site-footer-bottom{width:min(100%,1440px);max-width:none;margin:40px auto 0;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.74rem;color:var(--muted);font-weight:600}
.site-footer-bottom-badges{display:flex;gap:8px;flex-wrap:wrap}
.footer-badge{display:inline-flex;align-items:center;background:var(--faint);border:1px solid var(--border);border-radius:100px;padding:3px 10px;font-size:.66rem;font-weight:700;color:var(--muted)}
body.dark .site-footer{background:var(--surface);border-color:var(--border)}
/* Share Viewer */
.share-view{
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;
  background:
    radial-gradient(circle at top center, rgba(var(--accent-rgb),.14), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.66));
}
.share-view-card{
  width:min(460px,100%);padding:40px 32px;text-align:center;border-radius:30px;
  background:rgba(255,255,255,.9);border:1px solid rgba(var(--accent-rgb),.12);box-shadow:var(--shadow-xl);backdrop-filter:blur(16px);
}
.share-view-card-ready{width:min(500px,100%)}
.share-view-icon{margin-bottom:16px}
.share-view-kicker{
  display:inline-flex;align-items:center;gap:8px;padding:6px 12px;margin-bottom:12px;border-radius:999px;
  background:var(--accent-light);color:var(--accent-dark);font-size:.66rem;font-weight:800;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;
}
.share-view-title{font-size:1.28rem;font-weight:900;letter-spacing:-.03em;margin-bottom:8px}
.share-view-sub{font-size:.88rem;color:var(--muted);line-height:1.7}
.share-view-form{margin-top:16px;display:flex;gap:8px}
.share-view-input{
  flex:1;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-sm);
  background:var(--bg);color:var(--text);font-size:.88rem;
}
.share-view-meta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-bottom:20px}
.share-view-foot{font-size:.72rem;color:var(--muted);margin-top:12px;text-align:center}
/* ── User Menu Dropdown ── */
.user-menu{position:relative}
.user-menu-btn{position:relative}
.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-xl);z-index:200;overflow:hidden;animation:scaleIn .15s var(--ease)}
.user-menu-header{padding:14px 16px}
.user-menu-name{font-size:.84rem;font-weight:800}
.user-menu-email{font-size:.72rem;color:var(--muted);margin-top:2px}
.user-menu-divider{height:1px;background:var(--border)}
.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:11px 16px;border:none;background:transparent;color:var(--text);font-size:.82rem;font-weight:700;cursor:pointer;text-align:left;font-family:var(--font);transition:background .08s;min-height:44px}
.user-menu-item:hover{background:var(--faint)}
.user-menu-danger{color:var(--red)}
.user-menu-danger:hover{background:var(--red-light)}
/* ══════════════════════════════════════════════════
   ALL TOOL-SPECIFIC REUSABLE STYLES
   ══════════════════════════════════════════════════ */
/* EasyShare */
.es-hero{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#ea580c 100%);border-radius:var(--r-xl);padding:52px 40px;text-align:center;position:relative;overflow:hidden;margin-bottom:30px}
.es-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 120%,rgba(253,186,116,.25) 0%,transparent 70%);pointer-events:none}
.es-hero-orb{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fb923c,#ea580c);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px;position:relative;box-shadow:0 0 0 0 rgba(253,186,116,.4)}
.es-hero-orb::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(253,186,116,.3);animation:pulse-ring 2.5s ease-out infinite}
.es-hero h2{font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:-.04em;margin-bottom:10px}
.es-hero p{font-size:.9rem;color:rgba(255,255,255,.65);max-width:420px;margin:0 auto 28px;line-height:1.65}
.es-hero-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.es-pill{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:6px 16px;font-size:.72rem;font-weight:800;color:rgba(255,255,255,.8)}
.es-upload-zone{border:2px dashed rgba(255,255,255,.25);border-radius:var(--r-lg);padding:28px;cursor:pointer;transition:all .2s;background:rgba(255,255,255,.06);display:flex;align-items:center;gap:16px}
.es-upload-zone:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.1)}
.es-upload-zone .uz-text{text-align:left}
.es-upload-zone .uz-text strong{color:#fff;font-size:.92rem;display:block;margin-bottom:3px}
.es-upload-zone .uz-text span{color:rgba(255,255,255,.5);font-size:.78rem}
.es-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.es-file-list{display:flex;flex-direction:column;gap:10px}
.es-file-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .15s;box-shadow:var(--shadow-sm)}
.es-file-row:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(234,88,12,.08)}
.es-file-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.es-file-meta{flex:1;min-width:0}
.es-file-name{font-size:.86rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-file-info{font-size:.72rem;color:var(--muted);margin-top:2px}
.es-file-actions{display:flex;gap:6px;flex-shrink:0}
.es-action-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-size:.74rem;font-weight:800;cursor:pointer;transition:all .15s;min-height:38px;text-align:center;white-space:nowrap}
.es-action-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.es-action-chip-confirm{border-color:rgba(5,150,105,.24);background:var(--green-light);color:var(--green)}
.es-action-chip-danger:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}
.es-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 14px;border-radius:var(--r-sm);font-size:.76rem;font-weight:800;cursor:pointer;border:1.5px solid var(--accent);color:var(--accent);background:transparent;transition:all .15s;min-height:38px;text-align:center;white-space:nowrap}
.es-share-btn:hover{background:var(--accent);color:#fff}
.es-share-btn.shared{background:var(--green-light);border-color:var(--green);color:var(--green)}
.es-del-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:.85rem;transition:all .15s}
.es-del-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}
.es-share-link-box{background:var(--faint);border:1.5px solid var(--border2);border-radius:var(--r-sm);padding:10px 14px;display:flex;align-items:center;gap:10px;margin-top:8px;animation:fadeUp .25s ease}
.es-share-link-box code{flex:1;font-family:var(--mono);font-size:.72rem;color:var(--accent-dark);word-break:break-all}
.es-copy-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:8px;border:1.5px solid var(--accent);background:var(--accent-light);color:var(--accent);font-size:.7rem;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .15s;min-height:38px;text-align:center}
.es-copy-btn:hover{background:var(--accent);color:#fff}
.es-copy-btn.copied{background:var(--green-light);border-color:var(--green);color:var(--green)}
.es-empty{text-align:center;padding:48px 24px}
.es-empty-icon{font-size:3rem;margin-bottom:14px;opacity:.4}
.es-empty p{font-size:.86rem;color:var(--muted);line-height:1.6}
.es-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.es-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;text-align:center;box-shadow:var(--shadow-sm)}
.es-stat-num{font-size:1.5rem;font-weight:900;color:var(--accent);letter-spacing:-.03em}
.es-stat-lbl{font-size:.62rem;font-weight:800;font-family:var(--mono);color:var(--muted);margin-top:3px}
.es-progress-bar{background:var(--faint);border-radius:100px;height:8px;overflow:hidden;margin-top:6px}
.es-progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .6s ease}
.es-progress-fill.warn{background:linear-gradient(90deg,var(--accent2),var(--accent))}
.es-progress-fill.danger{background:linear-gradient(90deg,#675eff,var(--accent))}
.es-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.es-search{flex:1;min-width:180px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:8px 14px;transition:border-color .15s;min-height:44px}
.es-search:focus-within{border-color:var(--accent)}
.es-search input{flex:1;background:none;border:none;outline:none;font-size:.84rem;font-weight:600;color:var(--text);font-family:var(--font)}
.es-search input::placeholder{color:var(--muted)}
.es-sort-select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:8px 12px;font-size:.78rem;font-weight:800;color:var(--text);font-family:var(--font);cursor:pointer;outline:none;min-height:44px}
.es-view-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font-size:.9rem;transition:all .15s;flex-shrink:0}
.es-view-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.es-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.es-grid-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);padding:14px 12px 12px;cursor:default;transition:all .15s;position:relative}
.es-grid-card:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(234,88,12,.1)}
.es-grid-card.selected{border-color:var(--accent);background:var(--accent-light)}
.es-grid-thumb{width:100%;aspect-ratio:4/3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:10px;overflow:hidden}
.es-grid-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.es-grid-name{font-size:.76rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.es-grid-info{font-size:.66rem;color:var(--muted)}
.es-grid-actions{display:flex;gap:5px;margin-top:8px}
.es-grid-actions button{flex:1;padding:7px 0;font-size:.68rem;font-weight:800;border-radius:8px;border:1.5px solid var(--border);background:var(--faint);color:var(--muted);cursor:pointer;transition:all .15s;min-height:34px;line-height:1.1;text-align:center}
.es-grid-actions button:hover{border-color:var(--accent);color:var(--accent)}
.es-grid-badge{position:absolute;top:8px;right:8px;font-size:.58rem;font-weight:800;padding:2px 7px;border-radius:100px}
.es-bulk-bar{background:var(--accent);color:#fff;border-radius:var(--r-sm);padding:10px 16px;display:flex;align-items:center;gap:12px;margin-bottom:14px;animation:fadeUp .2s ease}
.es-bulk-bar span{flex:1;font-size:.82rem;font-weight:800}
.es-bulk-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:10px;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.15);color:#fff;font-size:.76rem;font-weight:800;cursor:pointer;transition:all .15s;min-height:38px;text-align:center;white-space:nowrap}
.es-bulk-btn:hover{background:rgba(255,255,255,.25)}
.es-bulk-btn.danger{border-color:rgba(255,100,100,.5);background:rgba(255,50,50,.2)}
.es-check{width:20px;height:20px;border-radius:6px;border:2px solid var(--border);background:var(--faint);cursor:pointer;flex-shrink:0;appearance:none;-webkit-appearance:none;transition:all .15s;position:relative}
.es-check:checked{background:var(--accent);border-color:var(--accent)}
.es-check:checked::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.62rem;font-weight:900}
.es-share-drawer{background:var(--faint);border:1.5px solid var(--border2);border-radius:var(--r);padding:16px;margin-top:8px;animation:fadeUp .2s ease}
.es-share-drawer-title{font-size:.62rem;font-weight:800;font-family:var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.es-expiry-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.es-expiry-chip{padding:7px 14px;border-radius:100px;border:1.5px solid var(--border);font-size:.72rem;font-weight:800;cursor:pointer;transition:all .15s;background:var(--surface);color:var(--muted);min-height:32px}
.es-expiry-chip.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.es-pwd-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.es-pwd-row input{flex:1;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:8px 12px;font-size:.82rem;font-weight:600;color:var(--text);font-family:var(--font);outline:none;transition:border-color .15s;min-height:44px}
.es-pwd-row input:focus{border-color:var(--accent)}
.es-link-row{display:flex;gap:8px;align-items:center;background:var(--surface);border:1.5px solid var(--border2);border-radius:var(--r-sm);padding:9px 12px}
.es-link-row code{flex:1;font-family:var(--mono);font-size:.7rem;color:var(--accent-dark);word-break:break-all}
.es-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:.62rem;font-weight:800}
.es-tag-shared{background:var(--accent-light);color:var(--accent-dark)}
.es-tag-received{background:var(--green-light);color:var(--green)}
.es-tag-expired{background:var(--faint);color:var(--muted)}
.es-tag-pwd{background:#fef9c3;color:#854d0e}
.es-rename-input{background:var(--faint);border:1.5px solid var(--accent);border-radius:8px;padding:5px 10px;font-size:.84rem;font-weight:800;color:var(--text);font-family:var(--font);outline:none;width:100%}
.es-viewer-preview{width:100%;max-height:260px;object-fit:contain;border-radius:var(--r);border:1px solid var(--border);margin-bottom:14px;background:var(--faint)}
.es-viewer-meta-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.es-viewer-meta-item{display:flex;flex-direction:column;gap:2px}
.es-viewer-meta-label{font-size:.6rem;font-weight:800;font-family:var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.es-viewer-meta-value{font-size:.84rem;font-weight:800}
.es-pwd-gate{background:var(--faint);border:1.5px solid var(--border);border-radius:var(--r);padding:20px;text-align:center;margin-bottom:14px}
.es-pwd-gate p{font-size:.84rem;color:var(--muted);margin-bottom:10px}
.es-pro-gate{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 60%,#ea580c 100%);border-radius:var(--r-xl);padding:52px 36px;text-align:center;position:relative;overflow:hidden}
.es-pro-gate::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(253,186,116,.2) 0%,transparent 70%);pointer-events:none}
.es-pro-gate h2{font-size:1.7rem;font-weight:900;color:#fff;letter-spacing:-.04em;margin-bottom:12px}
.es-pro-gate p{font-size:.9rem;color:rgba(255,255,255,.65);max-width:400px;margin:0 auto 28px;line-height:1.65}
.es-pro-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}
.es-feat-pill{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:8px 18px;font-size:.78rem;font-weight:800;color:rgba(255,255,255,.9);display:flex;align-items:center;gap:6px}
.es-received{border-left:3px solid var(--accent)}
/* Ad Modal */
.ad-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}
.ad-modal{background:var(--surface);border-radius:20px;width:min(480px,94vw);overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.25);display:flex;flex-direction:column}
.ad-modal-header{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.ad-modal-title{font-size:.92rem;font-weight:800}
.ad-modal-skip{font-size:.72rem;color:var(--muted);font-weight:600}
.ad-modal-skip.ready{color:var(--accent);cursor:pointer;font-weight:700}
.ad-slot{background:linear-gradient(135deg,#f8f9ff 0%,#f0f0ff 100%);border:2px dashed var(--border);border-radius:12px;margin:16px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;position:relative;overflow:hidden}
.ad-slot::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(234,88,12,.04),rgba(134,107,255,.08))}
.ad-label{position:absolute;top:8px;left:10px;font-size:.58rem;font-weight:800;font-family:var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.ad-sponsor{font-size:.68rem;font-weight:800;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.ad-headline{font-size:1.15rem;font-weight:900;letter-spacing:-.03em;color:var(--text);line-height:1.25}
.ad-sub{font-size:.8rem;color:var(--muted);line-height:1.5;max-width:300px}
.ad-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;font-size:.78rem;font-weight:800;padding:10px 20px;border-radius:100px;text-decoration:none;margin-top:4px;cursor:pointer;border:none;min-height:40px}
.ad-progress-wrap{padding:0 16px 4px}
.ad-progress-bar{height:4px;background:var(--faint);border-radius:100px;overflow:hidden;margin-bottom:4px}
.ad-progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .25s linear}
.ad-modal-footer{padding:12px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ad-upgrade-nudge{font-size:.72rem;color:var(--muted)}
.ad-upgrade-nudge strong{color:var(--accent);cursor:pointer}
.ad-counter{font-size:.72rem;font-weight:800;color:var(--muted);font-family:var(--mono)}
/* UX Enhancements */
.ux-step-badge{display:inline-flex;align-items:center;gap:7px;background:var(--accent-light);border:1.5px solid rgba(234,88,12,.25);border-radius:100px;padding:7px 18px;font-size:.75rem;font-weight:800;font-family:var(--mono);color:var(--accent-dark);letter-spacing:.04em;margin-bottom:20px}
.ux-tips-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.ux-tip{display:inline-flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:5px 14px;font-size:.68rem;font-weight:800;color:var(--muted)}
.upload-zone-xl{padding:56px 32px}
.uz-icon-xl{font-size:3rem;margin-bottom:16px;transition:transform .2s}
.upload-zone-xl:hover .uz-icon-xl,.upload-zone-xl.dragover .uz-icon-xl{transform:scale(1.15)}
.tool-layout-wide{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}
.type-toggle-row{display:flex;gap:10px;margin-bottom:4px}
.type-toggle-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:var(--r);border:2px solid var(--border);background:var(--faint);cursor:pointer;font-size:.82rem;font-weight:800;color:var(--muted);transition:all .15s;min-height:56px}
.type-toggle-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.type-toggle-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark)}
.wm-font-list{margin-top:10px;max-height:220px;overflow:auto;display:grid;gap:8px;padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}
.wm-font-option{display:flex;align-items:center;width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;text-align:left;transition:all .14s}
.wm-font-option:hover{border-color:var(--accent);background:var(--accent-light)}
.wm-font-option.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.wm-preset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.wm-pattern-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.doc-safe-margin{position:absolute;inset:18mm;pointer-events:none;border:2px dashed rgba(var(--accent-rgb),.45);border-radius:10px}
.dash-trash-drop{position:fixed;right:20px;bottom:20px;z-index:110;display:flex;align-items:center;justify-content:center;min-width:170px;min-height:64px;padding:0 18px;border:2px dashed rgba(220,38,38,.36);border-radius:18px;background:rgba(255,255,255,.94);color:#b91c1c;font-weight:900;box-shadow:0 16px 36px rgba(19,27,50,.16);backdrop-filter:blur(12px)}
.dash-trash-drop.active{background:rgba(254,226,226,.98);border-color:#ef4444;transform:scale(1.02)}
.slider-row{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.slider-field{display:flex;flex-direction:column;gap:4px}
.slider-label-row{display:flex;align-items:center;justify-content:space-between}
.slider-label-row label{font-size:.72rem;font-weight:800;color:var(--muted)}
.slider-val{font-size:.72rem;font-weight:800;color:var(--accent);font-family:var(--mono)}
.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--faint);border:1.5px solid var(--border);border-radius:var(--r);padding:8px}
.qr-type-pills{display:flex;gap:8px;margin-bottom:18px}
.qr-pill{flex:1;padding:12px 8px;border-radius:var(--r);border:2px solid var(--border);background:var(--faint);cursor:pointer;text-align:center;font-size:.78rem;font-weight:800;color:var(--muted);transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px}
.qr-pill:hover{border-color:var(--accent);color:var(--accent)}
.qr-pill.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark)}
.qr-pill-icon{font-size:1.2rem}
.qr-preview-box{background:radial-gradient(circle at 50% 50%,#e8e4ff 0%,#f0f4ff 60%,#e8f4e8 100%);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:300px;padding:28px;position:relative;overflow:hidden}
.qr-empty-hint{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;text-align:center}
.qr-empty-hint span{font-size:3rem}
.qr-empty-hint p{font-size:.82rem;color:var(--muted)}
.color-swatch-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.color-swatch{width:32px;height:32px;border-radius:8px;border:2px solid var(--border);cursor:pointer;flex-shrink:0;transition:all .12s;display:flex;align-items:center;justify-content:center}
.color-swatch.active{border-color:var(--accent);transform:scale(1.18);box-shadow:0 0 0 2px var(--accent-light)}
.color-swatch:hover{transform:scale(1.12)}
.sign-mode-row{display:flex;gap:10px;margin-bottom:14px}
.sign-mode-btn{flex:1;padding:12px 8px;border-radius:var(--r);border:2px solid var(--border);background:var(--faint);cursor:pointer;font-size:.82rem;font-weight:800;color:var(--muted);transition:all .15s;display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px}
.sign-mode-btn:hover{border-color:var(--accent);color:var(--accent)}
.sign-mode-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark)}
.sign-pad-wrap{position:relative;border-radius:var(--r-lg);overflow:hidden;border:2px solid var(--border2);background:var(--surface)}
.sign-guide-line{position:absolute;bottom:38px;left:20px;right:20px;height:1px;background:var(--border2);pointer-events:none}
.sign-guide-label{position:absolute;bottom:20px;left:22px;font-size:.62rem;font-weight:800;color:var(--border2);font-family:var(--mono);letter-spacing:.06em;pointer-events:none}
.sign-clear-btn{position:absolute;top:10px;right:10px;background:var(--faint);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 12px;font-size:.68rem;font-weight:800;color:var(--muted);cursor:pointer;transition:all .15s;min-height:32px}
.sign-clear-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}
.esign-doc-preview-wrap{padding:8px;border:1px solid var(--border);border-radius:20px;background:var(--surface2)}
.esign-doc-preview{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,#f8fafc,#eef2ff);min-height:340px}
.esign-doc-preview img{width:100%;display:block}
.esign-doc-overlay{position:absolute;cursor:grab;display:grid;gap:6px;align-items:start}
.esign-doc-overlay img{width:100%;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.16))}
.esign-doc-overlay-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.7rem;font-weight:800;color:var(--text);background:rgba(255,255,255,.88);border:1px solid rgba(18,24,40,.08);border-radius:10px;padding:6px 8px;backdrop-filter:blur(8px)}
.esign-audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.esign-audit-grid div{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.esign-audit-grid span{font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.esign-audit-grid strong{font-size:.8rem;line-height:1.45}
.inv-total-banner{background:linear-gradient(135deg,var(--accent-light),#f0edff);border:1.5px solid rgba(234,88,12,.15);border-radius:var(--r-lg);padding:18px 22px;display:flex;align-items:center;justify-content:space-between}
.inv-total-amount{font-size:2rem;font-weight:900;color:var(--accent);letter-spacing:-.04em}
.inv-total-label{font-size:.68rem;font-weight:800;color:var(--muted);font-family:var(--mono);letter-spacing:.06em}
.resume-tabs{display:flex;gap:2px;margin-bottom:16px;background:var(--faint);border-radius:var(--r);padding:3px}
.resume-tab{flex:1;padding:9px 6px;border-radius:10px;border:none;background:transparent;font-size:.72rem;font-weight:800;color:var(--muted);cursor:pointer;transition:all .15s;text-align:center;min-height:36px}
.resume-tab.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}
.ai-btn{display:inline-flex;align-items:center;gap:4px;background:var(--accent-light);color:var(--accent);border:1px solid rgba(234,88,12,.15);font-weight:800;border-radius:var(--r-sm);padding:6px 12px;transition:all .12s;white-space:nowrap;min-height:36px}
.ai-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}
.ai-btn:disabled{opacity:.5;cursor:wait}
.pdf-subtool-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 14px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.pdf-subtool-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border2)}
.pdf-subtool-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--accent)}
.pdf-subtool-icon svg{width:24px;height:24px}
.inline-tool-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}
.inline-tool-icon svg{width:22px;height:22px}
.inline-tool-icon.lg svg{width:28px;height:28px}
.pdf-subtool-label{font-size:.78rem;font-weight:800;color:var(--text)}
.pdf-subtool-soon{font-size:.56rem;font-weight:800;font-family:var(--mono);background:var(--faint);color:var(--muted);padding:2px 7px;border-radius:100px;border:1px solid var(--border)}
.empty-state{text-align:center;padding:60px 24px;opacity:.6}
.empty-state-icon{font-size:3.5rem;margin-bottom:16px}
.empty-state h3{font-size:1rem;font-weight:900;margin-bottom:6px}
.empty-state p{font-size:.84rem;color:var(--muted);line-height:1.6;max-width:320px;margin:0 auto}
.page-wide{max-width:1200px;margin:0 auto;padding:32px 24px}
.tile-desc{font-size:.72rem;color:var(--muted);line-height:1.4}
body.dark .type-toggle-btn.active{background:#1e1b4b}
body.dark .qr-preview-box{background:radial-gradient(circle at 50% 50%,#1e1b4b 0%,#151822 60%,#0d1a0d 100%)}
body.dark .converter-image-preview{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), var(--surface2)}
body.dark .converter-text-preview{background:#0f1420}
body.dark .es-share-danger-chip{color:#fca5a5;background:rgba(220,38,38,.14);border-color:rgba(248,113,113,.18)}
body.dark .inv-total-banner{background:linear-gradient(135deg,#1e1b4b,#181c28)}
body.dark .sign-pad-wrap{background:#1c1c28}
body.dark .pos-btn{background:var(--surface2)}
body.dark .resume-preview{background:#181c28;border-color:var(--border);color:#dde0ec}
body.dark .sign-canvas{background:#181c28}
body.dark .privacy-strip{background:linear-gradient(135deg,#1e1b4b 0%,#181c28 100%)}
body.dark .hero{
  background:
    radial-gradient(circle at top center, rgba(var(--accent-rgb),.2), transparent 34%),
    linear-gradient(180deg, rgba(14,18,27,.98), rgba(12,15,24,.96)),
    var(--surface);
}
body.dark .landing-header{background:rgba(13,16,24,.92)!important}
body.dark .hero-feature,
body.dark .hero-metric{background:rgba(21,24,33,.78)}
body.dark .hero-panel{
  background:linear-gradient(180deg, rgba(22,26,38,.96), rgba(16,20,30,.98));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 28px 70px rgba(0,0,0,.34);
}
body.dark .hero-proof{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.07);
}
body.dark .hero-proof span{color:#b5bdd9}
body.dark .hero-inline-point{color:#eef2ff}
body.dark .hero-panel-metric{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
}
body.dark .hero-panel-metric strong{color:#f6f7ff}
body.dark .hero-panel-metric span{color:#b5bdd9}
body.dark .pricing-toggle{background:linear-gradient(180deg,rgba(24,28,40,.96),rgba(21,24,33,.92));border-color:rgba(255,255,255,.08)}
body.dark .plan-card{background:linear-gradient(180deg,rgba(24,28,40,.98),rgba(21,24,33,.94));border-color:rgba(255,255,255,.08)}
body.dark .plan-card.featured{background:linear-gradient(180deg,rgba(43,37,109,.88),rgba(21,24,33,.96));border-color:rgba(var(--accent-rgb),.48)}
body.dark .plan-cta-btn.current-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);color:#b7bfdc}
body.dark .card::after{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%);opacity:.55}
body.dark .tool-meta-row,
body.dark .tool-upload-card,
body.dark .tool-note-card,
body.dark .card,
body.dark .stat-box,
body.dark .dash-stat,
body.dark .dash-section{background:linear-gradient(180deg,rgba(24,28,40,.96),rgba(21,24,33,.92))}
body.dark .dash-storage-window{background:linear-gradient(180deg,rgba(24,28,40,.96),rgba(21,24,33,.92))}
body.dark .dash-share-pane,body.dark .dash-share-links-pane{background:rgba(17,20,29,.88);border-color:var(--border)}
body.dark .tool-shell .page-sub,
body.dark .tool-shell .footer-badge,
body.dark .tool-shell .ux-tip{color:var(--muted)}
body.dark .tool-shell .footer-badge,
body.dark .tool-shell .hero-feature,
body.dark .tool-shell .ux-tip,
body.dark .tool-shell .tool-meta-row{background:rgba(24,28,40,.9);border-color:rgba(255,255,255,.08)}
body.dark .tool-shell-watermark .upload-zone,
body.dark .tool-shell-pdf .upload-zone,
body.dark .upload-zone{background:linear-gradient(180deg,rgba(24,28,40,.92),rgba(20,22,32,.88))}
body.dark .upload-zone:hover,
body.dark .upload-zone.dragover{background:rgba(249,115,22,.14)}
body.dark .preview-wrap,
body.dark .qr-preview-box{border-color:rgba(255,255,255,.08)}
body.dark .inv-total-banner{background:linear-gradient(135deg,rgba(30,27,75,.9),rgba(24,28,40,.96))}
body.dark .tool-shell-pdf iframe{background:var(--surface2);border-color:rgba(255,255,255,.08)}
body.dark .modal,
body.dark .user-menu-dropdown,
body.dark .search-dropdown,
body.dark .tool-open-in-menu{background:rgba(21,24,33,.96)}
body.dark .tw-action-inner,
body.dark .tw-next-bar{background:rgba(21,24,33,.88)}
body.dark .dash-hero,
body.dark .account-hero-copy,
body.dark .share-view{background:
  radial-gradient(circle at top center, rgba(var(--accent-rgb),.18), transparent 34%),
  linear-gradient(180deg, rgba(21,24,33,.9), rgba(21,24,33,.86))}
body.dark .dash-stat,
body.dark .dash-section,
body.dark .stat-box,
body.dark .site-footer{background:linear-gradient(180deg,rgba(21,24,33,.9),var(--surface))}
body.dark .share-view-card{background:rgba(21,24,33,.9);border-color:rgba(255,255,255,.08)}
body.dark .share-view-input{background:var(--surface2);border-color:var(--border)}
body.dark .ad-slot{border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body.dark .ad-slot::before{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(249,115,22,.08))}
body.dark .segmented-control{background:rgba(24,28,40,.92);border-color:rgba(255,255,255,.08)}
body.dark .btn-contrast{background:rgba(24,28,40,.96);color:var(--accent2);box-shadow:var(--shadow)}
body.dark .btn-contrast:hover{background:var(--surface2);color:#fff}
body.dark .error-boundary{background:linear-gradient(180deg,rgba(24,28,40,.96),rgba(21,24,33,.92))}
/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE FIRST (≤600px)
   Complete A-Z mobile optimization
   ══════════════════════════════════════════════════════════════ */
@media(max-width:768px){
  :root{--mob-bottom-h:64px}
  body{touch-action:pan-y;overscroll-behavior-y:none}
  .mob-menu-btn{display:flex}
  .search-wrap{display:none}
  .mob-hide{display:none!important}
  .user-menu-btn{padding:4px 10px!important;gap:8px!important}
  .mob-bottom-nav{display:block}
  .main-content{padding:16px 12px calc(var(--mob-bottom-h) + 32px + var(--safe-bottom))}
  .tool-page{margin-top:-16px;padding-top:16px}
  .tool-page{padding-bottom:16px}
  .site-footer{padding-bottom:calc(44px + var(--mob-bottom-h) + var(--safe-bottom))}
}
@media(max-width:600px){
  /* iOS auto-zoom prevention */
  input,select,textarea,.fld input,.fld select,.fld textarea{font-size:16px!important}

  /* ── Layout & Page ── */
  .page,.page-wide{padding:14px 12px}
  .main-content{padding:14px 12px calc(var(--mob-bottom-h) + 34px + var(--safe-bottom))}
  .tool-page{margin-top:-14px;padding-top:14px}

  /* ── Modal — full bottom sheet on mobile ── */
  .modal{
    padding:24px 16px calc(20px + var(--safe-bottom));
    border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92dvh;
    max-width:100%;width:100%;
  }
  .modal-title{font-size:1.1rem}
  .modal-sub{font-size:.82rem;margin-bottom:18px}

  /* ── Header ── */
  .header{padding:0 12px;height:48px;gap:6px}
  .logo{font-size:.95rem}
  .header-right{gap:6px}
  .header-right .btn{white-space:nowrap;flex-shrink:0}
  .landing-header .btn{white-space:nowrap;flex-shrink:0}
  .landing-header .btn-sm{padding:8px 10px;font-size:.74rem;min-width:78px}
  .avatar-sm{width:28px;height:28px;font-size:.6rem}
  .btn.btn-primary.btn-sm{padding:8px 12px;font-size:.76rem;min-width:78px}

  /* ── Hero ── */
  .hero{padding:36px 16px 32px}
  .hero-inner{grid-template-columns:1fr;gap:20px}
  .hero-copy{text-align:center}
  .hero h1{font-size:clamp(1.65rem,7vw,2.2rem)}
  .hero p{font-size:.86rem;margin:0 auto 24px}
  .hero-badge{font-size:.58rem;padding:5px 14px}
  .hero-btns{flex-direction:column;align-items:stretch;gap:8px}
  .landing-search-wrap{display:none}
  .hero-btns .btn{text-align:center;justify-content:center}
  .hero-feature-list{gap:6px;justify-content:center}
  .hero-feature{font-size:.74rem;padding:6px 12px}
  .hero-metrics{grid-template-columns:1fr;max-width:none}
  .hero-panel{padding:18px;border-radius:22px}
  .hero-panel-top{flex-direction:column;align-items:flex-start;margin-bottom:16px}

  /* ── Tool grid — 2 cols with bigger touch targets ── */
  .tools-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .tool-tile{padding:16px 10px 14px;gap:8px;border-radius:var(--r)}
  .tile-icon-wrap{width:44px;height:44px;font-size:1.3rem;border-radius:0}
  .tile-label{font-size:.8rem}
  .tile-desc{display:none}
  .tile-arrow{display:none}

  /* ── Page headings ── */
  .page-title{font-size:1.25rem;margin-bottom:4px}
  .legal-page{padding:18px 14px 56px}
  .legal-shell{padding:20px 16px;border-radius:var(--r-lg)}
  .page-sub{font-size:.8rem;margin-bottom:18px}

  /* ── Buttons — guaranteed 44px touch targets ── */
  .btn{padding:12px 18px;font-size:.84rem;min-height:48px}
  .btn-sm{padding:9px 14px;font-size:.78rem;min-height:40px}
  .btn-icon{min-width:44px;min-height:44px}

  /* ── Cards & Forms ── */
  .card{padding:14px 12px;border-radius:var(--r)}
  .card-header{font-size:.82rem;margin-bottom:12px}
  .fld{margin-bottom:12px;gap:4px}
  .fld label{font-size:.72rem}
  .fld input,.fld select,.fld textarea{padding:12px 14px;border-radius:var(--r-sm)}

  /* ── Upload zone ── */
  .upload-zone{padding:28px 16px}
  .upload-zone h4{font-size:.92rem}
  .upload-zone p{font-size:.78rem}
  .upload-zone-xl{padding:36px 16px}
  .uz-icon-xl{font-size:2.4rem;margin-bottom:12px}

  /* ── Tool layouts ── */
  .tool-layout,.tool-layout-wide{grid-template-columns:1fr;gap:12px}

  /* ── Floating action bar — above bottom nav ── */
  .tw-action-bar{bottom:calc(var(--mob-bottom-h) + 12px + var(--safe-bottom));left:12px;right:12px;transform:none;width:auto}
  .tw-action-inner{padding:10px 14px;gap:8px;flex-wrap:wrap;border-radius:var(--r)}
  .tw-action-label{font-size:.72rem}
  .tw-next-bar{flex-wrap:wrap}
  .tw-next-item{font-size:.76rem;padding:8px 12px}

  /* ── Resume ── */
  .resume-name{font-size:1.25rem}
  .resume-tabs{gap:1px}
  .resume-tab{padding:8px 4px;font-size:.68rem}
  .resume-preview{padding:20px 16px}
  .tpl-modal-grid{grid-template-columns:repeat(2,1fr)!important}

  /* ── EasyShare ── */
  .es-hero{padding:28px 16px;border-radius:var(--r-lg)}
  .es-hero h2{font-size:1.35rem}
  .es-hero p{font-size:.84rem}
  .es-hero-orb{width:56px;height:56px;font-size:1.4rem}
  .es-pill{font-size:.64rem;padding:5px 12px}
  .es-stats-row{grid-template-columns:repeat(2,1fr);gap:8px}
  .es-stat-num{font-size:1.3rem}
  .es-file-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .es-toolbar{gap:6px}
  .es-search{min-width:0}
  .es-grid{grid-template-columns:1fr}

  /* ── Pricing ── */
  .pricing-grid,.plan-modal-grid{grid-template-columns:1fr;gap:12px}
  .pricing-head,.landing-section-header{flex-direction:column;align-items:flex-start}
  .landing-root-signed-in .tools-section{padding-top:calc(var(--header-h) + 20px)}
  .pricing-toggle{width:100%;justify-content:space-between}
  .pricing-toggle-btn{flex:1;justify-content:center;padding:10px 14px}
  .plan-card{padding:20px 16px 18px;border-radius:16px}
  .plan-price .amount{font-size:2.1rem}

  /* ── Invoice ── */
  .inv-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .inv-total-banner{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px}
  .inv-total-amount{font-size:1.6rem}

  /* ── Sign canvas ── */
  .sign-mode-row{gap:6px}
  .sign-mode-btn{font-size:.76rem;padding:10px 6px;gap:5px}

  /* ── Dashboard — stacked layout ── */
  .dash-hero{grid-template-columns:1fr;padding:18px;border-radius:22px}
  .dash-greeting{flex-direction:column;align-items:flex-start;gap:10px}
  .dash-hello{font-size:1.2rem}
  .dash-spotlight{padding:16px}
  .dash-spotlight-value{font-size:2.1rem}
  .dash-stats{grid-template-columns:repeat(2,1fr);gap:8px}
  .dash-stat{padding:12px;gap:8px}
  .dash-stat-num{font-size:1.15rem}
  .dash-grid{grid-template-columns:1fr}
  .dash-storage-window-body{grid-template-columns:1fr}
  .dash-storage-window-top{flex-direction:column;align-items:flex-start}

  /* ── Account — stacked layout ── */
  .account-hero{grid-template-columns:1fr}
  .account-hero-copy{padding:18px;border-radius:22px}
  .account-hero-panel{padding:14px}
  .account-sidebar-card{position:static}
  .account-grid{grid-template-columns:1fr}
  .stat-row{grid-template-columns:repeat(2,1fr);gap:10px}
  .stat-num{font-size:1.5rem}

  /* ── Ad modal ── */
  .ad-modal{border-radius:var(--r-lg)}
  .ad-slot{padding:18px 14px;min-height:150px}
  .ad-headline{font-size:.98rem}

  /* ── Privacy strip ── */
  .privacy-strip{padding:16px 14px;gap:12px;flex-direction:column}

  /* ── Footer — stacked ── */
  .site-footer{padding:32px 14px calc(42px + var(--mob-bottom-h) + var(--safe-bottom))}
  .site-footer-inner{grid-template-columns:1fr;gap:24px}
  .site-footer-brand{grid-column:auto}

  /* ── Share view ── */
  .share-view{padding:20px 12px}
  .share-view-card{padding:28px 18px;border-radius:24px}
  .share-view-form{flex-direction:column}

  /* ── QR tool ── */
  .qr-type-pills{gap:6px;flex-wrap:wrap}
  .qr-pill{padding:10px 6px;font-size:.74rem;min-width:0}
  .qr-preview-box{min-height:240px;padding:20px}
  .qr-action-row{grid-template-columns:1fr}

  /* ── Type toggle ── */
  .type-toggle-row{gap:6px}
  .type-toggle-btn{padding:11px 8px;font-size:.76rem}

  /* ── Step badge ── */
  .ux-step-badge{font-size:.66rem;padding:5px 14px}
  .ux-tips-row{gap:5px}
  .ux-tip{font-size:.64rem;padding:4px 10px}

  /* ── Misc ── */
  .sec-title{font-size:.65rem}
  .badge{font-size:.64rem}

  /* ── Stepper workflow — horizontal scroll on mobile ── */
  .wf-stepper{padding:16px 14px 12px}
  .wf-stepper-track{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .wf-stepper-step{min-width:80px}
  .wf-stepper-label{font-size:.66rem}
  .wf-stepper-label-sm{font-size:.52rem}

  /* ── User menu on mobile — wider for easier tapping ── */
  .user-menu-dropdown{right:-8px;min-width:240px}

  /* ── Toast on mobile — centered above bottom nav ── */
  .toast-container{bottom:calc(var(--mob-bottom-h) + 12px + var(--safe-bottom));left:12px;right:12px}
  .toast:not(.toast-enter):not(.toast-exit){bottom:calc(var(--mob-bottom-h) + 16px + var(--safe-bottom));right:12px;left:12px}
}
/* ── Tablet (601–900px) ── */
@media(min-width:601px) and (max-width:900px){
  .page,.page-wide{padding:20px 16px}
  .hero-inner{grid-template-columns:1fr}
  .hero-copy{text-align:center}
  .hero p{margin-left:auto;margin-right:auto}
  .hero-btns,.hero-feature-list{justify-content:center}
  .hero-metrics{margin:0 auto}
  .dash-hero,.account-hero{grid-template-columns:1fr}
  .account-sidebar-card{position:static}
  .tools-grid{grid-template-columns:repeat(3,1fr);gap:12px}
  .tool-tile{padding:20px 12px 16px}
  .tile-desc{font-size:.68rem}
  .hero{padding:52px 20px 44px}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .dash-stats{grid-template-columns:repeat(2,1fr)}
  .es-stats-row{grid-template-columns:repeat(2,1fr)}
  .tool-layout,.tool-layout-wide{grid-template-columns:1fr}
  .account-grid{grid-template-columns:1fr}
}
/* =========================================================
   2026 Refresh — cleaner document-tools UI
   Distinct utility style, flatter surfaces, less "AI startup"
   ========================================================= */
:root{
  --bg:#f4f5f7;
  --surface:#ffffff;
  --surface2:#f7f8fa;
  --border:#e4e7eb;
  --border2:#cfd5dd;
  --text:#1f2937;
  --muted:#667085;
  --faint:#f2f4f7;
  --accent:#ea580c;
  --accent2:#f97316;
  --accent-dark:#c2410c;
  --accent-light:#eef2ff;
  --accent-rgb:79,70,229;
  --surface-glass:rgba(255,255,255,.9);
  --r:12px;
  --r-sm:10px;
  --r-lg:16px;
  --r-xl:20px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow:0 4px 12px rgba(16,24,40,.06);
  --shadow-lg:0 10px 30px rgba(16,24,40,.08);
  --shadow-xl:0 18px 48px rgba(16,24,40,.12);
}
body.dark{
  --bg:#101418;
  --surface:#171b20;
  --surface2:#1d232a;
  --border:#2a3139;
  --border2:#3b4550;
  --text:#eef2f6;
  --muted:#98a2b3;
  --faint:#14191f;
  --accent:#7c74ff;
  --accent2:#8b87ff;
  --accent-dark:#675eff;
  --accent-light:rgba(124,116,255,.12);
  --accent-rgb:124,116,255;
  --surface-glass:rgba(23,27,32,.92);
}
body{
  background-image:none;
  background-color:var(--bg);
}
body.dark{
  background-image:none;
  background-color:var(--bg);
}
.header{
  background:var(--surface);
  box-shadow:none;
  border-bottom:1px solid var(--border);
  height:60px;
}
.landing-header{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:saturate(1.1) blur(10px);
}
body.dark .landing-header{
  background:rgba(23,27,32,.96)!important;
}
.logo{font-size:1.06rem}
.btn-primary{
  background:var(--accent);
  border-color:var(--accent);
}
.btn-primary:hover{
  background:var(--accent-dark);
  border-color:var(--accent-dark);
  box-shadow:none;
}
.btn-ghost:hover{
  background:var(--surface2);
  border-color:var(--border2);
}
.card,
.dash-section,
.dash-stat,
.stat-box,
.tool-meta-row,
.tool-upload-card,
.tool-note-card{
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:none;
}
.card::after{display:none}
.card:hover,
.card:focus-within{
  transform:none;
  box-shadow:none;
  border-color:var(--border2);
}
.hero.hero-docs{
  background:linear-gradient(180deg,var(--surface),#f7f8fa);
  border-bottom:1px solid var(--border);
  padding:calc(var(--header-h) + 34px) 24px 60px;
}
body.dark .hero.hero-docs{
  background:linear-gradient(180deg,var(--surface),#14181d);
}
.hero.hero-docs::before{
  display:none;
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 880px 300px at 50% -24px, rgba(255,255,255,.34) 0%, transparent 72%);
  pointer-events:none;
}
.hero-copy-docs{
  padding:8px 0;
}
.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--muted);
  font-size:.68rem;
  font-weight:800;
  font-family:var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero.hero-docs h1{
  max-width:12ch;
  font-size:clamp(2.3rem,4vw,3.5rem);
  line-height:1.02;
  margin-bottom:16px;
  color:var(--text);
}
.hero.hero-docs h1 em{
  background:none;
  -webkit-text-fill-color:currentColor;
}
.hero.hero-docs p{
  max-width:640px;
  margin:0 0 28px;
  font-size:.98rem;
  line-height:1.75;
  color:var(--muted);
}
.hero-inline-points-docs{
  gap:12px;
  margin-bottom:24px;
}
.hero-inline-point{
  color:var(--text);
  font-weight:700;
}
.hero-inline-dot{
  width:8px;
  height:8px;
  box-shadow:none;
  background:var(--accent);
}
.hero-btns{
  gap:10px;
}
.hero-panel-docs{
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:none;
  border-radius:20px;
  padding:22px;
}
body.dark .hero-panel-docs{
  background:var(--surface);
  border-color:var(--border);
  box-shadow:none;
}
.hero-panel-docs::before{display:none}
.hero-panel-docs-top{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  margin-bottom:16px;
}
.hero-panel-docs-title{
  font-size:.82rem;
  font-weight:900;
  letter-spacing:-.01em;
}
.hero-panel-docs-note{
  font-size:.74rem;
  color:var(--muted);
}
.hero-panel-docs-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.hero-tool-card{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface2);
  color:var(--text);
  cursor:pointer;
  text-align:left;
  transition:border-color .16s ease, background .16s ease;
  font-family:var(--font);
}
.hero-tool-card:hover{
  border-color:var(--accent);
  background:var(--accent-light);
}
.hero-tool-card-icon{
  width:34px;
  height:34px;
  border-radius:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.hero-tool-card-icon svg,
.hero-tool-card-icon img{width:28px;height:28px;display:block;object-fit:contain}
.hero-tool-card-icon .asset-icon{width:32px !important;height:32px !important}
.hero-tool-card-label{
  font-size:.8rem;
  font-weight:800;
}
.hero-panel-docs-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.hero-panel-metric{
  background:var(--surface2);
  border:1px solid var(--border);
  box-shadow:none;
  border-radius:14px;
  padding:14px;
}
.hero-panel-metric strong{
  font-size:1.45rem;
}
.hero-panel-metric span{
  font-size:.72rem;
}
.hero-proof-list-docs{
  gap:10px;
}
.hero-proof{
  background:var(--surface2);
  border:1px solid var(--border);
  border-radius:16px;
}
.hero-proof-icon{
  background:var(--accent-light);
  color:var(--accent);
}
.tools-section{
  padding:52px 24px;
}
.landing-section-header{
  margin-bottom:20px;
}
.landing-section-copy h2{
  font-size:clamp(1.45rem,2.6vw,2rem);
}
.landing-section-copy p{
  max-width:620px;
}
.tool-tile{
  align-items:flex-start;
  text-align:left;
  padding:20px 18px 18px;
  gap:10px;
  border-radius:16px;
  box-shadow:none;
  background:var(--surface);
}
.tool-tile::before{display:none}
.tool-tile:hover{
  transform:none;
  box-shadow:none;
  border-color:var(--accent);
}
.tile-icon-wrap{
  width:56px;
  height:56px;
  border-radius:0;
  box-shadow:none;
}
.tile-label{
  font-size:.92rem;
}
.tile-desc{
  font-size:.76rem;
}
.tile-arrow{
  opacity:1;
  transform:none;
  position:static;
  margin-top:auto;
  font-size:.76rem;
  font-weight:800;
}
.privacy-strip{
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:none;
  border-radius:18px;
}
.privacy-strip::before{display:none}
.pricing-head{
  margin-bottom:20px;
}
.pricing-toggle{
  background:var(--surface2);
  border:1px solid var(--border);
  box-shadow:none;
}
.pricing-toggle-btn.active{
  background:var(--accent);
  box-shadow:none;
}
.pricing-save-pill{
  background:var(--accent);
}
.pricing-grid,
.plan-modal-grid{
  gap:16px;
}
.plan-card{
  background:linear-gradient(180deg,var(--surface),rgba(var(--accent-rgb),.025));
  border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
  border-radius:28px;
}
.plan-card::before{display:none}
.plan-card.featured{
  background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),var(--surface));
  border-color:var(--accent);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.16),0 18px 36px rgba(var(--accent-rgb),.1);
}
.plan-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
}
.plan-badge{
  font-size:.56rem;
}
.plan-cta-btn{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
}
.plan-cta-btn:hover{
  box-shadow:0 12px 24px rgba(var(--accent-rgb),.2);
}
.site-footer{
  background:var(--surface2);
  border-top:1px solid var(--border);
  margin-top:40px;
}
body.dark .site-footer{
  background:var(--surface);
}
.site-footer-brand-name{
  color:var(--text);
}
.site-footer-brand-name span{
  color:var(--accent);
}
@media(max-width:900px){
  .hero-panel-docs-grid{
    grid-template-columns:1fr 1fr;
  }
  .pdf-editor-stage{grid-template-columns:1fr}
  .pdf-editor-side{position:static}
  .pdf-editor-preview-frame{height:560px}
}
@media(max-width:600px){
  .hero.hero-docs{
    padding:92px 16px 34px;
  }
  .hero.hero-docs h1{
    max-width:none;
    font-size:clamp(1.9rem,8vw,2.45rem);
  }
  .hero-panel-docs{
    padding:16px;
  }
  .hero-panel-docs-top{
    flex-direction:column;
    align-items:flex-start;
  }
  .hero-panel-docs-grid,
  .hero-panel-docs-stats{
    grid-template-columns:1fr;
  }
  .pdf-editor-preview-frame{height:420px;border-radius:16px}
  .pdf-subtools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tool-tile{
    padding:16px 14px;
  }
  .tile-desc{
    display:block;
  }
}
/* ── Desktop modal centering ── */
@media(min-width:601px){
  .modal-backdrop{align-items:center;padding:20px}
  .modal{border-radius:var(--r-xl);padding:32px;max-height:90vh}
  .modal::before{display:none}
  .toast-container{bottom:20px;right:20px;left:auto;max-width:360px}
  .toast:not(.toast-enter):not(.toast-exit){bottom:24px;right:24px;left:auto}
  .tw-action-bar{bottom:max(20px,env(safe-area-inset-bottom,20px))}
}
/* ── Large desktop ── */
@media(min-width:1200px){
  .tools-grid{grid-template-columns:repeat(4,1fr)}
}
.auth-social-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.84rem;font-weight:700;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}
.auth-social-btn:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}
.auth-social-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.auth-social-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}
.auth-social-icon svg{width:20px;height:20px;display:block}
.auth-social-icon-facebook svg{width:21px;height:21px}
.auth-social-divider{display:flex;align-items:center;gap:12px;margin:4px 0 14px;font-size:.7rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.auth-social-divider::before,.auth-social-divider::after{content:"";height:1px;flex:1;background:var(--border)}
.notif-btn{position:relative}
.notif-count{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:.62rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center}
.notif-menu-dropdown{min-width:300px}
.notif-list{max-height:360px;overflow:auto}
.notif-item{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-family:var(--font)}
.notif-item:hover{background:var(--faint)}
.notif-item.unread{background:rgba(234,88,12,.08)}
.notif-item-title{font-size:.8rem;font-weight:800}
.notif-item-sub{font-size:.72rem;color:var(--muted);line-height:1.5}
.notif-empty{padding:18px 16px;font-size:.76rem;color:var(--muted)}
.share-items-list{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}
.share-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--faint);text-align:left}
.share-item-name{font-size:.84rem;font-weight:800;color:var(--text)}
.share-item-meta{font-size:.72rem;color:var(--muted);margin-top:3px}
.es-drag-handle{width:30px;height:30px;border:none;background:transparent;color:var(--muted);cursor:grab;font-size:.9rem;flex-shrink:0}
.es-drag-handle:active{cursor:grabbing}
.es-share-composer{margin-bottom:18px}
.es-share-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-size:.74rem;color:var(--muted);font-weight:700}
.es-compose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.es-compose-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.es-share-links-list,.es-received-list{display:flex;flex-direction:column;gap:10px}
.es-share-link-card,.es-received-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.es-share-link-copy{flex:1;min-width:0}
.es-received-row.unread{border-color:var(--accent);background:rgba(234,88,12,.06)}
body.dark .es-received-row.unread,body.dark .notif-item.unread{background:rgba(249,115,22,.12)}
@media(max-width:900px){
  .es-compose-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .notif-menu-dropdown{min-width:260px;right:-10px}
  .share-item-row,.es-share-link-card,.es-received-row{flex-direction:column;align-items:flex-start}
  .es-compose-actions{flex-direction:column}
  .es-compose-actions .btn{width:100%}
}
.dash-storage-window{background:linear-gradient(180deg,rgba(255,255,255,.88),var(--surface));border:1px solid var(--border);border-radius:30px;padding:22px;box-shadow:var(--shadow-sm);position:relative;transition:border-color .15s,background .15s}
.dash-storage-window.dragover{border-color:var(--accent);background:linear-gradient(180deg,rgba(240,242,255,.96),var(--surface))}
.dash-storage-window-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.dash-storage-heading{font-size:2rem;font-weight:900;letter-spacing:-.05em}
.dash-storage-caption{font-size:.84rem;color:var(--muted);margin-top:4px}
.dash-storage-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dash-storage-usage{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}
.dash-storage-usage-copy{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:260px;font-size:.78rem;color:var(--muted)}
.dash-storage-usage-copy strong{color:var(--text);font-size:.8rem}
.dash-storage-usage-bar{flex:1;height:10px;background:var(--faint);border-radius:999px;overflow:hidden}
.dash-storage-usage-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}
.dash-storage-grid-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,184px));gap:18px;justify-content:flex-start}
.dash-storage-card-ref{padding:14px 14px 16px;border-radius:24px;background:var(--surface);border:1px solid rgba(18,24,40,.08);box-shadow:0 14px 30px rgba(19,27,50,.06);min-height:242px}
.dash-storage-card-ref:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(19,27,50,.1)}
.dash-storage-menu-btn{position:absolute;top:16px;right:16px;width:38px;height:38px;border:none;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 10px 20px rgba(18,24,40,.08);color:#111827;cursor:pointer;font-size:1rem;font-weight:900;letter-spacing:2px;display:flex;align-items:center;justify-content:center}
.dash-storage-menu-btn-inline{position:static;box-shadow:none;background:transparent;border:1px solid var(--border);color:var(--muted)}
.dash-storage-menu{position:absolute;top:58px;left:50%;transform:translateX(-50%);width:min(280px,calc(100% - 32px));background:rgba(255,255,255,.98);border:1px solid rgba(18,24,40,.08);border-radius:22px;box-shadow:0 24px 50px rgba(19,27,50,.16);padding:10px;z-index:5}
.dash-storage-menu button{display:flex;align-items:center;width:100%;padding:16px 14px;border:none;background:transparent;border-radius:16px;color:var(--text);font-size:.84rem;font-weight:700;cursor:pointer;text-align:left;min-height:48px}
.dash-storage-menu button:hover{background:var(--accent-light)}
.dash-storage-thumb{height:120px;border-radius:22px;background:linear-gradient(180deg,#fbfcff,#f3f6fb);box-shadow:inset 0 0 0 1px rgba(18,24,40,.06);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:14px}
.dash-storage-thumb-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:22px}
.dash-storage-sheet-mini{width:68px;aspect-ratio:.74;border-radius:16px;background:#fff;box-shadow:0 16px 28px rgba(18,24,40,.09);padding:10px 8px}
.dash-storage-sheet-mini-top{display:flex;gap:4px;margin-bottom:10px}
.dash-storage-dot{width:5px;height:5px;border-radius:999px;background:#e5e7eb}
.dash-storage-sheet-mini-lines{display:flex;flex-direction:column;gap:6px}
.dash-storage-sheet-line{height:8px;border-radius:999px;background:linear-gradient(90deg,#e5e7eb,#f3f4f6)}
.dash-storage-sheet-line.short{width:46%}
.dash-storage-sheet-line.mid{width:68%}
.dash-storage-type-badge{
  position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:14px;
  background:rgba(255,255,255,.96);box-shadow:0 10px 22px rgba(18,24,40,.08), inset 0 0 0 1px rgba(18,24,40,.06);
  display:flex;align-items:center;justify-content:center;color:var(--accent)
}
.dash-storage-type-badge svg{width:20px;height:20px}
.dash-storage-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.dash-storage-bottom-pane{padding:18px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.dash-share-dropzone{min-height:120px}
.dash-empty-storage{padding:48px 18px}
.dash-storage-star{margin-top:8px;font-size:.84rem;color:var(--accent)}
.dash-storage-folder-badge{margin-top:8px;display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);font-size:.68rem;font-weight:800;color:var(--muted)}
body.dark .dash-storage-window{background:linear-gradient(180deg,rgba(24,28,40,.96),rgba(21,24,33,.92))}
body.dark .dash-storage-usage,
body.dark .dash-storage-card-ref,
body.dark .dash-storage-bottom-pane{background:rgba(20,24,34,.92);border-color:rgba(255,255,255,.08)}
body.dark .dash-storage-menu{background:rgba(20,24,34,.98);border-color:rgba(255,255,255,.08)}
body.dark .dash-storage-menu-btn{background:rgba(20,24,34,.98);color:#f8fafc}
body.dark .dash-storage-thumb{background:linear-gradient(180deg,#1d2330,#141925)}
.dash-storage-thumb-img{background:var(--surface2)}
body.dark .dash-storage-sheet-mini{background:#fafafa}
body.dark .dash-storage-type-badge{background:rgba(20,24,34,.98)}
body.dark .dash-rail-group,
body.dark .dash-rail-usage{background:rgba(20,24,34,.92);border-color:rgba(255,255,255,.08)}
@media(max-width:900px){
  .dash-storage-window-top{flex-direction:column;align-items:flex-start}
  .dash-storage-usage{flex-direction:column;align-items:stretch}
  .dash-storage-usage-copy{min-width:0}
  .dash-storage-bottom{grid-template-columns:1fr}
}
@media(max-width:640px){
  .dash-storage-window{padding:16px}
  .dash-storage-heading{font-size:1.55rem}
  .dash-storage-grid-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .dash-storage-card-ref{min-height:214px;padding:12px}
  .dash-storage-menu-btn{top:12px;right:12px}
  .dash-storage-thumb{height:112px}
  .dash-storage-sheet-mini{width:58px}
}
.dash-shell-minimal{
  display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;align-items:stretch;
  min-height:clamp(720px,calc(100vh - 148px),860px);
}
.dash-left-rail{
  display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-right:none;
  border-radius:28px 0 0 28px;background:linear-gradient(180deg,rgba(255,255,255,.94),var(--surface));
  box-shadow:var(--shadow-sm);position:relative;align-self:stretch;min-height:100%;height:100%;
}
.dash-rail-main{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}
.dash-rail-link{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;border-radius:18px;background:transparent;color:var(--muted);font:inherit;font-size:.9rem;font-weight:800;text-align:left;cursor:pointer;transition:all .14s}
.dash-rail-link:hover{background:var(--faint);color:var(--text)}
.dash-rail-link.active{background:var(--accent-light);color:var(--accent);box-shadow:inset -4px 0 0 var(--accent)}
.dash-rail-icon{
  display:flex;align-items:center;justify-content:center;color:currentColor;
  width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.72);
  box-shadow:inset 0 0 0 1px rgba(18,24,40,.06);
}
.dash-rail-icon svg{width:18px;height:18px}
.dash-rail-icon .asset-icon{width:24px !important;height:24px !important}
.dash-rail-copy{display:flex;flex-direction:column;gap:3px}
.dash-rail-copy strong{font-size:.92rem;line-height:1.1}
.dash-rail-copy small{font-size:.72rem;color:inherit;opacity:.72;line-height:1.2}
.dash-rail-group{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:20px;background:var(--surface2)}
.dash-rail-group-title{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dash-rail-mini{display:flex;align-items:center;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;text-align:left}
.dash-rail-mini:hover{background:var(--surface);color:var(--text)}
.dash-rail-mini.active{background:var(--accent-light);border-color:rgba(var(--accent-rgb),.18);color:var(--accent)}
.dash-rail-footer{display:grid;gap:12px;padding-top:4px}
.dash-rail-usage{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:20px;background:var(--surface2)}
.dash-rail-usage-copy{display:grid;gap:4px}
.dash-rail-usage-copy strong{font-size:.82rem;color:var(--text)}
.dash-rail-usage-copy span{font-size:.74rem;color:var(--muted)}
.dash-rail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dash-rail-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;text-align:center}
.dash-rail-action-btn:hover,
.dash-rail-action-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.dash-workspace-surface{
  min-width:0;background:linear-gradient(180deg,rgba(246,247,255,.96),rgba(250,251,255,.98));
  border:1px solid var(--border);border-radius:0 28px 28px 0;padding:22px;box-shadow:var(--shadow-sm);
  transition:border-color .15s,background .15s;position:relative;height:100%;overflow:hidden;margin-left:-1px;
  display:flex;flex-direction:column;
}
.dash-workspace-surface.dragover{border-color:var(--accent);background:linear-gradient(180deg,rgba(239,242,255,.98),rgba(250,251,255,.98))}
.dash-storage-window-top-minimal{margin-bottom:16px}
.dash-workspace-body{flex:1;min-height:0;overflow:auto;padding-right:4px}
.dash-storage-bottom-single{grid-template-columns:1.1fr .9fr}
.dash-storage-search{display:flex;align-items:center;gap:8px;min-width:220px;padding:0 12px;height:40px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.dash-storage-search-icon{display:flex;align-items:center;justify-content:center;color:var(--muted)}
.dash-storage-search-input{width:100%;border:none;background:transparent;color:var(--text);font:inherit;font-size:.8rem;outline:none}
.dash-storage-search-input::placeholder{color:var(--muted)}
.dash-top-control-wrap{position:relative}
.dash-filter-trigger,
.dash-source-trigger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:14px;background:var(--surface2);color:var(--muted);font:inherit;cursor:pointer;transition:all .12s}
.dash-filter-trigger:hover,
.dash-source-trigger:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.dash-filter-trigger svg{width:18px;height:18px}
.dash-filter-menu{
  position:absolute;top:calc(100% + 8px);right:0;width:180px;padding:8px;background:rgba(255,255,255,.98);
  border:1px solid rgba(18,24,40,.08);border-radius:18px;box-shadow:0 18px 36px rgba(19,27,50,.14);z-index:30;
}
.dash-filter-menu button{
  width:100%;display:flex;align-items:center;padding:11px 12px;border:none;background:transparent;border-radius:12px;
  color:var(--text);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;text-align:left;min-height:42px;
}
.dash-filter-menu button:hover,
.dash-filter-menu button.active{background:var(--accent-light);color:var(--accent)}
.dash-source-trigger.add{
  background:linear-gradient(180deg,var(--accent),var(--accent2));color:#fff;border-color:transparent;font-size:1.35rem;font-weight:800;
  box-shadow:none;
}
.dash-source-trigger.add:hover{background:linear-gradient(180deg,var(--accent-dark),var(--accent));color:#fff;border-color:transparent}
.dash-share-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.dash-share-form-grid .input,
.dash-share-form-grid .select{
  width:100%;
  min-height:44px;
  padding:0 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface2);
  color:var(--text);
}
.dash-share-form-grid .input::placeholder{color:var(--muted)}
.doc-source-wrap{
  display:grid;gap:12px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--border);
  border-radius:20px;background:linear-gradient(180deg,var(--surface),var(--surface2));
}
.doc-source-wrap.compact{margin-bottom:16px}
.doc-source-head{display:flex;align-items:center;gap:10px}
.dash-dialog-subtle{font-size:.76rem;color:var(--muted);margin-top:4px}
.doc-source-plus{
  width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--accent-light);color:var(--accent);font-size:1rem;font-weight:900;line-height:1;
}
.doc-source-title{font-size:.76rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.doc-source-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:0}
.doc-source-bar.compact{margin-bottom:0}
.doc-source-btn{
  display:inline-flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--border);border-radius:16px;background:var(--surface);
  color:var(--muted);font:inherit;font-size:.79rem;font-weight:800;cursor:pointer;transition:all .12s;box-shadow:0 8px 18px rgba(18,24,40,.04);
}
.doc-source-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}
.doc-source-btn.brand{gap:12px}
.doc-source-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:currentColor}
.doc-source-icon svg{width:22px;height:22px}
.doc-source-icon img{width:22px;height:22px;object-fit:contain;display:block}
.doc-source-icon .asset-icon{width:24px !important;height:24px !important}
.doc-source-btn.brand .doc-source-icon{width:24px;height:24px}
.doc-source-btn.brand .doc-source-icon img{width:24px;height:24px}
.doc-source-btn.brand .doc-source-icon .asset-icon{width:26px !important;height:26px !important}
.doc-source-icon svg [stroke]{vector-effect:non-scaling-stroke}
.dash-storage-floatbar{position:sticky;bottom:12px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 18px 36px rgba(19,27,50,.12);backdrop-filter:blur(10px)}
.dash-storage-floatbar span{font-size:.82rem;font-weight:800}
.dash-storage-card-ref .dash-storage-name{padding-right:40px}
.dash-storage-select-btn{
  margin-top:10px;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;
  border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--muted);
  font:inherit;font-size:.74rem;font-weight:800;cursor:pointer;transition:all .12s;
}
.dash-storage-select-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.dash-storage-select-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.dash-storage-select-btn.compact{min-height:36px;padding:0 12px;margin-top:0;white-space:nowrap}
.dash-storage-menu{z-index:20}
.dash-storage-menu-inline{top:calc(100% + 8px);left:auto;right:0;transform:none;width:min(260px,calc(100vw - 48px))}
.dash-history-pane{display:flex;flex-direction:column;gap:14px}
.dash-history-filters{display:flex;gap:8px;flex-wrap:wrap}
.dash-history-filter{padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--muted);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.dash-history-filter.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.dash-history-list{display:flex;flex-direction:column;gap:10px}
.dash-history-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;padding:16px 18px;border:1px solid var(--border);border-radius:20px;background:var(--surface);text-align:left;color:var(--text);font:inherit;cursor:pointer}
.dash-history-item:hover{border-color:var(--accent);background:var(--accent-light)}
.dash-history-icon{
  display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;
  background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.05));color:var(--accent);
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.08);
}
.dash-history-icon svg{width:18px;height:18px}
.dash-history-copy{min-width:0}
.dash-history-title{font-size:.88rem;font-weight:800;line-height:1.3}
.dash-history-sub,
.dash-history-subtitle{font-size:.76rem;color:var(--muted);margin-top:4px;line-height:1.5}
.dash-history-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:.72rem;color:var(--muted);font-weight:700}
.dash-history-state{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);font-size:.64rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.dash-history-state.active{color:var(--accent);border-color:rgba(var(--accent-rgb),.18);background:var(--accent-light)}
.dash-history-state.opened{color:var(--green);border-color:rgba(5,150,105,.18);background:rgba(16,185,129,.09)}
.dash-history-state.unread{color:#b45309;border-color:rgba(217,119,6,.18);background:rgba(245,158,11,.08)}
.dash-history-state.expired{color:#b91c1c;border-color:rgba(220,38,38,.18);background:rgba(239,68,68,.08)}
.dash-easyshare-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:16px;height:100%}
.dash-easyshare-layout.single{grid-template-columns:minmax(0,1fr)}
.dash-easyshare-composer,
.dash-easyshare-links{display:flex;flex-direction:column;min-height:0}
.dash-share-pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.dash-share-inline-stats{
  display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:var(--accent-light);
  color:var(--accent);font-size:.72rem;font-weight:800;white-space:nowrap;
}
.dash-share-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dash-share-summary-card{
  display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--border);
  border-radius:18px;background:var(--surface2)
}
.dash-share-summary-card strong{font-size:.95rem;font-weight:900;color:var(--text);letter-spacing:-.02em}
.dash-share-summary-label{font-size:.68rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.dash-share-dropzone{display:flex;align-items:flex-start}
.dash-active-shares{min-height:0;overflow:auto;padding-right:4px}
.dash-share-actions{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dash-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(7,10,17,.45);backdrop-filter:blur(10px)}
.dash-dialog{width:min(560px,100%);padding:20px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-xl)}
.dash-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.dash-dialog-title{font-size:1.02rem;font-weight:900;letter-spacing:-.02em;color:var(--text)}
.dash-dialog-sub{margin-top:4px;font-size:.8rem;color:var(--muted);line-height:1.55}
.dash-dialog-close{width:34px;height:34px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--muted);cursor:pointer}
.dash-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dash-source-card{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface2);color:var(--text);text-align:left;cursor:pointer}
.dash-source-card:hover{border-color:var(--accent);background:var(--accent-light)}
.dash-source-card-icon{
  display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;
  background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.05));color:var(--accent);flex-shrink:0;
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.08);
}
.dash-source-card-icon .asset-icon{width:30px !important;height:30px !important}
.asset-icon img{transform-origin:center center}
.asset-icon.asset-icon-doc img{
  width:92% !important;
  height:92% !important;
}
.asset-icon.asset-icon-square img{
  width:86% !important;
  height:86% !important;
}
.asset-icon.asset-icon-brand img{
  width:88% !important;
  height:88% !important;
}
.asset-icon.white-plate{
  padding:4px;
  border-radius:12px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(18,24,40,.08);
}
body.dark .asset-icon.white-plate{
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 1px 0 rgba(255,255,255,.04);
}
.dash-source-card-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.dash-source-card-copy strong{font-size:.86rem}
.dash-source-card-copy small{font-size:.74rem;color:var(--muted);line-height:1.45}
.dash-confirm-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.dash-confirm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.dash-confirm-name{min-width:0;font-size:.82rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-confirm-size{font-size:.74rem;color:var(--muted);flex-shrink:0}
.dash-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
body.dark .dash-left-rail{background:linear-gradient(180deg,rgba(24,28,40,.96),rgba(21,24,33,.92));border-color:rgba(255,255,255,.08)}
body.dark .dash-rail-link.active{background:var(--accent-light);color:var(--accent);box-shadow:inset -4px 0 0 var(--accent)}
body.dark .dash-rail-icon{
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
body.dark .dash-workspace-surface{background:linear-gradient(180deg,rgba(24,28,40,.96),rgba(21,24,33,.92));border-color:rgba(255,255,255,.08)}
body.dark .dash-workspace-surface.dragover{background:linear-gradient(180deg,rgba(34,40,59,.98),rgba(21,24,33,.94))}
body.dark .dash-storage-floatbar{background:rgba(17,20,29,.94);border-color:rgba(255,255,255,.08)}
body.dark .doc-source-wrap{background:linear-gradient(180deg,rgba(24,28,40,.96),rgba(20,24,34,.92));border-color:rgba(255,255,255,.08)}
body.dark .doc-source-btn,body.dark .dash-history-filter,body.dark .dash-history-item{background:rgba(20,24,34,.92);border-color:rgba(255,255,255,.08)}
body.dark .dash-history-icon{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}
body.dark .dash-storage-search,
body.dark .dash-filter-trigger,
body.dark .dash-source-trigger,
body.dark .dash-dialog,
body.dark .dash-source-card,
body.dark .dash-confirm-row{background:rgba(20,24,34,.92);border-color:rgba(255,255,255,.08)}
body.dark .dash-storage-select-btn{background:rgba(20,24,34,.92);border-color:rgba(255,255,255,.08)}
body.dark .dash-filter-menu{background:rgba(20,24,34,.98);border-color:rgba(255,255,255,.08)}
body.dark .dash-source-card-icon{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}
body.dark .tile-icon-wrap,
body.dark .hero-tool-card-icon{
  box-shadow:none;
}
@media(max-width:768px){
  .dash-share-summary-row{grid-template-columns:1fr}
}
@media(max-width:1100px){
  .dash-shell-minimal{grid-template-columns:1fr;gap:14px;min-height:0}
  .dash-left-rail{position:static;flex-direction:column;overflow:visible;padding:10px;scrollbar-width:none}
  .dash-left-rail{border-right:1px solid var(--border);border-radius:24px;height:auto}
  .dash-workspace-surface{border-radius:24px;margin-left:0;height:auto}
  .dash-easyshare-layout{grid-template-columns:1fr}
  .dash-file-actions{min-width:0}
  .dash-left-rail::-webkit-scrollbar{display:none}
  .dash-rail-actions{grid-template-columns:1fr}
  .dash-rail-link{justify-content:flex-start;min-width:148px;flex:0 0 auto}
}
@media(max-width:768px){
  .dash-workspace-surface{padding:16px}
  .dash-share-form-grid{grid-template-columns:1fr}
  .dash-storage-bottom-single{grid-template-columns:1fr}
  .dash-storage-grid-large{grid-template-columns:repeat(auto-fill,minmax(160px,160px))}
  .dash-history-item{grid-template-columns:1fr;align-items:flex-start}
  .dash-history-meta{align-items:flex-start}
  .dash-left-rail{
    overflow:visible;
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:12px;
  }
  .dash-rail-link{
    min-width:0;
    flex:none;
    width:100%;
    padding:12px 10px;
    gap:8px;
    align-items:center;
    min-height:0;
  }
  .dash-rail-icon{width:32px;height:32px}
  .dash-rail-copy strong{font-size:.8rem}
  .dash-rail-copy small{font-size:.62rem}
  .dash-storage-window-top{gap:12px}
  .dash-storage-search{min-width:0;width:100%}
  .dash-storage-top-actions{width:100%;justify-content:space-between}
  .dash-storage-usage{padding:12px 14px}
  .dash-storage-usage-copy{
    min-width:0;
    width:100%;
    flex-wrap:wrap;
    row-gap:6px;
  }
  .dash-storage-usage-copy span{
    width:100%;
    text-align:left;
  }
  .dash-source-grid{grid-template-columns:1fr}
  .dash-dialog-actions{flex-direction:column}
  .dash-dialog-actions .btn{width:100%}
  .doc-source-btn{width:100%;justify-content:flex-start}
}
@media(max-width:380px){
  .tools-grid{grid-template-columns:1fr}
  .tool-tile{
    min-height:132px;
    align-items:flex-start;
  }
  .tile-desc{display:block}
}
/* =========================================================
   Final Visual Pass — unify surfaces and make dark mode dark
   ========================================================= */
:root{
  --bg:#f3f4f6;
  --surface:#ffffff;
  --surface2:#f7f8fa;
  --surface-elevated:#fbfcfd;
  --border:#e5e7eb;
  --border2:#cfd4dc;
  --text:#111827;
  --muted:#667085;
  --faint:#f3f4f6;
  --accent:#ea580c;
  --accent2:#f97316;
  --accent-dark:#c2410c;
  --accent-light:#eef2ff;
  --accent-rgb:79,70,229;
  --surface-glass:rgba(255,255,255,.9);
  --shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --shadow:0 8px 20px rgba(16,24,40,.06);
  --shadow-lg:0 16px 36px rgba(16,24,40,.08);
  --shadow-xl:0 28px 60px rgba(16,24,40,.12);
}
body.dark{
  --bg:#090b0f;
  --surface:#0f1216;
  --surface2:#14181e;
  --surface-elevated:#191e25;
  --border:#20252d;
  --border2:#2c3440;
  --text:#f3f4f6;
  --muted:#8f98a4;
  --faint:#0c0f14;
  --accent:#7d86ff;
  --accent2:#9097ff;
  --accent-dark:#6b74f5;
  --accent-light:rgba(125,134,255,.07);
  --accent-rgb:125,134,255;
  --surface-glass:rgba(15,18,22,.88);
  --shadow-sm:0 1px 2px rgba(0,0,0,.32);
  --shadow:0 8px 24px rgba(0,0,0,.28);
  --shadow-lg:0 18px 40px rgba(0,0,0,.36);
  --shadow-xl:0 28px 70px rgba(0,0,0,.46);
}
body,
body.dark{
  background-image:none !important;
  background-color:var(--bg) !important;
}
.header,
.landing-header,
.site-footer,
.card,
.tool-upload-card,
.tool-note-card,
.dash-left-rail,
.dash-workspace-surface,
.dash-storage-usage,
.dash-storage-bottom-pane,
.dash-history-item,
.doc-source-btn,
.dash-history-filter,
.search-dropdown,
.user-menu-dropdown,
.notif-menu-dropdown,
.tool-open-in-menu,
.modal,
.tw-action-inner,
.tw-next-bar,
.share-view-card,
.plan-card,
.hero-panel-docs,
.pricing-toggle,
.account-hero-panel,
.account-hero-copy,
.dash-stat,
.dash-section,
.stat-box{
  background:var(--surface);
  border-color:var(--border);
}
.hero.hero-docs,
.tool-shell,
.share-view,
.account-hero,
.dash-shell-minimal{
  background:transparent;
}
.card,
.tool-upload-card,
.tool-note-card,
.dash-left-rail,
.dash-workspace-surface,
.dash-storage-bottom-pane,
.plan-card,
.hero-panel-docs,
.account-hero-copy,
.account-hero-panel,
.modal,
.share-view-card{
  box-shadow:var(--shadow-sm);
}
.card:hover,
.card:focus-within,
.tool-tile:hover,
.plan-card:hover,
.dash-storage-card:hover,
.dash-history-item:hover,
.doc-source-btn:hover,
.dash-rail-link:hover{
  box-shadow:var(--shadow);
}
.page-title{letter-spacing:-.045em}
.page-sub{color:var(--muted);max-width:720px;margin-bottom:24px}
.card-header{margin-bottom:14px}
.tool-shell .page-title,
.tool-shell .page-sub{max-width:820px}
.btn-primary{box-shadow:none}
.btn-primary:hover{box-shadow:none}
.btn-ghost{background:transparent}
.btn-ghost:hover{background:var(--surface2)}
.fld input,
.fld select,
.fld textarea,
.input,
.select,
.search-input{
  background:var(--surface2);
  border-color:var(--border);
  color:var(--text);
}
.fld input:focus,
.fld select:focus,
.fld textarea:focus,
.input:focus,
.select:focus,
.search-input:focus{
  background:var(--surface);
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14);
}
.upload-zone,
.es-upload-zone,
.preview-wrap,
.sign-pad-wrap,
.tool-stage,
.privacy-strip{
  background:var(--surface);
  border-color:var(--border);
}
.upload-zone:hover,
.upload-zone.dragover,
.es-upload-zone.dragover,
.tool-tile:hover,
.hero-tool-card:hover{
  background:var(--accent-light);
  border-color:rgba(var(--accent-rgb),.42);
}
.hero.hero-docs{
  background:linear-gradient(180deg,var(--surface),var(--surface2));
  border-bottom:1px solid var(--border);
}
.hero-proof,
.hero-panel-metric,
.hero-tool-card,
.tool-tile,
.pricing-toggle,
.price-toggle,
.doc-source-btn,
.dash-history-filter{
  background:var(--surface2);
}
.dash-left-rail{padding:12px}
.dash-rail-link{border:1px solid transparent}
.dash-rail-link.active{
  background:var(--accent-light);
  color:var(--accent);
  box-shadow:inset -4px 0 0 var(--accent);
}
.dash-storage-window-top,
.dash-storage-top-actions,
.account-hero,
.plan-header,
.hero-panel-docs-top{align-items:center}
.dash-storage-grid-large{
  grid-template-columns:repeat(auto-fill,minmax(184px,184px));
  justify-content:flex-start;
  align-content:flex-start;
}
.dash-storage-card-ref{
  min-height:224px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  width:184px;
  max-width:184px;
}
.dash-storage-thumb{
  height:118px;
  background:linear-gradient(180deg,var(--surface2),#eef1f5);
}
.dash-storage-sheet-mini{
  width:60px;
  box-shadow:0 14px 22px rgba(16,24,40,.08);
}
.dash-storage-type-badge{
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:none;
}
.dash-storage-name{
  font-size:.9rem;
  font-weight:800;
  line-height:1.35;
  word-break:break-word;
}
.dash-storage-meta{
  font-size:.73rem;
  color:var(--muted);
  margin-top:6px;
}
.dash-storage-menu,
.search-dropdown,
.user-menu-dropdown,
.notif-menu-dropdown,
.tool-open-in-menu{
  box-shadow:var(--shadow-lg);
}
.dash-history-item,
.dash-active-share,
.es-share-link-card,
.es-received-row,
.share-item-row{
  border-radius:18px;
}
.plan-card.featured{
  border-color:var(--accent);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.16);
}
.plan-cta-btn.current-btn{
  background:var(--surface2);
  color:var(--muted);
  border:1px solid var(--border);
}
body.dark .header,
body.dark .landing-header,
body.dark .site-footer,
body.dark .card,
body.dark .tool-upload-card,
body.dark .tool-note-card,
body.dark .dash-left-rail,
body.dark .dash-workspace-surface,
body.dark .dash-storage-usage,
body.dark .dash-storage-bottom-pane,
body.dark .dash-history-item,
body.dark .doc-source-btn,
body.dark .dash-history-filter,
body.dark .search-dropdown,
body.dark .user-menu-dropdown,
body.dark .notif-menu-dropdown,
body.dark .tool-open-in-menu,
body.dark .modal,
body.dark .tw-action-inner,
body.dark .tw-next-bar,
body.dark .share-view-card,
body.dark .plan-card,
body.dark .hero-panel-docs,
body.dark .pricing-toggle,
body.dark .account-hero-panel,
body.dark .account-hero-copy,
body.dark .dash-stat,
body.dark .dash-section,
body.dark .stat-box,
body.dark .upload-zone,
body.dark .es-upload-zone,
body.dark .preview-wrap,
body.dark .sign-pad-wrap,
body.dark .tool-stage,
body.dark .privacy-strip{
  background:linear-gradient(180deg,rgba(18,21,26,.98),rgba(14,17,21,.96)) !important;
  border-color:var(--border) !important;
}
body.dark .hero.hero-docs{
  background:linear-gradient(180deg,#11141a,#0b0d11) !important;
}
body.dark .hero-proof,
body.dark .hero-panel-metric,
body.dark .hero-tool-card,
body.dark .tool-tile,
body.dark .doc-source-btn,
body.dark .dash-history-filter,
body.dark .fld input,
body.dark .fld select,
body.dark .fld textarea,
body.dark .input,
body.dark .select,
body.dark .search-input{
  background:linear-gradient(180deg,rgba(21,25,31,.98),rgba(16,19,24,.96)) !important;
  border-color:var(--border) !important;
}
body.dark .upload-zone:hover,
body.dark .upload-zone.dragover,
body.dark .es-upload-zone.dragover,
body.dark .tool-tile:hover,
body.dark .hero-tool-card:hover,
body.dark .dash-history-item:hover,
body.dark .doc-source-btn:hover{
  background:rgba(var(--accent-rgb),.07) !important;
  border-color:rgba(var(--accent-rgb),.22) !important;
}
body.dark .notif-item.unread,
body.dark .es-received-row.unread,
body.dark .dash-storage-card.queued,
body.dark .dash-file-storage.queued,
body.dark .dash-history-filter.active{
  background:var(--accent-light) !important;
  border-color:rgba(var(--accent-rgb),.24) !important;
}
body.dark .dash-rail-link.active{
  background:var(--accent-light);
  color:var(--accent);
  box-shadow:inset -4px 0 0 var(--accent);
}
body.dark .dash-storage-thumb{
  background:linear-gradient(180deg,#1a1f26,#13171d);
}
body.dark .dash-storage-sheet-mini{
  background:#f8fafc;
}
body.dark .dash-storage-type-badge{
  background:#171b20;
  border-color:rgba(255,255,255,.08);
}
body.dark .plan-card.featured{
  background:linear-gradient(180deg,rgba(22,25,34,.98),rgba(14,17,21,.97)) !important;
  border-color:rgba(var(--accent-rgb),.22) !important;
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.14), 0 18px 44px rgba(0,0,0,.34);
}
body.dark .hero-inline-point,
body.dark .hero-panel-metric strong,
body.dark .plan-name,
body.dark .plan-price,
body.dark .card-header,
body.dark .page-title{
  color:var(--text);
}
body.dark .page-sub,
body.dark .plan-desc,
body.dark .plan-price-note,
body.dark .hero.hero-docs p,
body.dark .hero-proof span,
body.dark .dash-storage-caption,
body.dark .dash-file-meta,
body.dark .dash-history-sub,
body.dark .dash-history-meta,
body.dark .site-footer-copy,
body.dark .site-footer-links a{
  color:var(--muted);
}
body.dark .mob-bottom-nav,
body.dark .tw-action-inner,
body.dark .tw-next-bar{
  background:rgba(17,19,23,.92) !important;
  backdrop-filter:blur(18px) saturate(1.05);
}
body.dark .header,
body.dark .landing-header{
  background:rgba(11,13,16,.82) !important;
  border-color:rgba(255,255,255,.06) !important;
  box-shadow:none !important;
  backdrop-filter:blur(18px) saturate(1.05);
}
body.dark .qr-preview-box,
body.dark .preview-wrap,
body.dark .sign-pad-wrap,
body.dark .inv-total-banner,
body.dark .privacy-strip,
body.dark .tool-shell-pdf iframe{
  background:var(--surface2) !important;
}
body.dark .inv-total-banner{
  border:1px solid var(--border);
}
body.dark .auth-social-btn,
body.dark .lang-picker-btn,
body.dark .search-input,
body.dark .dash-view-btn,
body.dark .plan-cta-btn.current-btn,
body.dark .segmented-control,
body.dark .segmented-btn:not(.active){
  background:linear-gradient(180deg,rgba(21,25,31,.98),rgba(16,19,24,.96)) !important;
  border-color:var(--border) !important;
}
body.dark .auth-social-btn:hover,
body.dark .lang-picker-btn:hover,
body.dark .dash-view-btn:hover,
body.dark .plan-cta-btn.current-btn:hover{
  background:rgba(var(--accent-rgb),.06) !important;
  border-color:rgba(var(--accent-rgb),.2) !important;
}
body.dark .es-progress-bar,
body.dark .usage-bar,
body.dark .dash-storage-usage-bar{
  background:#181d24;
}
body.dark .account-hero,
body.dark .share-view{
  background:transparent !important;
}
body.dark .account-hero-stat{
  background:linear-gradient(180deg,rgba(19,22,28,.98),rgba(13,16,21,.96));
  border-color:var(--border);
}
@media(max-width:768px){
  .card,
  .tool-upload-card,
  .tool-note-card,
  .dash-workspace-surface,
  .dash-left-rail,
  .hero-panel-docs,
  .account-hero-copy,
  .account-hero-panel{
    border-radius:20px;
  }
  .page-sub{margin-bottom:18px}
  .account-credit-stats,
  .account-hero-panel{
    grid-template-columns:1fr;
  }
}
/* Premium landing hero */
.landing-root{
  background:#050609;
}
.landing-saas-header{
  left:50% !important;
  top:24px !important;
  width:min(1200px,calc(100% - 48px)) !important;
  height:68px;
  transform:translateX(-50%);
  padding:0 24px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px;
  background:rgba(5,6,9,.78) !important;
  color:#f8fafc;
  box-shadow:0 18px 60px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(20px) saturate(1.1);
}
.landing-saas-header .logo{
  color:#fff;
  font-size:1.2rem;
  letter-spacing:0;
}
.landing-saas-header .logo span{
  color:#fb923c;
}
.landing-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  margin-left:auto;
}
.landing-nav-link{
  border:0;
  background:transparent;
  color:rgba(248,250,252,.78);
  cursor:pointer;
  font:inherit;
  font-size:.9rem;
  font-weight:600;
  min-height:40px;
}
.landing-nav-link:hover{
  color:#fff;
}
.landing-saas-header .landing-search-wrap{
  display:block;
}
.landing-saas-header .btn-icon,
.landing-saas-header .btn-ghost{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}
.landing-saas-header .btn-primary{
  background:linear-gradient(135deg,#7c83ff,#a4a8ff);
  border-color:rgba(255,255,255,.14);
  box-shadow:none;
}
.landing-saas-hero{
  min-height:920px;
  padding:144px 32px 72px;
  overflow:hidden;
  border:0;
  background:
    radial-gradient(840px 440px at 73% 19%, rgba(234,88,12,.28), transparent 68%),
    radial-gradient(600px 360px at 7% 88%, rgba(234,88,12,.22), transparent 72%),
    radial-gradient(620px 340px at 20% 12%, rgba(37,99,235,.13), transparent 72%),
    linear-gradient(180deg,#05070d 0%,#09111d 48%,#06080d 100%) !important;
  color:#f8fafc;
}
.landing-saas-hero::before{
  display:block;
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at 60% 36%, black, transparent 72%);
  opacity:.35;
}
.landing-saas-inner{
  position:relative;
  z-index:1;
  width:min(1360px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(420px,.78fr) minmax(700px,1.22fr);
  gap:64px;
  align-items:center;
}
.landing-saas-copy{
  padding-top:18px;
}
.landing-saas-hero .landing-saas-copy h1{
  max-width:640px;
  margin:0 0 22px;
  color:#fff !important;
  font-size:clamp(3.9rem,6vw,6rem);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:900;
}
.landing-saas-hero .landing-saas-copy h1 span{
  color:#f4a261 !important;
  text-shadow:none;
}
.landing-saas-copy p{
  max-width:560px;
  margin:0 0 38px;
  color:rgba(226,232,240,.78);
  font-size:1.22rem;
  line-height:1.7;
  font-weight:600;
}
.landing-saas-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:40px;
}
.landing-saas-primary,
.landing-saas-secondary{
  min-height:60px;
  padding:0 30px;
  border-radius:14px;
  cursor:pointer;
  font:inherit;
  font-size:1rem;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.landing-saas-primary{
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  background:linear-gradient(135deg,#f59e5b,#ea580c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.landing-saas-secondary{
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  background:rgba(12,16,24,.74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.landing-saas-primary:hover,
.landing-saas-secondary:hover{
  transform:translateY(-2px);
  border-color:rgba(245,158,11,.36);
}
.landing-saas-primary:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.landing-hero-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:620px;
  margin-bottom:54px;
}
.landing-hero-feature-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:84px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:rgba(12,16,24,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.landing-hero-feature-card .css-icon{
  width:22px;
  height:22px;
  color:#f59e5b;
  transform:scale(.65);
  transform-origin:center;
}
.landing-hero-feature-card strong{
  display:block;
  color:#fff;
  font-size:.88rem;
  font-weight:800;
}
.landing-hero-feature-card span:last-child{
  display:block;
  margin-top:4px;
  color:rgba(203,213,225,.62);
  font-size:.8rem;
  font-weight:600;
}
.landing-hero-proof{
  display:grid;
  gap:16px;
}
.landing-proof-kicker{
  color:rgba(226,232,240,.84);
  font-size:.9rem;
  font-weight:700;
}
.landing-proof-avatars{
  display:flex;
  align-items:center;
}
.landing-avatar-stack{
  display:flex;
  align-items:center;
}
.landing-avatar{
  width:52px;
  height:52px;
  margin-left:-10px;
  border:2px solid rgba(5,7,13,.92);
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:-.02em;
  box-shadow:0 10px 24px rgba(0,0,0,.2);
}
.landing-avatar:first-child{
  margin-left:0;
}
.landing-avatar-amber{background:linear-gradient(135deg,#f59e0b,#ea580c)}
.landing-avatar-violet{background:linear-gradient(135deg,#ea580c,#f97316)}
.landing-avatar-teal{background:linear-gradient(135deg,#14b8a6,#06b6d4)}
.landing-avatar-rose{background:linear-gradient(135deg,#fb7185,#f97316)}
.landing-avatar-count{
  background:linear-gradient(135deg,#4338ca,#6d28d9);
  font-size:.9rem;
}
.landing-proof-rating{
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(226,232,240,.78);
  font-size:.96rem;
  font-weight:600;
}
.landing-proof-stars{
  color:#fbbf24;
  letter-spacing:.08em;
  font-size:1.15rem;
  line-height:1;
}
.landing-dashboard-shell{
  position:relative;
  min-height:760px;
  display:grid;
  grid-template-columns:200px 1fr;
  border:1px solid rgba(240,148,80,.42);
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(680px 320px at 102% 10%, rgba(99,102,241,.14), transparent 64%),
    radial-gradient(540px 320px at 0% 100%, rgba(234,88,12,.12), transparent 68%),
    linear-gradient(180deg,rgba(14,19,30,.94),rgba(10,14,22,.98));
  box-shadow:
    -8px 0 0 rgba(240,148,80,.03),
    0 0 0 1px rgba(255,255,255,.05),
    0 36px 110px rgba(0,0,0,.46);
  backdrop-filter:blur(20px);
}
.landing-dashboard-sidebar{
  display:flex;
  flex-direction:column;
  gap:20px;
  padding:28px 20px 22px;
  border-right:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.landing-dash-logo{
  color:#f8fafc;
  font-size:1.08rem;
  font-weight:900;
}
.landing-dash-logo span{
  color:#fb923c;
}
.landing-dash-nav{
  display:grid;
  gap:8px;
}
.landing-dash-nav-label{
  margin:10px 12px 4px;
  color:rgba(203,213,225,.44);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.12em;
}
.landing-dash-nav-item{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 12px;
  border-radius:12px;
  color:rgba(226,232,240,.72);
  font-size:.78rem;
  font-weight:700;
}
.landing-dash-nav-item.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(234,88,12,.28),rgba(71,85,105,.16));
}
.landing-drop-card{
  margin-top:auto;
  min-height:162px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:16px;
  color:rgba(226,232,240,.68);
  background:rgba(255,255,255,.025);
  text-align:center;
}
.landing-drop-card strong{
  color:#fff;
  font-size:.75rem;
}
.landing-drop-card span:last-child{
  font-size:.7rem;
}
.landing-dashboard-main{
  display:flex;
  flex-direction:column;
  padding:30px 26px 0;
}
.landing-dashboard-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:30px;
}
.landing-dashboard-top h2{
  margin:0 0 8px;
  color:#fff;
  font-size:1.12rem;
  font-weight:900;
  letter-spacing:0;
}
.landing-dashboard-top p{
  margin:0;
  color:rgba(203,213,225,.66);
  font-size:.78rem;
  line-height:1.5;
}
.landing-dashboard-search{
  width:230px;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  color:rgba(203,213,225,.56);
  background:rgba(255,255,255,.025);
  font-size:.72rem;
  font-weight:700;
}
.landing-dashboard-search .css-icon{
  width:15px;
  height:15px;
  color:rgba(203,213,225,.64);
  transform:scale(.72);
}
.landing-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:26px;
}
.landing-stat-card{
  min-height:188px;
  padding:22px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.landing-stat-card .css-icon{
  width:28px;
  height:28px;
  transform:scale(.68);
  transform-origin:left top;
}
.landing-stat-card:nth-child(1) .css-icon,
.landing-tool-card:nth-child(1) .css-icon,
.landing-tool-card:nth-child(6) .css-icon,
.landing-tool-card:nth-child(10) .css-icon{
  color:#a855f7;
}
.landing-stat-card:nth-child(2) .css-icon,
.landing-tool-card:nth-child(2) .css-icon,
.landing-tool-card:nth-child(5) .css-icon,
.landing-tool-card:nth-child(8) .css-icon,
.landing-tool-card:nth-child(9) .css-icon{
  color:#60a5fa;
}
.landing-stat-card:nth-child(3) .css-icon,
.landing-tool-card:nth-child(3) .css-icon,
.landing-tool-card:nth-child(4) .css-icon{
  color:#2dd4bf;
}
.landing-stat-card:nth-child(4) .css-icon,
.landing-tool-card:nth-child(7) .css-icon{
  color:#fb7185;
}
.landing-stat-card strong{
  display:block;
  margin-top:34px;
  color:#fff;
  font-size:2rem;
  line-height:1;
  font-weight:900;
}
.landing-stat-card > span:not(.css-icon){
  display:block;
  margin-top:8px;
  color:#f8fafc;
  font-size:1rem;
  font-weight:800;
}
.landing-stat-card small{
  display:block;
  margin-top:12px;
  color:rgba(203,213,225,.62);
  font-size:.84rem;
  line-height:1.55;
  font-weight:600;
}
.landing-dashboard-lists{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:0;
}
.landing-dashboard-list{
  min-height:348px;
  padding:18px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.landing-dashboard-list h3{
  margin:0 0 16px;
  color:#fff;
  font-size:.86rem;
  font-weight:900;
}
.landing-list-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.landing-list-head span{
  color:#a7adff;
  font-size:.72rem;
  font-weight:800;
}
.landing-dashboard-row,
.landing-file-row{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:#fff;
}
.landing-dashboard-row > .css-icon,
.landing-file-row > .css-icon{
  width:30px;
  height:30px;
  color:#ef4444;
  background:#f8fafc;
  border-radius:7px;
  box-shadow:0 0 0 1px rgba(255,255,255,.16);
  transform:scale(.62);
  transform-origin:center;
}
.landing-dashboard-row:nth-of-type(3) > .css-icon{
  color:#fb7185;
}
.landing-dashboard-row:nth-of-type(4) > .css-icon,
.landing-file-row:nth-of-type(4) > .css-icon,
.landing-file-row:nth-of-type(5) > .css-icon{
  color:#22c55e;
}
.landing-dashboard-row + .landing-dashboard-row,
.landing-file-row + .landing-file-row{
  margin-top:8px;
}
.landing-dashboard-row div,
.landing-file-row div{
  min-width:0;
  flex:1;
}
.landing-dashboard-row strong,
.landing-file-row strong{
  display:block;
  color:#fff;
  font-size:.84rem;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.landing-dashboard-row div span,
.landing-file-row div span{
  display:block;
  color:rgba(203,213,225,.58);
  font-size:.74rem;
  line-height:1.35;
  font-weight:600;
}
.landing-dashboard-row small{
  color:#fff;
  font-size:.76rem;
  font-weight:800;
}
.landing-dashboard-footer{
  margin-top:auto;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 2px 14px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(203,213,225,.7);
  font-size:.76rem;
  font-weight:700;
}
.landing-dashboard-status,
.landing-dashboard-meta-links{
  display:flex;
  align-items:center;
  gap:14px;
}
.landing-dashboard-status-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.12);
}
.landing-dashboard-meta-links span{
  position:relative;
}
.landing-dashboard-meta-links span + span{
  padding-left:14px;
}
.landing-dashboard-meta-links span + span::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:14px;
  background:rgba(255,255,255,.14);
  transform:translateY(-50%);
}
.landing-tool-strip-wrap{
  width:min(1200px,calc(100% - 48px));
  margin:-10px auto 70px;
  padding:32px 22px 36px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(15,18,26,.9),rgba(8,10,15,.92));
  box-shadow:0 20px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}
.landing-tool-strip-wrap h2{
  margin:0 0 26px;
  text-align:center;
  color:#fff;
  font-size:1.32rem;
  font-weight:900;
  letter-spacing:0;
}
.landing-tool-strip-wrap h2 span{
  color:#858cff;
}
.landing-privacy-line{
  width:min(1200px,calc(100% - 48px));
  margin:-28px auto 68px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:rgba(203,213,225,.7);
  font-size:.9rem;
  font-weight:700;
}
.landing-privacy-line .css-icon{
  width:22px;
  height:22px;
  color:#93c5fd;
}
.landing-tool-strip{
  display:grid;
  grid-template-columns:repeat(10,minmax(0,1fr));
  gap:14px;
}
.landing-tool-card{
  min-height:146px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.022));
  color:#f8fafc;
  cursor:pointer;
  font:inherit;
  font-size:.86rem;
  font-weight:800;
  transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.landing-tool-card:hover{
  transform:translateY(-5px);
  border-color:rgba(139,146,255,.54);
  box-shadow:0 18px 44px rgba(0,0,0,.24), 0 0 26px rgba(249,115,22,.16);
}
.css-icon{
  position:relative;
  width:22px;
  height:22px;
  display:inline-flex;
  flex:0 0 auto;
  color:#7dd3fc;
}
.landing-tool-card .css-icon{
  width:42px;
  height:42px;
  color:#7dd3fc;
}
.css-icon::before,
.css-icon::after{
  content:"";
  position:absolute;
  box-sizing:border-box;
}
.css-icon-edit::before{inset:5px 4px 4px 12px;border-left:4px solid currentColor;transform:rotate(42deg);border-radius:4px}
.css-icon-edit::after{left:4px;bottom:4px;width:22px;height:3px;background:currentColor;border-radius:999px}
.css-icon-convert::before{left:3px;top:10px;width:28px;height:4px;background:currentColor;border-radius:999px;box-shadow:0 14px 0 currentColor}
.css-icon-convert::after{right:3px;top:5px;width:14px;height:14px;border-top:4px solid currentColor;border-right:4px solid currentColor;transform:rotate(45deg);box-shadow:-20px 20px 0 -3px currentColor}
.css-icon-sign::before{left:4px;top:23px;width:30px;height:4px;background:currentColor;border-radius:999px}
.css-icon-sign::after{left:7px;top:9px;width:26px;height:22px;border-left:4px solid currentColor;border-bottom:4px solid currentColor;transform:skew(-22deg) rotate(-12deg);border-radius:6px}
.css-icon-download::before{left:19px;top:5px;width:4px;height:24px;background:currentColor;border-radius:999px}
.css-icon-download::after{left:11px;top:20px;width:20px;height:20px;border-right:4px solid currentColor;border-bottom:4px solid currentColor;transform:rotate(45deg)}
.css-icon-merge::before{left:7px;top:10px;width:18px;height:22px;border:4px solid currentColor;border-radius:5px}
.css-icon-merge::after{right:6px;top:6px;width:18px;height:22px;border:4px solid currentColor;border-radius:5px}
.css-icon-split::before{left:8px;top:6px;width:8px;height:30px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.css-icon-split::after{right:8px;top:6px;width:8px;height:30px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.css-icon-qr::before{inset:4px;border:4px solid currentColor;box-shadow:20px 0 0 -4px currentColor,0 20px 0 -4px currentColor,20px 20px 0 -4px currentColor}
.css-icon-qr::after{right:4px;bottom:4px;width:9px;height:9px;background:currentColor}
.css-icon-file::before{left:8px;top:4px;width:26px;height:34px;border:4px solid currentColor;border-radius:4px}
.css-icon-file::after{left:14px;top:15px;width:14px;height:3px;background:currentColor;box-shadow:0 8px 0 currentColor;border-radius:999px}
.css-icon-user::before{left:14px;top:7px;width:14px;height:14px;border:4px solid currentColor;border-radius:50%}
.css-icon-user::after{left:7px;bottom:5px;width:28px;height:14px;border:4px solid currentColor;border-radius:20px 20px 4px 4px}
.css-icon-spark::before{left:18px;top:3px;width:5px;height:36px;background:currentColor;border-radius:999px;transform:rotate(35deg)}
.css-icon-spark::after{left:3px;top:18px;width:36px;height:5px;background:currentColor;border-radius:999px;transform:rotate(35deg)}
.css-icon-lock::before{left:5px;bottom:4px;width:12px;height:11px;border:2px solid currentColor;border-radius:3px}
.css-icon-lock::after{left:8px;top:3px;width:7px;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}
.css-icon-bolt::before{left:8px;top:2px;width:9px;height:18px;background:currentColor;clip-path:polygon(52% 0,100% 0,63% 43%,100% 43%,33% 100%,46% 56%,0 56%)}
.css-icon-shield::before{left:5px;top:3px;width:12px;height:16px;border:2px solid currentColor;border-radius:8px 8px 10px 10px;clip-path:polygon(50% 0,100% 18%,86% 83%,50% 100%,14% 83%,0 18%)}
.css-icon-home::before{left:4px;top:9px;width:14px;height:12px;border:2px solid currentColor;border-top:0;border-radius:2px}
.css-icon-home::after{left:4px;top:5px;width:13px;height:13px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.css-icon-cloud::before{left:7px;top:10px;width:26px;height:17px;border:4px solid currentColor;border-radius:16px}
.css-icon-cloud::after{left:18px;top:18px;width:4px;height:15px;background:currentColor;border-radius:999px;box-shadow:-5px 5px 0 -1px currentColor,5px 5px 0 -1px currentColor}
.css-icon-folder::before{left:4px;top:12px;width:32px;height:22px;border:4px solid currentColor;border-radius:5px}
.css-icon-folder::after{left:6px;top:8px;width:15px;height:8px;background:currentColor;border-radius:4px 4px 0 0}
.css-icon-search::before{left:3px;top:3px;width:12px;height:12px;border:2px solid currentColor;border-radius:50%}
.css-icon-search::after{left:14px;top:14px;width:8px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:999px}
body:not(.dark) .landing-root{
  background:
    radial-gradient(820px 420px at 76% 18%, rgba(108,99,255,.18), transparent 68%),
    radial-gradient(620px 360px at 5% 28%, rgba(59,130,246,.14), transparent 70%),
    radial-gradient(520px 280px at 50% 96%, rgba(20,184,166,.1), transparent 72%),
    linear-gradient(180deg,#f7f8ff 0%,#ffffff 58%,#f8faff 100%);
  color:#0b1020;
}
body:not(.dark) .landing-saas-header{
  border-color:rgba(15,23,42,.1) !important;
  background:rgba(255,255,255,.74) !important;
  color:#0b1020;
  box-shadow:0 24px 80px rgba(15,23,42,.1), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body:not(.dark) .landing-saas-header .logo{
  color:#0b1020;
}
body:not(.dark) .landing-saas-header .logo span{
  color:#6c63ff;
}
body:not(.dark) .landing-nav-link{
  color:#475467;
}
body:not(.dark) .landing-nav-link:hover{
  color:#0b1020;
}
body:not(.dark) .landing-saas-header .btn-icon,
body:not(.dark) .landing-saas-header .btn-ghost{
  background:rgba(255,255,255,.7);
  border-color:rgba(15,23,42,.12);
  color:#0b1020;
  box-shadow:none;
}
body:not(.dark) .landing-saas-header .btn-primary{
  background:linear-gradient(135deg,#6c63ff,#ef4444);
  border-color:rgba(255,255,255,.72);
  color:#fff;
  box-shadow:none;
}
body:not(.dark) .landing-saas-hero{
  background:
    radial-gradient(760px 420px at 78% 16%, rgba(108,99,255,.18), transparent 70%),
    radial-gradient(660px 380px at 4% 36%, rgba(59,130,246,.13), transparent 72%),
    radial-gradient(520px 300px at 58% 100%, rgba(20,184,166,.1), transparent 74%),
    linear-gradient(180deg,#f7f8ff 0%,#ffffff 54%,#f8faff 100%) !important;
  color:#0b1020;
}
body:not(.dark) .landing-saas-hero::before{
  background:
    linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(15,23,42,.025) 1px,transparent 1px);
  opacity:.32;
}
body:not(.dark) .landing-saas-pill{
  border-color:rgba(108,99,255,.18);
  background:rgba(255,255,255,.76);
  color:#5b5ff0;
  box-shadow:0 12px 34px rgba(59,130,246,.08), inset 0 1px 0 rgba(255,255,255,.92);
}
body:not(.dark) .landing-saas-hero .landing-saas-copy h1{
  color:#0b1020 !important;
}
body:not(.dark) .landing-saas-hero .landing-saas-copy h1 span{
  color:transparent !important;
  background:linear-gradient(135deg,#6c63ff 0%,#ef4444 58%,#14b8a6 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
}
body:not(.dark) .landing-saas-copy p{
  color:#667085;
}
body:not(.dark) .landing-saas-primary{
  border-color:rgba(255,255,255,.75);
  background:linear-gradient(135deg,#6c63ff,#ef4444 58%,#6c63ff);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
body:not(.dark) .landing-saas-secondary{
  border-color:rgba(15,23,42,.12);
  background:rgba(255,255,255,.78);
  color:#0b1020;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
body:not(.dark) .landing-saas-primary:hover,
body:not(.dark) .landing-saas-secondary:hover{
  border-color:rgba(108,99,255,.35);
}
body:not(.dark) .landing-saas-primary:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
body:not(.dark) .landing-trust-row{
  color:#667085;
}
body:not(.dark) .landing-trust-item .css-icon{
  color:#ef4444;
}
body:not(.dark) .landing-dashboard-shell{
  border-color:rgba(108,99,255,.28);
  background:
    radial-gradient(620px 280px at 102% 8%, rgba(59,130,246,.1), transparent 64%),
    radial-gradient(520px 280px at 0% 0%, rgba(108,99,255,.1), transparent 66%),
    linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.6));
  box-shadow:
    -18px -18px 70px rgba(108,99,255,.18),
    22px 18px 80px rgba(59,130,246,.18),
    0 24px 80px rgba(15,23,42,.1),
    inset 0 1px 0 rgba(255,255,255,.9);
}
body:not(.dark) .landing-dashboard-sidebar{
  border-right-color:rgba(15,23,42,.08);
  background:rgba(255,255,255,.42);
}
body:not(.dark) .landing-dash-logo{
  color:#0b1020;
}
body:not(.dark) .landing-dash-logo span{
  color:#6c63ff;
}
body:not(.dark) .landing-dash-nav-item{
  color:#667085;
}
body:not(.dark) .landing-dash-nav-label{
  color:#98a2b3;
}
body:not(.dark) .landing-dash-nav-item.active{
  color:#0b1020;
  background:linear-gradient(135deg,rgba(108,99,255,.14),rgba(59,130,246,.1));
  box-shadow:inset 0 0 0 1px rgba(108,99,255,.12);
}
body:not(.dark) .landing-drop-card{
  border-color:rgba(108,99,255,.24);
  color:#667085;
  background:rgba(255,255,255,.58);
}
body:not(.dark) .landing-drop-card strong,
body:not(.dark) .landing-dashboard-top h2,
body:not(.dark) .landing-dashboard-list h3,
body:not(.dark) .landing-stat-card strong,
body:not(.dark) .landing-stat-card > span:not(.css-icon),
body:not(.dark) .landing-dashboard-row strong,
body:not(.dark) .landing-file-row strong{
  color:#0b1020;
}
body:not(.dark) .landing-dashboard-top p,
body:not(.dark) .landing-stat-card small,
body:not(.dark) .landing-dashboard-row div span,
body:not(.dark) .landing-file-row div span{
  color:#667085;
}
body:not(.dark) .landing-dashboard-search,
body:not(.dark) .landing-stat-card,
body:not(.dark) .landing-dashboard-list,
body:not(.dark) .landing-dashboard-row,
body:not(.dark) .landing-file-row{
  border-color:rgba(15,23,42,.1);
  background:rgba(255,255,255,.64);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
  color:#667085;
}
body:not(.dark) .landing-stat-card{
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.52));
}
body:not(.dark) .landing-dashboard-row,
body:not(.dark) .landing-file-row{
  background:rgba(255,255,255,.68);
}
body:not(.dark) .landing-dashboard-row small,
body:not(.dark) .landing-list-head span{
  color:#5b5ff0;
}
body:not(.dark) .landing-dashboard-shell .css-icon{
  color:#ef4444;
}
body:not(.dark) .landing-dashboard-row > .css-icon,
body:not(.dark) .landing-file-row > .css-icon{
  background:#fff;
  color:#ef4444;
  box-shadow:0 0 0 1px rgba(15,23,42,.08);
}
body:not(.dark) .landing-tool-strip-wrap{
  border-color:rgba(15,23,42,.1);
  background:rgba(255,255,255,.76);
  box-shadow:0 24px 80px rgba(15,23,42,.1), inset 0 1px 0 rgba(255,255,255,.95);
}
body:not(.dark) .landing-tool-strip-wrap h2{
  color:#0b1020;
}
body:not(.dark) .landing-tool-strip-wrap h2 span{
  color:transparent;
  background:linear-gradient(135deg,#6c63ff,#ef4444);
  -webkit-background-clip:text;
  background-clip:text;
}
body:not(.dark) .landing-tool-card{
  border-color:rgba(15,23,42,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.66));
  color:#0b1020;
  box-shadow:0 12px 34px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.86);
}
body:not(.dark) .landing-tool-card .css-icon{
  color:#ef4444;
}
body:not(.dark) .landing-tool-card:nth-child(3n) .css-icon{
  color:#14b8a6;
}
body:not(.dark) .landing-tool-card:nth-child(3n + 1) .css-icon{
  color:#6c63ff;
}
body:not(.dark) .landing-tool-card:hover{
  border-color:rgba(108,99,255,.34);
  box-shadow:0 24px 60px rgba(59,130,246,.14), 0 0 30px rgba(108,99,255,.12);
}
body:not(.dark) .landing-privacy-line{
  color:#667085;
}
body:not(.dark) .landing-privacy-line .css-icon{
  color:#ef4444;
}
.landing-root-signed-in{
  background:var(--bg);
}
.landing-root-signed-in .landing-tool-strip-wrap{
  margin-top:calc(var(--header-h) + 38px);
}
@media(max-width:1180px){
  .landing-saas-inner{
    grid-template-columns:1fr;
  }
  .landing-dashboard-shell{
    max-width:760px;
  }
  .landing-tool-strip{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}
@media(max-width:860px){
  .landing-saas-header{
    top:12px !important;
    width:calc(100% - 24px) !important;
    height:auto;
    min-height:62px;
    padding:10px 14px !important;
  }
  .landing-nav{
    display:none;
  }
  .landing-saas-hero{
    padding:112px 18px 42px;
    min-height:auto;
  }
  .landing-saas-inner{
    gap:32px;
  }
  .landing-saas-copy{
    padding-top:12px;
  }
  .landing-saas-copy h1{
    font-size:clamp(2.7rem,12vw,4.25rem);
  }
  .landing-dashboard-shell{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .landing-dashboard-sidebar{
    display:none;
  }
  .landing-stat-grid,
  .landing-dashboard-lists{
    grid-template-columns:1fr 1fr;
  }
  .landing-tool-strip-wrap{
    width:calc(100% - 24px);
    margin:0 auto 46px;
  }
}
@media(max-width:620px){
  .landing-saas-actions{
    flex-direction:column;
  }
  .landing-saas-primary,
  .landing-saas-secondary{
    width:100%;
  }
  .landing-dashboard-top,
  .landing-dashboard-lists,
  .landing-stat-grid{
    grid-template-columns:1fr;
    display:grid;
  }
  .landing-dashboard-search{
    width:100%;
  }
  .landing-tool-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .landing-tool-card{
    min-height:126px;
  }
}
/* Light landing reference */
body:not(.dark) .landing-root{
  min-height:100vh;
  overflow:hidden;
  color:#0b1020;
  background:
    radial-gradient(circle at 8% 52%, rgba(142,92,255,.16), transparent 28%),
    radial-gradient(circle at 92% 45%, rgba(56,189,248,.18), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7f9ff 55%,#ffffff 100%);
}
body:not(.dark) .landing-saas-header{
  left:0 !important;
  right:0 !important;
  top:0 !important;
  width:100% !important;
  height:72px;
  min-height:72px;
  transform:none;
  padding:0 56px !important;
  border:0 !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  border-radius:0;
  background:rgba(255,255,255,.86) !important;
  color:#0b1020;
  box-shadow:none !important;
  backdrop-filter:blur(18px);
}
body:not(.dark) .landing-saas-header .logo{
  color:#0b1020;
  font-size:24px;
  font-weight:950;
  letter-spacing:-.05em;
}
body:not(.dark) .landing-saas-header .logo span{
  color:#6c63ff;
}
body:not(.dark) .landing-saas-header .landing-nav{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  gap:42px;
  margin-left:0;
}
body:not(.dark) .landing-nav-link{
  color:#111827;
  font-size:15px;
  font-weight:600;
}
body:not(.dark) .landing-saas-header .header-right{
  gap:14px;
  margin-left:auto;
}
body:not(.dark) .landing-saas-header .landing-search-wrap{
  display:block;
  width:230px;
  max-width:230px;
  flex:0 0 230px;
  margin-left:0;
}
body:not(.dark) .landing-saas-header .landing-search-wrap .search-input{
  height:38px;
  padding:0 14px;
  border:1px solid rgba(15,23,42,.1);
  border-radius:12px;
  background:#fff;
  color:#0b1020;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
  font-size:13px;
}
body:not(.dark) .landing-saas-header .btn-icon{
  width:34px;
  min-width:34px;
  height:34px;
  padding:0;
  border:0;
  background:transparent;
  color:#0b1020;
  box-shadow:none;
}
body:not(.dark) .landing-saas-header .btn-ghost,
body:not(.dark) .landing-saas-header .btn-primary{
  min-height:44px;
  padding:0 24px;
  border-radius:12px;
  font-size:15px;
  font-weight:800;
}
body:not(.dark) .landing-saas-header .btn-ghost{
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0b1020;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
body:not(.dark) .landing-saas-header .btn-primary{
  border:0;
  background:linear-gradient(135deg,#f97316,#ef4444);
  color:#fff;
  box-shadow:0 16px 40px rgba(249,115,22,.28);
}
body:not(.dark) .landing-saas-hero{
  min-height:auto;
  margin-top:72px;
  padding:78px 54px 32px;
  overflow:visible;
  background:transparent !important;
  color:#0b1020;
}
body:not(.dark) .landing-saas-hero::before{
  display:none;
}
body:not(.dark) .landing-saas-inner{
  width:min(1450px,100%);
  display:grid;
  grid-template-columns:.9fr 1.25fr;
  gap:60px;
  align-items:center;
}
body:not(.dark) .landing-saas-copy{
  padding-top:0;
}
body:not(.dark) .landing-saas-pill{
  height:auto;
  gap:10px;
  padding:9px 15px;
  margin-bottom:28px;
  border-radius:999px;
  border:1px solid rgba(108,99,255,.14);
  background:rgba(108,99,255,.09);
  color:#ea580c;
  font-size:14px;
  font-weight:800;
  box-shadow:none;
}
body:not(.dark) .landing-saas-pill .css-icon{
  width:16px;
  height:16px;
  color:#f97316;
}
body:not(.dark) .landing-saas-hero .landing-saas-copy h1{
  max-width:600px;
  margin:0 0 26px;
  color:#020617 !important;
  font-size:clamp(54px,5.2vw,78px);
  line-height:.96;
  letter-spacing:-.07em;
  font-weight:950;
}
body:not(.dark) .landing-saas-hero .landing-saas-copy h1 span{
  color:transparent !important;
  background:linear-gradient(135deg,#f97316,#ef4444);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
}
body:not(.dark) .landing-saas-copy p{
  max-width:560px;
  margin:0 0 42px;
  color:#475569;
  font-size:20px;
  line-height:1.55;
  font-weight:500;
}
body:not(.dark) .landing-saas-actions{
  gap:18px;
  margin-bottom:54px;
}
body:not(.dark) .landing-saas-primary,
body:not(.dark) .landing-saas-secondary{
  min-width:170px;
  min-height:58px;
  padding:0 24px;
  border-radius:12px;
  font-size:17px;
  font-weight:800;
}
body:not(.dark) .landing-saas-primary{
  border:0;
  background:linear-gradient(135deg,#f97316,#ef4444);
  color:#fff;
  box-shadow:0 16px 40px rgba(249,115,22,.28);
}
body:not(.dark) .landing-saas-secondary{
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0b1020;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
body:not(.dark) .landing-trust-row{
  gap:24px;
  color:#475569;
  font-size:14px;
  font-weight:600;
}
body:not(.dark) .landing-trust-item{
  gap:8px;
}
body:not(.dark) .landing-trust-item .css-icon{
  width:18px;
  height:18px;
  color:#334155;
  transform:scale(.62);
}
body:not(.dark) .landing-dashboard-shell{
  min-height:610px;
  grid-template-columns:190px 1fr;
  border-radius:16px;
  border:1px solid rgba(96,165,250,.42);
  overflow:hidden;
  background:rgba(255,255,255,.78);
  box-shadow:
    0 24px 80px rgba(15,23,42,.12),
    -22px 0 70px rgba(168,85,247,.16),
    24px 0 70px rgba(56,189,248,.17);
}
body:not(.dark) .landing-dashboard-shell::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:
    inset 2px 2px 0 rgba(168,85,247,.35),
    inset -2px -2px 0 rgba(56,189,248,.35);
}
body:not(.dark) .landing-dashboard-sidebar{
  gap:0;
  padding:30px 22px;
  border-right:1px solid rgba(15,23,42,.08);
  background:rgba(248,250,252,.68);
}
body:not(.dark) .landing-dash-logo{
  margin-bottom:26px;
  color:#0b1020;
  font-size:20px;
  font-weight:950;
}
body:not(.dark) .landing-dash-logo span{
  color:#6c63ff;
}
body:not(.dark) .landing-dash-nav{
  gap:6px;
}
body:not(.dark) .landing-dash-nav-label{
  margin:18px 10px 10px;
  color:#64748b;
  font-size:12px;
  letter-spacing:0;
}
body:not(.dark) .landing-dash-nav-item{
  min-height:36px;
  gap:10px;
  padding:0 12px;
  border-radius:8px;
  color:#334155;
  font-size:13px;
  font-weight:500;
}
body:not(.dark) .landing-dash-nav-item.active{
  color:#312e81;
  background:rgba(108,99,255,.16);
  box-shadow:none;
  font-weight:800;
}
body:not(.dark) .landing-dash-nav-item .css-icon{
  width:16px;
  height:16px;
  color:currentColor;
  transform:scale(.54);
}
body:not(.dark) .landing-drop-card{
  min-height:auto;
  margin-top:30px;
  padding:26px 14px;
  gap:6px;
  border:1px dashed rgba(100,116,139,.35);
  border-radius:14px;
  background:rgba(255,255,255,.7);
  color:#64748b;
  font-size:13px;
}
body:not(.dark) .landing-drop-card .css-icon{
  width:44px;
  height:44px;
  margin:0 auto 6px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f1f5f9;
  color:#64748b;
  transform:scale(.58);
}
body:not(.dark) .landing-drop-card strong{
  color:#0b1020;
  font-size:13px;
}
body:not(.dark) .landing-drop-card span:last-child{
  color:#ea580c;
  font-size:13px;
}
body:not(.dark) .landing-dashboard-main{
  padding:30px 28px;
}
body:not(.dark) .landing-dashboard-top{
  align-items:flex-start;
  margin-bottom:28px;
}
body:not(.dark) .landing-dashboard-top h2{
  margin:0 0 7px;
  color:#0b1020;
  font-size:22px;
  letter-spacing:-.04em;
}
body:not(.dark) .landing-dashboard-top p{
  color:#475569;
  font-size:13px;
}
body:not(.dark) .landing-dashboard-search{
  width:230px;
  min-height:36px;
  justify-content:space-between;
  border:1px solid rgba(15,23,42,.1);
  border-radius:10px;
  background:#fff;
  color:#64748b;
  font-size:12px;
}
body:not(.dark) .landing-dashboard-search kbd{
  min-width:26px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  background:#eef2f7;
  color:#64748b;
  font:700 11px/1 var(--font);
}
body:not(.dark) .landing-stat-grid{
  gap:16px;
  margin-bottom:26px;
}
body:not(.dark) .landing-stat-card{
  min-height:138px;
  padding:22px 18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 28px rgba(15,23,42,.05);
}
body:not(.dark) .landing-stat-card .css-icon{
  width:24px;
  height:24px;
  margin-bottom:24px;
  border:2px solid currentColor;
  border-radius:8px;
  transform:scale(.58);
}
body:not(.dark) .landing-stat-card strong{
  margin-top:0;
  margin-bottom:8px;
  color:#0b1020;
  font-size:28px;
}
body:not(.dark) .landing-stat-card > span:not(.css-icon){
  margin-top:0;
  margin-bottom:8px;
  color:#0b1020;
  font-size:14px;
}
body:not(.dark) .landing-stat-card small{
  color:#64748b;
  font-size:12px;
}
body:not(.dark) .landing-dashboard-lists{
  grid-template-columns:1.15fr 1fr;
  gap:18px;
}
body:not(.dark) .landing-dashboard-list{
  min-height:auto;
  padding:18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 28px rgba(15,23,42,.05);
}
body:not(.dark) .landing-dashboard-list h3{
  margin:0 0 16px;
  color:#0b1020;
  font-size:16px;
}
body:not(.dark) .landing-dashboard-row,
body:not(.dark) .landing-file-row{
  min-height:62px;
  gap:14px;
  padding:12px;
  border:0;
  border-radius:10px;
  background:rgba(248,250,252,.8);
  box-shadow:none;
  transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
}
body:not(.dark) .landing-dashboard-row > .css-icon,
body:not(.dark) .landing-file-row > .css-icon{
  width:30px;
  height:30px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:7px;
  background:#fff;
  transform:scale(.58);
}
body:not(.dark) .landing-dashboard-row strong,
body:not(.dark) .landing-file-row strong{
  color:#0b1020;
  font-size:13px;
}
body:not(.dark) .landing-dashboard-row div span,
body:not(.dark) .landing-file-row div span{
  color:#64748b;
  font-size:12px;
}
body:not(.dark) .landing-dashboard-row small{
  color:#334155;
  font-size:12px;
}
body:not(.dark) .landing-tool-strip-wrap{
  width:min(1320px,calc(100% - 108px));
  margin:26px auto 0;
  padding:28px 34px 34px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:0 24px 70px rgba(15,23,42,.08);
  text-align:center;
}
body:not(.dark) .landing-tool-strip-wrap h2{
  margin:0 0 22px;
  color:#0b1020;
  font-size:24px;
  letter-spacing:-.04em;
}
body:not(.dark) .landing-tool-strip-wrap h2 span{
  color:#ea580c;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
}
body:not(.dark) .landing-tool-strip{
  grid-template-columns:repeat(6,1fr);
  gap:20px;
}
body:not(.dark) .landing-tool-card{
  min-height:106px;
  gap:12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  background:rgba(255,255,255,.86);
  color:#0b1020;
  font-size:14px;
  font-weight:800;
  box-shadow:0 12px 28px rgba(15,23,42,.05);
}
body:not(.dark) .landing-tool-card .css-icon{
  width:34px;
  height:34px;
}
body:not(.dark) .landing-audience-row{
  max-width:900px;
  margin:28px auto 0;
  color:#64748b;
  text-align:center;
}
body:not(.dark) .landing-steps-section,
body:not(.dark) .landing-pricing-section{
  width:min(1320px,calc(100% - 108px));
  margin:30px auto 0;
  padding:30px 34px 34px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:0 24px 70px rgba(15,23,42,.08);
}
body:not(.dark) .landing-section-kicker{
  color:#6c63ff;
}
body:not(.dark) .landing-steps-section h2{
  color:#0b1020;
}
body:not(.dark) .landing-step-card{
  border-color:rgba(15,23,42,.08);
  background:rgba(255,255,255,.86);
  color:#0b1020;
  box-shadow:0 12px 28px rgba(15,23,42,.05);
}
body:not(.dark) .landing-step-card p{
  color:#64748b;
}
body:not(.dark) .landing-step-mark{
  background:linear-gradient(135deg,#f97316,#ef4444);
  color:#fff;
}
body:not(.dark) .landing-pricing-title{
  color:#0b1020;
}
body:not(.dark) .landing-pricing-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body:not(.dark) .landing-audience-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  margin-bottom:20px;
  font-size:15px;
  font-weight:500;
}
body:not(.dark) .landing-audience-title span{
  width:220px;
  height:1px;
  background:rgba(15,23,42,.1);
}
body:not(.dark) .landing-audience-items{
  display:flex;
  justify-content:center;
  gap:46px;
  flex-wrap:wrap;
  font-size:15px;
}
body:not(.dark) .landing-privacy-line{
  width:min(1320px,calc(100% - 108px));
  margin:30px auto 0;
  padding:22px 0;
  border-top:1px solid rgba(15,23,42,.08);
  color:#64748b;
  font-size:15px;
}
body:not(.dark) .landing-privacy-line .css-icon{
  width:18px;
  height:18px;
  color:#334155;
  transform:scale(.62);
}
@media(max-width:1100px){
  body:not(.dark) .landing-saas-inner{
    grid-template-columns:1fr;
  }

  body:not(.dark) .landing-tool-strip{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:700px){
  body:not(.dark) .landing-saas-header{
    padding:0 20px !important;
  }

  body:not(.dark) .landing-saas-header .landing-nav{
    display:none;
  }

  body:not(.dark) .landing-saas-hero{
    padding:48px 22px;
  }

  body:not(.dark) .landing-dashboard-shell{
    grid-template-columns:1fr;
  }

  body:not(.dark) .landing-dashboard-sidebar{
    display:none;
  }

  body:not(.dark) .landing-stat-grid,
  body:not(.dark) .landing-dashboard-lists,
  body:not(.dark) .landing-tool-strip{
    grid-template-columns:1fr 1fr;
  }

  body:not(.dark) .landing-steps-grid,
  body:not(.dark) .landing-pricing-grid{
    grid-template-columns:1fr;
  }

  body:not(.dark) .landing-saas-hero .landing-saas-copy h1{
    font-size:48px;
  }

  body:not(.dark) .landing-tool-strip-wrap,
  body:not(.dark) .landing-steps-section,
  body:not(.dark) .landing-pricing-section,
  body:not(.dark) .landing-privacy-line{
    width:calc(100% - 44px);
  }
}
/* Dark landing reference */
body.dark .landing-root{
  min-height:100vh;
  overflow:hidden;
  color:#f8fafc;
  background:
    radial-gradient(circle at 18% 28%, rgba(251,146,60,.14), transparent 28%),
    radial-gradient(circle at 82% 32%, rgba(56,189,248,.18), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(249,115,22,.12), transparent 38%),
    linear-gradient(180deg,#030712 0%,#050816 48%,#030712 100%);
}
body.dark .landing-root::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to bottom, transparent, black 18%, black 70%, transparent);
}
body.dark .landing-saas-header{
  left:50% !important;
  top:18px !important;
  width:min(1500px,calc(100% - 56px)) !important;
  height:74px;
  min-height:74px;
  transform:translateX(-50%);
  padding:0 26px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:18px;
  background:rgba(3,7,18,.72) !important;
  color:#f8fafc;
  box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(22px);
}
body.dark .landing-saas-header .logo{
  color:#f8fafc;
  font-size:25px;
  font-weight:950;
  letter-spacing:-.06em;
}
body.dark .landing-saas-header .logo span{
  color:#fb923c;
}
body.dark .landing-saas-header .landing-nav{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  gap:44px;
  margin-left:0;
}
body.dark .landing-nav-link{
  color:#cbd5e1;
  font-size:15px;
  font-weight:700;
}
body.dark .landing-nav-link:hover{
  color:#fff;
}
body.dark .landing-saas-header .header-right{
  gap:14px;
  margin-left:auto;
}
body.dark .landing-saas-header .landing-search-wrap{
  display:block;
  width:235px;
  max-width:235px;
  flex:0 0 235px;
  margin-left:0;
}
body.dark .landing-saas-header .landing-search-wrap .search-input{
  height:38px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:#f8fafc;
  box-shadow:none;
  font-size:13px;
}
body.dark .landing-saas-header .btn-icon{
  width:42px;
  min-width:42px;
  height:42px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  box-shadow:none;
}
body.dark .landing-saas-header .btn-ghost,
body.dark .landing-saas-header .btn-primary{
  min-height:48px;
  padding:0 22px;
  border-radius:13px;
  font-size:15px;
  font-weight:900;
}
body.dark .landing-saas-header .btn-ghost{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  color:#f8fafc;
}
body.dark .landing-saas-header .btn-primary{
  border:0;
  background:linear-gradient(135deg,#f97316,#ea580c 55%,#fb7185);
  color:#fff;
  box-shadow:0 14px 40px rgba(249,115,22,.4), inset 0 1px 0 rgba(255,255,255,.28);
}
body.dark .landing-saas-hero{
  min-height:auto;
  padding:164px 34px 34px;
  overflow:visible;
  background:transparent !important;
  color:#f8fafc;
}
body.dark .landing-saas-hero::before{
  display:none;
}
body.dark .landing-saas-inner{
  width:min(1500px,100%);
  grid-template-columns:.9fr 1.2fr;
  gap:60px;
  align-items:center;
}
body.dark .landing-saas-copy{
  position:relative;
  padding-top:0;
}
body.dark .landing-saas-copy::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:-180px;
  top:90px;
  background:radial-gradient(circle, rgba(251,146,60,.18), transparent 62%);
  z-index:-1;
}
body.dark .landing-saas-pill{
  height:38px;
  gap:10px;
  padding:0 16px;
  margin-bottom:30px;
  border-radius:999px;
  border:1px solid rgba(251,146,60,.22);
  background:rgba(255,255,255,.06);
  color:#fdba74;
  font-size:14px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body.dark .landing-saas-pill .css-icon{
  width:16px;
  height:16px;
  color:#fdba74;
}
body.dark .landing-saas-hero .landing-saas-copy h1{
  max-width:620px;
  margin:0 0 26px;
  color:#f8fafc !important;
  font-size:clamp(54px,5.2vw,82px);
  line-height:.95;
  letter-spacing:-.075em;
  font-weight:950;
}
body.dark .landing-saas-hero .landing-saas-copy h1 span{
  color:transparent !important;
  background:linear-gradient(135deg,#fdba74 0%,#f97316 45%,#fb7185 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
}
body.dark .landing-saas-copy p{
  max-width:560px;
  margin:0 0 42px;
  color:#b6c1d1;
  font-size:20px;
  line-height:1.55;
  font-weight:500;
}
body.dark .landing-saas-actions{
  gap:18px;
  margin-bottom:54px;
}
body.dark .landing-saas-primary,
body.dark .landing-saas-secondary{
  min-width:178px;
  min-height:62px;
  padding:0 22px;
  border-radius:13px;
  font-size:17px;
  font-weight:900;
}
body.dark .landing-saas-primary{
  border:0;
  background:linear-gradient(135deg,#f97316,#ea580c 55%,#fb7185);
  color:#fff;
  box-shadow:0 14px 40px rgba(249,115,22,.4), inset 0 1px 0 rgba(255,255,255,.28);
}
body.dark .landing-saas-secondary{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  color:#f8fafc;
  box-shadow:none;
}
body.dark .landing-saas-primary:hover,
body.dark .landing-saas-secondary:hover{
  transform:translateY(-2px);
  border-color:rgba(251,146,60,.28);
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
body.dark .landing-trust-row{
  gap:24px;
  color:#9ca3af;
  font-size:14px;
  font-weight:600;
}
body.dark .landing-trust-item{
  position:relative;
  gap:9px;
}
body.dark .landing-trust-row .landing-trust-item:not(:last-child)::after{
  content:"";
  width:1px;
  height:16px;
  margin-left:15px;
  background:rgba(255,255,255,.12);
}
body.dark .landing-trust-item .css-icon{
  width:18px;
  height:18px;
  color:#cbd5e1;
  transform:scale(.62);
}
body.dark .landing-dashboard-shell{
  min-height:635px;
  grid-template-columns:190px 1fr;
  border-radius:19px;
  border:1px solid rgba(255,255,255,.1);
  overflow:hidden;
  background:rgba(7,11,22,.72);
  backdrop-filter:blur(24px);
  box-shadow:
    0 34px 100px rgba(0,0,0,.65),
    -24px 0 80px rgba(251,146,60,.14),
    28px 0 90px rgba(56,189,248,.22);
}
body.dark .landing-dashboard-shell::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:
    inset 1px 1px 0 rgba(253,186,116,.65),
    inset -1px -1px 0 rgba(56,189,248,.45),
    inset 0 1px 0 rgba(255,255,255,.08);
}
body.dark .landing-dashboard-shell::after{
  content:"";
  position:absolute;
  right:-70px;
  top:80px;
  width:180px;
  height:420px;
  background:radial-gradient(circle, rgba(56,189,248,.45), transparent 68%);
  filter:blur(18px);
  pointer-events:none;
}
body.dark .landing-dashboard-sidebar{
  gap:0;
  padding:28px 22px;
  border-right:1px solid rgba(255,255,255,.08);
  background:rgba(15,23,42,.36);
}
body.dark .landing-dash-logo{
  margin-bottom:26px;
  color:#f8fafc;
  font-size:20px;
  font-weight:950;
  letter-spacing:-.05em;
}
body.dark .landing-dash-logo span{
  color:#fb923c;
}
body.dark .landing-dash-nav{
  gap:6px;
}
body.dark .landing-dash-nav-label{
  margin:18px 0 9px;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  letter-spacing:0;
}
body.dark .landing-dash-nav-item{
  min-height:38px;
  gap:11px;
  padding:0 12px;
  border-radius:9px;
  color:#cbd5e1;
  font-size:13px;
  font-weight:500;
}
body.dark .landing-dash-nav-item.active{
  color:#fff;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-weight:800;
}
body.dark .landing-dash-nav-item .css-icon{
  width:16px;
  height:16px;
  color:currentColor;
  transform:scale(.54);
}
body.dark .landing-drop-card{
  min-height:auto;
  margin-top:30px;
  padding:24px 12px;
  gap:6px;
  border:1px dashed rgba(148,163,184,.28);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:#cbd5e1;
  font-size:13px;
}
body.dark .landing-drop-card .css-icon{
  width:46px;
  height:46px;
  margin:0 auto 6px;
  border-radius:50%;
  background:rgba(148,163,184,.1);
  color:#cbd5e1;
  transform:scale(.58);
}
body.dark .landing-drop-card strong{
  color:#fff;
  font-size:13px;
}
body.dark .landing-drop-card span:last-child{
  color:#fdba74;
  font-size:13px;
}
body.dark .landing-dashboard-main{
  padding:30px 28px;
}
body.dark .landing-dashboard-top{
  margin-bottom:28px;
}
body.dark .landing-dashboard-top h2{
  margin:0 0 7px;
  color:#f8fafc;
  font-size:22px;
  letter-spacing:-.045em;
}
body.dark .landing-dashboard-top p{
  color:#94a3b8;
  font-size:13px;
}
body.dark .landing-dashboard-search{
  width:235px;
  min-height:38px;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:rgba(255,255,255,.035);
  color:#94a3b8;
  font-size:12px;
}
body.dark .landing-dashboard-search kbd{
  min-width:28px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  background:rgba(255,255,255,.08);
  color:#cbd5e1;
  font:800 11px/1 var(--font);
}
body.dark .landing-stat-grid{
  gap:16px;
  margin-bottom:26px;
}
body.dark .landing-stat-card{
  min-height:142px;
  padding:22px 18px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.045);
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
}
body.dark .landing-stat-card .css-icon{
  width:28px;
  height:28px;
  margin-bottom:22px;
  border:2px solid currentColor;
  border-radius:9px;
  transform:scale(.58);
}
body.dark .landing-stat-card strong{
  margin-top:0;
  margin-bottom:8px;
  color:#f8fafc;
  font-size:28px;
}
body.dark .landing-stat-card > span:not(.css-icon){
  margin-top:0;
  margin-bottom:8px;
  color:#f8fafc;
  font-size:14px;
}
body.dark .landing-stat-card small{
  color:#94a3b8;
  font-size:12px;
}
body.dark .landing-dashboard-lists{
  grid-template-columns:1.15fr 1fr;
  gap:18px;
}
body.dark .landing-dashboard-list{
  min-height:auto;
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:rgba(255,255,255,.045);
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
}
body.dark .landing-dashboard-list h3{
  margin:0 0 16px;
  color:#f8fafc;
  font-size:16px;
}
body.dark .landing-dashboard-row,
body.dark .landing-file-row{
  min-height:64px;
  gap:14px;
  padding:12px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:11px;
  background:rgba(15,23,42,.72);
  box-shadow:none;
}
body.dark .landing-dashboard-row > .css-icon,
body.dark .landing-file-row > .css-icon{
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.06);
  transform:scale(.58);
}
body.dark .landing-dashboard-row strong,
body.dark .landing-file-row strong{
  color:#f8fafc;
  font-size:13px;
  margin-bottom:3px;
}
body.dark .landing-dashboard-row div span,
body.dark .landing-file-row div span{
  color:#94a3b8;
  font-size:12px;
}
body.dark .landing-dashboard-row small{
  color:#cbd5e1;
  font-size:12px;
}
body.dark .landing-list-head span{
  color:#fdba74;
}
body.dark .landing-tool-strip-wrap{
  width:min(1440px,calc(100% - 68px));
  margin:30px auto 0;
  padding:30px 34px 36px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:rgba(15,23,42,.5);
  box-shadow:0 28px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
  text-align:center;
  backdrop-filter:blur(18px);
}
body.dark .landing-tool-strip-wrap h2{
  margin:0 0 24px;
  color:#f8fafc;
  font-size:24px;
  letter-spacing:-.04em;
}
body.dark .landing-tool-strip-wrap h2 span{
  color:#fb923c;
}
body.dark .landing-tool-strip{
  grid-template-columns:repeat(6,1fr);
  gap:18px;
}
body.dark .landing-tool-card{
  min-height:112px;
  gap:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:rgba(255,255,255,.045);
  color:#f8fafc;
  font-size:14px;
  font-weight:900;
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
}
body.dark .landing-tool-card .css-icon{
  width:34px;
  height:34px;
}
body.dark .landing-audience-row{
  max-width:960px;
  margin:34px auto 0;
  color:#94a3b8;
  text-align:center;
}
.landing-steps-section,
.landing-pricing-section{
  position:relative;
}
.landing-section-kicker{
  margin-bottom:8px;
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.landing-steps-section h2{
  margin:0 0 22px;
  font-size:24px;
  letter-spacing:-.04em;
}
.landing-steps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.landing-step-card{
  min-height:150px;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px;
  border:1px solid;
  border-radius:16px;
}
.landing-step-card strong{
  font-size:1.05rem;
  letter-spacing:-.02em;
}
.landing-step-card p{
  margin:0;
  font-size:.92rem;
  line-height:1.55;
  font-weight:600;
}
.landing-step-mark{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:.88rem;
  font-weight:950;
}
.landing-pricing-title{
  font-size:1.15rem;
  font-weight:950;
  letter-spacing:-.03em;
}
body.dark .landing-steps-section,
body.dark .landing-pricing-section{
  width:min(1440px,calc(100% - 68px));
  margin:30px auto 0;
  padding:30px 34px 36px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:rgba(15,23,42,.5);
  box-shadow:0 28px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
}
body.dark .landing-section-kicker{
  color:#fdba74;
}
body.dark .landing-steps-section h2,
body.dark .landing-pricing-title{
  color:#f8fafc;
}
body.dark .landing-step-card{
  border-color:rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:#f8fafc;
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
}
body.dark .landing-step-card p{
  color:#94a3b8;
}
body.dark .landing-step-mark{
  background:linear-gradient(135deg,#f97316,#ea580c 55%,#fb7185);
  color:#fff;
  box-shadow:0 14px 40px rgba(249,115,22,.24), inset 0 1px 0 rgba(255,255,255,.22);
}
body.dark .landing-pricing-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(max-width:1180px){
  body:not(.dark) .landing-pricing-grid,
  body.dark .landing-pricing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
body.dark .landing-audience-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  margin-bottom:22px;
  font-size:15px;
}
body.dark .landing-audience-title span{
  width:240px;
  height:1px;
  background:rgba(255,255,255,.08);
}
body.dark .landing-audience-items{
  display:flex;
  justify-content:center;
  gap:48px;
  flex-wrap:wrap;
  font-size:15px;
}
body.dark .landing-privacy-line{
  width:min(1440px,calc(100% - 68px));
  margin:34px auto 0;
  padding:25px 34px 28px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#94a3b8;
  font-size:15px;
}
body.dark .landing-privacy-line .css-icon{
  width:18px;
  height:18px;
  color:#cbd5e1;
  transform:scale(.62);
}
@media(max-width:1180px){
  body.dark .landing-saas-inner{
    grid-template-columns:1fr;
  }

  body.dark .landing-dashboard-shell{
    max-width:900px;
  }

  body.dark .landing-tool-strip{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:760px){
  body.dark .landing-saas-header{
    width:calc(100% - 24px) !important;
    padding:0 18px !important;
  }

  body.dark .landing-saas-header .landing-nav{
    display:none;
  }

  body.dark .landing-saas-hero{
    padding:116px 22px 28px;
  }

  body.dark .landing-saas-hero .landing-saas-copy h1{
    font-size:52px;
  }

  body.dark .landing-dashboard-shell{
    grid-template-columns:1fr;
  }

  body.dark .landing-dashboard-sidebar{
    display:none;
  }

  body.dark .landing-stat-grid,
  body.dark .landing-dashboard-lists,
  body.dark .landing-tool-strip{
    grid-template-columns:1fr 1fr;
  }

  body.dark .landing-steps-grid,
  body.dark .landing-pricing-grid{
    grid-template-columns:1fr;
  }

  body.dark .landing-dashboard-search{
    display:none;
  }

  body.dark .landing-tool-strip-wrap,
  body.dark .landing-steps-section,
  body.dark .landing-pricing-section,
  body.dark .landing-privacy-line{
    width:calc(100% - 44px);
  }
}
/* Canonical header controls: search, theme, notifications, profile always live on the right */
.header > .search-wrap{
  display:none !important;
}
.header .header-right{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}
.header .header-right .search-wrap,
.landing-saas-header .header-right .landing-search-wrap{
  display:block !important;
  flex:0 1 340px;
  width:clamp(170px,24vw,340px);
  max-width:340px;
  min-width:170px;
  margin-left:0;
}
.header .header-right .search-input,
.landing-saas-header .header-right .search-input{
  height:38px;
}
.header .header-right .btn-icon,
.header .header-right .notif-btn,
.header .header-right .user-menu-btn{
  flex:0 0 auto;
}
.header .header-right .user-menu-btn .user-name{
  display:inline-flex !important;
}
.landing-saas-header .header-right{
  margin-left:auto !important;
}
/* Use the light header as the canonical header shape in both themes. */
body.dark .landing-saas-header{
  left:0 !important;
  right:0 !important;
  top:0 !important;
  width:100% !important;
  height:72px !important;
  min-height:72px !important;
  transform:none !important;
  padding:0 56px !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  border-radius:0 !important;
  background:rgba(5,6,9,.88) !important;
  color:#f8fafc !important;
  box-shadow:none !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
}
body.dark .landing-saas-header .logo{
  color:#f8fafc !important;
  font-size:24px !important;
  font-weight:950 !important;
  letter-spacing:-.05em !important;
}
body.dark .landing-saas-header .landing-nav{
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  gap:42px !important;
  margin-left:0 !important;
}
body.dark .landing-saas-header .header-right{
  gap:14px !important;
  margin-left:auto !important;
}
body.dark .landing-saas-header .landing-search-wrap{
  width:230px !important;
  max-width:230px !important;
  min-width:170px !important;
  flex:0 1 230px !important;
}
body.dark .landing-saas-header .landing-search-wrap .search-input{
  height:38px !important;
  padding:0 14px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:none !important;
  font-size:13px !important;
}
body.dark .landing-saas-header .btn-icon{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.dark .landing-saas-header .btn-ghost,
body.dark .landing-saas-header .btn-primary{
  min-height:44px !important;
  padding:0 24px !important;
  border-radius:12px !important;
  font-size:15px !important;
  font-weight:800 !important;
}
body.dark .landing-saas-header .btn-ghost{
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  color:#f8fafc !important;
}
body.dark .landing-saas-header .btn-primary{
  border:0 !important;
  background:linear-gradient(135deg,#f97316,#ef4444) !important;
  color:#fff !important;
  box-shadow:none !important;
}
@media(max-width:900px){
  .header .header-right .search-wrap,
  .landing-saas-header .header-right .landing-search-wrap{
    width:clamp(140px,30vw,240px);
    min-width:140px;
  }
}
@media(max-width:640px){
  .header .header-right{
    gap:6px;
  }

  .header .header-right .search-wrap,
  .landing-saas-header .header-right .landing-search-wrap{
    width:120px;
    min-width:120px;
    flex-basis:120px;
  }

  .header .header-right .search-input,
  .landing-saas-header .header-right .search-input{
    padding-inline:10px;
    font-size:.74rem !important;
  }

  .header .header-right .user-menu-btn .user-name{
    max-width:74px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
@media(max-width:1020px) and (min-width:561px){
  .app-sidebar{
    width:78px;
    left:10px;
    padding:14px 10px;
    align-items:center;
  }

  .app-sidebar-logo{
    width:42px;
    height:42px;
    margin:0 0 12px;
    justify-content:center;
    overflow:hidden;
    font-size:0;
    border-radius:14px;
    background:var(--faint);
  }

  .app-sidebar-logo::before{
    content:none;
    font-size:1.1rem;
    font-weight:950;
    color:var(--accent);
  }

  .app-sidebar-label,
  .app-sidebar-item span:not(.app-sidebar-icon),
  .app-sidebar-upload strong,
  .app-sidebar-upload small,
  .app-sidebar-account{
    display:none;
  }

  .app-sidebar-list{
    width:100%;
  }

  .app-sidebar-item{
    justify-content:center;
    padding:0;
    min-height:42px;
  }

  .app-sidebar-upload{
    width:100%;
    min-height:58px;
    padding:8px;
  }

  .app-sidebar-upload-icon{
    width:38px;
    height:38px;
  }

  .app-main-with-sidebar{
    width:calc(100% - 96px);
    margin-left:90px;
    margin-right:6px;
    padding-left:10px;
    padding-right:10px;
  }

  .mob-bottom-nav{
    display:none;
  }
}
@media(max-width:560px){
  .app-sidebar{
    width:58px;
    left:6px;
    top:calc(var(--header-h) + 8px);
    bottom:8px;
    padding:10px 7px;
    align-items:center;
    border-radius:18px;
  }

  .app-sidebar-logo{
    width:38px;
    height:38px;
    margin:0 0 10px;
    justify-content:center;
    overflow:hidden;
    font-size:0;
    border-radius:13px;
    background:var(--faint);
  }

  .app-sidebar-logo::before{
    content:none;
    font-size:1rem;
    font-weight:950;
    color:var(--accent);
  }

  .app-sidebar-label,
  .app-sidebar-item span:not(.app-sidebar-icon),
  .app-sidebar-upload strong,
  .app-sidebar-upload small,
  .app-sidebar-account{
    display:none;
  }

  .app-sidebar-list{
    width:100%;
  }

  .app-sidebar-item{
    justify-content:center;
    min-height:40px;
    padding:0;
    border-radius:12px;
  }

  .app-sidebar-icon,
  .app-sidebar-icon svg{
    width:18px;
    height:18px;
  }

  .app-sidebar-upload{
    width:100%;
    min-height:48px;
    padding:6px;
    border-radius:14px;
  }

  .app-sidebar-upload-icon{
    width:34px;
    height:34px;
  }

  .app-main-with-sidebar{
    width:calc(100% - 68px);
    max-width:none;
    margin-left:64px;
    margin-right:4px;
    padding-left:6px;
    padding-right:6px;
    padding-bottom:32px;
  }

  .mob-bottom-nav{
    display:none;
  }
}
/* Real app sidebar: same structure as the landing dashboard preview. */
.sidebar-toggle-btn{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid var(--border) !important;
  border-radius:12px !important;
  background:var(--surface) !important;
  color:var(--muted) !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.sidebar-toggle-btn:hover{
  color:var(--accent) !important;
  background:var(--accent-light) !important;
  border-color:rgba(var(--accent-rgb),.22) !important;
}
.app-sidebar{
  --sidebar-expanded-w:190px;
  --sidebar-collapsed-w:66px;
  width:var(--sidebar-expanded-w) !important;
  top:calc(var(--header-h) + 8px) !important;
  left:14px !important;
  bottom:14px !important;
  padding:18px 14px !important;
  gap:0 !important;
  border-radius:18px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  background:rgba(248,250,252,.76) !important;
  box-shadow:0 24px 70px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(18px) saturate(1.05) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
body.dark .app-sidebar{
  border-color:rgba(255,255,255,.08) !important;
  background:rgba(15,23,42,.42) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.app-sidebar-logo{
  width:max-content !important;
  height:auto !important;
  margin:0 4px 20px !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--text) !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.05em !important;
}
.app-sidebar-logo::before{
  content:none !important;
}
.app-sidebar-logo span{
  color:var(--accent) !important;
}
.app-sidebar-section{
  display:grid !important;
  gap:6px !important;
  width:100% !important;
}
.app-sidebar-label{
  display:block !important;
  margin:16px 8px 8px !important;
  color:var(--muted) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.app-sidebar-list{
  display:grid !important;
  gap:4px !important;
  min-height:0 !important;
  overflow:visible !important;
  padding:0 !important;
}
.app-sidebar-subtools{
  max-height:176px !important;
  overflow-y:auto !important;
  padding-right:2px !important;
}
.app-sidebar-group-toggle{
  width:100% !important;
  min-height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:var(--muted) !important;
  font:inherit !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
.app-sidebar-group-toggle:hover{
  background:var(--faint) !important;
  color:var(--text) !important;
}
.app-sidebar-chevron{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  transition:transform .18s ease !important;
}
.app-sidebar-chevron.open{
  transform:rotate(180deg) !important;
}
.app-sidebar-subitem{
  padding-left:20px !important;
}
.app-sidebar-item{
  width:100% !important;
  min-height:36px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:9px !important;
  background:transparent !important;
  color:var(--muted) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-align:left !important;
}
.app-sidebar-item:hover{
  background:var(--faint) !important;
  color:var(--text) !important;
}
.app-sidebar-item.active{
  color:var(--accent) !important;
  background:rgba(var(--accent-rgb),.13) !important;
  box-shadow:none !important;
  font-weight:900 !important;
}
body.dark .app-sidebar-item.active{
  color:#fff !important;
  background:rgba(255,255,255,.06) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.app-sidebar-icon,
.app-sidebar-icon svg{
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
}
.app-sidebar-icon .asset-icon{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
}
.app-sidebar-icon .asset-icon img{
  transform:none !important;
}
.app-sidebar-upload{
  width:100% !important;
  min-height:106px !important;
  margin:18px 0 8px !important;
  padding:18px 10px !important;
  gap:7px !important;
  border:1px dashed rgba(100,116,139,.35) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.58) !important;
  color:var(--muted) !important;
}
body.dark .app-sidebar-upload{
  border-color:rgba(148,163,184,.28) !important;
  background:rgba(255,255,255,.025) !important;
}
.app-sidebar-upload-icon{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  background:var(--faint) !important;
  color:var(--muted) !important;
}
.app-sidebar-upload strong{
  display:block !important;
  color:var(--text) !important;
  font-size:12px !important;
  line-height:1.2 !important;
}
.app-sidebar-upload small{
  display:block !important;
  color:var(--accent) !important;
  font-size:11px !important;
  line-height:1.2 !important;
}
.app-sidebar-account{
  margin-top:0 !important;
}
.app-main-with-sidebar{
  width:calc(100% - 238px) !important;
  max-width:none !important;
  margin-left:218px !important;
  margin-right:20px !important;
  padding-left:24px !important;
  padding-right:24px !important;
}
.app-sidebar.collapsed{
  width:var(--sidebar-collapsed-w) !important;
  padding:14px 10px !important;
  align-items:center !important;
}
.app-sidebar.collapsed .app-sidebar-logo{
  width:42px !important;
  height:42px !important;
  margin:0 0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:var(--faint) !important;
  font-size:0 !important;
}
.app-sidebar.collapsed .app-sidebar-logo::before{
  content:none !important;
  font-size:1.1rem !important;
  font-weight:950 !important;
  color:var(--accent) !important;
}
.app-sidebar.collapsed .app-sidebar-label,
.app-sidebar.collapsed .app-sidebar-group-toggle,
.app-sidebar.collapsed .app-sidebar-item span:not(.app-sidebar-icon),
.app-sidebar.collapsed .app-sidebar-upload strong,
.app-sidebar.collapsed .app-sidebar-upload small,
.app-sidebar.collapsed .app-sidebar-account{
  display:none !important;
}
.app-sidebar.collapsed .app-sidebar-section,
.app-sidebar.collapsed .app-sidebar-list{
  width:100% !important;
}
.app-sidebar.collapsed .app-sidebar-item{
  justify-content:center !important;
  padding:0 !important;
  min-height:42px !important;
}
.app-sidebar.collapsed .app-sidebar-subtools{
  display:none !important;
}
.app-sidebar.collapsed .app-sidebar-subtools{
  max-height:none !important;
  overflow:visible !important;
  padding-right:0 !important;
}
.app-sidebar.collapsed .app-sidebar-upload{
  min-height:58px !important;
  margin-top:auto !important;
  padding:8px !important;
}
.app-sidebar.collapsed .app-sidebar-upload-icon{
  width:38px !important;
  height:38px !important;
}
.app-main-sidebar-collapsed{
  width:calc(100% - 104px) !important;
  margin-left:88px !important;
  margin-right:16px !important;
}
@media(max-width:760px){
  .app-sidebar:not(.collapsed){
    width:190px !important;
    padding:18px 14px !important;
  }

  .app-main-with-sidebar:not(.app-main-sidebar-collapsed){
    width:calc(100% - 206px) !important;
    margin-left:198px !important;
    margin-right:8px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}
@media(max-width:560px){
  .app-sidebar:not(.collapsed){
    width:206px !important;
    left:6px !important;
    padding:16px 14px !important;
  }

  .app-main-with-sidebar:not(.app-main-sidebar-collapsed){
    width:calc(100% - 218px) !important;
    margin-left:214px !important;
    margin-right:4px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .app-main-sidebar-collapsed{
    width:calc(100% - 70px) !important;
    margin-left:64px !important;
    margin-right:4px !important;
  }
}
/* Theme switch geometry lock: light and dark must repaint, not relayout. */
.landing-root .landing-saas-hero{
  margin-top:72px !important;
  padding:78px 54px 32px !important;
  min-height:auto !important;
}
.landing-root .landing-saas-inner{
  width:min(1450px,100%) !important;
  grid-template-columns:.9fr 1.25fr !important;
  gap:60px !important;
  align-items:center !important;
}
.landing-root .landing-saas-pill{
  min-height:38px !important;
  height:38px !important;
  padding:0 16px !important;
  margin-bottom:30px !important;
}
.landing-root .landing-saas-copy h1{
  max-width:620px !important;
  margin:0 0 26px !important;
  font-size:clamp(54px,5.2vw,78px) !important;
  line-height:.96 !important;
  letter-spacing:-.07em !important;
}
.landing-root .landing-saas-copy p{
  max-width:560px !important;
  margin:0 0 42px !important;
  font-size:20px !important;
  line-height:1.55 !important;
}
.landing-root .landing-saas-actions{
  gap:18px !important;
  margin-bottom:54px !important;
}
.landing-root .landing-saas-primary,
.landing-root .landing-saas-secondary{
  min-width:170px !important;
  min-height:58px !important;
  padding:0 24px !important;
  border-radius:12px !important;
  font-size:17px !important;
}
.landing-root .landing-trust-row{
  gap:24px !important;
  font-size:14px !important;
}
.landing-root .landing-dashboard-shell{
  min-height:610px !important;
  grid-template-columns:190px 1fr !important;
  border-radius:16px !important;
}
.landing-root .landing-dashboard-sidebar{
  padding:30px 22px !important;
}
.landing-root .landing-dash-nav-item{
  min-height:36px !important;
  gap:10px !important;
  padding:0 12px !important;
  border-radius:8px !important;
}
.landing-root .landing-drop-card{
  margin-top:30px !important;
  padding:26px 14px !important;
  border-radius:14px !important;
}
.landing-root .landing-drop-card .css-icon{
  width:44px !important;
  height:44px !important;
}
.landing-root .landing-dashboard-main{
  padding:30px 28px !important;
}
.landing-root .landing-dashboard-top{
  margin-bottom:28px !important;
}
.landing-root .landing-dashboard-search{
  width:230px !important;
  min-height:36px !important;
  border-radius:10px !important;
}
.landing-root .landing-stat-grid{
  gap:16px !important;
  margin-bottom:26px !important;
}
.landing-root .landing-stat-card{
  min-height:138px !important;
  padding:22px 18px !important;
  border-radius:12px !important;
}
.landing-root .landing-stat-card .css-icon{
  width:24px !important;
  height:24px !important;
  margin-bottom:24px !important;
  border-radius:8px !important;
}
.landing-root .landing-dashboard-lists{
  grid-template-columns:1.15fr 1fr !important;
  gap:18px !important;
}
.landing-root .landing-dashboard-list{
  padding:18px !important;
  border-radius:12px !important;
}
.landing-root .landing-dashboard-row,
.landing-root .landing-file-row{
  min-height:62px !important;
  gap:14px !important;
  padding:12px !important;
  border-radius:10px !important;
}
.landing-root .landing-dashboard-row > .css-icon,
.landing-root .landing-file-row > .css-icon{
  width:30px !important;
  height:30px !important;
  border-radius:7px !important;
}
.landing-root .landing-tool-strip-wrap,
.landing-root .landing-steps-section,
.landing-root .landing-pricing-section,
.landing-root .landing-privacy-line{
  width:min(1320px,calc(100% - 108px)) !important;
}
.landing-root .landing-tool-strip-wrap{
  margin:92px auto 0 !important;
  padding:56px 34px 54px !important;
  border-radius:16px !important;
}
.landing-root .landing-tool-strip{
  gap:28px !important;
}
.landing-root .landing-tool-card{
  min-height:106px !important;
  gap:12px !important;
  border-radius:15px !important;
}
.landing-root .landing-steps-section,
.landing-root .landing-pricing-section{
  margin:88px auto 0 !important;
  padding:54px 34px 82px !important;
}
.landing-root .landing-steps-grid,
.landing-root .landing-pricing-grid{
  gap:30px !important;
}
.landing-root .landing-pricing-grid{
  margin-bottom:26px !important;
}
.landing-root .landing-audience-row{
  width:min(1320px,calc(100% - 108px)) !important;
  max-width:none !important;
  margin:44px auto 0 !important;
  padding:0 4px !important;
}
.landing-root .landing-privacy-line{
  margin:88px auto 0 !important;
  padding:40px 0 12px !important;
}
.landing-audience-marquee{
  position:relative;
  overflow:hidden;
  width:100%;
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.landing-audience-track{
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  animation:landingAudienceScroll 28s linear infinite;
  will-change:transform;
}
.landing-audience-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  padding:14px 18px;
  border-radius:999px;
  border:1px solid rgba(var(--accent-rgb),.1);
  background:rgba(255,255,255,.78);
  color:var(--text);
  box-shadow:var(--shadow-sm);
  font-size:.86rem;
  font-weight:800;
}
.landing-audience-chip .css-icon{
  width:17px;
  height:17px;
  transform:scale(.72);
  color:var(--accent);
}
body.dark .landing-audience-chip{
  background:rgba(21,24,33,.82);
  border-color:rgba(255,255,255,.08);
  color:#e7ebff;
}
body.dark .landing-audience-chip .css-icon{
  color:#9ea8ff;
}
@keyframes landingAudienceScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-33.3333%)}
}
@media(max-width:1100px){
  .landing-root .landing-saas-inner{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-tool-strip{
    grid-template-columns:repeat(3,1fr) !important;
  }
}
@media(max-width:700px){
  .landing-root .landing-saas-hero{
    padding:48px 22px !important;
  }

  .landing-root .landing-dashboard-shell{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-stat-grid,
  .landing-root .landing-dashboard-lists,
  .landing-root .landing-tool-strip{
    grid-template-columns:1fr 1fr !important;
  }

  .landing-root .landing-steps-grid,
  .landing-root .landing-pricing-grid{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-tool-strip-wrap,
  .landing-root .landing-steps-section,
  .landing-root .landing-pricing-section,
  .landing-root .landing-privacy-line{
    width:calc(100% - 44px) !important;
  }

  .landing-root .landing-tool-strip-wrap,
  .landing-root .landing-steps-section,
  .landing-root .landing-pricing-section{
    margin-top:32px !important;
    padding:26px 20px 30px !important;
  }

  .landing-root .landing-audience-row,
  .landing-root .landing-privacy-line{
    margin-top:32px !important;
  }

  .landing-audience-chip{
    padding:12px 15px;
    font-size:.8rem;
  }
}
/* Final canonical chrome + landing geometry. Keep this last. */
:root{
  --header-h:72px;
  --app-sidebar-expanded-w:190px;
  --app-sidebar-collapsed-w:66px;
}
.header,
.landing-saas-header{
  left:0 !important;
  right:0 !important;
  top:0 !important;
  width:100% !important;
  height:72px !important;
  min-height:72px !important;
  transform:none !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 56px !important;
  border:0 !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  border-radius:0 !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:none !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
}
.header{
  overflow:visible !important;
}
.header-left{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:220px !important;
  flex:0 0 220px !important;
}
.header-center{
  flex:1 1 auto !important;
}
body.dark .header,
body.dark .landing-saas-header{
  border-bottom-color:rgba(255,255,255,.08) !important;
  background:rgba(5,6,9,.88) !important;
}
.header .logo,
.landing-saas-header .logo{
  color:var(--text) !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.05em !important;
}
.header .logo span,
.landing-saas-header .logo span{
  color:var(--accent) !important;
}
.landing-saas-header .landing-nav{
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  gap:42px !important;
  margin:0 !important;
}
.landing-nav-link{
  color:var(--text) !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
}
.header .header-right,
.landing-saas-header .header-right{
  margin-left:auto !important;
  gap:14px !important;
  height:44px !important;
  align-items:center !important;
  justify-content:flex-end !important;
  min-width:0 !important;
}
.header .header-right .search-wrap,
.landing-saas-header .header-right .landing-search-wrap{
  width:230px !important;
  min-width:170px !important;
  max-width:230px !important;
  flex:0 1 230px !important;
  margin:0 !important;
}
.header .header-right .search-input,
.landing-saas-header .header-right .search-input{
  height:38px !important;
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:12px !important;
  font-size:13px !important;
  line-height:38px !important;
  box-shadow:none !important;
}
.header .btn-icon,
.landing-saas-header .btn-icon,
.header .notif-btn,
.landing-saas-header .notif-btn{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  box-shadow:none !important;
}
.header .btn-sm,
.landing-saas-header .btn-sm,
.header .user-menu-btn,
.landing-saas-header .user-menu-btn{
  min-height:44px !important;
  height:44px !important;
  padding:0 24px !important;
  border-radius:12px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:800 !important;
}
.header .user-menu-btn,
.landing-saas-header .user-menu-btn{
  padding:0 14px !important;
}
.header .avatar-sm,
.landing-saas-header .avatar-sm{
  width:28px !important;
  height:28px !important;
}
.landing-root .landing-saas-copy,
.landing-root .landing-saas-copy *,
.landing-root .landing-dashboard-shell,
.landing-root .landing-dashboard-shell *{
  box-sizing:border-box !important;
}
.landing-root .landing-saas-hero{
  margin-top:72px !important;
  padding:78px 54px 32px !important;
}
.landing-root .landing-saas-inner{
  width:min(1450px,100%) !important;
  display:grid !important;
  grid-template-columns:.9fr 1.25fr !important;
  gap:60px !important;
  align-items:center !important;
}
.landing-root .landing-saas-copy{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}
.landing-root .landing-saas-copy::before,
.landing-root .landing-trust-row .landing-trust-item::after{
  display:none !important;
  content:none !important;
}
.landing-root .landing-saas-pill{
  width:max-content !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 16px !important;
  margin:0 0 30px !important;
  gap:10px !important;
  line-height:1 !important;
  font-size:14px !important;
  font-weight:900 !important;
}
.landing-root .landing-saas-copy h1{
  width:620px !important;
  max-width:100% !important;
  min-height:224px !important;
  margin:0 0 26px !important;
  font-size:clamp(54px,5.2vw,78px) !important;
  line-height:.96 !important;
  letter-spacing:-.07em !important;
  font-weight:950 !important;
}
.landing-root .landing-saas-copy p{
  width:560px !important;
  max-width:100% !important;
  min-height:62px !important;
  margin:0 0 42px !important;
  font-size:20px !important;
  line-height:1.55 !important;
  font-weight:600 !important;
}
.landing-root .landing-saas-actions{
  height:58px !important;
  gap:18px !important;
  margin:0 0 54px !important;
}
.landing-root .landing-saas-primary,
.landing-root .landing-saas-secondary{
  width:170px !important;
  min-width:170px !important;
  height:58px !important;
  min-height:58px !important;
  padding:0 24px !important;
  border-radius:12px !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
.landing-root .landing-trust-row{
  min-height:22px !important;
  gap:24px !important;
  font-size:14px !important;
  line-height:1 !important;
}
.landing-root .landing-trust-item{
  gap:8px !important;
}
.landing-root .landing-dashboard-shell{
  width:100% !important;
  min-height:610px !important;
  grid-template-columns:190px 1fr !important;
  border-radius:16px !important;
}
.landing-root .landing-dashboard-search{
  width:230px !important;
  min-height:36px !important;
}
.landing-root .landing-stat-card{
  min-height:138px !important;
  border-radius:12px !important;
}
.landing-root .landing-dashboard-row,
.landing-root .landing-file-row{
  min-height:62px !important;
  border-radius:10px !important;
}
@media(max-width:900px){
  .header,
  .landing-saas-header{
    padding:0 18px !important;
  }

  .header-left{
    min-width:auto !important;
    flex:0 0 auto !important;
  }

  .landing-saas-header .landing-nav{
    display:none !important;
  }
}
@media(max-width:700px){
  .landing-root .landing-saas-hero{
    padding:48px 22px !important;
  }

  .landing-root .landing-saas-inner{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-saas-copy h1{
    width:100% !important;
    min-height:184px !important;
    font-size:52px !important;
  }
}
@media(max-width:560px){
  .header,
  .landing-saas-header{
    padding:0 12px !important;
  }

  .header-left{
    gap:8px !important;
  }

  .header .logo,
  .landing-saas-header .logo{
    font-size:20px !important;
  }

  .header .header-right,
  .landing-saas-header .header-right{
    gap:4px !important;
  }

  .header .header-right .search-wrap,
  .landing-saas-header .header-right .landing-search-wrap{
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    flex-basis:82px !important;
  }

  .header .header-right .search-input,
  .landing-saas-header .header-right .search-input{
    padding:0 9px !important;
  }

  .header .btn-icon,
  .landing-saas-header .btn-icon,
  .header .notif-btn,
  .landing-saas-header .notif-btn{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    min-height:28px !important;
    border-radius:8px !important;
  }

  .header .btn-sm,
  .landing-saas-header .btn-sm,
  .header .user-menu-btn,
  .landing-saas-header .user-menu-btn{
    height:36px !important;
    min-height:36px !important;
    padding:0 6px !important;
  }

  .header .user-menu-btn .avatar-sm,
  .landing-saas-header .user-menu-btn .avatar-sm{
    width:24px !important;
    height:24px !important;
  }

  .header .user-menu-btn .user-name,
  .landing-saas-header .user-menu-btn .user-name{
    max-width:42px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .landing-root{
    overflow-x:hidden !important;
  }

  .landing-root .landing-saas-hero{
    padding:48px 22px 32px !important;
  }

  .landing-root .landing-saas-copy h1{
    width:100% !important;
    min-height:0 !important;
    font-size:44px !important;
    line-height:1.04 !important;
    letter-spacing:-.06em !important;
    overflow-wrap:normal !important;
  }

  .landing-root .landing-saas-copy p{
    width:100% !important;
    min-height:0 !important;
    font-size:18px !important;
  }

  .landing-root .landing-saas-actions{
    height:auto !important;
    flex-direction:column !important;
  }

  .landing-root .landing-saas-primary,
  .landing-root .landing-saas-secondary{
    width:100% !important;
    min-width:0 !important;
  }

  .landing-root .landing-trust-row{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:16px !important;
  }

  .landing-root .landing-dashboard-shell{
    min-height:auto !important;
  }
}
/* Sidebar final state: expanded shows labels, collapsed retracts to icons. */
.app-sidebar:not(.collapsed){
  width:190px !important;
  padding:18px 14px !important;
}
.app-sidebar:not(.collapsed) .app-sidebar-logo{
  width:max-content !important;
  height:auto !important;
  margin:0 4px 20px !important;
  display:inline-flex !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:20px !important;
}
.app-sidebar:not(.collapsed) .app-sidebar-logo::before{
  content:none !important;
}
.app-sidebar:not(.collapsed) .app-sidebar-label{
  display:block !important;
}
.app-sidebar:not(.collapsed) .app-sidebar-item span:not(.app-sidebar-icon),
.app-sidebar:not(.collapsed) .app-sidebar-upload strong,
.app-sidebar:not(.collapsed) .app-sidebar-upload small{
  display:inline-flex !important;
}
.app-sidebar:not(.collapsed) .app-sidebar-item{
  justify-content:flex-start !important;
}
.app-sidebar.collapsed{
  width:66px !important;
  padding:14px 10px !important;
}
.app-sidebar.collapsed .app-sidebar-label,
.app-sidebar.collapsed .app-sidebar-item span:not(.app-sidebar-icon),
.app-sidebar.collapsed .app-sidebar-upload strong,
.app-sidebar.collapsed .app-sidebar-upload small,
.app-sidebar.collapsed .app-sidebar-account{
  display:none !important;
}
.app-main-with-sidebar:not(.app-main-sidebar-collapsed){
  width:calc(100% - 238px) !important;
  margin-left:218px !important;
}
.site-footer.app-footer-with-sidebar{
  width:calc(100% - 218px) !important;
  margin-left:218px !important;
  margin-right:0 !important;
  padding-left:24px !important;
  padding-right:24px !important;
}
.app-main-sidebar-collapsed{
  width:calc(100% - 104px) !important;
  margin-left:88px !important;
}
.sidebar-toggle-spacer{
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
}
.site-footer.app-footer-sidebar-collapsed{
  width:calc(100% - 88px) !important;
  margin-left:88px !important;
}
@media(max-width:760px){
  .app-sidebar:not(.collapsed){
    width:190px !important;
    padding:18px 14px !important;
  }

  .app-main-with-sidebar:not(.app-main-sidebar-collapsed){
    width:calc(100% - 206px) !important;
    margin-left:198px !important;
  }

  .site-footer.app-footer-with-sidebar{
    width:calc(100% - 198px) !important;
    margin-left:198px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
}
@media(max-width:560px){
  .app-sidebar:not(.collapsed){
    width:190px !important;
    left:6px !important;
  }

  .app-main-with-sidebar:not(.app-main-sidebar-collapsed){
    width:calc(100% - 202px) !important;
    margin-left:198px !important;
  }

  .site-footer.app-footer-with-sidebar{
    width:calc(100% - 198px) !important;
    margin-left:198px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .app-main-sidebar-collapsed{
    width:calc(100% - 70px) !important;
    margin-left:64px !important;
  }

  .site-footer.app-footer-sidebar-collapsed{
    width:calc(100% - 64px) !important;
    margin-left:64px !important;
  }
}
/* Final cleanup: attached sidebar, reduced glows, stable theme toggle layout. */
html{
  overflow-y:scroll;
  scrollbar-gutter:stable both-edges;
}
.app-sidebar{
  top:var(--header-h) !important;
  left:0 !important;
  bottom:0 !important;
  width:208px !important;
  padding:20px 16px 16px !important;
  border-top:0 !important;
  border-left:0 !important;
  border-radius:0 20px 0 0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.94) !important;
}
body.dark .app-sidebar{
  background:rgba(10,12,18,.96) !important;
  box-shadow:none !important;
}
.app-sidebar-logo{
  display:none !important;
}
.app-main-with-sidebar:not(.app-main-sidebar-collapsed){
  width:calc(100% - 228px) !important;
  margin-left:208px !important;
}
.site-footer.app-footer-with-sidebar{
  width:calc(100% - 208px) !important;
  margin-left:208px !important;
}
.app-sidebar.collapsed{
  width:64px !important;
  padding:14px 10px !important;
  border-radius:0 16px 0 0 !important;
}
.app-main-sidebar-collapsed{
  width:calc(100% - 84px) !important;
  margin-left:64px !important;
}
.site-footer.app-footer-sidebar-collapsed{
  width:calc(100% - 64px) !important;
  margin-left:64px !important;
}
.landing-root .landing-saas-hero{
  background:none !important;
}
.landing-root .landing-saas-copy::before,
.landing-root .landing-dashboard-shell::after{
  opacity:.28 !important;
  filter:blur(22px) !important;
}
.landing-root .landing-dashboard-shell{
  box-shadow:0 16px 44px rgba(15,23,42,.08) !important;
}
body.dark .landing-root .landing-dashboard-shell{
  box-shadow:0 20px 48px rgba(0,0,0,.34) !important;
}
.btn,
.btn-primary,
.btn-ghost,
.btn-sm,
.btn-icon,
.sidebar-toggle-btn,
.landing-saas-primary,
.landing-saas-secondary,
.landing-pricing-cta,
.pricing-card button,
.plan-card button,
.tool-card button{
  box-shadow:none !important;
}
.btn:hover,
.btn-primary:hover,
.btn-ghost:hover,
.btn-sm:hover,
.btn-icon:hover,
.sidebar-toggle-btn:hover,
.landing-saas-primary:hover,
.landing-saas-secondary:hover,
.landing-pricing-cta:hover,
.pricing-card button:hover,
.plan-card button:hover,
.tool-card button:hover{
  box-shadow:none !important;
}
@media(max-width:760px){
  .app-sidebar{
    width:190px !important;
  }

  .app-main-with-sidebar:not(.app-main-sidebar-collapsed){
    width:calc(100% - 206px) !important;
    margin-left:190px !important;
  }

  .site-footer.app-footer-with-sidebar{
    width:calc(100% - 190px) !important;
    margin-left:190px !important;
  }
}
@media(max-width:560px){
  .app-sidebar{
    left:0 !important;
    width:184px !important;
  }

  .app-main-with-sidebar:not(.app-main-sidebar-collapsed){
    width:calc(100% - 192px) !important;
    margin-left:184px !important;
  }

  .site-footer.app-footer-with-sidebar{
    width:calc(100% - 184px) !important;
    margin-left:184px !important;
  }
}
/* Account redesign */
.account-v2-shell{
  width:min(1240px,calc(100% - 32px));
  margin:28px auto 40px;
  display:flex;
  flex-direction:column;
  gap:0;
  border:1px solid rgba(15,23,42,.08);
  border-radius:32px;
  background:#fff;
  box-shadow:0 18px 48px rgba(15,23,42,.06);
  overflow:hidden;
}
.account-v2-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:0;
  align-items:stretch;
}
.account-v2-sidecard{
  position:relative;
  min-height:100%;
  padding:32px 26px;
  border-right:1px solid rgba(15,23,42,.08);
  background:transparent;
}
.account-v2-user{
  text-align:center;
}
.account-v2-avatar{
  width:78px;
  height:78px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 18px;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  font-size:2rem;
  font-weight:900;
}
.account-v2-user h2{
  font-size:1.2rem;
  font-weight:950;
  letter-spacing:-.04em;
}
.account-v2-user p{
  margin-top:6px;
  color:var(--muted);
  font-size:.84rem;
  font-weight:700;
  word-break:break-word;
}
.account-v2-user-plan{
  display:inline-flex;
  margin-top:16px;
  min-height:30px;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  background:rgba(var(--accent-rgb),.12);
  color:var(--accent);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.08em;
}
.account-v2-divider{
  height:1px;
  margin:22px 0;
  background:var(--border);
}
.account-v2-menu{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.account-v2-menu-item{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:50px;
  padding:0 16px;
  border:0;
  border-radius:18px;
  background:transparent;
  color:var(--muted);
  font-family:var(--font);
  font-size:.92rem;
  font-weight:800;
  text-align:left;
  cursor:pointer;
}
.account-v2-menu-item:hover{
  background:var(--faint);
  color:var(--text);
}
.account-v2-menu-item.active{
  background:rgba(var(--accent-rgb),.1);
  color:var(--accent);
}
.account-v2-menu-item.danger{
  color:var(--red);
}
.account-v2-menu-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.account-v2-menu-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.account-v2-menu-badge{
  color:var(--accent);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
}
.account-v2-main,
.account-v2-main-stack{
  display:flex;
  flex-direction:column;
  gap:24px;
  min-width:0;
}
.account-v2-surface{
  padding:40px;
  border-radius:0;
  border:0;
  background:transparent;
}
.account-v2-surface-usage{
  padding:40px;
}
.account-v2-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:26px;
}
.account-v2-section-copy{
  display:grid;
  gap:10px;
}
.account-v2-section-copy p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.65;
  font-weight:600;
}
.account-v2-section-head h3{
  font-size:1.32rem;
  font-weight:950;
  letter-spacing:-.04em;
}
.account-v2-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:22px;
}
.account-v2-summary-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
}
.account-v2-summary-icon{
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 54px;
  border-radius:999px;
  background:rgba(var(--accent-rgb),.12);
  color:var(--accent);
}
.account-v2-summary-card strong{
  display:block;
  font-size:1.8rem;
  line-height:1;
  font-weight:950;
  letter-spacing:-.05em;
}
.account-v2-summary-card span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:.8rem;
  font-weight:800;
}
.account-v2-usage-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.account-v2-export-focus{
  padding:22px 24px;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
}
.account-v2-export-focus-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.account-v2-export-focus-head strong{
  font-size:1rem;
  font-weight:900;
  letter-spacing:-.03em;
}
.account-v2-export-focus-head span{
  color:var(--accent);
  font-size:.9rem;
  font-weight:900;
}
.account-v2-usage-track-large{
  height:12px;
}
.account-v2-export-copy{
  margin-top:14px;
  color:var(--muted);
  font-size:.84rem;
  font-weight:700;
  line-height:1.65;
}
.account-v2-usage-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid var(--border);
  background:var(--surface-elevated);
}
.account-v2-usage-icon{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  border-radius:14px;
  background:rgba(var(--accent-rgb),.1);
  color:var(--accent);
}
.account-v2-usage-icon.danger{
  background:rgba(239,68,68,.08);
  color:var(--red);
}
.account-v2-usage-main{
  flex:1;
  min-width:0;
}
.account-v2-usage-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.account-v2-usage-head strong{
  font-size:.96rem;
  font-weight:900;
}
.account-v2-usage-head span{
  white-space:nowrap;
  color:var(--accent);
  font-size:.82rem;
  font-weight:900;
}
.account-v2-usage-track{
  width:100%;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:var(--faint);
}
.account-v2-usage-fill{
  height:100%;
  border-radius:999px;
  background:var(--accent);
}
.account-v2-info-banner{
  margin-top:18px;
  display:grid;
  gap:8px;
  padding:18px 20px;
  border:1px solid rgba(var(--accent-rgb),.12);
  border-radius:20px;
  background:rgba(var(--accent-rgb),.08);
}
.account-v2-info-banner strong{
  color:var(--accent-dark);
  font-size:.88rem;
  font-weight:900;
  letter-spacing:-.02em;
}
.account-v2-info-banner p{
  margin:0;
  color:#9a3412;
  font-size:.84rem;
  line-height:1.65;
  font-weight:700;
}
body.dark .account-v2-shell{
  background:var(--surface);
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
body.dark .account-v2-sidecard{
  border-right-color:rgba(255,255,255,.08);
}
body.dark .account-v2-summary-card,
body.dark .account-v2-export-focus{
  background:var(--surface2);
  border-color:rgba(255,255,255,.08);
}
body.dark .account-v2-info-banner{
  background:rgba(var(--accent-rgb),.12);
  border-color:rgba(var(--accent-rgb),.18);
}
body.dark .account-v2-info-banner strong{
  color:#ffb38e;
}
body.dark .account-v2-info-banner p{
  color:#f2c2a6;
}
.account-profile-presets{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:22px;
  background:var(--surface-elevated);
}
.account-profile-presets-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.account-profile-presets-head strong{
  display:block;
  font-size:.96rem;
  font-weight:900;
}
.account-profile-presets-head span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
}
.account-profile-presets-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.account-profile-presets-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
}
.account-profile-preset-card{
  display:flex;
  flex-direction:column;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
  overflow:hidden;
}
.account-profile-preset-card.active{
  border-color:rgba(var(--accent-rgb),.24);
  background:linear-gradient(180deg, rgba(var(--accent-rgb),.08), var(--surface));
}
.account-profile-preset-main,
.account-profile-preset-delete{
  border:0;
  background:transparent;
  color:var(--text);
  font-family:var(--font);
  cursor:pointer;
}
.account-profile-preset-main{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  padding:14px 14px 12px;
  text-align:left;
}
.account-profile-preset-main strong{
  font-size:.88rem;
  font-weight:900;
}
.account-profile-preset-main span{
  color:var(--muted);
  font-size:.74rem;
  font-weight:700;
}
.account-profile-preset-delete{
  min-height:38px;
  border-top:1px solid var(--border);
  color:var(--red);
  font-size:.76rem;
  font-weight:800;
}
.account-profile-presets-empty{
  grid-column:1 / -1;
  padding:18px 2px 4px;
  color:var(--muted);
  font-size:.82rem;
  font-weight:700;
}
@media(max-width:1100px){
  .account-v2-shell{
    width:min(100%,calc(100% - 24px));
    margin:20px auto 32px;
  }

  .account-v2-layout{
    grid-template-columns:1fr;
  }

  .account-v2-sidecard{
    border-right:0;
    border-bottom:1px solid rgba(15,23,42,.08);
  }
}
body.dark .account-v2-sidecard{
  border-bottom-color:rgba(255,255,255,.08);
}
@media(max-width:760px){
  .account-v2-surface,
  .account-v2-surface-usage,
  .account-v2-sidecard{
    padding:24px;
  }

  .account-v2-section-head{
    align-items:flex-start;
  }

  .account-v2-summary-grid,
  .account-profile-presets-list{
    grid-template-columns:1fr;
  }
}
/* Sidebar redesign final */
.app-sidebar{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  border-right:1px solid var(--border) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,248,252,.95)) !important;
  top:0 !important;
  bottom:0 !important;
  padding-top:calc(var(--header-h) + 20px) !important;
  border-top:0 !important;
  border-left:0 !important;
  border-radius:0 22px 0 0 !important;
}
body.dark .app-sidebar{
  border-right-color:rgba(255,255,255,.08) !important;
  background:
    linear-gradient(180deg, rgba(12,15,21,.98), rgba(10,12,18,.98)) !important;
}
.app-sidebar-section{
  gap:4px !important;
}
.app-sidebar-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:2px;
}
.app-sidebar-label{
  margin:0 8px 0 !important;
}
.app-sidebar-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:20px;
  padding:0 7px;
  border-radius:999px;
  background:var(--faint);
  color:var(--muted);
  font-size:.66rem;
  line-height:1;
  font-weight:900;
}
body.dark .app-sidebar-count{
  background:rgba(255,255,255,.05);
}
.app-sidebar-group-meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.app-sidebar-group-toggle{
  min-height:36px !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  padding:0 10px !important;
  font-size:.74rem !important;
  letter-spacing:.02em !important;
}
.app-sidebar-group-toggle:hover{
  border-color:rgba(var(--accent-rgb),.12) !important;
}
.app-sidebar-item{
  min-height:40px !important;
  border:1px solid transparent !important;
  border-radius:14px !important;
  padding:0 12px !important;
  font-size:.8rem !important;
}
.app-sidebar-item:hover{
  border-color:rgba(var(--accent-rgb),.12) !important;
}
.app-sidebar-item.active{
  border-color:rgba(var(--accent-rgb),.18) !important;
}
.app-sidebar-subitem{
  padding-left:28px !important;
}
.app-sidebar-subtools{
  gap:6px !important;
  padding-top:2px !important;
}
.app-sidebar-upload{
  margin-top:auto !important;
  min-height:112px !important;
  padding:18px 12px !important;
  border-radius:18px !important;
}
.app-sidebar-upload-icon{
  width:40px !important;
  height:40px !important;
}
.app-sidebar-account{
  margin-top:4px !important;
}
.app-sidebar.collapsed{
  gap:10px !important;
  padding-top:calc(var(--header-h) + 14px) !important;
}
.app-sidebar.collapsed .app-sidebar-section-head{
  display:none !important;
}
.app-sidebar.collapsed .app-sidebar-item{
  min-height:40px !important;
  border-radius:14px !important;
}
@media(max-width:760px){
  .app-sidebar{
    padding-top:calc(var(--header-h) + 18px) !important;
  }
}
@media(max-width:560px){
  .app-sidebar{
    padding-top:calc(var(--header-h) + 16px) !important;
  }
}
/* Final sidebar match: flat premium rail like the reference. */
.app-sidebar{
  top:calc(var(--header-h) + 1px) !important;
  left:0 !important;
  bottom:0 !important;
  padding:28px 22px 22px !important;
  gap:18px !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:1px solid rgba(148,163,184,.24) !important;
  border-radius:0 !important;
  background:#fcfdff !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
}
.app-sidebar:not(.collapsed){
  width:var(--app-sidebar-expanded-w) !important;
}
body.dark .app-sidebar{
  border-right-color:rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, #0b0f17 0%, #0a0d14 100%) !important;
}
.app-sidebar::after{
  content:none !important;
}
.app-sidebar-section{
  display:grid !important;
  gap:10px !important;
  width:100% !important;
}
.app-sidebar-home{
  margin-bottom:8px !important;
}
.app-sidebar-section-head,
.app-sidebar-count,
.app-sidebar-group-toggle,
.app-sidebar-group-meta,
.app-sidebar-chevron,
.app-sidebar-subtools{
  display:none !important;
}
.app-sidebar-label{
  margin:4px 10px 6px !important;
  color:#64748b !important;
  font-size:.88rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
body.dark .app-sidebar-label{
  color:#8f9db4 !important;
}
.app-sidebar-list{
  display:grid !important;
  gap:10px !important;
  padding:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
.app-sidebar-list .app-sidebar-item{
  gap:0 !important;
}
.app-sidebar-list::-webkit-scrollbar{
  display:none !important;
}
.app-sidebar-item{
  width:100% !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 18px !important;
  border:1px solid transparent !important;
  border-radius:18px !important;
  background:transparent !important;
  color:#41506a !important;
  font-size:1rem !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  text-align:left !important;
  box-shadow:none !important;
}
.app-sidebar-item:hover{
  background:rgba(249,115,22,.05) !important;
  border-color:rgba(249,115,22,.08) !important;
  color:#1f2a44 !important;
}
.app-sidebar-item.active{
  background:rgba(129,140,248,.24) !important;
  border-color:transparent !important;
  color:#3730a3 !important;
  font-weight:800 !important;
}
body.dark .app-sidebar-item{
  color:#c5d0e3 !important;
}
body.dark .app-sidebar-item:hover{
  background:rgba(129,140,248,.1) !important;
  border-color:rgba(129,140,248,.12) !important;
  color:#f8fbff !important;
}
body.dark .app-sidebar-item.active{
  background:rgba(129,140,248,.22) !important;
  color:#eef2ff !important;
}
.app-sidebar-icon,
.app-sidebar-icon svg{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
}
.app-sidebar-icon .asset-icon{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
}
.app-sidebar-icon .asset-icon img{
  width:22px !important;
  height:22px !important;
  object-fit:contain !important;
  transform:none !important;
  filter:grayscale(1) brightness(.42) contrast(1.04) !important;
  opacity:.92 !important;
}
body.dark .app-sidebar-icon .asset-icon img{
  filter:grayscale(1) brightness(1.75) contrast(.92) !important;
  opacity:.96 !important;
}
.app-sidebar-upload{
  margin-top:auto !important;
  min-height:168px !important;
  padding:26px 18px !important;
  border:2px dashed rgba(148,163,184,.34) !important;
  border-radius:28px !important;
  background:#ffffff !important;
  color:#64748b !important;
  box-shadow:none !important;
}
body.dark .app-sidebar-upload{
  border-color:rgba(148,163,184,.22) !important;
  background:rgba(255,255,255,.02) !important;
}
.app-sidebar-upload-icon{
  width:50px !important;
  height:50px !important;
  border-radius:999px !important;
  background:rgba(148,163,184,.12) !important;
  color:#64748b !important;
}
.app-sidebar-upload strong{
  color:#111827 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}
.app-sidebar-upload small{
  color:#f97316 !important;
  font-size:.95rem !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
body.dark .app-sidebar-upload strong{
  color:#f8fafc !important;
}
.app-sidebar-account{
  margin-top:4px !important;
}
.app-main-with-sidebar:not(.app-main-sidebar-collapsed){
  width:calc(100% - var(--app-sidebar-expanded-w)) !important;
  margin-left:var(--app-sidebar-expanded-w) !important;
  margin-right:0 !important;
  padding-left:28px !important;
  padding-right:28px !important;
}
.site-footer.app-footer-with-sidebar{
  width:calc(100% - var(--app-sidebar-expanded-w)) !important;
  margin-left:var(--app-sidebar-expanded-w) !important;
}
.app-sidebar.collapsed{
  width:var(--app-sidebar-collapsed-w) !important;
  padding:18px 10px 16px !important;
  gap:12px !important;
  border-radius:0 !important;
}
.app-sidebar.collapsed .app-sidebar-label,
.app-sidebar.collapsed .app-sidebar-item span:not(.app-sidebar-icon),
.app-sidebar.collapsed .app-sidebar-upload strong,
.app-sidebar.collapsed .app-sidebar-upload small{
  display:none !important;
}
.app-sidebar.collapsed .app-sidebar-section{
  gap:8px !important;
}
.app-sidebar.collapsed .app-sidebar-item{
  min-height:48px !important;
  justify-content:center !important;
  padding:0 !important;
  border-radius:16px !important;
}
.app-sidebar.collapsed .app-sidebar-upload{
  min-height:74px !important;
  padding:10px !important;
  border-radius:20px !important;
}
.app-sidebar.collapsed .app-sidebar-upload-icon{
  width:40px !important;
  height:40px !important;
}
.app-main-sidebar-collapsed{
  width:calc(100% - var(--app-sidebar-collapsed-w)) !important;
  margin-left:var(--app-sidebar-collapsed-w) !important;
  margin-right:0 !important;
}
.site-footer.app-footer-sidebar-collapsed{
  width:calc(100% - var(--app-sidebar-collapsed-w)) !important;
  margin-left:var(--app-sidebar-collapsed-w) !important;
}
@media(max-width:980px){
  :root{
    --app-sidebar-expanded-w:212px;
    --app-sidebar-collapsed-w:66px;
  }
}
@media(max-width:760px){
  :root{
    --app-sidebar-expanded-w:188px;
    --app-sidebar-collapsed-w:66px;
  }

  .app-sidebar{
    padding:18px 14px 16px !important;
    overflow-y:auto !important;
  }

  .app-main-with-sidebar:not(.app-main-sidebar-collapsed){
    padding-left:18px !important;
    padding-right:18px !important;
  }
}
/* Final header-to-sidebar alignment */
.header.header-sidebar-expanded{
  padding-left:0 !important;
}
.header.header-sidebar-expanded .header-left{
  min-width:210px !important;
  flex:0 0 210px !important;
  gap:12px !important;
  padding-left:18px !important;
}
.header.header-sidebar-expanded .sidebar-toggle-btn{
  margin-left:0 !important;
}
.header.header-sidebar-collapsed{
  padding-left:0 !important;
}
.header.header-sidebar-collapsed .header-left{
  min-width:172px !important;
  width:172px !important;
  flex:0 0 172px !important;
  gap:10px !important;
  padding-left:18px !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.header.header-sidebar-collapsed .logo{
  display:flex !important;
}
.header.header-sidebar-collapsed .sidebar-toggle-btn{
  margin-left:0 !important;
}
@media(max-width:560px){
  .header.header-sidebar-expanded .header-left{
    padding-left:18px !important;
    gap:12px !important;
  }

  .header.header-sidebar-collapsed .header-left{
    min-width:154px !important;
    width:154px !important;
    flex-basis:154px !important;
  }
}
/* Sidebar tools toggle + account sidebar settings */
.app-sidebar-tools-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 10px;
  background:transparent;
  border:0;
  cursor:pointer;
}
.app-sidebar-tools-chevron{
  width:16px;
  height:16px;
  color:#7b88a4;
  transition:transform .2s ease, color .2s ease;
}
.app-sidebar-tools-chevron.open{
  transform:rotate(90deg);
}
.app-sidebar-tools-toggle:hover .app-sidebar-tools-chevron{
  color:#ea580c;
}
body.dark .app-sidebar-tools-chevron{
  color:#9baccc;
}
body.dark .app-sidebar-tools-toggle:hover .app-sidebar-tools-chevron{
  color:#c7d2fe;
}
.account-v2-settings-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.15fr);
  gap:18px;
}
.account-v2-settings-card{
  display:grid;
  gap:16px;
  padding:20px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:24px;
  background:var(--card);
}
.account-v2-settings-copy{
  display:grid;
  gap:6px;
}
.account-v2-settings-copy strong{
  color:var(--text);
  font-size:1rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
}
.account-v2-settings-copy span,
.account-v2-settings-note{
  color:var(--muted);
  font-size:.9rem;
  line-height:1.55;
}
.account-v2-toggle-list{
  display:grid;
  gap:12px;
}
.account-v2-toggle-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border:1px solid rgba(148,163,184,.2);
  border-radius:20px;
  background:transparent;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.account-v2-toggle-row:hover{
  border-color:rgba(var(--accent-rgb),.22);
  background:rgba(var(--accent-rgb),.04);
  transform:translateY(-1px);
}
.account-v2-toggle-row.on{
  border-color:rgba(var(--accent-rgb),.26);
  background:rgba(var(--accent-rgb),.06);
}
.account-v2-toggle-copy{
  display:grid;
  gap:4px;
  text-align:left;
}
.account-v2-toggle-copy strong{
  color:var(--text);
  font-size:.95rem;
  line-height:1.2;
  font-weight:850;
}
.account-v2-toggle-copy small{
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
}
.account-v2-toggle-switch{
  position:relative;
  width:48px;
  height:28px;
  flex:0 0 48px;
  border-radius:999px;
  background:rgba(148,163,184,.32);
  transition:background .18s ease;
}
.account-v2-toggle-switch::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 10px rgba(15,23,42,.12);
  transition:transform .18s ease;
}
.account-v2-toggle-row.on .account-v2-toggle-switch{
  background:linear-gradient(135deg, rgba(249,115,22,.9), rgba(234,88,12,.92));
}
.account-v2-toggle-row.on .account-v2-toggle-switch::after{
  transform:translateX(20px);
}
.account-v2-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.account-v2-chip{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:18px;
  background:transparent;
  color:var(--muted);
  font-size:.92rem;
  line-height:1;
  font-weight:800;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
.account-v2-chip:hover{
  border-color:rgba(var(--accent-rgb),.22);
  background:rgba(var(--accent-rgb),.04);
  color:var(--text);
  transform:translateY(-1px);
}
.account-v2-chip.active{
  border-color:rgba(var(--accent-rgb),.22);
  background:rgba(var(--accent-rgb),.09);
  color:var(--accent);
}
.account-v2-chip-icon,
.account-v2-chip-icon svg{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
}
.account-v2-chip-icon .asset-icon{
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
}
.account-v2-chip-icon .asset-icon img{
  width:18px;
  height:18px;
  object-fit:contain;
}
body.dark .account-v2-settings-card{
  border-color:rgba(148,163,184,.12);
  background:rgba(255,255,255,.02);
}
body.dark .account-v2-toggle-row{
  border-color:rgba(148,163,184,.12);
  background:rgba(255,255,255,.015);
}
body.dark .account-v2-toggle-row:hover,
body.dark .account-v2-toggle-row.on{
  border-color:rgba(129,140,248,.24);
  background:rgba(129,140,248,.08);
}
body.dark .account-v2-toggle-switch{
  background:rgba(148,163,184,.24);
}
body.dark .account-v2-toggle-switch::after{
  background:#f8fafc;
}
body.dark .account-v2-chip{
  border-color:rgba(148,163,184,.12);
  background:rgba(255,255,255,.015);
}
body.dark .account-v2-chip:hover,
body.dark .account-v2-chip.active{
  border-color:rgba(129,140,248,.24);
  background:rgba(129,140,248,.08);
}
@media(max-width:980px){
  .account-v2-settings-grid{
    grid-template-columns:1fr;
  }
}
/* Invoice generator v3 */
.invoice-v3-shell{
  --invoice-accent:#ea580c;
  --invoice-accent-soft:#f2efff;
  --invoice-accent-tint:#efeaff;
  --invoice-icon-soft:#ede9fe;
  --invoice-icon-ink:#ea580c;
  --invoice-line:#d8cffd;
}
.invoice-v3-title{
  font-size:clamp(2rem, 3.6vw, 2.9rem);
  line-height:1.02;
  letter-spacing:-.05em;
  font-weight:950;
  margin:0 0 18px;
}
.invoice-v3-utility-bar{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:64px;
  padding:0 18px;
  border:1px solid var(--border);
  border-radius:26px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
  margin-bottom:22px;
  flex-wrap:wrap;
}
.invoice-v3-check{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:.9rem;
  font-weight:700;
  cursor:pointer;
}
.invoice-v3-check input{
  width:16px;
  height:16px;
  accent-color:var(--invoice-accent);
}
.invoice-v3-profile-btn{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:0 15px;
  border:1px solid color-mix(in srgb, var(--invoice-accent) 12%, transparent);
  border-radius:14px;
  background:var(--invoice-accent-soft);
  color:var(--invoice-accent);
  font-size:.88rem;
  font-weight:800;
  cursor:pointer;
  transition:background .18s ease, transform .18s ease;
}
.invoice-v3-profile-btn:hover{
  background:color-mix(in srgb, var(--invoice-accent-soft) 75%, white);
  transform:translateY(-1px);
}
.invoice-v3-grid{
  display:grid;
  grid-template-columns:minmax(0, 540px) minmax(0, 1fr);
  gap:22px;
  align-items:start;
}
.invoice-v3-editor{
  display:grid;
  gap:18px;
}
.invoice-v3-step-strip{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:28px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.invoice-v3-step{
  min-height:96px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 8px;
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.2;
  font-weight:850;
  cursor:pointer;
  transition:background .18s ease, color .18s ease;
}
.invoice-v3-step:hover{
  background:var(--faint);
  color:var(--text);
}
.invoice-v3-step.active{
  background:var(--invoice-accent-soft);
  color:var(--invoice-accent);
}
.invoice-v3-step svg{
  width:22px;
  height:22px;
}
.invoice-v3-card{
  border:1px solid var(--border);
  border-radius:28px;
  background:var(--surface);
  padding:26px;
  box-shadow:var(--shadow-sm);
}
.invoice-v3-card-head,
.invoice-v3-subhead{
  display:flex;
  align-items:center;
  gap:12px;
}
.invoice-v3-card-head{
  margin-bottom:24px;
}
.invoice-v3-card-head h2,
.invoice-v3-subhead h3{
  margin:0;
  color:var(--text);
  font-size:1.08rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
}
.invoice-v3-card-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:var(--invoice-icon-soft);
  color:var(--invoice-icon-ink);
}
.invoice-v3-field-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}
.invoice-v3-field{
  display:grid;
  gap:8px;
}
.invoice-v3-field span:first-child{
  color:var(--muted);
  font-size:.8rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.01em;
}
.invoice-v3-input-wrap{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.invoice-v3-input-wrap.select{
  padding-right:12px;
}
.invoice-v3-input,
.invoice-v3-select,
.invoice-v3-textarea{
  width:100%;
  border:0;
  background:transparent;
  color:var(--text);
  font:inherit;
  font-size:.92rem;
  font-weight:700;
  outline:none;
}
.invoice-v3-input::placeholder,
.invoice-v3-textarea::placeholder{
  color:color-mix(in srgb, var(--muted) 82%, transparent);
}
.invoice-v3-select{
  appearance:none;
  cursor:pointer;
}
.invoice-v3-input-icon{
  color:var(--muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.invoice-v3-textarea{
  min-height:132px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:var(--shadow-sm);
  resize:vertical;
}
.invoice-v3-divider{
  height:1px;
  margin:24px 0;
  background:var(--border);
}
.invoice-v3-subhead{
  margin-bottom:14px;
  color:var(--invoice-accent);
}
.invoice-v3-subhead svg{
  color:var(--invoice-accent);
}
.invoice-v3-term-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
.invoice-v3-term{
  min-height:48px;
  padding:0 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  color:var(--muted);
  font-size:.88rem;
  font-weight:800;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, color .18s ease;
}
.invoice-v3-term:hover{
  border-color:color-mix(in srgb, var(--invoice-accent) 25%, var(--border));
  background:var(--invoice-accent-soft);
  color:var(--invoice-accent);
}
.invoice-v3-term.active{
  border-color:color-mix(in srgb, var(--invoice-accent) 28%, transparent);
  background:var(--invoice-accent-soft);
  color:var(--invoice-accent);
}
.invoice-v3-term-custom{
  margin-top:12px;
  min-width:120px;
}
.invoice-v3-stack{
  display:grid;
  gap:14px;
}
.invoice-v3-item-list{
  display:grid;
  gap:14px;
}
.invoice-v3-item-card{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--faint);
}
.invoice-v3-item-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.invoice-v3-item-head strong{
  color:var(--text);
  font-size:.92rem;
  line-height:1.2;
  font-weight:900;
}
.invoice-v3-item-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.invoice-v3-item-actions button{
  min-height:30px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface);
  color:var(--muted);
  font-size:.76rem;
  font-weight:800;
  cursor:pointer;
}
.invoice-v3-item-actions button:hover:not(:disabled){
  border-color:color-mix(in srgb, var(--invoice-accent) 24%, transparent);
  color:var(--invoice-accent);
}
.invoice-v3-item-actions button:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.invoice-v3-add-item{
  width:100%;
  min-height:48px;
  margin-top:14px;
  border:1px solid var(--border);
  border-radius:16px;
  background:transparent;
  color:var(--text);
  font-size:.9rem;
  font-weight:900;
  cursor:pointer;
}
.invoice-v3-add-item:hover{
  background:var(--faint);
}
.invoice-v3-preview-zone{
  align-self:start;
}
.invoice-v3-preview-card{
  display:grid;
  gap:22px;
}
.invoice-v3-preview-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.invoice-v3-preview-toolbar .invoice-v3-card-head{
  margin-bottom:0;
}
.invoice-v3-toolbar-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.invoice-v3-toolbar-btn{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  color:var(--muted);
  font-size:.88rem;
  font-weight:850;
  cursor:pointer;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
.invoice-v3-toolbar-btn:hover{
  background:var(--faint);
  color:var(--text);
  transform:translateY(-1px);
}
.invoice-v3-toolbar-btn.primary{
  border-color:transparent;
  background:var(--invoice-accent);
  color:#fff;
}
.invoice-v3-theme-wrap{
  position:relative;
}
.invoice-v3-theme-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:170px;
  display:grid;
  gap:6px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--surface);
  box-shadow:0 20px 45px rgba(15,23,42,.12);
  z-index:40;
}
.invoice-v3-theme-option{
  min-height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--muted);
  font-size:.84rem;
  font-weight:800;
  cursor:pointer;
}
.invoice-v3-theme-option:hover,
.invoice-v3-theme-option.active{
  background:var(--faint);
  color:var(--text);
}
.invoice-v3-theme-swatch{
  width:12px;
  height:12px;
  border-radius:999px;
  flex:0 0 12px;
}
.invoice-v3-paper{
  border:1px solid var(--border);
  border-radius:30px;
  background:#fff;
  padding:48px;
  color:#0f172a;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}
.invoice-v3-paper-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.invoice-v3-paper-header h3{
  margin:0;
  color:var(--invoice-accent);
  font-size:3.25rem;
  line-height:1;
  font-weight:950;
  letter-spacing:-.06em;
  font-family:Georgia, "Times New Roman", serif;
}
.invoice-v3-paper-header p{
  margin:14px 0 0;
  color:#334155;
  font-size:.96rem;
  font-weight:850;
}
.invoice-v3-paper-company{
  display:flex;
  align-items:flex-start;
  gap:16px;
  text-align:right;
}
.invoice-v3-paper-company h4,
.invoice-v3-paper-meta strong,
.invoice-v3-paper-footer strong{
  margin:0;
  color:#0f172a;
  font-weight:900;
}
.invoice-v3-paper-company p,
.invoice-v3-paper-company span,
.invoice-v3-paper-meta p,
.invoice-v3-note-box p,
.invoice-v3-paper-footer p{
  margin:8px 0 0;
  color:#64748b;
  font-size:.92rem;
  line-height:1.72;
  white-space:pre-line;
}
.invoice-v3-paper-company-mark{
  width:64px;
  height:64px;
  flex:0 0 64px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:var(--invoice-icon-soft);
  color:var(--invoice-accent);
}
.invoice-v3-paper-meta{
  margin-top:56px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}
.invoice-v3-paper-meta label{
  display:block;
  margin-bottom:10px;
  color:#64748b;
  font-size:.74rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.invoice-v3-paper-dates{
  text-align:right;
}
.invoice-v3-paper-dates label:not(:first-child){
  margin-top:18px;
}
.invoice-v3-paper-line{
  height:2px;
  margin:32px 0;
  background:var(--invoice-accent);
}
.invoice-v3-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.invoice-v3-table th{
  padding:16px;
  background:var(--invoice-accent-soft);
  color:var(--invoice-accent);
  font-size:.72rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:left;
}
.invoice-v3-table th:first-child{
  border-top-left-radius:14px;
  border-bottom-left-radius:14px;
}
.invoice-v3-table th:last-child{
  border-top-right-radius:14px;
  border-bottom-right-radius:14px;
  text-align:right;
}
.invoice-v3-table td{
  padding:22px 16px;
  border-bottom:1px solid #e2e8f0;
  color:#0f172a;
  font-size:.95rem;
  line-height:1.5;
  font-weight:700;
}
.invoice-v3-table td:last-child{
  text-align:right;
}
.invoice-v3-table td:nth-child(2),
.invoice-v3-table td:nth-child(3){
  white-space:nowrap;
}
.invoice-v3-total-box{
  max-width:380px;
  margin:28px 0 0 auto;
  display:grid;
  gap:12px;
}
.invoice-v3-total-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#0f172a;
  font-size:1rem;
  line-height:1.3;
  font-weight:800;
}
.invoice-v3-total-row span{
  color:#64748b;
}
.invoice-v3-total-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px;
  border-radius:18px;
  background:var(--invoice-accent-soft);
  color:#0f172a;
}
.invoice-v3-total-banner span,
.invoice-v3-total-banner strong{
  color:inherit;
  font-size:1.6rem;
  line-height:1.1;
  font-weight:950;
}
.invoice-v3-total-banner strong{
  color:var(--invoice-accent);
}
.invoice-v3-note-box{
  margin-top:34px;
  padding:18px 20px;
  border-radius:18px;
  background:var(--invoice-accent-tint);
}
.invoice-v3-note-box strong{
  color:#0f172a;
  font-size:.9rem;
  font-weight:900;
}
.invoice-v3-paper-footer{
  margin-top:56px;
  padding-top:28px;
  border-top:1px solid #e2e8f0;
  text-align:center;
}
.invoice-v3-footer-icon{
  width:40px;
  height:40px;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--invoice-icon-soft);
  color:var(--invoice-accent);
}
body.dark .invoice-v3-utility-bar,
body.dark .invoice-v3-card,
body.dark .invoice-v3-step-strip,
body.dark .invoice-v3-input-wrap,
body.dark .invoice-v3-textarea,
body.dark .invoice-v3-item-actions button,
body.dark .invoice-v3-theme-menu{
  background:var(--surface);
}
body.dark .invoice-v3-item-card{
  background:rgba(255,255,255,.02);
}
body.dark .invoice-v3-profile-btn{
  background:rgba(129,140,248,.12);
}
@media(max-width:1240px){
  .invoice-v3-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:860px){
  .invoice-v3-step-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .invoice-v3-field-grid,
  .invoice-v3-term-grid,
  .invoice-v3-paper-meta{
    grid-template-columns:1fr;
  }

  .invoice-v3-paper{
    padding:28px 22px;
  }

  .invoice-v3-paper-header{
    flex-direction:column;
  }

  .invoice-v3-paper-company{
    width:100%;
    justify-content:space-between;
    text-align:left;
  }

  .invoice-v3-paper-dates{
    text-align:left;
  }

  .invoice-v3-preview-toolbar{
    align-items:flex-start;
  }
}
@media(max-width:640px){
  .invoice-v3-utility-bar,
  .invoice-v3-toolbar-actions{
    align-items:stretch;
  }

  .invoice-v3-profile-btn,
  .invoice-v3-toolbar-btn,
  .invoice-v3-term-custom{
    width:100%;
    justify-content:center;
  }

  .invoice-v3-toolbar-actions{
    width:100%;
  }

  .invoice-v3-card{
    padding:20px;
    border-radius:22px;
  }

  .invoice-v3-title{
    font-size:1.75rem;
  }
}
/* Full mobile optimization pass */
@media (max-width: 980px){
  .main-content,
  .main-content.app-main-with-sidebar,
  .main-content.app-main-with-sidebar.app-main-sidebar-collapsed,
  .app-main-with-sidebar,
  .app-main-with-sidebar:not(.app-main-sidebar-collapsed),
  .app-main-with-sidebar.app-main-sidebar-collapsed{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .site-footer.app-footer-with-sidebar,
  .site-footer.app-footer-sidebar-collapsed{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }

  .landing-root .landing-saas-inner{
    grid-template-columns:1fr !important;
    gap:32px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .landing-root .landing-saas-hero,
  .landing-root .landing-tool-strip-wrap,
  .landing-root .landing-steps-section,
  .landing-root .landing-audience-row,
  .landing-root .landing-pricing-section,
  .landing-root .landing-privacy-line{
    margin-top:24px !important;
  }

  .landing-root .landing-dashboard-shell{
    max-width:100% !important;
  }

  .landing-root .landing-dashboard-lists{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-tool-strip,
  .landing-root .landing-steps-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .landing-root .landing-pricing-grid{
    grid-template-columns:1fr !important;
  }

  .dashv4-shell,
  .account-v2-layout,
  .invoice-v3-grid,
  .pdf-pro-layout,
  .qrv2-layout,
  .wfv2-main-grid,
  .wmv2-layout,
  .esignv2-grid,
  .rbv3-layout,
  .rb-builder-layout{
    grid-template-columns:1fr !important;
  }

  .dashv4-shell{
    min-height:0 !important;
  }

  .dashv4-sidebar{
    border-right:none !important;
    border-bottom:1px solid rgba(18,24,40,.08) !important;
  }

  .dashv4-topbar{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .dashv4-controls{
    width:100% !important;
    justify-content:flex-start !important;
  }

  .dashv4-search{
    width:100% !important;
  }

  .dashv4-files-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .dashv4-share-grid,
  .dashv4-share-metrics,
  .dashv4-form-grid,
  .account-v2-summary-grid,
  .account-v2-settings-grid{
    grid-template-columns:1fr !important;
  }

  .account-v2-sidecard,
  .pdf-pro-left-panel,
  .pdf-pro-right-panel,
  .rbv3-download-dock,
  .wfv2-footer{
    position:static !important;
    top:auto !important;
    bottom:auto !important;
  }

  .pdf-pro-right-panel{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px){
  :root{
    --header-h:64px;
  }

  html,
  body{
    overflow-x:hidden;
  }

  .header,
  .landing-saas-header{
    height:var(--header-h) !important;
    padding:0 max(14px, env(safe-area-inset-left)) !important;
    gap:10px !important;
    width:100% !important;
    border-radius:0 !important;
  }

  .header-left,
  .landing-saas-header .header-left{
    min-width:0 !important;
    flex:0 1 auto !important;
    gap:10px !important;
    padding-left:0 !important;
    margin-right:auto !important;
  }

  .header-center,
  .landing-saas-header .header-center{
    display:none !important;
  }

  .header-right,
  .landing-saas-header .header-right{
    min-width:0 !important;
    flex:1 1 auto !important;
    gap:8px !important;
    justify-content:flex-end !important;
  }

  .header .header-right .search-wrap,
  .landing-saas-header .header-right .landing-search-wrap,
  .landing-saas-header .header-right .search-wrap{
    flex:1 1 150px !important;
    width:min(44vw, 180px) !important;
    max-width:180px !important;
    min-width:0 !important;
  }

  .header .header-right .search-input,
  .landing-saas-header .header-right .search-input{
    height:40px !important;
    padding:0 12px !important;
    font-size:16px !important;
  }

  .header .btn-icon,
  .landing-saas-header .btn-icon,
  .header .notif-btn,
  .landing-saas-header .notif-btn,
  .header .user-menu-btn,
  .landing-saas-header .user-menu-btn{
    min-width:40px !important;
    height:40px !important;
    border-radius:14px !important;
    padding:0 12px !important;
  }

  .header .avatar-sm,
  .landing-saas-header .avatar-sm{
    width:28px !important;
    height:28px !important;
  }

  .header .user-menu-btn .user-name,
  .landing-saas-header .user-menu-btn .user-name{
    max-width:84px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .app-sidebar{
    display:none !important;
  }

  .main-content,
  .main-content.app-main-with-sidebar,
  .main-content.app-main-with-sidebar.app-main-sidebar-collapsed,
  .app-main-with-sidebar,
  .app-main-with-sidebar:not(.app-main-sidebar-collapsed),
  .app-main-with-sidebar.app-main-sidebar-collapsed{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:16px 14px calc(var(--mob-bottom-h) + 26px + var(--safe-bottom)) !important;
  }

  .site-footer.app-footer-with-sidebar,
  .site-footer.app-footer-sidebar-collapsed{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-bottom:calc(var(--mob-bottom-h) + 30px + var(--safe-bottom)) !important;
  }

  .mob-bottom-nav{
    display:block !important;
  }

  .tool-page{
    margin-top:0 !important;
    padding-top:10px !important;
  }

  .landing-root .landing-saas-hero{
    padding:20px 0 0 !important;
  }

  .landing-root .landing-saas-inner,
  .landing-root .landing-tool-strip-wrap,
  .landing-root .landing-steps-section,
  .landing-root .landing-audience-row,
  .landing-root .landing-pricing-section,
  .landing-root .landing-privacy-line{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .landing-root .landing-saas-copy h1{
    font-size:clamp(2.6rem, 14vw, 4rem) !important;
    line-height:.95 !important;
  }

  .landing-root .landing-saas-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .landing-root .landing-saas-primary,
  .landing-root .landing-saas-secondary{
    width:100% !important;
    justify-content:center !important;
  }

  .landing-root .landing-dashboard-shell{
    grid-template-columns:1fr !important;
    border-radius:24px !important;
  }

  .landing-root .landing-dashboard-top{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
  }

  .landing-root .landing-dashboard-search{
    width:100% !important;
    max-width:none !important;
  }

  .landing-root .landing-dashboard-sidebar,
  .landing-root .landing-dashboard-main{
    width:100% !important;
  }

  .landing-root .landing-stat-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .landing-root .landing-tool-strip,
  .landing-root .landing-steps-grid{
    grid-template-columns:1fr !important;
  }

  .landing-audience-chip{
    min-width:max-content !important;
    padding:10px 14px !important;
    font-size:.82rem !important;
  }

  .dashv4-sidebar{
    padding:22px 18px !important;
  }

  .dashv4-topbar,
  .dashv4-body{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .dashv4-controls{
    display:flex !important;
    flex-wrap:wrap !important;
  }

  .dashv4-files-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:14px !important;
  }

  .dashv4-file-card{
    padding:14px !important;
    border-radius:22px !important;
  }

  .dashv4-file-thumb{
    height:148px !important;
    border-radius:22px !important;
  }

  .dashv4-file-actions{
    flex-wrap:wrap !important;
  }

  .dashv4-share-btn{
    width:100% !important;
  }

  .dashv4-row{
    grid-template-columns:auto minmax(0, 1fr) !important;
    gap:12px !important;
  }

  .dashv4-row-thumb{
    width:60px !important;
    height:60px !important;
  }

  .dashv4-row-actions{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
  }

  .dashv4-history-item{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .dashv4-history-meta{
    align-items:flex-start !important;
  }

  .account-v2-shell{
    gap:18px !important;
  }

  .account-v2-sidecard,
  .account-v2-surface{
    padding:20px !important;
    border-radius:24px !important;
  }

  .invoice-v3-utility-bar,
  .invoice-v3-toolbar-actions,
  .invoice-v3-preview-toolbar,
  .pdf-pro-header,
  .pdf-pro-stage-toolbar,
  .rbv3-header,
  .qrv2-header,
  .wmv2-header,
  .wfv2-header,
  .esignv2-header,
  .esignv2-main-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .invoice-v3-profile-btn,
  .invoice-v3-toolbar-btn,
  .invoice-v3-term-custom,
  .pdf-pro-pill-btn,
  .pdf-pro-primary-btn,
  .rbv3-utility-btn,
  .rbv3-ghost-btn,
  .rbv3-utility-btn-ats,
  .qrv2-top-btn,
  .qrv2-top-btn-primary,
  .wmv2-primary-btn,
  .wmv2-muted-btn,
  .wmv2-export-btn,
  .esignv2-primary-btn,
  .esignv2-pill-btn,
  .wfv2-outline-btn,
  .wfv2-primary-btn,
  .wfv2-cancel-btn,
  .wfv2-save-btn{
    width:100% !important;
    justify-content:center !important;
  }

  .invoice-v3-card,
  .pdf-pro-header,
  .pdf-pro-left-panel,
  .pdf-pro-side-card,
  .pdf-pro-tools-card{
    padding:20px !important;
  }

  .pdf-pro-stage-toolbar{
    padding:14px !important;
  }

  .pdf-pro-canvas-shell{
    min-height:460px !important;
  }

  .pdf-pro-canvas-scroll{
    padding:14px !important;
  }

  .pdf-pro-page-strip{
    display:flex !important;
    gap:12px !important;
    overflow:auto !important;
    max-height:none !important;
    padding-right:0 !important;
  }

  .pdf-pro-page-card{
    min-width:152px !important;
    flex:0 0 152px !important;
  }

  .pdf-pro-tools-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .invoice-v3-step-strip,
  .qrv2-content-grid,
  .qrv2-actions-grid,
  .qrv2-two-col,
  .wmv2-type-grid,
  .wmv2-position-grid,
  .esignv2-grid-two,
  .esignv2-summary-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .wfv2-activity-grid,
  .wfv2-tool-grid{
    grid-template-columns:1fr !important;
  }

  .wfv2-footer-actions{
    flex-direction:column !important;
  }

  .rbv3-left-column,
  .rbv3-right-column,
  .rbv3-editor-shell,
  .rbv3-preview-shell{
    width:100% !important;
    min-width:0 !important;
  }

  .rbv3-template-grid{
    grid-template-columns:1fr !important;
  }

  .rbv3-preview-container,
  .rbv3-preview-shell{
    min-height:0 !important;
  }
}
@media (max-width: 560px){
  .header .header-right .search-wrap,
  .landing-saas-header .header-right .landing-search-wrap,
  .landing-saas-header .header-right .search-wrap{
    display:none !important;
  }

  .main-content,
  .main-content.app-main-with-sidebar,
  .main-content.app-main-with-sidebar.app-main-sidebar-collapsed,
  .app-main-with-sidebar,
  .app-main-with-sidebar:not(.app-main-sidebar-collapsed),
  .app-main-with-sidebar.app-main-sidebar-collapsed{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .landing-root .landing-saas-inner,
  .landing-root .landing-tool-strip-wrap,
  .landing-root .landing-steps-section,
  .landing-root .landing-audience-row,
  .landing-root .landing-pricing-section,
  .landing-root .landing-privacy-line{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .landing-root .landing-stat-grid,
  .dashv4-files-grid,
  .account-v2-summary-grid,
  .pdf-pro-tools-grid,
  .invoice-v3-step-strip,
  .qrv2-content-grid,
  .qrv2-actions-grid,
  .qrv2-two-col,
  .wmv2-type-grid,
  .wmv2-position-grid,
  .esignv2-grid-two,
  .esignv2-summary-grid{
    grid-template-columns:1fr !important;
  }

  .dashv4-file-card{
    border-radius:20px !important;
  }

  .dashv4-file-thumb{
    height:136px !important;
    border-radius:20px !important;
  }

  .dashv4-share-metric,
  .dashv4-panel,
  .account-v2-sidecard,
  .account-v2-surface,
  .invoice-v3-card,
  .pdf-pro-left-panel,
  .pdf-pro-side-card,
  .pdf-pro-tools-card{
    padding:18px !important;
    border-radius:22px !important;
  }

  .pdf-pro-page-card{
    min-width:132px !important;
    flex-basis:132px !important;
  }

  .rbv3-title,
  .invoice-v3-title,
  .pdf-pro-title,
  .qrv2-title,
  .wfv2-title,
  .wmv2-title,
  .esignv2-title{
    font-size:clamp(1.8rem, 9vw, 2.3rem) !important;
  }
}
/* Landing hero final tightening. Keep last so light/dark share identical geometry. */
.landing-root .landing-saas-hero{
  padding:56px 54px 20px !important;
}
.landing-root .landing-saas-inner{
  width:min(1380px,100%) !important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.04fr) !important;
  gap:42px !important;
  align-items:start !important;
}
.landing-root .landing-saas-copy{
  max-width:560px !important;
  padding-top:10px !important;
}
.landing-root .landing-saas-copy h1{
  width:560px !important;
  min-height:0 !important;
  margin:0 0 20px !important;
  font-size:clamp(46px,4.5vw,68px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
}
.landing-root .landing-saas-copy p{
  width:500px !important;
  min-height:0 !important;
  margin:0 0 30px !important;
  font-size:18px !important;
  line-height:1.5 !important;
}
.landing-root .landing-saas-actions{
  height:auto !important;
  gap:14px !important;
  margin:0 0 26px !important;
  align-items:center !important;
}
.landing-root .landing-saas-primary,
.landing-root .landing-saas-secondary{
  width:164px !important;
  min-width:164px !important;
  height:54px !important;
  min-height:54px !important;
  font-size:16px !important;
}
.landing-root .landing-trust-row{
  min-height:0 !important;
  gap:18px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
.landing-root .landing-dashboard-shell{
  max-width:760px !important;
  min-height:548px !important;
  margin-left:auto !important;
}
.landing-root .landing-dashboard-sidebar{
  padding:24px 18px !important;
}
.landing-root .landing-dashboard-main{
  padding:24px 24px 22px !important;
}
.landing-root .landing-dashboard-top{
  margin-bottom:22px !important;
  align-items:flex-start !important;
}
.landing-root .landing-dashboard-search{
  width:212px !important;
}
.landing-root .landing-stat-grid{
  gap:14px !important;
  margin-bottom:20px !important;
}
.landing-root .landing-stat-card{
  min-height:124px !important;
  padding:18px 16px !important;
}
.landing-root .landing-dashboard-lists{
  gap:16px !important;
}
.landing-root .landing-dashboard-list{
  padding:16px !important;
}
.landing-root .landing-dashboard-row,
.landing-root .landing-file-row{
  min-height:58px !important;
  padding:10px 12px !important;
}
@media (max-width: 1100px){
  .landing-root .landing-saas-hero{
    padding:48px 32px 20px !important;
  }

  .landing-root .landing-saas-inner{
    width:min(1200px,100%) !important;
    gap:32px !important;
  }

  .landing-root .landing-saas-copy{
    max-width:520px !important;
  }

  .landing-root .landing-saas-copy h1{
    width:100% !important;
    font-size:clamp(42px,5vw,60px) !important;
  }

  .landing-root .landing-dashboard-shell{
    max-width:720px !important;
  }
}
@media (max-width: 700px){
  .landing-root .landing-saas-hero{
    padding:42px 22px 24px !important;
  }

  .landing-root .landing-saas-copy{
    max-width:none !important;
    padding-top:0 !important;
  }

  .landing-root .landing-saas-copy h1{
    margin-bottom:16px !important;
    font-size:48px !important;
    line-height:1.02 !important;
  }

  .landing-root .landing-saas-copy p{
    margin-bottom:24px !important;
    font-size:17px !important;
  }

  .landing-root .landing-saas-actions{
    margin-bottom:22px !important;
  }

  .landing-root .landing-dashboard-shell{
    max-width:none !important;
    min-height:auto !important;
  }
}
@media (max-width: 560px){
  .landing-root .landing-saas-copy h1{
    font-size:42px !important;
  }
}
.logo,
.landing-dash-logo,
.site-footer-brand-name{
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.brand-lockup{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.brand-mark{
  width:34px;
  height:34px;
  display:block;
  flex:0 0 auto;
  border-radius:0;
  object-fit:contain;
  box-shadow:none;
  background:transparent !important;
}
.landing-saas-header .brand-mark{
  width:32px;
  height:32px;
  border-radius:0;
  box-shadow:none;
}
.landing-dash-logo .brand-mark{
  width:30px;
  height:30px;
  border-radius:0;
  box-shadow:none;
}
.site-footer-brand-name .brand-mark{
  width:40px;
  height:40px;
  border-radius:0;
}
.brand-wordmark{
  display:inline-flex;
  align-items:baseline;
  gap:0;
  line-height:1;
  white-space:nowrap;
}
.logo span.brand-wordmark-base,
.site-footer-brand-name span.brand-wordmark-base{
  color:var(--text) !important;
}
.logo span.brand-wordmark-accent,
.site-footer-brand-name span.brand-wordmark-accent{
  color:var(--accent) !important;
}
.landing-saas-header .logo span.brand-wordmark-base,
.landing-dash-logo span.brand-wordmark-base{
  color:#f8fafc !important;
}
.landing-saas-header .logo span.brand-wordmark-accent,
.landing-dash-logo span.brand-wordmark-accent{
  color:#fb923c !important;
}
@media (max-width: 700px){
  .logo,
  .landing-dash-logo,
  .site-footer-brand-name,
  .brand-lockup{
    gap:10px;
  }

  .brand-mark{
    width:30px;
    height:30px;
    border-radius:0;
  }

  .site-footer-brand-name .brand-mark{
    width:34px;
    height:34px;
  }
}
/* Final firetools brand cleanup. Keep this last so earlier duplicate theme layers cannot drift back to blue/purple. */
:root{
  --accent:#ea580c;
  --accent2:#f97316;
  --accent-dark:#c2410c;
  --accent-light:#f3f4f6;
}
body.dark{
  --bg:#0b0e13;
  --surface:#12171f;
  --surface2:#1a212b;
  --border:#293342;
  --border2:#344152;
  --text:#edf2f7;
  --muted:#98a4b6;
  --faint:#141a22;
  --accent:#fb923c;
  --accent2:#f97316;
  --accent-dark:#ea580c;
  --accent-light:rgba(249,115,22,.14);
  --accent-rgb:249,115,22;
}
.header .brand-lockup,
.landing-saas-header .brand-lockup,
.landing-dash-logo .brand-lockup{
  gap:8px !important;
}
.site-footer-brand-name .brand-lockup{
  gap:10px !important;
}
.header .brand-mark,
.landing-saas-header .brand-mark{
  width:28px;
  height:28px;
  border-radius:0;
}
.landing-dash-logo .brand-mark{
  width:26px;
  height:26px;
  border-radius:0;
}
.brand-wordmark{
  letter-spacing:-.06em;
}
.header .theme-toggle,
.landing-saas-header .theme-toggle{
  border:1px solid rgba(var(--accent-rgb),.18) !important;
  background:linear-gradient(180deg, rgba(var(--accent-rgb),.12), rgba(var(--accent-rgb),.06)) !important;
  color:var(--accent) !important;
}
.header .theme-toggle:hover,
.landing-saas-header .theme-toggle:hover{
  background:linear-gradient(180deg, rgba(var(--accent-rgb),.18), rgba(var(--accent-rgb),.1)) !important;
  color:var(--accent-dark) !important;
}
body.dark .header .theme-toggle,
body.dark .landing-saas-header .theme-toggle{
  border-color:rgba(251,146,60,.26) !important;
  background:linear-gradient(180deg, rgba(249,115,22,.18), rgba(249,115,22,.1)) !important;
  color:#fdba74 !important;
}
body.dark .header .theme-toggle:hover,
body.dark .landing-saas-header .theme-toggle:hover{
  background:linear-gradient(180deg, rgba(249,115,22,.24), rgba(249,115,22,.14)) !important;
  color:#fed7aa !important;
}
.landing-saas-header{
  border-color:rgba(var(--accent-rgb),.14) !important;
}
.landing-saas-header .btn-primary,
.landing-saas-primary{
  background:linear-gradient(135deg,#f97316,#ea580c 58%,#ef4444) !important;
  border-color:rgba(249,115,22,.32) !important;
  color:#fff !important;
}
.landing-saas-header .btn-primary:hover,
.landing-saas-primary:hover{
  background:linear-gradient(135deg,#ea580c,#c2410c 60%,#dc2626) !important;
  border-color:rgba(234,88,12,.46) !important;
}
.landing-saas-hero .landing-saas-copy h1 span{
  color:#ea580c !important;
  text-shadow:none !important;
}
body.dark .landing-saas-hero .landing-saas-copy h1 span{
  color:#fb923c !important;
  text-shadow:none !important;
}
.landing-dashboard-shell{
  border-color:rgba(var(--accent-rgb),.22) !important;
  background:
    radial-gradient(540px 260px at 102% 6%, rgba(249,115,22,.12), transparent 62%),
    radial-gradient(440px 240px at 0% 0%, rgba(239,68,68,.08), transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,252,.96)) !important;
  box-shadow:
    0 24px 70px rgba(15,23,42,.1),
    0 0 0 1px rgba(255,255,255,.06) !important;
}
body.dark .landing-dashboard-shell{
  border-color:rgba(251,146,60,.24) !important;
  background:
    radial-gradient(640px 280px at 102% 8%, rgba(249,115,22,.16), transparent 64%),
    radial-gradient(460px 240px at 0% 0%, rgba(239,68,68,.1), transparent 62%),
    linear-gradient(180deg,rgba(17,20,27,.94),rgba(10,12,17,.98)) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.04) !important;
}
.landing-dash-nav-item.active{
  background:rgba(var(--accent-rgb),.12) !important;
  color:var(--accent-dark) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.14) !important;
}
body.dark .landing-dash-nav-item.active{
  background:rgba(249,115,22,.16) !important;
  color:#fdba74 !important;
  box-shadow:inset 0 0 0 1px rgba(249,115,22,.2) !important;
}
body.dark .app-sidebar-item.active{
  background:linear-gradient(135deg,rgba(249,115,22,.18),rgba(239,68,68,.08)) !important;
  color:#fdba74 !important;
  box-shadow:inset 0 0 0 1px rgba(249,115,22,.18) !important;
}
body.dark .app-sidebar-upload:hover{
  border-color:rgba(251,146,60,.34) !important;
  background:rgba(249,115,22,.08) !important;
}
body.dark .plan-card.featured,
body.dark .landing-step-mark,
body.dark .usage-fill,
body.dark .dash-storage-usage-fill,
body.dark .dash-stat-fill{
  background-image:linear-gradient(135deg,#f97316,#ea580c 58%,#ef4444) !important;
}
.site-footer{
  background:var(--surface) !important;
  border-top:1px solid var(--border) !important;
  box-shadow:none !important;
}
.site-footer.landing-footer{
  background:rgba(255,255,255,.96) !important;
}
body.dark .site-footer{
  background:var(--surface) !important;
  border-top-color:rgba(255,255,255,.08) !important;
}
body.dark .site-footer.landing-footer{
  background:rgba(5,6,9,.88) !important;
}
.site-footer-inner{
  grid-template-columns:minmax(300px,1.55fr) minmax(160px,.8fr) minmax(220px,1fr) !important;
  gap:40px !important;
}
.site-footer-brand p{
  max-width:360px;
  margin-bottom:0;
}
.site-footer-bottom{
  margin-top:28px !important;
}
/* Final calming pass: friendlier, softer, less colorful. Keep this last. */
:root{
  --bg:#fefdfc;
  --surface:#fff;
  --surface2:#f8fafc;
  --border:#e5e7eb;
  --border2:#d1d5db;
  --text:#1f2933;
  --muted:#6b7280;
  --faint:#f8fafc;
  --accent:#ea580c;
  --accent2:#ea580c;
  --accent-dark:#c2410c;
  --accent-light:#f3f4f6;
  --accent-rgb:234,88,12;
  --shadow-sm:0 1px 2px rgba(15,23,42,.03),0 1px 3px rgba(15,23,42,.04);
  --shadow:0 8px 20px rgba(15,23,42,.05);
  --shadow-lg:0 14px 32px rgba(15,23,42,.07);
  --shadow-xl:0 24px 48px rgba(15,23,42,.09);
}
body.dark{
  --bg:#12151a;
  --surface:#181d24;
  --surface2:#212833;
  --border:#2b3340;
  --border2:#394556;
  --text:#edf1f5;
  --muted:#9aa4b2;
  --faint:#1a2029;
  --accent:#fb923c;
  --accent2:#fb923c;
  --accent-dark:#f97316;
  --accent-light:rgba(148,163,184,.10);
  --accent-rgb:251,146,60;
}
body{
  background-color:#fefdfc;
  background-image:none;
}
body.dark{
  background-image:none;
}
.header,
.landing-saas-header,
.site-footer,
.card,
.tool-upload-card,
.tool-note-card,
.dash-left-rail,
.dash-workspace-surface,
.dash-storage-window,
.dash-storage-card,
.dash-storage-usage,
.dash-storage-bottom-pane,
.dash-history-item,
.plan-card,
.stat-box,
.dash-stat,
.dash-section,
.upload-zone,
.preview-wrap,
.sign-pad-wrap,
.tool-stage,
.privacy-strip{
  box-shadow:var(--shadow-sm) !important;
}
.header,
.landing-saas-header,
.site-footer{
  background:var(--surface) !important;
  border-color:var(--border) !important;
}
body.dark .header,
body.dark .landing-saas-header,
body.dark .site-footer{
  background:var(--surface) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.btn-primary,
.landing-saas-header .btn-primary,
.landing-saas-primary,
.plan-cta-btn.featured-btn,
.plan-card.featured .plan-cta-btn{
  background:var(--accent) !important;
  border-color:var(--accent) !important;
  color:#fff !important;
}
.btn-primary:hover,
.landing-saas-header .btn-primary:hover,
.landing-saas-primary:hover,
.plan-cta-btn.featured-btn:hover,
.plan-card.featured .plan-cta-btn:hover{
  background:var(--accent-dark) !important;
  border-color:var(--accent-dark) !important;
  box-shadow:var(--shadow) !important;
}
.header .theme-toggle,
.landing-saas-header .theme-toggle{
  border-color:var(--border) !important;
  background:var(--surface2) !important;
  color:var(--text) !important;
}
.header .theme-toggle:hover,
.landing-saas-header .theme-toggle:hover{
  background:var(--faint) !important;
  color:var(--accent-dark) !important;
}
body.dark .header .theme-toggle,
body.dark .landing-saas-header .theme-toggle{
  border-color:rgba(255,255,255,.08) !important;
  background:var(--surface2) !important;
  color:#f3f4f6 !important;
}
body.dark .header .theme-toggle:hover,
body.dark .landing-saas-header .theme-toggle:hover{
  background:#252d39 !important;
  color:#fff !important;
}
.app-sidebar-item.active,
.landing-dash-nav-item.active,
.account-nav-item.active,
.dash-rail-link.active{
  background:var(--accent-light) !important;
  color:var(--accent-dark) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.12) !important;
}
body.dark .app-sidebar-item.active,
body.dark .landing-dash-nav-item.active,
body.dark .dash-rail-link.active{
  background:rgba(var(--accent-rgb),.12) !important;
  color:#f5c7ad !important;
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18) !important;
}
.landing-root .landing-saas-hero,
.landing-saas-hero{
  background:
    radial-gradient(760px 340px at 82% 14%, rgba(var(--accent-rgb),.10), transparent 68%),
    radial-gradient(620px 320px at 8% 26%, rgba(120,130,140,.06), transparent 70%),
    linear-gradient(180deg,#fbfaf8 0%,#f4efe8 100%) !important;
  color:var(--text) !important;
}
body.dark .landing-root .landing-saas-hero,
body.dark .landing-saas-hero{
  background:
    radial-gradient(760px 340px at 82% 14%, rgba(var(--accent-rgb),.12), transparent 68%),
    radial-gradient(620px 320px at 8% 26%, rgba(148,163,184,.04), transparent 70%),
    linear-gradient(180deg,#14181f 0%,#10141a 100%) !important;
  color:var(--text) !important;
}
.landing-saas-hero::before{
  opacity:.16 !important;
}
.landing-saas-hero .landing-saas-copy h1 span,
body.dark .landing-saas-hero .landing-saas-copy h1 span{
  color:var(--accent) !important;
  background:none !important;
  -webkit-text-fill-color:currentColor !important;
}
.landing-saas-copy p,
.landing-trust-row,
.landing-nav-link{
  color:var(--muted) !important;
}
.landing-nav-link:hover{
  color:var(--text) !important;
}
.landing-dashboard-shell{
  border-color:rgba(var(--accent-rgb),.12) !important;
  background:
    linear-gradient(180deg,rgba(255,253,249,.96),rgba(248,244,237,.98)) !important;
  box-shadow:var(--shadow-lg) !important;
}
body.dark .landing-dashboard-shell{
  border-color:rgba(255,255,255,.08) !important;
  background:
    linear-gradient(180deg,rgba(24,29,36,.98),rgba(17,21,27,.98)) !important;
  box-shadow:0 22px 48px rgba(0,0,0,.28) !important;
}
.landing-dashboard-shell::before,
.landing-dashboard-shell::after{
  opacity:.18 !important;
}
.landing-stat-card,
.landing-dashboard-list,
.landing-dashboard-row,
.landing-file-row,
.landing-tool-card,
.landing-step-card,
.plan-card,
.tool-preview-card,
.dash-storage-card,
.dash-source-card,
.dash-history-item{
  background:var(--surface) !important;
  border-color:var(--border) !important;
  box-shadow:var(--shadow-sm) !important;
}
body.dark .landing-stat-card,
body.dark .landing-dashboard-list,
body.dark .landing-dashboard-row,
body.dark .landing-file-row,
body.dark .landing-tool-card,
body.dark .landing-step-card,
body.dark .plan-card,
body.dark .tool-preview-card,
body.dark .dash-storage-card,
body.dark .dash-source-card,
body.dark .dash-history-item{
  background:var(--surface) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.landing-step-mark,
.usage-fill,
.dash-storage-usage-fill,
.dash-stat-fill,
.es-progress-fill,
.ad-progress-fill{
  background:var(--accent) !important;
  background-image:none !important;
}
.privacy-strip{
  background:var(--surface2) !important;
  border-color:rgba(var(--accent-rgb),.10) !important;
}
body.dark .privacy-strip{
  background:var(--surface2) !important;
}
.es-hero,
.es-pro-gate,
.qrv2-preview-box,
.inv-total-banner{
  background:var(--surface2) !important;
  border-color:var(--border) !important;
  box-shadow:var(--shadow-sm) !important;
}
body.dark .es-hero,
body.dark .es-pro-gate,
body.dark .qrv2-preview-box,
body.dark .inv-total-banner{
  background:var(--surface2) !important;
}
/* Landing main tools refresh */
.landing-root .landing-tool-strip-wrap{
  width:min(1500px, calc(100% - 72px)) !important;
  margin:104px auto 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.landing-root .landing-tool-strip-head{
  max-width:860px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}
.landing-root .landing-tool-strip-kicker{
  margin:0 0 18px !important;
  color:var(--accent) !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}
.landing-root .landing-tool-strip-head h2{
  margin:0 !important;
  color:#111827 !important;
  font-size:clamp(38px, 4.2vw, 60px) !important;
  line-height:1.06 !important;
  letter-spacing:-.045em !important;
  font-weight:850 !important;
}
.landing-root .landing-tool-strip-head h2 span{
  color:var(--accent) !important;
}
.landing-root .landing-tool-strip-head p{
  max-width:820px !important;
  margin:18px auto 0 !important;
  color:#667085 !important;
  font-size:clamp(18px, 1.5vw, 21px) !important;
  line-height:1.55 !important;
  font-weight:500 !important;
}
.landing-root .landing-tool-strip{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
  gap:24px !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2{
  min-height:344px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:0 !important;
  padding:30px 24px 24px !important;
  border:1px solid #d9dee7 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 50px rgba(16,24,40,.06) !important;
  color:#111827 !important;
  text-align:left !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2:hover{
  transform:translateY(-3px) !important;
  border-color:#cfd6e2 !important;
  box-shadow:0 24px 60px rgba(16,24,40,.09) !important;
}
.landing-root .landing-tool-card-icon{
  width:78px !important;
  height:78px !important;
  display:grid !important;
  place-items:center !important;
  margin-bottom:28px !important;
  border-radius:18px !important;
  background:color-mix(in srgb, var(--tool-tone, #5aa2ff) 12%, white) !important;
}
.landing-root .landing-tool-card-icon .css-icon{
  width:34px !important;
  height:34px !important;
  color:var(--tool-tone, #5aa2ff) !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2 h3{
  margin:0 !important;
  color:#111827 !important;
  font-size:18px !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
  font-weight:850 !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2 p{
  margin:16px 0 0 !important;
  color:#667085 !important;
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:500 !important;
}
.landing-root .landing-tool-card-arrow{
  margin-top:auto !important;
  margin-left:auto !important;
  width:50px !important;
  height:50px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #d9dee7 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#111827 !important;
  font-size:24px !important;
  line-height:1 !important;
  box-shadow:0 8px 18px rgba(16,24,40,.05) !important;
}
body.dark .landing-root .landing-tool-strip-head h2{
  color:#f8fafc !important;
}
body.dark .landing-root .landing-tool-strip-head p{
  color:rgba(226,232,240,.72) !important;
}
body.dark .landing-root .landing-tool-card.landing-tool-card-v2{
  border-color:rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(20,26,34,.96), rgba(16,22,30,.98)) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.24) !important;
  color:#f8fafc !important;
}
body.dark .landing-root .landing-tool-card.landing-tool-card-v2 h3{
  color:#f8fafc !important;
}
body.dark .landing-root .landing-tool-card.landing-tool-card-v2 p{
  color:rgba(226,232,240,.72) !important;
}
body.dark .landing-root .landing-tool-card-icon{
  background:color-mix(in srgb, var(--tool-tone, #5aa2ff) 16%, rgba(255,255,255,.04)) !important;
}
body.dark .landing-root .landing-tool-card-arrow{
  border-color:rgba(255,255,255,.1) !important;
  background:rgba(255,255,255,.03) !important;
  color:#f8fafc !important;
  box-shadow:none !important;
}
@media (max-width: 1380px){
  .landing-root .landing-tool-strip-wrap{
    width:min(1320px, calc(100% - 56px)) !important;
  }

  .landing-root .landing-tool-strip{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 820px){
  .landing-root .landing-tool-strip-wrap{
    width:min(100% - 32px, 1500px) !important;
    margin-top:72px !important;
  }

  .landing-root .landing-tool-strip-head{
    margin-bottom:30px !important;
  }

  .landing-root .landing-tool-strip-head h2{
    font-size:clamp(32px, 9vw, 46px) !important;
  }

  .landing-root .landing-tool-strip-head p{
    font-size:17px !important;
  }

  .landing-root .landing-tool-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:18px !important;
  }

  .landing-root .landing-tool-card.landing-tool-card-v2{
    min-height:300px !important;
    padding:24px 20px 20px !important;
    border-radius:20px !important;
  }

  .landing-root .landing-tool-card-icon{
    width:70px !important;
    height:70px !important;
    margin-bottom:24px !important;
  }
}
@media (max-width: 560px){
  .landing-root .landing-tool-strip{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-tool-card.landing-tool-card-v2{
    min-height:274px !important;
  }
}
/* Landing pricing refresh */
.landing-root .landing-pricing-section{
  width:min(1620px, calc(100% - 72px)) !important;
  margin:110px auto 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.landing-root .pricing-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:32px !important;
  margin-bottom:38px !important;
}
.landing-root .pricing-copy{
  max-width:860px !important;
}
.landing-root .pricing-copy .section-label{
  margin-bottom:18px !important;
  color:var(--accent) !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}
.landing-root .landing-pricing-title{
  margin:0 !important;
  color:#111827 !important;
  font-size:clamp(38px, 4vw, 58px) !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  font-weight:850 !important;
}
.landing-root .landing-pricing-subhead{
  margin:16px 0 0 !important;
  color:#667085 !important;
  font-size:20px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
}
.landing-root .pricing-toggle{
  display:flex !important;
  flex-shrink:0 !important;
  overflow:hidden !important;
  padding:0 !important;
  border:1px solid #d9dee7 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
  gap:0 !important;
}
.landing-root .pricing-toggle-btn{
  min-width:134px !important;
  min-height:56px !important;
  padding:16px 28px !important;
  border:0 !important;
  border-left:1px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#111827 !important;
  font-size:17px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.landing-root .pricing-toggle-btn + .pricing-toggle-btn{
  border-left-color:#d9dee7 !important;
}
.landing-root .pricing-toggle-btn.active{
  background:#fff !important;
  color:var(--accent) !important;
  box-shadow:inset 0 0 0 1px var(--accent) !important;
}
.landing-root .landing-pricing-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:42px !important;
  align-items:stretch !important;
}
.landing-root .landing-pricing-grid .plan-card{
  position:relative !important;
  min-height:620px !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  padding:34px 30px 30px !important;
  border:1px solid #d9dee7 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
  overflow:hidden !important;
  gap:0 !important;
}
.landing-root .landing-pricing-grid .plan-card::before{
  display:none !important;
}
.landing-root .landing-pricing-grid .plan-card.featured{
  border-color:var(--accent) !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
  padding-top:72px !important;
}
.landing-root .landing-pricing-grid .plan-card:hover{
  transform:none !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
}
.landing-root .landing-pricing-grid .popular-bar{
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:18px 18px 0 0 !important;
  background:var(--accent) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:850 !important;
}
.landing-root .landing-pricing-grid .plan-name{
  margin:0 0 16px !important;
  color:#111827 !important;
  font-size:30px !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
  font-weight:850 !important;
}
.landing-root .landing-pricing-grid .price{
  display:flex !important;
  align-items:baseline !important;
  gap:12px !important;
  margin-bottom:12px !important;
}
.landing-root .landing-pricing-grid .amount{
  color:#111827 !important;
  font-size:54px !important;
  line-height:.9 !important;
  letter-spacing:-.055em !important;
  font-weight:500 !important;
}
.landing-root .landing-pricing-grid .term{
  color:#667085 !important;
  font-size:17px !important;
  font-weight:700 !important;
}
.landing-root .landing-pricing-grid .plan-card.featured .term{
  color:var(--accent) !important;
}
.landing-root .landing-pricing-grid .billing-note{
  min-height:24px !important;
  margin-bottom:26px !important;
  color:#667085 !important;
  font-size:17px !important;
  font-weight:500 !important;
}
.landing-root .landing-pricing-grid .chips{
  min-height:84px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-content:flex-start !important;
  gap:10px !important;
  margin-bottom:26px !important;
}
.landing-root .landing-pricing-grid .chip{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:7px 12px !important;
  border-radius:8px !important;
  background:#f4f6f8 !important;
  color:#3e4957 !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:600 !important;
  border:0 !important;
  box-shadow:none !important;
}
.landing-root .landing-pricing-grid .plan-card.featured .chip{
  background:#f4f6f8 !important;
}
.landing-root .landing-pricing-grid .plan-action-btn{
  width:100% !important;
  min-height:58px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  border:1px solid var(--accent) !important;
  border-radius:8px !important;
  background:#fff !important;
  color:var(--accent) !important;
  font-size:16px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  transition:background .18s ease, color .18s ease, border-color .18s ease !important;
  box-shadow:none !important;
}
.landing-root .landing-pricing-grid .plan-action-btn:hover{
  transform:none !important;
  box-shadow:none !important;
  background:#f4f6f8 !important;
}
.landing-root .landing-pricing-grid .plan-card.featured .plan-action-btn{
  border-color:var(--accent) !important;
  background:var(--accent) !important;
  color:#fff !important;
}
.landing-root .landing-pricing-grid .plan-card.featured .plan-action-btn:hover{
  background:var(--accent-dark) !important;
  border-color:var(--accent-dark) !important;
}
.landing-root .landing-pricing-grid .plan-card[data-tier="pro"] .plan-action-btn{
  border-color:#18202d !important;
  color:#111827 !important;
}
.landing-root .landing-pricing-grid .plan-card[data-tier="pro"] .plan-action-btn:hover{
  background:#f7f8fa !important;
}
.landing-root .landing-pricing-grid .plan-card.current .plan-action-btn{
  border-color:#d9dee7 !important;
  background:#f7f8fa !important;
  color:#667085 !important;
  cursor:default !important;
}
.landing-root .landing-pricing-grid .divider{
  height:1px !important;
  margin:26px 0 24px !important;
  background:#d9dee7 !important;
}
.landing-root .landing-pricing-grid .features{
  display:grid !important;
  gap:17px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.landing-root .landing-pricing-grid .features li{
  display:grid !important;
  grid-template-columns:18px 1fr !important;
  gap:12px !important;
  color:#111827 !important;
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}
.landing-root .landing-pricing-grid .check{
  color:var(--accent) !important;
  font-weight:900 !important;
  line-height:1.45 !important;
}
body.dark .landing-root .landing-pricing-title{
  color:#f8fafc !important;
}
body.dark .landing-root .landing-pricing-subhead{
  color:rgba(226,232,240,.72) !important;
}
body.dark .landing-root .pricing-toggle{
  background:rgba(20,26,34,.96) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
body.dark .landing-root .pricing-toggle-btn{
  color:#f8fafc !important;
}
body.dark .landing-root .pricing-toggle-btn + .pricing-toggle-btn{
  border-left-color:rgba(255,255,255,.08) !important;
}
body.dark .landing-root .pricing-toggle-btn.active{
  color:var(--accent) !important;
  background:rgba(255,255,255,.02) !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card{
  border-color:rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(20,26,34,.96), rgba(16,22,30,.98)) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22) !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card.featured{
  border-color:var(--accent) !important;
  background:linear-gradient(180deg, rgba(24,28,36,.98), rgba(16,22,30,.98)) !important;
}
body.dark .landing-root .landing-pricing-grid .plan-name,
body.dark .landing-root .landing-pricing-grid .amount,
body.dark .landing-root .landing-pricing-grid .features li{
  color:#f8fafc !important;
}
body.dark .landing-root .landing-pricing-grid .term,
body.dark .landing-root .landing-pricing-grid .billing-note{
  color:rgba(226,232,240,.72) !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card.featured .term{
  color:#fdba74 !important;
}
body.dark .landing-root .landing-pricing-grid .chip{
  background:rgba(255,255,255,.06) !important;
  color:rgba(226,232,240,.86) !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card.featured .chip{
  background:rgba(249,115,22,.14) !important;
}
body.dark .landing-root .landing-pricing-grid .plan-action-btn{
  background:transparent !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card[data-tier="pro"] .plan-action-btn{
  border-color:rgba(255,255,255,.2) !important;
  color:#f8fafc !important;
}
body.dark .landing-root .landing-pricing-grid .divider{
  background:rgba(255,255,255,.08) !important;
}
@media (max-width: 1200px){
  .landing-root .landing-pricing-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:24px !important;
  }
}
@media (max-width: 820px){
  .landing-root .landing-pricing-section{
    width:min(100% - 32px, 1620px) !important;
    margin-top:78px !important;
  }

  .landing-root .pricing-head{
    flex-direction:column !important;
    margin-bottom:30px !important;
  }

  .landing-root .pricing-toggle{
    width:100% !important;
  }

  .landing-root .pricing-toggle-btn{
    flex:1 1 0 !important;
    min-width:0 !important;
  }

  .landing-root .landing-pricing-grid{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-pricing-grid .plan-card{
    min-height:auto !important;
    padding:26px 22px 24px !important;
  }

  .landing-root .landing-pricing-grid .plan-card.featured{
    padding-top:66px !important;
  }
}
/* Landing structure cleanup */
.landing-root{
  background:#fefdfc !important;
}
.landing-root .landing-saas-hero,
.landing-saas-hero{
  background:#fefdfc !important;
}
.landing-root .landing-lower-surface{
  background:#fefdfc !important;
  padding:96px 0 120px !important;
}
.landing-root .landing-dashboard-shell{
  border-color:#dde2ea !important;
  background:#fff !important;
  box-shadow:0 18px 44px rgba(16,24,40,.06) !important;
}
.landing-root .landing-dashboard-sidebar{
  background:#fff !important;
}
.landing-root .landing-dashboard-shell::before,
.landing-root .landing-dashboard-shell::after,
.landing-saas-hero::before{
  display:none !important;
}
.landing-root .landing-tool-strip-wrap,
.landing-root .landing-steps-section,
.landing-root .landing-pricing-section{
  position:relative !important;
  z-index:1 !important;
}
.landing-root .landing-tool-strip-wrap{
  margin-top:0 !important;
}
.landing-root .landing-steps-section{
  width:min(1500px, calc(100% - 72px)) !important;
  margin:116px auto 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.landing-root .landing-steps-head{
  max-width:760px !important;
  margin:0 0 34px !important;
}
.landing-root .landing-section-kicker{
  margin:0 0 16px !important;
  color:var(--accent) !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}
.landing-root .landing-steps-head h2{
  margin:0 !important;
  color:#111827 !important;
  font-size:clamp(34px, 3.8vw, 52px) !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  font-weight:850 !important;
}
.landing-root .landing-steps-head p{
  max-width:700px !important;
  margin:16px 0 0 !important;
  color:#667085 !important;
  font-size:18px !important;
  line-height:1.58 !important;
  font-weight:500 !important;
}
.landing-root .landing-steps-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
}
.landing-root .landing-step-card{
  min-height:220px !important;
  padding:28px !important;
  border:1px solid #d9dee7 !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 14px 36px rgba(16,24,40,.05) !important;
  color:#111827 !important;
}
.landing-root .landing-step-card strong{
  font-size:24px !important;
  line-height:1.15 !important;
  letter-spacing:-.03em !important;
  font-weight:850 !important;
}
.landing-root .landing-step-card p{
  color:#667085 !important;
  font-size:16px !important;
  line-height:1.62 !important;
  font-weight:500 !important;
}
.landing-root .landing-step-mark{
  width:42px !important;
  height:42px !important;
  background:#111827 !important;
  color:#fff !important;
  box-shadow:none !important;
}
.landing-root .landing-pricing-section{
  margin-top:116px !important;
}
.landing-root .landing-pricing-grid .plan-card.featured .chip,
.landing-root .landing-pricing-grid .chip{
  background:#f4f6f8 !important;
}
.landing-root .landing-pricing-grid .plan-action-btn:hover{
  background:#f7f8fa !important;
}
body.dark .landing-root{
  background:#0f141b !important;
}
body.dark .landing-root .landing-saas-hero,
body.dark .landing-saas-hero{
  background:linear-gradient(180deg, #11161d 0%, #0f141b 100%) !important;
}
body.dark .landing-root .landing-lower-surface{
  background:linear-gradient(180deg, #0f141b 0%, #0c1117 100%) !important;
}
body.dark .landing-root .landing-dashboard-shell{
  background:#141a22 !important;
  border-color:rgba(255,255,255,.08) !important;
}
body.dark .landing-root .landing-dashboard-sidebar{
  background:#111821 !important;
}
body.dark .landing-root .landing-steps-head h2{
  color:#f8fafc !important;
}
body.dark .landing-root .landing-steps-head p{
  color:rgba(226,232,240,.72) !important;
}
body.dark .landing-root .landing-step-card{
  border-color:rgba(255,255,255,.08) !important;
  background:#141a22 !important;
  box-shadow:0 16px 40px rgba(0,0,0,.22) !important;
}
body.dark .landing-root .landing-step-card strong{
  color:#f8fafc !important;
}
body.dark .landing-root .landing-step-card p{
  color:rgba(226,232,240,.72) !important;
}
body.dark .landing-root .landing-step-mark{
  background:var(--accent) !important;
  color:#fff !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card.featured .chip,
body.dark .landing-root .landing-pricing-grid .chip{
  background:rgba(255,255,255,.06) !important;
}
@media (max-width: 1380px){
  .landing-root .landing-steps-section{
    width:min(1320px, calc(100% - 56px)) !important;
  }
}
@media (max-width: 820px){
  .landing-root .landing-lower-surface{
    padding:72px 0 96px !important;
  }

  .landing-root .landing-steps-section,
  .landing-root .landing-pricing-section{
    width:min(100% - 32px, 1500px) !important;
    margin-top:78px !important;
  }

  .landing-root .landing-steps-head{
    margin-bottom:26px !important;
  }

  .landing-root .landing-steps-head h2{
    font-size:clamp(30px, 8vw, 42px) !important;
  }

  .landing-root .landing-steps-head p{
    font-size:17px !important;
  }

  .landing-root .landing-steps-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .landing-root .landing-step-card{
    min-height:0 !important;
    padding:24px !important;
  }
}
/* Global breathing room */
.main-content{
  max-width:1180px !important;
  padding:30px 22px 44px !important;
}
.tool-page{
  margin-top:-24px !important;
  padding-top:30px !important;
}
.page{
  max-width:1080px !important;
  padding:32px 22px 44px !important;
}
.card{
  padding:20px !important;
  border-radius:16px !important;
}
.sec-title{
  margin-bottom:22px !important;
}
.tool-layout,
.tool-layout-wide,
.dash-grid,
.pdf-editor-stage{
  gap:20px !important;
}
.dashv4-shell{
  min-height:min(900px, calc(100vh - 164px)) !important;
}
.dashv4-topbar{
  padding:24px 24px 20px !important;
}
.dashv4-body{
  padding:22px !important;
}
.dashv4-files-grid{
  gap:18px !important;
}
.dashv4-row,
.dashv4-history-item{
  padding:16px 18px !important;
}
.dashv4-card,
.dashv4-panel,
.dash-storage-window,
.dash-share-pane,
.dash-share-links-pane,
.dash-storage-card,
.dash-section{
  border-radius:20px !important;
}
.landing-root .landing-saas-hero{
  padding:48px 52px 20px !important;
}
.landing-root .landing-saas-inner{
  gap:40px !important;
}
.landing-root .landing-lower-surface{
  padding:88px 0 104px !important;
}
.landing-root .landing-tool-strip-wrap,
.landing-root .landing-steps-section,
.landing-root .landing-pricing-section{
  width:min(1460px, calc(100% - 76px)) !important;
}
.landing-root .landing-tool-strip-wrap{
  margin-top:0 !important;
}
.landing-root .landing-tool-strip-head{
  margin-bottom:38px !important;
}
.landing-root .landing-tool-strip{
  gap:20px !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2{
  min-height:308px !important;
  padding:24px 20px 20px !important;
}
.landing-root .landing-tool-card-icon{
  width:68px !important;
  height:68px !important;
  margin-bottom:22px !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2 h3{
  font-size:17px !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2 p{
  margin-top:12px !important;
  font-size:14px !important;
}
.landing-root .landing-steps-section{
  margin-top:108px !important;
}
.landing-root .landing-steps-head{
  margin-bottom:30px !important;
}
.landing-root .landing-steps-grid{
  gap:20px !important;
}
.landing-root .landing-step-card{
  min-height:192px !important;
  padding:22px !important;
}
.landing-root .landing-step-card strong{
  font-size:21px !important;
}
.landing-root .landing-step-card p{
  font-size:15px !important;
}
.landing-root .landing-pricing-section{
  margin-top:108px !important;
}
.landing-root .pricing-head{
  margin-bottom:34px !important;
}
.landing-root .landing-pricing-grid{
  gap:24px !important;
}
.landing-root .landing-pricing-grid .plan-card{
  min-height:560px !important;
  padding:28px 24px 24px !important;
}
.landing-root .landing-pricing-grid .plan-card.featured{
  padding-top:64px !important;
}
.landing-root .landing-pricing-grid .plan-name{
  font-size:26px !important;
}
.landing-root .landing-pricing-grid .amount{
  font-size:46px !important;
}
.landing-root .landing-pricing-grid .billing-note{
  margin-bottom:20px !important;
  font-size:16px !important;
}
.landing-root .landing-pricing-grid .chips{
  min-height:72px !important;
  margin-bottom:20px !important;
}
.landing-root .landing-pricing-grid .chip{
  min-height:30px !important;
  padding:6px 10px !important;
  font-size:14px !important;
}
.landing-root .landing-pricing-grid .plan-action-btn{
  min-height:52px !important;
  font-size:15px !important;
}
.landing-root .landing-pricing-grid .divider{
  margin:22px 0 20px !important;
}
.landing-root .landing-pricing-grid .features{
  gap:14px !important;
}
.landing-root .landing-pricing-grid .features li{
  font-size:15px !important;
}
@media (max-width: 1380px){
  .main-content,
  .page{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .landing-root .landing-tool-strip-wrap,
  .landing-root .landing-steps-section,
  .landing-root .landing-pricing-section{
    width:min(1320px, calc(100% - 56px)) !important;
  }

  .landing-root .landing-saas-hero{
    padding:42px 34px 18px !important;
  }
}
@media (max-width: 820px){
  .main-content,
  .page{
    padding:24px 16px 36px !important;
  }

  .card{
    padding:18px !important;
  }

  .landing-root .landing-saas-hero{
    padding:38px 20px 22px !important;
  }

  .landing-root .landing-lower-surface{
    padding:64px 0 88px !important;
  }

  .landing-root .landing-tool-strip-wrap,
  .landing-root .landing-steps-section,
  .landing-root .landing-pricing-section{
    width:min(100% - 28px, 1460px) !important;
  }

  .landing-root .landing-steps-section,
  .landing-root .landing-pricing-section{
    margin-top:72px !important;
  }

  .landing-root .landing-tool-strip-head,
  .landing-root .landing-steps-head{
    margin-bottom:30px !important;
  }
}
/* Repo-wide sizing normalization */
.main-content{
  max-width:1120px !important;
  padding:26px 20px 38px !important;
}
.page{
  max-width:1024px !important;
  padding:28px 20px 38px !important;
}
.tool-page{
  margin-top:-18px !important;
  padding-top:22px !important;
}
.card{
  padding:18px !important;
  border-radius:15px !important;
}
.sec-title{
  margin-bottom:18px !important;
}
.tool-layout,
.tool-layout-wide,
.dash-grid,
.pdf-editor-stage{
  gap:16px !important;
}
.landing-root .landing-saas-hero{
  padding:38px 44px 12px !important;
}
.landing-root .landing-saas-inner{
  grid-template-columns:minmax(0,.88fr) minmax(620px,1.02fr) !important;
  align-items:start !important;
  gap:30px !important;
}
.landing-root .landing-saas-copy{
  max-width:480px !important;
  padding-top:18px !important;
}
.landing-root .landing-saas-hero .landing-saas-copy h1{
  max-width:460px !important;
  font-size:clamp(3rem,4.7vw,4.7rem) !important;
  line-height:.96 !important;
  letter-spacing:-.065em !important;
}
.landing-root .landing-saas-lead{
  max-width:470px !important;
  margin-top:18px !important;
  font-size:1.12rem !important;
  line-height:1.55 !important;
}
.landing-root .landing-saas-actions{
  gap:12px !important;
  margin-top:28px !important;
}
.landing-root .landing-saas-primary,
.landing-root .landing-saas-secondary{
  min-height:54px !important;
  padding:0 24px !important;
  border-radius:14px !important;
  font-size:1rem !important;
}
.landing-root .landing-hero-trust-block{
  margin-top:38px !important;
  gap:16px !important;
}
.landing-root .landing-hero-trust-copy strong{
  font-size:1.02rem !important;
}
.landing-root .landing-hero-trust-copy span{
  max-width:470px !important;
  font-size:.94rem !important;
  line-height:1.6 !important;
}
.landing-root .landing-hero-audiences{
  padding-top:4px !important;
}
.landing-root .landing-hero-audiences-track{
  gap:0 !important;
}
.landing-root .landing-hero-audience-item{
  padding:0 18px !important;
  font-size:1rem !important;
}
.landing-root .landing-dashboard-shell{
  min-height:0 !important;
  max-width:920px !important;
  grid-template-columns:210px minmax(0,1fr) !important;
  border-radius:22px !important;
}
.landing-root .landing-dashboard-sidebar{
  padding:20px 18px !important;
  gap:16px !important;
}
.landing-root .landing-dash-logo{
  margin-bottom:8px !important;
}
.landing-root .landing-dash-home{
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:12px !important;
  font-size:.86rem !important;
}
.landing-root .landing-dash-nav{
  gap:2px !important;
}
.landing-root .landing-dash-nav-item{
  min-height:36px !important;
  gap:0 !important;
  padding:0 10px !important;
  font-size:.82rem !important;
  border-radius:10px !important;
}
.landing-root .landing-dash-upgrade{
  min-height:48px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:.84rem !important;
}
.landing-root .landing-dashboard-main{
  padding:22px !important;
}
.landing-root .landing-dashboard-top{
  margin-bottom:22px !important;
}
.landing-root .landing-dashboard-top h2{
  font-size:2rem !important;
}
.landing-root .landing-dashboard-top p{
  margin-top:10px !important;
  max-width:360px !important;
  font-size:.96rem !important;
}
.landing-root .landing-dashboard-search{
  min-width:210px !important;
  height:42px !important;
  padding:0 12px 0 14px !important;
  border-radius:11px !important;
  font-size:.78rem !important;
}
.landing-root .landing-stat-grid{
  gap:14px !important;
  margin-bottom:16px !important;
}
.landing-root .landing-stat-card{
  min-height:168px !important;
  padding:18px 16px !important;
  border-radius:15px !important;
}
.landing-root .landing-stat-card .css-icon{
  width:22px !important;
  height:22px !important;
  margin-bottom:32px !important;
}
.landing-root .landing-stat-card strong{
  font-size:2rem !important;
}
.landing-root .landing-stat-card > span:not(.css-icon){
  margin-top:4px !important;
  font-size:1rem !important;
}
.landing-root .landing-stat-card small{
  margin-top:12px !important;
  font-size:.84rem !important;
  line-height:1.45 !important;
}
.landing-root .landing-dashboard-lists{
  gap:16px !important;
}
.landing-root .landing-dashboard-list{
  padding:18px !important;
  border-radius:16px !important;
}
.landing-root .landing-dashboard-row{
  min-height:64px !important;
  padding:10px 12px !important;
  gap:12px !important;
  border-radius:12px !important;
}
.landing-root .landing-dashboard-item-icon{
  width:26px !important;
  height:26px !important;
}
.landing-root .landing-dashboard-row strong{
  font-size:.92rem !important;
}
.landing-root .landing-dashboard-row span{
  font-size:.8rem !important;
}
.landing-root .landing-open-link{
  font-size:.76rem !important;
}
.landing-root .landing-tool-strip-wrap,
.landing-root .landing-steps-section,
.landing-root .landing-pricing-section{
  width:min(1380px, calc(100% - 64px)) !important;
}
.landing-root .landing-tool-strip-wrap{
  margin-top:0 !important;
}
.landing-root .landing-tool-strip-head{
  max-width:760px !important;
  margin-bottom:30px !important;
}
.landing-root .landing-tool-strip-head h2{
  font-size:clamp(2.2rem,3.6vw,3.55rem) !important;
}
.landing-root .landing-tool-strip-head p{
  max-width:700px !important;
  margin-top:14px !important;
  font-size:1.02rem !important;
}
.landing-root .landing-tool-strip{
  gap:16px !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2{
  min-height:276px !important;
  padding:20px 18px 18px !important;
  border-radius:18px !important;
}
.landing-root .landing-tool-card-icon{
  width:60px !important;
  height:60px !important;
  margin-bottom:18px !important;
  border-radius:16px !important;
}
.landing-root .landing-tool-card-icon .css-icon{
  width:28px !important;
  height:28px !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2 h3{
  font-size:1rem !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2 p{
  margin-top:10px !important;
  font-size:.9rem !important;
  line-height:1.55 !important;
}
.landing-root .landing-tool-card-arrow{
  width:42px !important;
  height:42px !important;
  font-size:20px !important;
}
.landing-root .landing-lower-surface{
  padding:72px 0 88px !important;
}
.landing-root .landing-steps-section,
.landing-root .landing-pricing-section{
  margin-top:88px !important;
}
.landing-root .landing-steps-head{
  max-width:660px !important;
  margin-bottom:24px !important;
}
.landing-root .landing-steps-head h2,
.landing-root .landing-pricing-title{
  font-size:clamp(2.15rem,3.4vw,3.35rem) !important;
}
.landing-root .landing-steps-head p,
.landing-root .landing-pricing-subhead{
  margin-top:12px !important;
  font-size:1rem !important;
}
.landing-root .landing-steps-grid{
  gap:16px !important;
}
.landing-root .landing-step-card{
  min-height:170px !important;
  padding:18px !important;
  border-radius:18px !important;
}
.landing-root .landing-step-mark{
  width:36px !important;
  height:36px !important;
}
.landing-root .landing-step-card strong{
  font-size:1.1rem !important;
}
.landing-root .landing-step-card p{
  font-size:.9rem !important;
  line-height:1.55 !important;
}
.landing-root .pricing-head{
  margin-bottom:28px !important;
}
.landing-root .pricing-toggle-btn{
  min-width:118px !important;
  min-height:50px !important;
  padding:14px 22px !important;
  font-size:1rem !important;
}
.landing-root .landing-pricing-grid{
  gap:20px !important;
}
.landing-root .landing-pricing-grid .plan-card{
  min-height:520px !important;
  padding:24px 22px 22px !important;
  border-radius:16px !important;
}
.landing-root .landing-pricing-grid .plan-card.featured{
  padding-top:58px !important;
}
.landing-root .landing-pricing-grid .popular-bar{
  height:34px !important;
  font-size:.92rem !important;
  border-radius:16px 16px 0 0 !important;
}
.landing-root .landing-pricing-grid .plan-name{
  font-size:2rem !important;
  margin-bottom:14px !important;
}
.landing-root .landing-pricing-grid .amount{
  font-size:3rem !important;
}
.landing-root .landing-pricing-grid .term,
.landing-root .landing-pricing-grid .billing-note{
  font-size:.98rem !important;
}
.landing-root .landing-pricing-grid .billing-note{
  margin-bottom:18px !important;
}
.landing-root .landing-pricing-grid .chips{
  min-height:64px !important;
  gap:8px !important;
  margin-bottom:18px !important;
}
.landing-root .landing-pricing-grid .chip{
  min-height:28px !important;
  padding:5px 10px !important;
  font-size:.84rem !important;
}
.landing-root .landing-pricing-grid .plan-action-btn{
  min-height:50px !important;
  font-size:.96rem !important;
}
.landing-root .landing-pricing-grid .divider{
  margin:18px 0 18px !important;
}
.landing-root .landing-pricing-grid .features{
  gap:12px !important;
}
.landing-root .landing-pricing-grid .features li{
  font-size:.94rem !important;
  gap:10px !important;
}
.dashv4-shell{
  grid-template-columns:292px minmax(0,1fr) !important;
  min-height:min(820px, calc(100vh - 168px)) !important;
  border-radius:24px !important;
}
.dashv4-sidebar{
  gap:20px !important;
  padding:22px 20px !important;
}
.dashv4-brand-mark{
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
}
.dashv4-brand-copy h1{
  font-size:1.32rem !important;
}
.dashv4-nav-btn,
.dashv4-collection-btn{
  padding:13px 14px !important;
  border-radius:16px !important;
  font-size:.84rem !important;
}
.dashv4-collections,
.dashv4-usage-card{
  padding:16px !important;
  border-radius:18px !important;
}
.dashv4-usage-ring{
  width:72px !important;
  height:72px !important;
}
.dashv4-usage-ring::before{
  width:52px !important;
  height:52px !important;
}
.dashv4-side-action,
.dashv4-side-cta{
  min-height:74px !important;
  padding:14px !important;
  border-radius:18px !important;
  font-size:.78rem !important;
}
.dashv4-side-cta{
  min-height:48px !important;
}
.dashv4-topbar{
  padding:20px 20px 16px !important;
}
.dashv4-title h2{
  font-size:2rem !important;
}
.dashv4-title p{
  font-size:.9rem !important;
}
.dashv4-search{
  width:280px !important;
  height:48px !important;
  border-radius:16px !important;
}
.dashv4-icon-btn,
.dashv4-add-btn{
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
}
.dashv4-divider{
  margin:0 20px !important;
}
.dashv4-body{
  padding:18px 20px 20px !important;
}
.dashv4-files-grid{
  grid-template-columns:repeat(auto-fill,minmax(172px,1fr)) !important;
  gap:16px !important;
}
.dashv4-file-card{
  padding:14px !important;
  border-radius:20px !important;
}
.dashv4-file-thumb{
  height:150px !important;
  margin-bottom:12px !important;
  border-radius:20px !important;
}
.dashv4-sheet{
  width:74px !important;
  height:98px !important;
  border-radius:20px !important;
}
.dashv4-select-toggle,
.dashv4-menu-btn,
.dashv4-ghost-btn{
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
}
.dashv4-file-name{
  font-size:.94rem !important;
}
.dashv4-file-actions{
  margin-top:14px !important;
  gap:8px !important;
}
.dashv4-share-btn{
  min-height:40px !important;
  border-radius:14px !important;
  font-size:.76rem !important;
}
.dashv4-row{
  padding:14px 16px !important;
  border-radius:18px !important;
}
.dashv4-row-thumb{
  width:60px !important;
  height:60px !important;
  border-radius:18px !important;
}
.dashv4-empty{
  min-height:340px !important;
  padding:28px !important;
  border-radius:22px !important;
}
.dashv4-panel{
  gap:14px !important;
  padding:18px !important;
  border-radius:22px !important;
}
.dashv4-history-item{
  padding:15px 16px !important;
  border-radius:18px !important;
}
.dashv4-history-icon{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
}
.wmv2-shell,
.esignv2-page,
.wfv3-root,
.qrv2-root{
  gap:18px !important;
}
.qrv2-root,
.wfv3-root{
  padding:20px !important;
}
.qrv2-shell{
  padding:22px !important;
  border-radius:22px !important;
}
.qrv2-header{
  margin-bottom:18px !important;
}
.qrv2-title{
  font-size:clamp(1.7rem,2.3vw,2.2rem) !important;
}
.qrv2-subtitle{
  font-size:.88rem !important;
}
.qrv2-top-btn{
  min-height:44px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:.78rem !important;
}
.qrv2-template-strip{
  margin-bottom:14px !important;
  padding:10px !important;
  border-radius:18px !important;
}
.qrv2-template-chip{
  min-height:36px !important;
  padding:0 12px !important;
  border-radius:12px !important;
}
.qrv2-layout{
  grid-template-columns:minmax(300px,440px) minmax(0,1fr) !important;
  gap:18px !important;
}
.qrv2-panel,
.qrv2-preview-panel{
  padding:18px !important;
  border-radius:20px !important;
}
.qrv2-content-type{
  min-height:84px !important;
  gap:10px !important;
  border-radius:16px !important;
  font-size:.82rem !important;
}
.qrv2-input-wrap,
.qrv2-field input,
.qrv2-field textarea,
.qrv2-field select,
.qrv2-color-field{
  min-height:46px !important;
  border-radius:14px !important;
}
.qrv2-preview-stage{
  min-height:520px !important;
  padding:22px !important;
  border-radius:22px !important;
}
.qrv2-preview-card{
  padding:22px !important;
  border-radius:22px !important;
}
.qrv2-output-canvas{
  max-width:300px !important;
}
.qrv2-actions-grid{
  gap:10px !important;
}
.qrv2-action-btn{
  min-height:46px !important;
  border-radius:16px !important;
  font-size:.8rem !important;
}
.wmv2-header-copy h1{
  font-size:clamp(1.85rem,2.7vw,2.35rem) !important;
}
.wmv2-header-copy p{
  max-width:620px !important;
  font-size:.9rem !important;
}
.wmv2-status{
  min-height:44px !important;
  padding:0 16px !important;
  border-radius:15px !important;
  font-size:.78rem !important;
}
.wmv2-action-pack{
  border-radius:15px !important;
}
.wmv2-action-btn,
.wmv2-preview-btn{
  min-width:42px !important;
  min-height:42px !important;
}
.wmv2-export-btn{
  min-height:44px !important;
  padding:0 18px !important;
  border-radius:15px !important;
  font-size:.8rem !important;
}
.wmv2-upload{
  min-height:300px !important;
  padding:24px !important;
  border-radius:22px !important;
}
.wmv2-layout{
  grid-template-columns:minmax(320px,392px) minmax(0,1fr) !important;
  gap:18px !important;
}
.wmv2-panel{
  padding:18px !important;
  border-radius:20px !important;
}
.wmv2-type-btn{
  min-height:92px !important;
  border-radius:16px !important;
}
.wmv2-input,
.wmv2-select,
.wmv2-input-row{
  min-height:44px !important;
  border-radius:14px !important;
}
.wmv2-font-option,
.wmv2-preset-main,
.wmv2-preset-delete{
  min-height:40px !important;
  border-radius:13px !important;
}
.wmv2-tool-btn,
.wmv2-pos-btn,
.wmv2-pattern-btn,
.wmv2-chip-btn{
  min-height:40px !important;
  border-radius:13px !important;
}
.wmv2-preview{
  padding:18px !important;
  border-radius:22px !important;
  top:70px !important;
}
.wmv2-stage{
  min-height:520px !important;
  padding:22px !important;
  border-radius:22px !important;
}
.wmv2-stage.expanded{
  min-height:640px !important;
}
.wmv2-preview-actions{
  gap:10px !important;
}
.wmv2-muted-btn,
.wmv2-primary-btn{
  min-height:46px !important;
  border-radius:15px !important;
  font-size:.8rem !important;
}
.esignv2-title h1{
  font-size:2.05rem !important;
}
.esignv2-title p{
  font-size:.9rem !important;
}
.esignv2-status,
.esignv2-icon-btn,
.esignv2-action-btn,
.esignv2-pill-btn,
.esignv2-source-zoom button,
.esignv2-page-nav button,
.esignv2-tool-btn{
  min-height:42px !important;
  padding:0 15px !important;
  border-radius:14px !important;
  font-size:.8rem !important;
}
.esignv2-icon-btn{
  width:42px !important;
  padding:0 !important;
}
.esignv2-shell{
  grid-template-columns:214px minmax(0,1fr) !important;
  min-height:min(820px,calc(100vh - 180px)) !important;
  border-radius:24px !important;
}
.esignv2-side{
  gap:18px !important;
  padding:20px 16px !important;
}
.esignv2-side-item{
  padding:12px 14px !important;
  border-radius:15px !important;
  font-size:.84rem !important;
}
.esignv2-side-footer{
  gap:10px !important;
  padding:14px !important;
  border-radius:20px !important;
}
.esignv2-main{
  padding:20px !important;
  gap:16px !important;
}
.esignv2-grid{
  grid-template-columns:320px minmax(0,1fr) !important;
  gap:16px !important;
}
.esignv2-panel,
.esignv2-document{
  border-radius:22px !important;
}
.esignv2-panel{
  padding:18px !important;
}
.esignv2-doc-stage{
  min-height:580px !important;
  padding:20px !important;
  border-radius:22px !important;
}
.esignv2-stickybar{
  padding:14px 16px !important;
  border-radius:18px !important;
}
.wfv3-root{
  padding:20px !important;
}
.wfv3-header{
  gap:16px !important;
  margin-bottom:16px !important;
}
.wfv3-badge-icon{
  width:54px !important;
  height:54px !important;
  flex-basis:54px !important;
  border-radius:18px !important;
}
.wfv3-title{
  font-size:clamp(1.9rem,2.5vw,2.35rem) !important;
}
.wfv3-subtitle{
  font-size:.9rem !important;
}
.wfv3-pill,
.wfv3-user-chip,
.wfv3-outline-btn,
.wfv3-primary-btn{
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:.8rem !important;
}
.wfv3-activity-grid{
  gap:14px !important;
  margin-bottom:18px !important;
}
.wfv3-activity-card,
.wfv3-builder-card,
.wfv3-saved-card,
.wfv3-footer{
  border-radius:22px !important;
}
.wfv3-activity-card{
  padding:18px !important;
}
.wfv3-activity-icon,
.wfv3-action-icon{
  width:48px !important;
  height:48px !important;
  flex-basis:48px !important;
  border-radius:16px !important;
}
.wfv3-activity-copy strong{
  font-size:1.22rem !important;
}
.wfv3-main-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(300px,.96fr) !important;
  gap:16px !important;
}
.wfv3-builder-card,
.wfv3-saved-card{
  padding:18px !important;
}
.wfv3-preset-chip{
  min-width:144px !important;
  padding:12px 14px !important;
  border-radius:15px !important;
}
.rbv3-header,
.rbv3-country-card,
.rbv3-action-card,
.rbv3-section-card,
.rbv3-preview-frame,
.rbv3-panel-card,
.rbv3-download-dock{
  border-radius:20px !important;
}
.rbv3-header{
  gap:18px !important;
  padding:20px 22px !important;
  margin-bottom:14px !important;
}
.rbv3-title{
  font-size:clamp(1.9rem,2.4vw,2.2rem) !important;
}
.rbv3-subtitle{
  font-size:.9rem !important;
}
.rbv3-header-actions{
  gap:10px !important;
}
.rbv3-status-pill,
.rbv3-ghost-btn,
.rbv3-utility-btn,
.rbv3-scale-chip,
.rbv3-icon-button,
.rbv3-add-section{
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:.78rem !important;
}
.rbv3-toolbar{
  grid-template-columns:minmax(280px,390px) minmax(0,1fr) !important;
  gap:14px !important;
  margin-bottom:14px !important;
}
.rbv3-country-card{
  padding:22px !important;
}
.rbv3-country-hero{
  margin-top:18px !important;
}
.rbv3-country-badge{
  min-height:38px !important;
  padding:0 14px !important;
  font-size:.88rem !important;
}
.rbv3-action-card,
.rbv3-section-card,
.rbv3-preview-frame,
.rbv3-download-dock{
  padding:16px !important;
}
.rbv3-layout{
  grid-template-columns:minmax(248px,310px) minmax(0,1fr) minmax(310px,390px) !important;
  gap:14px !important;
}
.pdf-pro-shell{
  gap:18px !important;
}
.pdf-pro-header{
  gap:18px !important;
  padding:20px 22px !important;
  border-radius:20px !important;
}
.pdf-pro-title{
  font-size:clamp(1.9rem,2.5vw,2.25rem) !important;
}
.pdf-pro-subtitle{
  font-size:.86rem !important;
}
.pdf-pro-pill-btn,
.pdf-pro-icon-btn,
.pdf-pro-primary-btn{
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:.8rem !important;
}
.pdf-pro-icon-btn{
  width:42px !important;
  padding:0 !important;
}
.pdf-pro-layout{
  grid-template-columns:250px minmax(0,1fr) 300px !important;
  gap:16px !important;
}
.pdf-pro-left-panel,
.pdf-pro-stage-card,
.pdf-pro-side-card,
.pdf-pro-tools-card{
  border-radius:20px !important;
}
.pdf-pro-left-panel,
.pdf-pro-stage-card,
.pdf-pro-side-card,
.pdf-pro-tools-card{
  padding:16px !important;
}
.pdf-pro-page-card{
  padding:10px !important;
  border-radius:14px !important;
}
.pdf-pro-stage-toolbar{
  padding:14px 16px !important;
  border-radius:16px !important;
}
.pdf-pro-stage-icon{
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
}
.pdf-pro-canvas-shell{
  min-height:560px !important;
  border-radius:18px !important;
}
.pdf-pro-side-card{
  gap:14px !important;
}
.pdf-pro-tool-tile,
.pdf-pro-quick-action{
  border-radius:14px !important;
}
@media (max-width: 1440px){
  .landing-root .landing-saas-inner{
    grid-template-columns:minmax(0,.9fr) minmax(560px,1fr) !important;
  }

  .landing-root .landing-dashboard-shell{
    max-width:860px !important;
  }

  .landing-root .landing-tool-strip-wrap,
  .landing-root .landing-steps-section,
  .landing-root .landing-pricing-section{
    width:min(1300px, calc(100% - 56px)) !important;
  }
}
@media (max-width: 1180px){
  .landing-root .landing-saas-hero{
    padding:34px 30px 10px !important;
  }

  .landing-root .landing-saas-inner{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .landing-root .landing-saas-copy{
    max-width:100% !important;
    padding-top:8px !important;
  }

  .landing-root .landing-dashboard-shell{
    max-width:100% !important;
  }

  .landing-root .landing-tool-strip{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .landing-root .landing-pricing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .dashv4-shell,
  .esignv2-shell,
  .pdf-pro-layout,
  .rbv3-layout,
  .wfv3-main-grid,
  .qrv2-layout,
  .wmv2-layout{
    grid-template-columns:1fr !important;
  }
}
@media (max-width: 820px){
  .main-content,
  .page{
    padding:20px 14px 30px !important;
  }

  .landing-root .landing-saas-hero{
    padding:28px 18px 14px !important;
  }

  .landing-root .landing-saas-hero .landing-saas-copy h1{
    font-size:clamp(2.45rem,11vw,3.5rem) !important;
  }

  .landing-root .landing-saas-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .landing-root .landing-saas-primary,
  .landing-root .landing-saas-secondary{
    width:100% !important;
  }

  .landing-root .landing-dashboard-shell{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-dashboard-sidebar{
    display:none !important;
  }

  .landing-root .landing-stat-grid,
  .landing-root .landing-tool-strip,
  .landing-root .landing-pricing-grid{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-steps-grid{
    grid-template-columns:1fr !important;
  }

  .landing-root .landing-tool-strip-wrap,
  .landing-root .landing-steps-section,
  .landing-root .landing-pricing-section{
    width:min(100% - 24px, 1300px) !important;
  }

  .landing-root .landing-lower-surface{
    padding:56px 0 72px !important;
  }

  .dashv4-topbar,
  .esignv2-main,
  .qrv2-shell,
  .wmv2-preview,
  .rbv3-header,
  .pdf-pro-header{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}
/* Neutralize washed orange surfaces repo-wide */
:root{
  --accent-light:#f3f4f6;
}
body.dark{
  --accent-light:rgba(148,163,184,.10);
}
.landing-root,
.landing-root .landing-saas-hero,
.landing-saas-hero,
.landing-root .landing-lower-surface{
  background-image:none !important;
}
.landing-root .landing-saas-hero,
.landing-saas-hero{
  background:#fefdfc !important;
}
.landing-root .landing-lower-surface{
  background:#fefdfc !important;
}
body.dark .landing-root .landing-saas-hero,
body.dark .landing-saas-hero{
  background:#11161d !important;
}
body.dark .landing-root .landing-lower-surface{
  background:#0f141b !important;
}
.tool-shell-watermark::before,
.tool-shell-invoice::before,
.tool-shell-qr::before,
.tool-shell-esign::before,
.tool-shell-pdf::before,
.qrv2-backdrop{
  background:radial-gradient(circle at top center, rgba(148,163,184,.08), transparent 68%) !important;
}
body.dark .tool-shell-watermark::before,
body.dark .tool-shell-invoice::before,
body.dark .tool-shell-qr::before,
body.dark .tool-shell-esign::before,
body.dark .tool-shell-pdf::before,
body.dark .qrv2-backdrop{
  background:radial-gradient(circle at top center, rgba(71,85,105,.18), transparent 68%) !important;
}
.privacy-strip,
.inv-total-banner,
.account-simple-callout,
.dash-hero-card,
.plan-card,
.plan-card.featured,
.account-callout{
  background:var(--surface) !important;
  background-image:none !important;
}
body.dark .privacy-strip,
body.dark .inv-total-banner,
body.dark .account-simple-callout,
body.dark .dash-hero-card,
body.dark .plan-card,
body.dark .plan-card.featured,
body.dark .account-callout{
  background:var(--surface) !important;
  background-image:none !important;
}
.landing-onboarding-step,
.plan-badge,
.plan-inline-badge,
.ux-step-badge,
.ai-btn,
.es-tag-shared,
.dash-plan-card,
.dash-inline-badge,
.dash-share-chip,
.dash-source-icon,
.dash-history-icon,
.landing-step-mark{
  background:var(--surface2) !important;
  background-image:none !important;
  color:var(--accent) !important;
}
body.dark .landing-onboarding-step,
body.dark .plan-badge,
body.dark .plan-inline-badge,
body.dark .ux-step-badge,
body.dark .ai-btn,
body.dark .es-tag-shared,
body.dark .dash-plan-card,
body.dark .dash-inline-badge,
body.dark .dash-share-chip,
body.dark .dash-source-icon,
body.dark .dash-history-icon,
body.dark .landing-step-mark{
  background:rgba(255,255,255,.06) !important;
}
.app-sidebar-item.active,
.landing-dash-nav-item.active,
.account-nav-item.active,
.dash-rail-link.active,
.hnav-btn.active,
.mob-nav-item.active,
.dash-view-btn.active,
.dash-share-mode-btn.active,
.dash-storage-card.queued,
.dash-file-storage.queued,
.dash-share-dropzone.dragover,
.dash-share-dropzone.filled,
.upload-zone:hover,
.upload-zone.dragover,
.pdf-pro-page-card.active,
.pdf-pro-quick-action:hover,
.es-view-btn.active,
.es-grid-card.selected,
.es-expiry-chip.active,
.type-toggle-btn.active,
.type-toggle-btn:hover,
.wm-font-option.active,
.wm-font-option:hover,
.qr-pill.active,
.sign-mode-btn.active,
.dash-storage-select-btn.active,
.dash-storage-select-btn:hover,
.dash-history-filter.active,
.dash-history-item:hover,
.dash-source-card:hover,
.dash-filter-menu button.active,
.dash-storage-menu button:hover,
.tw-next-item:hover,
.doc-source-btn:hover,
.auth-social-btn:hover,
.pdf-quick-action-btn:hover,
.tool-back:hover,
.app-sidebar-upload:hover{
  background:var(--surface2) !important;
  background-image:none !important;
  color:var(--accent) !important;
}
.dashv4-nav-btn.active,
.dashv4-collection-btn.active,
.dashv4-icon-btn.active,
.dashv4-file-card.selected,
.dashv4-row.selected,
.dashv4-history-filter.active,
.esignv2-side-item.active,
.esignv2-tab.active,
.esignv2-font-btn.active,
.wmv2-type-btn.active,
.wmv2-font-option.active,
.wmv2-tool-btn.active,
.wmv2-pos-btn.active,
.wmv2-pattern-btn.active,
.wmv2-chip-btn.active,
.qrv2-content-type.is-active,
.qrv2-template-chip.is-active,
.qrv2-segment button.is-active,
.wfv3-step-chip.active,
.wfv3-preset-chip.active{
  background:var(--surface2) !important;
  background-image:none !important;
  color:var(--accent) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.14) !important;
}
.dashv4-file-thumb,
.dashv4-file-thumb.image,
.dashv4-row-thumb,
.dashv4-share-drop.filled,
.esignv2-import-note,
.qrv2-preview-stage,
.wmv2-upload.dragover,
.qrv2-preview-callout{
  background:var(--surface2) !important;
  background-image:none !important;
}
body.dark .dashv4-file-thumb,
body.dark .dashv4-file-thumb.image,
body.dark .dashv4-row-thumb,
body.dark .dashv4-share-drop.filled,
body.dark .esignv2-import-note,
body.dark .qrv2-preview-stage,
body.dark .wmv2-upload.dragover,
body.dark .qrv2-preview-callout{
  background:rgba(255,255,255,.04) !important;
  background-image:none !important;
}
/* Unify all light-mode whites */
:root{
  --bg:#fefdfc;
  --surface:#fefdfc;
  --surface2:#fefdfc;
  --canvas-neutral:#fefdfc;
}
body{
  background:#fefdfc !important;
  background-image:none !important;
}
.landing-root,
.landing-root .landing-saas-hero,
.landing-saas-hero,
.landing-root .landing-lower-surface,
.landing-root .landing-dashboard-shell,
.landing-root .landing-dashboard-sidebar,
.qrv2-shell,
.wmv2-preview,
.wmv2-panel,
.esignv2-shell,
.esignv2-side,
.esignv2-main,
.esignv2-panel,
.esignv2-document,
.dashv4-shell,
.dashv4-sidebar,
.dashv4-main,
.dashv4-panel,
.dashv4-file-card,
.dashv4-row,
.dashv4-history-item,
.pdf-pro-header,
.pdf-pro-left-panel,
.pdf-pro-stage-card,
.pdf-pro-side-card,
.pdf-pro-tools-card,
.rbv3-header,
.rbv3-country-card,
.rbv3-action-card,
.rbv3-section-card,
.rbv3-preview-frame,
.rbv3-panel-card,
.rbv3-download-dock,
.wfv3-activity-card,
.wfv3-builder-card,
.wfv3-saved-card,
.wfv3-footer,
.card,
.plan-card,
.privacy-strip,
.account-callout,
.account-simple-callout,
.inv-total-banner{
  background:#fefdfc !important;
  background-image:none !important;
}
.landing-root .landing-saas-hero,
.landing-saas-hero,
.landing-root .landing-lower-surface{
  background:#fefdfc !important;
}
.landing-root .landing-dashboard-shell,
.landing-root .landing-dashboard-sidebar{
  background:#fefdfc !important;
}
.landing-root .landing-tool-card.landing-tool-card-v2,
.landing-root .landing-step-card,
.landing-root .landing-pricing-grid .plan-card,
.qrv2-panel,
.qrv2-preview-panel,
.wmv2-panel,
.wmv2-preview,
.esignv2-panel,
.esignv2-document,
.dashv4-panel,
.pdf-pro-left-panel,
.pdf-pro-stage-card,
.pdf-pro-side-card,
.pdf-pro-tools-card,
.rbv3-section-card,
.rbv3-preview-frame,
.rbv3-panel-card,
.wfv3-activity-card,
.wfv3-builder-card,
.wfv3-saved-card{
  background:#fefdfc !important;
}
.landing-root .landing-dashboard-top,
.landing-root .landing-dashboard-list,
.landing-root .landing-dashboard-row,
.landing-root .landing-stat-card{
  background:#fefdfc !important;
}
.landing-root .landing-tool-strip-head p,
.landing-root .landing-steps-head p,
.landing-root .landing-pricing-subhead{
  color:#667085 !important;
}
/* Dedicated homepage */
.home-root{
  min-height:100vh;
  background:#fefdfc;
  color:#141b2a;
}
.home-root .header{
  background:rgba(254,253,252,.92);
  border-bottom:1px solid rgba(15,23,42,.06);
  backdrop-filter:blur(18px);
}
.home-header{
  position:sticky;
  top:0;
  z-index:30;
}
.home-nav{
  display:flex;
  align-items:center;
  gap:14px;
}
.home-nav-link{
  border:0;
  background:transparent;
  color:#5f6b7a;
  font-weight:700;
  font-size:.95rem;
  padding:10px 12px;
  border-radius:12px;
  transition:background-color .16s ease,color .16s ease;
}
.home-nav-link:hover{
  background:#fff;
  color:#141b2a;
}
.home-main{
  width:min(1440px,calc(100% - 64px));
  margin:0 auto;
  padding:44px 0 104px;
}
.home-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(520px,0.96fr);
  gap:42px;
  align-items:start;
  padding:20px 0 72px;
}
.home-kicker{
  color:#f45a1f;
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.home-hero-copy h1,
.home-section-head h2,
.home-pricing-copy h2,
.home-cta-card h2,
.home-band-copy h2{
  margin:0;
  color:#141b2a;
  font-size:clamp(2.8rem,5vw,5rem);
  line-height:.98;
  letter-spacing:-.065em;
  font-weight:850;
  max-width:10ch;
}
.home-band-copy h2,
.home-section-head h2,
.home-pricing-copy h2,
.home-cta-card h2{
  max-width:14ch;
  font-size:clamp(2.1rem,3.5vw,3.75rem);
  line-height:1.02;
}
.home-hero-lead,
.home-section-head p,
.home-pricing-copy p,
.home-cta-card p,
.home-band-copy p{
  margin:22px 0 0;
  max-width:34rem;
  color:#5f6b7a;
  font-size:1.08rem;
  line-height:1.7;
}
.home-hero-actions,
.home-cta-actions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:30px;
}
.home-primary-btn,
.home-secondary-btn{
  min-height:56px;
  padding:0 24px;
  border-radius:16px;
  font-size:1rem;
  font-weight:800;
  transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.home-primary-btn{
  border:1px solid #f45a1f;
  background:#f45a1f;
  color:#fff;
  box-shadow:0 14px 30px rgba(244,90,31,.18);
}
.home-primary-btn:hover{
  background:#df4913;
  border-color:#df4913;
  transform:translateY(-1px);
}
.home-secondary-btn{
  border:1px solid #d9dee7;
  background:#fff;
  color:#141b2a;
}
.home-secondary-btn:hover{
  border-color:#c6ccd6;
  background:#fff;
  transform:translateY(-1px);
}
.home-hero-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:34px;
}
.home-proof-card,
.home-band-card,
.home-tool-card,
.home-workflow-card,
.home-workflow-story,
.home-workflow-sidecard,
.home-preview-shell,
.home-preview-stat,
.home-preview-panel,
.home-preview-row,
.home-editorial-band,
.home-tools-section,
.home-workflow-section,
.home-pricing-section,
.home-cta-card{
  background:#fff;
  border:1px solid #e3e7ee;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.home-proof-card{
  padding:16px 16px 18px;
  border-radius:22px;
}
.home-proof-card strong,
.home-band-card strong,
.home-tool-card strong,
.home-workflow-story strong,
.home-workflow-card strong,
.home-workflow-sidecard strong,
.home-flow-row strong,
.home-preview-row strong,
.home-preview-stat strong{
  display:block;
  color:#141b2a;
}
.home-proof-card strong{
  font-size:.98rem;
  font-weight:800;
}
.home-proof-card p,
.home-band-card p,
.home-tool-card p,
.home-workflow-story p,
.home-workflow-card p,
.home-flow-row span,
.home-preview-row span,
.home-preview-stat small,
.home-preview-top p{
  margin:8px 0 0;
  color:#5f6b7a;
  font-size:.94rem;
  line-height:1.65;
}
.home-hero-preview{
  min-width:0;
}
.home-preview-shell{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  border-radius:34px;
  overflow:hidden;
}
.home-preview-sidebar{
  padding:24px 20px;
  background:linear-gradient(180deg,#fff,#fefdfc);
  border-right:1px solid #e3e7ee;
}
.home-preview-brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:26px;
}
.home-preview-current{
  padding:14px 16px;
  border-radius:14px;
  background:#f7f8fa;
  color:#141b2a;
  font-weight:800;
}
.home-preview-nav-label{
  margin:24px 0 12px;
  color:#8b95a7;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.home-preview-nav{
  display:grid;
  gap:8px;
}
.home-preview-nav-item{
  color:#334155;
  font-weight:650;
  font-size:.95rem;
}
.home-preview-rail-card{
  margin-top:26px;
  padding:16px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e8edf4;
}
.home-preview-rail-card strong{
  font-size:.95rem;
  font-weight:800;
}
.home-preview-rail-card span{
  display:block;
  margin-top:8px;
  color:#5f6b7a;
  font-size:.88rem;
  line-height:1.55;
}
.home-preview-main{
  padding:24px;
}
.home-preview-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}
.home-preview-top h2{
  margin:0;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.045em;
}
.home-preview-search{
  min-width:220px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid #dde3ec;
  background:#fff;
  color:#5f6b7a;
  font-size:.9rem;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.home-preview-search kbd{
  border-radius:8px;
  background:#f6f7f9;
  padding:4px 8px;
  font:inherit;
  color:#7b8496;
}
.home-preview-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.home-preview-stat{
  padding:18px;
  border-radius:22px;
}
.home-preview-stat .css-icon{
  display:inline-grid;
  margin-bottom:30px;
  color:#f45a1f;
}
.home-preview-stat strong{
  font-size:2rem;
  font-weight:850;
  line-height:1;
}
.home-preview-stat > span:not(.css-icon){
  display:block;
  margin-top:6px;
  font-size:1.02rem;
  font-weight:800;
}
.home-preview-panels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.home-preview-panel{
  padding:18px;
  border-radius:24px;
}
.home-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.home-panel-head h3{
  margin:0;
  font-size:1.22rem;
  font-weight:800;
}
.home-panel-head span{
  color:#f45a1f;
  font-size:.9rem;
  font-weight:750;
}
.home-preview-row{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:18px;
}
.home-row-icon{
  color:#f45a1f;
}
.home-preview-row strong{
  font-size:.95rem;
  font-weight:800;
}
.home-preview-row small{
  color:#334155;
  font-size:.85rem;
  font-weight:750;
}
.home-editorial-band,
.home-tools-section,
.home-workflow-section,
.home-pricing-section,
.home-cta-section{
  margin-top:34px;
}
.home-editorial-band,
.home-tools-section,
.home-workflow-section,
.home-pricing-section{
  padding:34px;
  border-radius:34px;
}
.home-band-copy{
  margin-bottom:24px;
}
.home-band-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.home-band-card{
  padding:22px;
  border-radius:24px;
}
.home-section-head{
  max-width:760px;
  margin-bottom:24px;
}
.home-tools-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.home-tool-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:242px;
  padding:22px;
  border-radius:24px;
  text-align:left;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.home-tool-card:hover,
.home-workflow-card:hover,
.home-band-card:hover,
.home-proof-card:hover,
.home-workflow-story:hover,
.home-workflow-sidecard:hover,
.home-preview-row:hover{
  transform:translateY(-2px);
  border-color:#d1d8e3;
  box-shadow:0 16px 34px rgba(15,23,42,.07);
}
.home-tool-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:color-mix(in srgb, var(--home-tool-tone) 12%, white);
  color:var(--home-tool-tone);
  margin-bottom:22px;
}
.home-tool-card strong{
  font-size:1.28rem;
  font-weight:820;
}
.home-tool-arrow{
  margin-top:auto;
  align-self:flex-end;
  color:#141b2a;
  font-size:1.5rem;
  font-weight:700;
}
.home-workflow-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(260px,.7fr);
  gap:16px;
}
.home-workflow-story,
.home-workflow-sidecard{
  padding:24px;
  border-radius:26px;
}
.home-workflow-story-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.home-workflow-story-head strong{
  font-size:1.1rem;
  font-weight:800;
}
.home-workflow-story-head span{
  color:#5f6b7a;
  font-size:.92rem;
  font-weight:700;
}
.home-workflow-route{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:20px;
}
.home-route-node{
  padding:14px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e3e7ee;
  color:#141b2a;
  font-weight:780;
  text-align:center;
}
.home-workflow-stack{
  display:grid;
  gap:12px;
}
.home-workflow-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  padding:18px;
  border-radius:22px;
}
.home-workflow-index{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#f3f4f6;
  color:#475467;
  font-weight:850;
}
.home-workflow-card strong{
  font-size:1rem;
  font-weight:800;
}
.home-workflow-sidecard strong{
  font-size:1.08rem;
  font-weight:820;
}
.home-flow-list{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.home-flow-row{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:12px;
  align-items:start;
}
.home-flow-row .css-icon{
  color:#f45a1f;
}
.home-flow-row strong{
  font-size:.95rem;
  font-weight:780;
}
.home-pricing-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}
.home-pricing-copy h2{
  max-width:11ch;
}
.home-pricing-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px !important;
}
.home-pricing-grid .plan-card{
  min-height:560px !important;
}
.home-cta-card{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:34px;
  border-radius:34px;
}
.home-search-wrap{
  min-width:240px;
}
body.dark .home-root{
  background:#11151c;
  color:#f3f5f7;
}
body.dark .home-root .header{
  background:rgba(17,21,28,.88);
  border-bottom-color:rgba(255,255,255,.08);
}
body.dark .home-nav-link{
  color:#a8b3c6;
}
body.dark .home-nav-link:hover{
  background:rgba(255,255,255,.06);
  color:#fff;
}
body.dark .home-hero-copy h1,
body.dark .home-section-head h2,
body.dark .home-pricing-copy h2,
body.dark .home-cta-card h2,
body.dark .home-band-copy h2,
body.dark .home-preview-top h2,
body.dark .home-preview-row strong,
body.dark .home-proof-card strong,
body.dark .home-band-card strong,
body.dark .home-tool-card strong,
body.dark .home-workflow-story strong,
body.dark .home-workflow-card strong,
body.dark .home-workflow-sidecard strong,
body.dark .home-preview-stat strong{
  color:#f7f9fc;
}
body.dark .home-hero-lead,
body.dark .home-section-head p,
body.dark .home-pricing-copy p,
body.dark .home-cta-card p,
body.dark .home-band-copy p,
body.dark .home-proof-card p,
body.dark .home-band-card p,
body.dark .home-tool-card p,
body.dark .home-workflow-story p,
body.dark .home-workflow-card p,
body.dark .home-flow-row span,
body.dark .home-preview-row span,
body.dark .home-preview-stat small,
body.dark .home-preview-top p,
body.dark .home-preview-nav-item,
body.dark .home-preview-rail-card span,
body.dark .home-workflow-story-head span{
  color:#a8b3c6;
}
body.dark .home-proof-card,
body.dark .home-band-card,
body.dark .home-tool-card,
body.dark .home-workflow-card,
body.dark .home-workflow-story,
body.dark .home-workflow-sidecard,
body.dark .home-preview-shell,
body.dark .home-preview-stat,
body.dark .home-preview-panel,
body.dark .home-preview-row,
body.dark .home-editorial-band,
body.dark .home-tools-section,
body.dark .home-workflow-section,
body.dark .home-pricing-section,
body.dark .home-cta-card{
  background:#171c24;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
body.dark .home-preview-sidebar{
  background:#151922;
  border-right-color:rgba(255,255,255,.08);
}
body.dark .home-preview-current,
body.dark .home-workflow-index{
  background:rgba(255,255,255,.06);
  color:#f3f5f7;
}
body.dark .home-preview-search,
body.dark .home-route-node,
body.dark .home-preview-rail-card,
body.dark .home-secondary-btn{
  background:#11151c;
  border-color:rgba(255,255,255,.08);
  color:#f3f5f7;
}
body.dark .home-preview-search kbd{
  background:#1e2430;
  color:#b9c2d0;
}
@media (max-width: 1280px){
  .home-main{
    width:min(100% - 44px, 1440px);
  }

  .home-hero{
    grid-template-columns:1fr;
  }

  .home-hero-copy h1{
    max-width:12ch;
  }

  .home-preview-shell{
    grid-template-columns:210px minmax(0,1fr);
  }

  .home-tools-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .home-workflow-layout{
    grid-template-columns:1fr;
  }

  .home-pricing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 900px){
  .home-nav{
    display:none;
  }

  .home-preview-shell{
    grid-template-columns:1fr;
  }

  .home-preview-sidebar{
    border-right:0;
    border-bottom:1px solid #e3e7ee;
  }

  .home-preview-stats,
  .home-band-grid,
  .home-hero-proof-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-preview-panels,
  .home-tools-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-pricing-head,
  .home-cta-card{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width: 640px){
  .home-main{
    width:min(100% - 24px, 1440px);
    padding:26px 0 80px;
  }

  .home-hero{
    gap:24px;
    padding:12px 0 48px;
  }

  .home-hero-copy h1,
  .home-band-copy h2,
  .home-section-head h2,
  .home-pricing-copy h2,
  .home-cta-card h2{
    max-width:none;
    font-size:clamp(2.2rem,11vw,3.3rem);
  }

  .home-hero-actions,
  .home-cta-actions{
    width:100%;
    flex-direction:column;
  }

  .home-primary-btn,
  .home-secondary-btn{
    width:100%;
  }

  .home-proof-card,
  .home-band-card,
  .home-tool-card,
  .home-workflow-story,
  .home-workflow-card,
  .home-workflow-sidecard,
  .home-preview-panel,
  .home-cta-card,
  .home-editorial-band,
  .home-tools-section,
  .home-workflow-section,
  .home-pricing-section{
    border-radius:22px;
  }

  .home-preview-stats,
  .home-band-grid,
  .home-hero-proof-grid,
  .home-preview-panels,
  .home-tools-grid,
  .home-pricing-grid{
    grid-template-columns:1fr !important;
  }

  .home-editorial-band,
  .home-tools-section,
  .home-workflow-section,
  .home-pricing-section,
  .home-cta-card{
    padding:22px;
  }
}
/* Logged-in home dashboard */
.home-dashboard-main{
  display:grid;
  gap:22px;
}
.home-dashboard-hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:20px;
  align-items:stretch;
}
.home-dashboard-hero-copy,
.home-dashboard-spotlight,
.home-dashboard-link-card,
.home-dashboard-panel,
.home-dashboard-tool-card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 44px rgba(15,23,42,.05);
}
.home-dashboard-hero-copy{
  padding:30px 30px 32px;
}
.home-dashboard-hero-copy h1{
  margin:0;
  max-width:10ch;
  font-size:clamp(2rem,4.4vw,3.8rem);
  line-height:.98;
  letter-spacing:-.06em;
  color:var(--text);
}
.home-dashboard-lead{
  max-width:62ch;
  margin:16px 0 0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.7;
  font-weight:700;
}
.home-dashboard-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.home-dashboard-hero-side{
  display:grid;
}
.home-dashboard-spotlight{
  padding:24px;
}
.home-dashboard-spotlight-head{
  display:grid;
  gap:4px;
  margin-bottom:18px;
}
.home-dashboard-spotlight-head strong{
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:-.02em;
  color:var(--text);
}
.home-dashboard-spotlight-head span{
  color:var(--muted);
  font-size:.88rem;
  font-weight:700;
}
.home-dashboard-mini-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.home-dashboard-mini-stat{
  display:grid;
  gap:5px;
  padding:16px;
  border-radius:18px;
  background:var(--surface2);
}
.home-dashboard-mini-stat strong{
  font-size:1.18rem;
  font-weight:900;
  letter-spacing:-.04em;
  color:var(--text);
}
.home-dashboard-mini-stat span{
  color:var(--text);
  font-size:.86rem;
  font-weight:800;
}
.home-dashboard-mini-stat small{
  color:var(--muted);
  font-size:.78rem;
  line-height:1.55;
  font-weight:700;
}
.home-dashboard-link-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.home-dashboard-link-card{
  display:grid;
  gap:8px;
  padding:20px;
  text-align:left;
  cursor:pointer;
  transition:transform .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);
}
.home-dashboard-link-card:hover,
.home-dashboard-tool-card:hover,
.home-dashboard-list-row:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--accent-rgb),.18);
  box-shadow:0 20px 46px rgba(15,23,42,.08);
}
.home-dashboard-link-card strong,
.home-dashboard-panel h2,
.home-dashboard-tool-card strong{
  color:var(--text);
  font-weight:900;
  letter-spacing:-.03em;
}
.home-dashboard-link-card p,
.home-dashboard-tool-card p,
.home-dashboard-empty p{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.65;
  font-weight:700;
}
.home-dashboard-link-card span{
  margin-top:4px;
  color:var(--accent);
  font-size:.84rem;
  font-weight:900;
}
.home-dashboard-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:16px;
}
.home-dashboard-panel{
  padding:22px;
}
.home-dashboard-panel-wide{
  grid-row:span 2;
}
.home-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.home-panel-head h2{
  margin:0;
  font-size:1.06rem;
}
.home-panel-link{
  border:none;
  background:none;
  color:var(--accent);
  font:inherit;
  font-size:.83rem;
  font-weight:900;
  cursor:pointer;
}
.home-dashboard-list{
  display:grid;
  gap:10px;
}
.home-dashboard-list-row{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#fff;
  text-align:left;
  cursor:pointer;
  transition:transform .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);
}
.home-dashboard-list-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--surface2);
  color:var(--accent);
}
.home-dashboard-list-row strong{
  display:block;
  color:var(--text);
  font-size:.92rem;
  font-weight:900;
  letter-spacing:-.02em;
}
.home-dashboard-list-row span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.55;
  font-weight:700;
}
.home-dashboard-empty{
  display:grid;
  gap:6px;
  padding:18px;
  border-radius:18px;
  background:var(--surface2);
}
.home-dashboard-empty strong{
  color:var(--text);
  font-size:.96rem;
  font-weight:900;
  letter-spacing:-.02em;
}
.home-dashboard-tools{
  display:grid;
  gap:18px;
}
.home-dashboard-tools-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.home-dashboard-tool-card{
  display:grid;
  gap:10px;
  padding:22px;
  text-align:left;
  cursor:pointer;
  transition:transform .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);
}
.home-dashboard-tool-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:color-mix(in srgb, var(--home-tool-tone) 10%, white);
  color:var(--home-tool-tone);
}
body.dark .home-dashboard-hero-copy,
body.dark .home-dashboard-spotlight,
body.dark .home-dashboard-link-card,
body.dark .home-dashboard-panel,
body.dark .home-dashboard-tool-card,
body.dark .home-dashboard-list-row{
  background:var(--surface);
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
body.dark .home-dashboard-mini-stat,
body.dark .home-dashboard-empty,
body.dark .home-dashboard-list-icon{
  background:var(--surface2);
}
body.dark .home-dashboard-hero-copy h1,
body.dark .home-dashboard-spotlight-head strong,
body.dark .home-dashboard-link-card strong,
body.dark .home-dashboard-panel h2,
body.dark .home-dashboard-tool-card strong,
body.dark .home-dashboard-list-row strong,
body.dark .home-dashboard-empty strong,
body.dark .home-dashboard-mini-stat strong,
body.dark .home-dashboard-mini-stat span{
  color:var(--text);
}
body.dark .home-dashboard-lead,
body.dark .home-dashboard-spotlight-head span,
body.dark .home-dashboard-link-card p,
body.dark .home-dashboard-tool-card p,
body.dark .home-dashboard-list-row span,
body.dark .home-dashboard-empty p,
body.dark .home-dashboard-mini-stat small{
  color:var(--muted);
}
@media (max-width:1200px){
  .home-dashboard-hero,
  .home-dashboard-overview-grid{
    grid-template-columns:1fr;
  }

  .home-dashboard-link-grid,
  .home-dashboard-tools-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-dashboard-panel-wide{
    grid-row:auto;
  }
}
@media (max-width:768px){
  .home-dashboard-hero-copy,
  .home-dashboard-spotlight,
  .home-dashboard-link-card,
  .home-dashboard-panel,
  .home-dashboard-tool-card{
    padding:18px;
  }

  .home-dashboard-link-grid,
  .home-dashboard-tools-grid,
  .home-dashboard-mini-stats{
    grid-template-columns:1fr;
  }

  .home-dashboard-actions{
    flex-direction:column;
  }

  .home-dashboard-actions .home-primary-btn,
  .home-dashboard-actions .home-secondary-btn{
    width:100%;
  }
}
/* Logged-in home tool directory */
.home-directory-main{
  display:grid;
  gap:26px;
}
.home-directory-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:24px;
  align-items:end;
  padding:28px 30px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 48px rgba(15,23,42,.05);
}
.home-directory-group{
  display:grid;
  gap:18px;
  padding:28px 30px 30px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:28px;
  background:#fff;
  box-shadow:0 14px 38px rgba(15,23,42,.04);
}
.home-directory-hero h1{
  margin:0;
  max-width:720px;
  color:var(--text);
  font-size:clamp(2.15rem,4vw,3.45rem);
  line-height:1.02;
  letter-spacing:-.05em;
}
.home-directory-hero p,
.home-directory-group-head p{
  margin:12px 0 0;
  max-width:68ch;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.65;
  font-weight:600;
}
.home-directory-hero-copy{
  min-width:0;
}
.home-directory-hero-search{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.home-directory-search-box{
  display:flex;
  align-items:center;
  gap:12px;
  width:min(100%, 420px);
  min-height:56px;
  padding:0 16px;
  border:1px solid rgba(15,23,42,.1);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
  color:var(--muted);
}
.home-directory-search-box input{
  width:100%;
  border:0;
  background:transparent;
  color:var(--text);
  font-size:.95rem;
  font-weight:600;
  outline:none;
}
.home-directory-search-box input::placeholder{
  color:#98a2b3;
}
.home-directory-search-clear{
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#fff;
  color:var(--text);
  font-size:.88rem;
  font-weight:800;
  cursor:pointer;
}
.home-directory-group-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.home-directory-group-head h2{
  margin:0;
  color:var(--text);
  font-size:1.28rem;
  font-weight:900;
  letter-spacing:-.03em;
}
.home-directory-group-copy{
  min-width:0;
}
.home-directory-group-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.home-directory-group-count{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:#f8fafc;
  color:var(--muted);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.home-directory-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.home-directory-card{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-height:220px;
  padding:20px;
  text-align:left;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
  transition:transform .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);
}
.home-directory-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--accent-rgb),.18);
  box-shadow:0 22px 44px rgba(15,23,42,.08);
}
.home-directory-card:focus-within{
  border-color:rgba(var(--accent-rgb),.22);
  box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1),0 22px 44px rgba(15,23,42,.08);
}
.home-directory-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.home-directory-card-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  border-radius:16px;
  background:color-mix(in srgb, var(--home-tool-tone) 14%, white);
  color:var(--home-tool-tone);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--home-tool-tone) 12%, white);
}
.home-directory-card-note{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:#fff7ed;
  color:var(--accent-dark);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.home-directory-card-copy{
  display:grid;
  gap:8px;
  min-width:0;
}
.home-directory-card strong{
  color:var(--text);
  font-size:1rem;
  font-weight:900;
  letter-spacing:-.02em;
}
.home-directory-card p{
  margin:0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.6;
  font-weight:600;
}
.home-directory-card-actions{
  margin-top:auto;
}
.home-directory-open-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#fff;
  color:var(--text);
  font-size:.86rem;
  font-weight:800;
  cursor:pointer;
  transition:background-color .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);
}
.home-directory-open-btn:hover{
  background:#f8fafc;
  border-color:rgba(var(--accent-rgb),.18);
  color:var(--accent-dark);
}
.home-directory-open-btn:focus-visible,
.home-directory-search-clear:focus-visible{
  border-color:rgba(var(--accent-rgb),.28);
  box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12);
}
.home-directory-empty{
  display:grid;
  gap:12px;
  justify-items:start;
  padding:28px 30px;
  border:1px dashed rgba(15,23,42,.12);
  border-radius:28px;
  background:#fff;
}
.home-directory-empty h2{
  margin:0;
  color:var(--text);
  font-size:1.35rem;
  font-weight:900;
  letter-spacing:-.03em;
}
.home-directory-empty p{
  margin:0;
  max-width:52ch;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.65;
  font-weight:600;
}
body.dark .home-directory-hero,
body.dark .home-directory-group,
body.dark .home-directory-card,
body.dark .home-directory-empty{
  background:var(--surface);
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
body.dark .home-directory-hero h1,
body.dark .home-directory-group-head h2,
body.dark .home-directory-card strong,
body.dark .home-directory-empty h2{
  color:var(--text);
}
body.dark .home-directory-hero p,
body.dark .home-directory-group-head p,
body.dark .home-directory-card p,
body.dark .home-directory-empty p{
  color:var(--muted);
}
body.dark .home-directory-search-box,
body.dark .home-directory-search-clear,
body.dark .home-directory-open-btn,
body.dark .home-directory-group-count{
  background:#050505;
  border-color:rgba(255,255,255,.08);
  color:var(--text);
  box-shadow:none;
}
body.dark .home-directory-search-box input{
  color:var(--text);
}
body.dark .home-directory-search-box input::placeholder{
  color:#71717a;
}
body.dark .home-directory-card-note{
  background:rgba(var(--accent-rgb),.14);
  color:#ffb38e;
}
/* Logged-in dashboard */
.workspace-dashboard-root{
  width:100%;
}
.workspace-dashboard-main{
  width:min(1500px,calc(100% - 40px));
  margin:0 auto;
  display:grid;
  gap:20px;
  padding:30px 0 42px;
}
.workspace-dashboard-welcome,
.workspace-dashboard-panel{
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 32px rgba(15,23,42,.05);
}
.workspace-dashboard-welcome{
  position:relative;
  overflow:hidden;
  padding:34px 38px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}
.workspace-dashboard-welcome-copy{
  position:relative;
  z-index:1;
  max-width:700px;
}
.workspace-dashboard-welcome-copy h1{
  margin:0;
  color:var(--text);
  font-size:clamp(2rem,4vw,3.1rem);
  line-height:1.02;
  letter-spacing:-.05em;
  font-weight:950;
}
.workspace-dashboard-welcome-copy p{
  margin:14px 0 0;
  color:var(--muted);
  font-size:1.04rem;
  font-weight:600;
}
.workspace-dashboard-hero-art{
  position:relative;
  width:320px;
  height:150px;
  flex-shrink:0;
}
.workspace-dashboard-art-base{
  position:absolute;
  right:48px;
  bottom:0;
  width:150px;
  height:108px;
  border-radius:28px 28px 0 0;
  background:rgba(var(--accent-rgb),.12);
}
.workspace-dashboard-art-card{
  position:absolute;
  right:18px;
  bottom:12px;
  width:136px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  overflow:hidden;
  border:1px solid rgba(var(--accent-rgb),.08);
}
.workspace-dashboard-art-top{
  height:20px;
  background:rgba(var(--accent-rgb),.16);
}
.workspace-dashboard-art-lines{
  display:grid;
  gap:10px;
  padding:16px;
}
.workspace-dashboard-art-lines span{
  display:block;
  height:10px;
  border-radius:999px;
  background:rgba(var(--accent-rgb),.12);
}
.workspace-dashboard-art-lines span:nth-child(1){width:70px}
.workspace-dashboard-art-lines span:nth-child(2){width:94px}
.workspace-dashboard-art-lines span:nth-child(3){width:54px}
.workspace-dashboard-art-chip{
  position:absolute;
  right:0;
  bottom:18px;
  width:62px;
  height:62px;
  border-radius:18px;
  background:rgba(var(--accent-rgb),.28);
  box-shadow:0 10px 20px rgba(var(--accent-rgb),.16);
}
.workspace-dashboard-art-spark{
  position:absolute;
  color:rgba(var(--accent-rgb),.6);
  font-size:1.1rem;
  font-weight:900;
}
.workspace-dashboard-art-spark-a{right:12px;top:10px}
.workspace-dashboard-art-spark-b{right:158px;top:52px}
.workspace-dashboard-panel{
  padding:28px;
}
.workspace-dashboard-section-title{
  margin:0;
  color:var(--text);
  font-size:1.12rem;
  font-weight:900;
  letter-spacing:-.03em;
}
.workspace-dashboard-actions-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.workspace-dashboard-action-card{
  width:100%;
  min-height:126px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:#fff;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease);
}
.workspace-dashboard-action-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--accent-rgb),.18);
  box-shadow:0 14px 28px rgba(15,23,42,.08);
}
.workspace-dashboard-action-icon,
.workspace-dashboard-recent-icon,
.workspace-dashboard-usage-stat-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  border-radius:18px;
}
.workspace-card-icon-orange{background:#ffedd5;color:#ea580c}
.workspace-card-icon-green{background:#dcfce7;color:#16a34a}
.workspace-card-icon-purple{background:#f3e8ff;color:#9333ea}
.workspace-card-icon-blue{background:#dbeafe;color:#2563eb}
.workspace-card-icon-pink{background:#fce7f3;color:#db2777}
.workspace-card-icon-amber{background:#fef3c7;color:#d97706}
.workspace-dashboard-action-copy{
  min-width:0;
  flex:1;
  display:grid;
  gap:8px;
}
.workspace-dashboard-action-copy strong{
  display:block;
  font-size:1.04rem;
  font-weight:900;
  letter-spacing:-.02em;
}
.workspace-dashboard-action-copy span{
  display:block;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.55;
  font-weight:600;
}
.workspace-dashboard-action-arrow{
  flex-shrink:0;
  color:#64748b;
  transition:transform .16s var(--ease),color .16s var(--ease);
}
.workspace-dashboard-action-card:hover .workspace-dashboard-action-arrow{
  transform:translateX(4px);
  color:var(--accent);
}
.workspace-dashboard-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:20px;
}
.workspace-dashboard-side-stack{
  display:grid;
  gap:20px;
  align-content:start;
}
.workspace-dashboard-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.workspace-dashboard-link-btn{
  border:none;
  background:transparent;
  color:var(--accent);
  font:inherit;
  font-size:.84rem;
  font-weight:900;
  cursor:pointer;
}
.workspace-dashboard-recent-shell{
  margin-top:18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
}
.workspace-dashboard-recent-list{
  display:grid;
}
.workspace-dashboard-recent-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  transition:background-color .16s var(--ease);
}
.workspace-dashboard-recent-row + .workspace-dashboard-recent-row{
  border-top:1px solid rgba(15,23,42,.06);
}
.workspace-dashboard-recent-row:hover{
  background:#f8fafc;
}
.workspace-dashboard-recent-icon{
  width:46px;
  height:46px;
  border-radius:14px;
}
.workspace-dashboard-recent-copy{
  min-width:0;
  flex:1;
}
.workspace-dashboard-recent-copy p{
  margin:0;
  color:var(--text);
  font-size:.94rem;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.workspace-dashboard-recent-copy span{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:.82rem;
  font-weight:600;
}
.workspace-dashboard-file-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:10px;
  background:#f1f5f9;
  color:#475569;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.04em;
}
.workspace-dashboard-recent-empty{
  display:grid;
  justify-items:center;
  gap:10px;
  padding:40px 24px;
  text-align:center;
}
.workspace-dashboard-recent-empty-icon{
  width:80px;
  height:80px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:#ffedd5;
  color:var(--accent);
}
.workspace-dashboard-recent-empty h3{
  margin:0;
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:-.02em;
}
.workspace-dashboard-recent-empty p{
  margin:0;
  max-width:240px;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.6;
  font-weight:600;
}
.workspace-dashboard-side-panel{
  padding:24px;
}
.workspace-dashboard-usage-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.workspace-dashboard-usage-stat{
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:16px;
  background:#fff;
}
.workspace-dashboard-usage-stat-head{
  display:flex;
  align-items:center;
  gap:12px;
}
.workspace-dashboard-usage-stat-icon{
  width:44px;
  height:44px;
  border-radius:14px;
}
.workspace-dashboard-usage-stat-head p{
  margin:0;
  color:var(--text);
  font-size:1.55rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}
.workspace-dashboard-usage-stat-head span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.74rem;
  font-weight:800;
}
.workspace-dashboard-usage-block{
  margin-top:18px;
}
.workspace-dashboard-usage-headline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  color:#334155;
  font-size:.82rem;
  font-weight:900;
}
.workspace-dashboard-usage-track{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:#e2e8f0;
}
.workspace-dashboard-usage-fill{
  height:100%;
  border-radius:999px;
  background:var(--accent);
}
.workspace-dashboard-usage-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  font-size:.8rem;
  font-weight:800;
}
.workspace-dashboard-usage-meta span:first-child{
  color:var(--accent);
}
.workspace-dashboard-usage-meta span:last-child{
  color:var(--muted);
}
.workspace-dashboard-plan-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:16px;
  margin-top:16px;
  border-top:1px solid rgba(15,23,42,.06);
}
.workspace-dashboard-plan-row span:first-child{
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}
.workspace-dashboard-plan-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:#ffedd5;
  color:var(--accent);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.05em;
}
.workspace-dashboard-help-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.workspace-dashboard-help-copy p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.55;
  font-weight:600;
}
.workspace-dashboard-help-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  margin-top:16px;
  padding:0 16px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#fff;
  color:var(--text);
  font:inherit;
  font-size:.84rem;
  font-weight:900;
  cursor:pointer;
}
.workspace-dashboard-help-btn:hover{
  background:#f8fafc;
}
.workspace-dashboard-help-art{
  position:relative;
  width:80px;
  height:80px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  border-radius:999px;
  background:#ffedd5;
}
.workspace-dashboard-help-ring{
  position:absolute;
  inset:0;
  border-radius:999px;
  border:14px solid rgba(var(--accent-rgb),.28);
}
.workspace-dashboard-help-core{
  width:36px;
  height:36px;
  border-radius:999px;
  background:#fff;
}
.landing-dashboard-preview-shell{
  width:min(100%,820px);
  display:grid;
  gap:18px;
  padding:22px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:30px;
  background:#fff;
  box-shadow:0 22px 56px rgba(15,23,42,.08);
}
.landing-dashboard-preview-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.landing-dashboard-preview-copy{
  display:grid;
  gap:8px;
  max-width:420px;
}
.landing-dashboard-preview-kicker{
  color:var(--accent);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.landing-dashboard-preview-copy h2{
  margin:0;
  color:var(--text);
  font-size:1.6rem;
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:950;
}
.landing-dashboard-preview-copy p{
  margin:0;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.55;
  font-weight:600;
}
.landing-dashboard-preview-search{
  min-width:196px;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:#fff;
  color:var(--muted);
  font-size:.82rem;
  font-weight:700;
}
.landing-dashboard-preview-search kbd{
  min-width:30px;
  height:28px;
  display:inline-grid;
  place-items:center;
  padding:0 8px;
  border-radius:10px;
  background:#f8fafc;
  color:#64748b;
  font-size:.72rem;
  font-weight:900;
}
.landing-dashboard-preview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.95fr);
  gap:16px;
}
.landing-dashboard-preview-card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:#fff;
  padding:18px;
}
.landing-dashboard-preview-card-welcome,
.landing-dashboard-preview-card-actions{
  grid-column:1;
}
.landing-dashboard-preview-card-usage,
.landing-dashboard-preview-card-recent{
  grid-column:2;
}
.landing-dashboard-preview-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.landing-dashboard-preview-card-head h3{
  margin:0;
  color:var(--text);
  font-size:1rem;
  font-weight:900;
  letter-spacing:-.03em;
}
.landing-dashboard-preview-card-head span,
.landing-dashboard-preview-card-head button{
  color:var(--accent);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.landing-dashboard-preview-card-head button{
  border:none;
  background:transparent;
  padding:0;
  cursor:default;
}
.landing-dashboard-preview-card-welcome{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
}
.landing-dashboard-preview-welcome-copy{
  min-width:0;
  display:grid;
  gap:8px;
  max-width:320px;
}
.landing-dashboard-preview-welcome-copy strong{
  color:var(--text);
  font-size:1.12rem;
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:950;
}
.landing-dashboard-preview-welcome-copy span{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.55;
  font-weight:600;
}
.landing-dashboard-preview-hero-art{
  position:relative;
  width:170px;
  height:100px;
  flex-shrink:0;
}
.landing-dashboard-preview-hero-base{
  position:absolute;
  right:28px;
  bottom:0;
  width:86px;
  height:64px;
  border-radius:20px 20px 0 0;
  background:rgba(var(--accent-rgb),.14);
}
.landing-dashboard-preview-hero-sheet{
  position:absolute;
  right:8px;
  bottom:10px;
  width:94px;
  border:1px solid rgba(var(--accent-rgb),.08);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  overflow:hidden;
}
.landing-dashboard-preview-hero-sheet-top{
  height:14px;
  background:rgba(var(--accent-rgb),.16);
}
.landing-dashboard-preview-hero-lines{
  display:grid;
  gap:6px;
  padding:12px;
}
.landing-dashboard-preview-hero-lines span{
  display:block;
  height:7px;
  border-radius:999px;
  background:rgba(var(--accent-rgb),.14);
}
.landing-dashboard-preview-hero-lines span:nth-child(1){width:50px}
.landing-dashboard-preview-hero-lines span:nth-child(2){width:62px}
.landing-dashboard-preview-hero-lines span:nth-child(3){width:34px}
.landing-dashboard-preview-hero-chip{
  position:absolute;
  right:0;
  bottom:18px;
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(var(--accent-rgb),.28);
  box-shadow:0 10px 18px rgba(var(--accent-rgb),.18);
}
.landing-dashboard-preview-usage-metric{
  margin-top:18px;
  display:grid;
  gap:6px;
}
.landing-dashboard-preview-usage-metric strong{
  color:var(--text);
  font-size:1.5rem;
  line-height:1;
  letter-spacing:-.05em;
  font-weight:950;
}
.landing-dashboard-preview-usage-metric small{
  color:var(--muted);
  font-size:.82rem;
  font-weight:700;
}
.landing-dashboard-preview-usage-track{
  height:9px;
  margin-top:16px;
  overflow:hidden;
  border-radius:999px;
  background:#e2e8f0;
}
.landing-dashboard-preview-usage-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--accent);
}
.landing-dashboard-preview-usage-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
}
.landing-dashboard-preview-usage-meta span{
  color:var(--accent);
  font-size:.8rem;
  font-weight:900;
}
.landing-dashboard-preview-usage-meta small{
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
}
.landing-dashboard-preview-actions-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.landing-dashboard-preview-action{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:88px;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#fff;
}
.landing-dashboard-preview-action-icon,
.landing-dashboard-preview-recent-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  border-radius:14px;
}
.landing-dashboard-preview-action-copy{
  min-width:0;
  display:grid;
  gap:6px;
}
.landing-dashboard-preview-action-copy strong{
  color:var(--text);
  font-size:.92rem;
  line-height:1.2;
  font-weight:900;
}
.landing-dashboard-preview-action-copy span{
  color:var(--muted);
  font-size:.76rem;
  line-height:1.5;
  font-weight:600;
}
.landing-dashboard-preview-recent-list{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.landing-dashboard-preview-recent-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#fff;
}
.landing-dashboard-preview-recent-copy{
  min-width:0;
  flex:1;
}
.landing-dashboard-preview-recent-copy strong{
  display:block;
  color:var(--text);
  font-size:.86rem;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.landing-dashboard-preview-recent-copy span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:.72rem;
  font-weight:600;
}
.landing-dashboard-preview-recent-row small{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:10px;
  background:#f1f5f9;
  color:#475569;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.05em;
}
body.dark .workspace-dashboard-welcome,
body.dark .workspace-dashboard-panel,
body.dark .workspace-dashboard-action-card,
body.dark .workspace-dashboard-recent-shell,
body.dark .workspace-dashboard-usage-stat,
body.dark .workspace-dashboard-help-btn{
  background:var(--surface);
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
body.dark .workspace-dashboard-recent-row:hover,
body.dark .workspace-dashboard-help-btn:hover{
  background:rgba(255,255,255,.04);
}
body.dark .workspace-dashboard-welcome-copy h1,
body.dark .workspace-dashboard-section-title,
body.dark .workspace-dashboard-action-copy strong,
body.dark .workspace-dashboard-recent-copy p,
body.dark .workspace-dashboard-recent-empty h3,
body.dark .workspace-dashboard-usage-stat-head p{
  color:var(--text);
}
body.dark .workspace-dashboard-welcome-copy p,
body.dark .workspace-dashboard-action-copy span,
body.dark .workspace-dashboard-recent-copy span,
body.dark .workspace-dashboard-recent-empty p,
body.dark .workspace-dashboard-help-copy p,
body.dark .workspace-dashboard-plan-row span:first-child,
body.dark .workspace-dashboard-usage-meta span:last-child,
body.dark .workspace-dashboard-usage-stat-head span{
  color:var(--muted);
}
body.dark .workspace-dashboard-file-badge{
  background:#050505;
  color:#cbd5e1;
}
body.dark .workspace-dashboard-usage-track{
  background:rgba(255,255,255,.08);
}
body.dark .workspace-dashboard-art-card{
  background:var(--surface2);
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
body.dark .workspace-dashboard-help-core{
  background:var(--surface2);
}
body.dark .landing-dashboard-preview-shell,
body.dark .landing-dashboard-preview-card,
body.dark .landing-dashboard-preview-action,
body.dark .landing-dashboard-preview-recent-row,
body.dark .landing-dashboard-preview-search{
  background:var(--surface);
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
body.dark .landing-dashboard-preview-copy h2,
body.dark .landing-dashboard-preview-card-head h3,
body.dark .landing-dashboard-preview-welcome-copy strong,
body.dark .landing-dashboard-preview-usage-metric strong,
body.dark .landing-dashboard-preview-action-copy strong,
body.dark .landing-dashboard-preview-recent-copy strong{
  color:var(--text);
}
body.dark .landing-dashboard-preview-copy p,
body.dark .landing-dashboard-preview-welcome-copy span,
body.dark .landing-dashboard-preview-usage-metric small,
body.dark .landing-dashboard-preview-usage-meta small,
body.dark .landing-dashboard-preview-action-copy span,
body.dark .landing-dashboard-preview-recent-copy span,
body.dark .landing-dashboard-preview-search{
  color:var(--muted);
}
body.dark .landing-dashboard-preview-search kbd,
body.dark .landing-dashboard-preview-recent-row small{
  background:#050505;
  color:#cbd5e1;
}
body.dark .landing-dashboard-preview-usage-track{
  background:rgba(255,255,255,.08);
}
body.dark .landing-dashboard-preview-hero-sheet{
  background:var(--surface2);
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
@media (max-width:1200px){
  .workspace-dashboard-actions-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .workspace-dashboard-content-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:900px){
  .workspace-dashboard-welcome{
    padding:28px 24px;
  }

  .workspace-dashboard-hero-art{
    display:none;
  }
}
@media (max-width:760px){
  .workspace-dashboard-main{
    width:min(100%,calc(100% - 24px));
    padding:22px 0 32px;
    gap:16px;
  }

  .workspace-dashboard-panel,
  .workspace-dashboard-side-panel{
    padding:22px;
  }

  .workspace-dashboard-actions-grid,
  .workspace-dashboard-usage-grid{
    grid-template-columns:1fr;
  }

  .workspace-dashboard-help-row{
    align-items:flex-start;
  }

  .landing-dashboard-preview-grid{
    grid-template-columns:1fr;
  }

  .landing-dashboard-preview-card-welcome,
  .landing-dashboard-preview-card-actions,
  .landing-dashboard-preview-card-usage,
  .landing-dashboard-preview-card-recent{
    grid-column:auto;
  }
}
@media (max-width:1200px){
  .home-directory-hero{
    grid-template-columns:1fr;
    align-items:start;
  }

  .home-directory-hero-search{
    justify-content:flex-start;
  }

  .home-directory-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:900px){
  .home-directory-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .landing-dashboard-preview-shell{
    width:100%;
    padding:18px;
    border-radius:24px;
  }

  .landing-dashboard-preview-top{
    flex-direction:column;
    align-items:stretch;
  }

  .landing-dashboard-preview-search{
    min-width:0;
  }

  .landing-dashboard-preview-actions-grid{
    grid-template-columns:1fr;
  }

  .landing-dashboard-preview-card-welcome{
    padding-bottom:22px;
  }

  .landing-dashboard-preview-hero-art{
    display:none;
  }
}
@media (max-width:640px){
  .home-directory-hero,
  .home-directory-group,
  .home-directory-empty{
    padding:22px;
    border-radius:22px;
  }

  .home-directory-group-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .home-directory-hero-search{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }

  .home-directory-search-box{
    width:100%;
  }

  .home-directory-grid{
    grid-template-columns:1fr;
  }

  .home-directory-card{
    min-height:unset;
    padding:18px;
  }
}
body:not(.dark) .dashv4-shell,
body:not(.dark) .dashv4-sidebar,
body:not(.dark) .dashv4-main,
body:not(.dark) .dashv4-collections,
body:not(.dark) .dashv4-usage-card,
body:not(.dark) .dashv4-side-action,
body:not(.dark) .dashv4-panel,
body:not(.dark) .dashv4-row,
body:not(.dark) .dashv4-file-card,
body:not(.dark) .dashv4-history-item,
body:not(.dark) .dashv4-share-metric,
body:not(.dark) .dashv4-selected-item,
body:not(.dark) .dashv4-form-grid .input,
body:not(.dark) .dashv4-form-grid .select,
body:not(.dark) .dashv4-empty,
body:not(.dark) .dashv4-share-drop,
body:not(.dark) .home-directory-hero,
body:not(.dark) .home-directory-group,
body:not(.dark) .home-directory-card,
body:not(.dark) .home-directory-empty{
  background:#fff !important;
}
/* Senior product polish pass: one calm visual system everywhere. */
:root{
  --bg:#fefdfc;
  --surface:#fff;
  --surface2:#f8fafc;
  --surface-elevated:#fff;
  --faint:#f8fafc;
  --border:#e5e7eb;
  --border2:#d1d5db;
  --accent:#ea580c;
  --accent2:#ea580c;
  --accent-dark:#c2410c;
  --accent-light:#f8fafc;
  --accent-rgb:234,88,12;
  --file-type-svg-bg:#f8fafc;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --shadow:0 8px 24px rgba(16,24,40,.06);
  --shadow-lg:0 14px 34px rgba(16,24,40,.08);
  --shadow-xl:0 18px 46px rgba(16,24,40,.10);
}
body.dark{
  --surface:#141b24;
  --surface2:#192230;
  --surface-elevated:#141b24;
  --faint:#192230;
  --border:rgba(255,255,255,.08);
  --border2:rgba(255,255,255,.12);
  --accent:#fb923c;
  --accent2:#fb923c;
  --accent-dark:#fdba74;
  --accent-light:rgba(255,255,255,.06);
  --accent-rgb:251,146,60;
  --file-type-svg-bg:rgba(255,255,255,.06);
}
html{
  background:#fefdfc;
}
body{
  background:#fefdfc !important;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.dark{
  background:#0f141b !important;
}
:where(.main-content,.home-main){
  padding-top:28px;
}
:where(.card,.modal,.ad-modal,.tool-shell,.tool-note-card,.tool-stage,.upload-zone,.preview-wrap,.sign-pad-wrap,.account-v2-sidecard,.account-v2-surface,.account-v2-summary-card,.account-v2-export-focus,.account-v2-settings-card,.qrv2-shell,.qrv2-panel,.qrv2-preview-panel,.wmv2-header,.wmv2-panel,.wmv2-preview,.wfv3-header,.wfv3-builder-card,.wfv3-saved-card,.wfv3-activity-card,.wfv3-story-card,.esignv2-header,.esignv2-side,.esignv2-panel,.esignv2-document,.esignv2-stickybar,.rb-card,.rbv3-country-card,.rbv3-toolbar,.rbv3-panel-card,.rbv3-preview-shell,.rbv3-download-dock,.invoice-v3-utility-bar,.invoice-v3-card,.pdf-pro-header,.pdf-pro-left-panel,.pdf-pro-side-card,.pdf-pro-tools-card,.pdf-pro-stage-card,.dashv4-shell,.dashv4-sidebar,.dashv4-collections,.dashv4-usage-card,.dashv4-panel,.dashv4-file-card,.dashv4-row,.dashv4-history-item,.dashv4-empty,.dashv4-share-drop,.home-directory-card){
  background:var(--surface) !important;
  border-color:var(--border) !important;
  border-radius:16px !important;
  box-shadow:var(--shadow-sm) !important;
}
:where(.home-directory-hero,.home-directory-group){
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
:where(.qrv2-preview-stage,.wmv2-preview,.esignv2-doc-stage,.pdf-pro-canvas-shell,.rbv3-preview-shell,.rbv3-preview-container,.dashv4-main,.dashv4-main.dragover,.dashv4-file-thumb,.dashv4-row-thumb,.qrv2-preview-empty-icon){
  background:var(--surface2) !important;
  background-image:none !important;
}
:where(.qrv2-title,.rbv3-title,.wfv3-title,.invoice-v3-title,.pdf-pro-title,.wmv2-header-copy h1,.esignv2-title h2,.dashv4-title h2,.home-directory-hero h1){
  font-size:clamp(1.9rem,2.45vw,2.75rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
:where(.qrv2-subtitle,.rbv3-subtitle,.wfv3-subtitle,.pdf-pro-subtitle,.wmv2-header-copy p,.esignv2-title p,.dashv4-title p,.home-directory-hero p,.home-directory-group-head p){
  color:var(--muted) !important;
  font-size:.95rem !important;
  line-height:1.6 !important;
  font-weight:650 !important;
}
:where(.qrv2-layout,.wmv2-layout,.wfv3-main-grid,.account-v2-layout,.account-v2-main-stack,.account-v2-summary-grid,.account-v2-settings-grid,.invoice-v3-grid,.invoice-v3-editor,.pdf-pro-layout,.dashv4-share-grid,.rbv3-layout,.rbv3-left-column,.rbv3-right-column,.home-directory-main){
  gap:18px !important;
}
:where(button,.btn,.btn-primary,.btn-ghost,.btn-icon,.qrv2-top-btn,.qrv2-action-btn,.wmv2-action-btn,.wmv2-muted-btn,.wmv2-primary-btn,.wmv2-export-btn,.wfv3-pill,.wfv3-outline-btn,.wfv3-preset-chip,.wfv3-setting-btn,.esignv2-action-btn,.esignv2-primary-btn,.esignv2-icon-btn,.esignv2-pill-btn,.esignv2-tab,.invoice-v3-profile-btn,.invoice-v3-toolbar-btn,.invoice-v3-add-item,.invoice-v3-term,.account-v2-chip,.pdf-pro-pill-btn,.pdf-pro-primary-btn,.pdf-pro-icon-btn,.pdf-pro-chip-btn,.pdf-pro-quick-action,.pdf-pro-tool-tile,.dashv4-nav-btn,.dashv4-collection-btn,.dashv4-side-action,.dashv4-side-cta,.dashv4-ghost-btn,.dashv4-icon-btn,.dashv4-share-btn,.dashv4-history-filter,.rb-action-btn,.rb-ai-btn,.rb-add-btn,.rbv3-ghost-btn,.rbv3-utility-btn,.rbv3-template-card,.rbv3-section-item,.rbv3-add-section){
  border-radius:12px !important;
  box-shadow:none !important;
}
:where(input,textarea,select,.input,.select,.search-input,.qrv2-input-wrap,.qrv2-field input,.qrv2-field textarea,.qrv2-field select,.wmv2-input,.esignv2-input,.esignv2-select,.esignv2-textarea,.wfv3-field input,.wfv3-field textarea,.wfv3-select-wrap,.invoice-v3-input-wrap,.invoice-v3-input,.invoice-v3-select,.invoice-v3-textarea,.rb-fld input,.rb-fld textarea,.rb-fld select,.dashv4-search,.dashv4-form-grid .input,.dashv4-form-grid .select,.pdf-pro-inline-editor){
  background:var(--surface) !important;
  border-color:var(--border) !important;
  border-radius:12px !important;
}
:where(.app-sidebar-item.active,.account-nav-item.active,.dash-rail-link.active,.hnav-btn.active,.mob-nav-item.active,.account-v2-menu-item.active,.account-v2-chip.active,.qrv2-content-type.is-active,.qrv2-template-chip.is-active,.qrv2-swatch.is-active,.wmv2-font-option.active,.wmv2-pos-btn.active,.wmv2-pattern-btn.active,.wfv3-setting-btn.is-active,.wfv3-action-card.is-selected,.wfv3-state-badge.is-on,.esignv2-side-item.active,.esignv2-tab.active,.invoice-v3-step.active,.invoice-v3-term.active,.dashv4-nav-btn.active,.dashv4-collection-btn.active,.dashv4-history-filter.active,.pdf-pro-page-card.active,.pdf-pro-stage-icon.active){
  background:var(--surface2) !important;
  background-image:none !important;
  color:var(--accent) !important;
  border-color:rgba(var(--accent-rgb),.18) !important;
  box-shadow:none !important;
}
.app-sidebar{
  background:var(--surface) !important;
  border-color:var(--border) !important;
  box-shadow:none !important;
}
body.dark .app-sidebar-item.active{
  background:rgba(255,255,255,.06) !important;
  color:var(--accent) !important;
}
.ad-slot{
  background:#fff !important;
  border:1px solid var(--border) !important;
  box-shadow:none !important;
}
body.dark .ad-slot{
  background:var(--surface) !important;
}
/* Final true-black dark mode: this intentionally wins over older charcoal passes. */
body.dark{
  --bg:#000 !important;
  --surface:#050505 !important;
  --surface2:#0b0b0b !important;
  --border:#1e1e1e !important;
  --border2:#2b2b2b !important;
  --faint:#101010 !important;
}
body.dark,
body.dark #root,
body.dark .app,
body.dark .landing-root,
body.dark .home-root,
body.dark .main-content{
  background:#000 !important;
  background-image:none !important;
}
body.dark :where(
  .header,
  .landing-saas-header,
  .site-footer,
  .app-sidebar,
  .mob-drawer,
  .mob-bottom-nav,
  .card,
  .modal,
  .search-dropdown,
  .user-menu,
  .tool-page,
  .tool-stage,
  .tool-note-card,
  .upload-zone,
  .preview-wrap,
  .account-v2-sidecard,
  .account-v2-surface,
  .account-v2-summary-card,
  .account-v2-export-focus,
  .account-v2-settings-card,
  .plan-card,
  .plan-card.featured,
  .plan-card-credit,
  .qrv2-shell,
  .qrv2-panel,
  .qrv2-preview-panel,
  .wmv2-header,
  .wmv2-panel,
  .wmv2-preview,
  .wfv3-header,
  .wfv3-builder-card,
  .wfv3-saved-card,
  .wfv3-activity-card,
  .esignv2-header,
  .esignv2-side,
  .esignv2-panel,
  .esignv2-document,
  .rb-card,
  .rbv3-toolbar,
  .rbv3-panel-card,
  .rbv3-preview-shell,
  .invoice-v3-utility-bar,
  .invoice-v3-card,
  .pdf-pro-header,
  .pdf-pro-left-panel,
  .pdf-pro-side-card,
  .pdf-pro-tools-card,
  .pdf-pro-stage-card,
  .dashv4-shell,
  .dashv4-sidebar,
  .dashv4-collections,
  .dashv4-usage-card,
  .dashv4-panel,
  .dashv4-file-card,
  .dashv4-row,
  .dashv4-history-item,
  .home-dashboard-hero-copy,
  .home-dashboard-spotlight,
  .home-dashboard-link-card,
  .home-dashboard-panel,
  .home-dashboard-tool-card,
  .home-dashboard-list-row,
  .home-directory-hero,
  .home-directory-group,
  .home-directory-card
){
  background:#050505 !important;
  background-image:none !important;
  border-color:#1e1e1e !important;
}
body.dark :where(
  input,
  textarea,
  select,
  .search-input,
  .pricing-toggle,
  .segmented-control,
  .chip,
  .qrv2-input-wrap,
  .wmv2-input,
  .esignv2-input,
  .esignv2-select,
  .esignv2-textarea,
  .invoice-v3-input,
  .invoice-v3-input-wrap,
  .invoice-v3-select,
  .invoice-v3-textarea,
  .rb-fld input,
  .rb-fld textarea,
  .rb-fld select,
  .dashv4-search,
  .pdf-pro-inline-editor
){
  background:#0b0b0b !important;
  background-image:none !important;
  border-color:#252525 !important;
}
body.dark :where(.btn-ghost,.btn-icon,.sidebar-toggle-btn,.plan-action-btn:not(.primary),.pricing-toggle-btn,.segmented-btn){
  background:#0b0b0b !important;
  background-image:none !important;
  border-color:#252525 !important;
}
body.dark :where(.btn-ghost,.btn-icon,.sidebar-toggle-btn,.plan-action-btn:not(.primary),.pricing-toggle-btn,.segmented-btn):hover{
  background:#121212 !important;
  border-color:#333 !important;
}
/* Final alignment pass: every authenticated page shares one centered rail. */
:root{
  --app-content-max:1440px;
  --app-content-wide-max:1580px;
  --app-page-gutter:clamp(18px,2.4vw,34px);
}
.main-content.app-main-with-sidebar,
.main-content.app-main-with-sidebar.app-main-sidebar-collapsed{
  box-sizing:border-box !important;
  max-width:none !important;
  padding:
    calc(var(--header-h) + 22px)
    var(--app-page-gutter)
    56px !important;
}
.main-content.app-main-with-sidebar > :not(style),
.main-content.app-main-with-sidebar.app-main-sidebar-collapsed > :not(style){
  width:min(100%, var(--app-content-max)) !important;
  max-width:var(--app-content-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.main-content.app-main-with-sidebar.main-content-wide > :not(style),
.main-content.app-main-with-sidebar.app-main-sidebar-collapsed.main-content-wide > :not(style),
.main-content.app-main-with-sidebar > .tool-page-pdf-editor,
.main-content.app-main-with-sidebar > .tool-page-resume,
.main-content.app-main-with-sidebar > .dashv4-shell{
  width:min(100%, var(--app-content-wide-max)) !important;
  max-width:var(--app-content-wide-max) !important;
}
.tool-page,
.home-main,
.home-directory-main,
.account-v2-shell,
.dashv4-shell,
.qrv2-root,
.wmv2-shell,
.wfv3-root,
.esignv2-page,
.invoice-v3-shell,
.pdf-pro-shell,
.rb-root{
  box-sizing:border-box !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.tool-page{
  margin-top:0 !important;
  padding-top:0 !important;
}
.home-directory-hero,
.home-directory-group-head,
.qrv2-header,
.wmv2-header,
.wfv3-header,
.esignv2-header,
.invoice-v3-utility-bar,
.pdf-pro-header{
  width:100% !important;
}
.home-directory-grid,
.pdf-pro-tools-grid,
.qrv2-actions-grid,
.qrv2-content-grid{
  justify-content:center !important;
}
@media (max-width:980px){
  .main-content,
  .main-content.app-main-with-sidebar,
  .main-content.app-main-with-sidebar.app-main-sidebar-collapsed{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:
      calc(var(--header-h) + 18px)
      clamp(14px,4vw,22px)
      calc(var(--mob-bottom-h) + 36px + var(--safe-bottom)) !important;
  }

  .main-content.app-main-with-sidebar > :not(style),
  .main-content.app-main-with-sidebar.app-main-sidebar-collapsed > :not(style){
    width:100% !important;
    max-width:100% !important;
  }
}
/* No logo mark for now: keep the wordmark/name only across headers and sidebars. */
.brand-mark,
.dashv4-brand-mark{
  display:none !important;
}
.brand-lockup{
  gap:0 !important;
}
.app-sidebar-logo::before,
.app-sidebar.collapsed .app-sidebar-logo::before,
.app-sidebar:not(.collapsed) .app-sidebar-logo::before{
  content:none !important;
}
.app-sidebar.collapsed .app-sidebar-logo{
  display:none !important;
}
/* Vercel-style black mode: pure black chrome, subtle cards, border-led depth. */
body.dark{
  --bg:#000 !important;
  --surface:#000 !important;
  --surface2:#0a0a0a !important;
  --border:#1a1a1a !important;
  --border2:#262626 !important;
  --faint:#0a0a0a !important;
  --text:#f5f5f5 !important;
  --muted:#a1a1aa !important;
}
body.dark,
body.dark #root,
body.dark .app,
body.dark .landing-root,
body.dark .home-root,
body.dark .main-content,
body.dark .landing-root .landing-saas-hero,
body.dark .landing-saas-hero,
body.dark .landing-root .landing-lower-surface{
  background:#000 !important;
  background-color:#000 !important;
  background-image:none !important;
}
body.dark :where(.header,.landing-saas-header,.site-footer,.app-sidebar,.mob-bottom-nav){
  background:#000 !important;
  background-color:#000 !important;
  background-image:none !important;
  border-color:#1a1a1a !important;
  box-shadow:none !important;
}
body.dark :where(
  .card,
  .modal,
  .mob-drawer,
  .search-dropdown,
  .user-menu,
  .tool-stage,
  .tool-note-card,
  .upload-zone,
  .preview-wrap,
  .landing-dashboard-shell,
  .landing-dashboard-sidebar,
  .landing-dashboard-main,
  .landing-stat-card,
  .landing-dashboard-list,
  .landing-dashboard-row,
  .landing-file-row,
  .landing-tool-card,
  .landing-step-card,
  .account-v2-sidecard,
  .account-v2-surface,
  .account-v2-summary-card,
  .account-v2-export-focus,
  .account-v2-settings-card,
  .plan-card,
  .plan-card.featured,
  .plan-card-credit,
  .qrv2-shell,
  .qrv2-panel,
  .qrv2-preview-panel,
  .wmv2-header,
  .wmv2-panel,
  .wmv2-preview,
  .wfv3-header,
  .wfv3-builder-card,
  .wfv3-saved-card,
  .wfv3-activity-card,
  .esignv2-header,
  .esignv2-side,
  .esignv2-panel,
  .esignv2-document,
  .rb-card,
  .rbv3-toolbar,
  .rbv3-panel-card,
  .rbv3-preview-shell,
  .invoice-v3-utility-bar,
  .invoice-v3-card,
  .pdf-pro-header,
  .pdf-pro-left-panel,
  .pdf-pro-side-card,
  .pdf-pro-tools-card,
  .pdf-pro-stage-card,
  .dashv4-shell,
  .dashv4-sidebar,
  .dashv4-collections,
  .dashv4-usage-card,
  .dashv4-panel,
  .dashv4-file-card,
  .dashv4-row,
  .dashv4-history-item,
  .home-dashboard-hero-copy,
  .home-dashboard-spotlight,
  .home-dashboard-link-card,
  .home-dashboard-panel,
  .home-dashboard-tool-card,
  .home-dashboard-list-row,
  .home-directory-hero,
  .home-directory-group,
  .home-directory-card
){
  background:#0a0a0a !important;
  background-color:#0a0a0a !important;
  background-image:none !important;
  border-color:#1f1f1f !important;
  box-shadow:none !important;
}
body.dark :where(
  input,
  textarea,
  select,
  .search-input,
  .pricing-toggle,
  .segmented-control,
  .chip,
  .qrv2-input-wrap,
  .wmv2-input,
  .esignv2-input,
  .esignv2-select,
  .esignv2-textarea,
  .invoice-v3-input,
  .invoice-v3-input-wrap,
  .invoice-v3-select,
  .invoice-v3-textarea,
  .rb-fld input,
  .rb-fld textarea,
  .rb-fld select,
  .dashv4-search,
  .pdf-pro-inline-editor,
  .btn-ghost,
  .btn-icon,
  .sidebar-toggle-btn,
  .plan-action-btn:not(.primary),
  .pricing-toggle-btn,
  .segmented-btn
){
  background:#000 !important;
  background-color:#000 !important;
  background-image:none !important;
  border-color:#262626 !important;
  box-shadow:none !important;
}
body.dark :where(.btn-ghost,.btn-icon,.sidebar-toggle-btn,.plan-action-btn:not(.primary),.pricing-toggle-btn,.segmented-btn):hover{
  background:#0a0a0a !important;
  border-color:#333 !important;
}
/* Launch polish layer: clean, friendly, consistent final UI pass. */
:root{
  --bg:#fefdfc !important;
  --surface:#fff !important;
  --surface2:#fff !important;
  --faint:#fff !important;
  --border:#e4e7ec !important;
  --border2:#d0d5dd !important;
  --text:#111827 !important;
  --muted:#667085 !important;
  --accent:#f45a1f !important;
  --accent-dark:#de4b13 !important;
  --accent2:#f45a1f !important;
  --accent-rgb:244,90,31 !important;
  --r:16px !important;
  --r-sm:12px !important;
  --r-lg:20px !important;
  --r-xl:28px !important;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04) !important;
  --shadow:0 8px 24px rgba(16,24,40,.06) !important;
  --shadow-lg:0 18px 48px rgba(16,24,40,.08) !important;
  --shadow-xl:0 26px 70px rgba(16,24,40,.10) !important;
}
body.dark{
  --bg:#000 !important;
  --surface:#000 !important;
  --surface2:#000 !important;
  --faint:#000 !important;
  --border:#242424 !important;
  --border2:#333 !important;
  --text:#f5f5f5 !important;
  --muted:#a3a3a3 !important;
  --accent:#ff6a2a !important;
  --accent-dark:#f45a1f !important;
  --accent2:#ff6a2a !important;
  --accent-rgb:255,106,42 !important;
  --shadow-sm:none !important;
  --shadow:none !important;
  --shadow-lg:none !important;
  --shadow-xl:none !important;
}
body{
  background:#fefdfc !important;
  background-image:none !important;
  color:var(--text) !important;
}
body.dark{
  background:#000 !important;
  background-image:none !important;
}
:where(.main-content,.tool-page,.landing-root,.home-root,.account-v2-shell,.share-view){
  background:transparent !important;
}
:where(
  .card,
  .modal,
  .tool-shell,
  .tool-stage,
  .tool-upload-card,
  .tool-note-card,
  .home-dashboard-panel,
  .home-dashboard-tool-card,
  .home-dashboard-list-row,
  .home-directory-card,
  .home-directory-group,
  .dashv4-shell,
  .dashv4-sidebar,
  .dashv4-panel,
  .dashv4-file-card,
  .dashv4-row,
  .dashv4-history-item,
  .account-v2-sidecard,
  .account-v2-surface,
  .account-v2-summary-card,
  .account-v2-settings-card,
  .plan-card,
  .plan-card-credit,
  .qrv2-card,
  .qrv2-preview-card,
  .wmv2-card,
  .wmv2-preview-card,
  .esignv2-panel,
  .esignv2-document,
  .pdf-pro-left-panel,
  .pdf-pro-side-card,
  .pdf-pro-tools-card,
  .pdf-pro-stage-card,
  .rb-card,
  .rbv3-panel-card,
  .invoice-v3-card
){
  background:var(--surface) !important;
  background-image:none !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-sm) !important;
}
:where(.card,.plan-card,.tool-shell,.modal,.dashv4-shell,.account-v2-surface){
  border-radius:22px !important;
}
:where(.btn,.btn-primary,.btn-ghost,.btn-outline,.plan-action-btn,.pricing-toggle-btn,.segmented-btn){
  min-height:44px !important;
  border-radius:12px !important;
  font-weight:800 !important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease !important;
}
:where(.btn:hover,.btn-primary:hover,.btn-ghost:hover,.btn-outline:hover,.plan-action-btn:hover){
  transform:translateY(-1px) !important;
}
:where(input,textarea,select,.input,.select,.search-input,.fld input,.fld textarea,.fld select){
  background:var(--surface) !important;
  background-image:none !important;
  border:1px solid var(--border) !important;
  border-radius:12px !important;
  color:var(--text) !important;
  box-shadow:none !important;
}
:where(input,textarea,select,.input,.select,.search-input,.fld input,.fld textarea,.fld select):focus{
  border-color:rgba(var(--accent-rgb),.55) !important;
  box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12) !important;
  outline:0 !important;
}
.page-title,
.modal-title,
.landing-pricing-title,
.home-directory-title,
.tool-title{
  letter-spacing:-.045em !important;
}
.page-sub,
.landing-pricing-subhead,
.tool-sub,
.card p,
.features li{
  color:var(--muted) !important;
}
.plan-card{
  border-color:var(--border) !important;
}
.plan-card.featured{
  border-color:var(--accent) !important;
}
.popular-bar{
  display:none !important;
}
.plan-card .features li span:last-child{
  color:var(--text) !important;
}
.plan-card .check{
  color:var(--accent) !important;
}
.plan-card .features{
  flex:1 1 auto !important;
}
.plan-card .plan-action-btn{
  margin-top:auto !important;
}
.plan-action-btn.primary,
.btn-primary{
  background:var(--accent) !important;
  border-color:var(--accent) !important;
  color:#fff !important;
}
.plan-card[data-tier="pro"] .plan-action-btn,
.plan-card[data-tier="pro"] .plan-action-btn.primary,
.plan-card[data-tier="pro"] .plan-action-btn:hover,
.plan-card[data-tier="pro"] .plan-action-btn.primary:hover{
  color:#fff !important;
}
.plan-action-btn.primary:hover,
.btn-primary:hover{
  background:var(--accent-dark) !important;
  border-color:var(--accent-dark) !important;
}
body.dark :where(
  .card,
  .modal,
  .tool-shell,
  .tool-stage,
  .tool-upload-card,
  .tool-note-card,
  .home-dashboard-panel,
  .home-dashboard-tool-card,
  .home-dashboard-list-row,
  .home-directory-card,
  .home-directory-group,
  .dashv4-shell,
  .dashv4-sidebar,
  .dashv4-panel,
  .dashv4-file-card,
  .dashv4-row,
  .dashv4-history-item,
  .account-v2-sidecard,
  .account-v2-surface,
  .account-v2-summary-card,
  .account-v2-settings-card,
  .plan-card,
  .plan-card-credit,
  .qrv2-card,
  .qrv2-preview-card,
  .wmv2-card,
  .wmv2-preview-card,
  .esignv2-panel,
  .esignv2-document,
  .pdf-pro-left-panel,
  .pdf-pro-side-card,
  .pdf-pro-tools-card,
  .pdf-pro-stage-card,
  .rb-card,
  .rbv3-panel-card,
  .invoice-v3-card,
  input,
  textarea,
  select,
  .input,
  .select,
  .search-input
){
  background:#000 !important;
  background-color:#000 !important;
  background-image:none !important;
  border-color:#242424 !important;
  box-shadow:none !important;
}
body.dark :where(.btn-ghost,.btn-outline,.plan-action-btn:not(.primary)){
  background:#000 !important;
  border-color:#333 !important;
  color:#f5f5f5 !important;
}
body.dark :where(.btn-ghost:hover,.btn-outline:hover,.plan-action-btn:not(.primary):hover){
  background:#050505 !important;
  border-color:#444 !important;
}
.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;
}
/* Final two-tier pricing redesign */
.pricing-toggle-slot{
  width:100%;
  display:flex;
  justify-content:center;
  margin:20px 0 12px;
}
.pricing-toggle-slot-account{
  margin-top:0;
  margin-bottom:28px;
}
.pricing-toggle-slot-modal{
  margin-top:8px;
  margin-bottom:30px;
}
.landing-root .pricing-head{
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  gap:8px !important;
}
.landing-root .pricing-copy{
  width:100%;
  max-width:720px;
  text-align:center;
}
.landing-root .landing-pricing-grid,
.account-v2-shell .account-billing-grid,
.plan-modal-grid{
  width:min(860px, 100%) !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
  justify-content:center !important;
  margin-inline:auto !important;
}
.landing-root .landing-pricing-grid .plan-card,
.account-v2-shell .account-billing-grid .plan-card,
.plan-modal-grid .plan-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:396px !important;
  padding:22px !important;
  border:1px solid #e5e7eb !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:0 14px 36px rgba(17,24,39,.05) !important;
  text-align:left !important;
  overflow:hidden !important;
  transition:transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;
}
.landing-root .landing-pricing-grid .plan-card::before,
.landing-root .landing-pricing-grid .plan-card::after,
.account-v2-shell .account-billing-grid .plan-card::before,
.account-v2-shell .account-billing-grid .plan-card::after,
.plan-modal-grid .plan-card::before,
.plan-modal-grid .plan-card::after{
  content:none !important;
  display:none !important;
}
.landing-root .landing-pricing-grid .plan-card:hover,
.account-v2-shell .account-billing-grid .plan-card:hover,
.plan-modal-grid .plan-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 44px rgba(17,24,39,.08) !important;
}
.landing-root .landing-pricing-grid .plan-card.featured,
.account-v2-shell .account-billing-grid .plan-card.featured,
.plan-modal-grid .plan-card.featured{
  border:2px solid var(--accent) !important;
  box-shadow:0 24px 70px rgba(255,79,31,.13) !important;
}
.popular-bar{
  display:none !important;
}
.popular-badge{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#fff3ee !important;
  color:#e63f13 !important;
  font-size:11px !important;
  font-weight:750 !important;
  letter-spacing:-0.01em !important;
  line-height:1 !important;
}
.landing-root .landing-pricing-grid .plan-card .plan-card-head,
.account-v2-shell .account-billing-grid .plan-card .plan-card-head,
.plan-modal-grid .plan-card .plan-card-head{
  display:block !important;
}
.landing-root .landing-pricing-grid .plan-card .plan-name,
.account-v2-shell .account-billing-grid .plan-card .plan-name,
.plan-modal-grid .plan-card .plan-name{
  margin:0 0 12px !important;
  font-size:24px !important;
  line-height:1 !important;
  letter-spacing:-0.04em !important;
  font-weight:800 !important;
  color:#111827 !important;
}
.landing-root .landing-pricing-grid .plan-card .price,
.account-v2-shell .account-billing-grid .plan-card .price,
.plan-modal-grid .plan-card .price{
  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:7px !important;
  margin-bottom:6px !important;
}
.landing-root .landing-pricing-grid .plan-card .amount,
.account-v2-shell .account-billing-grid .plan-card .amount,
.plan-modal-grid .plan-card .amount{
  font-size:clamp(38px, 3.6vw, 50px) !important;
  line-height:.9 !important;
  letter-spacing:-0.07em !important;
  font-weight:800 !important;
  color:#111827 !important;
}
.landing-root .landing-pricing-grid .plan-card .term,
.account-v2-shell .account-billing-grid .plan-card .term,
.plan-modal-grid .plan-card .term{
  color:var(--accent) !important;
  font-size:16px !important;
  font-weight:750 !important;
}
.landing-root .landing-pricing-grid .plan-card .billing-note,
.account-v2-shell .account-billing-grid .plan-card .billing-note,
.plan-modal-grid .plan-card .billing-note{
  min-height:20px !important;
  margin:0 !important;
  color:#667085 !important;
  font-size:14px !important;
  font-weight:600 !important;
}
.landing-root .landing-pricing-grid .plan-card .divider,
.account-v2-shell .account-billing-grid .plan-card .divider,
.plan-modal-grid .plan-card .divider{
  height:1px !important;
  margin:20px 0 16px !important;
  background:#e5e7eb !important;
}
.landing-root .landing-pricing-grid .features,
.account-v2-shell .account-billing-grid .features,
.plan-modal-grid .features{
  display:grid !important;
  gap:11px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  flex:1 1 auto !important;
}
.landing-root .landing-pricing-grid .features li,
.account-v2-shell .account-billing-grid .features li,
.plan-modal-grid .features li{
  display:grid !important;
  grid-template-columns:18px 1fr !important;
  gap:10px !important;
  align-items:start !important;
  color:#172033 !important;
  font-size:14px !important;
  line-height:1.34 !important;
  font-weight:600 !important;
  width:100% !important;
}
.landing-root .landing-pricing-grid .check,
.account-v2-shell .account-billing-grid .check,
.plan-modal-grid .check{
  display:grid !important;
  place-items:center !important;
  width:16px !important;
  height:16px !important;
  border-radius:50% !important;
  background:#fff3ee !important;
  color:var(--accent) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  transform:translateY(1px) !important;
}
.plan-action-wrap{
  margin-top:auto !important;
  padding-top:18px !important;
  display:flex !important;
  align-items:flex-end !important;
}
.landing-root .landing-pricing-grid .plan-card .plan-action-btn,
.account-v2-shell .account-billing-grid .plan-card .plan-action-btn,
.plan-modal-grid .plan-card .plan-action-btn{
  width:100% !important;
  min-height:46px !important;
  padding:0 16px !important;
  border:1px solid #d9dee7 !important;
  border-radius:12px !important;
  background:#f8fafc !important;
  color:#667085 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  line-height:1 !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
.landing-root .landing-pricing-grid .plan-card .plan-action-btn.current,
.account-v2-shell .account-billing-grid .plan-card .plan-action-btn.current,
.plan-modal-grid .plan-card .plan-action-btn.current{
  background:#f8fafc !important;
  border-color:#d9dee7 !important;
  color:#667085 !important;
}
.landing-root .landing-pricing-grid .plan-card .plan-action-btn.primary,
.account-v2-shell .account-billing-grid .plan-card .plan-action-btn.primary,
.plan-modal-grid .plan-card .plan-action-btn.primary,
.landing-root .landing-pricing-grid .plan-card[data-tier="pro"] .plan-action-btn,
.account-v2-shell .account-billing-grid .plan-card[data-tier="pro"] .plan-action-btn,
.plan-modal-grid .plan-card[data-tier="pro"] .plan-action-btn{
  border-color:#e63f13 !important;
  background:#ff4f1f !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(255,79,31,.22) !important;
}
.landing-root .landing-pricing-grid .plan-card .plan-action-btn.primary:hover,
.account-v2-shell .account-billing-grid .plan-card .plan-action-btn.primary:hover,
.plan-modal-grid .plan-card .plan-action-btn.primary:hover,
.landing-root .landing-pricing-grid .plan-card[data-tier="pro"] .plan-action-btn:hover,
.account-v2-shell .account-billing-grid .plan-card[data-tier="pro"] .plan-action-btn:hover,
.plan-modal-grid .plan-card[data-tier="pro"] .plan-action-btn:hover{
  background:#e63f13 !important;
  border-color:#e63f13 !important;
  color:#fff !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card,
body.dark .account-v2-shell .account-billing-grid .plan-card,
body.dark .plan-modal-grid .plan-card{
  background:#000 !important;
  border-color:#242424 !important;
  box-shadow:none !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card.featured,
body.dark .account-v2-shell .account-billing-grid .plan-card.featured,
body.dark .plan-modal-grid .plan-card.featured{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 1px rgba(255,79,31,.18) !important;
}
body.dark .popular-badge{
  background:rgba(255,79,31,.12) !important;
  color:#ff8b67 !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card .plan-name,
body.dark .landing-root .landing-pricing-grid .plan-card .amount,
body.dark .landing-root .landing-pricing-grid .features li,
body.dark .account-v2-shell .account-billing-grid .plan-card .plan-name,
body.dark .account-v2-shell .account-billing-grid .plan-card .amount,
body.dark .account-v2-shell .account-billing-grid .features li,
body.dark .plan-modal-grid .plan-card .plan-name,
body.dark .plan-modal-grid .plan-card .amount,
body.dark .plan-modal-grid .features li{
  color:#f5f5f5 !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card .billing-note,
body.dark .account-v2-shell .account-billing-grid .plan-card .billing-note,
body.dark .plan-modal-grid .plan-card .billing-note{
  color:#a1a1aa !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card .divider,
body.dark .account-v2-shell .account-billing-grid .plan-card .divider,
body.dark .plan-modal-grid .plan-card .divider{
  background:#242424 !important;
}
body.dark .landing-root .landing-pricing-grid .plan-card .plan-action-btn.current,
body.dark .account-v2-shell .account-billing-grid .plan-card .plan-action-btn.current,
body.dark .plan-modal-grid .plan-card .plan-action-btn.current{
  background:#050505 !important;
  border-color:#242424 !important;
  color:#a1a1aa !important;
}
@media (max-width: 820px){
  .pricing-toggle-slot{
    margin-top:14px;
  }

  .landing-root .landing-pricing-grid,
  .account-v2-shell .account-billing-grid,
  .plan-modal-grid{
    grid-template-columns:1fr !important;
    width:min(560px, 100%) !important;
  }

  .landing-root .landing-pricing-grid .plan-card,
  .account-v2-shell .account-billing-grid .plan-card,
  .plan-modal-grid .plan-card{
    min-height:auto !important;
    padding:20px !important;
  }
}
/* Header consistency */
.landing-saas-header .header-left{
  min-width:220px !important;
  flex:0 0 220px !important;
  justify-content:flex-start !important;
}
.landing-saas-header .header-center{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}
.landing-saas-header .landing-nav{
  position:static !important;
  left:auto !important;
  transform:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
  margin:0 !important;
  width:auto !important;
}
.landing-saas-header .header-right{
  min-width:220px !important;
}
.landing-saas-header .logo{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
@media (max-width: 1100px){
  .landing-saas-header .landing-nav{
    gap:24px !important;
  }

  .landing-saas-header .header-left,
  .landing-saas-header .header-right{
    min-width:190px !important;
    flex-basis:190px !important;
  }
}
/* QA fix: footer must never force horizontal scroll on mobile. */
@media (max-width: 760px){
  .site-footer{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:hidden !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .site-footer-inner{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .site-footer-inner > *{
    min-width:0 !important;
  }

  .site-footer-links{
    width:100% !important;
  }

  .site-footer-bottom{
    width:100% !important;
    max-width:100% !important;
  }
}