/* Overview only: keeps the solution, case and detail routes unchanged. */
/* Selected hero direction: a restrained brand transition band before the application collage. */
body.solutions-cases[data-sc-page="overview"] .sc-hero{min-height:674px;padding:84px 0 82px}
body.solutions-cases[data-sc-page="overview"] .sc-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(92deg,rgba(0,10,27,.97) 0%,rgba(1,17,41,.86) 42%,rgba(2,21,44,.36) 100%),linear-gradient(0deg,rgba(0,10,25,.48),transparent 44%)}
body.solutions-cases[data-sc-page="overview"] .sc-hero:after{z-index:0;opacity:.58}
body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 auto 18px;color:#d9efff}
body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead:before{content:"";position:absolute;top:50%;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(80,194,255,.7) 23%,rgba(171,232,255,.84) 50%,rgba(80,194,255,.7) 77%,transparent);box-shadow:0 0 13px rgba(46,166,255,.34)}
body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead p{position:relative;z-index:1;margin:0;padding:0 22px;background:rgba(2,17,40,.76);color:#d5f0ff;font-size:clamp(10px,.83vw,13px);font-weight:800;letter-spacing:.28em;text-align:center;text-transform:uppercase}
body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead i{position:absolute;z-index:2;top:50%;width:6px;height:6px;border-radius:50%;background:#78dfff;box-shadow:0 0 0 4px rgba(73,181,255,.12),0 0 16px #59cfff;transform:translateY(-50%)}
body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead i:first-of-type{left:27%}body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead i:last-of-type{right:27%}
body.solutions-cases[data-sc-page="overview"] .sc-hero-grid{position:relative;z-index:1;min-height:496px;grid-template-columns:minmax(0,.87fr) minmax(500px,1.13fr);gap:48px;align-items:center}
body.solutions-cases[data-sc-page="overview"] .sc-hero-copy{position:relative;z-index:2;max-width:530px}body.solutions-cases[data-sc-page="overview"] .sc-hero-copy h1{max-width:530px;font-size:clamp(44px,4.15vw,62px);line-height:1.04}body.solutions-cases[data-sc-page="overview"] .sc-hero-copy>p:not(.sc-kicker){max-width:500px}
body.solutions-cases[data-sc-page="overview"] .sc-hero-visual{position:relative;z-index:3;min-width:0;min-height:470px}.sc-v5-hero-network{position:relative;width:100%;height:470px;overflow:hidden;border:1px solid rgba(117,203,255,.26);border-radius:26px;background:linear-gradient(135deg,rgba(1,19,45,.35),rgba(1,18,41,.06));box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 60px rgba(0,8,24,.24)}.sc-v5-hero-network:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(110,203,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(110,203,255,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.sc-v5-hero-card{position:absolute;display:block;overflow:hidden;border:1px solid rgba(132,219,255,.56);border-radius:17px;background:#062450;box-shadow:0 17px 30px rgba(0,7,22,.35);color:#fff;text-decoration:none;transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .42s,box-shadow .42s}.sc-v5-hero-card img{display:block;width:100%;height:100%;object-fit:cover;opacity:.84;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s}.sc-v5-hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,11,29,.88),rgba(2,22,52,.05) 78%)}.sc-v5-hero-card>span{position:absolute;z-index:1;right:14px;bottom:14px;left:14px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.5)}.sc-v5-hero-card .sc-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px}.sc-v5-hero-card .sc-icon svg{width:18px;height:18px}.sc-v5-hero-card:hover{z-index:3;transform:translateY(-7px) scale(1.015);border-color:#7cd8ff;box-shadow:0 28px 45px rgba(0,8,24,.42)}.sc-v5-hero-card:hover img{transform:scale(1.045);opacity:1}.sc-v5-hero-card-1{top:105px;left:0;width:42%;height:220px}.sc-v5-hero-card-2{top:22px;right:0;width:50%;height:190px}.sc-v5-hero-card-3{bottom:20px;left:19%;width:42%;height:190px}.sc-v5-hero-card-4{right:3%;bottom:42px;width:40%;height:202px}
.sc-v5-energy-line{position:absolute;z-index:0;height:2px;transform-origin:left;background:linear-gradient(90deg,transparent,#22b9ff 35%,#95e4ff 55%,transparent);filter:drop-shadow(0 0 6px #198dff);opacity:.85}.sc-v5-energy-line:after{content:"";position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#b6edff;box-shadow:0 0 13px #62d2ff}.sc-v5-energy-line-one{top:52%;left:30%;width:52%;transform:rotate(-14deg)}.sc-v5-energy-line-one:after{right:18%}.sc-v5-energy-line-two{bottom:31%;left:19%;width:63%;transform:rotate(7deg)}.sc-v5-energy-line-two:after{left:48%}.sc-v5-energy-line-three{top:41%;left:38%;width:45%;transform:rotate(33deg)}.sc-v5-energy-line-three:after{right:7%}
body.solutions-cases[data-sc-page="overview"]{background:#f5f8fc}
body.solutions-cases[data-sc-page="overview"] .sc-hero{min-height:680px;padding:142px 0 90px;background:linear-gradient(90deg,#020817 0%,rgba(2,10,22,.92) 37%,rgba(2,10,22,.35) 100%),url('/public/images/solutions/overview/hero.webp') center/cover no-repeat}
body.solutions-cases[data-sc-page="overview"] .sc-hero-grid{grid-template-columns:42% 58%;align-items:center;gap:18px}
body.solutions-cases[data-sc-page="overview"] .sc-hero-copy{max-width:565px}
body.solutions-cases[data-sc-page="overview"] .sc-hero-copy h1{font-size:clamp(42px,4.5vw,66px);letter-spacing:-.055em;line-height:1.08;max-width:550px}
body.solutions-cases[data-sc-page="overview"] .sc-hero-copy>p:not(.sc-kicker){max-width:490px;font-size:17px;line-height:1.8}
.sc-overview-hero-visual{width:100%;height:440px;position:relative;isolation:isolate;margin:4px 0 0 12px;border-radius:26px;background:radial-gradient(circle at 52% 50%,rgba(19,133,255,.44),transparent 40%);overflow:hidden}
.sc-overview-hero-scene{position:absolute;overflow:hidden;border:1px solid rgba(108,199,255,.55);border-radius:18px;background-position:center;background-size:cover;box-shadow:0 16px 38px rgba(0,0,0,.35);z-index:2}
.sc-overview-hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,10,29,.05),rgba(0,10,29,.65))}
.sc-overview-hero-scene span{position:absolute;z-index:1;left:14px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(1,20,49,.72);border:1px solid rgba(111,209,255,.55);color:#e8f8ff;font:700 11px/1.1 Arial,sans-serif;letter-spacing:.06em}
.sc-overview-hero-home{left:0;top:80px;width:42%;height:210px}.sc-overview-hero-commercial{right:1%;top:18px;width:50%;height:190px}.sc-overview-hero-telecom{left:24%;bottom:5px;width:35%;height:175px}.sc-overview-hero-data{right:0;bottom:30px;width:38%;height:188px}
.sc-overview-energy{position:absolute;z-index:3;width:38%;height:22%;border-top:3px solid #24a8ff;border-radius:100%;filter:drop-shadow(0 0 7px #20a7ff);opacity:.9}.sc-overview-energy-one{left:27%;top:39%;transform:rotate(-23deg)}.sc-overview-energy-two{left:45%;top:42%;transform:rotate(32deg)}.sc-overview-energy-three{left:20%;top:62%;width:52%;border-color:#58dcff;transform:rotate(-4deg)}
.sc-overview-tabs{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:5;margin-top:-43px;border-radius:14px;overflow:hidden;box-shadow:0 18px 42px rgba(0,24,62,.22)}
.sc-overview-tabs a{min-height:100px;display:flex;align-items:center;gap:16px;padding:22px 32px;background:#12325f;color:white;text-decoration:none;transition:.3s ease}.sc-overview-tabs a:first-child{background:linear-gradient(115deg,#0874ff,#1554bd)}.sc-overview-tabs a:hover{filter:brightness(1.13);transform:translateY(-2px)}.sc-overview-tabs a>i{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:13px}.sc-overview-tabs svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65}.sc-overview-tabs span{display:grid;gap:3px;font-size:20px;font-weight:700}.sc-overview-tabs small{font-size:10px;letter-spacing:.14em;opacity:.8}.sc-overview-tabs>a>svg{margin-left:auto}
.sc-overview-solutions{padding:88px 0;background:#f7f9fd}.sc-overview-heading{position:relative;max-width:810px;margin-bottom:30px}.sc-overview-heading h2{margin:.25rem 0 .7rem;color:#062a5b;font-size:clamp(31px,3.2vw,47px);letter-spacing:-.045em}.sc-overview-heading p:not(.sc-kicker){margin:0;color:#527096;line-height:1.75}.sc-overview-heading>a{position:absolute;right:0;bottom:0;display:flex;gap:7px;align-items:center;color:#0675ff;text-decoration:none;font-weight:700}.sc-overview-heading>a svg{width:18px;stroke:currentColor;fill:none}
.sc-overview-solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sc-overview-solution-card{height:310px;position:relative;overflow:hidden;border-radius:15px;color:#fff;text-decoration:none;background:#0d2b54;box-shadow:0 11px 28px rgba(3,38,83,.13)}.sc-overview-solution-card>img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.sc-overview-solution-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,17,44,.95) 0%,rgba(0,18,48,.2) 65%)}.sc-overview-solution-card>div{position:absolute;z-index:1;left:29px;right:28px;bottom:25px}.sc-overview-solution-card i{display:block;width:38px;height:38px;margin-bottom:8px;border-radius:50%;padding:9px;box-sizing:border-box;background:rgba(0,95,210,.82);border:1px solid rgba(141,222,255,.65)}.sc-overview-solution-card i svg{width:100%;height:100%;stroke:#dff6ff;fill:none;stroke-width:1.65}.sc-overview-solution-card h3{font-size:26px;margin:0 0 5px}.sc-overview-solution-card p{max-width:510px;margin:0 0 10px;font-size:14px;line-height:1.45;color:#dbeaf7}.sc-overview-solution-card b{display:inline-flex;align-items:center;gap:6px;color:#64c9ff;font-size:13px}.sc-overview-solution-card b svg{width:16px;stroke:currentColor;fill:none}.sc-overview-solution-card:hover img{transform:scale(1.035)}.sc-overview-solution-card:hover>div{transform:translateY(-4px)}
.sc-overview-process{padding:58px 0;background:linear-gradient(110deg,#02132f,#082c5a);color:#fff}.sc-overview-process .sc-shell{display:grid;grid-template-columns:27% 1fr;gap:36px;align-items:center}.sc-overview-process h2{margin:4px 0;font-size:32px;letter-spacing:-.04em}.sc-overview-process ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;gap:0}.sc-overview-process li{position:relative;padding:0 20px;min-height:125px;border-left:1px solid rgba(116,199,255,.25)}.sc-overview-process li:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:linear-gradient(90deg,#00a7ff,transparent)}.sc-overview-process li>span{color:#c9e8ff;font-size:21px;font-weight:700}.sc-overview-process li>i{display:inline-grid;place-items:center;width:34px;height:34px;margin:0 7px;border-radius:50%;background:#063d7c}.sc-overview-process li svg{width:20px;stroke:#66d9ff;fill:none}.sc-overview-process li b{display:block;margin-top:8px;font-size:15px}.sc-overview-process li p{font-size:12px;color:#bdd8ef;line-height:1.55;margin:6px 0}
.sc-overview-case-showcase{padding:83px 0;background:#f5f8fc}.sc-overview-case-featured{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sc-overview-case-card{position:relative;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:28px;overflow:hidden;border-radius:14px;color:#fff;text-decoration:none;background-position:center;background-size:cover}.sc-overview-case-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,19,51,.83),rgba(0,27,67,.14))}.sc-overview-case-card>*{position:relative;z-index:1}.sc-overview-case-card span{color:#7cd8ff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.sc-overview-case-card h3{font-size:27px;margin:0;max-width:390px}.sc-overview-case-card b{font-size:14px;color:#dff6ff;display:inline-flex;gap:8px}.sc-overview-case-card svg{width:17px;stroke:currentColor;fill:none}.sc-overview-case-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.sc-overview-case-strip a{height:130px;position:relative;display:block;border-radius:10px;overflow:hidden;background:#14345c}.sc-overview-case-strip img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.sc-overview-case-strip:has(a:hover) a:hover img{transform:scale(1.045)}.sc-overview-case-strip span{position:absolute;left:10px;bottom:9px;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 4px #000}.sc-overview-case-strip a:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,19,51,.82));pointer-events:none}
.sc-overview-cta{padding:66px 0;background:linear-gradient(90deg,rgba(0,12,34,.96),rgba(0,29,74,.77)),url('/public/images/scenarios-generated/utility-renewable-grid.webp') center/cover;color:white}.sc-overview-cta .sc-shell{position:relative;padding-right:255px}.sc-overview-cta h2{margin:6px 0;font-size:clamp(30px,3vw,45px);letter-spacing:-.04em}.sc-overview-cta p:not(.sc-kicker){color:#d6e8f9;margin:0;max-width:670px}.sc-overview-cta .sc-button{position:absolute;right:0;top:50%;transform:translateY(-50%)}
@media (max-width:960px){body.solutions-cases[data-sc-page="overview"] .sc-hero{min-height:0;padding:126px 0 80px}body.solutions-cases[data-sc-page="overview"] .sc-hero-grid{grid-template-columns:1fr}.sc-overview-hero-visual{margin:4px 0 0}.sc-overview-process .sc-shell{grid-template-columns:1fr}.sc-overview-process ol{grid-template-columns:repeat(2,1fr);gap:22px}.sc-overview-process li{border-left:0;padding:0}.sc-overview-case-strip{grid-template-columns:repeat(2,1fr)}.sc-overview-case-strip a{height:160px}}
@media (max-width:680px){body.solutions-cases[data-sc-page="overview"] .sc-hero{padding:112px 0 70px}body.solutions-cases[data-sc-page="overview"] .sc-hero-copy h1{font-size:42px}.sc-overview-hero-visual{height:320px}.sc-overview-hero-home{top:55px;width:48%;height:150px}.sc-overview-hero-commercial{top:6px;width:51%;height:145px}.sc-overview-hero-telecom{bottom:7px;left:9%;width:43%;height:135px}.sc-overview-hero-data{bottom:29px;width:45%;height:140px}.sc-overview-tabs{grid-template-columns:1fr;margin-top:-25px}.sc-overview-tabs a{min-height:72px;padding:15px 18px}.sc-overview-tabs span{font-size:16px}.sc-overview-tabs a>i{width:35px;height:35px}.sc-overview-solutions,.sc-overview-case-showcase{padding:58px 0}.sc-overview-heading>a{position:static;margin-top:16px}.sc-overview-solution-grid,.sc-overview-case-featured{grid-template-columns:1fr}.sc-overview-solution-card{height:260px}.sc-overview-solution-card h3{font-size:23px}.sc-overview-process{padding:49px 0}.sc-overview-process ol{grid-template-columns:1fr}.sc-overview-process li{min-height:104px;border-bottom:1px solid rgba(116,199,255,.2);padding-bottom:14px}.sc-overview-case-card{min-height:225px}.sc-overview-case-card h3{font-size:24px}.sc-overview-case-strip{grid-template-columns:1fr 1fr}.sc-overview-case-strip a{height:118px}.sc-overview-cta .sc-shell{padding-right:0}.sc-overview-cta .sc-button{position:static;margin-top:22px;transform:none}}
@media (prefers-reduced-motion:reduce){.sc-overview-solution-card>img,.sc-overview-solution-card>div,.sc-overview-tabs a,.sc-overview-case-strip img{transition:none!important}}

/* Selected Hero direction: compact branded transition + focused scenario collage. */
body.solutions-cases[data-sc-page="overview"] .sc-hero{min-height:674px;padding:84px 0 82px;background:linear-gradient(90deg,rgba(0,9,25,.97) 0%,rgba(0,25,61,.88) 51%,rgba(1,39,86,.58) 100%),url('/public/images/scenarios-generated/utility-renewable-grid.webp') center/cover no-repeat}
body.solutions-cases[data-sc-page="overview"] .sc-hero-grid{min-height:496px;grid-template-columns:minmax(0,.87fr) minmax(500px,1.13fr);gap:48px;align-items:center}
body.solutions-cases[data-sc-page="overview"] .sc-hero-copy{max-width:530px}
body.solutions-cases[data-sc-page="overview"] .sc-hero-copy h1{max-width:530px;font-size:clamp(44px,4.15vw,62px);line-height:1.04}
body.solutions-cases[data-sc-page="overview"] .sc-hero-copy>p:not(.sc-kicker){max-width:500px}
@media (max-width:960px){body.solutions-cases[data-sc-page="overview"] .sc-hero{min-height:auto;padding:76px 0 68px}body.solutions-cases[data-sc-page="overview"] .sc-hero-grid{min-height:auto;grid-template-columns:1fr;gap:34px}body.solutions-cases[data-sc-page="overview"] .sc-hero-copy{max-width:650px}.sc-v5-hero-network{height:420px}}
@media (max-width:680px){body.solutions-cases[data-sc-page="overview"] .sc-hero{padding:68px 0 56px}body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead{min-height:34px;margin-bottom:14px}body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead p{padding:0 12px;font-size:9px;letter-spacing:.16em}body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead i:first-of-type{left:4%}body.solutions-cases[data-sc-page="overview"] .sc-hero-masthead i:last-of-type{right:4%}body.solutions-cases[data-sc-page="overview"] .sc-hero-copy h1{font-size:40px}.sc-v5-hero-network{height:344px}.sc-v5-hero-card>span{right:10px;bottom:10px;left:10px;font-size:12px}.sc-v5-hero-card .sc-icon{width:30px;height:30px;flex-basis:30px}.sc-v5-hero-card-1{top:77px;width:49%;height:153px}.sc-v5-hero-card-2{top:12px;width:53%;height:137px}.sc-v5-hero-card-3{bottom:10px;left:9%;width:47%;height:140px}.sc-v5-hero-card-4{right:2%;bottom:25px;width:45%;height:148px}}
