/* ─────────── HERO (Wasser-spezifisch) ─────────── */
.wh{position:relative;background:var(--ink);color:#fff;padding-top:200px;padding-bottom:0;overflow:hidden;min-height:880px;display:flex;flex-direction:column;justify-content:flex-end}
.wh::before{content:"";position:absolute;inset:0;background:
 radial-gradient(900px 600px at 78% 22%, rgba(82,176,199,.28), transparent 60%),
 radial-gradient(700px 500px at 0% 100%, rgba(62,143,163,.18), transparent 60%);pointer-events:none}
/* Subtle water-droplet pattern */
.wh::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%, rgba(82,176,199,.06) 0 1px, transparent 2px), radial-gradient(circle at 75% 60%, rgba(82,176,199,.08) 0 1px, transparent 2px), radial-gradient(circle at 50% 85%, rgba(82,176,199,.05) 0 1px, transparent 2px);background-size:100px 100px;pointer-events:none}
.wh-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;padding:0 0 80px;position:relative;z-index:2}
.wh h1{font-family:var(--display);font-weight:500;font-size:clamp(56px,8vw,144px);line-height:.92;letter-spacing:-.04em;color:#fff;margin:32px 0 0;text-wrap:balance}
.wh h1 em{font-style:italic;color:var(--teal-2);font-weight:400}
.wh .lead{color:rgba(255,255,255,.78);font-size:clamp(18px,1.5vw,22px);line-height:1.55;max-width:580px;margin-top:32px}
.wh .actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}

