/* Konzept B — full-screen, editorial FTTH hero inspired by an interactive
   point-cloud presentation. Only .hero-immersive is altered. */
.concept-switcher{background:#f5f7fa;color:#293c52;border-bottom:1px solid #d9e1ea}
.concept-switcher .concept-switcher-inner{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0}
.concept-switcher .concept-label{font-size:12px;color:#536274;font-weight:500}
.concept-switcher .concept-options{display:flex;gap:7px;align-items:center}
.concept-switcher .concept-options a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cad4e0;border-radius:4px;padding:6px 12px;text-decoration:none;font-size:12px;line-height:1.25;color:#1f3c5e;background:#fff;font-weight:500}
.concept-switcher .concept-options a[aria-current="page"]{background:#0b4f93;color:#fff;border-color:#0b4f93}
.concept-switcher .concept-options a:hover:not([aria-current="page"]){border-color:#0759a5;background:#ebf3fa}
body .hero.hero-immersive{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(90% 75% at 72% 34%,#10263a 0%,#0a1c2c 46%,#071522 100%);min-height:calc(100svh - 160px)}
body .hero.hero-immersive:before,body .hero.hero-immersive:after{display:none!important}
.hero-immersive .fiber-field{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.6s cubic-bezier(.2,.7,.2,1)}
.hero-immersive.is-ready .fiber-field{opacity:1}
.hero-immersive .fiber-field-shade{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(to top,#071522 0%,rgba(7,21,34,.55) 16%,rgba(7,21,34,0) 38%),linear-gradient(98deg,rgba(7,21,34,.88) 0%,rgba(7,21,34,.62) 34%,rgba(7,21,34,.12) 62%,rgba(7,21,34,0) 80%),linear-gradient(to bottom,rgba(7,21,34,.55) 0%,rgba(7,21,34,0) 22%)}
.hero-immersive h1,.hero-immersive .hero-desc{text-shadow:0 2px 36px rgba(7,21,34,.75)}
.hero-immersive .terrain-legend{position:absolute;z-index:1;right:max(24px,calc((100vw - 1192px)/2));top:44px;display:grid;gap:9px;padding:15px 18px 14px;border:1px solid rgba(144,180,212,.16);border-radius:6px;background:rgba(7,21,34,.46);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#b8c8d6;font-size:11.5px;line-height:1.2;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity 1s .9s,transform 1s .9s}
.hero-immersive.is-ready .terrain-legend{opacity:1;transform:none}
.hero-immersive .tl-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7f9ab1;margin-bottom:2px}
.hero-immersive .tl-item{display:flex;align-items:center;gap:10px}
.hero-immersive .tl-item i{display:inline-block;flex:none}
.hero-immersive .tl-route{width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(74,155,234,.35),#4a9bea 70%,#e6f2ff)}
.hero-immersive .tl-cabinet{width:9px;height:9px;margin:0 6px;border-radius:50%;border:1.5px solid #4a9bea;box-shadow:inset 0 0 0 2px rgba(7,21,34,1),inset 0 0 0 4px #4a9bea}
.hero-immersive .tl-home{width:5px;height:5px;margin:0 8px;border-radius:50%;background:#bcdcfa}
.hero-immersive .tl-caption{margin-top:4px;padding-top:9px;border-top:1px solid rgba(144,180,212,.14);font-size:10px;color:#7590a7}
body .hero.hero-immersive .hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:clamp(600px,calc(100svh - 160px),860px);padding:104px 0 93px;gap:0;pointer-events:none}
.hero-immersive .hero-content{max-width:930px;pointer-events:auto}
.hero-immersive .hero-origin{font-size:13px!important;letter-spacing:.02em!important;text-transform:none!important;color:#cad5df!important;margin:0 0 25px!important}
body .hero.hero-immersive h1{max-width:910px;font-size:clamp(48px,6vw,88px)!important;line-height:1.07!important;font-weight:600;letter-spacing:normal!important;color:#f4f7fb;margin:0 0 27px!important;text-wrap:balance}
.hero-immersive .hero-desc{max-width:650px!important;font-size:18px!important;color:#c2d0db!important;line-height:1.7!important}
.hero-immersive .hero-actions{display:flex;gap:12px;margin-top:33px!important}
.hero-immersive .hero-actions .btn{min-height:48px}
.hero-immersive .hero-note{position:absolute;right:0;bottom:49px;color:#9eb7c8;font-size:11px;letter-spacing:.02em;font-weight:500;text-align:right}
.hero-immersive .hero-note span{display:block}
@media(max-width:1050px){
 body .hero.hero-immersive h1{font-size:clamp(45px,6.5vw,75px)!important}
 .hero-immersive .fiber-field-shade{background:linear-gradient(90deg,rgba(4,13,27,.85),rgba(4,13,27,.26))}
}
@media(max-width:760px){
 .concept-switcher .concept-label{font-size:11px}
 body .hero.hero-immersive{min-height:660px}
 body .hero.hero-immersive .hero-inner{min-height:660px;justify-content:flex-end;padding:230px 0 64px}
 body .hero.hero-immersive h1{font-size:clamp(38px,7vw,56px)!important}
 .hero-immersive .fiber-field-shade{background:linear-gradient(to bottom,rgba(7,21,34,.35) 0%,rgba(7,21,34,0) 14%,rgba(7,21,34,0) 34%,rgba(7,21,34,.72) 58%,rgba(7,21,34,.9) 100%)}
 .hero-immersive .hero-note{right:0;bottom:30px}
}
@media(max-width:540px){
 .concept-switcher .concept-switcher-inner{min-height:50px;gap:9px}
 .concept-switcher .concept-options a{padding:7px 8px;font-size:11px}
 .concept-switcher .concept-label{font-size:10px}
 body .hero.hero-immersive{min-height:720px}
 body .hero.hero-immersive .hero-inner{min-height:720px;padding:250px 0 56px}
 body .hero.hero-immersive h1{font-size:clamp(35px,9vw,44px)!important;line-height:1.12!important}
 .hero-immersive .hero-desc{font-size:15px!important}
 .hero-immersive .hero-actions{flex-direction:column;align-items:stretch;width:100%}
 .hero-immersive .hero-actions .btn{width:100%}
 .hero-immersive .hero-note{font-size:9px}
}
@media(max-width:1050px){.hero-immersive .terrain-legend{top:28px}}
@media(max-width:760px){.hero-immersive .terrain-legend{display:none}}
.hero-immersive.is-static .terrain-legend{display:none}
@media(prefers-reduced-motion:reduce){.hero-immersive .fiber-field,.hero-immersive .terrain-legend{transition:none}}