/* self-hosted, SIL OFL 1.1 (Google Fonts) */
@font-face {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(fonts/albert-sans-i7dOIFdwYjGa.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(fonts/public-sans-ijwRs572Xtc6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Style "Stille". Reference lock: Piet Oudolf (oudolf.com). Preserve: pure white canvas; large, LIGHT grotesk display
   (Albert Sans 300, tight -0.03em) as the centrepiece; monochrome: near-black ink, soft greys, hairline 1px borders;
   understated small navigation; generous, gallery-like space; no shadows, no decorative accent palette.
   Borrowed (AIUC): faintly tinted full-bleed bands for alternating sections; dark charcoal buttons with 3px radius.
   Roles: --accent (muted slate) only for small labels and the tint of bands; never for buttons or headlines.
   Reject: serif, italic accent words, cream canvas, ornaments, doves, candles, flowers, script type, gradients, pills. */
:root{--canvas:#fff;--paper:#fff;--ink:#16191b;--char:#3e4447;--mute:#6f777b;--stone:#d3d7d9;--line:#e6e9ea;--shadow:none;
  --accent:#4b5b66;--band:color-mix(in srgb,var(--accent) 6%,#fff);
  --serif:"Albert Sans",Arial,sans-serif;--sans:"Public Sans",Arial,sans-serif}
body{background:#fff;color:var(--ink);font-family:var(--sans)}
h1,h2,.price .amt,.brand{font-family:"Albert Sans";font-weight:300;letter-spacing:-.03em}
h1{font-size:clamp(42px,6vw,82px);line-height:1.02}
h2{font-size:clamp(30px,4vw,50px);line-height:1.06}
h3{font:500 19px/1.3 "Albert Sans",var(--sans);letter-spacing:-.01em}
.brand{font-size:24px;font-weight:500;letter-spacing:-.02em}
.nav a{color:var(--mute)}.nav a:hover{color:var(--ink)}
header{border-bottom:1px solid var(--line)}
.note{background:#fff;border-bottom:1px solid var(--line);color:var(--mute);font-weight:400}
.eyebrow{border:0;background:none;padding:0;color:var(--accent);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:12.5px}
.sub{color:var(--char)}
.btn{border-radius:3px;font-weight:500;letter-spacing:0}
.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover{background:#2c3134}
.btn.ghost{border:1px solid var(--stone);border-radius:3px;color:var(--ink)}
/* hero: the eulogy as a plain printed page, no tilt, no stack of colour */
.sheet{border-radius:3px;border:1px solid var(--line);box-shadow:none}
.sheet.s2,.sheet.s3{display:none}
.sheet .tag{background:none;padding:0;border-radius:0;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-weight:500}
.sheet .doc,.sample blockquote,.result-box .text{font:400 18px/1.7 var(--sans);color:var(--ink)}
.card,.sample,.price,.q,.tool,.result-box{border-radius:3px;box-shadow:none;border:1px solid var(--line)}
.card .n{border:1px solid var(--stone);background:#fff;color:var(--ink);font-weight:500;border-radius:3px}
.pains li,.opt{border-radius:3px;border:1px solid var(--line);background:#fff}
.answers li,.qprog{border-radius:3px}.qprog i{background:var(--ink)}
.sample .label{color:var(--accent)}
details summary{font:500 19px/1.35 "Albert Sans",var(--sans)}
.price .amt{font-weight:300}
.benefits li::before{border-color:var(--accent)}
/* alternating faint bands, full bleed (AIUC) */
html{overflow-x:clip}
#example,#compare,#offer{position:relative;isolation:isolate}
#example::before,#compare::before,#offer::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:-1;background:var(--band)}
section + section{border-top:0}
.final{padding:84px 0}
.glist a{font:400 20px "Albert Sans",var(--sans)}
.sticky{background:rgba(255,255,255,.95)}
input,select,textarea{border-radius:3px!important}

:root{--accent:#4b5b66}