/* EBIKE333 approved brand v1.0. Scope: presentation only. */
:root{--brand-navy:#101C2A;--brand-amber:#F7AE4B;--brand-ink:#162538;--brand-muted:#526477;--brand-paper:#F3F6F7;--brand-amber-text:#865014}
body{color:var(--brand-ink);background:var(--brand-paper)}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:260px;white-space:normal;letter-spacing:0}
.brand-badge{display:block;width:260px;height:68px;object-fit:cover;flex-shrink:0}
.brand-descriptor{font-size:13px;font-weight:500;line-height:1.4;color:#D5DFE8;letter-spacing:0}
.masthead{background:var(--brand-navy);gap:24px;flex-wrap:wrap}.masthead nav{gap:20px;flex-wrap:wrap}
.eyebrow,.method-grid b{color:var(--brand-amber-text)}
.primary{background:var(--brand-amber);color:var(--brand-navy);border-color:#D78C29}
.option small,.question-count,.photo-privacy,.optional{color:var(--brand-muted)}
.brand-badge.footer-badge{width:180px;height:47px}footer{align-items:center;color:#C8D2DC;gap:20px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #865014;outline-offset:4px}
.masthead a:focus-visible,footer a:focus-visible{outline-color:var(--brand-amber)}
@media(max-width:750px){.brand{min-width:0}.masthead{gap:20px}.brand-badge{width:240px;height:63px}.brand-descriptor{font-size:13px}.masthead nav{gap:14px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}