/* TD Tool — technisch & krachtig. */
:root{--blue:#00b7ff;--bg:#03151e}
.brand{align-items:flex-start;justify-content:center;padding:25px 18px 24px;min-height:134px;gap:10px}
.brand img{width:100%;max-width:230px;height:auto;aspect-ratio:4.6;object-fit:contain}
.brand-subtitle{font-size:12px;letter-spacing:.08em;color:var(--muted);margin-top:0}
.topbar strong{font-weight:800;letter-spacing:.08em}.topbar .company{font-weight:800;letter-spacing:.06em}.topbar .company small{font-weight:400;letter-spacing:0}
.dialog-brand{align-items:center}.dialog-brand strong{display:flex;align-items:center;gap:12px;letter-spacing:.04em}.dialog-brand .dialog-logo{width:42px;height:28px;object-fit:contain}
.settings-about .brand-mark{width:100%;max-width:270px;height:auto;aspect-ratio:4.6;object-fit:contain;filter:none}.settings-about .brand-subtitle{margin:12px 0 24px}
.report-paper>img{width:200px;height:auto;filter:none!important}.report-paper .paper-logo{letter-spacing:.06em;font-size:12px;color:#33516a;margin-top:8px}
body.light .brand{background:var(--sidebar)}
body.light .brand img,body.light .settings-about .brand-mark{content:url('/assets/td-tool-logo-light.svg')}
@media(max-width:700px){.topbar .company{display:none}.brand{padding:22px 18px}.dialog-brand strong{font-size:12px}}

body:not(.light) .hero-image[src$='-td.png'],body:not(.light) .hero-art[src$='-td.png']{mix-blend-mode:lighten}


.page-hero:has(.hero-image[src*='-banner-td.png']) .hero-slogan{display:none}.page-hero .hero-image[src*='-banner-td.png']{right:0;width:50%}