/* Homepage entry points: a dark, rain-polished product comparison. */
.home-digital-entry{padding:clamp(4rem,8vw,7rem) 0;background:#07090b;border-block:none}
.home-digital-kicker,.home-entry-products-kicker{margin:0 0 .7rem;color:var(--c-green-light);font:700 .7rem var(--font-mono);letter-spacing:.2em;text-transform:uppercase}
.home-digital-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.62fr);gap:clamp(2rem,7vw,7rem);align-items:end}.home-digital-header h2{max-width:15ch;margin:0;color:#fff;font-size:clamp(2.4rem,5vw,5rem);line-height:.98;letter-spacing:-.06em}.home-digital-header p{max-width:38ch;margin:0;color:var(--c-text-muted);line-height:1.65}.home-digital-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(3rem,6vw,5rem);border-block:1px solid var(--c-border)}.home-digital-list span{padding:1rem .8rem;color:var(--c-text-soft);font-size:.83rem;border-inline-start:1px solid var(--c-border)}.home-digital-list span:first-child{border-inline-start:0}.home-digital-link,.home-entry-product a{display:inline-flex;gap:.7rem;margin-top:1.5rem;color:#fff;font-weight:600;text-decoration:none}.home-digital-link span,.home-entry-product a span{color:var(--c-green-light)}

.home-entry-wrap{width:min(100% - (var(--page-gutter)*2),1100px);margin:auto}.home-why-entry{padding:clamp(4rem,8vw,7rem) 0;background:#050607;border-top:none;border-bottom:none}.home-why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:clamp(2rem,8vw,7rem);align-items:center}.home-why-grid>div>p,.home-emergency-entry p{color:var(--c-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.home-why-grid h2,.home-emergency-entry h2{max-width:18ch;margin:.6rem 0 1.4rem;color:#fff;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.05em}.home-entry-signals{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.home-entry-signals span{padding:.45rem .6rem;border:1px solid var(--c-border);color:var(--c-text-muted);font-size:.72rem}.home-why-grid a,.home-emergency-entry a{color:#fff;font-weight:600}.home-health-story{position:relative;display:grid;gap:.7rem;min-height:280px;padding:1.5rem;border:1px solid var(--c-border);background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px}.home-health-story span,.home-health-story b,.home-health-story i,.home-health-story em{width:max-content;padding:.45rem .55rem;border:1px solid var(--c-border);font-size:.74rem;font-style:normal}.home-health-story b{border-color:rgba(201,42,53,.5);color:#e53a45}.home-health-story i{color:var(--c-text-muted)}.home-health-story em{border-color:rgba(32,173,104,.45);color:var(--c-green-light)}.home-health-story small{position:absolute;bottom:1.25rem;left:1.5rem;right:1rem;color:var(--c-text-dim);font-size:.63rem;letter-spacing:.06em}.home-emergency-entry{padding:2.3rem 0;border-top:none;border-bottom:none;background:#08090b}.home-emergency-entry .home-entry-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr) auto;gap:2rem;align-items:center}.home-emergency-entry h2{font-size:clamp(1.5rem,2.7vw,2.2rem);margin-bottom:0}.home-emergency-entry>div>p{font-size:.96rem;line-height:1.6;text-transform:none;letter-spacing:0;font-weight:400}.home-emergency-entry>div>div{display:grid;gap:.7rem}.home-emergency-line{display:block;width:48px;height:2px;background:#e53a45;margin-top:1rem}@media(max-width:760px){.home-digital-header{grid-template-columns:1fr;gap:1rem}.home-digital-list{grid-template-columns:1fr 1fr}.home-digital-list span:nth-child(3){border-inline-start:0;border-top:1px solid var(--c-border)}.home-digital-list span:nth-child(4){border-top:1px solid var(--c-border)}.home-why-grid,.home-emergency-entry .home-entry-wrap{grid-template-columns:1fr}.home-emergency-entry .home-entry-wrap{gap:1.2rem}.home-health-story{min-height:220px}}

.home-entry-products{position:relative;isolation:isolate;overflow:hidden;background:#030405;padding-block:clamp(5rem,10vw,9rem);border-block:none;--storm-flash:0;--storm-wetness:0;transition:background-color 70ms ease-out}
.home-entry-products::before{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 76% 0%,rgba(164,182,191,.09),transparent 38%),radial-gradient(ellipse at 12% 100%,rgba(96,115,125,.05),transparent 42%),linear-gradient(180deg,#090b0e 0%,#030405 61%,#060709 100%);content:""}
.home-entry-products::after{position:absolute;inset:auto 0 0 0;z-index:0;height:24%;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(215,232,245,calc(.10 + var(--storm-flash,0)*.42)),transparent 70%);opacity:calc(.38 + var(--storm-flash,0)*.55);filter:blur(calc(20px - var(--storm-flash,0)*8px));transition:opacity 70ms ease-out,filter 70ms ease-out;content:""}
.home-entry-comparison__fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;width:100%;height:100%}
.home-entry-atmosphere{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:.98}
.home-storm-lottie{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;pointer-events:none;mix-blend-mode:screen;opacity:1;aspect-ratio:auto!important}
.home-storm-lottie>svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
.home-entry-foreground{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:2}
.home-entry-products .home-entry-wrap{position:relative;z-index:1}
.home-entry-products-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);column-gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.home-entry-products-kicker{grid-column:1/-1;margin-bottom:.8rem;color:var(--c-green-light);font:700 .7rem var(--font-mono);letter-spacing:.2em;text-transform:uppercase}
.home-entry-products-intro h2{max-width:14ch;margin:0;color:var(--text-primary);font-size:clamp(2.6rem,5vw,5.4rem);line-height:.95;letter-spacing:-.065em}
.home-entry-products-intro>p:last-child,.home-entry-products-lead{max-width:44ch;margin:0 0 .3rem;color:var(--text-body);font-size:1.02rem;line-height:1.65}
.home-entry-products-intro strong{color:#fff;font-weight:600}
.home-entry-products-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:clamp(8px,1.5vw,18px)}
.home-entry-product{position:relative;display:flex;flex-direction:column;min-height:590px;overflow:hidden;border:1px solid rgba(224,234,237,calc(.18 + var(--storm-flash,0)*.65 + var(--storm-wetness,0)*.08));background:#080a0d;box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,calc(.035 + var(--storm-flash,0)*.32 + var(--storm-wetness,0)*.02)) inset,0 1px 0 rgba(255,255,255,calc(.08 + var(--storm-flash,0)*.82 + var(--storm-wetness,0)*.14)) inset;transition:border-color 90ms ease-out,box-shadow 90ms ease-out,transform 240ms ease}
.home-entry-product--outside{min-height:520px}
.home-entry-product:hover{border-color:rgba(231,241,244,.38);transform:translateY(-3px);box-shadow:0 34px 100px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.08) inset,0 1px 0 rgba(255,255,255,.14) inset}
.home-product-visual{position:absolute;inset:0;overflow:hidden;background-position:center;background-size:cover;filter:brightness(calc(1 + var(--storm-flash,0)*.95)) contrast(calc(1 + var(--storm-flash,0)*.18));transition:filter 60ms ease-out}
.home-entry-product--inside .home-product-visual{background:linear-gradient(90deg,rgba(3,5,6,.13),rgba(3,5,6,.8)),url("../../img/it-check-card-bg.fe7b7ea1dc5b.webp") center/cover}
.home-entry-product--outside .home-product-visual{background:radial-gradient(circle at 74% 20%,rgba(201,42,53,.14),transparent 25%),linear-gradient(135deg,rgba(9,10,12,.43),rgba(19,11,13,.7) 55%,rgba(5,5,6,.84)),url("../../img/externe-card-bg.c5c3efdee2c4.webp") center/cover}
.home-product-visual::before{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(109deg,transparent 20%,rgba(223,237,239,.028) 38%,transparent 49%),linear-gradient(180deg,rgba(220,235,237,.035),transparent 29%,rgba(3,5,6,.82) 83%);content:""}
.home-product-visual::after{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(3,4,5,.02),rgba(3,4,5,.76) 78%),radial-gradient(ellipse at 50% 7%,rgba(235,244,246,.035),transparent 41%);content:""}
.home-entry-product--outside .home-product-visual::after{background:linear-gradient(180deg,rgba(5,4,5,.04),rgba(4,4,5,.8) 77%),radial-gradient(ellipse at 72% 14%,rgba(238,223,225,.045),transparent 37%)}
.home-entry-card-weather{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.95}
.home-product-content{position:relative;z-index:5;align-self:flex-end;width:100%;padding:clamp(1.5rem,4vw,3.2rem)}
.home-product-mark{margin:0 0 .8rem;color:var(--c-green-light);font:700 .68rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase}
.home-entry-product--outside .home-product-mark{color:#f07880}
.home-entry-product h3{max-width:13ch;margin:0;color:#fff;font-size:clamp(2rem,4.1vw,4.4rem);line-height:.98;letter-spacing:-.06em}
.home-entry-product--outside h3{font-size:clamp(1.9rem,3vw,3.1rem)}
.home-product-description{max-width:48ch;margin:1.25rem 0 0;color:var(--text-body);line-height:1.6}
.home-product-facts{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.7rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.16);color:var(--text-secondary);font-size:.76rem;line-height:1.35}
.home-product-facts span{display:grid;gap:.15rem}
.home-product-facts strong{color:#fff;font:700 1rem var(--font-mono);letter-spacing:.02em}
.home-product-price{margin:1.6rem 0 0;color:#fff;font:700 1.05rem var(--font-mono)}
.home-product-price small{color:var(--text-muted);font:400 .68rem var(--font-mono)}
.home-product-cta{display:inline-flex;gap:.8rem;align-items:center;margin-top:1.4rem;color:#050607!important;font-weight:700!important;text-decoration:none;background:#f4f5f7;padding:.8rem 1rem;transition:background-color 180ms ease,transform 180ms ease,box-shadow 180ms ease}
.home-product-cta:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 30px rgba(244,245,247,.25)}
.home-entry-product--outside .home-product-cta{color:#fff!important;background:transparent;border:1px solid rgba(255,255,255,.42)}
.home-entry-product--outside .home-product-cta:hover{background:rgba(255,255,255,.1);box-shadow:0 8px 30px rgba(255,255,255,.08)}

@media (max-width:760px){.home-entry-products{padding-block:4rem}.home-entry-products-intro{display:block}.home-entry-products-intro h2{font-size:clamp(2.5rem,13vw,4rem)}.home-entry-products-intro>p:last-child{margin-top:1.5rem}.home-entry-products-grid{grid-template-columns:1fr;gap:12px}.home-entry-product,.home-entry-product--outside{min-height:520px}.home-product-facts{gap:1rem}}
@media (prefers-reduced-motion:reduce){.home-entry-products{--storm-flash:0!important;--storm-wetness:.65!important}.home-storm-lottie,.home-entry-foreground{display:none!important}.home-entry-atmosphere{display:block!important;opacity:.45}.home-entry-product,.home-entry-product:hover{transform:none!important;transition:none!important}.home-product-cta{transition:none!important}}
html[data-theme="light"] .home-entry-products{background:#fff;border-color:#d7dbe0}
html[data-theme="light"] .home-entry-products::before{background:#fff}
html[data-theme="light"] .home-entry-products::after,html[data-theme="light"] .home-entry-comparison__fx,html[data-theme="light"] .home-entry-foreground{display:none!important}
html[data-theme="light"] .home-entry-products-intro h2,html[data-theme="light"] .home-entry-product h3,html[data-theme="light"] .home-product-facts strong,html[data-theme="light"] .home-product-price{color:#090b0d}
html[data-theme="light"] .home-entry-product{background:#f5f6f7;border-color:#cbd0d6;box-shadow:none}
html[data-theme="light"] .home-product-description,html[data-theme="light"] .home-product-facts{color:#4a525b}
html[data-theme="light"] .home-entry-product--inside .home-product-visual,html[data-theme="light"] .home-entry-product--outside .home-product-visual{opacity:.18}
html.a11y-light .home-entry-products{background:#fff!important;border-color:#000!important}
html.a11y-light .home-entry-products::before,html.a11y-light .home-entry-products::after,html.a11y-light .home-entry-comparison__fx,html.a11y-light .home-entry-foreground{display:none!important}
html.a11y-light .home-entry-products-intro h2,html.a11y-light .home-entry-product h3,html.a11y-light .home-product-facts strong,html.a11y-light .home-product-price{color:#000!important}
html.a11y-light .home-entry-product{background:#fff!important;border-color:#000!important}
html.a11y-light .home-product-description,html.a11y-light .home-product-facts,html.a11y-light .home-product-price small{color:#000!important}
html.a11y-light .home-entry-product--inside .home-product-visual,html.a11y-light .home-entry-product--outside .home-product-visual{opacity:.12}
body.home .home-entry-products .home-entry-product--inside,body.home .home-entry-products .home-entry-product--outside{border-top-color:var(--c-border);border-top-width:1px}
body.home .srv-card--check{border-top-color:var(--c-border);background:var(--surface-card)}

/* The 1920x1080 storm Lottie showed its rectangle on wide screens; the canvas already flashes full-bleed. */
.home-storm-lottie{display:none!important}
/* Product names as card titles: fit both cards, hyphenate long German words. */
.home-entry-product h3{font-size:clamp(2rem,3.4vw,3.3rem)!important;line-height:1.02;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.home-entry-product--outside h3{font-size:clamp(1.8rem,2.6vw,2.6rem)!important}
/* Bolder product cards (2026-10): equal columns, stronger frame, bigger price and button, no hover jump. */
.home-entry-products-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(14px,2vw,26px)}
.home-entry-product{min-height:600px;border-width:2px;border-color:rgba(224,234,237,calc(.26 + var(--storm-flash,0)*.6))}
.home-entry-product--inside{box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(41,201,122,.10)}
.home-entry-product--outside{box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(240,120,128,.10)}
.home-product-content{align-self:stretch;display:flex;flex-direction:column;height:100%}
.home-product-mark{display:inline-block;align-self:flex-start;padding:.38rem .6rem;background:rgba(4,6,8,.72);border:1px solid rgba(255,255,255,.12);font-size:.66rem}
.home-entry-product h3{font-size:clamp(2.1rem,3.2vw,3.2rem)!important;max-width:none}
.home-entry-product--outside h3{font-size:clamp(1.7rem,2.3vw,2.4rem)!important}
.home-entry-product--inside h3{font-size:clamp(2.6rem,4.2vw,4.2rem)!important}
.home-entry-product--inside{min-height:640px}
.home-entry-product--outside .home-product-price{font-size:clamp(1.3rem,1.7vw,1.6rem)}
.home-entry-product--outside .home-product-cta{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.4)}
.home-entry-product--outside .home-product-cta:hover{background:rgba(255,255,255,.08)}
.home-product-description{font-size:1.04rem;line-height:1.6;color:rgba(235,238,242,.86)}
.home-product-facts{margin-top:auto;padding-top:1.3rem;gap:2rem;font-size:.82rem}
.home-product-facts strong{font-size:1.25rem}
.home-product-price{margin-top:1.5rem;font-size:clamp(1.6rem,2.2vw,2.1rem);letter-spacing:-.01em}
.home-product-price small{font-size:.75rem}
.home-product-cta{align-self:flex-start;margin-top:1.4rem;padding:1rem 1.35rem;font-size:1.02rem}
.home-product-cta,.home-product-cta:hover{transform:none!important}
.home-entry-product--outside .home-product-cta{background:#f4f5f7;color:#050607!important;border:0}
.home-entry-product--outside .home-product-cta:hover{background:#fff}
@media (max-width:860px){.home-entry-products-grid{grid-template-columns:1fr}.home-entry-product{min-height:540px}}
/* Titles break only between words, never mid-word. */
.home-entry-product h3{hyphens:manual!important;-webkit-hyphens:manual!important;overflow-wrap:normal!important;word-break:normal!important}
.home-entry-product--inside h3{font-size:clamp(2.2rem,3.6vw,3.6rem)!important;white-space:nowrap}
.home-entry-product--outside h3{font-size:clamp(1.6rem,2.15vw,2.15rem)!important}
.home-entry-product--outside .home-product-facts{gap:1.2rem 1.4rem}
@media (max-width:860px){.home-entry-product--inside h3{white-space:normal;font-size:clamp(2rem,9vw,2.8rem)!important}.home-entry-product--outside h3{font-size:clamp(1.8rem,8vw,2.4rem)!important}}

/* Soft edges where the storm section meets the page. */
.home-entry-products{-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.4) 40px,#000 130px,#000 calc(100% - 130px),rgba(0,0,0,.4) calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.4) 40px,#000 130px,#000 calc(100% - 130px),rgba(0,0,0,.4) calc(100% - 40px),transparent 100%)}