/* Home page and "In plain words" page. Loaded after styles.css. All classes start with hm- */
.hero.hm-hero h1{font-size:clamp(2.7rem,7.2vw,7rem);line-height:.96;letter-spacing:-.055em;max-width:14ch}
.hero.hm-hero h1 span{opacity:.6}
.hm-hero .hero-row p{font-size:clamp(1.25rem,2.2vw,1.8rem);font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.03em}
.hm .eyebrow+.hm-h2{margin-top:22px}
.hm-h2{font:600 clamp(2.2rem,5.4vw,5rem)/1 Manrope,sans-serif;letter-spacing:-.06em;max-width:18ch}
.hm-h3{font:600 clamp(1.4rem,2.6vw,2rem)/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:2.2rem 0 .6rem}
.hm-big{font:600 clamp(3rem,9vw,8.5rem)/.94 Manrope,sans-serif;letter-spacing:-.065em;margin-top:22px}
.hm-lead{font:500 clamp(1.25rem,2.2vw,1.9rem)/1.25 Manrope,sans-serif;letter-spacing:-.03em;margin-top:22px;max-width:30ch}
.hm-soft{color:var(--muted);font-size:1.15rem;margin-top:18px;max-width:40ch}
.hm-promise .hm-soft,.hm-cta .hm-soft{color:#d9d7cd}
.hm-claim{font:600 clamp(1.6rem,3.6vw,3rem)/1.1 Manrope,sans-serif;letter-spacing:-.045em;margin-top:26px;opacity:.7}
.hm-sub{color:var(--muted);margin:.2rem 0 1rem}
.hm-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,100px);align-items:end}
.hm-split .hm-lead{margin-top:0}
.hm-card{background:#fff;border:1px solid var(--line);box-shadow:var(--sh);padding:clamp(20px,2.6vw,32px)}
.hm-card h3{font:600 clamp(1.2rem,2vw,1.6rem)/1.1 Manrope,sans-serif;letter-spacing:-.03em;margin-bottom:.6rem}
.hm-card p{color:var(--muted);margin-top:.8rem}
.hm-cmp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);margin-top:clamp(30px,5vw,56px)}
.hm-svg{width:100%;height:auto;display:block;margin-top:1rem}
.hm-svg .n{fill:var(--paper);stroke:var(--ink);stroke-width:2}
.hm-svg .l{stroke:var(--ink);stroke-width:2.5}
.hm-svg .d{stroke:var(--muted);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round}
.hm-svg text{fill:var(--ink);font:700 12px "DM Sans",Arial,sans-serif}
/* stairs: the value equation */
.hm-stairs{display:grid;gap:12px;margin-top:clamp(30px,5vw,56px)}
.hm-step{display:grid;grid-template-columns:3rem 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);padding:clamp(16px,2vw,24px) clamp(18px,2.6vw,32px);font:500 clamp(1.05rem,2vw,1.5rem)/1.2 Manrope,sans-serif;letter-spacing:-.02em}
.hm-step b{font-size:1.7rem;opacity:.35}
.hm-step span{display:block;font:400 .85rem "DM Sans",sans-serif;letter-spacing:0;color:var(--muted);margin-top:4px}
.hm-step em{font:700 .78rem "DM Sans",sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);padding:.45rem .9rem;white-space:nowrap}
.hm-step.s2{margin-left:clamp(0px,4vw,56px)}.hm-step.s3{margin-left:clamp(0px,8vw,112px)}.hm-step.s4{margin-left:clamp(0px,12vw,168px)}
.hm-step.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hm-step.on span{color:#d9d7cd}.hm-step.on em{border-color:rgba(247,245,239,.5)}.hm-step.on b{opacity:.7}
/* the edge keeps moving */
.hm-ages{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;margin-top:clamp(30px,5vw,56px)}
.hm-age{background:#fff;border:1px solid var(--line);box-shadow:var(--sh);padding:clamp(18px,2vw,28px)}
.hm-age small{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.8rem}
.hm-age strong{display:block;font:600 clamp(1.3rem,2.2vw,2rem)/1.08 Manrope,sans-serif;letter-spacing:-.04em;margin-bottom:.7rem}
.hm-age p{color:var(--muted);font-size:.95rem}
.hm-age.a1{min-height:170px}.hm-age.a2{min-height:240px}.hm-age.a3{min-height:310px}.hm-age.a4{min-height:380px}
.hm-age.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hm-age.on small,.hm-age.on p{color:#d9d7cd}
.hm-axis{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding-top:12px;border-top:2px solid var(--ink);color:var(--muted);font-size:.9rem}
/* journey */
.hm-journey{list-style:none;margin:clamp(34px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}
.hm-journey:before{content:"";position:absolute;left:10%;right:10%;top:29px;border-top:2.5px solid var(--ink)}
.hm-journey li{position:relative;text-align:center;font:600 clamp(1rem,1.9vw,1.35rem)/1.2 Manrope,sans-serif;letter-spacing:-.02em}
.hm-journey i{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:var(--paper);border:2.5px solid var(--ink);font:700 1.2rem "DM Sans",sans-serif;font-style:normal;box-shadow:var(--sh)}
/* soon / over time */
.hm-ticks{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.hm-ticks li{font:500 clamp(1.1rem,2vw,1.5rem)/1.25 Manrope,sans-serif;letter-spacing:-.02em;padding-left:1.8rem;position:relative}
.hm-ticks li:before{content:"✓";position:absolute;left:0;font-weight:800}
/* numbers flow */
.hm-flow{display:flex;align-items:stretch;gap:clamp(10px,2.4vw,28px);margin:clamp(30px,5vw,56px) 0 0}
.hm-flow .hm-card{flex:1;text-align:center}
.hm-flow strong{display:block;font:600 clamp(1.8rem,4.6vw,3.6rem)/1 Manrope,sans-serif;letter-spacing:-.05em}
.hm-flow span{color:var(--muted)}
.hm-flow i{align-self:center;font-style:normal;font-size:2rem}
.hm-cta .btns{margin-top:34px}
/* plain-words page */
.hm-narrow{max-width:760px}
.hm-plain p{font-size:1.2rem;line-height:1.6;margin-top:.6rem;max-width:60ch}
.hm-plain a{border-bottom:2px solid currentColor}
@media(max-width:960px){.hm-ages{grid-template-columns:repeat(2,1fr);align-items:stretch}.hm-age.a1,.hm-age.a2,.hm-age.a3,.hm-age.a4{min-height:0}.hm-split{grid-template-columns:1fr;align-items:start}}
@media(max-width:700px){.hm-cmp,.hm-ages{grid-template-columns:1fr}.hm-step{grid-template-columns:2rem 1fr}.hm-step em{grid-column:2;justify-self:start}.hm-step.s2,.hm-step.s3,.hm-step.s4{margin-left:0}
.hm-journey{grid-template-columns:1fr;gap:14px}.hm-journey:before{display:none}.hm-journey li{display:flex;align-items:center;gap:16px;text-align:left}.hm-journey i{margin:0;flex:none;width:48px;height:48px}
.hm-flow{flex-direction:column}.hm-flow i{transform:rotate(90deg)}}