:root {
    color-scheme: light;
    font-family: Tahoma, Arial, sans-serif;
    color: #182b30;
    background: #f5f8f8;
    line-height: 1.65;
}

* { box-sizing: border-box; }
body { margin: 0; }
.container { width: min(100% - 2.5rem, 68rem); margin-inline: auto; }
.site-header { background: #fff; border-bottom: 1px solid #e0e8e9; }
.header-content { min-height: 5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.company-name { font-size: 1.5rem; font-weight: 700; }
.language-link { color: #006b76; text-underline-offset: 0.3rem; padding: 0.5rem; }
.language-link:focus-visible { outline: 2px solid #0099a8; outline-offset: 3px; }
.main-content { padding-block: clamp(3rem, 10vh, 7rem); }
.welcome-panel { max-width: 48rem; border-inline-start: 4px solid #0099a8; padding-inline-start: clamp(1.25rem, 4vw, 2.5rem); }
.eyebrow { margin: 0 0 0.75rem; color: #006b76; }
h1 { margin: 0 0 1rem; font-size: clamp(1.8rem, 5vw, 3rem); line-height: 1.45; overflow-wrap: anywhere; }
.description { margin: 0; color: #53656a; font-size: 1.1rem; }
.reference { color: #53656a; font-size: 0.85rem; overflow-wrap: anywhere; }