@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap");
/* Vatia color. Light is the base theme; dark is supported in both flavours
   (system preference, and explicit [data-theme="dark"]). Never write a hex
   literal in a component — every color below is a token. */
:root{
  /* surfaces */
  --ground:#FBFAFD;
  --surface:#FFFFFF;
  --raised:#F5F3F9;
  /* lines */
  --line:#E4E0EC;
  --line-soft:#EEEBF4;
  /* ink */
  --ink:#14111C;
  --ink-2:#453E56;
  --muted:#6B6480;
  /* accent — the one violet */
  --accent:#7C3AED;
  --accent-text:#6D28D9;
  --accent-soft:#F1EBFE;
  --accent-line:#C9B4FB;
  --on-accent:#FFFFFF;
  /* status */
  --dev:#6B6480;
  --dev-soft:#EEEBF4;
  --ok:#0F7A52;
  --warn:#8A5A06;
  /* semantic aliases */
  --bg-page:var(--ground);
  --bg-card:var(--surface);
  --bg-sunken:var(--raised);
  --bg-accent:var(--accent);
  --bg-accent-soft:var(--accent-soft);
  --text-heading:var(--ink);
  --text-body:var(--ink-2);
  --text-quiet:var(--muted);
  --text-accent:var(--accent-text);
  --text-on-accent:var(--on-accent);
  --border-default:var(--line);
  --border-quiet:var(--line-soft);
  --border-accent:var(--accent-line);
  --focus-ring:var(--accent);
}
/* System dark. An explicit [data-theme="light"] re-states the light values below,
   so the light choice still wins inside this media query. */
@media (prefers-color-scheme:dark){:root{
  --ground:#100D18;
  --surface:#17131F;
  --raised:#1E1929;
  --line:#2C2538;
  --line-soft:#221C2E;
  --ink:#EDE9F5;
  --ink-2:#C3BBD4;
  --muted:#938BA6;
  --accent:#A78BFA;
  --accent-text:#BCA4FB;
  --accent-soft:#1E1730;
  --accent-line:#4A3A70;
  --on-accent:#14111C;
  --dev:#938BA6;
  --dev-soft:#221C2E;
  --ok:#4ADE9E;
  --warn:#FBBF24;
}
:root[data-theme="light"]{
  --ground:#FBFAFD;
  --surface:#FFFFFF;
  --raised:#F5F3F9;
  --line:#E4E0EC;
  --line-soft:#EEEBF4;
  --ink:#14111C;
  --ink-2:#453E56;
  --muted:#6B6480;
  --accent:#7C3AED;
  --accent-text:#6D28D9;
  --accent-soft:#F1EBFE;
  --accent-line:#C9B4FB;
  --on-accent:#FFFFFF;
  --dev:#6B6480;
  --dev-soft:#EEEBF4;
  --ok:#0F7A52;
  --warn:#8A5A06;
}}
:root[data-theme="dark"]{
  --ground:#100D18;
  --surface:#17131F;
  --raised:#1E1929;
  --line:#2C2538;
  --line-soft:#221C2E;
  --ink:#EDE9F5;
  --ink-2:#C3BBD4;
  --muted:#938BA6;
  --accent:#A78BFA;
  --accent-text:#BCA4FB;
  --accent-soft:#1E1730;
  --accent-line:#4A3A70;
  --on-accent:#14111C;
  --dev:#938BA6;
  --dev-soft:#221C2E;
  --ok:#4ADE9E;
  --warn:#FBBF24;
}


*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--ground);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:16.5px;line-height:1.62}
a{color:var(--accent-text)}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3,p{margin:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

[data-v4-1]:hover{filter:brightness(1.07);color:var(--on-accent)}
[data-v4-2]:hover{border-color:var(--accent);color:var(--accent-text)}
[data-v4-3]:hover{border-color:var(--accent)}
[data-v4-4]:hover{color:var(--accent-text)}
[data-v4-5]:hover{filter:brightness(1.07);color:var(--on-accent)}
[data-v4-6]:hover{border-color:var(--accent)}
[data-v4-7]:hover{color:var(--accent-text);filter:brightness(1.05)}
[data-v4-8]:hover{color:var(--accent-text)}
[data-v4-9]:hover{color:var(--accent-text)}
[data-v4-10]:hover{color:var(--accent-text)}
[data-v4-11]:hover{color:var(--accent-text)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}
a{color:var(--accent-text)}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3,p{margin:0}
input,textarea,select{font:inherit;color:var(--ink)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{[data-noprint]{display:none!important}body{background:#fff}[data-printcol]{display:block!important}}

[data-v4-13]:hover{border-color:var(--accent);color:var(--accent-text)}
[data-v4-14]:hover{border-top-color:var(--accent)}
[data-v4-15]:hover{border-color:var(--accent)}
[data-v4-16]:hover{border-color:var(--accent)}
[data-v4-17]:hover{border-color:var(--accent)}
[data-v4-18]:hover{border-color:var(--accent);color:var(--accent-text)}
[data-v4-19]:hover{filter:brightness(1.07)}
[data-v4-20]:hover{filter:brightness(1.07)}
[data-v4-21]:hover{border-color:var(--accent);color:var(--accent-text)}
[data-v4-22]:hover{border-color:var(--accent);color:var(--accent-text)}
[data-v4-23]:hover{filter:brightness(1.07)}
/* Shared production shell, approved exception to prototype chrome. */
:root[data-brand="vatia"]{--cf-bg:var(--ground);--cf-surface:var(--surface);--cf-ink:var(--ink);--cf-muted:var(--muted);--cf-line:var(--line)}
.vatia-v4{overflow-wrap:anywhere}
@media print{.cf-header,.cf-footer,.cf-whatsapp,#chatwoot_live_chat_widget{display:none!important}.vatia-v4{color:#111;background:white}}

:root[data-brand="vatia"] .cf-header-inner{gap:16px}
:root[data-brand="vatia"] .cf-navigation{gap:16px}
:root[data-brand="vatia"] .cf-corporate{display:none}