:root {
    --aranox-navy: #07182f;
    --aranox-blue: #0b2b55;
    --aranox-cyan: #00a6d6;
    --aranox-slate: #566275;
    --aranox-light: #f3f6f9;
    --aranox-white: #ffffff;
    --aranox-border: #d9e1e8;
    --aranox-text: #162235;
    --aranox-container: 1280px;
    --aranox-radius: 14px;
    --aranox-shadow: 0 18px 45px rgba(7, 24, 47, .10);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--aranox-text); background: var(--aranox-white); font-family: Arial, Helvetica, sans-serif; line-height: 1.65; }
body.menu-is-open { overflow: hidden; }
a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .18em; }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
.aranox-container { width: min(calc(100% - 40px), var(--aranox-container)); margin-inline: auto; }
.site-main { min-height: 45vh; }
.content-narrow { max-width: 900px; padding-block: 70px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { position: fixed; z-index: 99999; top: 10px; left: 10px; width: auto; height: auto; padding: 12px 18px; clip: auto; background: #fff; color: #000; }