:root { --sector-ink:#0a2940; --sector-blue:#0b3d5e; --sector-cyan:#109fd8; --sector-pale:#eef7fb; --sector-line:#d7e7ef; --sector-muted:#567080; }
.sectors-page { color:var(--sector-ink); background:#f7fafc; }
.sectors-hero { padding:96px 0 76px; color:#fff; background:linear-gradient(120deg,#071b2c,#0b3d5e 65%,#087fab); }
.sectors-hero h1 { max-width:780px; margin:16px 0 20px; color:#fff; font-size:clamp(38px,5vw,64px); line-height:1.05; letter-spacing:-2px; font-weight:800; }
.sectors-hero h1 em { color:#65cff1; font-style:normal; }
.sectors-hero p { max-width:680px; color:#c8dbe5; font-size:17px; line-height:1.75; }
.sectors-eyebrow { color:#bcecff; font-size:12px; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.sectors-eyebrow span { display:inline-block; width:38px; height:2px; margin-right:10px; vertical-align:middle; background:#65cff1; }
.sectors-grid-section { padding:72px 0 92px; }
.sectors-grid-section h2 { margin:8px 0 12px; font-size:32px; font-weight:800; }
.sectors-lead { max-width:650px; color:var(--sector-muted); line-height:1.75; }
.sector-index { margin-bottom:28px; color:var(--sector-cyan); font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.sector-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:40px; }
.sector-card { display:flex; min-height:210px; padding:25px 22px; flex-direction:column; border:1px solid var(--sector-line); background:#fff; box-shadow:0 12px 30px rgba(10,41,64,.05); transition:transform .2s ease,box-shadow .2s ease; }
.sector-card:hover { text-decoration:none; transform:translateY(-5px); box-shadow:0 18px 38px rgba(10,41,64,.12); }
.sector-card > i { display:flex; width:46px; height:46px; align-items:center; justify-content:center; margin-bottom:25px; color:#087fab; border-radius:50%; background:var(--sector-pale); font-size:20px; }
.sector-card h3 { margin:0 0 9px; color:var(--sector-ink); font-size:19px; font-weight:800; }
.sector-card p { margin:0; color:var(--sector-muted); font-size:13px; line-height:1.6; }
.sector-card b { margin-top:auto; padding-top:18px; color:#087fab; font-size:11px; letter-spacing:.5px; }
.sector-card b i { margin-left:6px; font-size:10px; }
.sector-detail-hero { padding:82px 0 70px; color:#fff; background:linear-gradient(120deg,#071b2c,#0b3d5e); }
.sector-detail-hero h1 { max-width:750px; margin:14px 0 18px; color:#fff; font-size:clamp(37px,5vw,60px); line-height:1.06; font-weight:800; letter-spacing:-2px; }
.sector-detail-hero h1 em { color:#65cff1; font-style:normal; }
.sector-detail-intro { max-width:680px; color:#c8dbe5; font-size:17px; line-height:1.75; }
.sector-detail-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.sector-btn { display:inline-flex; padding:14px 20px; align-items:center; gap:10px; border:1px solid #65cff1; color:#0a2940; background:#65cff1; font-size:12px; font-weight:800; }
.sector-btn:hover { color:#0a2940; text-decoration:none; background:#a2e9fb; }
.sector-btn.ghost { color:#fff; background:transparent; border-color:rgba(255,255,255,.35); }
.sector-detail-section { padding:76px 0 90px; }
.sector-detail-section h2 { margin:8px 0 18px; font-size:34px; font-weight:800; }
.sector-detail-summary { color:var(--sector-muted); font-size:16px; line-height:1.8; }
.sector-focus { padding:25px; color:#fff; background:#087fab; box-shadow:0 16px 34px rgba(8,127,171,.18); }
.sector-focus small { display:block; margin-bottom:10px; color:#bcecff; font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }
.sector-focus strong { font-size:21px; line-height:1.3; }
.sector-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:55px; }
.sector-panel { padding:28px; border:1px solid var(--sector-line); background:#fff; }
.sector-panel h3 { margin:0 0 22px; font-size:19px; font-weight:800; }
.sector-panel ul { margin:0; padding:0; list-style:none; }
.sector-panel li { position:relative; margin-bottom:15px; padding-left:25px; color:var(--sector-muted); line-height:1.55; }
.sector-panel li:before { position:absolute; top:4px; left:0; color:var(--sector-cyan); content:'\f00c'; font-family:FontAwesome; }
@media (max-width:991px) { .sector-cards { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px) { .sectors-hero,.sector-detail-hero { padding:62px 0 54px; } .sectors-hero h1,.sector-detail-hero h1 { letter-spacing:-1px; } .sector-cards,.sector-columns { grid-template-columns:1fr; } .sectors-grid-section,.sector-detail-section { padding:52px 0 64px; } }