/* AUZMS – Startseite, nur Smartphone (max 760px): ergänzt mobile.css um Startseiten-Besonderheiten. */

body.home{--sec-y:52px}

/* ---- Hero: kürzer, ohne schwere Animationen ---- */
body.home .hero{padding-top:92px;padding-bottom:34px}
body.home .hero h1{font-size:clamp(2rem,9.4vw,2.5rem);line-height:1.08}
body.home .hero canvas,body.home .hero .orb,body.home .scroll-cue{display:none}
body.home .hero-bg{animation:none;inset:0}
body.home .hero .btn-row{flex-direction:column;gap:.6rem;margin-top:1.4rem}
body.home .hero .btn-row .btn{width:100%}
body.home .hero-points{gap:.35rem 1rem;font-size:.82rem;margin-top:1.2rem}
body.home .marquee{padding:16px 0 18px}
body.home .marquee-label{margin-bottom:10px}
body.home .marquee-track{gap:30px}

/* ---- Leistungen: wischbare Karten ---- */
body.home .bento>.card{flex:0 0 80%;min-height:310px;scroll-snap-align:start}
body.home .bento .card .ico{margin-bottom:26px}
body.home .card:active{transform:scale(.985)}

/* ---- KI in Aktion ---- */
body.home #how-it-works .split{gap:28px}
body.home #how-it-works .ticks li{font-size:.95rem}
body.home .chat-head b{font-size:.85rem}
body.home .chat-body{min-height:0;padding:14px;gap:10px}
body.home .msg{font-size:.92rem}

/* ---- Ablauf: 2 x 2 ---- */
body.home .flow{grid-template-columns:1fr 1fr;row-gap:24px;column-gap:10px}
body.home .node{padding:0 2px}
body.home .node .nb{width:60px;height:60px;border-radius:18px;margin-bottom:12px}
body.home .node .nb svg{width:26px;height:26px}
body.home .node h3{font-size:1rem}
body.home .node p{font-size:.84rem}