:root {
  --color-primary: #1a73e8;
  --color-secondary: #e91e63;
  --color-dark: #1a1a1a;
  --color-light: #f9f9f9;
  --font-sans: 'Helvetica Neue', Arial, sans-serif;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --pad: clamp(12px, 2vw, 24px);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.55;
  color: #111;
  background: #fff;
}
a {
  color: var(--color-primary);
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

h1,h2,h3{line-height:1.2;letter-spacing:-.02em;}
h1,h2,h3,h4,h5,h6{margin:0 0 .5em;}
h1{font-size:2.25rem;}
h2{font-size:1.75rem;}
h3{font-size:1.5rem;}

.container, .section.container {max-width:1100px; margin:0 auto; padding:clamp(24px,3vw,48px) 20px;}