/* Bilanzsignal: shared brand layer for public entry and authenticated workflows. */
@font-face{font-family:Inter;src:url('fonts/Inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('fonts/SpaceGrotesk.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--ink:#20203a;--accent:#4338ca;--paper:#fafaff;--muted:#62627b;--line:#e0ddf3;--lime:#d9f278;--font-serif:'Space Grotesk',sans-serif}
html,body{background:var(--paper);color:var(--ink)}
body,input,select,textarea,button{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
h1,h2,h3,.brand,.brand strong,.hero h1,.login-card h2{font-family:'Space Grotesk',sans-serif;font-weight:700}
.brand{color:var(--ink);letter-spacing:-.7px}.brand small{font-family:Inter,sans-serif;letter-spacing:0;color:var(--muted)}
.brand .brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;min-width:52px;height:46px;padding:0;background:transparent;color:var(--accent);font:700 36px/1 'Space Grotesk',sans-serif;letter-spacing:-4px;border-radius:0;box-shadow:none}
.topbar,.site-header{background:#fafaff;border-bottom:1px solid var(--line)}
.sidebar{background:var(--ink)}.main-content{background:var(--paper)}
.page-heading h1{letter-spacing:-1.5px}.eyebrow{color:var(--accent)}
.panel,.stat-card,.report-card,.login-card,.hub-action,.portfolio-building{border:1px solid var(--line);box-shadow:0 5px 20px #20203a08;border-radius:14px}
.stat-card:not(.accent){background:linear-gradient(145deg,#fff,#f4f2ff)}
.button.primary,.submit,.nav-login{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #4338ca20}
.button.primary:hover,.submit:hover,.nav-login:hover{background:#3730a3}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
input[type=checkbox],input[type=radio]{accent-color:var(--accent)}
.hero{gap:64px;position:relative}.hero h1{font-size:clamp(42px,5.7vw,76px);line-height:1.04;letter-spacing:-3px}.hero h1 span{color:var(--ink)}
.hero-copy .eyebrow::before{content:'[ ';color:var(--accent);font-weight:700}.hero-copy .eyebrow::after{content:' ]';color:var(--accent);font-weight:700}
.login-card{background:#fff;border-top:4px solid var(--accent);box-shadow:0 16px 50px #4338ca0c}
.discover{background:var(--lime);color:var(--ink);border-radius:8px}
.product-section{background:var(--ink)}.demo-controls button[aria-pressed=true]{background:var(--lime);color:var(--ink)}
.demo-progress i{background:var(--accent)}.demo-row b{color:var(--accent)}
.feature-grid article,.landing-steps li{background:#fff;border-color:var(--line)}
.landing-steps li>span,.automation-grid span{background:#e9e6ff;color:var(--accent);border-radius:6px}
.landing-automation{background:#f4f2ff;border-color:var(--line)}
.success-chip,.status.done,.status-on{background:var(--lime);color:var(--ink)}
.mila-question{background:#f4f2ff;border-color:var(--line);border-left:4px solid var(--accent)}
.mila-question h3::before{content:'[ ';color:var(--accent)}.mila-question h3::after{content:' ]';color:var(--accent)}
.work-progress{background:var(--ink);font-family:Inter,sans-serif}.work-spinner{border-top-color:var(--lime)}
/* Checkboxes must not inherit the full-width text field geometry. */
form input[type=checkbox],form input[type=radio]{width:18px;height:18px;min-width:18px;padding:0;margin-top:2px}
@media(max-width:640px){.brand .brand-mark{min-width:42px;font-size:30px;height:38px}.hero{gap:28px}.hero h1{font-size:clamp(38px,10.5vw,54px);letter-spacing:-1.8px}.site-header{align-items:center}.site-header nav{font-size:12px}.sidebar,body.sidebar-collapsed .sidebar{background:var(--ink)}}
@media print{html,body,.main-content{background:#fff!important}.panel,.report-card{box-shadow:none}.brand .brand-mark{color:var(--ink)}}

.upload-zone{background:#fafaff;border-color:#d4cff9}.upload-zone h2{font-family:"Space Grotesk",sans-serif}.upload-zone.has-file{background:#f4f2ff;border-color:#4338ca}
