:root{
  --bg:#07131f; --bg2:#0b1d2e; --card:#0f2538; --line:#1d3a52;
  --text:#e6eef5; --muted:#8fa7ba; --coral:#ff6b57; --sea:#3fd0c9; --sand:#f3d9a4;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.65;
}
a{color:var(--sea);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}

header.top{
  position:sticky;top:0;z-index:10;
  background:rgba(7,19,31,.88);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;color:var(--text)}
.brand:hover{text-decoration:none}
.brand svg{width:34px;height:34px}
nav a{margin-left:22px;color:var(--muted);font-size:.95rem}
nav a:hover{color:var(--text);text-decoration:none}

.hero{
  position:relative;overflow:hidden;padding:110px 0 130px;
  background:
    radial-gradient(900px 400px at 85% -10%,rgba(63,208,201,.18),transparent 60%),
    radial-gradient(700px 400px at 0% 100%,rgba(255,107,87,.14),transparent 60%),
    var(--bg);
}
.eyebrow{color:var(--sea);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.hero h1{font-size:clamp(2.2rem,5.5vw,4rem);line-height:1.08;max-width:15ch;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--coral)}
.hero p.lead{margin-top:24px;max-width:56ch;font-size:1.15rem;color:var(--muted)}
.btn{
  display:inline-block;margin-top:34px;padding:13px 26px;border-radius:999px;
  background:var(--coral);color:#1a0905;font-weight:700;
}
.btn:hover{text-decoration:none;filter:brightness(1.08)}
.waves{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px}

section{padding:84px 0}
section.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.01em;margin-bottom:12px}
.sub{color:var(--muted);max-width:62ch;margin-bottom:40px}

.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}
.card .ic{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;
  background:rgba(63,208,201,.12);color:var(--sea);font-size:1.3rem;
}
.card h3{font-size:1.1rem;margin-bottom:8px}
.card p{color:var(--muted);font-size:.97rem}

.two{display:grid;gap:40px;grid-template-columns:1fr 1fr}
@media(max-width:760px){.two{grid-template-columns:1fr}nav a{margin-left:14px}}
.facts{list-style:none;border-top:1px solid var(--line)}
.facts li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.facts span:first-child{color:var(--muted)}
.facts span:last-child{text-align:right}

.risk{
  border:1px solid rgba(255,107,87,.4);background:rgba(255,107,87,.07);
  border-radius:16px;padding:24px 26px;color:#f4c9c2;font-size:.97rem
}
.risk strong{color:var(--coral)}

footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
footer a{color:var(--muted);margin-left:18px}
footer a:first-child{margin-left:0}
footer a:hover{color:var(--text)}

/* Rechtstexte */
.legal{padding:70px 0 90px;max-width:760px}
.legal h1{font-size:2.2rem;margin-bottom:28px}
.legal h2{font-size:1.2rem;margin:34px 0 8px}
.legal p,.legal address{color:#c5d5e2;margin-bottom:10px;font-style:normal}
.rev{unicode-bidi:bidi-override;direction:rtl}
.todo{background:rgba(243,217,164,.15);color:var(--sand);padding:0 6px;border-radius:5px}