:root{--ink:#101827;--muted:#5d6979;--line:#dce3eb;--soft:#f4f7fa;--blue:#1f4f8f;--gold:#c79b42;--green:#15745a;--danger:#9d392f}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.cb-header{height:72px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:10}.cb-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;line-height:.9}.cb-brand img{border-radius:8px}.cb-brand span span{color:var(--gold)}.cb-header nav{display:flex;gap:24px;align-items:center}.cb-header nav>a{color:#354358;text-decoration:none;font-size:14px}.primary-action,.secondary-action{border:0;border-radius:9px;padding:12px 18px;font:700 14px inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-action{background:var(--blue);color:#fff}.secondary-action{background:#fff;border:1px solid #bdc8d4;color:var(--ink)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #94b8df;outline-offset:2px}.cb-hero{padding:72px max(24px,calc((100vw - 1120px)/2)) 50px;background:linear-gradient(180deg,#f5f8fc 0,#fff 100%);text-align:center}.breadcrumbs{font-size:12px;display:flex;gap:8px;justify-content:center;margin-bottom:28px;color:#667487}.breadcrumbs a{color:inherit}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cb-hero h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.045em;line-height:1.02;margin:8px auto 18px}.lead{max-width:780px;margin:0 auto;color:#4c5a6d;font-size:18px}.scan-form{max-width:820px;margin:34px auto 20px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 14px 44px rgba(25,52,85,.1)}.scan-form>label{font-size:13px;font-weight:750}.scan-form>div{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:8px}.scan-form input{width:100%;border:1px solid #b9c4d0;border-radius:9px;padding:13px 14px;font-size:16px}.scan-form p{margin:10px 0 0;color:var(--muted);font-size:12px}.scan-form p span{color:var(--green)}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.trust-row span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:#546174;font-size:11px;background:#fff}.scan-summary{max-width:none;margin:22px auto 0;padding:14px 22px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:20px}.scan-summary>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.scan-summary small{grid-column:2;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--green);grid-row:1/3}.summary-counts{display:flex;gap:8px;flex:1}.summary-counts span{font-size:11px;border-radius:999px;padding:5px 9px;background:var(--soft)}.generator{max-width:none;margin:22px auto 70px;display:grid;grid-template-columns:300px minmax(500px,1fr) 350px;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:720px;background:#fff}.settings-panel,.results-panel{background:#f9fbfd}.settings-panel{border-right:1px solid var(--line)}.results-panel{border-left:1px solid var(--line)}.panel-title{height:62px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.panel-title>div{display:flex;align-items:center;gap:9px}.panel-title span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8eef7;color:var(--blue);font-size:12px;font-weight:800}.panel-title h2{font-size:15px;margin:0}.settings-content{padding:17px;display:grid;gap:15px;max-height:760px;overflow:auto}.settings-content label,.settings-content fieldset{display:grid;gap:6px;font-size:12px;font-weight:750;border:0;margin:0;padding:0}.settings-content input,.settings-content textarea,.settings-content select,.filter-row select{border:1px solid #c8d1dc;border-radius:8px;background:#fff;padding:9px 10px;color:var(--ink);font:400 13px inherit;resize:vertical}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.choice-grid button,.viewport-buttons button,.result-tabs button{border:1px solid #cad3dd;background:#fff;color:#4e5c70;padding:7px;font-size:11px;cursor:pointer}.choice-grid .is-active,.viewport-buttons .is-active,.result-tabs .is-active{border-color:var(--blue);background:#eaf1fa;color:var(--blue);font-weight:800}.premium-setting{border:1px solid #e7d5af!important;background:#fffaf0;border-radius:8px;padding:10px!important}.premium-setting>span{display:flex;gap:6px;align-items:center}.premium-setting b,.full span{color:var(--gold)}.full{width:100%}.preview-panel{min-width:0;background:#f2f5f8}.viewport-buttons{display:flex}.site-preview{width:calc(100% - 40px);max-width:900px;aspect-ratio:16/10;margin:26px auto;background:#fff;border:1px solid #cbd5df;border-radius:11px;overflow:hidden;position:relative;box-shadow:0 14px 34px rgba(21,42,67,.12)}.site-preview.mobile{max-width:390px;aspect-ratio:9/16}.mock-browser{height:34px;background:#eff3f7;border-bottom:1px solid #d9e1e9;display:flex;align-items:center;gap:5px;padding:0 10px;color:#748194;font-size:10px}.mock-browser i{width:7px;height:7px;border-radius:50%;background:#b7c0ca}.mock-browser span{margin-left:7px;padding:3px 18px;background:#fff;border-radius:5px;flex:1}.mock-site{padding:20px}.mock-nav{height:10px;background:#d7e0e9;width:60%;border-radius:10px}.mock-hero{display:grid;gap:8px;margin:50px auto 35px;width:70%}.mock-hero span{height:12px;background:#e5eaf0;border-radius:8px}.mock-hero span:first-child{height:24px;background:#c7d4e3;width:68%}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mock-cards i{height:70px;background:#eef2f6;border-radius:8px}.banner-preview{--accent:#1f4f8f;position:absolute;background:#fff;border:1px solid #cbd4df;box-shadow:0 9px 25px rgba(19,35,55,.2);padding:15px;z-index:2;font-size:10px}.banner-preview.bottom{left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:12px}.banner-preview.bottom-left,.banner-preview.bottom-right{width:min(330px,calc(100% - 24px));bottom:12px}.banner-preview.bottom-left{left:12px}.banner-preview.bottom-right{right:12px}.banner-preview.center{width:min(390px,calc(100% - 24px));left:50%;top:50%;transform:translate(-50%,-40%)}.banner-preview.rounded{border-radius:15px}.banner-preview.compact{padding:10px}.preview-copy{display:flex;gap:8px;flex:1}.preview-copy img{width:30px;height:30px;object-fit:contain}.preview-copy strong{font-size:12px}.preview-copy p{margin:3px 0;color:#596678;line-height:1.35}.preview-actions{display:flex;gap:5px}.preview-actions button{border:1px solid #bfc9d5;background:#fff;border-radius:6px;padding:7px;font-size:9px}.preview-actions .preview-accept{background:var(--accent);border-color:var(--accent);color:#fff}.preview-close{position:absolute;right:6px;top:4px;border:0;background:none;color:#687587}.configuration-note{margin:0 20px 18px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);padding:12px 15px;font-size:12px}.configuration-note p{color:var(--muted);margin:4px 0 0}.generate-button{margin:0 auto 25px;display:flex}.result-tabs{display:grid;grid-template-columns:1fr 1fr;padding:12px 14px 0}.filter-row{padding:12px 14px;display:flex;gap:8px;align-items:center}.filter-row select{min-width:0;flex:1}.filter-row span{font-size:11px;color:var(--muted)}.detected-list{padding:0 14px 16px;display:grid;gap:9px;max-height:610px;overflow:auto}.detected-item{background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px}.detected-head{display:flex;gap:8px;justify-content:space-between}.detected-head strong{font-size:12px;overflow-wrap:anywhere}.confidence{font-size:9px;text-transform:uppercase;color:#6c7786}.detected-meta{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tag{font-size:9px;border-radius:999px;padding:3px 7px;background:#e9eff6}.tag.other{background:#fff0d7;color:#79510c}.detected-item label{display:grid;gap:4px;font-size:10px;color:var(--muted)}.detected-item select,.detected-item input{width:100%;border:1px solid #c7d0da;border-radius:6px;padding:6px;font-size:11px}.reason-warning{color:var(--danger);font-size:10px;margin:6px 0 0}.checklist{list-style:none;margin:0;padding:15px;display:grid;gap:9px}.checklist li{display:flex;gap:9px;background:#fff;border:1px solid var(--line);padding:11px;border-radius:8px;font-size:12px}.checklist li span{color:var(--green);font-weight:900}.checklist li.pending span{color:#a36c13}.checklist-note{font-size:11px;color:var(--muted);padding:0 15px}.code-result,.method-section,.pricing-section,.legal-section,.faq-section{max-width:none;margin:80px 0;padding:0}.code-result{border:1px solid var(--line);border-radius:14px;padding:30px;background:#fbfcfe}.code-result h2,.method-section h2,.pricing-section h2,.legal-section h2,.faq-section h2{font-size:clamp(27px,4vw,40px);letter-spacing:-.03em;margin:5px 0 14px}.code-box{margin:20px 0;border:1px solid #cfd8e2;border-radius:10px;background:#101827;overflow:hidden}.code-box>div{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#eef2f6;color:var(--ink);font-size:12px}.copy-button{border:1px solid #b6c1ce;border-radius:6px;background:#fff;padding:5px 9px;cursor:pointer}.code-box pre{margin:0;padding:16px;color:#dce7f3;overflow:auto;font-size:12px;white-space:pre-wrap}.installation-grid,.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.installation-grid article{padding:18px;border:1px solid var(--line);border-radius:10px}.installation-grid span,.method-section li>span{width:28px;height:28px;display:grid;place-items:center;background:#e8eef7;border-radius:50%;font-size:12px;color:var(--blue);font-weight:800}.generated-table{margin:24px 0;overflow:auto}.generated-table table{width:100%;border-collapse:collapse;font-size:12px}.generated-table th,.generated-table td{padding:9px;border:1px solid var(--line);text-align:left}.method-section{display:grid;grid-template-columns:1fr 1fr;gap:35px}.method-section ol{list-style:none;margin:0;padding:0;display:grid;gap:13px}.method-section li{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.method-section li p{grid-column:2;margin:2px 0;color:var(--muted)}.limits{grid-column:1/-1;background:#fff8e9;border:1px solid #ead7aa;border-radius:11px;padding:18px}.limits h3{margin:0 0 5px}.limits p{margin:0;color:#665836}.pricing-section>div:first-child{text-align:center;max-width:700px;margin:auto}.pricing-grid{margin-top:30px}.pricing-grid article{border:1px solid var(--line);border-radius:13px;padding:25px}.pricing-grid article>strong{font-size:36px}.pricing-grid li{margin:8px 0}.premium-card{border:2px solid var(--gold)!important;box-shadow:0 12px 35px rgba(119,86,20,.1)}.premium-card>span{font-size:10px;background:var(--gold);color:#fff;border-radius:999px;padding:4px 8px;text-transform:uppercase;font-weight:800}.premium-card small{font-size:13px}.legal-section{background:#f4f7fa;border-radius:13px;padding:28px}.legal-section a{color:var(--blue)}.faq-section details{border-top:1px solid var(--line);padding:16px 0}.faq-section summary{font-weight:750;cursor:pointer}.scan-dialog,.premium-dialog,.projects-dialog{border:0;border-radius:14px;padding:28px;max-width:500px;box-shadow:0 22px 70px rgba(15,28,45,.3)}dialog::backdrop{background:rgba(12,23,37,.58)}.scan-dialog{text-align:center;width:min(420px,calc(100% - 28px))}.scan-spinner{width:46px;height:46px;border:4px solid #d9e3ed;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:auto}.progress-track{height:6px;background:#e5eaf0;border-radius:8px;overflow:hidden}.progress-track span{display:block;width:15%;height:100%;background:var(--blue);transition:width .4s}.scan-dialog small{display:block;margin-top:12px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:24px;cursor:pointer}.premium-crown{color:var(--gold);font-size:30px}.projects-dialog{width:min(620px,calc(100% - 28px))}.project-row{padding:12px;border:1px solid var(--line);border-radius:8px;margin:8px 0;display:flex;justify-content:space-between;gap:10px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#101827;color:#fff;border-radius:8px;padding:10px 15px;font-size:12px;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-panel{display:none}.icon-button{border:0;background:none;cursor:pointer}
@media(max-width:1100px){.generator{margin:20px 14px 60px;grid-template-columns:260px 1fr}.results-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.detected-list{grid-template-columns:repeat(2,1fr);max-height:none}.scan-summary{margin:20px 14px 0}}@media(max-width:760px){.cb-header{height:auto;padding:12px 16px}.cb-header nav>a{display:none}.cb-header nav{gap:8px}.cb-hero{padding:45px 16px}.scan-form>div{grid-template-columns:1fr}.scan-form button{width:100%}.scan-summary{align-items:flex-start;flex-wrap:wrap}.summary-counts{order:3;width:100%;overflow:auto}.generator{display:block;overflow:visible}.settings-panel{border-right:0}.settings-content{max-height:none}.preview-panel{padding-bottom:1px}.panel-title{position:sticky;top:0;z-index:4}.site-preview{width:calc(100% - 20px);margin:16px auto}.banner-preview.bottom{display:block}.preview-actions{margin-top:8px}.preview-actions button{flex:1}.detected-list{grid-template-columns:1fr}.installation-grid,.pricing-grid,.method-section{grid-template-columns:1fr}.limits{grid-column:auto}.code-result,.method-section,.pricing-section,.legal-section,.faq-section{margin:55px auto;padding-left:16px;padding-right:16px}.code-result{margin-left:12px;margin-right:12px}.mobile-panel{display:block}}

.category-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.category-controls label{display:flex;grid-template-columns:none;align-items:center;gap:6px;font-weight:600}.category-controls input{width:auto}.category-controls input:disabled{opacity:.55}

.free-upsell{max-width:none;margin:36px 0 70px;padding:26px 30px;border:1px solid #e7d5af;border-radius:14px;background:#fffaf0;display:grid;grid-template-columns:1.2fr 1fr auto;gap:30px;align-items:center}.free-upsell[hidden]{display:none!important}.free-upsell h2{margin:4px 0 8px;font-size:28px}.free-upsell p{margin:0;color:var(--muted)}.free-upsell ul{list-style:none;margin:0;padding:0;columns:2}.free-upsell li{break-inside:avoid;font-size:13px;margin:7px 0}.free-upsell li::before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.free-upsell>div:last-child{display:grid;gap:10px;text-align:center}.free-upsell>div:last-child>strong{font-size:26px}.free-upsell small{font-size:12px}
.consents-dialog{width:min(1180px,calc(100% - 28px));max-width:1180px;max-height:92vh;border:0;border-radius:14px;padding:28px;box-shadow:0 22px 70px rgba(15,28,45,.3);overflow:auto}.registry-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.registry-head h2{margin:3px 0}.registry-head p{margin:3px 0;color:var(--muted)}.registry-head label,.registry-filters label{display:grid;gap:5px;font-size:12px;font-weight:750}.registry-head select,.registry-filters input,.registry-filters select{border:1px solid #c8d1dc;border-radius:8px;background:#fff;padding:9px;color:var(--ink)}.registry-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.registry-kpis article{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--soft)}.registry-kpis span{display:block;font-size:25px;font-weight:800}.registry-kpis small{color:var(--muted)}.registry-filters{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:end}.registry-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:18px 0}.registry-actions p{font-size:12px;color:var(--muted);max-width:650px}.registry-actions>div{display:flex;gap:7px}.registry-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.registry-table{width:100%;border-collapse:collapse;font-size:12px}.registry-table th,.registry-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.registry-table tbody tr[data-consent-id]{cursor:pointer}.registry-table tbody tr[data-consent-id]:hover,.registry-table tbody tr[data-consent-id]:focus{background:#edf3fa;outline:0}.consent-switch{font-size:9px;font-weight:800;border-radius:999px;padding:3px 6px}.consent-switch.on{background:#dff2ea;color:#11654d}.consent-switch.off{background:#f3e5e3;color:#913c32}.registry-pagination{display:flex;justify-content:center;gap:15px;align-items:center;margin-top:14px}.consent-detail{position:fixed;inset:5vh max(20px,calc((100vw - 720px)/2));z-index:4;background:#fff;border:1px solid var(--line);box-shadow:0 15px 55px rgba(15,28,45,.28);border-radius:13px;padding:25px;overflow:auto}.consent-detail ol{list-style:none;margin:20px 0 0;padding:0;border-left:2px solid #cfdae7}.consent-detail li{position:relative;margin:0 0 20px;padding-left:22px}.consent-detail li::before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--blue)}.consent-detail time,.consent-detail strong{display:block}.consent-detail time,.consent-detail small{color:var(--muted);font-size:11px}.consent-detail p{margin:5px 0;font-size:13px}
@media(max-width:900px){.free-upsell{margin:25px 14px 55px;grid-template-columns:1fr}.registry-kpis{grid-template-columns:repeat(2,1fr)}.registry-filters{grid-template-columns:1fr 1fr}.registry-actions{align-items:flex-start;flex-direction:column}.registry-head{align-items:flex-start;flex-direction:column}.registry-head label{width:100%}}
@media(max-width:560px){.free-upsell ul{columns:1}.registry-kpis,.registry-filters{grid-template-columns:1fr}.registry-actions>div{width:100%;flex-direction:column}.consents-dialog{padding:20px 12px}.consent-detail{inset:12px}}
/* Editorial interface and interactive scanned-site preview */
[hidden]{display:none!important}
:root{--cb-ink:#172033;--cb-muted:#5f6b7b;--cb-line:#dfe4ea;--cb-paper:#fff;--cb-soft:#f5f7f9;--cb-blue:#184f8d;--cb-blue-dark:#103a69;--cb-gold:#b58a35}
body{color:var(--cb-ink);background:#f7f8fa;font-size:16px;line-height:1.55}
.cb-header{min-height:72px;padding:0 clamp(18px,4vw,64px);background:#fff;border-bottom:1px solid var(--cb-line)}
.cb-header nav{gap:22px}.cb-header nav a{font-size:14px;color:#39475b}
main{width:100%;margin:0;padding-inline:clamp(20px,3.5vw,72px)}
.cb-hero{max-width:930px;margin:0 auto;padding:72px 0 54px;text-align:center}.cb-hero h1{max-width:900px;margin:10px auto 18px;font-size:clamp(38px,5vw,68px);line-height:1.04;letter-spacing:-.045em;color:#111a2b}.cb-hero .lead{max-width:810px;margin-right:auto;margin-left:auto;font-size:clamp(17px,2vw,21px);line-height:1.58;color:#536174}
.eyebrow{font-size:12px;letter-spacing:.12em}.breadcrumbs{font-size:13px;margin-bottom:28px}
.scan-form{max-width:820px;margin:32px auto 0;padding:22px;text-align:left;border:1px solid #dce2e8;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(19,32,52,.07)}.scan-form>label{font-size:14px}.scan-form input{height:52px;font-size:16px}.scan-form p{font-size:13px}.primary-action,.secondary-action{min-height:43px;font-size:14px;border-radius:7px}.trust-row{justify-content:center;gap:10px;margin:22px auto 0}.trust-row span{font-size:12px;border:1px solid #dfe4ea;background:#fff}
.scan-summary{margin:0 0 22px;padding:17px 20px;border:1px solid var(--cb-line);border-radius:10px;background:#fff}.scan-summary small{font-size:12px;color:var(--cb-muted)}.summary-counts{gap:7px}.summary-counts span{font-size:11px;background:#f2f4f7;border:1px solid #e4e7ec}.summary-counts .evidence-count.observed{background:#eaf7ef;color:#17663b}.summary-counts .evidence-count.declared{background:#eaf1fb;color:#23558d}.summary-counts .evidence-count.inferred{background:#fff6df;color:#795c19}
.generator{display:grid;grid-template-columns:minmax(265px,310px) minmax(480px,1fr) minmax(280px,340px);align-items:start;gap:18px;margin-bottom:34px}.settings-panel,.preview-panel,.results-panel{border:1px solid var(--cb-line);border-radius:10px;background:#fff;box-shadow:0 7px 20px rgba(24,35,52,.045)}.settings-panel,.results-panel{max-height:850px}.panel-title{min-height:59px;padding:0 18px;border-bottom:1px solid #e8ebef}.panel-title h2{font-size:17px;letter-spacing:-.01em}.panel-title>div>span{width:25px;height:25px;font-size:12px}.settings-content{padding:18px}.settings-content>label,.settings-content legend{font-size:13px}.settings-content input,.settings-content textarea,.settings-content select,.detected-item input,.detected-item select{font-size:14px;line-height:1.4;min-height:40px;border-radius:6px}.settings-content textarea{min-height:96px}.settings-content small{font-size:11px;line-height:1.45}.choice-grid button{min-height:38px;font-size:12px}.category-controls label{font-size:13px}.premium-setting{padding:12px;border-radius:7px}
.preview-panel{padding-bottom:18px}.site-preview{position:relative;width:calc(100% - 28px);height:600px;margin:14px;overflow:hidden;border:1px solid #cfd6df;border-radius:8px;background:#eef1f4;box-shadow:none}.mock-browser{height:34px;padding:0 11px;background:#e4e8ed;border-bottom:1px solid #d2d8df}.mock-browser span{font-size:10px;background:#fff;color:#637083}
.preview-site{--site-accent:#1f4f8f;position:absolute;inset:34px 0 0;background:#fff;color:#172033}.preview-site-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 30px;border-bottom:1px solid #e7e9ed;background:rgba(255,255,255,.97)}.preview-site-brand{display:flex;align-items:center;gap:9px}.preview-site-brand>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--site-accent);color:#fff;font-size:13px;font-weight:800}.preview-site-brand strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.preview-site-header nav{display:flex;gap:18px;color:#556173;font-size:10px}.preview-site-main{padding:58px 10%}.preview-site-kicker{margin:0 0 9px;color:var(--site-accent);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.preview-site-main h3{max-width:620px;margin:0;font-size:clamp(25px,3vw,42px);line-height:1.1;letter-spacing:-.035em}.preview-site-main>p:not(.preview-site-kicker){max-width:560px;margin:14px 0 20px;color:#647083;font-size:12px}.preview-site-button{display:inline-block;padding:9px 14px;border-radius:5px;background:var(--site-accent);color:#fff;font-size:10px;font-weight:700}.preview-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:48px}.preview-site-cards span{height:85px;border:1px solid #e2e6eb;border-radius:7px;background:linear-gradient(135deg,#f2f4f7,#fff)}
.banner-preview{position:absolute;z-index:3;display:block;max-height:calc(100% - 48px);overflow:auto;padding:16px 18px;background:#fff;color:#172033;border:1px solid #d9dee5;border-radius:8px;box-shadow:0 16px 42px rgba(15,27,45,.2);font-size:12px}.banner-preview.bottom{right:12px;bottom:12px;left:12px}.banner-preview.bottom-left{width:min(390px,calc(100% - 24px));left:12px;bottom:12px}.banner-preview.bottom-right{width:min(390px,calc(100% - 24px));right:12px;bottom:12px}.banner-preview.center{width:min(430px,calc(100% - 24px));top:50%;left:50%;transform:translate(-50%,-50%)}.banner-preview.rounded{border-radius:18px}.banner-preview.compact{padding:13px 15px}.preview-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.bottom-left .preview-summary,.bottom-right .preview-summary,.center .preview-summary,.is-managing .preview-summary{display:block}.preview-copy{display:flex;align-items:flex-start;gap:10px;min-width:0}.preview-copy strong,.preview-preferences strong{display:block;font-size:14px;line-height:1.25}.preview-copy p,.preview-preferences p{max-width:550px;margin:5px 0 0;color:#5a6678;font-size:11px;line-height:1.45}.preview-actions{display:flex;flex:0 0 auto;gap:7px;margin-top:10px}.preview-actions button{min-height:34px;padding:7px 11px;border:1px solid #cfd6df;border-radius:5px;background:#fff;color:#26364a;font-size:11px;font-weight:700}.preview-actions .preview-accept{border-color:var(--accent,#1f4f8f);background:var(--accent,#1f4f8f);color:#fff}.preview-close{top:7px;right:7px;width:27px;height:27px;font-size:16px}.preview-preferences>div:first-child{display:flex;gap:9px;padding-right:24px}.preview-back{flex:0 0 auto;width:29px;height:29px;border:1px solid #d7dde4;border-radius:5px;background:#fff}.preview-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.preview-category-list label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #e0e5ea;border-radius:6px;background:#f9fafb}.preview-category-list b{display:block;font-size:11px}.preview-category-list small{display:block;margin-top:1px;color:#6b7685;font-size:9px;line-height:1.3}.preview-category-list input{width:16px;height:16px;accent-color:var(--accent,#1f4f8f)}.preview-reopen{position:absolute;right:12px;bottom:12px;z-index:2;padding:9px 12px;border:0;border-radius:5px;background:#172033;color:#fff;font-size:10px}.preview-feedback{position:absolute;left:18px;bottom:12px;z-index:2;max-width:60%;margin:0;padding:8px 10px;border:1px solid #cfe1d4;border-radius:5px;background:#eef9f1;color:#235a34;font-size:10px}
.site-preview.mobile{width:min(375px,calc(100% - 28px));height:650px;margin-right:auto;margin-left:auto}.site-preview.mobile .preview-site-header{height:54px;padding:0 16px}.site-preview.mobile .preview-site-header nav{display:none}.site-preview.mobile .preview-site-main{padding:42px 24px}.site-preview.mobile .preview-site-main h3{font-size:28px}.site-preview.mobile .preview-site-cards{grid-template-columns:1fr;margin-top:35px}.site-preview.mobile .preview-site-cards span{height:68px}.site-preview.mobile .preview-site-cards span:nth-child(n+2){display:none}.site-preview.mobile .banner-preview{right:9px;bottom:9px;left:9px;width:auto;transform:none}.site-preview.mobile .banner-preview.center{top:50%;bottom:auto;transform:translateY(-50%)}.site-preview.mobile .preview-summary{display:block}.site-preview.mobile .preview-actions{display:grid;grid-template-columns:1fr 1fr}.site-preview.mobile .preview-actions .preview-accept{grid-column:1/-1}.site-preview.mobile .preview-category-list{grid-template-columns:1fr}.site-preview.mobile .preview-feedback{max-width:56%}
.configuration-note{margin:16px 18px;padding:14px 16px;border-radius:7px}.configuration-note strong{font-size:13px}.configuration-note p{font-size:12px;line-height:1.5}.generate-button{margin:0 18px;width:calc(100% - 36px)}
.results-panel{font-size:14px}.result-tabs button{font-size:13px}.evidence-legend{display:flex;flex-wrap:wrap;gap:10px;padding:14px 15px 0}.evidence-legend span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:750}.evidence-legend i{width:8px;height:8px;border-radius:50%}.evidence-legend .observed,.evidence-mark.observed{background:#2b9a5a}.evidence-legend .declared,.evidence-mark.declared{background:#3979bc}.evidence-legend .inferred,.evidence-mark.inferred{background:#c28c25}.evidence-help{margin:7px 15px 12px;color:#697485;font-size:11px;line-height:1.45}.filter-row{padding:0 15px 11px}.filter-row select{font-size:12px}.detected-list{padding:0 15px 18px}.detected-item{padding:14px;border-radius:7px}.detected-head{align-items:flex-start;gap:8px}.detected-head strong{font-size:13px;line-height:1.35}.evidence-badge{flex:0 0 auto;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:800}.evidence-badge.observed{background:#e9f7ee;color:#17673a}.evidence-badge.declared{background:#eaf2fb;color:#24578c}.evidence-badge.inferred{background:#fff3d6;color:#765617}.item-context{margin:4px 0 8px;color:#687486;font-size:10px}.detected-meta .tag{font-size:9px}.detected-item>label{font-size:11px}.detected-item details{font-size:11px}.detected-item details p{overflow-wrap:anywhere}
.method-section,.pricing-section,.legal-section,.faq-section,.free-upsell,.code-result{border-radius:10px}.method-section{padding:clamp(28px,4vw,56px)}.method-section>div:first-child{max-width:780px}.method-section h2,.pricing-section h2,.faq-section h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.03em}.method-section>div:first-child>p:last-child,.pricing-section>div>p:last-child{font-size:17px;color:#59677a}.evidence-explained{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.evidence-explained article{padding:20px;border:1px solid #dfe4ea;border-radius:8px;background:#fff}.evidence-explained h3{margin:10px 0 5px;font-size:17px}.evidence-explained p{margin:0;color:#5d697a;font-size:14px}.evidence-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:12px;font-weight:800}.editorial-note{margin-top:20px;padding:16px 18px;border-left:3px solid var(--cb-blue);background:#f2f6fa}.editorial-note p{margin:4px 0 0;font-size:13px;color:#586678}.faq-section details{font-size:15px}.faq-section summary{font-size:16px}.faq-section details p{font-size:15px;line-height:1.65}
@media(max-width:1220px){.generator{grid-template-columns:300px minmax(0,1fr)}.results-panel{grid-column:1/-1;max-height:none}.detected-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detected-item{margin:0}}
@media(max-width:820px){main{width:100%;padding-inline:12px}.cb-header{min-height:64px;padding:0 14px}.cb-header nav>a{display:none}.cb-hero{padding:48px 0 38px}.cb-hero h1{font-size:clamp(34px,11vw,49px)}.scan-form{padding:16px}.scan-form>div{display:grid}.trust-row{display:grid;grid-template-columns:1fr 1fr}.scan-summary{align-items:flex-start}.generator{display:block}.settings-panel,.preview-panel,.results-panel{margin-bottom:14px;max-height:none}.settings-content{display:block}.settings-panel.settings-collapsed .settings-content{display:none}.mobile-panel{display:block}.site-preview{height:590px}.detected-list{display:block}.detected-item{margin-bottom:9px}.evidence-explained{grid-template-columns:1fr}.method-section ol{grid-template-columns:1fr}.preview-summary{display:block}.preview-category-list{grid-template-columns:1fr}.preview-actions{display:grid;grid-template-columns:1fr 1fr}.preview-actions .preview-accept{grid-column:1/-1}.free-upsell,.pricing-section,.legal-section,.faq-section,.code-result{padding:24px 18px}.summary-counts{justify-content:flex-start}}
@media(max-width:480px){body{font-size:15px}.cb-brand span{font-size:13px}.cb-hero h1{font-size:37px}.cb-hero .lead{font-size:17px}.trust-row{grid-template-columns:1fr}.panel-title{padding:0 14px}.site-preview{width:calc(100% - 16px);height:620px;margin:8px}.preview-site-header{padding:0 16px}.preview-site-header nav{display:none}.preview-site-main{padding:40px 22px}.preview-site-main h3{font-size:27px}.banner-preview{right:8px!important;bottom:8px!important;left:8px!important;width:auto!important;padding:14px}.preview-feedback{left:10px;max-width:55%}.configuration-note{margin:12px}.generate-button{width:calc(100% - 24px);margin:0 12px}.evidence-legend{gap:7px}.method-section{padding:25px 18px}.scan-summary{padding:14px}}
/* Original-page rendering inside the banner preview */
.mock-browser small{flex:0 0 auto;color:#526174;font-size:9px;font-weight:700}.mock-browser button{flex:0 0 auto;padding:3px 7px;border:1px solid #b8c3d0;border-radius:4px;background:#fff;color:#26384f;font-size:8px;font-weight:750;cursor:pointer}.preview-site-frame{position:absolute;inset:34px 0 0;width:100%;height:calc(100% - 34px);border:0;background:#fff}
@media(max-width:480px){.mock-browser small{display:none}.mock-browser button{padding:3px 5px;font-size:7px}}