body { min-width: 320px; }
.beta-header { border-bottom: 1px solid var(--brand-border-soft); background: var(--brand-surface); }
.beta-nav, .beta-hero, .beta-section, .beta-example, .beta-trust, .beta-footer { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.beta-nav { display: flex; min-height: 76px; align-items: center; gap: 24px; }
.beta-nav .brand-lockup { margin-right: auto; }
.beta-nav-links { display: flex; gap: 20px; align-items: center; color: var(--brand-text-muted); font: 700 14px var(--ogh-ui); }
.beta-nav-links a, .beta-footer a { text-decoration: none; }
.beta-nav-links a:hover, .beta-footer a:hover { color: var(--brand-signal); }
.beta-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(400px, .82fr); align-items: center; gap: clamp(40px, 8vw, 100px); padding: clamp(64px, 10vw, 138px) 0 clamp(56px, 8vw, 96px); }
.beta-hero h1 { max-width: 760px; margin: 0 0 22px; font: 780 var(--type-display-lg)/var(--leading-display) var(--ogh-display); letter-spacing: var(--tracking-display); }
.beta-hero h1 span { color: var(--brand-signal); }
.beta-lede { max-width: 620px; margin: 0; color: var(--brand-text-muted); font-size: 20px; line-height: 1.5; }
.beta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 14px; }
.beta-actions .button { min-height: 50px; padding-inline: 20px; }
.beta-note { margin: 0; color: var(--brand-text-muted); font-size: 14px; }
.beta-brief-card { border: 1px solid var(--brand-border-soft); border-radius: 18px; padding: 28px; background: var(--brand-surface); box-shadow: var(--shadow-lg); }
.beta-brief-top, .beta-report-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--brand-text-muted); font: 700 11px/1.2 var(--ogh-mono); letter-spacing: .08em; text-transform: uppercase; }
.beta-brief-top b, .beta-report-head b { border-radius: 999px; padding: 7px 9px; background: rgba(19, 110, 117, .1); color: var(--brand-tide); font: 700 10px/1 var(--ogh-ui); letter-spacing: 0; text-transform: none; }
.beta-brief-card h2 { margin: 26px 0 4px; font: 750 28px/1.08 var(--ogh-display); letter-spacing: -.03em; }
.beta-brief-card > p { margin: 0; color: var(--brand-text-muted); }
.beta-criteria { display: flex; flex-wrap: wrap; gap: 7px; margin: 24px 0; }
.beta-criteria span { border-radius: 999px; padding: 6px 9px; background: var(--brand-surface-alt); color: var(--brand-carbon-soft); font-size: 12px; font-weight: 700; }
.beta-brief-row { display: grid; grid-template-columns: 24px 1fr auto; gap: 12px; align-items: center; border-top: 1px solid var(--brand-border-soft); padding: 15px 0; }
.beta-brief-row svg { color: var(--brand-tide); width: 20px; }
.beta-brief-row b, .beta-brief-row small { display: block; }.beta-brief-row small { margin-top: 2px; color: var(--brand-text-muted); font-size: 12px; }.beta-brief-row em { color: var(--brand-text-muted); font: 700 11px var(--ogh-mono); }
.beta-proof { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--brand-border-soft); background: var(--brand-surface); }.beta-proof > div { display: flex; gap: 12px; padding: 24px; }.beta-proof > div + div { border-left: 1px solid var(--brand-border-soft); }.beta-proof svg { width: 22px; color: var(--brand-signal); }.beta-proof b, .beta-proof small { display: block; }.beta-proof small { margin-top: 3px; color: var(--brand-text-muted); font-size: 13px; line-height: 1.45; }
.beta-section { padding: var(--section-space) 0; }.beta-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .68fr); gap: 30px; align-items: end; }.beta-section-head h2, .beta-example h2, .beta-trust h2 { max-width: 700px; margin: 0; font: 760 var(--type-h2)/var(--leading-heading) var(--ogh-display); letter-spacing: var(--tracking-heading); }.beta-section-head > p { margin: 0; color: var(--brand-text-muted); font-size: 18px; line-height: 1.55; }
.beta-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 44px; }.beta-steps article { min-height: 220px; border: 1px solid var(--brand-border-soft); border-radius: 12px; padding: 24px; background: var(--brand-surface); }.beta-steps strong { color: var(--brand-signal); font: 700 12px var(--ogh-mono); }.beta-steps h3 { margin: 42px 0 10px; font: 730 21px/1.15 var(--ogh-display); letter-spacing: -.02em; }.beta-steps p { margin: 0; color: var(--brand-text-muted); line-height: 1.5; }
.beta-example { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: clamp(44px, 9vw, 120px); padding: var(--section-space) 0; border-top: 1px solid var(--brand-border-soft); }.beta-example-copy > p:not(.eyebrow) { max-width: 500px; margin: 18px 0 20px; color: var(--brand-text-muted); font-size: 18px; line-height: 1.55; }.beta-report-card { border: 1px solid var(--brand-border-soft); border-radius: 14px; padding: 26px; background: var(--brand-surface); box-shadow: var(--shadow-md); }.beta-report-head { padding-bottom: 20px; }.beta-report-head h3 { margin: 8px 0 0; color: var(--brand-carbon); font: 730 22px/1.2 var(--ogh-display); letter-spacing: -.02em; text-transform: none; }.beta-candidate { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 14px; align-items: center; border-top: 1px solid var(--brand-border-soft); padding: 18px 0; }.beta-rank { color: var(--brand-text-muted); font: 700 12px var(--ogh-mono); }.beta-candidate b, .beta-candidate small { display: block; }.beta-candidate small { margin-top: 3px; color: var(--brand-text-muted); }.beta-candidate strong { color: var(--brand-tide); font: 760 22px var(--ogh-display); }.beta-candidate strong span { font-size: 12px; }.beta-disclosure { display: flex; gap: 8px; border-radius: 8px; padding: 12px; background: var(--brand-surface-alt); color: var(--brand-text-muted); font-size: 12px; line-height: 1.45; }.beta-disclosure svg { width: 17px; flex: 0 0 auto; color: var(--brand-tide); }
.beta-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding: var(--section-space) 0; border-top: 1px solid var(--brand-border-soft); }.beta-trust > div:last-child { max-width: 500px; }.beta-trust p:not(.eyebrow) { margin: 0 0 24px; color: var(--brand-text-muted); font-size: 18px; line-height: 1.55; }.beta-footer { display: flex; align-items: center; gap: 24px; border-top: 1px solid var(--brand-border-soft); padding: 32px 0; color: var(--brand-text-muted); font-size: 13px; }.beta-footer .brand-lockup { margin-right: auto; color: var(--brand-carbon); }
.beta-admin { width: min(1020px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0; }.beta-admin > div:first-child { display: grid; grid-template-columns: minmax(0, .8fr) minmax(280px, .6fr); gap: 48px; align-items: end; border-bottom: 1px solid var(--brand-border-soft); padding-bottom: 36px; }.beta-admin h1 { margin: 0; font: 760 var(--type-h1)/var(--leading-heading) var(--ogh-display); letter-spacing: var(--tracking-heading); }.beta-admin > div:first-child > p:not(.eyebrow) { margin: 0; color: var(--brand-text-muted); font-size: 17px; line-height: 1.55; }.beta-admin-list { display: grid; gap: 14px; margin-top: 28px; }.beta-admin-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr); gap: 34px; border: 1px solid var(--brand-border-soft); border-radius: 12px; padding: 22px; background: var(--brand-surface); }.beta-admin-card h2 { margin: 12px 0 4px; font: 720 21px/1.2 var(--ogh-display); }.beta-admin-card p { margin: 0; color: var(--brand-text-muted); }.beta-admin-card small { display: block; margin-top: 12px; color: var(--brand-text-muted); font-size: 12px; }.beta-admin-status { display: inline-flex; border-radius: 999px; padding: 5px 8px; background: var(--brand-surface-alt); color: var(--brand-text-muted); font: 700 11px/1 var(--ogh-mono); text-transform: uppercase; }.beta-admin-status.approved { background: rgba(19, 110, 117, .1); color: var(--brand-tide); }.beta-admin-status.declined { background: rgba(199, 53, 37, .1); color: var(--brand-signal-hover); }.beta-admin-card form { display: grid; gap: 12px; }.beta-admin-card label { display: grid; gap: 5px; color: var(--brand-carbon-soft); font-size: 13px; font-weight: 700; }.beta-admin-card select, .beta-admin-card textarea { width: 100%; border: 1px solid var(--brand-border-soft); border-radius: 8px; padding: 9px 10px; background: var(--brand-surface); color: var(--brand-carbon); font: inherit; }.beta-admin-card .button { justify-self: start; }.beta-admin-message { color: var(--brand-tide); font-size: 13px; }.beta-admin-empty { margin: 0; border: 1px dashed var(--brand-border-strong); border-radius: 10px; padding: 28px; color: var(--brand-text-muted); text-align: center; }
@media (max-width: 900px) { .beta-hero, .beta-example, .beta-trust, .beta-section-head, .beta-admin > div:first-child, .beta-admin-card { grid-template-columns: 1fr; }.beta-hero { gap: 48px; }.beta-steps { grid-template-columns: 1fr 1fr; }.beta-proof { grid-template-columns: 1fr; }.beta-proof > div + div { border-top: 1px solid var(--brand-border-soft); border-left: 0; }.beta-nav-links { display: none; } }
@media (max-width: 560px) { .beta-nav, .beta-hero, .beta-section, .beta-example, .beta-trust, .beta-footer { width: min(100% - 32px, 1180px); }.beta-sign-in { min-height: 38px; padding: 7px 10px; }.beta-hero h1 { font-size: clamp(42px, 13vw, 60px); }.beta-steps { grid-template-columns: 1fr; }.beta-footer { align-items: flex-start; flex-direction: column; gap: 12px; }.beta-footer .brand-lockup { margin-right: 0; } }