/* /how-it-works page styles; layered over the homepage stylesheet (nav, footer, tokens, .process-head). */
.page-hero{padding:clamp(56px,9vw,120px) 0 clamp(40px,6vw,72px);background:
  radial-gradient(900px 420px at 18% 0%,rgba(46,155,214,.18),transparent 60%),var(--navy-950);
  border-bottom:1px solid var(--hairline)}
.page-hero .inner{max-width:860px}
.page-hero .tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-bright)}
.page-hero h1{margin-top:16px;font-family:Manrope,Inter,-apple-system,'Segoe UI',sans-serif;font-weight:800;
  font-size:clamp(36px,4.6vw,66px);line-height:1.06;letter-spacing:-.01em;color:var(--ink)}
.page-hero .lead{margin-top:22px;max-width:40em;font-size:clamp(16px,1.35vw,19px);color:var(--ink-muted)}
.pipeline{padding:clamp(48px,6vw,84px) 0;background:var(--navy-950)}
.pipeline .process-head,.trust-cards .process-head{text-align:left;margin-left:0;max-width:none}
.stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px);counter-reset:stage}
.stage{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px;
  background:linear-gradient(180deg,var(--navy-850),var(--navy-900));border:1px solid var(--hairline);border-radius:14px}
.stage .step{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.stage .step-num{color:var(--cyan-bright);white-space:nowrap}
.stage .step-stage{color:var(--ink-muted)}
.stage .step-stage::before{content:"\00B7";margin-right:10px;color:var(--ink-faint)}
.stage h3,.stage h2{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.01em;color:var(--ink)}
.stage p{color:var(--ink-muted);font-size:15px}

.stage p a{color:var(--cyan-bright);text-decoration:underline;text-underline-offset:3px}
.trust-cards{padding:clamp(48px,6vw,84px) 0 clamp(64px,8vw,110px);background:var(--navy-900);border-top:1px solid var(--hairline)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1023px){.stages{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){
  .stages{grid-template-columns:1fr}
}

/* /investors */
.stats{padding:clamp(36px,4vw,56px) 0;background:var(--navy-950);border-bottom:1px solid var(--hairline)}
.stat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px)}
.stat-grid li{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border:1px solid var(--hairline);border-radius:14px;
  background:linear-gradient(180deg,var(--navy-850),var(--navy-900))}
