.solutions-hero{padding:100px 0 92px;background:radial-gradient(circle at 90% 20%,rgba(34,197,148,.20),transparent 35%),url('assets/residence-energie-premium.webp') right center/56% auto no-repeat;position:relative}
.solutions-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08111b 4%,#08111b 38%,rgba(8,17,27,.91) 59%,rgba(8,17,27,.26))}
.solutions-hero .container{position:relative;z-index:1}.solutions-hero h1{font-size:clamp(44px,5vw,72px);letter-spacing:-.055em;line-height:1.08;max-width:800px;margin:20px 0}.solutions-hero h1 span{color:#61e7bb}.solutions-hero p{font-size:18px;max-width:730px;line-height:1.75;color:#c3d4df}
.solution-jumplinks{display:flex;gap:15px;flex-wrap:wrap;margin-top:29px}.solution-jumplinks a{padding:12px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:99px;font-weight:700;font-size:13px}
.solution-section{padding:90px 0}.solution-heading{max-width:850px;margin-bottom:39px}.solution-heading h2{font-size:clamp(36px,4vw,54px);line-height:1.09;letter-spacing:-.045em;margin:19px 0}.solution-heading h2 em{color:#4ce5b2;font-style:normal}.solution-heading p{color:#aec5cf;font-size:17px;line-height:1.75}
.architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.architecture-card{padding:26px;border-radius:25px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}.architecture-premium{border-color:rgba(53,217,164,.43);background:linear-gradient(135deg,rgba(45,219,166,.10),rgba(255,255,255,.035))}
.architecture-head{min-height:100px}.architecture-head span{display:block;font-size:11px;letter-spacing:.15em;font-weight:800;color:#56e7b8}.architecture-head strong{display:block;font-size:23px;line-height:1.18;margin-top:8px}
.architecture-drawing{min-height:175px;display:flex;align-items:center;justify-content:space-around;gap:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:15px;margin:18px 0}
.device-graphic{width:100px;min-width:90px;height:100px;display:grid;place-items:center;background:#e6f6f0;border-radius:13px;padding:14px}.device-graphic img{max-height:100%;object-fit:contain}.connections{display:grid;gap:12px;color:#e0faf0;font-size:12px;font-weight:700}.connections div{padding:8px;background:rgba(54,226,163,.1);border-radius:8px}
.integrated-drawing .device-graphic{width:140px;height:120px}.architecture-card ul{padding-left:22px;display:grid;gap:12px;color:#d3e3e9;font-size:14px;line-height:1.6}.architecture-card li::marker{color:#49e9b3}
.arch-note{padding:13px;border-left:3px solid #75e1bc;background:rgba(255,255,255,.035);color:#c3d6db;font-size:13px;line-height:1.65}
.interactive-ecs{margin-top:25px;border-radius:24px;padding:26px;background:linear-gradient(130deg,#173b42,#113036);border:1px solid rgba(71,227,171,.27)}.interactive-ecs-head h3{font-size:26px;margin:0}.interactive-ecs-head p{color:#c0d7d8}
.toggle-options{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.toggle-choice{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:12px 16px;color:#fff;border-radius:999px;cursor:pointer;font-weight:700}.toggle-choice.active{background:#44dab0;color:#08251e}
.ecs-insight{padding:22px;border-radius:17px;background:rgba(0,0,0,.15)}.ecs-insight strong{display:block;font-size:20px}.ecs-insight p{line-height:1.8;color:#d4e8e4}
.dark-sect{background:rgba(255,255,255,.018);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.fluids-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fluid-card{border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:30px;background:linear-gradient(140deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.fluid-card.recommended{border-color:rgba(44,228,166,.38);background:linear-gradient(135deg,rgba(43,220,165,.14),rgba(255,255,255,.03))}.fluid-kicker{font-size:11px;letter-spacing:.15em;font-weight:800;color:#8cdaca}.fluid-card h3{font-size:49px;margin:8px 0 20px;letter-spacing:-.05em}.fluid-card h3 small{font-size:19px;font-weight:500;letter-spacing:normal;color:#b5c9d1}.fluid-value{display:flex;gap:17px;align-items:center;background:rgba(255,255,255,.05);padding:15px;border-radius:14px}.fluid-value strong{font-size:42px;color:#72e8b9}.fluid-value span{font-size:12px;color:#c0d7dd}.fluid-card p{line-height:1.75;color:#c1d2d9}
.rules-card{margin-top:24px;border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:29px;background:rgba(255,255,255,.045)}.rules-card h3{font-size:27px;margin-top:0}.rules-line{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.rules-line b{font-size:22px;color:#68e5b6}.rules-line p{margin:0;color:#cbdde4;line-height:1.7}.legal-reminder{background:rgba(255,206,105,.07);border:1px solid rgba(255,206,105,.22);padding:16px;border-radius:14px;color:#f7e4bf;font-size:14px;line-height:1.7}.source-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}.source-links a{font-size:13px;color:#74ebbd;font-weight:700}
.product-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.premium-tile{background:linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.14);border-radius:23px;padding:27px}.premium-tile>img{height:155px;margin:0 auto 20px;max-width:100%;object-fit:contain}.premium-tile>span{color:#6dedbd;letter-spacing:.12em;font-size:11px;font-weight:800}.premium-tile h3{font-size:25px;margin:10px 0}.premium-tile p{color:#b7cbd7;line-height:1.75;font-size:14px;min-height:125px}.premium-tile a{color:#73e8bd;font-weight:800;font-size:14px}
.last-call{background:linear-gradient(135deg,#075b49,#124558)}.last-call-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.last-call h2{font-size:35px;line-height:1.16;margin:12px 0}.last-call p{color:#c6e2dc;line-height:1.7}.last-call-grid>div:last-child{display:grid;gap:12px}
@media(max-width:1000px){.solutions-hero{background-position:right center;background-size:auto 100%}.architecture-grid,.fluids-grid,.last-call-grid{grid-template-columns:1fr}.product-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.solutions-hero{padding:58px 0;background:none}.solutions-hero::before{display:none}.solutions-hero h1{font-size:44px}.solution-section{padding:62px 0}.product-tiles{grid-template-columns:1fr}.architecture-drawing{flex-wrap:wrap}.rules-line{grid-template-columns:1fr;gap:3px}.solution-nav{display:flex!important;gap:8px;font-size:12px;flex-wrap:wrap}.solution-nav a{padding:8px}.source-links{flex-direction:column}}