/* Right aside — live response card */
.wh-aside{position:relative}
.wh-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:32px;backdrop-filter:blur(20px);position:relative;overflow:hidden}
.wh-card::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 100% 0%,rgba(82,176,199,.18),transparent 60%);pointer-events:none}
.wh-card .pulse{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#3DDC97;margin-bottom:22px}
.wh-card .pulse::before{content:"";width:8px;height:8px;border-radius:50%;background:#3DDC97;box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:liveBlink 1.4s ease-out infinite}
@keyframes liveBlink{0%{box-shadow:0 0 0 0 rgba(61,220,151,.7)}100%{box-shadow:0 0 0 14px rgba(61,220,151,0)}}
.wh-card h3{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.015em;color:#fff;line-height:1.2;margin-bottom:6px}
.wh-card h3 em{font-style:italic;color:var(--teal-2);font-weight:400}
.wh-card .sub{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:24px;line-height:1.55}
.wh-card .row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px;align-items:center}
.wh-card .row:first-of-type{border-top:0;padding-top:0}
.wh-card .row span:first-child{color:rgba(255,255,255,.65)}
.wh-card .row span:last-child{color:#fff;font-weight:600;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px}
.wh-card .row .ok{width:7px;height:7px;border-radius:50%;background:#3DDC97;box-shadow:0 0 6px #3DDC97}
.wh-card .row .warn{color:var(--teal-2)}
.wh-card .btn{margin-top:24px;width:100%;justify-content:center}

@media (max-width:980px){.wh-grid{grid-template-columns:1fr;gap:40px}.wh{min-height:auto;padding-bottom:60px}}

/* Hero stat band */
.wh-band{border-top:1px solid rgba(255,255,255,.12);padding:28px 0 36px;position:relative;z-index:2;background:var(--ink)}
.wh-band .container{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.wb-cell{display:flex;flex-direction:column;gap:6px}
.wb-cell + .wb-cell{padding-left:32px;border-left:1px solid rgba(255,255,255,.10)}
.wb-n{font-family:var(--display);font-size:34px;font-weight:500;letter-spacing:-.025em;line-height:1;color:#fff;display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}
.wb-n small{font-size:.45em;color:var(--teal-2);font-weight:500}
.wb-l{font-size:13px;color:rgba(255,255,255,.6);font-weight:500;line-height:1.4}
@media (max-width:780px){.wh-band .container{grid-template-columns:repeat(2,1fr);row-gap:20px}.wb-cell:nth-child(odd){padding-left:0;border-left:0}}

/* ─────────── DAMAGE TYPES ─────────── */
.dmg{padding:130px 0;background:#fff;color:var(--ink)}
.dmg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:24px}
.dmg-card{grid-column:span 2;background:var(--paper);border-radius:20px;padding:32px 28px 28px;border:1px solid var(--line);position:relative;transition:transform .35s,box-shadow .35s,border-color .25s;overflow:hidden}
.dmg-card:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:0 24px 50px -22px rgba(62,143,163,.30)}
.dmg-card.feat{grid-column:span 3;background:var(--ink);color:#fff;border-color:rgba(255,255,255,.08)}
.dmg-card.feat:hover{box-shadow:0 30px 60px -22px rgba(14,31,38,.5)}
.dmg-card.wide{grid-column:span 3}
.dmg-num{font-family:var(--display);font-size:12.5px;font-weight:600;color:var(--mute);letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.dmg-num::before{content:"";width:24px;height:1px;background:currentColor}
.dmg-card.feat .dmg-num{color:var(--teal-2)}
.dmg-ico{width:46px;height:46px;border-radius:13px;background:#fff;border:1px solid var(--line);color:var(--teal);display:grid;place-items:center;margin-bottom:18px;transition:all .3s}
.dmg-card.feat .dmg-ico{background:rgba(82,176,199,.12);border-color:rgba(82,176,199,.32);color:var(--teal-2)}
.dmg-card:hover .dmg-ico{background:var(--teal);color:#fff;border-color:var(--teal);transform:rotate(-4deg)}
.dmg-card.feat:hover .dmg-ico{background:var(--teal-2);color:var(--ink)}
.dmg-ico svg{width:22px;height:22px}
.dmg-card h3{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.018em;color:var(--ink);line-height:1.15;margin-bottom:10px}
.dmg-card.feat h3{color:#fff;font-size:34px}
.dmg-card h3 em{font-style:italic;color:var(--teal);font-weight:400}
.dmg-card.feat h3 em{color:var(--teal-2)}
.dmg-card p{font-size:14.5px;line-height:1.6;color:var(--slate);margin-bottom:18px}
.dmg-card.feat p{color:rgba(255,255,255,.72);font-size:15.5px;max-width:380px}
.dmg-mini{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--mute);letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.dmg-card.feat .dmg-mini{border-top-color:rgba(255,255,255,.10);color:rgba(255,255,255,.55)}
.dmg-mini strong{color:var(--ink);font-family:var(--display);font-size:18px;font-weight:500;letter-spacing:-.005em;text-transform:none}
.dmg-card.feat .dmg-mini strong{color:#fff}
@media (max-width:980px){.dmg-grid{grid-template-columns:repeat(2,1fr)}.dmg-card,.dmg-card.feat,.dmg-card.wide{grid-column:span 1}}
@media (max-width:520px){.dmg-grid{grid-template-columns:1fr}}

/* ─────────── METHOD / TROCKNUNG ─────────── */
.met{padding:140px 0;background:var(--ink);color:#fff;position:relative;overflow:hidden}
.met::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 10% 50%, rgba(82,176,199,.18), transparent 60%);pointer-events:none}
.met-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;position:relative;z-index:1;align-items:start}
.met-l{position:sticky;top:120px}
.met-l h2{color:#fff;font-family:var(--display);font-size:clamp(40px,5vw,76px);line-height:1;letter-spacing:-.03em;font-weight:500;margin:18px 0 24px;text-wrap:balance}
.met-l h2 em{color:var(--teal-2);font-style:italic;font-weight:400}
.met-l p{color:rgba(255,255,255,.72);font-size:17px;line-height:1.6;max-width:440px;margin-bottom:18px}
.met-l .pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.met-l .pill-row span{padding:7px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:12.5px;color:rgba(255,255,255,.85);font-weight:500}

.met-r{display:flex;flex-direction:column;gap:18px}
.met-it{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:28px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start;transition:all .25s}
.met-it:hover{background:rgba(255,255,255,.07);border-color:rgba(82,176,199,.3);transform:translateX(4px)}
.met-it .nm{font-family:var(--display);font-size:14px;color:var(--teal-2);font-weight:600;letter-spacing:.06em;padding-top:4px;white-space:nowrap}
.met-it h4{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.018em;color:#fff;line-height:1.15;margin-bottom:8px}
.met-it h4 em{font-style:italic;color:var(--teal-2);font-weight:400}
.met-it p{font-size:14.5px;color:rgba(255,255,255,.7);line-height:1.6}
.met-it .meta{display:flex;gap:12px;margin-top:10px;font-size:11.5px;color:var(--teal-2);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.met-it .meta span{padding:3px 0;display:inline-flex;align-items:center;gap:6px}
.met-it .meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal-2)}
.met-it .meta span:first-child::before{display:none}
.met-it .tm{font-size:11.5px;color:rgba(255,255,255,.5);letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding-top:6px;white-space:nowrap}
@media (max-width:980px){.met-grid{grid-template-columns:1fr;gap:48px}.met-l{position:static}}

/* ─────────── PRICING / TRANSPARENT ─────────── */
.prc-sec{padding:130px 0;background:var(--paper);color:var(--ink)}
.prc-sec-head{max-width:780px;margin-bottom:56px}
.prc-sec-head h2{font-family:var(--display);font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.028em;font-weight:500;color:var(--ink);text-wrap:balance;margin-top:16px}
.prc-sec-head h2 em{font-style:italic;color:var(--teal);font-weight:400}
.prc-sec-head p{color:var(--slate);font-size:17px;line-height:1.6;margin-top:18px;max-width:560px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px 32px 32px;display:flex;flex-direction:column;gap:14px;transition:all .3s;position:relative;overflow:hidden}
.pcard.featured{background:var(--ink);color:#fff;border-color:var(--ink)}
.pcard.featured::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 100% 0%,rgba(82,176,199,.20),transparent 60%);pointer-events:none}
.pcard.featured > *{position:relative;z-index:1}
.pcard:hover{transform:translateY(-3px);box-shadow:0 30px 60px -28px rgba(14,31,38,.20)}
.pcard .tag{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:600}
.pcard.featured .tag{color:var(--teal-2)}
.pcard h3{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:-.018em;line-height:1.1;color:inherit}
.pcard h3 em{font-style:italic;color:var(--teal);font-weight:400}
.pcard.featured h3 em{color:var(--teal-2)}
.pcard .price{font-family:var(--display);font-size:46px;font-weight:500;letter-spacing:-.025em;color:inherit;display:flex;align-items:baseline;gap:6px;line-height:1;margin-top:6px;font-variant-numeric:tabular-nums}
.pcard .price small{font-size:.36em;color:var(--mute);font-weight:500;letter-spacing:0}
.pcard.featured .price small{color:rgba(255,255,255,.55)}
.pcard .price .from{font-size:13.5px;color:var(--mute);font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-right:6px}
.pcard.featured .price .from{color:rgba(255,255,255,.55)}
.pcard p{font-size:14.5px;line-height:1.55;color:var(--slate)}
.pcard.featured p{color:rgba(255,255,255,.72)}
.pcard ul{list-style:none;display:flex;flex-direction:column;gap:8px;padding-top:14px;margin-top:6px;border-top:1px solid var(--line);font-size:13.5px}
.pcard.featured ul{border-top-color:rgba(255,255,255,.10)}
.pcard ul li{display:flex;gap:10px;align-items:flex-start;color:var(--slate);line-height:1.5}
.pcard.featured ul li{color:rgba(255,255,255,.78)}
.pcard ul li svg{width:14px;height:14px;color:var(--teal);flex-shrink:0;margin-top:4px}
.pcard.featured ul li svg{color:var(--teal-2)}
@media (max-width:900px){.pgrid{grid-template-columns:1fr}}

/* ─────────── INSURANCE NOTE ─────────── */
.ins-note{padding:48px 0;background:var(--ink);color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}
.ins-note .container{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}
.ins-note .ico{width:54px;height:54px;border-radius:14px;background:rgba(82,176,199,.16);color:var(--teal-2);display:grid;place-items:center;flex-shrink:0}
.ins-note .ico svg{width:24px;height:24px}
.ins-note .tx h4{font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.015em;color:#fff;line-height:1.2;margin-bottom:4px}
.ins-note .tx h4 em{font-style:italic;color:var(--teal-2);font-weight:400}
.ins-note .tx p{color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.5}
@media (max-width:760px){.ins-note .container{grid-template-columns:1fr;text-align:left}.ins-note .ico{margin-bottom:8px}}

/* ─────────── FAQ ─────────── */
.fq{padding:130px 0;background:#fff;color:var(--ink)}
.fq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.fq-l h2{font-size:clamp(36px,4.6vw,64px);line-height:1.04;font-family:var(--display);font-weight:500;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.fq-l h2 em{font-style:italic;color:var(--teal);font-weight:400}
.fq-l p{color:var(--slate);font-size:15.5px;line-height:1.6;margin:18px 0 28px;max-width:380px}
.fq-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.fq-it{border-bottom:1px solid var(--line);padding:6px 0}
.fq-it summary{list-style:none;cursor:pointer;padding:22px 12px 22px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.012em;color:var(--ink);line-height:1.3;transition:color .2s}
.fq-it summary::-webkit-details-marker{display:none}
.fq-it summary:hover{color:var(--teal)}
.fq-it summary .pl{width:32px;height:32px;border-radius:999px;background:var(--ink);color:#fff;display:grid;place-items:center;flex-shrink:0;transition:transform .35s,background .25s}
.fq-it[open] summary .pl{transform:rotate(45deg);background:var(--teal)}
.fq-it[open] summary{color:var(--teal)}
.fq-it summary .pl svg{width:12px;height:12px}
.fq-ans{padding:0 12px 22px 0;font-size:14.5px;line-height:1.65;color:var(--slate);max-width:600px}
@media (max-width:900px){.fq-grid{grid-template-columns:1fr;gap:40px}}

/* ─────────── FINAL CTA ─────────── */
.fcta{padding:130px 0;background:var(--ink);color:#fff;position:relative;overflow:hidden}
.fcta::before{content:"";position:absolute;inset:0;background:
 radial-gradient(900px 500px at 80% 30%, rgba(82,176,199,.22), transparent 60%),
 radial-gradient(700px 500px at 10% 90%, rgba(82,176,199,.10), transparent 60%);pointer-events:none}
.fcta .container{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}
.fcta h2{color:#fff;font-size:clamp(44px,5.6vw,96px);line-height:1;letter-spacing:-.035em;font-weight:500;font-family:var(--display);text-wrap:balance}
.fcta h2 em{font-style:italic;color:var(--teal-2);font-weight:400}
.fcta p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.55;margin-top:22px;max-width:560px}
.fcta .actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.fcta-aside{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:18px}
.fcta-aside h4{font-family:var(--display);font-size:18px;color:#fff;font-weight:500;letter-spacing:-.01em}
.fcta-aside .line{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13.5px}
.fcta-aside .line:last-child{border-bottom:0}
.fcta-aside .line span:first-child{color:rgba(255,255,255,.6)}
.fcta-aside .line span:last-child{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:840px){.fcta .container{grid-template-columns:1fr;gap:40px}}