.stat-n{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.02em;color:var(--ink)}
.stat-l{font-size:14px;color:var(--ink-muted)}
.narrative{padding:clamp(40px,5vw,72px) 0 clamp(24px,3vw,40px);background:var(--navy-950)}
.narr{max-width:760px;padding:clamp(28px,3.5vw,44px) 0;border-top:1px solid var(--hairline)}
.narr:first-child{border-top:0;padding-top:0}
.narr .tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--cyan-bright)}
.narr h2{margin-top:10px;font-family:var(--font-display);font-weight:800;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
.narr p{margin-top:14px;font-size:16px;color:var(--ink-muted)}
.cta{padding:clamp(24px,3vw,40px) 0 clamp(64px,8vw,110px);background:var(--navy-950)}
.cta .inner{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.compliance{max-width:760px;font-size:13px;color:var(--ink-faint)}
@media (max-width:1023px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){.stat-grid{grid-template-columns:1fr}}

/* Typography audit: compact, clinical (Tailwind-equivalent sizes); applies to all pages */
.page-hero{padding:clamp(40px,6vw,72px) 0 clamp(28px,4vw,44px)}
.page-hero .tag{margin-bottom:0}
.page-hero h1{margin-top:12px;font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-.025em;max-width:22em}
.page-hero .lead{margin-top:14px;font-size:16px}
.stats{padding:clamp(24px,3vw,36px) 0}
.stat-grid li{padding:18px 18px;gap:6px}
.stat-n{font-family:var(--font-mono);font-weight:700;font-size:24px;letter-spacing:-.01em}
.stat-l{font-family:var(--font-body);font-size:12px;line-height:1.35;color:#a3a3a3}
.narrative{padding:clamp(28px,4vw,48px) 0 clamp(12px,2vw,20px)}
.narr{padding:clamp(20px,2.5vw,32px) 0}
.narr h2{margin-top:0;font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.025em;color:#f5f5f5}
.narr p{margin-top:10px;font-size:15px}
.narr p:first-of-type{margin-top:12px}
.stage h3,.stage h2{font-size:16px;font-weight:600}
.cta{padding:clamp(12px,2vw,20px) 0 clamp(48px,6vw,80px)}
.cta .inner{gap:14px}
@media (min-width:640px){
  .page-hero h1{font-size:36px}
  .narr h2{font-size:24px}
  .stat-n{font-size:30px}
  .stage h3,.stage h2{font-size:18px}
}

.pipeline,.trust-cards{padding:clamp(32px,4vw,56px) 0}
.pipeline .process-head,.trust-cards .process-head{margin-bottom:clamp(16px,2vw,28px)}

/* /investors container + alignment (max-w-4xl mx-auto px-6, text-left) */
.investors .inner{max-width:896px;margin:0 auto;padding:0 24px;text-align:left}
.investors .page-hero .inner,.investors .narr,.investors .compliance{max-width:896px}
.investors .narr{max-width:none}
.investors .page-hero h1{max-width:none}
.investors .stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;text-align:left}
.investors .stat-grid li{border:1px solid #262626;background:rgba(10,10,10,.5);padding:16px;border-radius:8px}
.investors .cta .inner{align-items:flex-start}
@media (min-width:768px){.investors .stat-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:599px){.investors .stat-grid{grid-template-columns:repeat(2,1fr)}}
.investors .stat-n{font-size:20px;letter-spacing:-.03em}
@media (min-width:768px){.investors .stat-n{font-size:22px}}

/* /memberships (max-w-5xl mx-auto px-6 py-12; clinical tier cards) */
.memberships .tiers{padding:48px 0;background:var(--navy-950)}
.memberships .inner{max-width:1024px;margin:0 auto;padding:0 24px;text-align:left}
.memberships .tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#a3a3a3}
.memberships h1,.products1 h1{margin-top:10px;font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.memberships .lead{margin-top:12px;max-width:40em}
.memberships .lead,.products1 .sub{font-size:16px;color:var(--ink-muted)}
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.tier-card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid #262626;border-radius:8px;
  background:rgba(23,23,23,.4);text-align:left}
.tier-card.recommended{border-color:#525252}
.tier-eyebrow,.products1 .tier-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a3a3a3}
.tier-name,.products1 .tier-name{font-family:var(--font-body);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.tier-scope{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--ink-muted)}
.tier-price,.products1 .tier-price{font-family:var(--font-mono);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--ink)}
.tier-price span{font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--ink-muted);margin-left:4px}
.tier-body,.products1 .tier-body{font-size:14.5px;color:var(--ink-muted)}
.tier-cta{margin-top:auto;justify-content:center}
/* Pricing descriptions grow to keep the subscription buttons aligned. */
.products1 .tier-body{flex:1}
.products1 .tier-cta{width:100%}
@media (min-width:640px){.memberships h1,.products1 h1{font-size:36px}.tier-price,.products1 .tier-price{font-size:30px}}
@media (max-width:1023px){.tier-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){.tier-grid{grid-template-columns:1fr}}

/* Content/policy pages converted to the dark system: text unchanged, style only */
.policy .page-hero{padding:clamp(36px,5vw,64px) 0 clamp(20px,3vw,32px)}
.policy .page-hero .inner{max-width:860px}
.policy .page-hero h1{font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-.025em;max-width:none}
.policy .page-hero .lead{margin-top:12px;font-size:16px}
.policy .page-hero p:not(.tag):not(.lead){margin-top:14px;font-size:15px;color:var(--ink-muted)}
.prose{padding:clamp(20px,3vw,36px) 0;background:var(--navy-950)}
.prose + .prose{border-top:1px solid var(--hairline)}
.prose .inner{max-width:860px}
.prose .tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-bright)}
.prose h2{margin-top:10px;font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.025em;color:#f5f5f5}
.prose h2 + p,.prose h3 + p{margin-top:10px}
.prose p + h2,.prose ul + h2,.prose ol + h2,.prose table + h2{margin-top:28px}
.prose h3{margin-top:22px;font-size:16px;font-weight:600;color:var(--ink)}
.prose p{margin-top:12px;font-size:15.5px;color:var(--ink-muted);max-width:44em}
.prose p strong{color:var(--ink);font-weight:600}
.prose ul,.prose ol{margin:12px 0 0 1.25em;color:var(--ink-muted);font-size:15.5px;max-width:44em}
.prose li{margin-top:6px}
.prose li strong{color:var(--ink)}
.prose a{color:var(--cyan-bright);text-decoration:underline;text-underline-offset:3px}
.prose table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14.5px;border:1px solid var(--hairline)}
.prose th,.prose td{padding:10px 12px;text-align:left;vertical-align:top;border-top:1px solid var(--hairline)}
.prose th{color:var(--ink);font-weight:600;background:rgba(111,205,245,.05)}
.prose td{color:var(--ink-muted)}
.prose .card-grid.two{grid-template-columns:repeat(2,1fr);margin-top:8px}
.prose .card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #262626;border-radius:8px;background:rgba(23,23,23,.4)}
.prose .card h3{margin-top:0;font-size:16px}
.prose .card p{margin-top:0;font-size:14.5px}
.policy .form{display:flex;flex-direction:column;gap:12px;max-width:520px;margin-top:22px}
.policy .form input,.policy .form textarea{font:inherit;font-size:15px;padding:12px 14px;color:var(--ink);background:rgba(23,23,23,.4);
  border:1px solid #262626;border-radius:8px}
.policy .form input:focus,.policy .form textarea:focus{outline:2px solid var(--cyan);outline-offset:2px;border-color:var(--cyan-deep)}
.policy .form textarea{min-height:130px;resize:vertical}
.policy .form .btn{align-self:flex-start}
@media (min-width:640px){.policy .page-hero h1{font-size:36px}.prose h2{font-size:24px}.prose h3{font-size:18px}}
@media (max-width:599px){.prose .card-grid.two{grid-template-columns:1fr}.prose table{display:block;overflow-x:auto}}
/* tighter trust & privacy table on /how-it-works */
.trust-cards .process-head{margin-bottom:16px}
.stages.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:1023px){.stages.three{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){.stages.three{grid-template-columns:1fr}}
.card-grid.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1023px){.card-grid.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){.card-grid.four{grid-template-columns:1fr}}
/* /about: hero heading matches section headings */
.about .page-hero h1{font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.025em;color:#f5f5f5}
@media (min-width:640px){.about .page-hero h1{font-size:24px}}