:root {
  --line-base: #3E444D;
  --tone-extra-12: #1A1D22;
  --corner-panel: 0.25rem;
  --ink-panel: #C5CAD1;
  --gutter-wide: 2rem;
  --line-deep: #2B3037;
  --ink-page: linear-gradient(135deg, #23272E 0%, #2B3037 55%, #3A2A1C 100%);
  --line-primary: #2E333B;
  --tone-light: #B87333;
  --paint-cool: #E8EAED;
  --surface-accent: #F3F4F6;
  --surface-card: #F3F4F6;
  --ease-slow: cubic-bezier(0.16,1,0.3,1);
  --shadow-soft: 0 2px 4px rgba(0,0,0,0.16);
  --stack-nav: 1.5rem;
  --line-card: #23272E;
  --line-accent: #E8EAED;
  --surface-dark: #E8EAED;
  --tone-warm: #4A6B8A;
  --tone-muted: #B87333;
  --ink-base: #1A1D22;
  --curve-medium: 0.88rem;
}

body{margin:0;padding:0;font-family:"IBM Plex Sans", sans-serif;box-sizing:border-box;}
*,*::before,*::after{box-sizing:border-box;}
.cookies{position:fixed;left:var(--gutter-wide);bottom:var(--stack-nav);width:min(360px,calc(100vw - (var(--gutter-wide) * 2)));z-index:1200;}
.cookies .simple-nav{border:1px solid var(--line-base);border-radius:var(--curve-medium);background:var(--line-primary);color:var(--paint-cool);padding:var(--stack-nav) var(--gutter-wide);box-shadow:var(--shadow-soft);}
.cookies .simple-nav h3{margin:0 0 6px;}
.cookies .simple-nav p{margin:0;}
.cookies .service-benefit{margin-top:12px;display:flex;gap:8px;}
.cookies .service-benefit button{flex:1;border:1px solid var(--line-base);border-radius:var(--corner-panel);background:var(--line-primary);color:var(--paint-cool);padding:8px 10px;cursor:pointer;}
.cookies .service-benefit button.cookie-accept{background:var(--tone-light);border-color:var(--tone-light);color:var(--ink-base);}
.service-area{position:relative;overflow:hidden;isolation:isolate;}
.service-area>*{position:relative;z-index:1;}
.service-area::after{content:"";position:absolute;right:clamp(1rem,5vw,4rem);top:18%;width:clamp(5rem,13vw,9rem);aspect-ratio:1;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;opacity:.55;animation:wpAccentRing calc(18s + (2 * 5s)) var(--ease-slow) infinite alternate;pointer-events:none;}
@keyframes wpAccentRing{from{transform:scale(.96);}to{transform:scale(1.04) translateY(calc(2 * .4rem));}}
@media (prefers-reduced-motion: reduce){.service-area::before,.service-area::after{animation:none!important;}}