.sector-showcase { border:1px solid #e3e8ee; border-radius:28px; padding:28px; background:#f6f8fb; }
.sector-intro { display:flex; align-items:center; gap:20px; padding:0 2px 24px; }
.sector-logo { background:#fff; border:1px solid #e1e8ed; border-radius:16px; padding:12px 16px; flex-shrink:0; }
.sector-logo img { width:88px; }
.sector-intro p { color:#4c5d6c; font-size:15px; margin:0; }
.sector-total { margin-left:auto; display:flex; align-items:baseline; gap:8px; font-size:32px; font-weight:800; color:#D0161D; white-space:nowrap; font-variant-numeric:tabular-nums; }
.sector-total span { font-size:11px; font-weight:700; letter-spacing:1.5px; color:#4c5d6c; text-transform:uppercase; }
.sector-clusters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:20px; }
.sector-cluster { --accent:#D0161D; display:flex; flex-direction:column; min-width:0; border:1px solid #e1e8ee; border-radius:22px; background:#fff; overflow:hidden; transition:box-shadow .2s ease, transform .2s ease; }
.sector-cluster:hover { box-shadow:0 14px 36px #18263512; transform:translateY(-2px); }
.sector-cluster-heading { position:relative; padding:24px 24px 22px; color:#fff; background:var(--accent); overflow:hidden; }
.sector-cluster-heading::after { content:''; position:absolute; width:170px; height:170px; border:1px solid #ffffff1f; border-radius:50%; top:-70px; right:-40px; }
.sector-group-number { display:block; font-size:12px; font-weight:700; letter-spacing:2px; color:#ffffffb0; }
.sector-cluster-heading h3 { position:relative; margin:10px 0 0; font-size:19px; font-weight:700; line-height:1.4; color:#fff; }
.sector-group-count { display:inline-block; margin-top:14px; padding:4px 10px; border-radius:999px; background:#ffffff26; font-size:12px; font-weight:600; color:#fff; }
.sector-entries { list-style:none; padding:8px 20px 16px; margin:0; display:flex; flex-direction:column; }
.sector-entry { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid #eef1f4; }
.sector-entry:last-child { border-bottom:0; }
.sector-entry-dot { flex:0 0 auto; width:8px; height:8px; margin-top:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent); }
.sector-entry-label { margin:0; font-size:15px; font-weight:600; line-height:1.5; color:#1d2733; }
.sector-entry-desc { margin:4px 0 0; font-size:13px; line-height:1.6; color:#55626f; }
@media(max-width:1000px) { .sector-showcase { padding:20px; } .sector-clusters { gap:14px; } .sector-cluster-heading { padding:20px; } .sector-cluster-heading h3 { font-size:17px; } .sector-entries { padding:6px 16px 12px; } }
@media(max-width:860px) { .sector-clusters { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) { .sector-showcase { padding:14px; border-radius:22px; } .sector-intro { flex-wrap:wrap; gap:12px; padding-bottom:18px; } .sector-intro p { order:3; width:100%; font-size:14px; } .sector-total { font-size:26px; } }
@media(prefers-reduced-motion:reduce) { .sector-cluster { transition:none; } .sector-cluster:hover { transform:none; } }