.demo-banner{background:#0c4237;color:#fff;padding:70px 0 75px;background-image:radial-gradient(ellipse at 70% 0%,rgba(40,193,151,.23),transparent 50%),linear-gradient(116deg,#08382f,#105649)}.demo-banner-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.demo-banner .eyebrow{color:#8befc6}.demo-banner h1{font-size:clamp(34px,4.8vw,58px);letter-spacing:-.055em;line-height:1.1;margin:20px 0}.demo-banner h1 span{color:#7be9c2}.demo-banner p{color:#d0ebdf;max-width:600px;line-height:1.7}.demo-banner .tags{margin-top:25px}.demo-banner .tags span{background:#1e6857;color:#dcf8eb}.demo-illustration{display:flex;align-items:center;flex-wrap:wrap;gap:14px;justify-content:center}.floating-file{background:rgba(20,113,84,.55);border:1px solid rgba(207,255,234,.25);padding:20px;border-radius:16px;font-size:22px;display:grid;gap:14px;text-align:center}.floating-file b{font-size:13px}.flow-arrow{font-size:35px;color:#79ddbb}.result-check{background:#d9ffea;border-radius:10px;color:#145c45;padding:12px;font-size:12px;font-weight:800}.demo-main{padding-top:65px;padding-bottom:75px}.row-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.row-heading h2{font-size:clamp(26px,3.1vw,37px);margin:12px 0 9px;letter-spacing:-.049em}.row-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.row-heading.compact h2{font-size:29px}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.file-box{background:#fff;min-height:196px;border:2px dashed #bcdbca;border-radius:18px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;position:relative;cursor:pointer;transition:background .2s,border-color .2s}.file-box:hover{background:#f0fff8;border-color:#14ae86}.file-box input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-box .index{align-self:flex-start;position:absolute;left:18px;top:17px;letter-spacing:.1em;color:#55927b;font-weight:850;font-size:10px}.upload-icon{font-size:29px;color:#0a8b65;background:#e6f8ef;border-radius:14px;width:49px;height:49px;display:grid;place-items:center}.file-box b{font-size:15px;max-width:90%;overflow-wrap:anywhere}.file-box>span:last-of-type{font-size:12px;color:var(--muted)}.file-box.ready{background:#f0fff7;border-style:solid}.work-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:30px;margin-top:19px;box-shadow:var(--shadow)}.mapping-head,.mapping-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center}.mapping-head{padding:12px 0;color:#91a49b;letter-spacing:.07em;font-size:10px}.mapping-row{padding:13px 0;border-top:1px solid var(--line)}.mapping-label{font-size:12px;font-weight:700}.mapping-label small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:5px}.mapping-row select{width:100%;min-width:0;background:#f6fbf7;border:1px solid #cde3d6;border-radius:9px;padding:12px;color:var(--ink);font-size:12px}.map-footnote{font-size:11px;color:#81998e;padding-top:12px}.action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px}.action-row>span{font-size:12px;color:#587d6d}.button:disabled{opacity:.55;cursor:not-allowed}.error{background:#fff0f0;border:1px solid #ffc3c3;color:#9a2929;border-radius:12px;padding:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0 24px}.stats>div{padding:23px 18px;background:#f3f8f5;border:1px solid #e2eee7;border-radius:13px}.stats strong{font-size:31px;letter-spacing:-.055em;display:block;color:#0a9874}.stats>div:first-child strong{color:#ad7e1b}.stats>div:nth-child(3) strong{color:#bd5e59}.stats>div:last-child strong{color:#477d78}.stats small{font-size:11px;color:var(--muted)}.results-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.tabs{display:flex;gap:17px;overflow-x:auto}.tabs button{border:none;border-bottom:2px solid transparent;background:transparent;font-size:12px;color:#638076;padding:12px 0;white-space:nowrap}.tabs button.active{color:#008b6a;border-bottom-color:#008b6a;font-weight:800}.results-toolbar input{padding:11px;border:1px solid var(--line);border-radius:9px;min-width:160px;max-width:200px}.results-scroller{overflow:auto;max-width:100%}.results-table{width:100%;border-collapse:collapse;font-size:12px;min-width:650px}.results-table th{text-align:left;font-size:10px;letter-spacing:.08em;color:#91a59d;padding:15px 10px;border-bottom:1px solid var(--line)}.results-table td{border-bottom:1px solid #e8eee9;padding:15px 10px;vertical-align:top;color:#48675b}.results-table td:first-child{font-weight:850;color:#0b3b32}.results-table .status{font-size:10px;border-radius:6px;padding:5px 7px;font-weight:800;display:inline-block;margin-bottom:7px}.status.changed{background:#fff1db;color:#98670d}.status.added{background:#e0f7e8;color:#0a885b}.status.removed{background:#ffe8e8;color:#bd4442}.status.same{background:#edf4ef;color:#647f73}.change-detail{display:block;color:#4e695c;max-width:340px;line-height:1.4}.results-footer{font-size:11px;color:var(--muted)}.warning-block{border-radius:12px;background:#fff9e4;border:1px solid #eacb77;color:#69552a;font-size:12px;line-height:1.7;padding:17px 20px;white-space:pre-line;margin-top:18px}.privacy-strip{display:flex;align-items:center;gap:20px;background:#e9f8f0;border-radius:16px;padding:25px;margin-top:24px}.privacy-strip>span{font-size:26px}.privacy-strip div{flex:1}.privacy-strip b{font-size:14px}.privacy-strip p{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.6}
@media(max-width:760px){.demo-banner{padding:48px 0}.demo-banner-grid,.file-grid{grid-template-columns:1fr}.demo-illustration{display:none}.row-heading{align-items:start;flex-direction:column}.mapping-head{display:none}.mapping-row{grid-template-columns:1fr 1fr;gap:8px;padding:17px 0}.mapping-label{grid-column:span 2}.stats{grid-template-columns:repeat(2,1fr)}.work-card{padding:17px}.results-toolbar{align-items:stretch;flex-direction:column}.results-toolbar input{max-width:100%}.privacy-strip{display:block}.privacy-strip .text-link{margin-top:16px}.action-row{align-items:start;flex-direction:column}.header .links{display:none!important}}