/* Bauplan: the page as a technical drawing. Cool paper with a fine grid, deep plan blue for the
   hero, the trust box and the waitlist, signal orange for what you press. Labels are numbered like
   sheets of a plan. Lumi stays white and stands out on the blue. */
:root{
  --bg:#F4F7FB;--soft:#E8EEF6;--soft-2:#DAE3EF;--ink:#0D2545;--ink-2:#2B4466;--muted:#5A6C85;
  --line:rgba(13,37,69,.1);--line-2:rgba(13,37,69,.22);--eye:#0D2545;
  --r-xl:14px;--r-lg:12px;--r-md:8px;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --plan:#0F2D52;--plan-line:rgba(255,255,255,.1);--plan-ink:rgba(255,255,255,.72);
}
body.b-porzellan{--soft:#E8EEF6}
body{--hi:#FFD0A8;--base:#FF8A2B;--lo:#C85A00;--tint:#FFF0E2;--accent:#B8480A}
body{background-color:var(--bg);background-image:linear-gradient(rgba(13,37,69,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,37,69,.05) 1px,transparent 1px);background-size:32px 32px}
::selection{background:var(--hi)}

/* Labels: numbered like sheets */
main{counter-reset:blatt}
body.d-bauplan .kicker{height:auto;padding:2px 0 2px 10px;border-left:3px solid var(--base);border-radius:0;background:none;color:var(--ink-2);
  font:600 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.kicker i{display:none}
.section .kicker::before{counter-increment:blatt;content:"0" counter(blatt) " /";color:var(--muted)}

/* What you press is orange, what you said is plan blue */
.btn{border-radius:10px}
body.d-bauplan .btn-dark,body.d-bauplan .composer span:last-child,body.d-bauplan .phone-input span:last-child,body.d-bauplan .p-btn.dark{background:var(--base);color:var(--ink)}
body.d-bauplan .btn-dark:hover{background:color-mix(in srgb,var(--base) 88%,#000)}
body.d-bauplan .done [data-ok],body.d-bauplan .okcard.sent [data-okbtn]{background:#2F7D4F;color:#fff}
body.d-bauplan .me .bub,body.d-bauplan .vb.me .bub,body.d-bauplan .tab[aria-selected="true"]{background:var(--plan);color:#fff}
.reset,.prompt,.tab,.memo,.status,.draft-tag,.p-btn,.p-tag,.tools b,.composer,.lang summary{border-radius:8px}
.draft,.okcard,.say-in,.fchip-in{border-radius:10px}
.bub{border-radius:12px;border-bottom-left-radius:3px}
.me .bub,.vb.me .bub{border-bottom-left-radius:12px;border-bottom-right-radius:3px}

/* Sheets */
.card{background:#fff;box-shadow:0 0 0 1px var(--line-2)}
.app{box-shadow:0 0 0 1px var(--line-2),0 40px 90px -50px rgba(13,37,69,.5)}
.nav.scrolled{background:rgba(244,247,251,.84)}
.tools b,.prompt{background:#fff}

/* Hero, trust box and waitlist: the plan itself */
body.d-bauplan .stage,.trust-bot,.cta{background-color:var(--plan);background-image:linear-gradient(var(--plan-line) 1px,transparent 1px),linear-gradient(90deg,var(--plan-line) 1px,transparent 1px);background-size:32px 32px}
body.d-bauplan .stage{outline:1px solid rgba(255,255,255,.28);outline-offset:-14px}
.stage::before{display:none}
/* The glow behind Lumi fades into the blue, not into a light tint */
.stage::after,.cta::before{background:radial-gradient(closest-side,var(--base),transparent 72%);opacity:.3}
@keyframes breathe{to{transform:translateX(-50%) scale(1.07);opacity:.4}}
.stage-hint{bottom:28px;color:var(--plan-ink);font-family:var(--mono);letter-spacing:.06em}
.cta{color:#fff}
.cta .kicker{color:#fff!important}
.cta-copy p{color:var(--plan-ink)}
.perks li{color:rgba(255,255,255,.92)}