:root{color-scheme:light;--paper:#f5f3eb;--card:#fffef9;--ink:#23352d;--muted:#6e786d;--green:#173e34;--green-hover:#235448;--mint:#e6ede3;--line:#dcded1;--gold:#c8a26c;--error:#993e2e;--warning:#815b25;--radius:13px;--shadow:0 10px 30px #163c3207;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button,a,label,input,select{-webkit-tap-highlight-color:transparent}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c5a263;outline-offset:4px}button{border:0}svg{display:block}h1,h2,h3,p{margin:0}h2,h3{font-weight:600}h2{font-size:26px;line-height:1.2;letter-spacing:-.9px}h3{font-size:15px;line-height:1.35;letter-spacing:-.2px}[hidden]{display:none!important}.page-shell{max-width:1280px;margin:auto;padding:0 44px}.skip-link{position:fixed;left:20px;top:-60px;z-index:20;background:var(--green);color:white;padding:10px 18px;border-radius:5px}.skip-link:focus{top:12px}.site-header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:9px;align-items:center}.brand-symbol{width:30px;height:30px;color:var(--green)}.brand-name{font-size:30px;font-weight:700;letter-spacing:-1.8px;line-height:1}.brand-period{color:var(--gold)}.brand-caption{font-size:9px;letter-spacing:1.6px;color:var(--muted);font-weight:600;margin-left:13px;padding-left:20px;border-left:1px solid var(--line);line-height:1.4}.header-right{display:flex;align-items:center;gap:28px}.header-link{font-size:12px;color:var(--muted)}.header-link:hover{color:var(--green)}.privacy-badge{font-size:11px;display:flex;align-items:center;gap:7px;color:var(--green);padding:7px 10px;background:var(--mint);border:1px solid #dbe4d7;border-radius:5px}.privacy-badge svg{width:14px;height:14px}.hero{display:grid;grid-template-columns:1.17fr 1fr;align-items:center;gap:55px;padding:54px 0 44px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.55px;color:var(--green);display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}h1{font-family:Georgia,"Times New Roman",serif;font-size:49px;font-weight:400;line-height:1.08;letter-spacing:-2px;margin:20px 0 20px}h1 em{font-style:italic;color:var(--green)}.hero-description{font-size:15px;line-height:1.7;max-width:480px;color:var(--muted)}.hero-actions{margin-top:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:43px;border-radius:6px;font-size:12px;font-weight:600;padding:11px 17px;white-space:nowrap;transition:background .15s ease,box-shadow .15s ease,color .15s ease}.button-primary{background:var(--green);border:1px solid var(--green);color:#fffdf5;box-shadow:0 2px 3px #173e340d}.button-primary:not(:disabled):hover{background:var(--green-hover);border-color:var(--green-hover)}.button-subtle{background:transparent;color:var(--green);padding-left:6px;padding-right:6px}.button-subtle:hover{color:var(--green-hover);text-decoration:underline;text-underline-offset:4px}.button-outline{border:1px solid #bcc6b6;color:var(--green);background:transparent}.button-outline:not(:disabled):hover{background:var(--mint)}.button-small{min-height:34px;padding:7px 11px;font-size:11px;gap:7px}.hero-note{font-size:10px;color:#899184;margin-top:12px}.hero-diagram{position:relative;border:1px solid #d4daca;background:#ecefe4;border-radius:13px;padding:20px 22px 16px;transform:rotate(-1deg);box-shadow:0 9px 0 -5px #e4e6da,0 15px 0 -9px #d9ddcf}.diagram-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.diagram-label{font-size:8px;letter-spacing:1.15px;color:#6b7868;font-weight:600}.diagram-dots{display:flex;gap:3px}.diagram-dots i{height:3px;width:3px;border-radius:50%;background:#9daa94}.diagram-sheet{border:1px solid #d6dccd;border-radius:6px;background:var(--card);overflow:hidden}.diagram-file{font-size:10px;display:flex;align-items:center;gap:7px;padding:9px 11px;border-bottom:1px solid #e8eadf;font-weight:600}.file-glyph{font-size:17px;line-height:1;color:var(--muted)}.diagram-file-note{margin-left:auto;color:#8b9484;font-size:8px;font-weight:400}.mini-row{display:grid;grid-template-columns:.85fr 1.75fr 1fr .7fr;gap:7px;padding:9px 11px;font-family:"SFMono-Regular",Consolas,monospace;font-size:9px;border-bottom:1px solid #eef0e7;white-space:nowrap}.mini-row:last-child{border:0}.mini-head{font-family:inherit;font-size:7px;letter-spacing:.7px;color:#8a9281;padding-top:7px;padding-bottom:7px;background:#f9faf4}.mini-muted{color:#9aA28f}.mini-key{color:var(--green);font-family:"SFMono-Regular",Consolas,monospace;font-weight:600}.diagram-join{display:flex;align-items:center;gap:8px;justify-content:center;margin:12px 18px}.join-line{height:1px;background:#c8d1bf;flex:1}.join-pill{font-size:8px;letter-spacing:.5px;color:#697960;display:flex;gap:9px;align-items:center}.join-pill span{font-size:13px}.diagram-result{display:grid;grid-template-columns:.85fr 1.75fr 1fr .7fr;align-items:center;gap:7px;background:var(--green);color:#f4f5e8;padding:13px 11px;border-radius:5px;font-family:"SFMono-Regular",Consolas,monospace;font-size:9px}.diagram-result .mini-key{color:#d3e3bb}.result-name{white-space:nowrap}.diagram-change{color:#e6edd5;display:flex;flex-direction:column;gap:1px;font-size:11px}.diagram-change small{font-size:8px;color:#a0b6a7;text-decoration:line-through}.diagram-bottom{display:flex;justify-content:center;align-items:center;gap:6px;font-size:9px;color:#6c7d60;margin-top:14px}.diagram-check{border-radius:50%;width:12px;height:12px;display:grid;place-items:center;font-size:8px;background:#dce5d2}.workflow-line{display:flex;align-items:center;gap:18px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.workflow-line>span:not(.workflow-rule){display:flex;align-items:center;gap:9px;white-space:nowrap}.workflow-line b{font-family:Georgia,serif;font-size:14px;font-weight:400;color:var(--green)}.workflow-rule{flex:1;height:1px;background:var(--line)}.workspace{padding-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.section-eyebrow{font-size:8px;letter-spacing:1.4px;color:#7a8874;margin-bottom:9px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;padding:6px 0;font-size:11px;color:var(--muted);white-space:nowrap;border-radius:3px}.text-button:not(:disabled):hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}.text-button>span{font-size:14px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.file-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:21px;min-width:0;box-shadow:var(--shadow)}.file-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px}.step-square{display:grid;place-items:center;flex:none;width:33px;height:36px;border:1px solid #cdd8c4;border-radius:5px;color:var(--green);background:#edf1e6;font-family:Georgia,serif;font-size:19px}.supplier-square{background:#f3eee2;border-color:#e2d8bf;color:#8a7147}.file-card-heading h3{font-size:14px}.file-card-heading p{font-size:10px;color:var(--muted);margin-top:3px}.card-tag{margin-left:auto;font-size:7px;letter-spacing:1.3px;color:#9ba18e;align-self:flex-start;margin-top:3px}.upload-zone{position:relative;display:flex;gap:13px;align-items:center;border:1px dashed #becbb5;background:#f6f8f0;padding:18px 16px;border-radius:7px;cursor:pointer;min-height:83px}.upload-zone:hover{background:#edf2e5;border-color:#879b7b}.upload-zone:focus-within,.recipe-import-label:focus-within{outline:3px solid #c5a263;outline-offset:4px}.upload-zone>svg{width:25px;height:29px;color:#819472}.upload-zone strong{display:block;font-size:12px;font-weight:500;color:var(--green)}.upload-zone small{display:block;font-size:9px;color:#929b86;margin-top:3px}.upload-plus{font-size:23px;font-weight:300;color:#8da080;margin-left:auto}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-status{font-size:10px;color:#7c8972;overflow-wrap:anywhere;margin:10px 0 16px;min-height:15px}.file-options{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.field{display:flex;flex-direction:column;min-width:0;gap:6px}.field label,.mapping-field label{font-size:9px;font-weight:600;color:#7c8775}select{color:var(--ink);border:1px solid #d7ddcd;border-radius:5px;background-color:#fffef9;padding:8px 26px 8px 10px;font-size:11px;min-height:35px;width:100%;max-width:100%;text-overflow:ellipsis}select:disabled{background:#f1f2eb;color:#9aa28e}.preview-container{margin-top:17px;min-width:0;overflow:auto;max-height:228px;border-top:1px solid #e8eade;padding-top:13px}.empty-preview{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;min-height:40px;color:#a1a896}.empty-preview>span{font-size:18px;color:#b2baA6}.file-limit{display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#939c88;margin-top:11px;padding:0 2px}.file-limit span{color:#a1a895}.mapping-panel{margin-top:33px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:25px 27px;box-shadow:var(--shadow)}.mapping-panel .section-heading{margin-bottom:22px}.recipe-actions{display:flex;align-items:center;gap:20px}.recipe-import-label{cursor:pointer}.key-panel{display:grid;grid-template-columns:1.3fr 1fr 18px 1fr;gap:16px;align-items:center;padding:17px 19px;background:#f3f5ed;border:1px solid #e2e7d8;border-radius:7px}.key-description{display:flex;align-items:center;gap:12px}.key-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cdd8bf;border-radius:50%;font-size:17px;color:#839574;flex:none}.key-description h3{font-size:12px;color:var(--green)}.key-description p{font-size:9px;line-height:1.6;color:#929d86;margin-top:3px}.key-equals{align-self:end;line-height:35px;color:#8c9b7d;font-size:18px;font-weight:300;text-align:center}.mapping-subheading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:26px 0 14px}.mapping-subheading h3{font-size:12px}.mapping-subheading p{font-size:10px;color:#919a86;margin-top:4px}.mappings{display:flex;flex-direction:column;gap:10px;min-width:0}.empty-state{border:1px dashed #dce1d2;border-radius:6px;background:#fafbf6;padding:23px 15px;text-align:center;font-size:11px;color:#9aa48f}.mapping-row{display:grid;grid-template-columns:1fr 1fr .85fr auto;align-items:end;gap:14px;padding:13px 15px;background:#fafbf6;border:1px solid #e1e6d7;border-radius:6px}.mapping-field{display:flex;flex-direction:column;gap:6px;min-width:0}.mapping-row>label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:var(--muted)}.remove-mapping,.mapping-row>button{background:transparent;color:#8b9680;border:1px solid #dce2d1;border-radius:4px;min-width:33px;min-height:35px;font-size:17px}.remove-mapping:hover,.mapping-row>button:hover{color:var(--error);border-color:#bd8d79;background:#fff3eb}.options-row{display:flex;gap:35px;padding:21px 0}.check-label{display:flex;align-items:flex-start;gap:8px;color:var(--ink);font-size:10px;cursor:pointer}.check-label input{accent-color:var(--green);width:13px;height:13px;margin:1px 0 0;flex:none;cursor:pointer}.check-label span{display:block}.check-label small{font-size:9px;display:block;color:#929d86;margin-top:4px}.mapping-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid #e6eade}.mapping-bottom>p{display:flex;align-items:center;gap:7px;font-size:9px;color:#929d86}.tiny-check{color:#8da078;font-size:13px}.issues{margin-top:19px;display:grid;gap:9px}.issues:empty{display:none}.issue,.issues>p,.issues>div,.issues>ul{padding:13px 16px;border:1px solid #dfc3ab;border-radius:6px;background:#fff6e9;color:var(--warning);font-size:12px;overflow-wrap:anywhere}.issue.error,.issues .error{background:#fff1eb;border-color:#e3b7a7;color:var(--error)}.issue.warning,.issues .warning{background:#fff8e9;color:var(--warning)}.issues ul{margin:0;padding-left:32px}.issues li+li{margin-top:4px}.results-section{margin-top:38px}.result-summary{font-size:11px;color:var(--muted);margin-top:10px}.review-badge{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;padding:8px 10px;border:1px solid #cfddc6;background:#e8efe0;border-radius:5px;color:#6c825e}.result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}.stat-card,.result-stats>div{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:17px 19px;display:flex;flex-direction:column;gap:5px}.stat-card strong,.result-stats>div strong{font-size:30px;font-family:Georgia,serif;font-weight:400;color:var(--green);line-height:1.2;letter-spacing:-1px}.stat-card span,.result-stats>div span{font-size:10px;color:var(--muted)}.result-stats small{font-size:9px;color:#a0aa94}.results-card{border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden}.results-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid #e4e8da}.results-card-heading h3{font-size:12px}.results-card-heading p{font-size:9px;color:#98a18c}.diff-table,.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;font-size:11px;width:100%;text-align:left;white-space:nowrap}th{padding:10px 13px;background:#f4f6ed;color:#849277;font-size:9px;font-weight:600;border-bottom:1px solid #dfe5d4;text-align:left}td{padding:11px 13px;border-bottom:1px solid #e9eddf;color:var(--ink);max-width:340px;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9faf4}.preview-container table{font-size:9px}.preview-container th{font-size:8px;padding:7px 9px}.preview-container td{padding:8px 9px;max-width:170px}.preview-container>p,.preview-container>small{display:block;color:#98a18b;font-size:9px;padding-top:8px}.diff-table .empty-state{border:0;border-radius:0}.before,.old-value{color:#99a38c;text-decoration:line-through}.after,.new-value{color:var(--green);font-weight:600}.chip{display:inline-flex;border-radius:4px;font-size:9px;background:#e7eedf;border:1px solid #d1dfc4;color:#668354;padding:2px 6px}.unmatched{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.unmatched:empty{display:none}.unmatched>div,.unmatched>section,.unmatched>details{border:1px solid var(--line);border-radius:7px;background:#f1f3e9;padding:15px 17px;overflow:auto;max-height:260px}.unmatched h3,.unmatched summary{font-size:12px;font-weight:600;cursor:pointer}.unmatched p,.unmatched li{font-size:10px;color:#8c9880;margin-top:6px}.unmatched ul{padding-left:17px;margin:8px 0 0}.formula-warning{border:1px solid #e0c994;background:#fff5df;border-radius:7px;padding:15px 18px;color:var(--warning);font-size:11px;margin-top:18px}.export-panel{background:#e8eee1;border:1px solid #ccd8bf;border-radius:var(--radius);margin-top:22px;padding:24px;display:grid;grid-template-columns:1.1fr 1fr;gap:23px}.export-heading{display:flex;align-items:center;gap:14px}.export-symbol{font-size:30px;font-weight:300;width:42px;height:42px;display:grid;place-items:center;border:1px solid #c5d1b8;border-radius:50%;color:#5b7a4e;flex:none}.export-heading h3{font-family:Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.7px;color:var(--green)}.export-heading p{font-size:10px;line-height:1.5;color:#7e8f70;margin-top:4px}.export-settings{display:flex;align-items:end;gap:24px}.export-settings .field{flex:1}.export-check{margin-bottom:5px;white-space:nowrap}.export-actions{grid-column:1/-1;border-top:1px solid #cfd9c3;padding-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.export-actions .text-button{margin-left:auto;color:#6d845b}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:40px 0 38px;border-bottom:1px solid var(--line)}.principle-icon{font-family:Georgia,serif;font-size:12px;color:#a8b09a;display:block;margin-bottom:11px}.principles h3{font-size:12px;color:#637659}.principles p{font-size:10px;line-height:1.8;color:#96a089;margin-top:7px;max-width:300px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0 29px}.footer-brand{display:flex;align-items:center;gap:17px}.footer-brand strong{font-size:22px;letter-spacing:-1px;color:#687d5e}.footer-brand span{font-size:9px;color:#a0a98f}.footer-meta{text-align:right}.footer-meta a{font-size:10px;color:#738666}.footer-meta a:hover{text-decoration:underline;text-underline-offset:4px}.footer-meta p{font-size:8px;color:#a3ac96;margin-top:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 36px);padding:12px 20px;border-radius:7px;background:var(--green);color:var(--card);font-size:12px;box-shadow:0 7px 20px #13362a33;z-index:30;text-align:center}.toast:empty{display:none}
@media(min-width:1440px){.page-shell{max-width:1360px;padding:0 60px}.hero{gap:85px;padding:62px 0 50px}h1{font-size:55px}.hero-description{font-size:16px}.hero-diagram{padding:24px 26px 20px}.mini-row{font-size:10px;padding:10px 13px}.mini-head{font-size:8px}.diagram-result{font-size:10px;padding:15px 13px}}
@media(max-width:1050px){.page-shell{padding:0 30px}.hero{gap:30px;grid-template-columns:1.1fr 1fr}h1{font-size:42px;letter-spacing:-1.6px}.hero-description{font-size:13px}.hero-actions{gap:9px}.hero-actions .button{font-size:11px;padding:10px 12px;min-height:40px;gap:8px}.hero-diagram{padding:16px 14px 13px}.diagram-label{font-size:7px;letter-spacing:.7px}.mini-row,.diagram-result{font-size:8px;gap:4px;padding-left:9px;padding-right:9px}.mini-head{font-size:6px}.diagram-change{font-size:10px}.diagram-file-note{display:none}.file-card{padding:18px}.file-card-heading p{font-size:9px}.file-card-heading h3{font-size:13px}.key-panel{grid-template-columns:1.1fr 1fr 12px 1fr;gap:11px;padding:15px}.key-description{gap:8px}.key-description p{font-size:8px}.key-symbol{width:27px;height:27px;font-size:15px}.mapping-panel{padding:23px}.mapping-subheading p{max-width:360px}.file-limit{font-size:8px}.export-actions .text-button{margin-left:0}.export-panel{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:800px){.site-header{height:80px}.brand-caption{display:none}.header-right{gap:18px}.hero{grid-template-columns:1.05fr 1fr;padding-top:40px;gap:24px}h1{font-size:35px;letter-spacing:-1.3px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px}.hero-description{font-size:12px}.hero-actions{margin-top:18px}.hero-actions .button-primary{font-size:10px}.hero-note{font-size:8px}.diagram-label{font-size:6px}.mini-row,.diagram-result{font-size:7px}.mini-head{font-size:5px}.diagram-top{margin-bottom:12px}.diagram-file{font-size:9px}.result-name{white-space:normal}.diagram-change{font-size:9px}.workflow-line{font-size:9px;gap:12px}.workflow-line>span:not(.workflow-rule){gap:7px}.file-card-heading .card-tag{display:none}.upload-grid{gap:14px}.file-card{padding:15px}.upload-zone{padding:15px 12px;gap:9px}.upload-zone strong{font-size:11px}.file-options{gap:9px;grid-template-columns:1fr 1fr}.file-options select{font-size:10px;padding-left:7px}.file-card-heading p{font-size:8px}.file-limit{display:block;line-height:1.7}.file-limit span{display:block}.section-heading h2{font-size:23px}.recipe-actions{gap:12px}.key-panel{grid-template-columns:1fr 17px 1fr}.key-description{grid-column:1/-1;margin-bottom:3px}.key-description p br{display:none}.key-description p{font-size:9px}.key-description h3{font-size:11px}.key-description p{margin-top:1px}.key-equals{grid-column:2}.key-panel>.field:first-of-type{grid-column:1}.options-row{gap:20px}.check-label{font-size:9px}.check-label small{font-size:8px}.mapping-bottom>p{font-size:8px;max-width:260px}.mapping-row{gap:9px;padding:11px}.mapping-row select{font-size:10px;padding-left:7px}.mapping-subheading p{max-width:300px;font-size:9px}.mapping-panel .section-eyebrow{font-size:7px}.results-section .section-heading{align-items:flex-start}.review-badge{font-size:6px;letter-spacing:.5px;margin-top:18px}.export-panel{grid-template-columns:1fr}.export-settings{max-width:450px}.export-heading h3{font-size:23px}.principles{gap:25px}.footer-brand span{display:none}.site-footer{padding-top:20px}.result-stats{gap:9px}.stat-card,.result-stats>div{padding:13px}.stat-card strong,.result-stats>div strong{font-size:27px}.stat-card span,.result-stats>div span{font-size:9px}}
@media(max-width:650px){.page-shell{padding:0 22px}.site-header{height:74px}.header-link{display:none}.privacy-badge{font-size:9px;padding:6px 8px;gap:5px}.privacy-badge svg{width:12px;height:12px}.brand-name{font-size:27px}.brand-symbol{width:27px;height:27px}.hero{grid-template-columns:1fr;padding:32px 0 30px;gap:28px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:41px;letter-spacing:-1.5px;margin:16px 0}.hero-description{font-size:13px;max-width:390px}.hero-actions{gap:14px;margin-top:22px}.hero-actions .button-primary{font-size:11px;padding:11px 13px}.hero-actions .button-subtle{font-size:11px}.hero-note{font-size:9px}.hero-diagram{max-width:440px;width:100%;padding:17px 18px 14px;transform:rotate(-.7deg)}.diagram-label{font-size:7px;letter-spacing:1px}.diagram-top{margin-bottom:14px}.mini-row{font-size:9px;padding:8px 11px}.mini-head{font-size:7px}.diagram-result{font-size:9px;padding:11px}.diagram-change{font-size:11px}.diagram-file{font-size:10px}.diagram-file-note{display:block}.diagram-join{margin:9px 18px}.diagram-bottom{font-size:8px;margin-top:11px}.workflow-line{gap:8px;font-size:8px;padding:17px 0}.workflow-line b{font-size:12px}.workflow-line>span:not(.workflow-rule){gap:5px}.workspace{padding-top:28px}.section-heading{gap:12px;margin-bottom:19px}.section-heading h2{font-size:23px;letter-spacing:-.8px}.section-eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:8px}.upload-grid{grid-template-columns:1fr;gap:16px}.file-card{padding:18px}.file-card-heading{margin-bottom:15px}.file-card-heading h3{font-size:14px}.file-card-heading p{font-size:10px}.file-card-heading .card-tag{display:block}.upload-zone{padding:17px 15px;min-height:78px}.upload-zone strong{font-size:12px}.upload-zone small{font-size:9px}.file-options{grid-template-columns:1.3fr 1fr;gap:12px}.file-options select{font-size:11px;padding-left:10px}.empty-preview{font-size:10px}.file-limit{font-size:8px;margin-top:12px}.mapping-panel{margin-top:27px;padding:20px 18px}.mapping-panel>.section-heading{display:block}.recipe-actions{margin-top:12px;gap:21px}.recipe-actions .text-button{font-size:10px}.key-panel{padding:14px;gap:10px}.key-description{margin-bottom:6px}.key-description p{font-size:8px}.key-panel .field label{font-size:8px}.key-panel select{font-size:10px;padding-left:8px}.mapping-subheading{align-items:flex-start;margin-top:22px}.mapping-subheading h3{font-size:12px}.mapping-subheading p{font-size:9px;max-width:215px}.mapping-subheading .button{padding:6px 9px;font-size:9px;min-height:31px;gap:5px;margin-top:1px}.mapping-row{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.mapping-row .mapping-field:last-of-type{grid-column:1}.mapping-row .remove-mapping,.mapping-row>button{justify-self:end;align-self:end;min-width:37px}.mapping-row select{font-size:10px}.options-row{display:grid;gap:16px;padding:19px 0}.check-label{font-size:10px}.check-label small{font-size:9px}.check-label input{margin-top:2px}.mapping-bottom{flex-direction:column;align-items:stretch;gap:14px;padding-top:17px}.mapping-bottom>p{font-size:8px;max-width:none}.mapping-bottom .button{min-height:43px}.results-section{margin-top:30px}.results-section>.section-heading{display:block}.review-badge{display:inline-flex;font-size:7px;margin-top:13px}.result-summary{font-size:10px}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card,.result-stats>div{padding:15px 16px}.stat-card strong,.result-stats>div strong{font-size:29px}.stat-card span,.result-stats>div span{font-size:9px}.results-card-heading{padding:14px;align-items:flex-start;flex-direction:column;gap:4px}.results-card-heading h3{font-size:12px}.results-card-heading p{font-size:8px}table{font-size:10px}th{font-size:8px;padding:9px 10px}td{padding:10px;max-width:230px}.unmatched{grid-template-columns:1fr;gap:11px}.unmatched>div,.unmatched>section,.unmatched>details{padding:13px 15px}.formula-warning{font-size:10px;padding:13px 15px}.export-panel{padding:20px 18px;gap:20px}.export-settings{gap:20px}.export-settings select{font-size:10px}.export-heading{gap:11px}.export-heading h3{font-size:23px}.export-heading p{font-size:9px}.export-symbol{width:36px;height:36px;font-size:25px}.export-actions{gap:10px;padding-top:17px}.export-actions .button{font-size:10px;min-height:40px;flex:1;padding-left:10px;padding-right:10px;gap:8px}.export-actions .text-button{font-size:10px;margin-top:1px}.export-check{font-size:9px}.export-check small{font-size:8px}.principles{grid-template-columns:1fr;padding:29px 0;gap:22px}.principles>div{position:relative;padding-left:34px}.principle-icon{position:absolute;left:0;top:1px;font-size:11px}.principles h3{font-size:12px}.principles p{font-size:10px;margin-top:4px;max-width:none}.site-footer{align-items:flex-start;gap:15px;padding:22px 0}.footer-brand strong{font-size:22px}.footer-meta a{font-size:9px}.footer-meta p{font-size:7px;max-width:230px;line-height:1.7}.toast{font-size:11px;bottom:17px;padding:11px 15px}}
@media(max-width:390px){.page-shell{padding:0 16px}.privacy-badge{font-size:8px}h1{font-size:35px}.hero-actions{gap:8px}.hero-actions .button-primary{font-size:10px;padding:10px}.hero-actions .button-subtle{font-size:10px}.workflow-line{font-size:7px;gap:5px}.workflow-line>span:not(.workflow-rule){gap:4px}.section-heading h2{font-size:21px}.text-button{font-size:10px}.mapping-panel{padding:18px 14px}.mapping-subheading p{max-width:180px}.mapping-subheading .button{font-size:8px;padding:6px}.file-card{padding:15px}.file-card-heading h3{font-size:13px}.file-card-heading p{font-size:9px}.export-actions .button{flex-basis:100%}.mini-row,.diagram-result{font-size:8px;gap:5px}.mini-head{font-size:6px}.diagram-label{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Keep language and contact available at every screen width. */
html{scroll-padding-top:116px}.site-header{position:sticky;top:0;z-index:15;background:var(--paper);height:auto;min-height:96px;padding:14px 0}.header-right{gap:16px;min-width:0}.header-contact{font-size:12px;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:4px;line-height:1.4}.header-contact:hover{color:var(--green-hover)}.language-control{display:flex;align-items:center;gap:7px;flex:none}.language-caption{font-size:10px;color:var(--muted)}.language-control select{width:95px;min-height:38px;font-size:11px}.contact-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.44fr);align-items:center;gap:32px;margin-top:26px;padding:25px 27px;background:var(--mint);border:1px solid #cdd8c4;border-radius:var(--radius)}.contact-copy{min-width:0}.contact-panel h2{font-size:23px;line-height:1.25;letter-spacing:-.5px}.contact-description{font-size:13px;line-height:1.7;color:#53644f;margin-top:11px;max-width:650px}.contact-description strong{color:var(--green);white-space:nowrap}.contact-limit{font-size:11px;line-height:1.6;color:#63735d;margin-top:8px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}.contact-actions .button{white-space:normal;text-align:center;max-width:100%}.contact-note{font-size:11px;line-height:1.6;color:#53644f;max-width:280px}
@media(max-width:1100px){.brand-caption{display:none}.header-right{gap:14px}}
@media(max-width:800px){html{scroll-padding-top:100px}.site-header{min-height:80px}.header-right{gap:12px}.privacy-badge{display:none}.language-caption{display:none}.contact-panel{padding:23px;gap:24px;grid-template-columns:minmax(0,1fr) 215px}.contact-panel h2{font-size:22px}.contact-description{font-size:12px}}
@media(max-width:650px){html{scroll-padding-top:100px}.site-header{min-height:78px;gap:12px;padding:12px 0}.privacy-badge{display:none}.header-right{gap:10px;flex:none}.header-contact{font-size:11px;max-width:103px}.language-control select{width:85px;min-height:38px;font-size:11px}.contact-panel{grid-template-columns:minmax(0,1fr);gap:18px;padding:21px 18px;margin-top:21px}.contact-panel h2{font-size:23px}.contact-description{font-size:13px}.contact-limit{font-size:11px}.contact-actions{align-items:stretch}.contact-actions .button{min-height:44px}.contact-note{max-width:none;font-size:11px}}
@media(max-width:390px){.site-header{gap:9px}.brand{gap:7px}.brand-symbol{width:24px;height:24px}.brand-name{font-size:25px}.header-right{gap:8px}.header-contact{max-width:84px;font-size:10.5px}.language-control select{width:80px;padding-left:7px;padding-right:20px}.contact-panel{padding:19px 16px}.contact-panel h2{font-size:22px}}