/* Shared header and footer for every closima.com page (index, contact, terms, privacy). */
:root {
  --blue: #003594; --blue-deep: #00256b; --blue-ink: #001a4d; --yellow: #fdd201;
  --paper: #fafaf7; --white: #fff; --ink: #111418; --muted: #4a5160; --line: #e3e6ee;
  --sans: "Outfit", system-ui, sans-serif; --ease: cubic-bezier(.2, .7, .2, 1);
}
.wrap { width: min(1200px, 100% - 40px); margin: 0 auto; }
.btn { display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 28px; border-radius: 999px; font: 600 16.5px/1 var(--sans); text-decoration: none; transition: transform .2s var(--ease), box-shadow .2s, background .2s, border-color .2s; }
.btn-main { background: var(--blue); color: #fff; box-shadow: 0 16px 32px -16px rgba(0, 53, 148, .75); }
.btn-main:hover { transform: translateY(-2px); background: var(--blue-deep); }
/* Nav */
.nav { position: sticky; top: 0; z-index: 30; background: rgba(250, 250, 247, .88); backdrop-filter: blur(12px); border-bottom: 1px solid transparent; transition: border-color .3s; }
.nav.scrolled { border-color: var(--line); }
.nav .wrap { display: flex; align-items: center; gap: 28px; min-height: 76px; }
.nav .logo img { height: 30px; width: auto; }
.nav nav { display: flex; gap: 28px; margin-left: auto; font-weight: 500; font-size: 15.5px; }
.nav nav a { text-decoration: none; color: var(--muted); }
.nav nav a:hover { color: var(--blue); }
.nav .actions { display: flex; align-items: center; gap: 18px; }
.nav .btn { min-height: 44px; padding: 0 20px; font-size: 15px; }
@media (max-width: 900px) { .nav nav { display: none; } .nav .actions { margin-left: auto; } }
.site-foot { padding: 56px 0 40px; color: var(--muted); font-size: 14.5px; border-top: 1px solid var(--line); }
.site-foot .foot-cols { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 32px; }
.site-foot .foot-brand img { height: 26px; width: auto; display: block; }
.site-foot .foot-brand p { margin: 14px 0 0; max-width: 30ch; line-height: 1.5; }
.site-foot nav { display: grid; gap: 10px; align-content: start; }
.site-foot h3 { margin: 0 0 4px; font: 700 13px "Outfit", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--blue-ink); }
.site-foot .foot-legal { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13.5px; }
.site-foot .foot-legal span { margin-right: auto; }
@media (max-width: 760px) { .site-foot .foot-cols { grid-template-columns: 1fr 1fr; } .site-foot .foot-brand { grid-column: 1 / -1; } }
.cookie-link { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }
.cookie-link:hover { color: var(--blue); }
.site-foot a { text-decoration: none; color: inherit; font-weight: 400; }
.site-foot a:hover { color: var(--blue); }
.site-foot p { color: inherit; }