/* Fonts: served by this site, never from a third-party origin (knowledge/compliance/web-third-party-resources.md). */
@font-face{font-family:"Poppins";font-weight:300;font-style:normal;font-display:swap;src:url("../assets/fonts/Poppins-300-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-weight:300;font-style:normal;font-display:swap;src:url("../assets/fonts/Poppins-300-latin-ext.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-weight:400;font-style:normal;font-display:swap;src:url("../assets/fonts/Poppins-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-weight:400;font-style:normal;font-display:swap;src:url("../assets/fonts/Poppins-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-weight:500;font-style:normal;font-display:swap;src:url("../assets/fonts/Poppins-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-weight:500;font-style:normal;font-display:swap;src:url("../assets/fonts/Poppins-500-latin-ext.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-weight:600;font-style:normal;font-display:swap;src:url("../assets/fonts/Poppins-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-weight:400;font-style:normal;font-display:swap;src:url("../assets/fonts/InstrumentSerif-400-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-weight:400;font-style:normal;font-display:swap;src:url("../assets/fonts/InstrumentSerif-400-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-weight:400;font-style:italic;font-display:swap;src:url("../assets/fonts/InstrumentSerif-400-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-weight:400;font-style:italic;font-display:swap;src:url("../assets/fonts/InstrumentSerif-400-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Site-level values the product's token file does not carry. */
:root{
  --accent: var(--color-highlight-blue);
  --page-max: 1120px;
  --gutter: clamp(20px, 4vw, 48px);
  --section-gap: clamp(48px, 5.6vw, 88px);
  /* the soft blue of the one-pager's corner washes, sampled from its gradient */
  --wash: 50 129 180;
  color-scheme: light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

body{
  margin:0;
  background:var(--color-surface-canvas);
  color:var(--color-text-primary);
  font-family:var(--font-family-sans);
  font-size:var(--font-size-body);
  font-weight:var(--font-weight-regular);
  line-height:var(--font-leading-body);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3{margin:0;font-weight:var(--font-weight-light);line-height:var(--font-leading-heading);text-wrap:balance}
h1{font-family:var(--font-family-accent);font-weight:400;font-size:clamp(40px,7vw,92px);line-height:1.0;letter-spacing:-.01em}
h2{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.015em}
h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:1.35}
p{margin:0}
a{color:inherit}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}

.accent{font-family:var(--font-family-accent);font-style:italic;font-weight:400;font-size:1.06em;letter-spacing:0}
.lede{font-size:var(--font-size-body-lg);color:var(--color-text-secondary);max-width:36em}
.muted{color:var(--color-text-secondary)}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* layout */
.wrap{width:100%;max-width:var(--page-max);margin:0 auto;padding-inline:var(--gutter)}
section{padding-block:var(--section-gap)}
.section-head{display:grid;gap:var(--space-4);max-width:36em;margin-bottom:var(--space-7)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--size-control);padding:0 var(--space-5);
  border-radius:var(--radius-pill);border:var(--line-hairline) solid var(--color-border-hairline);background:var(--color-surface-card);
  font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:var(--color-neutral-400)}
.btn--primary{background:var(--color-neutral-900);color:var(--color-text-inverse);border-color:var(--color-neutral-900)}
.btn--primary:hover{background:var(--color-neutral-700)}

/* dots and chips, the product's language */
.dot{display:inline-block;flex:none;width:var(--dot-sm);height:var(--dot-sm);border-radius:50%;background:var(--c,var(--accent))}
.chip{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--size-chip-sm);padding:0 var(--space-3);
  border-radius:var(--radius-pill);border:var(--line-hairline) solid var(--color-border-hairline);background:var(--color-surface-card);
  font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap}
.chip--dashed{border-style:dashed;color:var(--color-text-secondary)}
.chip--band-low{background:var(--color-band-low-tint);color:var(--color-band-low-text);border-color:transparent}
.chip--band-medium{background:var(--color-band-medium-tint);color:var(--color-band-medium-text);border-color:transparent}
.chip--band-high{background:var(--color-band-high-tint);color:var(--color-band-high-text);border-color:transparent}

/* cards */
.card{background:var(--color-surface-card);border:var(--line-hairline) solid var(--color-border-hairline);border-radius:var(--radius-lg);padding:var(--space-5)}

@media print{
  .bar,.demo__tabs,.form{display:none}
  body{background:#fff}
}