html {font-size:16px}
:root {--brand-500:#336AE1;--brand-300:#8fbfff;--focus-ring: rgba(51,106,225,0.18)}
body {font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;line-height:1.5;color:#0f172a;background-color:#ffffff;min-height:100vh}
img, picture, video {max-width:100%;height:auto;display:block;object-fit:cover}
a {color:inherit;text-decoration:none}
button {font-family:inherit}
:focus {outline: none}
:focus-visible {box-shadow: 0 0 0 4px var(--focus-ring);border-radius: 8px}
button:disabled, [disabled] {opacity:0.6;cursor:not-allowed}
.container {max-width:1120px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
@media (min-width:640px) {.container{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:1024px) {.container{padding-left:2.5rem;padding-right:2.5rem}}
#mobileMenu {transition: opacity 320ms ease, visibility 320ms ease}
#mobileMenu.hidden {opacity:0;visibility:hidden}
#mobileMenu:not(.hidden) {opacity:1;visibility:visible}
#mobileMenu > div > div.bg-white {transform: translateY(16px);opacity:0;transition: transform 320ms cubic-bezier(.2,.9,.3,1), opacity 320ms ease}
#mobileMenu:not(.hidden) > div > div.bg-white {transform: translateY(0);opacity:1}
body.menu-open {overflow: hidden}
#cookieBanner {transition: transform 240ms ease, opacity 240ms ease}
#cookieBanner.cookie-hidden {opacity:0;transform: translateY(8px);pointer-events:none}
.modal {max-height:90vh;overflow:auto}
.iconify {display:inline-block;height:1em;width:1em;vertical-align:-0.125em}
.icon-soft {opacity:.9;transition:transform .28s ease,opacity .28s ease}
.icon-soft:focus-visible, .icon-soft:active, .icon-soft:hover {transform:translateY(-4%);opacity:1}
.card {border-radius:1rem}
.shadow-soft {box-shadow: 0 6px 18px rgba(15,23,42,0.06)}
.rounded-2xl {border-radius:1rem}
.rounded-xl {border-radius:0.75rem}
.hero-media {max-height:480px;overflow:hidden;border-radius:1rem}
.grid-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.button-primary {background-image:linear-gradient(90deg,var(--brand-300),var(--brand-500));color:#ffffff;padding:0.6rem 1.1rem;border-radius:1rem;border:0}
.button-secondary {background:transparent;border:1px solid rgba(15,23,42,0.06);padding:0.6rem 1.1rem;border-radius:1rem;color:#0f172a}
.kv {display:flex;align-items:center;gap:0.75rem}
.kv .icon {height:44px;width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.visually-hidden {position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (prefers-reduced-motion: reduce) {#mobileMenu > div > div.bg-white {transition:none} #cookieBanner {transition:none} .icon-soft {transition:none} }