:root{--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 20px;--space-1: 8px;--space-1-25: 10px;--space-2: 12px;--space-3: 20px;--font-size-zero: 0;--font-size-helper: .75rem;--font-size-label: .875rem;--font-size-body: var(--font-size-label);--font-size-base: 1rem;--font-size-section: 1.125rem;--font-size-title: 1.5rem;--font-size-page: clamp(1.34rem, 2.1vw, 1.74rem);--font-size-fluid-body: clamp(.875rem, 1.2vw, 1rem);--font-size-fluid-page: clamp(1.5rem, 4vw, 2rem);--thumb-meta-font-size: var(--font-size-helper);--font-size-h1: var(--font-size-page);--font-size-h2: var(--font-size-title);--font-size-h3: var(--font-size-section);--font-size-h4: var(--font-size-base);--accent: #5aa8b2;--accent-ink: #163135;--accent-text: #2d7980;--focus-ring: color-mix(in srgb, var(--accent) 42%, transparent);--shadow-soft: 0 6px 20px rgba(9, 32, 36, .08);--shadow-card: 0 4px 14px rgba(9, 32, 36, .06);--shadow-accent: 0 8px 20px color-mix(in srgb, var(--accent) 16%, transparent);--accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);--accent-soft-strong: color-mix(in srgb, var(--accent) 18%, transparent);--accent-border: color-mix(in srgb, var(--accent) 32%, var(--border));--accent-hover: color-mix(in srgb, var(--accent) 86%, var(--text) 14%)}html:not([data-mode]):not([data-theme]),html[data-mode=light],html[data-theme=light],html[data-theme$=-light]{color-scheme:light;--bg: #f5f9fa;--card: #ffffff;--surface: #ffffff;--surface-soft: #f3f6f7;--surface-tint: color-mix(in srgb, var(--accent) 5%, var(--surface));--surface-tint-soft: color-mix(in srgb, var(--accent) 8%, var(--surface-soft));--surface-elevated: #ffffff;--text: #263c3f;--text-muted: #5d7174;--text-inverse: #ffffff;--ink-strong: #1b3f45;--border: #dbe7e9;--border-soft: #e6eef0;--primary: var(--text);--dark: #263c3f;--white: #ffffff;--light: #f7fafb;--success: #2e7d67;--success-soft: rgba(46, 125, 103, .14);--success-soft-strong: rgba(46, 125, 103, .24);--success-ring: rgba(46, 125, 103, .24);--danger: #b63f46;--danger-strong: #c53a32;--danger-strong-border: #b2332c;--danger-soft: rgba(182, 63, 70, .14);--danger-ring: rgba(182, 63, 70, .32);--status-success-bg: #e8f7f2;--status-success-border: #9fd9c7;--status-success-text: #1f5f4e;--status-warning-bg: #fff8e8;--status-warning-border: #e9d7a8;--status-warning-text: #7a5a22;--status-danger-bg: #fff2f3;--status-danger-border: #f2c6ca;--status-danger-text: #8f2d33}html[data-mode=dark],html[data-theme=dark],html[data-theme$=-dark]{color-scheme:dark;--bg: #10181b;--card: #172225;--surface: #172225;--surface-soft: #1f2d31;--surface-tint: color-mix(in srgb, var(--accent) 8%, var(--surface));--surface-tint-soft: color-mix(in srgb, var(--accent) 10%, var(--surface-soft));--surface-elevated: #243338;--text: #e6eff1;--text-muted: #9eb0b5;--text-inverse: #10181b;--ink-strong: #f2fafb;--border: #334448;--border-soft: #27373b;--primary: var(--text);--dark: #0b1113;--white: #172225;--light: #1f2d31;--success: #63c5ab;--success-soft: rgba(99, 197, 171, .18);--success-soft-strong: rgba(99, 197, 171, .28);--success-ring: rgba(99, 197, 171, .28);--danger: #ea8d93;--danger-strong: #ee706a;--danger-strong-border: #d8635d;--danger-soft: rgba(234, 141, 147, .22);--danger-ring: rgba(234, 141, 147, .46);--status-success-bg: rgba(99, 197, 171, .18);--status-success-border: rgba(99, 197, 171, .3);--status-success-text: #bfe8dd;--status-warning-bg: rgba(226, 198, 133, .16);--status-warning-border: rgba(226, 198, 133, .34);--status-warning-text: #e4d5a8;--status-danger-bg: rgba(226, 139, 148, .16);--status-danger-border: rgba(226, 139, 148, .3);--status-danger-text: #f0c1c8}html:not([data-accent]):not([data-theme]),html[data-accent=teal],html[data-theme=light],html[data-theme=dark]{--accent: #5aa8b2;--accent-ink: #163135;--accent-text: #2d7980;--focus-ring: color-mix(in srgb, var(--accent) 42%, transparent)}html[data-accent=forest],html[data-theme=forest-light],html[data-theme=forest-dark]{--accent: #5fbaa7;--accent-ink: #102722;--accent-text: #2f8c74;--focus-ring: color-mix(in srgb, var(--accent) 42%, transparent)}html[data-accent=midnight],html[data-theme=midnight-light],html[data-theme=midnight-dark]{--accent: #7ea6d6;--accent-ink: #10253c;--accent-text: #416faa;--focus-ring: color-mix(in srgb, var(--accent) 42%, transparent)}html[data-accent=orange],html[data-theme=orange-light],html[data-theme=orange-dark]{--accent: #f4a261;--accent-ink: #3f2413;--accent-text: #b86124;--focus-ring: color-mix(in srgb, var(--accent) 42%, transparent)}html[data-accent=bordeaux],html[data-theme=bordeaux-light],html[data-theme=bordeaux-dark]{--accent: #c45a81;--accent-ink: #fff7fa;--accent-text: #8a2d4e;--focus-ring: color-mix(in srgb, var(--accent) 42%, transparent)}html[data-mode=dark][data-accent=teal],html[data-theme=dark]{--accent-text: #8fcfdd}html[data-mode=dark][data-accent=forest],html[data-theme=forest-dark]{--accent-text: #78d7c4}html[data-mode=dark][data-accent=midnight],html[data-theme=midnight-dark]{--accent-text: #9fbee2}html[data-mode=dark][data-accent=orange],html[data-theme=orange-dark]{--accent-text: #f7b77d}html[data-mode=dark][data-accent=bordeaux],html[data-theme=bordeaux-dark]{--accent-text: #dc789d}*{box-sizing:border-box}html{font-size:var(--font-size-body);scrollbar-gutter:stable}body{margin:0;min-height:100vh;font-family:var(--font-family-base);line-height:1.45;color:var(--text);background:var(--bg)}:is(html[data-theme=dark],html[data-theme$=-dark]) body{background:var(--bg)}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.015em;font-weight:700}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}.shell-main,.route-seo{width:min(1120px,calc(100% - 32px));margin-left:auto;margin-right:auto}.shell-main{margin-top:16px;margin-bottom:48px}.controls{display:flex;align-items:center;justify-content:center;gap:10px}.panel-wrap{margin-top:16px}.panel{display:none;background:transparent;border:0;border-radius:14px;padding:var(--space-2);box-shadow:none}body[data-active-tab=merge] .panel[data-panel=merge],body[data-active-tab=split] .panel[data-panel=split],body[data-active-tab=compress] .panel[data-panel=compress],body[data-active-tab=security] .panel[data-panel=security],body[data-active-tab=sign] .panel[data-panel=sign],body[data-active-tab=fill] .panel[data-panel=fill],body[data-active-tab=circular] .panel[data-panel=circular],body[data-active-tab=remove] .panel[data-panel=remove],body[data-active-tab=organize] .panel[data-panel=organize],body[data-active-tab=build] .panel[data-panel=build]{display:block}.route-seo{--route-seo-gap: calc(var(--space-3) + var(--space-2));--route-seo-grid-gap: var(--space-3);--route-seo-card-padding-y: var(--space-2);--route-seo-card-padding-x: var(--space-3);--route-seo-step-size: calc((var(--space-3) * 2) + var(--space-2));--route-seo-card-bg: color-mix(in srgb, var(--surface) 94%, transparent);--route-seo-soft-bg: color-mix(in srgb, var(--surface-tint-soft) 64%, var(--surface) 36%);--route-seo-border: color-mix(in srgb, var(--border) 86%, transparent);--route-seo-accent-soft: color-mix(in srgb, var(--accent) 12%, var(--surface) 88%);--route-seo-accent-ring: color-mix(in srgb, var(--accent) 22%, transparent);--route-seo-banner-bg: linear-gradient( 90deg, color-mix(in srgb, var(--accent) 10%, var(--surface) 90%), var(--surface) );margin:calc(var(--space-3) + var(--space-2)) auto calc(var(--space-3) + var(--space-2));padding:0;border:0;background:transparent;box-shadow:none}.route-seo-inner{display:grid;gap:var(--route-seo-gap)}.route-seo-support-block,.route-seo-tools-block,.route-seo-steps-block,.route-seo-faq-block,.route-seo-related-block{display:grid;gap:var(--space-3)}.route-seo-block-head{display:grid;gap:var(--space-1);justify-items:start}.route-seo-kicker,.route-seo-card-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:var(--font-size-helper);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.route-seo-kicker:before,.route-seo-card-eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;flex:0 0 auto}.route-seo-intro{max-width:72ch;margin:0;color:var(--text-muted);font-size:var(--font-size-label);line-height:1.6}.route-seo h2{margin:0;color:var(--text);font-size:var(--font-size-title);line-height:1.2;text-align:left}.route-seo-trust-grid,.route-seo-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--route-seo-grid-gap)}.route-seo-trust-card,.route-seo-tool-card,.route-seo-related-chip{border:1px solid var(--route-seo-border);background:var(--route-seo-card-bg);box-shadow:0 2px 8px color-mix(in srgb,var(--text) 5%,transparent)}.route-seo-trust-card,.route-seo-tool-card{min-height:calc(var(--space-3) * 3 + var(--space-2));border-radius:var(--radius-md);padding:var(--route-seo-card-padding-y) var(--route-seo-card-padding-x)}.route-seo-trust-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:start}.route-seo-tool-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);align-items:center;color:var(--text);text-decoration:none}.route-seo-tool-card:hover,.route-seo-related-chip:hover,.route-seo-privacy-link:hover,.route-seo-outline-button:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--border) 42%);box-shadow:var(--shadow-accent)}.route-seo-icon-shell,.route-seo-privacy-icon,.route-seo-related-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.route-seo-icon,.route-seo-icon-shell svg{width:30px;height:30px}.route-seo-card-copy{display:grid;gap:var(--space-1);min-width:0}.route-seo-card-copy strong{color:var(--text);font-size:var(--font-size-label);font-weight:800;line-height:1.2}.route-seo-card-eyebrow{color:color-mix(in srgb,var(--accent) 80%,var(--text) 20%)}.route-seo-card-copy small{color:var(--text-muted);font-size:var(--font-size-helper);font-weight:500;line-height:1.55}.route-seo-card-arrow{color:var(--text);font-size:var(--font-size-title);font-weight:500;line-height:1;align-self:end}.route-seo-tools-cta{display:flex;justify-content:flex-start}.route-seo-outline-button,.route-seo-privacy-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:calc(var(--space-3) + var(--space-2) + var(--space-2));border:1px solid color-mix(in srgb,var(--accent) 68%,var(--border) 32%);border-radius:var(--radius-sm);background:var(--surface);color:var(--accent);font-size:var(--font-size-label);font-weight:800;text-decoration:none}.route-seo-outline-button{padding:0 calc(var(--space-3) + var(--space-2))}.route-seo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--space-3) * 3);margin:0;padding:0 var(--space-3);list-style:none}.route-seo-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center}.route-seo-step-number{display:inline-flex;width:var(--route-seo-step-size);height:var(--route-seo-step-size);align-items:center;justify-content:center;border-radius:50%;background:var(--route-seo-accent-soft);color:var(--accent);font-size:var(--font-size-fluid-page);font-weight:900;line-height:1}.route-seo-step-copy{display:grid;gap:var(--space-1)}.route-seo-step-copy strong{color:var(--text);font-size:var(--font-size-label);font-weight:900;line-height:1.2}.route-seo-step-copy span{color:var(--text-muted);font-size:var(--font-size-helper);font-weight:500;line-height:1.45}.route-seo-step-arrow{position:absolute;top:50%;right:calc(var(--space-3) * -2);color:var(--text-muted);font-size:var(--font-size-title);font-weight:300;line-height:1;transform:translateY(-50%)}.route-seo-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1-25) calc(var(--space-3) * 2)}.route-seo-faq-item{overflow:hidden;border:1px solid var(--route-seo-border);border-radius:var(--radius-sm);background:var(--surface)}.route-seo-faq-item summary{display:flex;min-height:calc(var(--space-3) + var(--space-3) + var(--space-0));align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-3);color:var(--text);cursor:pointer;font-size:var(--font-size-label);font-weight:800;list-style:none}.route-seo-faq-item summary::-webkit-details-marker{display:none}.route-seo-faq-chevron{color:var(--text);transition:transform .16s ease;flex-shrink:0;width:16px;height:16px}.route-seo-faq-item[open] .route-seo-faq-chevron{transform:rotate(180deg)}.route-seo-faq-item p{margin:0;padding:0 var(--space-3) var(--space-3);color:var(--text-muted);font-size:var(--font-size-label);line-height:1.55}.route-seo-privacy-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:calc(var(--space-3) + var(--space-0));align-items:center;min-height:calc(var(--space-3) * 5);border-radius:var(--radius-md);background:var(--route-seo-accent-soft);padding:var(--space-3) calc(var(--space-3) + var(--space-2))}.route-seo-privacy-icon svg{width:46px;height:46px;max-width:46px;color:currentColor;max-width:100%;max-height:100%}.route-seo-privacy-copy{display:grid;gap:var(--space-1)}.route-seo-privacy-copy h2{text-align:left}.route-seo-privacy-copy p{max-width:620px;margin:0;color:var(--text-muted);font-size:var(--font-size-label);font-weight:500;line-height:1.55}.route-seo-privacy-link{min-width:calc(var(--space-3) * 11);padding:0 calc(var(--space-3) + var(--space-0));border-color:var(--route-seo-border);color:var(--text)}.route-seo-related-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.route-seo-related-chip{display:flex;min-height:calc(var(--space-3) + var(--space-2) + var(--space-1));align-items:center;justify-content:center;gap:var(--space-1);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-size-helper);font-weight:800;text-decoration:none}.route-seo-related-chip svg{width:18px;height:18px;color:currentColor}@media(max-width:980px){.route-seo-trust-grid,.route-seo-tool-grid,.route-seo-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-seo-steps{grid-template-columns:1fr;gap:calc(var(--space-3) + var(--space-0));padding:0}.route-seo-step-arrow{display:none}.route-seo-privacy-banner{grid-template-columns:auto minmax(0,1fr)}.route-seo-privacy-link{grid-column:2;justify-self:start}.route-seo-related-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.route-seo{width:min(100%,calc(100% - var(--space-2)));margin-top:var(--space-3)}.route-seo-inner{gap:var(--space-3)}.route-seo-block-head{gap:6px}.route-seo-tool-grid,.route-seo-faq-grid,.route-seo-related-list{grid-template-columns:1fr}.route-seo-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.route-seo-trust-card,.route-seo-tool-card,.route-seo-privacy-banner{padding:var(--space-2)}.route-seo-trust-card,.route-seo-privacy-banner{grid-template-columns:1fr}.route-seo-privacy-link{grid-column:auto;width:100%}}.btn-ghost,input[type=file],select{border:1px solid var(--border);background:var(--white);color:var(--text)}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2);font-weight:600;cursor:pointer}.btn,.btn-primary,.btn-secondary,.btn-ghost{min-height:40px}.btn-primary{background:var(--primary);color:var(--white)}.btn-secondary{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink)}.card{margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.panel{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.panel--marketing{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}input[type=file],select{width:100%;max-width:100%;border-radius:var(--radius-sm);padding:var(--space-2);min-height:40px}.file-input::file-selector-button,.file-input::-webkit-file-upload-button{margin-right:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text);font:inherit;font-weight:600;cursor:pointer}button{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-1);font-weight:600;cursor:pointer}.form{display:grid;gap:var(--space-2)}.field{display:grid;gap:var(--space-1)}.field-label{font-size:var(--font-size-label);font-weight:700;color:var(--text)}.input{border:1px solid color-mix(in srgb,var(--border) 86%,white 14%);border-radius:var(--radius-md);background:color-mix(in srgb,var(--white) 82%,var(--surface-soft) 18%);color:var(--text);padding:var(--space-2);font-size:var(--font-size-base);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}:is(html[data-theme=dark],html[data-theme$=-dark]) .input{border-color:color-mix(in srgb,var(--border) 94%,transparent);background:color-mix(in srgb,var(--bg) 28%,var(--surface) 72%)}.input::placeholder{color:var(--text-muted)}.input:focus,.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.submit{min-height:48px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-base)}.shell-header{margin-left:auto;margin-right:auto;margin-top:24px}.wrap>.shell-header{width:100%;margin-left:0;margin-right:0}.topbar{--topbar-nav-font-family: var(--font-family-base);--topbar-nav-font-size: 13.125px;--topbar-nav-font-weight: 560;--topbar-nav-line-height: 1.2;--topbar-nav-letter-spacing: 0;--topbar-tab-min-height: 40px;--topbar-action-min-height: 40px;background:linear-gradient(155deg,color-mix(in srgb,var(--white) 96%,transparent),color-mix(in srgb,var(--surface-soft) 95%,transparent));border:1px solid color-mix(in srgb,var(--border) 62%,transparent);border-radius:14px;padding:14px 16px;box-shadow:0 12px 24px color-mix(in srgb,var(--text) 10%,transparent);font-size:var(--font-size-base);position:sticky;top:var(--space-2);z-index:1000;isolation:isolate}.topbar-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;z-index:1010}.topbar-center{flex:1 1 auto;min-width:0;display:flex;justify-content:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;line-height:1.45}.brand-logo{width:34px;height:34px;display:block}.brand-link{margin:0;font-size:var(--font-size-brand, 19px);font-weight:820;letter-spacing:-.02em;color:var(--text);text-decoration:none}.topbar-right{display:flex;align-items:center;gap:10px}.auth-actions{display:flex;align-items:center;gap:10px;position:relative}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:0}.topbar-tabs{flex-wrap:nowrap;justify-content:center;gap:4px;padding:1px 4px;overflow-x:auto;scrollbar-width:thin}.topbar .tabs .tab,.topbar .tabs a.tab,.topbar .tabs button.tab,.topbar .btn-login,.topbar .btn-signup{font-family:var(--topbar-nav-font-family);font-size:var(--topbar-nav-font-size);line-height:var(--topbar-nav-line-height);font-weight:var(--topbar-nav-font-weight);font-variation-settings:"wght" var(--topbar-nav-font-weight);letter-spacing:var(--topbar-nav-letter-spacing);text-decoration:none}.topbar .btn-login,.topbar .btn-signup,.topbar .tab{border-radius:12px;padding:7px 12px;min-height:var(--topbar-action-min-height);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.topbar .btn-login,.topbar .tab{border:1px solid var(--border);background:var(--white);color:var(--text)}.topbar .btn-signup{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink)}.topbar .tab{border-radius:0;min-height:var(--topbar-tab-min-height);padding:0 10px;border:0;background:transparent;color:var(--text-muted);position:relative;white-space:nowrap}.topbar .tab.active{background:transparent;color:var(--text)}.topbar .tab.active:after{content:"";position:absolute;left:9px;right:9px;bottom:1px;height:2px;border-radius:2px;background:var(--accent)}.topbar .btn-login:focus-visible,.topbar .btn-signup:focus-visible,.topbar .tab:focus-visible,.profile-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:is(html[data-theme=dark],html[data-theme$=-dark]) .topbar .brand-link{color:#f0f7fa}:is(html[data-theme=dark],html[data-theme$=-dark]) .topbar .tab{color:color-mix(in srgb,var(--text) 92%,transparent)}:is(html[data-theme=dark],html[data-theme$=-dark]) .topbar .tab.active{color:#f5fcff}svg{flex-shrink:0}.profile-btn{width:40px;min-width:40px;height:40px;min-height:40px;flex:0 0 auto;border:1px solid var(--border);border-radius:50%;background:var(--white);display:inline-flex;align-items:center;justify-content:center;color:var(--text);padding:0;cursor:pointer}.topbar #profile-btn.profile-btn{width:40px;min-width:40px;height:40px;min-height:40px;padding:0}#profile-btn svg,#profile-btn img{width:18px;height:18px;min-width:18px;min-height:18px;flex:0 0 18px}.profile-menu{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--white);box-shadow:var(--shadow-soft);display:none;z-index:20}.profile-dropdown.open{display:grid;gap:2px}.profile-dropdown-item{width:100%;border:0;background:transparent;border-radius:10px;padding:10px;min-height:40px;display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:600;font-size:var(--font-size-label);text-align:left;cursor:pointer}.profile-dropdown-item:hover{background:var(--surface-soft)}.menu-icon-img{display:block;object-fit:contain}.profile-dropdown-item svg,.profile-dropdown-item .menu-icon-img{width:18px;height:18px;flex:0 0 auto}.profile-dropdown-logout{font-family:inherit}#auth-actions{visibility:visible;min-width:130px}html.auth-pending #auth-actions{visibility:hidden}html.auth-logged-in #auth-actions .btn-login,html.auth-logged-in #auth-actions .btn-signup{display:none}html.auth-logged-in #auth-actions{min-width:42px;min-height:40px}.mobile-menu-btn{display:none;border:1px solid var(--border);background:var(--white);color:var(--text);border-radius:10px;width:32px;height:32px;flex:0 0 auto;padding:0;cursor:pointer;touch-action:manipulation}.topbar .profile-btn,.topbar .mobile-menu-btn,.topbar .btn-login{background:var(--surface-soft);border-color:var(--border);color:var(--text)}:is(html[data-theme=dark],html[data-theme$=-dark]) .topbar .profile-btn,:is(html[data-theme=dark],html[data-theme$=-dark]) .topbar .mobile-menu-btn{background:color-mix(in srgb,var(--surface) 62%,transparent);border-color:color-mix(in srgb,var(--border) 38%,transparent);color:color-mix(in srgb,var(--text) 94%,var(--white) 6%)}:is(html[data-theme=dark],html[data-theme$=-dark]) .topbar .btn-login{background:color-mix(in srgb,var(--surface) 72%,transparent);border-color:color-mix(in srgb,var(--border) 38%,transparent);color:color-mix(in srgb,var(--text) 96%,var(--white) 4%)}#theme-icon-toggle{width:40px;min-width:40px;height:40px;min-height:40px;flex:0 0 auto}#theme-icon-toggle svg,#theme-icon-toggle img{width:18px;height:18px;min-width:18px;min-height:18px;flex:0 0 18px}[data-theme-icon=dark],[data-theme-icon=light]{display:none}:is(html[data-theme=dark],html[data-theme$=-dark]) [data-theme-icon=dark]{display:inline}html:not([data-theme=dark]):not([data-theme$=-dark]) [data-theme-icon=light]{display:inline}.mobile-menu-btn svg{width:16px;height:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-drawer-overlay{display:none;position:fixed;inset:0;background:color-mix(in srgb,var(--text) 50%,transparent);opacity:0;pointer-events:none;transition:opacity .12s ease-out;will-change:opacity;z-index:55}.mobile-drawer{display:none;position:fixed;top:0;left:0;margin-left:0;width:min(84vw,340px);height:100dvh;background:var(--white);background-color:var(--surface);border-right:1px solid var(--border);border-radius:0 18px 18px 0;box-shadow:var(--shadow-soft);transform:translate3d(-105%,0,0);transition:transform .12s ease-out;will-change:transform;flex-direction:column;z-index:60}body.mobile-drawer-open{overflow:hidden}body.mobile-drawer-open .mobile-drawer-overlay{opacity:1;pointer-events:auto}body.mobile-drawer-open .mobile-drawer{transform:translateZ(0)}.mobile-drawer-head{padding:16px 14px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.mobile-avatar{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);color:var(--accent);font-weight:760;display:inline-flex;align-items:center;justify-content:center}.mobile-avatar svg{width:20px;height:20px}.mobile-profile-title{margin:0;font-size:var(--font-size-label);font-weight:700}.mobile-profile-tier{margin:2px 0 0;color:var(--text-muted);font-size:var(--font-size-label)}.mobile-drawer-nav{padding:12px 12px 10px;display:grid;gap:12px}.mobile-drawer-divider{height:1px;margin:2px 12px 4px;background:var(--border)}.mobile-drawer-sidebar{padding:8px 12px 10px;display:grid;gap:8px}.mobile-drawer-link{border-radius:10px;padding:10px;min-height:40px;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px;font-size:var(--font-size-label);font-weight:600}.mobile-drawer-link:hover{background:var(--surface-soft)}.mobile-drawer-link.is-active{background:var(--surface-soft);border:1px solid var(--border)}.mobile-drawer-link svg{width:18px;height:18px;color:var(--accent);flex:0 0 auto}.mobile-drawer-bottom{margin-top:auto;padding:10px;border-top:1px solid var(--border);display:grid;gap:6px}.mobile-drawer-action{width:100%;border:0;border-radius:16px;padding:12px 14px;min-height:55px;background:transparent;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:14px;font-size:var(--font-size-label);font-weight:600;cursor:pointer;font-family:inherit}.mobile-drawer-action:hover{background:var(--surface-soft)}.mobile-drawer-action.is-active{background:var(--surface-soft);border:1px solid var(--border)}.mobile-drawer-action svg{width:18px;height:18px;color:var(--accent);flex:0 0 auto}.mobile-theme-toggle{align-items:center}.mobile-theme-icon{width:18px;height:18px;color:var(--text);flex:0 0 auto}.mobile-theme-icon svg{width:18px;height:18px;color:currentColor}.mobile-theme-icon img{width:18px;height:18px;display:block}.mobile-theme-copy{display:grid;gap:2px;text-align:left}.mobile-theme-title{margin:0;font-size:var(--font-size-label);line-height:1.05;font-weight:600;letter-spacing:-.02em}.mobile-theme-label{margin:0;color:var(--text-muted);font-size:var(--font-size-label);line-height:1.15;font-weight:520}.mobile-account-settings,.mobile-account-nav-divider,.mobile-account-nav{display:none}html.auth-logged-in .mobile-account-nav-divider{display:block}html.auth-logged-in .mobile-account-nav{display:grid}@media(min-width:901px){.mobile-menu-btn,.mobile-drawer-overlay,.mobile-drawer{display:none!important}}@media(max-width:900px){.shell-header{width:100%;margin:0}.topbar .topbar-center,.topbar .topbar-tabs{display:none}.topbar .btn-login,.topbar .btn-signup{padding:6px 10px}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.topbar #profile-btn.profile-btn{width:32px;min-width:32px;height:32px;min-height:32px}#profile-btn svg,#profile-btn img{width:16px;height:16px;min-width:16px;min-height:16px;flex:0 0 16px}#theme-icon-toggle,.tabs{display:none}.mobile-drawer-overlay{display:block}.mobile-drawer{display:flex;width:68vw;margin:0}}@media(max-width:410px){.topbar{border-radius:0;padding:var(--space-2);top:0}}.marketing-footer-shell{--footer-shell-border: color-mix(in srgb, var(--border) 72%, var(--accent) 28%);--footer-divider: color-mix(in srgb, var(--border) 70%, transparent 30%);--footer-link-bg-hover: color-mix(in srgb, var(--accent) 10%, transparent);--footer-link-border-hover: color-mix(in srgb, var(--accent) 22%, var(--border) 78%);width:min(1120px,100% - 32px);margin:var(--space-3) auto 0;border:1px solid var(--footer-shell-border);border-radius:var(--radius-md);box-shadow:0 18px 36px color-mix(in srgb,var(--text) 6%,transparent);overflow:hidden;background:linear-gradient(155deg,color-mix(in srgb,var(--white) 96%,transparent),color-mix(in srgb,var(--surface-soft) 95%,transparent));color:var(--text)}:is(html[data-theme=dark],html[data-theme$=-dark]) .marketing-footer-shell{--footer-shell-border: color-mix(in srgb, var(--border) 54%, var(--accent) 46%);--footer-divider: color-mix(in srgb, var(--border) 66%, transparent 34%);--footer-link-bg-hover: color-mix(in srgb, var(--accent) 12%, transparent);--footer-link-border-hover: color-mix(in srgb, var(--accent) 26%, var(--border) 74%);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,#081316 10%),color-mix(in srgb,var(--surface-soft) 86%,#071115 14%));box-shadow:0 24px 48px color-mix(in srgb,#02080a 42%,transparent)}.marketing-footer-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr);gap:0}.marketing-footer-intro{padding:var(--space-3);border-right:1px solid var(--footer-divider)}.marketing-footer-intro-mark{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:14px}.marketing-footer-eyebrow{margin:0 0 8px;color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.marketing-footer-title{margin:0;max-width:15ch;color:var(--text);font-size:1.8rem;font-weight:800;letter-spacing:-.045em;line-height:1.02}.marketing-footer-summary{margin:18px 0 0;max-width:36ch;color:var(--text-muted);font-size:1rem;line-height:1.55}.marketing-footer-intro-resources{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));column-gap:20px;row-gap:10px;margin-top:22px}.marketing-footer-intro-resources a{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;width:fit-content;padding:8px 10px;color:var(--text);font-size:.96rem;font-weight:600;border:1px solid transparent;border-radius:10px;transition:border-color .18s ease-out,background-color .18s ease-out,color .18s ease-out}.marketing-footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.marketing-footer-group{min-width:0;padding:var(--space-3)}.marketing-footer-group:nth-child(odd){border-right:1px solid var(--footer-divider)}.marketing-footer-group-head{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px}.marketing-footer-card-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--accent)}.marketing-footer-card-icon svg{width:24px;height:24px;display:block;overflow:visible}.marketing-footer-group h2{margin:0;color:var(--text);font-size:1.02rem;font-weight:720;letter-spacing:-.025em;line-height:1.15}.marketing-footer-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.marketing-footer-list li{min-width:0}.marketing-footer-list a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;color:var(--text);text-decoration:none;font-size:.95rem;font-weight:580;line-height:1.2;border:1px solid transparent;border-radius:10px;transition:border-color .18s ease-out,background-color .18s ease-out,color .18s ease-out}.marketing-footer-link-icon{width:20px;height:20px;display:grid;place-items:center;color:var(--accent)}.marketing-footer-link-icon svg{width:18px;height:18px;display:block;overflow:visible}.marketing-footer-shell a{color:var(--text);text-decoration:none}.marketing-footer-shell a:hover,.marketing-footer-shell a:focus-visible{color:var(--accent)}.marketing-footer-list a:hover,.marketing-footer-list a:focus-visible{background:var(--footer-link-bg-hover);border-color:var(--footer-link-border-hover)}.marketing-footer-intro-resources a:hover,.marketing-footer-intro-resources a:focus-visible{background:var(--footer-link-bg-hover);border-color:var(--footer-link-border-hover)}.marketing-footer-shell a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius-sm)}.marketing-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 30px 20px;border-top:1px solid var(--footer-shell-border);background:color-mix(in srgb,var(--surface) 82%,transparent)}.marketing-footer-lockline{display:flex;align-items:center;gap:12px;min-width:0}.marketing-footer-lock{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border) 72%);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 78%,white 22%),color-mix(in srgb,var(--accent) 64%,var(--surface) 36%));color:var(--accent);flex:0 0 auto;box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 14%,transparent)}.marketing-footer-lock svg{width:42px;height:42px;display:block}.marketing-footer-tagline{margin:0;font-size:1rem;font-weight:720;letter-spacing:-.02em;color:var(--text);line-height:1.1}.marketing-footer-meta{margin:4px 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.25}.marketing-footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px;color:var(--text-muted);font-size:var(--font-size-label);font-weight:580}.marketing-footer-separator{color:color-mix(in srgb,var(--accent) 72%,transparent);font-size:.9em;line-height:1}@media(max-width:920px){.marketing-footer-top{grid-template-columns:1fr}.marketing-footer-intro{border-right:0;border-bottom:1px solid var(--footer-divider)}.marketing-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-footer-bottom{flex-direction:column;align-items:flex-start;padding:18px 24px 22px}.marketing-footer-links{justify-content:flex-start}}@media(max-width:640px){.marketing-footer-shell{width:min(100% - 16px,1840px);border-radius:18px;margin-bottom:22px}.marketing-footer-intro{padding:22px 20px 18px}.marketing-footer-title{font-size:1.45rem}.marketing-footer-summary{margin-top:14px;font-size:.96rem}.marketing-footer-intro-resources .marketing-footer-group{padding:20px}.marketing-footer-group:nth-child(odd){border-right:0}.marketing-footer-group:not(:last-child){border-bottom:1px solid var(--footer-divider)}.marketing-footer-bottom{padding:18px 20px 20px}.marketing-footer-links{gap:10px}}.workflow-page{display:grid;gap:16px}.workflow-intro{border:1px solid var(--border);border-radius:16px;background:linear-gradient(160deg,var(--surface-tint),var(--surface-tint-soft));padding:16px}.workflow-intro h1{margin:0;color:var(--text)}.workflow-intro p{margin:8px 0 0;color:var(--text-muted)}.sign-review-shell{gap:8px;padding:6px 4px}.sign-review-section{border:0;border-radius:0;padding:0;background:transparent;display:grid;gap:10px}.sign-review-heading{margin:0;font-size:var(--font-size-helper);text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--text) 70%,var(--text-muted));font-weight:700}.sign-review-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.sign-review-grid{display:grid;gap:4px}.sign-review-grid--tight{gap:6px}.sign-review-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:10px}.sign-review-row--multiline{align-items:start}.sign-value{color:var(--text);font-size:var(--font-size-label);line-height:1.35;text-align:left}.sign-inline-status-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap}.sign-inline-status-item{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-height:20px;border:0;border-radius:0;padding:0;background:transparent;color:var(--text-muted);font-size:var(--font-size-helper)}.sign-inline-status-dot,.sign-state-dot{width:10px;height:10px;border-radius:999px;background:#8f96a3;display:inline-block}.sign-inline-status-item--pending .sign-inline-status-dot,.sign-state-item--pending .sign-state-dot{background:#8f96a3}.sign-inline-status-item--ready,.sign-state-item--success{color:color-mix(in srgb,var(--success) 75%,var(--text))}.sign-inline-status-item--ready .sign-inline-status-dot,.sign-state-item--success .sign-state-dot{background:#1f9d55}.sign-inline-status-item--blocked{color:color-mix(in srgb,var(--danger) 78%,var(--text))}.sign-inline-status-item--blocked .sign-inline-status-dot,.sign-inline-status-dot--blocked{background:#d14343}.sign-final-actions{margin-top:2px;display:flex;justify-content:flex-end}.sign-final-actions #createBtn{width:auto;min-width:168px;padding:0 18px;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 18%,transparent)}.sign-link-row{padding:0}.sign-link-row--inline{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.sign-link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:var(--font-size-label);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-link-btn--open{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--surface-soft) 90%,var(--white))}.sign-link-btn--copy{border:1px solid color-mix(in srgb,var(--success) 45%,var(--border));background:color-mix(in srgb,var(--status-success-bg) 58%,var(--surface))}.sign-link-btn:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.sign-link-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.sign-link-btn[aria-disabled=true],.sign-link-btn:disabled{opacity:.52;pointer-events:none;cursor:not-allowed}.sign-review-shell--ready .sign-review-section{box-shadow:none}.sign-review-shell--ready .download-button-secondary{box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 28%,transparent)}.sign-recipient-summary{display:grid;gap:6px}.sign-upload-locked{opacity:.62;filter:grayscale(.16)}.sign-upload-locked .flow-browse-btn{pointer-events:none;opacity:.72}.sign-recipient-row,.sign-step2-row{width:100%;display:grid;grid-template-columns:132px minmax(0,1fr)}.sign-recipient-row{align-items:start;gap:10px}.sign-recipient-flow,.sign-recipient-field-stack{display:grid;gap:8px}.sign-recipient-flow--single{justify-items:start;align-items:start}.sign-recipient-section{display:grid;gap:6px;padding:0;width:100%}.sign-recipient-heading{margin:0;font-size:var(--font-size-label);letter-spacing:.02em}.sign-step2-row{align-items:center;gap:8px}.sign-step2-content{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;min-width:0}.sign-step2-content--stack{flex-direction:column;align-items:flex-start;gap:6px}.sign-step2-content>input,.sign-step2-content>select{width:min(460px,100%)}.sign-step2-btn-primary{width:min(460px,100%);justify-content:center;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm)}.sign-step2-btn-secondary{min-height:34px;padding:0 8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm)}.sign-step2-note{margin-top:0}.sign-otp-hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sign-otp-digits{display:inline-flex;align-items:center;gap:8px}.sign-otp-inline-row{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.sign-otp-digit{width:1.9rem;min-height:2rem;border:0;border-bottom:2px solid color-mix(in srgb,var(--border) 88%,var(--text));border-radius:0;background:transparent;color:var(--text);text-align:center;font-size:var(--font-size-base);font-weight:600;padding:0 0 2px}.sign-otp-digit:focus{outline:none;border-bottom-color:var(--accent)}.sign-otp-digit::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}.sign-viewer-controls{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sign-viewer-page-label{color:var(--text-muted);font-size:var(--font-size-label)}.sign-viewer-frame{width:100%;min-height:520px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.sign-inline-status-inline{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;color:color-mix(in srgb,var(--danger) 78%,var(--text));font-size:var(--font-size-label)}.sign-consent-item{display:grid;gap:6px;margin-top:6px}.sign-consent-item p{margin:0}.sign-completion-shell{display:grid;gap:10px}.sign-state-inline-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.sign-state-inline-items{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.sign-state-item{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-label);color:var(--text-muted)}.sign-state-item--pending{color:var(--text-muted)}.sign-recipient-actions{justify-content:flex-start}@media(max-width:700px){.sign-inline-status-row{flex-wrap:wrap;justify-content:flex-start;gap:8px}.sign-review-row{gap:4px}.sign-review-row--compliance{grid-template-columns:1fr}.sign-recipient-row,.sign-step2-row{grid-template-columns:1fr;gap:4px}}