*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.65;color:#14112B;background:#FFFFFF;-webkit-font-smoothing:antialiased}
:where(a){color:#14112B;text-decoration:none}
:where(a:hover){color:#6A4BE0}
:focus-visible{outline:2px solid #6A4BE0;outline-offset:3px}
h1,h2,h3,p,li,label{text-wrap:pretty}
input,textarea{border-radius:0}

/* Hover states (mockups' style-hover attributes) */
.hover-bg-ink:hover{background:#241F45}
.hover-bg-ink-white:hover{background:#241F45;color:#FFFFFF}
.hover-violet:hover{background:#4A2D91;border-color:#4A2D91;color:#FFFFFF}
.hover-bg-mist:hover{background:#F5F4FA}
.hover-bg-mist-ink:hover{background:#F5F4FA;color:#14112B}
.hover-bg-white:hover{background:#FFFFFF}
.hover-bg-white-ink:hover{background:#FFFFFF;color:#14112B}
.hover-lilac:hover{color:#A48CFA}

/* Header: desktop navigation / mobile menu (switches at 980px) */
.site-nav-desktop{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:clamp(12px,1.6vw,26px)}
.site-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0 11px;background:#FFFFFF;border:1px solid #E4E1EE;cursor:pointer}
.site-nav-mobile{display:none;border-top:1px solid #E4E1EE;background:#FFFFFF;padding:8px clamp(20px,4vw,40px) 24px;flex-direction:column}
@media (max-width:980px){
  .site-nav-desktop{display:none}
  .site-burger{display:flex}
  .site-nav-mobile.is-open{display:flex}
}