
:root{
  --bg:#0d1411;
  --bg-soft:#14241d;
  --card:#14271f;
  --card-2:#1b382b;
  --text:#f4fbf5;
  --muted:#b8cabc;
  --line:rgba(255,255,255,.11);
  --accent:#78b86c;
  --accent-2:#d7ad62;
  --accent-3:#83d3a5;
  --warn:#ffd58f;
  --danger:#ffb5b5;
  --shadow:0 18px 46px rgba(0,0,0,.34);
  --radius:24px;
  --radius-sm:16px;
  --max:1100px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 500px at 20% -10%, rgba(120,184,108,.16), transparent 55%),
    radial-gradient(900px 500px at 90% 0%, rgba(215,173,98,.14), transparent 50%),
    linear-gradient(180deg, #0a110e 0%, #111d17 100%);
  min-height:100vh;
}
a{color:inherit}
code{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:.95em; color:#e4d7b8}
.shell{max-width:var(--max); margin:0 auto; padding:24px 20px 56px}
.topbar{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 0 20px}
.brand{display:flex; align-items:center; gap:14px; text-decoration:none}
.logo{
  width:46px; height:46px; border-radius:15px;
  background:#0d1411 url("/assets/kurzaus-logo.png") center/cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 24px rgba(0,0,0,.26);
  position:relative;
}
.brand-text h1{margin:0; font-size:1.12rem; font-weight:700; letter-spacing:.01em}
.brand-text p{margin:2px 0 0; color:var(--muted); font-size:.92rem}
.nav{display:flex; flex-wrap:wrap; gap:10px}
.nav a{
  text-decoration:none; color:var(--muted); font-size:.94rem; padding:10px 14px; border-radius:999px;
  border:1px solid var(--line); background:rgba(255,255,255,.03);
}
.nav a:hover,.nav a[aria-current="page"]{color:var(--text); border-color:rgba(255,255,255,.20)}
.back-row{margin:6px 0 16px}
.back-btn{display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:999px; text-decoration:none; border:1px solid var(--line); background:rgba(255,255,255,.03); color:var(--muted); font-size:.94rem}
.back-btn:hover{color:var(--text); border-color:rgba(255,255,255,.18)}
.hero{display:grid; grid-template-columns:1.2fr .8fr; gap:22px; align-items:stretch; margin-top:10px}
.card{background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022)); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); backdrop-filter: blur(12px)}
.hero-main{padding:34px}
.kicker{display:inline-flex; align-items:center; gap:10px; padding:8px 12px; border-radius:999px; background:rgba(120,184,108,.12); border:1px solid rgba(120,184,108,.27); color:#d9f7d2; font-size:.9rem; font-weight:700}
.hero h2{margin:18px 0 12px; font-size:clamp(2rem, 5vw, 3.6rem); line-height:1.02; letter-spacing:-.02em}
.hero p{margin:0; color:var(--muted); font-size:1.05rem; line-height:1.65}
.hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 18px; border-radius:16px; text-decoration:none; font-weight:700; border:1px solid transparent; cursor:pointer; font:inherit}
.btn-primary{background:linear-gradient(135deg, #76b36b 0%, #c59648 100%); color:white; box-shadow:0 10px 26px rgba(83,117,63,.28)}
.btn-secondary{background:rgba(255,255,255,.05); color:var(--text); border-color:var(--line)}
.btn-soft{background:rgba(120,184,108,.10); color:#dffbd8; border-color:rgba(120,184,108,.22)}
.btn.disabled{opacity:.72; cursor:not-allowed}
.hero-side{padding:22px; display:grid; gap:14px}
.metric{padding:18px 18px 16px; border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); border:1px solid var(--line)}
.metric strong{display:block; font-size:1.4rem; margin-bottom:6px}
.metric span{color:var(--muted); line-height:1.45}
.grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:22px}
.info{padding:22px}
.info h3{margin:0 0 10px; font-size:1.1rem}.info p{margin:0; color:var(--muted); line-height:1.6}
.section{margin-top:26px}
.section-head{display:flex; align-items:end; justify-content:space-between; gap:14px; margin-bottom:14px}
.section-head h3{margin:0; font-size:1.45rem}.section-head p{margin:6px 0 0; color:var(--muted)}
.list{display:grid; gap:12px}.list .row{display:flex; gap:14px; align-items:flex-start; padding:18px 18px; border-top:1px solid var(--line)}.list .row:first-child{border-top:none}
.dot{width:12px; height:12px; border-radius:999px; margin-top:7px; background:linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow:0 0 0 6px rgba(120,184,108,.10); flex:0 0 auto}
.row h4{margin:0 0 6px; font-size:1rem}.row p{margin:0; color:var(--muted); line-height:1.58}
.footer{margin-top:30px; padding:20px 6px 4px; color:var(--muted); font-size:.94rem; display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between}.footer nav{display:flex; flex-wrap:wrap; gap:10px}.footer nav a{text-decoration:none; color:var(--muted)}
.page{max-width:860px; margin:0 auto}.page .card{padding:28px}.page h2{margin:0 0 12px; font-size:2rem}.page h3{margin:22px 0 10px; font-size:1.06rem}.page p,.page li,.page address{color:var(--muted); line-height:1.7}.page ul{padding-left:1.2rem}.page ol{padding-left:1.25rem}
.notice{margin:16px 0 0; padding:14px 16px; border-radius:18px; font-size:.95rem; border:1px solid rgba(131,211,165,.20); background:rgba(131,211,165,.08); color:#def9e7}.notice.warn{border-color:rgba(255,213,143,.20); background:rgba(255,213,143,.09); color:#fff0cf}.notice.err{border-color:rgba(255,181,181,.18); background:rgba(255,181,181,.08); color:#ffe1e1}
.muted{color:var(--muted)}.small{font-size:.94rem}hr.sep{border:none; border-top:1px solid var(--line); margin:22px 0}.contact-card{margin-top:18px; padding:18px; border-radius:18px; border:1px solid var(--line); background:rgba(255,255,255,.03)}.contact-card h3{margin-top:0}.contact-card address{font-style:normal}
.rule-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0 4px}.rule-box{padding:16px; border-radius:18px; background:rgba(255,255,255,.03); border:1px solid var(--line)}.rule-box h4{margin:0 0 8px; font-size:1rem}.rule-box p{margin:0; color:var(--muted); line-height:1.6}
.download-hero{display:flex; gap:18px; align-items:center; margin-bottom:20px}.download-logo{width:96px; height:96px; border-radius:28px; flex:0 0 auto; background:#0d1411 url("/assets/kurzaus-logo.png") center/cover no-repeat; border:1px solid var(--line); box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 14px 34px rgba(0,0,0,.30)}.download-page .kicker{margin-bottom:10px}.download-page h2{margin-bottom:10px}.download-actions{margin-top:18px; margin-bottom:4px}.compact-list .row{padding-left:0; padding-right:0}
.email-link{color:#dffbd8;text-decoration:none;border-bottom:1px dashed rgba(223,251,216,.45)}.email-note{margin-top:10px}
.seo-hero{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center}.hero-visual{padding:10px;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02))}.hero-visual img{display:block;width:100%;height:auto;border-radius:18px}
.feature-section .section-head h2,.keyword-section h2,.page-links .section-head h2,.contact-section h2,.status-section .section-head h2{margin:0 0 8px;font-size:1.6rem;line-height:1.2}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{padding:22px}.feature-card h3{margin:0 0 10px;font-size:1.12rem}.feature-card p{margin:0;color:var(--muted);line-height:1.65}.keyword-section,.page-links,.contact-section,.status-section{padding:26px}.keyword-section p{margin:0;color:var(--muted);line-height:1.75;font-size:1.02rem}.inline-link{color:#dffbd8;text-decoration:none;border-bottom:1px solid rgba(223,251,216,.35)}.inline-link:hover{border-bottom-color:rgba(223,251,216,.75)}.page-links .row h3{margin:0 0 6px;font-size:1.05rem}.contact-section address{font-style:normal;color:var(--muted);line-height:1.7}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.status-box{padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.status-box strong{display:block;margin-bottom:8px}.status-box span{display:block;color:var(--muted);line-height:1.55}.status-box.good{border-color:rgba(120,184,108,.25);background:rgba(120,184,108,.08)}.status-box.warn{border-color:rgba(215,173,98,.24);background:rgba(215,173,98,.08)}
body[data-theme="sand"]{--bg:#fbf3e6;--bg-soft:#f3e4ce;--card:#fff8ee;--card-2:#f6ead8;--text:#261f18;--muted:#6d6255;--line:rgba(83,65,39,.18);--accent:#2f7d55;--accent-2:#a87716;--accent-3:#7aa35d;--warn:#9a6d10;--danger:#9b2d2d;--shadow:0 18px 42px rgba(90,67,34,.14);background:radial-gradient(900px 420px at 16% -8%, rgba(222,183,103,.28), transparent 58%),radial-gradient(800px 460px at 96% 2%, rgba(143,193,132,.16), transparent 50%),linear-gradient(180deg, #fbf3e6 0%, #f6ead8 100%)}
body[data-theme="sand"] .card{background:linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.42))}body[data-theme="sand"] .nav a,body[data-theme="sand"] .back-btn,body[data-theme="sand"] .btn-secondary,body[data-theme="sand"] .code-box,body[data-theme="sand"] .meta,body[data-theme="sand"] .rule-box,body[data-theme="sand"] .contact-card,body[data-theme="sand"] .status-box{background:rgba(255,255,255,.46)}body[data-theme="sand"] .kicker{background:rgba(47,125,85,.12);border-color:rgba(47,125,85,.24);color:#215d3d}body[data-theme="sand"] .btn-primary{background:linear-gradient(135deg,#2f7d55 0%,#a87716 100%);box-shadow:0 10px 24px rgba(103,74,26,.18)}body[data-theme="sand"] .btn-soft{background:rgba(47,125,85,.10);color:#245e3d;border-color:rgba(47,125,85,.22)}body[data-theme="sand"] .notice{background:rgba(47,125,85,.08);border-color:rgba(47,125,85,.20);color:#315d43}body[data-theme="sand"] .notice.warn{background:rgba(168,119,22,.10);border-color:rgba(168,119,22,.22);color:#6b4b0f}body[data-theme="sand"] .notice.err{background:rgba(155,45,45,.08);border-color:rgba(155,45,45,.22);color:#7a2525}body[data-theme="sand"] .inline-link,body[data-theme="sand"] .email-link{color:#2f7d55;border-bottom-color:rgba(47,125,85,.35)}body[data-theme="sand"] .logo,body[data-theme="sand"] .download-logo{background-color:#f7ead2}body[data-theme="sand"] code{color:#3a5d37}
.theme-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted);font:inherit;font-size:.94rem;cursor:pointer}.theme-toggle:hover{color:var(--text);border-color:rgba(255,255,255,.18)}body[data-theme="sand"] .theme-toggle{background:rgba(255,255,255,.48)}
.whatsapp-section{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:center;padding:26px}.whatsapp-section h2{margin:8px 0 10px;font-size:1.55rem;line-height:1.2}.whatsapp-section p{margin:0 0 12px;color:var(--muted);line-height:1.7}.compact-actions{margin-top:16px}.whatsapp-qr{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06)}.whatsapp-qr img{display:block;width:100%;height:auto;border-radius:14px;background:#fff;padding:8px}.whatsapp-qr span{font-size:.84rem;color:var(--muted);text-align:center}body[data-theme="sand"] .whatsapp-qr{background:rgba(255,255,255,.46)}
@media (max-width: 920px){.hero,.grid,.seo-hero,.feature-grid,.status-grid{grid-template-columns:1fr}}
@media (max-width: 720px){.rule-grid{grid-template-columns:1fr}.whatsapp-section{grid-template-columns:1fr;padding:22px}.whatsapp-qr{max-width:220px;justify-self:start}}
@media (max-width: 640px){.shell{padding:18px 14px 46px}.hero-main,.hero-side,.page .card{padding:22px}.topbar{align-items:flex-start;flex-direction:column}.nav{width:100%}.nav a{flex:1 1 auto;text-align:center}.hero h2{font-size:2.15rem}.meta-grid{grid-template-columns:1fr}.download-hero{align-items:flex-start}.download-logo{width:74px;height:74px;border-radius:22px}.hero-visual{padding:8px}.keyword-section,.page-links,.contact-section,.status-section{padding:22px}.feature-grid{gap:12px}.theme-toggle{flex:1 1 auto}}
