
.sector-page{--sector-accent:var(--emerald);background:var(--bg);overflow-x:hidden}
.sector-hero{position:relative;padding:105px 0 65px;background:radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--sector-accent) 18%,transparent),transparent 34%),linear-gradient(180deg,#07110e,#0a1813);border-bottom:1px solid var(--line)}
.sector-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--sector-accent),transparent)}
.sector-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.sector-kicker{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid color-mix(in srgb,var(--sector-accent) 40%,transparent);border-radius:999px;color:var(--sector-accent);font-size:12px}
.sector-hero h1{font-size:clamp(45px,6vw,80px);line-height:1.15;margin:18px 0}
.sector-hero h1 span{color:var(--sector-accent)}
.sector-hero p{font-size:18px;color:var(--muted);max-width:780px}
.sector-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sector-visual{position:relative;min-height:430px;display:grid;place-items:center}
.sector-core{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--sector-accent) 24%,#12271f),#08130f 70%);border:1px solid color-mix(in srgb,var(--sector-accent) 50%,transparent);box-shadow:0 0 100px color-mix(in srgb,var(--sector-accent) 18%,transparent);z-index:2}
.sector-core strong{font-size:26px}.sector-core small{display:block;color:var(--muted)}
.visual-ring{position:absolute;width:370px;height:370px;border:1px solid color-mix(in srgb,var(--sector-accent) 24%,transparent);border-radius:50%}
.visual-node{position:absolute;padding:8px 13px;background:#10231c;border:1px solid var(--line);border-radius:30px;font-size:11px;color:#dce7e1}.vn1{top:35px}.vn2{right:5px;top:150px}.vn3{right:45px;bottom:55px}.vn4{bottom:10px}.vn5{left:30px;bottom:65px}.vn6{left:5px;top:145px}
.sector-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-28px;position:relative;z-index:5}
.sector-metric{background:rgba(14,32,25,.94);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.sector-metric strong,.sector-metric span{display:block}.sector-metric strong{font-size:26px;color:var(--gold)}.sector-metric span{color:var(--muted);font-size:11px}
.sector-section{padding:90px 0}.sector-section.alt{background:#0a1712;border-block:1px solid var(--line)}
.sector-heading{max-width:760px;margin-bottom:36px}.sector-heading.center{text-align:center;margin-inline:auto}.sector-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.2;margin:0 0 12px}.sector-heading p{color:var(--muted)}
.sector-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.value-card{background:linear-gradient(145deg,#10231c,#0b1814);border:1px solid var(--line);border-radius:20px;padding:28px}.value-card.primary{border-color:color-mix(in srgb,var(--sector-accent) 35%,transparent)}.value-card h3{font-size:24px;margin-top:0}.value-card p{color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-box{min-height:155px;background:#0e2019;border:1px solid var(--line);border-radius:17px;padding:20px;position:relative;overflow:hidden}.service-box:before{content:attr(data-number);position:absolute;left:15px;top:10px;color:color-mix(in srgb,var(--sector-accent) 48%,transparent);font-size:26px;font-weight:900}.service-box h3{margin:45px 0 0;font-size:16px}
.journey-line{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.journey-step{position:relative;background:#0d1e18;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:135px}.journey-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--sector-accent) 16%,#0b1814);color:var(--sector-accent);margin-bottom:13px}.journey-step span{font-size:13px}.journey-step:after{content:"←";position:absolute;left:-12px;top:50%;color:var(--sector-accent)}.journey-step:nth-child(5n):after,.journey-step:last-child:after{display:none}
.example-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.example-card{background:linear-gradient(145deg,#132a21,#0b1814);border:1px solid color-mix(in srgb,var(--sector-accent) 30%,transparent);border-radius:22px;padding:30px}.example-card h3{font-size:26px;margin:0 0 15px}.example-card p{color:var(--muted)}
.example-flow{display:grid;gap:9px;margin-top:20px}.example-flow span{padding:12px 15px;border-radius:10px;background:#09140f;border-right:3px solid var(--sector-accent);font-size:12px}
.chart-card{background:#0c1d17;border:1px solid var(--line);border-radius:22px;padding:24px}.chart-card canvas{width:100%;height:300px;display:block}.chart-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:12px}
.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.integration-chip{padding:16px;border-radius:14px;background:#0e2019;border:1px solid var(--line);text-align:center;font-size:12px}.integration-chip:before{content:"●";color:var(--sector-accent);margin-left:8px}
.sector-cta{padding:85px 0;text-align:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--sector-accent) 12%,transparent),transparent 58%)}.sector-cta h2{font-size:clamp(30px,4vw,50px);margin:0 0 12px}.sector-cta p{color:var(--muted);max-width:720px;margin:0 auto 25px}
.reveal-sector{opacity:0;transform:translateY(18px);transition:.65s}.reveal-sector.visible{opacity:1;transform:none}
@media(max-width:1050px){.sector-hero-grid,.example-layout,.sector-value-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.journey-line{grid-template-columns:repeat(2,1fr)}.journey-step:after{display:none}.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sector-hero{padding-top:65px}.sector-visual{min-height:330px;transform:scale(.78);margin-inline:-50px}.sector-metrics{grid-template-columns:1fr 1fr;margin-top:10px}.service-grid,.journey-line,.integration-grid{grid-template-columns:1fr}.sector-section{padding:65px 0}.sector-hero h1{font-size:43px}.chart-card{padding:14px}}
