:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17324d;background:#f5f8fa;font-synthesis:none;--navy:#17324d;--teal:#167d73;--line:#dce5e9;--muted:#5f7380}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e39c43;outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.top{max-width:1320px;margin:auto;padding:23px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-size:21px;font-weight:800;line-height:1.08;letter-spacing:-.5px}.brand img{width:64px;height:64px}.brand small{display:block;font-size:8px;letter-spacing:1.3px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:13px;font-weight:600;color:var(--muted)}button{border:0;border-radius:8px;padding:12px 18px;font-weight:650;font-size:13px;transition:background .15s}.quiet{background:transparent;color:var(--muted)}.primary{background:var(--navy);color:white}.primary:hover{background:#254b66}.secondary{background:white;color:var(--navy);border:1px solid #cedce2;box-shadow:0 2px 2px #17324d04}.secondary:hover{background:#eaf4f3}.shell{max-width:1244px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:55px 0 40px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--teal);display:flex;gap:8px;align-items:center}.eyebrow i{background:#29a28e;width:6px;height:6px;border-radius:50%}.hero-title{display:flex;gap:10px;align-items:center}.hero-title img{width:115px;height:auto;flex:none}h1{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-1.8px;margin:16px 0}h1 em{font-style:normal;color:var(--teal)}.hero p{font-size:14px;line-height:1.7;color:var(--muted);max-width:520px;margin:3px 0 20px}.hero-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.hero-actions button span{margin-left:12px}.privacy-chip{font-size:11px;color:var(--teal);font-weight:600}.example{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 40px #17324d08;transform:rotate(-1deg);padding:24px}.example-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;font-weight:800;letter-spacing:1px;color:var(--muted)}.pill{display:inline-block;font-size:10px;padding:5px 8px;border-radius:5px;font-weight:750;letter-spacing:.4px}.changed{background:#fff3da;color:#79550d}.added{background:#e0f4ec;color:#176745}.removed{background:#fbe8e9;color:#a23443}.example>p{display:flex;justify-content:space-between;font-size:13px;margin:22px 0 15px;color:var(--muted)}.example p b{font-size:11px;color:var(--navy)}.example-values{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f7f9fb;border-radius:8px;font-size:26px;font-weight:700}.example-values small{display:block;font-size:8px;color:var(--muted);letter-spacing:1.2px;margin-bottom:6px}.example-values>b{font-size:17px;color:#8aa2aa}.example-values>span:last-child{color:var(--teal)}.example-bottom{display:flex;justify-content:space-between;margin-top:19px;font-size:10px;color:var(--muted)}.example-bottom strong{color:var(--teal)}.steps{display:flex;gap:35px;border-top:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:12px}.steps span{display:flex;align-items:center;gap:8px}.steps b{border:1px solid #c6d9dc;color:var(--teal);display:grid;place-items:center;border-radius:50%;width:21px;height:21px;font-size:10px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.file-card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px}.file-card{padding:23px}.card-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}.step-number{width:35px;height:38px;display:grid;place-items:center;background:#eef1f6;color:var(--navy);border-radius:8px;font-size:12px;font-weight:750}.step-number.teal{background:#e8f4f1;color:var(--teal)}h2{font-size:20px;letter-spacing:-.5px;margin:3px 0 6px}.card-heading h2{font-size:16px}.card-heading p{margin:0;color:var(--muted);font-size:11px}.file-glyph{margin-left:auto;font-size:23px;color:#88a1a9}.drop-zone{position:relative;border:1px dashed #b9cbd3;background:#fafcfd;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:146px;padding:21px;text-align:center;cursor:pointer}.drop-zone input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.drop-zone:focus-within,.drag .drop-zone{outline:3px solid #2a9d8f;background:#edf8f5}.drop-zone strong{font-size:12px;overflow-wrap:anywhere}.drop-zone>span:last-child{font-size:10px;color:var(--muted)}.upload-symbol{font-size:23px;color:#7d979f}.file-summary{font-size:11px;color:var(--muted);margin:13px 0 0}.file-options{display:grid;grid-template-columns:1fr 100px;gap:10px;margin-top:14px}label{font-size:12px;color:var(--muted);font-weight:600}select,input[type=number],input[type=search]{display:block;background:#fff;border:1px solid #cbd9e0;border-radius:7px;color:var(--navy);padding:10px;min-height:40px;width:100%;margin-top:7px}input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px;flex:none}.match-panel{padding:27px;margin-top:24px}.section-title{display:flex;gap:25px;align-items:center;justify-content:space-between}.section-title p{font-size:12px;line-height:1.7;color:var(--muted);max-width:670px}.section-title h2{margin-top:9px;font-size:25px}.badge{white-space:nowrap;padding:7px 10px;border:1px solid #dbe8e5;border-radius:5px;color:var(--teal);font-size:10px;font-weight:600}.match-controls{display:flex;align-items:center;gap:25px;margin:20px 0}.match-controls>label:first-child{width:260px}.check{display:flex;align-items:center;gap:7px;font-weight:400;font-size:11px}details{border-top:1px solid var(--line);padding:15px 0}summary{font-size:12px;font-weight:650;cursor:pointer}details p{font-size:11px;color:var(--muted)}.columns{display:flex;gap:9px 24px;flex-wrap:wrap;margin-top:12px}.columns label{display:flex;align-items:center;gap:6px}.compare-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:12px}.compare-row p{font-size:11px;line-height:1.7;color:var(--muted)}.compare-row small{font-size:10px}.compare-row button{min-width:170px;background:var(--teal)}#message{border:1px solid #e4c887;background:#fff7e6;color:#755119;padding:16px;border-radius:9px;font-size:13px;line-height:1.6;margin-bottom:20px}.result-heading{margin-top:45px;margin-bottom:20px}.export-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px}.stat{background:white;padding:20px 22px;border:1px solid var(--line);border-radius:10px}.stat strong{display:block;font-size:29px;letter-spacing:-1px;margin-bottom:4px}.stat span{font-size:11px;color:var(--muted)}.stat.changed-stat strong{color:#92671c}.stat.added-stat strong{color:#16794d}.stat.removed-stat strong{color:#b3434e}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{background:transparent;font-size:11px;color:var(--muted);padding:9px 12px}.tabs .active{background:#eaf3f5;color:var(--navy)}.search-label{min-width:220px}.search-label input{margin:0;font-weight:400;font-size:11px}.table-scroll{overflow:auto;max-height:570px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{background:#f2f6f8;color:#5a7280;font-size:10px;letter-spacing:.5px;font-weight:650;position:sticky;top:0;z-index:1}th,td{padding:14px 18px;border-bottom:1px solid #eaf0f3;vertical-align:top}td{max-width:420px;min-width:90px;white-space:pre-wrap;overflow-wrap:anywhere}.value-before{color:#9a4552;background:#fcf0f1;display:block;padding:6px 8px;border-radius:4px}.value-after{color:#176e51;background:#edf8f2;display:block;padding:6px 8px;border-radius:4px}.muted{color:#8b9aa2}.table-caption{font-size:11px;color:var(--muted);margin:0;padding:0 20px 12px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.pagination span,.footnote{font-size:11px;color:var(--muted)}.pagination button{font-size:11px;padding:8px 12px}.schema-note{background:#eaf3f5;border:1px solid #cfe1e6;padding:16px;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:20px}.footnote{line-height:1.7}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}.preview-grid>div{min-width:0}.preview-grid h3{font-size:12px}.preview-grid table{font-size:10px}.empty-help{display:flex;align-items:center;gap:20px;padding:34px 12px 45px}.empty-help h3{font-size:14px;margin:0 0 7px}.empty-help p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.mini-grid{color:#7999a6;font-size:39px}.text-button{background:transparent;color:var(--teal);margin-left:auto;white-space:nowrap;font-size:11px}footer{max-width:1244px;margin:35px auto 0;padding:25px 24px 35px;border-top:1px solid var(--line);display:flex;gap:22px;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-brand{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700}.footer-brand small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}footer nav{gap:18px;flex-wrap:wrap}footer nav a,footer>small{font-size:10px}footer>small{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.legal{max-width:780px;padding:40px 24px;margin:auto;line-height:1.8}.legal h1{font-size:34px;letter-spacing:-1px}.legal h2{margin-top:30px}.legal p{color:var(--muted);font-size:14px}
@media(max-width:900px){.hero{gap:25px;grid-template-columns:1.3fr 1fr}.hero-title img{width:85px}.hero-actions{gap:12px}.privacy-chip{font-size:10px}.top nav a:first-child{display:none}.match-controls{flex-wrap:wrap}.section-title{align-items:flex-start}.export-actions button{font-size:11px}.result-toolbar{flex-wrap:wrap}.search-label{width:100%}}
@media(max-width:650px){.top{padding:16px 18px;gap:10px;align-items:flex-start}.brand{font-size:16px}.brand img{width:45px;height:45px}.brand small{font-size:6px;letter-spacing:.8px}.top nav{gap:0;flex-direction:column;align-items:flex-end}.top nav a{font-size:10px}.top nav button{padding:9px 0;font-size:10px}.shell{padding:0 18px}.hero{grid-template-columns:1fr;padding:30px 0}.hero-title{justify-content:space-between}.hero-title img{width:100px}h1{font-size:32px;letter-spacing:-1.2px}.hero p{font-size:12px}.example{display:none}.eyebrow{font-size:8px}.hero-actions button{font-size:11px}.steps{gap:10px;justify-content:space-between}.steps span{font-size:9px;gap:5px}.steps b{width:17px;height:17px;font-size:9px}.upload-grid{grid-template-columns:1fr}.file-card{padding:19px}.drop-zone{min-height:125px}.section-title{flex-direction:column;gap:6px}.badge{font-size:9px}.match-panel{padding:20px}.match-controls{gap:14px}.match-controls>label:first-child{width:100%}.check{font-size:11px}.compare-row{flex-direction:column;align-items:stretch;gap:5px}.section-title h2{font-size:23px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:17px}.result-heading{gap:12px}.export-actions{justify-content:flex-start}.export-actions button{font-size:10px;padding:10px}.result-toolbar{padding:15px;gap:12px}.tabs button{padding:8px;font-size:10px}th,td{padding:12px;min-width:90px}.empty-help{flex-wrap:wrap;padding:28px 0}.empty-help>div{flex:1}.text-button{margin:0}.empty-help p{font-size:11px}.preview-grid{grid-template-columns:1fr}footer{margin-top:20px;padding:23px 18px;gap:17px}footer nav{gap:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:380px){.hero-title img{width:78px}h1{font-size:28px}.top{flex-wrap:wrap}.steps{gap:7px}.steps span{font-size:8px}.privacy-chip{font-size:9px}}
