:root{
  --ink:#132033;--muted:#68758a;--line:#e2e8f0;--paper:#ffffff;--wash:#f4f7fb;
  --brand:#2956d7;--brand2:#6b4eff;--teal:#18a0a0;--danger:#c9344a;--success:#138a62;
  --shadow:0 18px 60px rgba(31,48,78,.10);--radius:22px;--small:14px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}main{min-height:70vh}.hidden{display:none!important}
.site-header{height:74px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;gap:34px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:19px;white-space:nowrap}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px}.brand-mark span{display:block;width:4px;background:white;border-radius:6px}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:12px}.main-nav{display:flex;gap:24px;font-size:14px;font-weight:650;color:#46536a}.main-nav a:hover,.quiet-link:hover{color:var(--brand)}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:14px}.header-actions form{margin:0}.quiet-link{font-weight:650}.primary-small,.ghost-btn{border-radius:999px;padding:9px 15px;font-weight:700}.primary-small{background:var(--ink);color:white}.ghost-btn{border:1px solid var(--line);background:white;color:var(--ink)}.mobile-menu{display:none;margin-left:auto;border:0;background:none;font-size:24px}
.hero-shell{max-width:1320px;margin:0 auto;padding:88px 30px 78px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;min-height:580px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--brand);text-transform:uppercase}.hero-copy h1,.page-intro h1,.tool-hero h1,.auth-card h1,.legal-shell h1{font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.055em;margin:14px 0 22px}.hero-copy h1 span{color:var(--brand)}.hero-copy>p{max-width:680px;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:12px;margin:30px 0 22px}.primary-cta,.secondary-cta,.process-btn{border-radius:14px;padding:14px 20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:0}.primary-cta,.process-btn{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 28px rgba(63,81,181,.20)}.secondary-cta{background:#fff;color:var(--ink);border:1px solid var(--line)}.hero-notes{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--muted);font-weight:600}.hero-art{height:390px;position:relative}.doc-card{position:absolute;width:270px;height:350px;border-radius:24px;background:#fff;border:1px solid #dce4f2;box-shadow:var(--shadow);padding:28px}.doc-card.back{right:84px;top:30px;transform:rotate(12deg);background:#e9f2ff}.doc-card.middle{right:128px;top:18px;transform:rotate(-7deg);background:#f1ecff}.doc-card.front{right:82px;top:0}.doc-card.front strong{display:block;font-size:48px;letter-spacing:-.07em;margin:50px 0 20px;color:var(--brand)}.mini-logo{display:flex;gap:4px;align-items:flex-end}.mini-logo i{width:6px;background:var(--brand);border-radius:3px}.mini-logo i:nth-child(1){height:8px}.mini-logo i:nth-child(2){height:18px}.mini-logo i:nth-child(3){height:12px}.doc-lines{height:90px;background:repeating-linear-gradient(to bottom,#dbe3ef 0 6px,transparent 6px 18px);opacity:.8}.tool-pills{display:flex;gap:6px;margin-top:20px}.tool-pills b{font-size:10px;padding:6px 8px;border-radius:999px;background:var(--wash);color:var(--muted)}
.tools-section,.catalog-shell{background:var(--wash);padding:78px max(24px,calc((100vw - 1320px)/2));}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2,.feature-copy h2{font-size:38px;letter-spacing:-.045em;margin:8px 0 0}.section-heading a{font-size:14px;font-weight:800;color:var(--brand)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.filter-btn{border:1px solid var(--line);background:#fff;color:#46536a;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:700}.filter-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{position:relative;min-height:178px;background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:22px;display:flex;gap:16px;transition:.22s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(24,42,74,.10);border-color:#cfd9eb}.tool-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#edf3ff,#f3efff);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:850;font-size:13px;flex:0 0 auto}.tool-card h3{font-size:16px;margin:2px 0 7px;letter-spacing:-.02em}.tool-card h3 sup{font-size:8px;background:#e8f7f4;color:#08775a;padding:3px 5px;border-radius:6px;margin-left:4px}.tool-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.tool-card .arrow{position:absolute;right:17px;top:16px;color:#9aa6b7}.trust-strip{max-width:1320px;margin:0 auto;padding:48px 30px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.trust-strip div{padding:5px 28px;border-right:1px solid var(--line)}.trust-strip div:last-child{border-right:0}.trust-strip strong{display:block;font-size:28px;letter-spacing:-.04em}.trust-strip span{font-size:12px;color:var(--muted)}.feature-band{max-width:1320px;margin:0 auto;padding:86px 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.feature-copy p{color:var(--muted);max-width:650px}.stack-card{background:var(--ink);border-radius:26px;padding:30px;display:grid;gap:10px;color:#fff;box-shadow:var(--shadow)}.stack-card span{background:rgba(255,255,255,.08);padding:15px 18px;border-radius:12px;font-weight:750}.stack-card i{text-align:center;color:#8ca4ff;font-style:normal}
.page-intro,.tool-hero{max-width:1100px;margin:0 auto;text-align:center;padding:72px 24px 38px}.page-intro h1,.tool-hero h1{font-size:54px}.page-intro p,.tool-hero p{color:var(--muted);font-size:17px}.catalog-group{max-width:1320px;margin:0 auto 50px}.catalog-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.catalog-title h2{font-size:25px;letter-spacing:-.035em}.catalog-title span{font-size:12px;color:var(--muted)}.compact-grid .tool-card{min-height:145px}.back-link{display:block;text-align:left;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:26px}.tool-icon.large{width:66px;height:66px;margin:0 auto 18px;font-size:18px}.tool-hero .notice{max-width:780px;margin:22px auto 0;padding:12px 15px;border-radius:12px;background:#fff6d8;border:1px solid #f0d876;color:#766018;font-size:12px;text-align:left}.processor-shell{max-width:940px;margin:0 auto;padding:12px 24px 70px}.processor-card,.result-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.drop-zone{position:relative;border:2px dashed #bccae0;border-radius:20px;background:#f8fbff;padding:56px 22px;text-align:center;transition:.2s}.drop-zone.dragover{border-color:var(--brand);background:#eef4ff}.drop-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-orbit{width:72px;height:72px;border-radius:50%;background:#e8efff;margin:0 auto 16px;display:grid;place-items:center}.upload-orbit span{font-size:28px;color:var(--brand);font-weight:800}.drop-zone h2{margin:0;font-size:22px}.drop-zone p,.drop-zone small{color:var(--muted);font-size:12px}.file-list{display:grid;gap:8px;margin:12px 0}.file-chip{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--wash);border-radius:10px;font-size:12px}.file-chip span:last-child{color:var(--muted)}.config-panel{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.config-panel h3{font-size:15px;margin:0 0 14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-block{display:grid;gap:7px}.field-block label{font-size:12px;font-weight:800}.field-block input,.field-block select{width:100%;border:1px solid #cfd8e6;background:#fff;border-radius:11px;padding:11px 12px;outline:none;color:var(--ink)}.field-block input:focus,.field-block select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(41,86,215,.10)}.field-block small{color:var(--muted);font-size:10px}.secondary-upload{margin:18px 0}.process-btn{width:100%;margin-top:22px;min-height:52px;display:flex;justify-content:center;gap:12px}.process-btn:disabled{opacity:.65;cursor:not-allowed}.privacy-note{text-align:center;color:var(--muted);font-size:10px;margin-top:12px}.result-card{text-align:center;padding:50px 34px}.success-ring{width:70px;height:70px;border-radius:50%;background:#e7f7f0;color:var(--success);display:grid;place-items:center;margin:0 auto 17px;font-weight:900;font-size:28px}.result-card h2{margin:0 0 8px}.result-card p{color:var(--muted)}.text-result{text-align:left;background:#0e1726;color:#d8e3f1;border-radius:14px;padding:18px;white-space:pre-wrap;max-height:430px;overflow:auto;font-size:13px;margin:18px 0}.result-card .primary-cta,.result-card .secondary-cta{margin:8px 4px}.how-it-works{max-width:1100px;margin:0 auto;padding:0 24px 90px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.how-it-works div{border-top:1px solid var(--line);padding-top:18px}.how-it-works b{font-size:11px;color:var(--brand)}.how-it-works h3{font-size:14px;margin:7px 0}.how-it-works p{font-size:11px;color:var(--muted)}
.auth-shell{min-height:650px;background:var(--wash);display:grid;place-items:center;padding:50px 20px}.auth-card{width:min(510px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow)}.auth-card h1{font-size:40px}.auth-card>p{color:var(--muted);font-size:13px}.auth-form{display:grid;gap:14px;margin-top:26px}.auth-form label{font-size:12px;font-weight:800;display:grid;gap:7px}.auth-form input{padding:12px;border:1px solid #ccd6e5;border-radius:11px}.switch-auth{text-align:center}.switch-auth a{color:var(--brand);font-weight:800}.dashboard-shell{max-width:900px;margin:0 auto;padding:0 24px 90px}.account-chip{display:flex;align-items:center;gap:12px;background:var(--wash);padding:16px;border-radius:16px;margin-bottom:16px}.account-chip>span{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.account-chip small{display:block;color:var(--muted);margin-top:2px}.history-card{border:1px solid var(--line);border-radius:20px;overflow:hidden}.history-head{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.history-head h2{font-size:16px}.history-head a{color:var(--brand);font-size:12px;font-weight:800}.history-row{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:0}.history-row strong{display:block;font-size:13px}.history-row small{display:block;color:var(--muted);font-size:10px}.status{font-size:10px;padding:5px 8px;border-radius:999px;font-weight:800}.status.completed{background:#e8f7f1;color:#0f7757}.status.failed{background:#fdecef;color:#a2253a}.status.processing{background:#fff6d8;color:#806818}.empty-state{padding:30px;color:var(--muted);font-size:13px}.legal-shell{max-width:850px;margin:0 auto;padding:78px 24px 110px}.legal-shell h1{font-size:52px}.legal-shell h2{margin-top:35px;font-size:22px}.legal-shell p{color:#536176}.error-shell{text-align:center;padding:130px 24px}.error-shell>span{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#eef3ff;color:var(--brand);font-weight:900;font-size:25px}.error-shell h1{font-size:42px;letter-spacing:-.04em}.error-shell p{color:var(--muted)}.flash-wrap{position:fixed;top:84px;right:20px;z-index:60}.flash{padding:12px 15px;border-radius:10px;box-shadow:var(--shadow);background:#fff;font-size:12px}.flash.error{border-left:4px solid var(--danger)}
.site-footer{max-width:1320px;margin:0 auto;border-top:1px solid var(--line);padding:42px 30px 55px;display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:16px}.site-footer p{font-size:11px;color:var(--muted);max-width:420px}.footer-links{display:flex;gap:20px;font-size:12px;font-weight:700;color:var(--muted)}
@media(max-width:1050px){.tool-grid{grid-template-columns:repeat(3,1fr)}.hero-shell{grid-template-columns:1fr}.hero-art{display:none}.main-nav{display:none}.mobile-menu{display:block}.header-actions{display:none}.nav-open .main-nav{display:flex;position:absolute;left:0;right:0;top:74px;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column}.nav-open .header-actions{display:flex;position:absolute;left:0;right:0;top:245px;background:#fff;padding:12px 24px 20px;border-bottom:1px solid var(--line)}}
@media(max-width:760px){.tool-grid{grid-template-columns:repeat(2,1fr)}.hero-shell{padding-top:55px}.hero-copy h1{font-size:48px}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip div{border-right:0;border-bottom:1px solid var(--line);padding:20px}.feature-band{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.how-it-works{grid-template-columns:repeat(2,1fr)}.site-footer{flex-direction:column}.footer-links{flex-wrap:wrap}.page-intro h1,.tool-hero h1{font-size:42px}}
@media(max-width:500px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:130px}.hero-actions{flex-direction:column;align-items:stretch}.hero-notes{display:grid}.category-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.trust-strip{grid-template-columns:1fr}.how-it-works{grid-template-columns:1fr}.site-header{padding:0 17px}.processor-card{padding:15px}.drop-zone{padding:42px 14px}.auth-card{padding:28px 20px}}