.ccp-tool-wrap{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ccp-navy:#061426;--ccp-navy2:#0b1d33;--ccp-green:#2bea6b;--ccp-green2:#00c765;--ccp-line:#d9e4ee;--ccp-muted:#6f8297;--ccp-off:#f3f7fb;--ccp-yellow:#ffca3a;--ccp-red:#ff5c5c;
  color:#0b1628;
}
.ccp-tool-wrap *{box-sizing:border-box}
.ccp-tool-hero{background:linear-gradient(135deg,#061426,#0b2c3a);color:#fff;border-radius:26px;padding:28px;margin-bottom:20px;position:relative;overflow:hidden}
.ccp-tool-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(43,234,107,.22),transparent 70%);border-radius:50%}
.ccp-tool-hero h2{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:0 0 8px;color:#fff}
.ccp-tool-hero p{color:#b8c8d9;margin:0;max-width:720px}
.ccp-tool-grid{display:grid;grid-template-columns:360px 1fr;gap:18px}
.ccp-tool-grid.equal{grid-template-columns:1fr 1fr}
.ccp-tool-card{background:#fff;border:1px solid var(--ccp-line);border-radius:22px;padding:20px;box-shadow:0 18px 48px rgba(3,16,31,.1)}
.ccp-tool-card.dark{background:linear-gradient(145deg,#07182b,#0c243d);color:#fff;border-color:rgba(255,255,255,.12)}
.ccp-tool-card h3{margin:0 0 12px;font-size:22px;letter-spacing:-.035em}
.ccp-field{margin-bottom:13px}
.ccp-field label{display:block;font-size:13px;font-weight:850;margin-bottom:5px;color:inherit}
.ccp-field input,.ccp-field select{width:100%;border:1px solid #cbd8e4;border-radius:12px;padding:12px 13px;font:inherit;background:#fff;color:#0b1628}
.ccp-tool-card.dark .ccp-field input,.ccp-tool-card.dark .ccp-field select{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}
.ccp-action{display:inline-flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:14px;padding:13px 16px;font-weight:950;background:linear-gradient(135deg,var(--ccp-green),#18d75b);color:#061426;cursor:pointer}
.ccp-mini-btn{display:inline-flex;border:1px solid #d8e4ee;border-radius:999px;padding:7px 11px;background:#fff;font-weight:850;font-size:12px;cursor:pointer}
.ccp-mini-btn.active{background:#061426;color:#fff;border-color:#061426}
.ccp-verdict{border-radius:22px;padding:22px;background:linear-gradient(135deg,#fff4bf,#ffbd23);color:#221600;box-shadow:0 18px 40px rgba(255,189,35,.18)}
.ccp-verdict.good{background:linear-gradient(135deg,#dfffea,#2bea6b);color:#061426}
.ccp-verdict.bad{background:linear-gradient(135deg,#ffe1e1,#ff7575);color:#290707}
.ccp-verdict h3{font-size:30px;margin:0 0 6px}
.ccp-range{height:16px;background:linear-gradient(90deg,#2bea6b 0 33%,#ffca3a 33% 70%,#ff5c5c 70%);border-radius:999px;margin:18px 0;position:relative}
.ccp-range-marker{position:absolute;top:-8px;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.2)}
.ccp-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.ccp-list li{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;background:#f3f7fb}
.ccp-tool-card.dark .ccp-list li{background:rgba(255,255,255,.06)}
.ccp-check{color:#078b43;font-weight:950}.ccp-warn{color:#b66d00;font-weight:950}.ccp-x{color:#c73535;font-weight:950}
.ccp-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ccp-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ccp-product{background:#fff;border:1px solid #d9e4ee;border-radius:18px;padding:14px;box-shadow:0 12px 32px rgba(3,16,31,.08)}
.ccp-product-visual{height:120px;border-radius:14px;background:linear-gradient(135deg,#eaf1f8,#fff);display:grid;place-items:center;margin-bottom:12px;position:relative}
.ccp-product-visual:before{content:"";width:58px;height:98px;border-radius:15px;background:linear-gradient(145deg,#0b1422,#163550 62%,#2bea6b 63%,#071b12);border:4px solid #26384a}
.ccp-tag{display:inline-flex;background:#dfffea;color:#056932;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:950}
.ccp-price{font-size:24px;font-weight:950;letter-spacing:-.04em}
.ccp-save{color:#078b43;font-weight:900;font-size:13px}
.ccp-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #d9e4ee;border-radius:16px;overflow:hidden;background:#fff}
.ccp-table th{background:#061426;color:#fff;text-align:left;padding:12px;font-size:13px}
.ccp-table td{padding:12px;border-top:1px solid #e7eef5;font-size:14px}
.ccp-table tr:nth-child(even) td{background:#f7f9fc}
.ccp-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.ccp-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ccp-kpi{background:#f3f7fb;border:1px solid #d9e4ee;border-radius:16px;padding:14px}
.ccp-kpi strong{display:block;font-size:24px;color:#078b43}
.ccp-support-bar{height:10px;border-radius:999px;background:linear-gradient(90deg,#2bea6b,#ffca3a,#ff5c5c);position:relative;margin:12px 0}
.ccp-support-dot{position:absolute;top:-6px;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #061426}
@media(max-width:900px){.ccp-tool-grid,.ccp-tool-grid.equal,.ccp-result-grid,.ccp-product-grid,.ccp-kpi-row{grid-template-columns:1fr}.ccp-tool-hero h2{font-size:28px}}