/* BPF 12.5.12.47.18 — Steady connected-surface simplification.
   Presentation only. Steady practice logic, saved state, audio, timers, paths,
   safety behavior, and session controls remain authoritative and unchanged. */
:root{--st-bg:#030911;--st-panel:#071522;--st-panel2:#0a1d2f;--st-line:rgba(112,188,255,.18);--st-line2:rgba(112,188,255,.30);--st-text:#f7f9fc;--st-muted:#aebdca;--st-blue:#3999ff;--st-blue2:#70bcff;--st-cyan:#59d6d1;--st-orange:#f59a2f}
body:not(.sg-session-active):not(.sg-session-outcome){background:radial-gradient(circle at 82% 4%,rgba(45,126,255,.10),transparent 28%),linear-gradient(180deg,#030911,#06101a 50%,#030911)!important;color:var(--st-text)!important}
body:not(.sg-session-active):not(.sg-session-outcome) .wrap{width:min(1080px,calc(100% - 28px));max-width:1080px;margin:0 auto;padding-bottom:110px}
body:not(.sg-session-active):not(.sg-session-outcome) .top{margin:14px 0 12px;padding:0 0 12px;border-bottom:1px solid rgba(112,188,255,.12)}
body:not(.sg-session-active):not(.sg-session-outcome) .brand{color:#eef5fb!important;letter-spacing:.13em}
body:not(.sg-session-active):not(.sg-session-outcome) .help,body:not(.sg-session-active):not(.sg-session-outcome) .back{border:1px solid var(--st-line)!important;background:rgba(255,255,255,.025)!important;color:#dce7f0!important;border-radius:999px!important}
body:not(.sg-session-active):not(.sg-session-outcome) .hero{padding:22px 24px!important;margin:0 0 14px!important;border:1px solid var(--st-line2)!important;border-radius:22px!important;background:radial-gradient(circle at 96% 8%,rgba(57,153,255,.12),transparent 34%),linear-gradient(145deg,rgba(9,34,59,.98),rgba(5,17,30,.99))!important;box-shadow:none!important}
body:not(.sg-session-active):not(.sg-session-outcome) .hero .badge,body:not(.sg-session-active):not(.sg-session-outcome) .hero .kicker{color:var(--st-cyan)!important}
body:not(.sg-session-active):not(.sg-session-outcome) .hero .badge{display:inline-flex!important;position:static!important;inset:auto!important;transform:none!important;margin:0 0 10px!important;padding:6px 11px!important;border:1px solid rgba(89,214,209,.28)!important;border-radius:999px!important;background:rgba(89,214,209,.06)!important}
body:not(.sg-session-active):not(.sg-session-outcome) .hero .kicker{margin:0 0 7px!important;font:900 12px/1 'Barlow Condensed',Inter,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body:not(.sg-session-active):not(.sg-session-outcome) .hero h1{max-width:860px!important;margin:5px 0 10px!important;color:var(--st-text)!important;font:900 clamp(39px,5.2vw,62px)/.91 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:-.018em!important;text-transform:uppercase!important}
body:not(.sg-session-active):not(.sg-session-outcome) .hero h1 .r{color:var(--st-blue2)!important}
body:not(.sg-session-active):not(.sg-session-outcome) .hero .lead{max-width:850px!important;margin:0!important;color:var(--st-muted)!important;font:500 16px/1.52 Inter,system-ui,sans-serif!important}
body:not(.sg-session-active):not(.sg-session-outcome) .hero .btn.wide{display:inline-flex!important;width:auto!important;min-height:46px!important;margin-top:13px!important}
body:not(.sg-session-active):not(.sg-session-outcome) .sub{color:var(--st-muted)!important}
body:not(.sg-session-active):not(.sg-session-outcome) .card,body:not(.sg-session-active):not(.sg-session-outcome) .notice,body:not(.sg-session-active):not(.sg-session-outcome) details{border-color:var(--st-line)!important;background:linear-gradient(155deg,rgba(8,29,49,.93),rgba(5,17,29,.98))!important;color:var(--st-text)!important;box-shadow:none!important}
body:not(.sg-session-active):not(.sg-session-outcome) .notice{border-left-color:rgba(245,154,47,.75)!important}
body:not(.sg-session-active):not(.sg-session-outcome) input,body:not(.sg-session-active):not(.sg-session-outcome) select,body:not(.sg-session-active):not(.sg-session-outcome) textarea{background:#061726!important;color:var(--st-text)!important;border-color:var(--st-line2)!important}
body:not(.sg-session-active):not(.sg-session-outcome) .btn:not(.ghost),body:not(.sg-session-active):not(.sg-session-outcome) button:not(.ghost){border-color:rgba(112,188,255,.42)!important;background:linear-gradient(180deg,#58acff,#2e83e8)!important;color:#fff!important;box-shadow:none!important}
body:not(.sg-session-active):not(.sg-session-outcome) .btn.ghost,body:not(.sg-session-active):not(.sg-session-outcome) button.ghost{border-color:var(--st-line2)!important;background:rgba(255,255,255,.025)!important;color:var(--st-text)!important}
body:not(.sg-session-active):not(.sg-session-outcome) .sect{color:#92a6b7!important}
body:not(.sg-session-active):not(.sg-session-outcome) .tile{border-color:var(--st-line)!important;background:rgba(7,25,43,.90)!important;color:var(--st-text)!important;box-shadow:none!important}
body:not(.sg-session-active):not(.sg-session-outcome) .tile:hover{border-color:rgba(112,188,255,.34)!important;background:rgba(10,35,59,.96)!important}
body:not(.sg-session-active):not(.sg-session-outcome) .tile b{color:var(--st-text)!important}body:not(.sg-session-active):not(.sg-session-outcome) .tile span{color:var(--st-muted)!important}
body:not(.sg-session-active):not(.sg-session-outcome) .foot{color:#8397a8!important;padding-bottom:20px}
/* The hub used to behave like a tall promotional landing page. Keep all three
   primary actions, but bring the actual Steady tools into the first viewport. */
body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .wrap{width:min(1120px,calc(100% - 28px))!important;max-width:1120px!important}
body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-command{grid-template-columns:1fr!important;gap:0!important;padding:24px 26px!important;margin-bottom:12px!important;border-radius:22px!important}
body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-command h1{max-width:820px!important;margin:9px 0 10px!important;font-size:clamp(42px,5.5vw,62px)!important;line-height:.90!important}
body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-command .bpf-w4-bookhub-lead{max-width:820px!important;font-size:16px!important;line-height:1.5!important}
body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-actions{margin-top:16px!important}
body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-action{min-height:46px!important;padding:12px 16px!important}
body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-side{display:none!important}
body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-bookhub-premium-note{display:none!important}
body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-jump{height:0!important}
@media(max-width:720px){
 body:not(.sg-session-active):not(.sg-session-outcome) .wrap{width:min(100% - 18px,1080px)}
 body:not(.sg-session-active):not(.sg-session-outcome) .hero{padding:18px!important;border-radius:18px!important}
 body:not(.sg-session-active):not(.sg-session-outcome) .hero h1{font-size:clamp(38px,12vw,53px)!important}
 body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-command{padding:19px 18px!important;border-radius:18px!important}
 body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-actions{display:grid!important;grid-template-columns:1fr!important}
 body.bpf-wave4-bookhub[data-bpf-bookhub-wave4="steady"] .bpf-w4-bookhub-action{width:100%!important}
}