/* CGWEB-WI-MKT-01A — Website Intelligence public marketing + sample report */
.cg-wi-hero{position:relative;overflow:hidden}
.cg-wi-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 15%,rgba(0,190,255,.15),transparent 30%),radial-gradient(circle at 70% 80%,rgba(247,198,106,.12),transparent 28%)}
.cg-wi-hero .cg-container{position:relative;z-index:1}
.cg-wi-question{display:inline-flex;gap:9px;align-items:center;padding:8px 12px;border:1px solid rgba(143,211,255,.24);border-radius:999px;background:rgba(7,30,55,.58);font-size:.86rem;font-weight:900;color:#d8efff;margin-bottom:18px}
.cg-wi-question:before{content:"?";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#13b9f2;color:#04152a;font-weight:1000}
.cg-wi-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.cg-wi-mini-stat{padding:16px;border-radius:18px;border:1px solid rgba(140,199,234,.15);background:rgba(7,27,48,.58)}
.cg-wi-mini-stat b{display:block;font-size:1.45rem;color:#f3f9ff;line-height:1.05}
.cg-wi-mini-stat span{display:block;margin-top:5px;color:#98b8cf;font-size:.8rem}
.cg-wi-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cg-wi-feature{position:relative;min-height:190px}
.cg-wi-feature .cg-wi-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(19,185,242,.14);border:1px solid rgba(19,185,242,.26);color:#79dfff;font-weight:950;margin-bottom:14px}
.cg-wi-feature h3{margin:0 0 8px}
.cg-wi-feature p{margin:0;color:#a9c1d4;line-height:1.6}
.cg-wi-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cg-wi-compare .cg-card{height:100%}
.cg-wi-compare h3{margin-top:0}
.cg-wi-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.cg-wi-list li{position:relative;padding-left:25px;color:#c3d5e4;line-height:1.5}
.cg-wi-list li:before{content:"✓";position:absolute;left:0;top:0;color:#67d3a2;font-weight:1000}
.cg-wi-list.muted li:before{content:"•";color:#7894a9}
.cg-wi-report-preview{border:1px solid rgba(139,199,235,.18);border-radius:24px;background:linear-gradient(180deg,rgba(10,31,53,.96),rgba(7,24,42,.96));overflow:hidden}
.cg-wi-report-bar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(139,199,235,.14)}
.cg-wi-report-bar b{font-size:1rem;color:#f6fbff}.cg-wi-report-bar span{font-size:.78rem;color:#93aec3}
.cg-wi-report-body{padding:18px 20px}
.cg-wi-report-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cg-wi-report-metric{padding:14px;border:1px solid rgba(139,199,235,.12);border-radius:16px;background:rgba(255,255,255,.025)}
.cg-wi-report-metric b{display:block;color:#fff;font-size:1.28rem}.cg-wi-report-metric span{display:block;color:#8eabc1;font-size:.74rem;margin-top:4px}
.cg-wi-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:wi-flow}
.cg-wi-flow .cg-card{position:relative;padding-top:54px}
.cg-wi-flow .cg-card:before{counter-increment:wi-flow;content:counter(wi-flow);position:absolute;top:16px;left:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#13b9f2;color:#04152a;font-weight:1000}
.cg-wi-note{padding:16px 18px;border-radius:16px;background:rgba(247,198,106,.08);border:1px solid rgba(247,198,106,.22);color:#ffe0a4;line-height:1.55}
.cg-wi-sample-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(19,185,242,.12),rgba(247,198,106,.08));border:1px solid rgba(116,205,244,.18)}
.cg-wi-sample-link strong{display:block;color:#fff;font-size:1.05rem}.cg-wi-sample-link span{display:block;color:#9eb8cc;margin-top:4px;font-size:.86rem}

/* Public sample report */
.cg-sample-wrap{width:min(1180px,calc(100% - 32px));margin:32px auto 56px}
.cg-sample-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.cg-sample-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff1ce;color:#4a3000;border:1px solid #f2ca72;font-weight:1000;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.cg-sample-report{background:#fff;color:#18314b;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.cg-sample-head{padding:32px 34px;background:linear-gradient(135deg,#071a33,#0d3555);color:#fff}
.cg-sample-head-top{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}
.cg-sample-head h1{margin:6px 0 8px;font-size:clamp(30px,5vw,50px);line-height:1.02;color:#fff}
.cg-sample-head p{margin:0;color:#b7d0e4;max-width:780px;line-height:1.55}
.cg-sample-period{text-align:right;white-space:nowrap}.cg-sample-period b{display:block;color:#fff}.cg-sample-period span{display:block;color:#9ebbd0;font-size:.8rem;margin-top:5px}
.cg-sample-section{padding:26px 34px;border-top:1px solid #e3eaf0}
.cg-sample-section h2{margin:0 0 5px;color:#0b2945;font-size:1.35rem}.cg-sample-section>.intro{margin:0 0 18px;color:#60788b;line-height:1.5}
.cg-sample-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.cg-sample-kpi{padding:16px;border:1px solid #dce6ee;border-radius:16px;background:#f8fbfd}.cg-sample-kpi b{display:block;font-size:1.55rem;color:#0b2945}.cg-sample-kpi span{display:block;color:#648096;font-size:.78rem;margin-top:4px;line-height:1.35}
.cg-sample-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cg-sample-card{border:1px solid #dce6ee;border-radius:18px;padding:18px;background:#fff}.cg-sample-card h3{margin:0 0 12px;color:#0b2945}.cg-sample-card p{color:#647c8e;line-height:1.55}
.cg-sample-table{width:100%;border-collapse:collapse;font-size:.9rem}.cg-sample-table th,.cg-sample-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e7edf2}.cg-sample-table th{color:#526b7e;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.cg-sample-table td b{color:#16324a}
.cg-sample-pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:950}.cg-sample-pill.ok{background:#e7f7ef;color:#176c45}.cg-sample-pill.review{background:#fff3d5;color:#865b00}.cg-sample-pill.info{background:#e8f4ff;color:#145a87}
.cg-sample-opportunity{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #e7edf2}.cg-sample-opportunity:last-child{border-bottom:0}.cg-sample-opportunity b{display:block;color:#17324a}.cg-sample-opportunity p{margin:4px 0 0;color:#667e90;line-height:1.5}
.cg-sample-footer{padding:22px 34px;background:#f4f8fb;border-top:1px solid #dfe8ef;color:#61788a;font-size:.82rem;line-height:1.55}
.cg-sample-disclaimer{margin-top:16px;padding:14px 16px;border-radius:14px;background:#fff7e6;border:1px solid #f0d08b;color:#6f520d;font-size:.82rem;line-height:1.5}

@media(max-width:960px){.cg-wi-feature-grid{grid-template-columns:1fr 1fr}.cg-wi-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-wi-flow{grid-template-columns:1fr 1fr}.cg-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-sample-two{grid-template-columns:1fr}.cg-sample-head-top{display:block}.cg-sample-period{text-align:left;margin-top:18px}}
@media(max-width:680px){.cg-wi-stat-grid,.cg-wi-feature-grid,.cg-wi-compare,.cg-wi-flow{grid-template-columns:1fr}.cg-wi-report-metrics{grid-template-columns:1fr 1fr}.cg-wi-sample-link{display:block}.cg-wi-sample-link .cg-btn{margin-top:14px}.cg-sample-wrap{width:min(100% - 18px,1180px);margin-top:14px}.cg-sample-head,.cg-sample-section,.cg-sample-footer{padding-left:18px;padding-right:18px}.cg-sample-grid{grid-template-columns:1fr 1fr}.cg-sample-actions{align-items:stretch}.cg-sample-actions .cg-actions{width:100%}}
@media(max-width:430px){.cg-wi-report-metrics,.cg-sample-grid{grid-template-columns:1fr}}
@media print{.cg-topbar,.cg-footer,.cg-public-footer,.cg-sample-actions{display:none!important}body{background:#fff!important}.cg-sample-wrap{width:100%;margin:0}.cg-sample-report{box-shadow:none;border-radius:0}.cg-sample-section{break-inside:avoid}.cg-sample-head{print-color-adjust:exact;-webkit-print-color-adjust:exact}}