:root{
  --brand:#0ea5e9; --ink:#0f172a; --muted:#475569; --line:#e2e8f0; --bg:#ffffff;
  --radius:14px; --shadow:0 12px 28px rgba(2,8,23,.07);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
.center{text-align:center}.caps{text-transform:uppercase;letter-spacing:.08em}
.container{max-width:1160px;margin:0 auto;padding:0 16px}
.container.narrow{max-width:900px}
.section{padding:72px 0}
.lead{color:var(--muted)}
.muted{color:#64748b}
.tiny{font-size:.9rem}
.display{font-size:clamp(28px,4.8vw,56px);line-height:1.08;margin:0 0 8px 0}
.grad{background:linear-gradient(90deg,#0ea5e9,#6366f1 55%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}

/* NAV */
.nav{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}
.nav .container{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand img{height:40px}
.nav-cta{display:flex;gap:14px;align-items:center}
.link{color:var(--ink)}

/* BUTTONS */
.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;border:1px solid var(--brand);cursor:pointer;font-weight:600}
.btn.primary{background:var(--brand);color:#fff}
.btn.secondary{background:#e6f6fd;color:#0369a1;border-color:#e6f6fd}
.btn.ghost{background:#fff;color:#0369a1;border-color:#bfe7f7}
.btn.block{display:flex;width:100%}
.btn.small{padding:8px 12px;border-radius:8px}

/* HERO */
.hero--apple{padding:84px 0 56px; background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}
.hero--apple .sub{color:var(--muted);max-width:720px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 24px}

/* „Device“-Frame (ohne echte Bilder – immer hübsch) */
.device-frame{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;background:#fff;margin-top:18px}
.device-toolbar{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8fafc,#ffffff)}
.device-toolbar span{width:10px;height:10px;border-radius:999px;background:#e5e7eb;display:inline-block}
.device-body{padding:16px}
.report-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.panel{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.big-num{font-size:28px;font-weight:800}
.check{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.bullets{margin:.2rem 0 .4rem 1.1rem}
@media (max-width:980px){.report-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.report-grid{grid-template-columns:1fr}}

/* SHOWCASE */
.showcase .split{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
.showcase.alt .split{grid-template-columns:.95fr 1.05fr}
.split-text h2{font-size:clamp(22px,3.2vw,36px);margin:.2rem 0 .6rem}
.points{display:grid;gap:8px;margin:12px 0 16px}
.points .dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#6366f1);display:inline-block;margin-right:8px}
.tilt-card{border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1200px) rotateY(-6deg);transform-origin:60% 50%;transition:transform .25s ease}
.tilt-card:hover{transform:perspective(1200px) rotateY(-2deg)}

/* LOGOS */
.logos .logo-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:center;justify-items:center;margin-top:10px}
.logos .logo-row span{opacity:.7;border:1px dashed var(--line);border-radius:12px;padding:14px 10px;width:100%;text-align:center}

/* PRICING */
.pricing h2{margin-top:0}
.pricing-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px;background:#fff;margin:8px 0 18px}
.pricing-toggle .chip{padding:8px 14px;border-radius:999px;cursor:pointer}
.pricing-toggle .chip.active{background:#e6f6fd;color:#0369a1}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;box-shadow:var(--shadow)}
.price{font-size:24px;font-weight:800;margin:6px 0 12px}
.features{padding-left:1.2rem;color:var(--muted)}
.badge-popular{display:inline-block;background:#ecfeff;color:#0b7285;border:1px solid #99e9f2;padding:4px 8px;border-radius:999px;font-size:.85rem;margin-bottom:6px}
@media (max-width:980px){.grid3{grid-template-columns:1fr}}

/* CODE */
.code{position:relative;background:#0b1220;color:#e5e7eb;border-radius:12px;padding:14px;overflow:auto;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono","Courier New",monospace;font-size:.93rem}
.copy-btn{position:absolute;top:8px;right:8px;border:1px solid #334155;color:#334155;background:#fff;border-radius:6px;padding:4px 8px;font-size:.8rem;cursor:pointer}

/* CTA BAND */
.cta-band{background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}
.center{text-align:center}

/* FOOTER */
.footer{border-top:1px solid var(--line);padding:26px 0;margin-top:10px}
.foot-links{display:flex;gap:12px;flex-wrap:wrap}
.legal{color:#64748b;font-size:.9rem}

/* DOWNLOADS PAGE SUPPORT (bestehende Klassen intakt) */
.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.dl-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column}
.dl-figure{aspect-ratio:3/4;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.dl-figure img{width:100%;height:100%;object-fit:contain}
.dl-actions{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}
.breadcrumbs{display:flex;gap:8px;color:#64748b;margin:6px 0 12px}

/* UTILITIES */
.notice{border:1px solid var(--line);background:#f8fafc;padding:12px 14px;border-radius:12px}
.spaced-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}