:root{--navy:#123c61;--ink:#294b67;--blue:#0f7dc1;--sky:#eaf8ff;--accent-cyan:#35c7d4;--coral:#b548b3;--green:#55b76b;--paper:#fff;--muted:#637d91;--shadow:0 18px 45px #123c6122}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:600 16px/1.55 ui-rounded,"Arial Rounded MT Bold",Nunito,system-ui,sans-serif}a{color:inherit}.skip{position:fixed;left:12px;top:-60px;z-index:99;background:#fff;padding:10px}.skip:focus{top:12px}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;min-height:78px;padding:8px max(20px,4vw);background:#fffffff2;border-bottom:1px solid #d8edf8;backdrop-filter:blur(16px);box-shadow:0 7px 30px #123c6112}.brand img{display:block;width:92px;height:58px;object-fit:contain}header nav{display:flex;justify-content:center;gap:2px;flex:1}header nav a{padding:10px 12px;border-radius:999px;text-decoration:none;font-weight:900;font-size:.9rem}header nav a:hover,header nav a.active{background:#e8f6ff;color:#066da9}.theme,.menu{border:0;border-radius:999px;padding:10px 14px;background:#143a5d;color:#fff;font:900 .86rem inherit;cursor:pointer}.menu{display:none}.hero{position:relative;min-height:clamp(490px,66vw,760px);overflow:hidden;background:url("assets/home/hero.webp") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,#073f6852)}.hero-logo{position:absolute;z-index:2;left:clamp(24px,7vw,110px);top:22%;width:clamp(240px,29vw,440px);filter:drop-shadow(0 18px 18px #07345350)}.hero-arrow{position:absolute;z-index:3;bottom:24px;left:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--blue);text-decoration:none;font-size:1.5rem;box-shadow:var(--shadow)}.welcome{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;max-width:1180px;margin:auto;padding:80px 28px}.eyebrow{color:var(--coral);font-size:.78rem;font-weight:1000;letter-spacing:.14em}.welcome h1,.section-title h2,.featured h2,.youtube h2{margin:.3rem 0;color:var(--navy);font-size:clamp(2rem,5vw,4rem);line-height:1.06}.welcome h1 em{font-style:normal;color:var(--blue)}.welcome p,.featured p,.section-title p,.youtube p{color:var(--muted);font-size:1.05rem}.featured{display:grid;grid-template-columns:1.12fr .88fr;max-width:1180px;margin:0 auto 92px;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,#eefaff,#fff);border:3px solid #fff;box-shadow:0 15px 0 #bddcec,var(--shadow)}.featured-image{position:relative;min-height:390px}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-image span{position:absolute;left:22px;top:20px;padding:8px 12px;border-radius:999px;background:var(--accent-cyan);color:var(--navy);font-size:.74rem;font-weight:1000;letter-spacing:.08em}.featured-copy{align-self:center;padding:45px}.featured h2,.youtube h2{font-size:clamp(2rem,4vw,3.2rem)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.actions a,.youtube>a{padding:13px 18px;border-radius:14px;text-decoration:none;font-weight:1000}.primary,.youtube>a{background:linear-gradient(145deg,#ff4d45,#d92e2e);color:#fff;box-shadow:0 6px 0 #9d2525}.secondary{background:#fff;color:var(--blue);border:2px solid #b9dced}.journeys{padding:85px max(24px,5vw);background:radial-gradient(circle at 8% 10%,#bfeeff 0 7%,transparent 25%),linear-gradient(145deg,#e9f8ff,#35c7d4)}.section-title{text-align:center;max-width:760px;margin:0 auto 38px}.section-title h2{font-size:clamp(2rem,4vw,3.3rem)}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1240px;margin:auto}.journey{position:relative;min-height:400px;overflow:hidden;border:3px solid #fff;border-radius:28px;color:#fff;text-decoration:none;box-shadow:0 11px 0 #8db4c9,0 24px 38px #173d6530;transition:.18s}.journey:hover{transform:translateY(-6px)}.journey img{width:100%;height:100%;object-fit:cover;transition:.3s}.journey:hover img{transform:scale(1.04)}.journey:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#092e4de8)}.journey span{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.journey small,.journey b,.journey i{display:block}.journey small{font-size:.72rem;letter-spacing:.12em;color:#fff}.journey b{font-size:1.45rem}.journey i{margin-top:7px;font-style:normal;font-size:.88rem}.journey.coral{box-shadow:0 11px 0 #b548b3,0 24px 38px #173d6530}.journey.yellow{box-shadow:0 11px 0 #35c7d4,0 24px 38px #173d6530}.journey.green{box-shadow:0 11px 0 #55a665,0 24px 38px #173d6530}.youtube{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;max-width:1180px;margin:88px auto;padding:36px 40px;border-radius:30px;background:linear-gradient(145deg,#eaf8ff,#fff);border:3px solid #fff;box-shadow:0 12px 0 #75d3f7,var(--shadow)}.youtube-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:25px;background:#ef3934;color:#fff;font-size:2rem;box-shadow:inset 0 3px #fff7,0 8px 0 #ad2925}.youtube h2{font-size:2.1rem}.youtube p{margin:.3rem 0}.youtube>a{white-space:nowrap}footer{padding:50px max(24px,6vw) 24px;background:#102b42;color:#d7e8f3}.footer-top{display:flex;align-items:center;gap:22px}.footer-top img{width:110px}.footer-top p{max-width:390px}footer nav{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0;padding:23px 0;border-block:1px solid #ffffff1f}footer nav a{text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#9fbbcc;font-size:.78rem}.dark body{background:#071522;color:#e8f5ff}.dark header{background:#091b29ed;border-color:#234358}.dark header nav a{color:#e8f5ff}.dark .theme{background:#fff;color:#173d65}.dark .welcome h1,.dark .featured h2,.dark .section-title h2,.dark .youtube h2{color:#eef9ff}.dark .welcome p,.dark .featured p,.dark .section-title p,.dark .youtube p{color:#a8c2d2}.dark .featured,.dark .youtube{background:linear-gradient(145deg,#152f42,#0c202f);border-color:#31536a;box-shadow:0 12px 0 #030a10,0 25px 45px #0008}.dark .journeys{background:radial-gradient(circle at 8% 10%,#124260 0 7%,transparent 25%),linear-gradient(145deg,#071522,#191426)}@media(max-width:960px){header nav{position:absolute;display:none;top:78px;left:14px;right:14px;padding:12px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}header nav.open{display:grid;grid-template-columns:repeat(2,1fr)}.dark header nav{background:#102a3d}.menu{display:block;margin-left:auto}.journey-grid{grid-template-columns:repeat(2,1fr)}.featured{margin-inline:20px}.youtube{margin-inline:20px;grid-template-columns:auto 1fr}.youtube>a{grid-column:1/-1;text-align:center}}@media(max-width:650px){header{gap:9px;padding-inline:14px}.brand img{width:76px}.theme span{display:none}.hero{min-height:560px;background-position:61% center}.hero-logo{left:18px;top:28px;width:min(44vw,190px)}.welcome{grid-template-columns:1fr;gap:8px;padding:62px 20px}.featured{grid-template-columns:1fr;border-radius:25px}.featured-image{min-height:250px}.featured-copy{padding:28px 23px}.journeys{padding:65px 16px}.journey-grid{grid-template-columns:1fr}.journey{min-height:340px}.youtube{grid-template-columns:1fr;padding:28px 23px}.youtube-icon{width:64px;height:64px}.footer-top,.footer-bottom{display:block}footer nav{gap:13px 18px}.footer-bottom span{display:block;margin-top:10px}}
/* Shared Wilo dark canvas. */
.dark body{background:linear-gradient(180deg,#07131e,#0b1d2b)}
.dark header nav a:hover,.dark header nav a.active{background:#173a52;color:#fff}
/* Homepage footer follows the stable shared Wilo World footer layout. */
footer{width:100%;padding:38px 24px 20px;background:#102b42;color:#d7e8f3}
.home-footer-inner{width:min(1240px,100%);margin:0 auto;display:flex;align-items:center;gap:22px}
.home-footer-inner>img{flex:0 0 auto;width:105px;height:82px;object-fit:contain}
.home-footer-inner>p{flex:0 1 250px;margin:0;color:#d7e8f3}
.home-footer-inner nav{flex:1;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0;padding:0;border:0}
.home-footer-inner nav a{padding:6px 0;color:#fff;text-decoration:none;font-size:.88rem;font-weight:900;white-space:nowrap}
footer>small{display:block;width:min(1240px,100%);margin:20px auto 0;padding-top:18px;border-top:1px solid #ffffff1f;text-align:center;color:#9fbbcc;font-size:.78rem}
footer>small a{color:#d7e8f3}
@media(max-width:900px){.home-footer-inner{align-items:flex-start;flex-wrap:wrap}.home-footer-inner nav{flex-basis:100%;justify-content:flex-start}}
@media(max-width:650px){footer{padding:30px 20px 18px}.home-footer-inner{flex-direction:column;align-items:center;text-align:center}.home-footer-inner>p{flex-basis:auto}.home-footer-inner nav{justify-content:center}.home-footer-inner>img{width:96px;height:76px}}