/* Type system (Oct 2026 design audit): Big Shoulders only for hero lines and big numbers; everything else in Onest,
   sentence case, 16 px body, nothing under 12 px. */
body{font-size:16px;line-height:1.55}
h2,h3,.stage-head h2,.sd-band h3,.calc h3,.modal h3,.sheet header h3,.cb b,.pack-wide h3,.hm h2,.fb-tag,.fb-steps b,.invest-box h2,.section h2.big,.plan h3,.me .hello h1,.crumbs + h1,.me-today h2,.me-cr h2{font-family:Onest,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important;line-height:1.18!important}
.section h2.big,.invest-box h2,.hm h2,.crumbs + h1,.me .hello h1{font-size:clamp(28px,3.4vw,40px)!important}
.stage-head h2,.sd-band h3,.calc h3,.modal h3,.sheet header h3,.plan h3,.pack-wide h3,.cb b{font-size:clamp(20px,2.2vw,24px)!important}
.me-cr h2{font-size:20px!important}.me-today h2{font-size:clamp(24px,2.6vw,34px)!important}
.eyebrow,.digit span,table.models th,.kind,.plan .badge,.tag,th{font-size:12px!important}
small,.note,.fine{font-size:max(12px,.86em)}
select{font:inherit;font-size:15px;min-height:44px;padding:0 36px 0 12px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235F5868' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center/12px no-repeat;color:var(--text);-webkit-appearance:none;appearance:none}
@media (max-width:700px){a.btn,button.btn,.btn{min-height:44px}}
/* Brand colour (Oct 2026 logo): yellow-orange fills with dark text; small orange text uses the deeper --ember-text,
   big display words the mid shade so they stay bright but readable. */
h1 em,h1 i,.fb-title em,.fb-title i,.fb-tag em,.sd-title em,.sd-tag em,.cx-hero h1 em{color:var(--ember-display,#C77812)!important}
.hm-hero h1 em{color:var(--ember,#F2A23A)!important} /* Oct 28 2026, owner: "Just chat, and get a professional video" in the logo orange */