

:root {
  
  --c-bg: #f3f7f7;
  --c-surface: #ffffff;
  --c-fg: #1e2a2d;
  --c-muted: #5c6f72;
  --c-accent: #3e7c8a;
  --c-accent-soft: #a9c9c9;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  --radius-sm: 4px;
  --radius-md: 14px;
  --radius-lg: 32px;

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--c-bg);
  color: var(--c-fg);
  font-family: var(--font-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img,
svg {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-display);
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.01em;
}

p {
  margin: 0;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--space-3);
}

.site-header {
  position: relative;
  z-index: 100;
  padding: var(--space-3) 0;
  background-color: var(--c-bg);
  border-bottom: 1px solid var(--c-accent-soft);
}

.site-header .container {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.brand-logo {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.brand-name {
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--c-fg);
}

.site-footer {
  background-color: var(--c-fg);
  color: var(--c-bg);
  padding: var(--space-5) 0 var(--space-3);
}

.site-footer .footer-top {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: var(--space-4);
  padding-bottom: var(--space-4);
}

.site-footer .footer-brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
}

.site-footer .footer-brand .brand-name {
  color: var(--c-bg);
}

.site-footer p {
  color: var(--c-accent-soft);
  max-width: 32ch;
}

.site-footer h5 {
  font-family: var(--font-body);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--c-accent-soft);
  margin-bottom: var(--space-2);
}

.site-footer .footer-links li {
  margin-bottom: var(--space-1);
}

.site-footer .footer-links a {
  color: var(--c-bg);
}

.site-footer address {
  font-style: normal;
  color: var(--c-bg);
}

.footer-bottom {
  border-top: 1px solid rgba(169, 201, 201, 0.25);
  padding-top: var(--space-3);
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  color: var(--c-accent-soft);
  font-size: 0.85rem;
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .site-footer .footer-top {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .site-footer .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
  }
}

.features .section-intro .section-title,.features .section-intro p:last-child{color:var(--c-bg)}.features .section-intro > p:last-child{color:var(--c-accent-soft)}.capabilities{background-color:var(--c-bg)}.how-it-works{background-color:var(--c-bg)}.products{background-color:var(--c-fg)}.benefits{background-color:var(--c-bg)}.metrics{background-color:var(--c-fg)}.metric{display:flex;flex-direction:column;gap:var(--space-1)}.testimonials{background-color:var(--c-bg)}.faq{background-color:var(--c-fg)}.ritual-library{background-color:var(--c-bg)}.case-study{background-color:var(--c-fg)}.contacts{background-color:var(--c-bg)}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:200;background-color:var(--c-fg);color:var(--c-bg);border-top:1px solid rgba(169,201,201,0.25);box-shadow:0 -12px 34px rgba(30,42,45,0.25)}.cookie-banner[hidden]{display:none}.cookie-banner__inner{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.cookie-banner__copy{flex:1 1 380px}.cookie-banner__copy h2{font-size:1.15rem;color:var(--c-bg);margin-bottom:var(--space-1)}.cookie-banner__copy p{color:var(--c-accent-soft);font-size:0.9rem;max-width:70ch}.cookie-banner__copy a{color:var(--c-bg);text-decoration:underline}.cookie-banner__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0}.cookie-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:600;font-size:0.9rem;border:1px solid transparent}.cookie-button--primary{background-color:var(--c-accent);color:var(--c-bg)}.cookie-button--secondary{background-color:transparent;color:var(--c-bg);border-color:var(--c-accent-soft)}.cookie-dialog{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-3);background-color:color-mix(in srgb,var(--c-fg) 60%,transparent)}.cookie-dialog[hidden]{display:none}.cookie-dialog__panel{width:100%;max-width:520px;background-color:var(--c-surface);color:var(--c-fg);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 24px 60px rgba(30,42,45,0.28)}.cookie-dialog__panel h2{font-size:1.3rem;margin-bottom:var(--space-2)}.cookie-dialog__panel > p{color:var(--c-muted);margin-bottom:var(--space-3)}.cookie-option{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--c-accent-soft);font-size:0.9rem}.cookie-option input{margin-top:0.25rem;flex-shrink:0}.cookie-option strong{color:var(--c-fg)}.cookie-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.cookie-dialog__actions .cookie-button--secondary{color:var(--c-fg);border-color:var(--c-fg)}@media (max-width:640px){.cookie-banner__inner{flex-direction:column;align-items:flex-start}.cookie-banner__actions{width:100%}.cookie-button{flex:1 1 auto}}

