/* Helande: Manrope, clay, slate and warm paper. Shared styles for every page. */
:root {
  --ink:#232b32; --ink-soft:#55606a; --ink-faint:#626e77;
  --clay:#d65a45; --clay-deep:#b9402b; --clay-dark:#8c3423; --clay-tint:#f6ddd6;
  --blush:#f9efec; --paper:#f4f5f3; --paper-edge:#dce1dd; --white:#fff;
  --teal:#37726c; --dusty:#98b2c1;
  --step--1:clamp(.88rem,.84rem + .15vw,.96rem);
  --step-0:clamp(1rem,.96rem + .2vw,1.12rem);
  --step-1:clamp(1.2rem,1.12rem + .38vw,1.45rem);
  --step-2:clamp(1.5rem,1.34rem + .75vw,2.05rem);
  --step-3:clamp(1.9rem,1.58rem + 1.55vw,3rem);
  --gutter:clamp(1.25rem,4vw,4rem); --space-section:clamp(3.5rem,7vw,6rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--ink-soft) var(--paper)}
body{margin:0;color:var(--ink);background:var(--white);font:400 var(--step-0)/1.65 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::selection{color:var(--ink);background:var(--clay-tint)}
[hidden],.hp{display:none!important}
[id]{scroll-margin-top:6rem}
img{display:block;max-width:100%;height:auto}
figure,p{margin:0}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.028em;line-height:1.1;text-wrap:balance}
h1{font-size:clamp(2.7rem,1.8rem + 3.2vw,4.6rem);max-width:16ch}
h2{font-size:var(--step-3);max-width:23ch}
h3{font-size:var(--step-1);letter-spacing:-.015em;line-height:1.3}
a{color:var(--clay-deep);text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:var(--clay-dark)}
:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
:target{scroll-margin-top:6rem}
button,input,select,textarea{font:inherit;caret-color:var(--clay-deep)}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.7}
input::placeholder,textarea::placeholder{color:var(--ink-faint);opacity:1}
.skip{position:absolute;left:-9999px;background:var(--ink);color:white;padding:.75rem 1.25rem;z-index:100}
.skip:focus{left:0;top:0}
.wrap{max-width:76rem;width:100%;margin-inline:auto;padding-inline:var(--gutter)}
.band{padding-block:var(--space-section)}
.band--paper{background:var(--paper)}
.band--blush{background:var(--blush)}
.band--ink{background:var(--ink);color:white}
.band--ink p,.band--ink small{color:#d6dfdf}
.band--ink a{color:var(--clay-tint)}
.section-head{max-width:42rem}
.lede{font-size:var(--step-1);line-height:1.55;color:var(--ink-soft);max-width:37rem}
h1+.lede,h2+.lede,.section-head>p{margin-top:1.3rem}
.body-copy,.intro-copy{margin-top:1.5rem;max-width:65ch;color:var(--ink-soft)}
.fine,figcaption{font-size:var(--step--1);line-height:1.6;color:var(--ink-soft)}
.split{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:center;grid-template-columns:minmax(0,1fr)}
.split--top{align-items:start}
.masthead{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--paper-edge)}
.masthead__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}
.brand-img{display:inline-block;line-height:0;flex-shrink:0}
.brand-img img{height:2.5rem;width:auto}
.nav{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.1rem)}
.nav>a{display:flex;align-items:center;min-height:44px;color:var(--ink-soft);text-decoration:none;font-size:var(--step--1);font-weight:700;border-bottom:2px solid transparent}
.nav>a:hover,.nav>a[aria-current=page]{color:var(--ink);border-bottom-color:var(--clay-deep)}
.nav-toggle{display:none;border:1px solid var(--ink-soft);background:white;border-radius:3px;padding:.5rem .8rem;min-height:44px;color:var(--ink);font-weight:700}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.8rem 1.3rem;border:1.5px solid transparent;border-radius:3px;text-decoration:none;font-size:var(--step--1);font-weight:700;line-height:1.4;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.btn--primary,.nav>a.btn--primary{background:var(--clay-deep);color:white;border-color:var(--clay-deep)}
.btn--primary:hover,.nav>a.btn--primary:hover,.nav>a.btn--primary[aria-current=page]{background:var(--clay-dark);color:white;border-color:var(--clay-dark)}
.btn--ghost{color:var(--ink);border-color:var(--ink);background:transparent}
.btn--ghost:hover{background:var(--ink);color:white}
.band--ink .btn--ghost{border-color:#b0c2c2;color:white}
.band--ink .btn--ghost:hover{background:white;color:var(--ink)}
.nav .btn{min-height:44px;padding:.6rem 1rem}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.text-link{display:inline-block;margin-top:1.5rem;font-weight:700}
.hero{background:white}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(2.5rem,4vw,4rem);padding-block:clamp(3rem,6vw,5rem)}
.hero .lede{max-width:33rem}
.page-intro,[data-page-intro]{padding-block:clamp(3rem,6vw,5rem)}
.hero__art{margin:0;overflow:hidden}
.hero__art img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.hero__art figcaption{margin-top:.8rem}
.development-status{font-size:var(--step--1);line-height:1.6;color:var(--ink-soft);max-width:34rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--paper-edge)}
.development-status strong{color:var(--teal)}
.product-wordmark{width:min(16rem,65%);margin-bottom:1.8rem}
.figure{margin:0}
.figure--big{margin-top:2.5rem;max-width:64rem}
.figure svg{display:block;width:100%;height:auto;overflow:visible}
.figure figcaption{margin-top:1.2rem;max-width:65ch}
.focus-list>div,.development-list>div{padding-block:1.6rem;border-top:1px solid var(--paper-edge)}
.focus-list h3{font-size:var(--step-2);margin:.6rem 0}
.focus-list p,.development-list p{color:var(--ink-soft);max-width:60ch}
.stage{color:var(--clay-dark);font-size:var(--step--1);font-weight:700}
.development-list h3{margin-bottom:.6rem}
.development-list a{display:inline-block;margin-top:.6rem}
.intent-note p{padding-block:.9rem;border-bottom:1px solid #586869;font-size:var(--step-2);font-weight:600}
.intent-note small{display:block;margin-top:1.4rem}
.life-image{margin-top:2.5rem}
.life-image img{width:100%;height:auto;border-radius:4px}
.life-image figcaption,.editorial-image figcaption{margin-top:.8rem;max-width:65ch}
.editorial-image img{width:100%;border-radius:4px}
.research-note{padding:clamp(1.5rem,3vw,2.5rem);background:var(--paper);border-radius:4px}
.research-note p{margin:1rem 0;color:var(--ink-soft)}
.diagram-note{margin-top:2rem;max-width:70ch}
.team-section{border-top:1px solid var(--paper-edge)}
.team-section__grid{display:grid;gap:2rem}
.team-section .section-head p{color:var(--ink-soft);max-width:30ch}
.people{list-style:none;margin:0;padding:0}
.people li{display:grid;gap:.3rem;padding-block:1.4rem;border-top:1px solid var(--paper-edge)}
.people .who{font-weight:800;font-size:var(--step-1);letter-spacing:-.015em}
.people .role{color:var(--ink-soft)}
.updates{display:grid;gap:2rem;align-items:start}
.form{display:grid;gap:1.1rem;max-width:36rem}
.form label,.signup label{display:grid;gap:.4rem;font-size:var(--step--1);font-weight:700;color:var(--ink)}
.form input,.form select,.form textarea,.signup input{width:100%;min-height:48px;padding:.8rem .95rem;border:1.5px solid #7d898d;border-radius:3px;background:white;color:var(--ink);font-size:var(--step-0)}
.form textarea{min-height:9rem;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus,.signup input:focus{outline:3px solid var(--teal);outline-offset:2px}
.form .row{display:grid;gap:1rem}
.form-intro{margin:1.2rem 0 2rem}
.form .checkbox-label{grid-template-columns:22px 1fr;align-items:start;gap:.75rem;font-weight:500;color:var(--ink-soft)}
.checkbox-label input{padding:0;width:20px;min-height:20px;height:20px;margin:4px 0 0;accent-color:var(--teal)}
.signup{display:grid;gap:1rem;max-width:36rem;align-items:end}
.signup__note,.form-status{grid-column:1/-1}
.form-status{padding:1rem;background:var(--blush);color:var(--clay-dark);border:1px solid var(--clay-dark);border-radius:3px;font-size:var(--step--1)}
.contact-list{list-style:none;margin:0;padding:0;display:grid}
.contact-list li{display:grid;gap:.6rem;padding:1.5rem 0;border-top:1px solid var(--paper-edge)}
.contact-list p{color:var(--ink-soft)}
.contact-list .btn{justify-self:start;margin-top:.25rem}
.facts{display:grid;gap:0;margin:0}
.facts>div{padding:1.25rem 0;border-top:1px solid var(--paper-edge)}
.facts dt{font-size:var(--step--1);color:var(--clay-dark);font-weight:700;margin-bottom:.5rem}
.facts dd{margin:0;color:var(--ink-soft)}
.facts strong{display:block;color:var(--ink);font-size:var(--step-1);margin-bottom:.4rem}
.notice{padding:1.4rem 1.6rem;background:var(--blush);color:var(--clay-dark);border:1px solid #bd8d83;font-size:var(--step--1);line-height:1.65;margin-top:2.5rem;max-width:70ch}
.notice[data-compact]{margin-top:1.5rem}
.foot{background:var(--ink);color:#c4d0d2;padding-block:clamp(3rem,6vw,4.5rem);font-size:var(--step--1)}
.foot__grid{display:grid;gap:2.5rem}
.foot .brand-img img{height:2.4rem;filter:invert(1) brightness(1.4)}
.foot__description{margin-top:1.1rem;max-width:22rem}
.foot a{color:#d9e3e4;text-decoration:none}
.foot a:hover{color:white;text-decoration:underline}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.foot__label{font-weight:700;color:#c4d0d2;margin-bottom:1rem}
.foot__legal{margin-top:3rem;padding-top:1.8rem;border-top:1px solid #647578;display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;color:#b2c1c3}
.foot__legal p{max-width:70ch}
.foot :focus-visible,.band--ink :focus-visible{outline-color:var(--clay-tint)}
@media(min-width:40rem){.form .row{grid-template-columns:1fr 1fr}.signup{grid-template-columns:minmax(0,1fr) auto}}
@media(min-width:48rem){.foot__grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(min-width:56rem){.split,.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.updates{grid-template-columns:1.1fr 1fr;gap:3rem}.team-section__grid{grid-template-columns:1fr 1.3fr;gap:5rem}}
@media(max-width:46rem){.nav-toggle{display:block}.nav{display:none;position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:white;padding:.5rem var(--gutter) 1.25rem;border-bottom:1px solid var(--paper-edge)}.nav[data-open=true]{display:flex}.nav>a{min-height:50px;border-bottom:1px solid var(--paper-edge)}.nav .btn{margin-top:.9rem}.hero__art{max-width:40rem}.hero__grid{padding-top:2.75rem}.figure--big svg{min-height:170px}.figure figcaption{margin-top:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Editorial layouts: real photography and a concise product story. */
.product-story>p+p{margin-top:1.4rem}
.product-story>p{max-width:60ch;color:var(--ink-soft)}
.band--ink .product-story>p{color:#d6dfdf}
.product-intro{padding-block:clamp(3.5rem,7vw,6rem)}
.product-intro h1{max-width:20ch}
.product-intro .lede{max-width:43rem}
.partner-logo{padding:3rem 2rem;background:white;border-radius:4px}
.partner-logo img{width:100%;max-width:27rem;margin-inline:auto}
.problem-layout{display:grid;gap:2.5rem;align-items:center}
.problem-layout .figure--big{margin-top:0}
.contact-layout{display:grid;gap:3.5rem}
.investor-contact{border-top:1px solid var(--paper-edge);padding-top:1.5rem}
.investor-contact p{margin-block:1.3rem 1.6rem;color:var(--ink-soft);max-width:35ch}
@media(min-width:56rem){.problem-layout{grid-template-columns:1fr 1.2fr;gap:4rem}.contact-layout{grid-template-columns:1.6fr 1fr;gap:6rem}}




/* The hiking scene keeps its panoramic composition; the chart is intentionally static. */
.hero--trail{background:var(--blush)}
.hero--trail .hero__grid{display:block;padding-block:clamp(2.75rem,5vw,4.5rem)}
.hero__copy{display:grid;gap:2rem;align-items:start}
.hero__copy h1{max-width:15ch}
.hero__copy .lede{max-width:36rem}
.hero__copy .body-copy{margin-top:.9rem}
.hero__copy .actions{margin-top:1.4rem}
.hero__copy .development-status{margin-top:1.3rem;border-top:0;padding-top:0}
.hero--trail .hero__art{margin-top:2.5rem;max-width:none}
.hero--trail .hero__art img{aspect-ratio:1206/367;width:100%;object-position:30% center}
.focus-story{max-width:48rem}
.focus-story .lede{margin-top:1.3rem;max-width:none}
.focus-story>p+p{margin-top:1.4rem;color:var(--ink-soft)}
.people .location{font-size:var(--step--1);color:var(--ink-soft)}
.treatment-chart svg{min-height:0}
@media(min-width:56rem){.hero__copy{grid-template-columns:1fr 1fr;gap:4rem}.hero__copy h1{font-size:clamp(3rem,4.5vw,4rem)}}
@media(max-width:46rem){.hero--trail .hero__art img{aspect-ratio:4/3;object-position:25% center}.treatment-chart svg{min-height:0}}

.care-perspectives__note{margin-top:2.5rem;color:var(--ink-soft)}
@media(min-width:56rem){.care-perspectives h2{min-height:2lh}}