body{margin:0;padding:0;font-family:"IBM Plex Sans", sans-serif;}
*,*::before,*::after{box-sizing:border-box;}
:root {
  --corner-large: 0.4rem;
  --gutter-medium: 1.35rem;
  --copy-lead: 24px;
  --font-meta: 1.65;
  --copy-strong: 17px;
  --font-small: 22px;
  --tone-accent: #f4f2ec;
  --tone-main: #ffffff;
  --surface-warm: linear-gradient(160deg, #22343a 0%, #2f5d50 55%, #3d6b86 100%);
  --delay-entry: 260ms;
  --corner-panel: 1rem;
  --depth-card: 0 18px 44px rgba(28, 38, 44, 0.16);
  --surface-panel: #22231f;
  --radius-round: 0.7rem;
  --lift-medium: 0 6px 18px rgba(28, 38, 44, 0.10);
  --tone-extra-24: #2f5d50;
  --ink-deep: #3d6b86;
  --ease-panel: cubic-bezier(0.22, 0.61, 0.36, 1);
  --radius-extra-29: 1.4rem;
  --ink-base: #f4f2ec;
  --copy-large: 56px;
  --ink-light: #22231f;
  --line-primary: #f4f2ec;
  --surface-primary: #d8d4c7;
  --tone-base: #f4f2ec;
  --font-button: 38px;
  --paint-soft: #f4f2ec;
  --tone-panel: #22343a;
  --tone-page: #22231f;
  --shadow-image: 0 1px 2px rgba(28, 38, 44, 0.06);
  --ink-cool: #e7e4da;
}

.set{position:relative;overflow:hidden;isolation:isolate;}
.set>*{position:relative;z-index:1;}
.set::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 + (1 * 5s)) var(--ease-panel) infinite alternate;pointer-events:none;}
@keyframes wpAccentRing{from{transform:scale(.96);}to{transform:scale(1.04) translateY(calc(1 * .4rem));}}
@media (prefers-reduced-motion: reduce){.set::before,.set::after{animation:none!important;}}