:root{--bg:#0b111f;--panel:#111b2c;--panel2:#152237;--stroke:#2b3b50;--text:#edf5fc;--muted:#9eafc3;--teal:#6ae1c9;--teal2:#27bda5;--amber:#f6bc73;--danger:#fe9f9f;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,.upload-box:focus-visible,select:focus-visible{outline:3px solid #78e5d4;outline-offset:3px}
.ambient{pointer-events:none;position:absolute;z-index:-1;inset:55px 0 auto;height:770px;background:radial-gradient(ellipse at 50% 10%,#174e555e,transparent 55%),radial-gradient(ellipse at 85% 38%,#29466a55,transparent 42%)}
.site-header{height:76px;max-width:1200px;margin:auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #27384a}.brand{font-weight:800;display:inline-flex;align-items:center;font-size:22px;letter-spacing:-.7px}.brand-icon{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:10px;margin-right:10px;background:var(--teal);color:#102734;font-size:23px;font-weight:900}.brand-accent{color:var(--teal)}nav{display:flex;gap:33px;color:#c1d0de}nav a:hover{color:white}.nav-action{font-size:13px;border:1px solid #375266;border-radius:10px;padding:10px 16px;font-weight:700}.nav-action span{color:var(--teal);margin-left:8px}
.hero{max-width:1120px;padding:104px 26px 86px;margin:0 auto;text-align:center}.eyebrow,.section-kicker{color:var(--teal);font-weight:800;font-size:11px;letter-spacing:2.3px}.eyebrow{border:1px solid #365c63;padding:8px 15px;border-radius:25px;display:inline-flex;gap:9px;align-items:center;background:#16383f69}.live-dot{height:8px;width:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px #57d8c125;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(43px,6.5vw,82px);letter-spacing:-3.4px;font-weight:800;line-height:1.09;margin:26px 0 25px}.gradient-text{background:linear-gradient(90deg,#72ebcf,#9ee8e0,#76c5fc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;color:#bbcadb;max-width:675px;margin:0 auto 30px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:13px}.btn{border:0;border-radius:11px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:17px;font-size:14px;font-weight:750;white-space:nowrap;transition:.16s background,.16s transform}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--teal);color:#071d28}.btn-primary:hover:not(:disabled){background:#9ff0de}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid #3c5268;color:#dbe9f4}.btn-outline:hover{background:#20344a}.btn-quiet{background:transparent;color:#d5e6ee}.btn-quiet:hover{background:#20344a}.proof{display:flex;gap:25px;justify-content:center;margin-top:32px;color:#a3bacc;font-size:13px}.proof span::first-letter{color:var(--teal)}
.workspace{max-width:1130px;margin:0 auto 110px;padding:35px;background:linear-gradient(180deg,#152336,#101c2e);border:1px solid #314359;border-radius:25px;box-shadow:0 30px 90px #0003}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.workspace h2{font-size:28px;letter-spacing:-.7px;margin:5px 0}.workspace-heading p,.results-bar p{margin:0;color:var(--muted)}.status-chip{font-size:12px;color:#a7e9d8;display:flex;align-items:center;gap:9px;background:#23453766;padding:10px 14px;border-radius:24px;border:1px solid #35584f;white-space:nowrap}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-box{position:relative;min-height:290px;border-radius:17px;border:1.5px dashed #587084;background:#122037aa;text-align:center;padding:21px;transition:.15s background,.15s border-color}.upload-box:hover,.upload-box.dragover{border-color:var(--teal);background:#193346}.upload-box.loaded{border-style:solid;border-color:#5fcab5}.upload-head{display:flex;align-items:center;gap:10px;text-align:left}.step-number{border-radius:7px;background:#20473f;color:#7ae4d1;font-size:12px;font-weight:800;padding:4px 8px}.doc-label{font-size:10px;letter-spacing:1.4px;color:#aebed0;font-weight:800}.file-icon{font-size:28px;margin:14px auto 9px;height:50px;width:50px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:#85efdb;background:#244b4a}.file-icon.invoice-icon{color:#b0ceff;background:#283d5c}.upload-box h3{margin:0 0 5px;font-size:18px}.upload-box p{margin:0 0 14px;color:#9fb1c4;font-size:13px}.file-select{display:inline-block;background:#21394c;border:1px solid #557187;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:800}.upload-box small{display:block;color:#8c9db1;font-size:11px;margin-top:11px}.file-info{color:#8ff5d9;font-size:12px;margin-top:9px;word-break:break-word}.controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-top:24px;padding-top:23px;border-top:1px solid var(--stroke)}.control{display:grid;gap:7px}.control label{font-size:12px;color:#b3c6d5;font-weight:650}.control select{height:43px;border-radius:8px;border:1px solid #3a5064;padding:0 12px;background:#102136;color:#eaf5fb;min-width:150px}.controls-actions{display:flex;margin-left:auto;gap:10px}.notice{margin-top:20px;border:1px solid #626b52;background:#3b342348;color:#f5d7a0;border-radius:10px;padding:12px 14px;white-space:pre-wrap}.notice.error{border-color:#884c55;background:#622c3844;color:#ffc4cb}.notice.ok{border-color:#306a59;color:#a7f3d4;background:#194d3b55}.mapping-panel{padding:22px;margin-top:25px;border:1px solid #435d6d;border-radius:15px;background:#102033}.mapping-panel h3{margin:0}.mapping-panel p{color:var(--muted);margin:4px 0 18px;font-size:13px}.mapping-editors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mapping-group{border:1px solid #30485c;border-radius:10px;padding:14px}.mapping-group strong{display:block;margin-bottom:10px}.field-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:8px 0}.field-row label{font-size:12px;color:#b1c6d5}.field-row select{background:#0b1729;color:white;border:1px solid #375064;border-radius:6px;padding:6px;min-width:135px;max-width:220px}
.results{margin-top:32px;border-top:1px solid var(--stroke);padding-top:30px}.results-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #34495e;border-radius:13px;background:#17283b}.metric span{font-size:12px;color:#a7bbca}.metric strong{font-size:29px;letter-spacing:-1.1px;line-height:1.1}.metric.danger strong{color:#ffc08d}.result-warnings{padding:12px;background:#392d234f;border:1px solid #6b5043;border-radius:9px;color:#edcfa8;font-size:12px;margin-top:15px;white-space:pre-line}.results-table-head{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:10px}.results-table-head h3{margin:0;font-size:16px}.result-filters{display:flex;gap:5px;padding:4px;background:#101c2e;border-radius:9px}.filter{padding:7px 13px;border:0;border-radius:7px;color:#9fb3c5;background:transparent;font-size:12px;font-weight:750}.filter.active{background:#2c4156;color:#f1fbfc}.table-scroller{overflow-x:auto;border:1px solid #2f4458;border-radius:12px;margin-top:14px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}thead{background:#0b192a;color:#acbece}th{padding:14px;white-space:nowrap;font-weight:650}td{border-top:1px solid #293c50;padding:14px;color:#e2e9f3;vertical-align:middle}tbody tr:hover{background:#1b2c3c}.item-title{display:block;font-weight:750;font-size:13px;max-width:300px}.item-sku{display:block;color:#95aab9;font-size:11px;margin-top:3px}.issue-text{color:#ffbba7}.status{font-size:11px;border-radius:6px;padding:5px 8px;font-weight:800;white-space:nowrap}.status.ok{background:#1d483f;color:#8ff0d3}.status.issue{background:#533530;color:#ffc3a7}.table-footnote{color:#95a9b7;font-size:11px;margin-top:12px}
.info-section,.privacy-section,.price-section{max-width:1130px;padding:0 28px;margin:0 auto 110px}.info-section h2{font-size:clamp(25px,4vw,36px);letter-spacing:-1px;max-width:650px;margin:10px 0 30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{border:1px solid #2e4357;border-radius:17px;padding:26px;background:#142236}.feature-number{font-size:13px;color:#65e5c5;font-weight:900}.feature-grid h3{margin:19px 0 8px}.feature-grid p{margin:0;font-size:14px;color:#a6b8c8}.privacy-section{display:flex;align-items:center;gap:30px;border:1px solid #305648;border-radius:22px;background:#11322755;padding:34px}.lock-illustration{height:80px;min-width:80px;border-radius:17px;background:#244a40;color:#7eead1;font-size:45px;display:flex;align-items:center;justify-content:center}.privacy-section h2,.price-section h2{font-size:28px;letter-spacing:-1px;margin:6px 0}.privacy-section p,.price-section p{max-width:670px;color:#acbfcd;margin:0}.privacy-pill{white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:1px;color:#82e9cf;border:1px solid #3b7e66;padding:9px;border-radius:18px;margin-left:auto}.price-section{background:#122337;border:1px solid #2e475b;border-radius:22px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:80px}footer{border-top:1px solid #263746;padding:35px max(26px,calc((100vw - 1130px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;color:#91a6b9;font-size:12px}.footbrand{font-size:17px;color:var(--text)}.footbrand .brand-icon{width:27px;height:27px;font-size:18px;border-radius:8px}
@media(max-width:850px){.site-header nav{display:none}.workspace{margin:0 14px 75px;padding:22px}.hero{padding:75px 19px 68px}.hero h1{letter-spacing:-2px}.workspace-heading{align-items:start}.status-chip{display:none}.controls-actions{width:100%;margin:8px 0 0}.controls-actions .btn{flex:1}.metrics{grid-template-columns:repeat(2,1fr)}.mapping-editors{grid-template-columns:1fr}.privacy-pill{display:none}.feature-grid{grid-template-columns:1fr}.proof{gap:8px;flex-wrap:wrap}.proof span{font-size:11px}.privacy-section{margin-left:15px;margin-right:15px}.price-section{margin-left:15px;margin-right:15px}}
@media(max-width:590px){.site-header{padding:0 15px}.brand{font-size:19px}.nav-action{font-size:12px}.upload-grid{grid-template-columns:1fr}.upload-box{min-height:245px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;max-width:315px}.results-bar{align-items:start;flex-direction:column}.controls .control{flex:1}.control select{min-width:0;width:100%}.controls-actions{flex-wrap:wrap}.controls-actions .btn{font-size:12px;padding:12px}.metrics{gap:8px}.metric{padding:13px}.metric strong{font-size:24px}.privacy-section{display:block}.lock-illustration{margin-bottom:18px}.price-section{display:block}.price-section .btn{margin-top:22px}footer{flex-wrap:wrap}.results-table-head{align-items:start;flex-direction:column}}