html{box-sizing:border-box;}
body{margin:0;padding:0;font-family:"Merriweather", sans-serif;}
*,*::before,*::after{box-sizing:inherit;}
:root {
  --ink-panel: #1a1f2b;
  --label-heading: calc(16.4px * 1.35);
  --surface-primary: #e7e2d7;
  --motion-panel: ease-in-out;
  --surface-deep: #12213f;
  --tone-extra-17: #2a2f3a;
  --surface-muted: #f4f1ea;
  --ink-secondary: #d8d2c5;
  --ink-main: linear-gradient(135deg, #0b1730 0%, #12213f 52%, #1c2f57 100%);
  --line-accent: #f4f1ea;
  --ink-inverse: #12161f;
  --tone-secondary: #f4f1ea;
  --ink-clear: #b3121f;
  --ink-warm: #12213f;
  --type-main: 1.67;
  --tone-strong: #12213f;
  --tone-card: #fdf6f2;
  --shadow-panel: 0 10px 28px rgba(0,0,0,0.11);
  --paint-card: #f4f1ea;
  --surface-secondary: #fbf9f4;
}

a{color:inherit;}
.cookies{position:fixed;right:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);z-index:1200}
.cookies .visual-figure{width:min(24rem,calc(100vw - 28px));padding:14px 16px;border:1px solid var(--ink-secondary);border-radius:20px;background:var(--surface-primary);color:var(--tone-extra-17);box-shadow:var(--shadow-panel)}
.cookies strong{display:block;font-size:var(--label-heading)}
.cookies p{margin:6px 0 0;line-height:var(--type-main)}
.cookies .soft-benefit{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.cookies .soft-benefit button{border:1px solid var(--ink-secondary);background:var(--surface-secondary);color:var(--ink-panel);border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700}
.cookies .soft-benefit button.cookie-accept{background:var(--ink-clear);color:var(--tone-card);border-color:transparent}