.choice-label{margin:27px 0 10px;font-weight:600}
.platforms{display:flex;gap:10px;flex-wrap:wrap}
.platform{display:inline-flex;align-items:center;gap:9px;min-height:56px;border:2px solid #dfe9e7;border-radius:13px;padding:9px 16px;background:#fff;color:#173b38;text-decoration:none;font-weight:600}
.platform.apple{background:#000;color:#fff;border-color:#000}
.platform.web{background:#ff7a3a;color:#fff;border-color:#ff7a3a;box-shadow:0 10px 24px rgba(255,122,58,.22)}
.platform .mark{font-size:1.35rem;line-height:1}
.platform small{display:block;font-size:.65rem;font-weight:700;line-height:1.05;opacity:.78}
.platform strong{display:block;line-height:1.15;font-weight:600}
.hero .actions{margin-top:14px}
.band .platforms{margin-top:18px}
.band .platform.web{background:#fff;color:#123f3a;border-color:#fff;box-shadow:none}
.band .platform:not(.web){box-shadow:none}
@media(max-width:520px){.platforms{display:grid;grid-template-columns:1fr}.platform{justify-content:flex-start}.nav-note{display:none}}

/* Match the quieter typography hierarchy used on the main Gora site. */
.hero h1{font-weight:500;font-size:clamp(2.4rem,4.6vw,3.7rem);line-height:1.07;letter-spacing:-.02em}
.eyebrow{font-weight:600}
.btn{font-weight:700}
.demo .q{font-weight:600}
.chip{font-weight:600}
.sec-head h2,.band h2{font-weight:500}
.card h3{font-family:Fredoka,sans-serif;font-weight:500}
.footer,.footer a{font-weight:400}