:root{
  --ink:#16202e; --muted:#5b6b7f; --line:#e3e8ef; --bg:#0e1a2b; --soft:#f4f7fb;
  --brand:#12386e; --accent:#f5821f; --accent-d:#d96e0c; --ok:#0a7d3f;
  --maxw:960px; --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
h1{font-size:2rem;line-height:1.2;margin:.3em 0}
h2{font-size:1.35rem;margin:1.6em 0 .5em}
section{padding:2.2rem 0}

/* header */
.site-head{background:var(--bg);position:sticky;top:0;z-index:5}
.head-inner{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{color:#fff;font-weight:600;font-size:1.05rem}.brand b{color:var(--accent);font-weight:800}
.site-head nav{display:flex;align-items:center;gap:1.1em}
.site-head nav a{color:#cdd9e8;font-size:.95rem}
.site-head nav a.on,.site-head nav a:hover{color:#fff;text-decoration:none}
.btn-nav{background:var(--accent);color:#fff!important;padding:8px 14px;border-radius:8px;font-weight:700}
.btn-nav:hover{background:var(--accent-d)}

/* hero */
.hero{background:linear-gradient(135deg,#12386e,#0e1a2b);color:#fff;padding:3rem 0 2.6rem}
.hero h1{color:#fff;max-width:16ch}
.hero .lead{font-size:1.18rem;color:#d7e3f2;max-width:56ch;margin:.6em 0 1.4em}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:14px 22px;border-radius:10px;
  font-weight:700;font-size:1.02rem;margin:.3em .5em .3em 0}
.btn:hover{background:var(--accent-d);text-decoration:none}
.btn.ghost{background:transparent;border:1.5px solid #4d688e;color:#dbe6f4}
.btn.ghost:hover{border-color:#fff}

/* cards / grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;
  color:inherit;transition:.15s;box-shadow:0 1px 2px rgba(16,32,46,.04)}
.card:hover{border-color:#bcd0ea;box-shadow:0 8px 22px rgba(18,56,110,.10);transform:translateY(-2px);text-decoration:none}
.cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-d);font-weight:700}
.card h3{margin:.3em 0}.teaser{color:var(--muted);font-size:.92rem;margin:.2em 0 .6em}
.price{font-weight:800;color:var(--brand);font-size:1.1rem}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.trust{background:var(--soft)}

/* unfall teaser */
.unfall-teaser{background:#fff5eb;border-top:1px solid #f3dcc0;border-bottom:1px solid #f3dcc0}
.unfall-teaser p{max-width:62ch}

/* prose */
.prose{padding:2rem 20px;max-width:74ch}
.prose .lead{font-size:1.12rem}
.crumb{color:var(--muted);font-size:.9rem;margin-bottom:.5rem}
.pricebox{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:1.1rem;margin:.6em 0}
.notice{background:#fff6e5;border:1px solid #f0d48a;border-radius:10px;padding:10px 14px;color:#7a5b00}
.muted{color:var(--muted)}.small{font-size:.86rem}

/* lead form */
.cta{background:linear-gradient(135deg,#12386e,#1b4e94);color:#fff}
.cta h2{color:#fff;margin-top:0}.cta>.wrap>p{color:#d7e3f2;max-width:60ch}
.leadform{background:#fff;color:var(--ink);border-radius:16px;padding:22px;margin-top:14px;max-width:640px}
.leadform .row{display:flex;gap:14px;flex-wrap:wrap}
.leadform label{display:block;flex:1;min-width:220px;font-size:.9rem;font-weight:600;margin:.5em 0}
.leadform input[type=text],.leadform select,.leadform textarea{width:100%;padding:11px 12px;border:1px solid var(--line);
  border-radius:9px;font-size:1rem;font-family:inherit;font-weight:400;margin-top:.3em}
.leadform .check{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:.86rem;color:var(--muted)}
.leadform .check input{margin-top:3px}
.leadform button{margin-top:14px;background:var(--accent);color:#fff;border:0;padding:14px 24px;border-radius:10px;
  font-weight:800;font-size:1.05rem;cursor:pointer;width:100%}
.leadform button:hover{background:var(--accent-d)}
.leadform .muted{color:var(--muted)}

/* footer */
.site-foot{background:var(--bg);color:#9db0c6;padding:2rem 0;margin-top:1rem}
.site-foot p{font-size:.9rem;margin:.4em 0}.site-foot a{color:#cdd9e8}
ul{padding-left:1.2em}li{margin:.3em 0}

@media(max-width:560px){h1{font-size:1.6rem}.head-inner{height:56px}.brand{font-size:.95rem}
  .site-head nav{gap:.6em}.site-head nav a:not(.btn-nav){display:none}}