:root{--ink:#172b29;--muted:#62716b;--paper:#f6f7f2;--line:#dce2d8;--green:#215b44;--lime:#d7edac;--red:#922e25;--amber:#88551b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header,main,footer{max-width:1240px;margin:auto;padding:24px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:var(--green)}.brand{font-size:19px;font-weight:750;text-decoration:none;display:flex;gap:10px;align-items:center}.logo{display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:10px;width:40px;height:40px}.badge{font-size:12px;background:#e7ebe2;border-radius:30px;padding:6px 12px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;padding:45px 0 55px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--muted);margin:0 0 12px}h1{font-size:clamp(36px,4.5vw,59px);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px;font-weight:720}h1 em{font-style:normal;color:var(--green)}.intro{font-size:17px;max-width:620px;color:var(--muted)}.trust{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;font-weight:650;margin-top:26px}.example{background:#fff;padding:30px;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 45px #1c40320a;transform:rotate(1deg)}.mock-title{font-size:21px;font-weight:700;margin:18px 0}.mock-title small{font-size:12px;font-weight:500;margin-left:8px}.mock-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.mock-row del{color:var(--muted)}.mock-row strong{color:var(--red)}.risk-tag{background:#fff0de;border-radius:7px;padding:9px;font-size:12px;color:var(--amber)}.small{font-size:12px;color:var(--muted)}.workspace{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}h2{font-size:22px;line-height:1.25;margin:0;letter-spacing:-.02em}h3{font-size:18px;line-height:1.3}button,input,select{font:inherit}button{cursor:pointer;border-radius:8px;border:1px solid transparent;padding:10px 16px;font-size:13px;font-weight:650;background:#e7ebe2;color:var(--ink)}button:hover{filter:brightness(.96)}button:disabled{cursor:wait;opacity:.65}.primary{background:var(--green);color:white}.secondary{border-color:var(--line);background:white}.text-button{background:transparent;color:var(--green)}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.file-box{display:flex;flex-direction:column;gap:8px;border:1px dashed #a9b8a4;border-radius:10px;background:#fbfcf8;padding:20px;font-size:13px;position:relative}.file-box .step{position:absolute;right:18px;top:15px;color:#819277}.file-box strong{font-size:16px}.file-box>span:not(.step){color:var(--muted)}input[type=file]{font-size:12px;width:100%;margin:10px 0}input::file-selector-button{padding:8px 12px;background:#e6eddd;border:0;border-radius:6px;color:var(--green);margin-right:8px;cursor:pointer}.controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-top:20px}label{font-size:12px;font-weight:550}label select,label input:not([type=file]){display:block;width:100%;border:1px solid var(--line);border-radius:6px;background:white;padding:9px 10px;color:var(--ink);margin-top:5px;font-size:13px}.controls input{max-width:120px}#message{margin-bottom:0;color:var(--red)}#results{margin:40px 0}.notice{background:#fff0de;border-left:3px solid #c38a42;padding:14px 18px;font-size:13px;border-radius:4px}.neutral{background:#eaf0e4;border-color:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{border:1px solid var(--line);background:white;border-radius:10px;padding:18px}.stat strong{display:block;font-size:30px;font-weight:650;line-height:1.2}.stat span{font-size:12px;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:10px}.tabs button{border-radius:7px 7px 0 0;background:transparent}.tabs .active{background:var(--green);color:white}.filters{display:flex;gap:16px;margin:18px 0}.filters label:first-child{flex:1}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;background:white}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{background:#e9eee4;color:var(--muted);font-size:11px}td,th{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}td{max-width:350px;white-space:pre-wrap;overflow-wrap:anywhere}td.code{min-width:110px;font-weight:600}.pill{display:inline-block;padding:2px 7px;border-radius:4px;background:#edf1e9;white-space:nowrap}.pill.blocker{color:var(--red);background:#fde8e2}.pill.risk{color:var(--amber);background:#fff0de}.pill.review{color:#415d8a;background:#e8eef8}.actions{display:flex;flex-wrap:wrap;gap:8px}.bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0 28px}.bottom-grid p,.bottom-grid li{font-size:13px;color:var(--muted)}ul{padding-left:19px}li{margin-bottom:6px}details{border-top:1px solid var(--line);padding:18px 0;font-size:12px;color:var(--muted)}summary{cursor:pointer;font-weight:650}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #8caf64;outline-offset:3px}[hidden]{display:none!important}@media(max-width:750px){header,main,footer{padding:20px}.hero{grid-template-columns:1fr;gap:24px;padding:25px 0}.example{transform:none}.file-grid,.bottom-grid{grid-template-columns:1fr}.workspace{padding:20px}.section-head{align-items:start;flex-wrap:wrap}.controls{gap:12px}.stats{grid-template-columns:repeat(2,1fr)}.bottom-grid{gap:12px}.badge{font-size:10px}.filters{flex-wrap:wrap}.actions{gap:4px}.hero h1{font-size:43px}}@media print{header,.hero,.workspace,.bottom-grid,details,footer,.actions,.filters,.tabs{display:none}main{padding:0}#results{display:block!important}table{font-size:9px}.table-scroll{overflow:visible}td{max-width:none}.notice{break-inside:avoid}.stats{grid-template-columns:repeat(4,1fr)}button{display:none}}

a.primary{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:650}
/* Catalog Preflight visual refresh: shared landing and agency design. */
:root{--ink:#20222b;--muted:#676976;--paper:#f8f7f4;--line:#e0e1e8;--green:#5046e5;--lime:#eeecff}html{scroll-behavior:smooth;scroll-padding-top:28px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--paper)}header,main,footer{max-width:1280px;padding-left:40px;padding-right:40px}header{padding-top:24px;padding-bottom:24px;border-bottom:0}.brand{font-size:19px;letter-spacing:-.7px;gap:9px;color:var(--ink)}.brand-light{font-weight:450;margin-left:-5px}.logo{width:35px;height:35px;border-radius:10px;background:#5145e5;box-shadow:0 4px 10px #5145e51c;color:#fff}nav{display:flex;gap:28px;align-items:center}nav a{font-size:12px;font-weight:600;color:#565766;text-decoration:none}.nav-cta{padding:10px 16px;border:1px solid #d9d8e4;border-radius:8px;background:#fff}.hero{grid-template-columns:1.1fr 1fr;gap:48px;padding:60px 0 64px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#777684;font-weight:750}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:#5c54ad}.live-dot{width:7px;height:7px;background:#6155e7;border-radius:50%;box-shadow:0 0 0 4px #efedff}h1{font-size:clamp(38px,4.1vw,55px);line-height:1.1;letter-spacing:-2.8px;font-weight:760;margin:22px 0}h1 em{color:#5145e5}.intro{font-size:16px;line-height:1.8;max-width:510px}.hero-actions{display:flex;align-items:center;gap:23px;margin:28px 0 25px}a.primary,button.primary{background:#5145e5;color:white;box-shadow:0 5px 12px #5145e51c;border:1px solid #5145e5;border-radius:9px;padding:13px 19px;font-size:13px;text-decoration:none}a.primary span{margin-left:25px}.quiet-link{font-size:12px;font-weight:650;text-decoration:none;color:#44434f}.trust{gap:18px;margin:0;font-size:10px;color:#74727e;font-weight:550}.trust span:before{content:'✓';color:#5145e5;margin-right:5px}.example{padding:0;border-radius:14px;background:#fff;transform:rotate(-1deg);border:1px solid #dedde7;box-shadow:0 24px 55px -20px #302c5440;overflow:hidden}.preview-top{display:flex;justify-content:space-between;align-items:center;background:#f4f3f9;padding:15px 16px;font-size:9px;color:#817e94;border-bottom:1px solid #e7e6ef}.preview-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d1cedf;margin-right:4px}.preview-status{color:#565087;background:#e9e6f6;padding:3px 7px;border-radius:4px}.preview-body{padding:25px}.preview-body .eyebrow{font-size:8px;color:#91909c;letter-spacing:.12em}.mock-title{font-size:21px;letter-spacing:-.6px;margin:15px 0 24px}.mock-title small{display:block;margin:5px 0;font-size:10px;color:#8c8a98}.preview-columns,.mock-row{display:grid;grid-template-columns:.95fr 1fr 1.2fr;gap:10px}.preview-columns{font-size:8px;color:#9c98ad;letter-spacing:.12em;padding-bottom:12px}.mock-row{font-size:10px;align-items:center;padding:16px 0;border-color:#eeedf3}.mock-row strong{font-weight:650;color:#bf5643;background:#fff3ec;padding:5px 7px;border-radius:5px}.mock-row b{font-size:8px;margin-left:4px}.mock-row del{color:#777483;text-decoration:none}.preview-alert{display:flex;gap:12px;background:#f6f4ff;border:1px solid #e9e5ff;border-radius:9px;padding:15px;margin:16px 0}.preview-alert>span{border:1px solid #aaa1ec;border-radius:50%;color:#6958d1;font-size:12px;line-height:18px;text-align:center;width:20px;height:20px}.preview-alert strong{font-size:11px;color:#51478b}.preview-alert p{font-size:10px;margin:3px 0 0;color:#8b829f}.preview-foot{display:flex;justify-content:space-between;font-size:8px;color:#9b95aa}.workflow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e5e3e9;border-bottom:1px solid #e5e3e9;margin-bottom:55px;padding:23px 0;gap:24px}.workflow>div{display:flex;gap:15px;align-items:center}.workflow>div>span{font-size:12px;color:#6b60bd;background:#eeecf6;padding:7px 10px;border-radius:7px}.workflow p{margin:0}.workflow strong{font-size:12px;display:block}.workflow small{font-size:10px;color:#8b8793}.workspace{padding:32px;border-radius:16px;border:1px solid #e2e0e9;box-shadow:0 4px 18px #2c235304}h2{font-size:24px;letter-spacing:-.8px}.workspace .eyebrow{color:#847da0;font-size:9px}.file-box{background:#fbfaff;border:1px dashed #d2cde5;border-radius:10px;padding:25px}.file-box strong{font-size:14px}.file-box .step{background:#f0ecff;color:#8b80bc;width:22px;height:22px;text-align:center;border-radius:6px}.file-box>span:not(.step){font-size:12px}input::file-selector-button{background:#eeeafd;color:#625a8e}.controls{padding-top:6px}.small{font-size:11px;line-height:1.7}.section-intro{margin-top:66px} .section-intro h2{font-size:32px;line-height:1.2}.bottom-grid{margin:27px 0 45px;gap:18px}.bottom-grid article{padding:26px;background:white;border:1px solid #e2e0e9;border-radius:12px}.bottom-grid article.offer-card{background:#25213e;color:#fff;border-color:#25213e}.offer-card .eyebrow{color:#b4a9e8}.offer-card p{color:#bfb8d1}.offer-card a{color:#d6ccff}.offer-card a.primary{color:#fff;background:#7260ed;border-color:#7260ed}.offer-card .price{font-size:40px;line-height:1.2;color:white;margin:20px 0;font-weight:650;letter-spacing:-1px}.price span{font-size:11px;font-weight:400;letter-spacing:0;color:#bfb8d1}.bottom-grid h3{font-size:20px;letter-spacing:-.5px}.bottom-grid p,.bottom-grid li{font-size:12px}button{transition:background .15s,transform .15s}button:hover,a.primary:hover{filter:brightness(1.07)}button:active,a.primary:active{transform:translateY(1px)}:focus-visible{outline:3px solid #9688f2;outline-offset:4px}footer{padding-top:28px;padding-bottom:28px;gap:20px;flex-wrap:wrap;font-size:10px}.skip{position:absolute;top:-70px;left:20px;background:white;padding:10px;z-index:2}.skip:focus{top:10px}.agency-hero{max-width:820px;margin:50px auto 55px;text-align:center}.agency-hero h1{font-size:clamp(44px,6vw,76px)}.agency-hero>p{max-width:650px;margin:20px auto;color:var(--muted)}.agency-content{max-width:900px;margin:auto;background:white;border:1px solid var(--line);border-radius:16px;padding:38px;margin-bottom:50px}.agency-content h2{margin:32px 0 18px}.agency-content p,.agency-content li{font-size:14px;color:var(--muted)}.agency-content .table-scroll{margin:24px 0}.agency-content td{font-size:13px;max-width:none;white-space:normal}.agency-content th{background:#eeecfa}
@media(max-width:900px){.hero{gap:30px}h1{font-size:42px;letter-spacing:-2px}.hero-actions{gap:14px;flex-wrap:wrap}.preview-body{padding:20px}.bottom-grid{grid-template-columns:1fr 1fr}.offer-card{grid-column:1/-1}.workflow small{font-size:9px}}
@media(max-width:650px){header,main,footer{padding-left:20px;padding-right:20px}header{flex-wrap:wrap;gap:19px}nav{width:100%;justify-content:space-between;gap:12px}nav a{font-size:11px}.hero{grid-template-columns:1fr;padding:26px 0 35px;gap:32px}.hero h1{font-size:40px;letter-spacing:-2px}.intro{font-size:14px}.example{transform:none}.workflow{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.workflow small{font-size:11px}.workspace{padding:20px}.bottom-grid{grid-template-columns:1fr}.section-intro{margin-top:40px}.section-intro h2{font-size:28px}.agency-content{padding:20px}.agency-hero{margin:25px 0 35px}.agency-hero h1{font-size:47px}.controls label{max-width:100%}.controls select{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}
@media print{.workflow,.section-intro,.skip{display:none}.stat{box-shadow:none}#results{color:#000}}