/* ── Raumatlas Landing v7 — Produkt-Optik (Raumatlas 2.0):
   Orange #ee5a24, Schibsted Grotesk Display, warmes Papier.
   Lädt NACH landing.css / intro2.css / chrome.css und übersteuert nur Tokens + Details. ── */
:root{
  --text:#15140f;--text-2:#2a2821;--body:#5e5a52;--quiet:#6b665e;--muted:#9c968c;--eyebrow:#7a746c;--num:#d8d2c8;
  --accent:#ee5a24;--accent-hover:#c8481a;--accent-wash:#fdf2ee;
  --bg:#f4f3f0;--bg-alt:#ffffff;--hairline:#d8d2c8;--hairline-soft:#e5e2de;--raised:#f9f8f6;
  --ampel-gruen:#206850;--ampel-gelb:#b8871a;--ampel-rot:#b23a2e;
  --font:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --display:"Schibsted Grotesk","Inter",sans-serif;
}
a{color:var(--accent)}a:hover{color:var(--accent-hover)}
h2,.slogan,.wtxt,.bs-text h3,.connect-step h3,.persona h3,.branchen-h,.branche h4,.modal h2,.bh h3{font-family:var(--display);font-weight:700;letter-spacing:-.03em}
.eyebrow,.stand-group h3,.persona dt{letter-spacing:.08em;font-size:11px;color:var(--eyebrow)}
.bs-num,.cs-num{font-family:var(--display);font-weight:700;color:var(--num)}
/* Marken-Punkt: Kreis statt Satzpunkt */
.accent-dot{display:inline-block;width:.17em;height:.17em;border-radius:50%;background:var(--accent);margin-left:.06em;color:transparent;overflow:hidden;vertical-align:baseline;line-height:0}
/* Intro-Welt: Plan-Grau → warme Töne */
.tile.nbr svg *{stroke:#e0dbd3}
.plan-g{stroke:#cfc9bf}.plan-g .dim{stroke:#e0dbd3}
.floor svg *{stroke:#d8d2c8}.floor .slab{fill:rgba(244,243,240,.85);stroke:#d8d2c8}
.prolog .pro-claim{fill:#7a746c}
.rail span{color:#d8d2c8}
.intro-chip{border-color:var(--hairline-soft)}
.wordmark .st1{fill:var(--bg)}
@media (max-width:600px){.plan-g{stroke:#a8a094}.plan-g .dim{stroke:#c9c3b9}.tile.nbr svg *{stroke:#cbc5bb}.floor svg *,.floor .slab{stroke:#bdb6ab}}
/* Flächen */
.souv{background:#15140f;color:#f2efe9}.souv .eyebrow{color:#a8a199}
.persona,.branche{border-radius:8px;border-color:var(--hairline-soft)}
.persona:hover,.branche:hover{border-color:var(--hairline);box-shadow:0 2px 20px rgba(21,20,15,.07)}
.persona-avatar{background:var(--text);color:#fff;border-radius:50%}
.infra-chip{border-radius:6px}
.stand-list li::before{border-radius:50%}
.stand-list li,.stand-group.soon .stand-list li{border-top-color:var(--hairline-soft)}
.app-frame{border-radius:10px;border-color:var(--hairline);box-shadow:0 2px 20px rgba(21,20,15,.07)}
.app-bar{background:var(--raised);border-bottom-color:var(--hairline-soft)}
.app-dot{background:#d8d2c8}
.shots .shot-wide{grid-column:1 / -1;max-width:720px;justify-self:center;margin-top:0}
/* Formulare & Buttons */
.wl-row input,.wl-row button,.cookie-actions button,.btn-demo{border-radius:7px;font-family:var(--font)}
.wl-row input{border-color:var(--hairline);background:#fff}
.wl-row button{background:var(--accent);border-color:var(--accent);color:#fff}
.wl-row button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.cookie-actions .ck-accept:hover{background:var(--accent);border-color:var(--accent)}
.cta-sticky{border-radius:7px;box-shadow:0 2px 20px rgba(21,20,15,.12)}
.cta-sticky:hover{background:var(--accent-hover);box-shadow:0 4px 24px rgba(21,20,15,.16)}
.to-top{border-radius:7px;background:#fff}
.modal,.cookie-bar{border-radius:10px;background:#fff}
/* ── Bauherren-Portal ── */
.bh{background:var(--bg-alt)}
.bh h2{margin-top:28px;max-width:820px;font-size:clamp(30px,3.4vw,38px);line-height:1.12}
.bh-lead{margin-top:24px;max-width:660px;font-size:18px;line-height:1.65;color:var(--body);text-wrap:pretty}
.bh-stage{margin-top:56px}
.bh-desk{position:relative;overflow:hidden;background:#e9e7e2;border:1px solid var(--hairline);border-radius:10px;height:790px}
.bh-desk iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;background:transparent;width:1440px;height:1600px}
.bh-desk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(to bottom,rgba(233,231,226,0),#e9e7e2);pointer-events:none}
.bh-lower{margin-top:48px;display:grid;grid-template-columns:1fr 250px;gap:48px;align-items:start}
.bh-mobile{position:relative;overflow:hidden;height:470px;border-radius:10px}
.bh-mobile iframe{position:absolute;top:0;left:50%;border:0;transform-origin:50% 0;pointer-events:none;background:transparent;width:390px;height:790px}
.bh-points{list-style:none;display:grid;grid-template-columns:1fr;gap:28px}
.bh-points li{padding-top:20px;border-top:1px solid var(--hairline-soft)}
.bh-points h3{font-size:19px;letter-spacing:-.02em}
.bh-points p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--body);text-wrap:pretty}
.bh-caption{margin-top:16px;font-size:13px;color:var(--quiet)}
@media (max-width:860px){.bh-lower{grid-template-columns:1fr}.bh-mobile{display:none}.bh-desk{height:420px}}
/* Waitlist-Demo-Hinweis */
.wl-demo{margin-top:36px;padding:18px 22px;border:1px solid var(--hairline-soft);border-radius:8px;background:var(--raised);font-size:14px;line-height:1.6;color:var(--body);text-align:left;text-wrap:pretty}
.wl-demo b{color:var(--text);font-weight:600}