:root{
  --ink:oklch(0.240 0.010 164);
  --ink-2:oklch(0.433 0.014 162);
  --ink-3:oklch(0.560 0.012 162);
  --brand:oklch(0.483 0.024 168);
  --brand-700:oklch(0.396 0.018 164);
  --brand-950:oklch(0.215 0.013 167);
  --paper:oklch(0.969 0.004 122);
  --stone:oklch(0.917 0.013 087);
  --line:oklch(0.897 0.008 122);
  --ease:cubic-bezier(.16,1,.3,1);
  --pad:clamp(20px,5vw,64px);
  --r:3px;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:clip;overscroll-behavior-x:none;max-width:100%}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--paper);color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;letter-spacing:-0.03em;line-height:1.12;margin:0;text-wrap:balance}
p{margin:0}
img{max-width:100%;display:block}
a{color:var(--brand)}
a:hover{color:var(--brand-700)}
:focus-visible{outline:2.5px solid var(--brand);outline-offset:3px}
.wrap{max-width:820px;margin:0 auto;padding-inline:var(--pad)}

/* Nav */
.lnav{background:var(--brand-950);position:sticky;top:0;z-index:20}
.lnav-in{
  max-width:1280px;margin:0 auto;padding:14px var(--pad);
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
}
.lnav .brand{display:flex;align-items:center;flex:none}
.lnav .brand img{height:38px;max-width:220px;object-fit:contain}
.lnav-links{display:flex;flex-wrap:wrap;gap:2px;margin-left:auto}
.lnav-links a{
  padding:8px 13px;border-radius:2px;text-decoration:none;
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:.87rem;
  color:rgba(255,255,255,.76);transition:color .3s var(--ease),background .3s var(--ease);
}
.lnav-links a:hover{color:#fff;background:rgba(255,255,255,.12)}

/* Head */
.lhead{background:var(--stone);padding:clamp(44px,7vw,86px) 0 clamp(34px,5vw,60px);border-bottom:1px solid var(--line)}
.lhead h1{font-size:clamp(2rem,5vw,2.9rem)}
.lhead p{margin-top:12px;color:var(--ink-2);font-size:.98rem}

/* Body */
.lbody{padding:clamp(40px,6vw,76px) 0 clamp(56px,8vw,100px)}
.lbody h2{font-size:clamp(1.15rem,2vw,1.38rem);margin:38px 0 12px;letter-spacing:-0.025em}
.lbody h2:first-child{margin-top:0}
.lbody h3{font-size:1.02rem;margin:24px 0 8px}
.lbody p{margin-bottom:14px;color:var(--ink-2);max-width:70ch}
.lbody ul{margin:0 0 16px;padding-left:20px;color:var(--ink-2);max-width:70ch}
.lbody li{margin-bottom:7px}
.lbody .note{
  margin:26px 0;padding:18px 20px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);
  font-size:.9rem;color:var(--ink-2);
}

/* Footer */
.lfoot{background:var(--brand-950);color:rgba(255,255,255,.6);padding:34px 0;font-size:.85rem}
.lfoot .wrap{max-width:1280px;display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center}
.lfoot a{color:rgba(255,255,255,.75);text-decoration:none}
.lfoot a:hover{color:#fff}
.lfoot .sp{margin-left:auto}

/* Danke */
.thanks{min-height:72vh;display:flex;align-items:center;padding:clamp(56px,9vw,110px) 0}
.thanks-card{max-width:660px;margin:0 auto;text-align:center}
.thanks-ic{
  width:74px;height:74px;margin:0 auto 26px;border-radius:50%;
  background:var(--brand);color:#fff;display:grid;place-items:center;
}
.thanks h1{font-size:clamp(1.85rem,4.4vw,2.7rem)}
.thanks p{margin-top:18px;color:var(--ink-2);font-size:1.03rem}
.thanks-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.tbtn{
  display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:var(--r);
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.95rem;text-decoration:none;
  transition:background .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease);
}
.tbtn:hover{transform:translateY(-2px)}
.tbtn-p{background:var(--brand);color:#fff}
.tbtn-p:hover{background:var(--brand-700);color:#fff}
.tbtn-o{background:transparent;color:var(--ink);border:1px solid var(--line)}
.tbtn-o:hover{background:#fff;border-color:var(--brand);color:var(--ink)}
.thanks-next{
  margin-top:40px;padding:22px 24px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);text-align:left;
}
.thanks-next h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:800;letter-spacing:-0.02em;margin:0 0 12px}
.thanks-next ol{margin:0;padding-left:20px;color:var(--ink-2);font-size:.93rem}
.thanks-next li{margin-bottom:8px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}
}