/* Approved mobile reference. Scoped separately to avoid legacy landing overrides. */
@media (max-width:750px) {
 body.home-page { background:#faf8f3; }
 body.home-page #main { padding:0; background:#faf8f3; }
 .bpm-home,.bpm-header,.bpm-footer { --bpm-navy:#102b3d;--bpm-gold:#a47b43;--bpm-muted:#637180;--bpm-paper:#faf8f3; color:var(--bpm-navy);font-family:Arial,Helvetica,sans-serif;line-height:1.4; }
 .bpm-home *,.bpm-header *,.bpm-footer * { box-sizing:border-box; }
 .bpm-home a,.bpm-header a,.bpm-footer a { color:inherit;text-decoration:none; }
 .bpm-home h1,.bpm-home h2,.bpm-home h3,.bpm-home p { margin:0; }
 .bpm-home h2 { font:400 clamp(27px,7.1vw,42px)/1.07 Georgia,'Times New Roman',serif;letter-spacing:-.035em; }
 .bpm-home em { color:#a07841;font-style:normal; }
 .bpm-home h3 { font:700 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.025em; }
 .bpm-home p { color:var(--bpm-muted);font-size:14px;line-height:1.4; }
 .bpm-kicker { display:block;color:#916a37;font-size:10px;font-weight:700;letter-spacing:.2em;line-height:1.5;margin-bottom:11px; }
 .bpm-inset { width:calc(100% - 56px);margin-left:auto;margin-right:auto; }
 .bpm-edge { width:calc(100% - 20px);margin-left:auto;margin-right:auto;border-radius:12px;overflow:hidden; }
 .bpm-button { display:flex;align-items:center;justify-content:center;gap:16px;min-height:47px;padding:12px 18px;border:1px solid #b38c54;border-radius:7px;background:linear-gradient(115deg,#bf9b62,#a27a42 72%,#98713d);box-shadow:inset 0 1px 1px #ffffff4d,0 3px 8px #835a2020;color:#fff!important;font:700 13px/1.25 Arial,sans-serif;text-align:center; }
 .bpm-button>span { font-size:22px;font-weight:400;line-height:1; }
 .bpm-home a:focus-visible,.bpm-header a:focus-visible,.bpm-footer a:focus-visible,.bpm-menu-button:focus-visible { outline:3px solid #b99052;outline-offset:4px; }
 .bpm-header { position:relative;z-index:30;width:100%;background:#faf8f3; }
 .bpm-nav { display:flex;gap:10px;align-items:center;min-height:88px;padding:13px 20px 10px 26px; }
 .bpm-logo { flex:1;min-width:0; }
 .bpm-logo img { display:block;width:100%;max-width:214px;height:auto; }
 .bpm-nav-register { display:grid;place-items:center;width:103px;min-height:43px;flex:none;padding:7px 12px;border-radius:6px;background:linear-gradient(110deg,#bf9c63,#a07943);color:#fff!important;font-size:12px;line-height:1.12;text-align:center;font-weight:600; }
 .bpm-menu-button { display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;flex:none;width:40px;height:43px;border:1px solid #ebe6dc;border-radius:6px;background:#fffefb;box-shadow:0 3px 9px #16304709;color:#193342;font:28px/1 Arial,sans-serif;cursor:pointer; }
 .bpm-menu-button span { display:block;width:13px;height:2px;border-radius:1px;background:#193342; }
 .bpm-navigation { display:grid;gap:0;padding:10px 25px 20px;border-bottom:1px solid #e9e2d6;background:#fffdf8;box-shadow:0 15px 22px #152f4212; }
 .bpm-navigation a { display:flex;align-items:center;min-height:46px;border-bottom:1px solid #eee9df;font-size:14px; }
 .bpm-hero { position:relative;min-height:460px;overflow:hidden;isolation:isolate;padding-bottom:20px;background:#faf8f3; }
 .bpm-justice { position:absolute;z-index:-1;top:0;right:-15px;width:288px;height:432px;max-width:none;object-fit:cover;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 76%,transparent 100%); }
 .bpm-hero::before { content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#faf8f3 0%,#faf8f3 29%,#faf8f3f5 45%,#faf8f3c2 52%,#faf8f300 68%); }
 .bpm-hero-copy { position:relative;z-index:1;padding:17px 0 0 29px; }
 .bpm-hero .bpm-kicker { font-size:10px;letter-spacing:.18em;margin-bottom:11px; }
 .bpm-hero h1 { color:#102b3d;font:400 clamp(36px,10.15vw,58px)/1.015 Georgia,'Times New Roman',serif;letter-spacing:-.045em; }
 .bpm-hero-copy>p { width:218px;max-width:59%;font-size:14px;line-height:1.38;margin:17px 0 20px; }
 .bpm-hero-actions { display:grid;gap:9px;width:209px;max-width:59%; }
 .bpm-hero-actions .bpm-button { min-height:48px; }
 .bpm-watch { display:flex;align-items:center;justify-content:center;position:relative;min-height:47px;padding:10px 12px;border:1px solid #e6e1d7;border-radius:7px;background:#fffefa;box-shadow:0 2px 3px #162e3d04;font-size:13px;font-weight:700; }
 .bpm-watch svg { position:absolute;left:14px;width:23px;height:23px;color:#a78149; }
 .bpm-watch svg path { fill:#a78149;stroke:none; }
 .bpm-handwriting { position:absolute;z-index:1;top:285px;right:33px;transform:rotate(-10deg);color:#70604c;font:italic 30px/.9 'Bradley Hand','Segoe Print','Comic Sans MS',cursive;letter-spacing:-.04em; }
 .bpm-handwriting>span { display:block;width:85px;height:11px;border-top:2px solid #ae8b56;border-radius:50%;margin-top:7px;transform:rotate(-8deg); }
 .bpm-checks { display:grid;grid-template-columns:max-content max-content;gap:10px 22px;padding:20px 28px 0;color:#647383;font-size:11px;position:relative;z-index:1; }
 .bpm-checks b { color:#aa8249;font-size:15px;font-weight:400;margin-right:5px; }
 .bpm-video { position:relative;min-height:473px;padding:27px 23px 0;isolation:isolate;background:linear-gradient(110deg,#102d3feb,#123447c9),url('./assets/courtroom-mobile.webp') center 55%/cover;color:#faf8f2; }
 .bpm-video::after { content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 45%,#e7e8df0d 46%,transparent 49%,transparent 73%,#e7e8df0d 74%,transparent 78%); }
 .bpm-video .bpm-kicker,.bpm-court .bpm-kicker,.bpm-results .bpm-kicker { color:#c7bba5; }
 .bpm-video h2 { color:#fffaf1;font-size:clamp(31px,8.6vw,48px);line-height:1.03;letter-spacing:-.025em; }
 .bpm-video h2 em { color:#d7b379; }
 .bpm-video p { color:#e1e3df;font-size:15px;line-height:1.3;max-width:290px;margin-top:9px; }
 .bpm-video-play { display:block;width:56px;height:56px;color:#fff!important;margin-top:12px;border:1px solid #e3c58d;border-radius:50%;background:linear-gradient(130deg,#d7b67d,#97713f);box-shadow:inset 0 0 0 3px #ffffff30,0 2px 12px #0003; }
 .bpm-video-play svg { width:100%;height:100%;padding:6px; }
 .bpm-video-play svg circle { stroke:#fff7e9;stroke-width:1; }
 .bpm-video-play svg path { fill:#fff7e9;stroke-width:.8; }
 .bpm-video-note { display:block;color:#ded7c7;font-size:9px;line-height:1.3;max-width:145px;position:absolute;left:91px;top:235px; }
 .bpm-devices { position:absolute;bottom:5px;left:6px;right:6px;height:209px; }
 .bpm-laptop { position:absolute;left:0;bottom:3px;width:83%;transform:rotate(-4deg);transform-origin:bottom left; }
 .bpm-screen { height:186px;padding:6px;border:2px solid #c6c6c3;border-radius:8px 8px 3px 3px;background:#0b1115;box-shadow:0 5px 17px #0006;overflow:hidden; }
 .bpm-screen-top { height:25px;display:flex;justify-content:space-between;align-items:center;padding:3px 7px;background:#fffefa;border-bottom:1px solid #eee6dc; }
 .bpm-screen-top img { width:100px;height:auto; }
 .bpm-screen-top>span { font-size:5px;color:#826d4c; }
 .bpm-screen-body { height:143px;display:grid;grid-template-columns:26% 1fr;background:#fcfcfa;color:#183348; }
 .bpm-screen-body aside { border-right:1px solid #e1e4e7;display:flex;flex-direction:column;gap:10px;padding:10px 4px;font-size:5px; }
 .bpm-screen-body aside b { font-size:5px;color:#936f43; }
 .bpm-screen-main { min-width:0;padding:12px 9px; }
 .bpm-screen-main>strong { display:block;font-size:9px; }
 .bpm-screen-main>small { display:block;font-size:5px;padding:7px 0 4px; }
 .bpm-screen-main>small>b { float:right;color:#a07940; }
 .bpm-progress { height:4px;background:#ece8de;border-radius:8px;overflow:hidden; }
 .bpm-progress i { display:block;width:72%;height:100%;background:#bd975b; }
 .bpm-screen-tiles { display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding-top:8px; }
 .bpm-screen-tiles>span { display:grid;justify-items:center;gap:5px;background:#fff;border:1px solid #e6e7e7;border-radius:3px;padding:6px 1px; }
 .bpm-screen-tiles svg { width:15px;height:15px; }
 .bpm-screen-tiles b { font-size:4.5px;white-space:nowrap; }
 .bpm-screen-league { display:flex;align-items:center;justify-content:space-between;background:#faf6ec;margin-top:6px;padding:3px 5px;border-left:2px solid #c3a16b; }
 .bpm-screen-league b { display:block;font-size:6px; }
 .bpm-screen-league small { display:block;font-size:4.5px;color:#947447; }
 .bpm-screen-league img { width:24px;height:24px; }
 .bpm-laptop-base { height:9px;position:relative;left:-6px;width:calc(100% + 12px);background:linear-gradient(#e4e4df,#565b5f);border-radius:1px 1px 50% 50%;box-shadow:0 4px 6px #0007; }
 .bpm-phone { position:absolute;right:9px;bottom:4px;width:86px;height:182px;border:3px solid #172129;border-radius:13px;background:#fffdf8;box-shadow:2px 2px 0 #c5c5bd,0 4px 9px #0005;transform:rotate(7deg);overflow:hidden;padding:11px 5px 6px;color:#102d40; }
 .bpm-phone-speaker { position:absolute;top:3px;left:28px;width:24px;height:3px;background:#172129;border-radius:9px; }
 .bpm-phone-logo { width:58px;height:auto;display:block;margin:2px 0 6px; }
 .bpm-phone-photo { height:58px;border-radius:3px;background:url('./assets/courtroom-mobile.webp') center 60%/cover; }
 .bpm-phone strong { display:block;font:400 11px/1.08 Georgia,serif;margin:7px 0 4px; }
 .bpm-phone small { display:block;font-size:4.5px;color:#6b7275; }
 .bpm-phone>span { display:block;font-size:5px;background:#b08c53;color:#fff;padding:6px 4px;border-radius:3px;margin-top:7px;text-align:center; }
 .bpm-features { padding-top:19px; }
 .bpm-features .bpm-kicker { margin-bottom:7px; }
 .bpm-features h2 { margin-bottom:13px;font-size:clamp(27px,7.05vw,40px); }
 .bpm-feature-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
 .bpm-feature { min-width:0;min-height:182px;display:flex;flex-direction:column;align-items:flex-start;padding:11px 10px 10px;border:1px solid #e6e2d9;border-radius:9px;background:linear-gradient(115deg,#fffefa,#faf8f4);box-shadow:0 1px 3px #152c3c03; }
 .bpm-feature>img { width:51px;height:51px;margin:0 0 8px; }
 .bpm-feature h3 { font-size:12px;line-height:1.13;margin-bottom:7px; }
 .bpm-feature p { font-size:11px;line-height:1.32; }
 .bpm-feature-arrow { display:block;color:#a57d44;font-size:23px;line-height:1;margin-top:auto;padding-top:10px; }
 .bpm-league { padding-top:23px; }
 .bpm-league .bpm-kicker { margin-bottom:8px; }
 .bpm-league h2 { margin-bottom:12px; }
 .bpm-league>p { font-size:13px;line-height:1.4;max-width:335px; }
 .bpm-league-link { display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:10px;font-weight:600;margin:5px 0 8px;min-height:25px; }
 .bpm-board { background:#fff;border:1px solid #eee7dc;border-radius:9px;padding:10px 14px 6px;box-shadow:0 5px 13px #17334408; }
 .bpm-board-label { color:#405160;font-size:8px;letter-spacing:.16em;font-weight:700;margin-bottom:8px; }
 .bpm-board-row { display:grid;grid-template-columns:17px 26px minmax(0,1fr) 57px 25px;align-items:center;gap:8px;min-height:36px;border-bottom:1px solid #eff0ed;font-size:10px; }
 .bpm-board-row:last-of-type { border:0; }
 .bpm-rank { display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:9px;background:#f6dfae;color:#88602d; }
 .bpm-rank-1 { background:#e2e5e9;color:#54606c; }.bpm-rank-2 { background:#e8b38d;color:#714626; }.bpm-rank-3 { background:none;color:#193344; }
 .bpm-avatar { width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid #d7c8ad;background:linear-gradient(135deg,#243d4a,#9c845b);color:#fff8e9;font-size:7px;letter-spacing:.02em; }
 .bpm-avatar-1 { background:linear-gradient(130deg,#678087,#183344); }.bpm-avatar-2 { background:linear-gradient(130deg,#d5b092,#6b483a); }.bpm-avatar-3 { background:linear-gradient(130deg,#546d77,#182d3e); }
 .bpm-points { font-size:10px;white-space:nowrap;text-align:right; }
 .bpm-small-medal { width:24px;height:27px;position:relative;display:grid;place-items:center;color:#d69e31;filter:drop-shadow(0 1px 1px #ac793f33); }
 .bpm-small-medal::before,.bpm-small-medal::after { content:'';position:absolute;top:1px;width:5px;height:10px;background:currentColor;transform:rotate(-15deg);left:4px;opacity:.5; }
 .bpm-small-medal::after { left:auto;right:4px;transform:rotate(15deg); }
 .bpm-small-medal svg { width:22px;height:22px;position:relative;background:#fbedd1;border-radius:50%; }
 .bpm-medal-1 { color:#9fa4a9; }.bpm-medal-1 svg { background:#eef0f1; }.bpm-medal-2 { color:#b5744d; }.bpm-medal-2 svg { background:#f0d9c6; }.bpm-medal-3 { color:#7aafc6; }.bpm-medal-3 svg { background:#e6f1f5; }
 .bpm-board-note { display:block;color:#7e8890;font-size:7px;text-align:center;margin-top:5px; }
 .bpm-rewards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:25px 0 18px; }
 .bpm-reward { text-align:center;min-width:0;padding:0 8px;border-right:1px solid #eee9df; }
 .bpm-reward:first-child { padding-left:0; }.bpm-reward:last-child { padding-right:0;border:0; }
 .bpm-reward img { display:block;width:62px;height:62px;margin:0 auto 10px; }
 .bpm-reward h3 { font-size:13px;margin-bottom:6px; }.bpm-reward p { font-size:11px;line-height:1.3; }
 .bpm-court { position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:570px;padding:34px 18px 20px;background:linear-gradient(180deg,#04182710 0%,#05172100 64%,#06172275),url('./assets/courtroom-mobile.webp') center/cover;color:#fffaf1; }
 .bpm-court-copy .bpm-kicker { margin-bottom:12px;font-size:10px; }
 .bpm-court h2 { color:#fffcf5;font-size:clamp(31px,8.1vw,49px);letter-spacing:-.03em; }
 .bpm-court p { color:#e1e1dc;font-size:15px;line-height:1.3;margin:15px 0 22px;max-width:100%; }
 .bpm-court .bpm-button { width:230px;max-width:88%;justify-content:space-between;text-align:left;padding:13px 15px;min-height:63px;gap:10px; }
 .bpm-court .bpm-button>span { align-self:flex-end; }.bpm-court .bpm-button-outline>span { align-self:center; }
 .bpm-court .bpm-button-outline { border:1px solid #dfd4b995;background:#0a1b2452;box-shadow:none;margin-top:10px;min-height:42px;font-size:12px; }
 .bpm-sample { display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:105px;margin-top:110px;border:1px solid #d2cdc785;border-radius:10px;background:linear-gradient(120deg,#ffffff1b,#ffffff0c);backdrop-filter:blur(9px);padding:15px 16px;box-shadow:0 5px 13px #0002; }
 .bpm-sample>span:first-child { min-width:0; }.bpm-sample>span:last-child { padding:11px 0 11px 14px;border-left:1px solid #d9d2c62b;font-size:23px; }
 .bpm-sample small { color:#d7d2c9;font-size:11px;display:block;margin-bottom:6px; }.bpm-sample strong { display:block;font:400 15px/1.2 Georgia,serif; }
 .bpm-sample-meta { display:flex;gap:7px;align-items:center;margin-top:10px;font-size:9px;color:#d0d5d4; }.bpm-sample-meta svg { width:12px;height:12px; }.bpm-sample-meta>span { margin-left:5px;color:#c1ae86; }
 .bpm-benefits { padding:22px 0 18px; }.bpm-benefits .bpm-kicker { margin-bottom:9px; }.bpm-benefits h2 { font-size:30px;line-height:1.06;margin-bottom:13px; }
 .bpm-benefit-list { display:grid;gap:0;margin-bottom:17px; }
 .bpm-benefit { display:flex;gap:16px;align-items:center;min-height:85px;padding:12px 13px;border:1px solid #e6e1d7;border-radius:10px;background:#ffffff30; }
 .bpm-benefit+.bpm-benefit { margin-top:-1px; }.bpm-benefit-icon { width:59px;height:59px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f6eddf;color:#a17b42; }.bpm-benefit-icon svg { width:32px;height:32px; }
 .bpm-benefit h3 { margin-bottom:4px;font-size:14px; }.bpm-benefit p { font-size:13px;line-height:1.3; }.bpm-benefits>.bpm-button { width:100%; }
 .bpm-results { background:linear-gradient(110deg,#102d3f,#0b2537);color:#fcf8f0;padding:27px 19px 21px;margin-bottom:17px; }.bpm-results .bpm-kicker { font-size:9px;margin-bottom:10px; }.bpm-results h2 { font-size:32px;color:#fcf8f0;margin-bottom:19px; }
 .bpm-result-card { background:#fffefa;border:1px solid #e5e5e0;border-radius:11px;padding:19px 14px;display:flex;gap:13px;align-items:flex-start;min-height:143px;color:#253a4a; }.bpm-result-avatar { display:grid;place-items:center;width:56px;height:56px;border-radius:50%;flex:none;background:linear-gradient(135deg,#f6ead6,#ebd3a8);color:#96703e;border:1px solid #e6d7be; }.bpm-result-avatar svg { width:30px;height:30px; }.bpm-result-card p { color:#34495a;font-size:13px;line-height:1.5; }.bpm-result-card small { display:block;font-size:10px;color:#677582;margin-top:11px; }.bpm-result-stars { display:block;color:#b0823f;letter-spacing:1px;font-size:17px;margin-top:3px; }.bpm-result-dots { display:flex;gap:11px;justify-content:center;margin-top:18px; }.bpm-result-dots i { width:7px;height:7px;display:block;border-radius:50%;background:#6e8290; }.bpm-result-dots i:first-child { background:#cbb58d; }
 .bpm-final { padding:27px 22px 25px;min-height:223px;border-radius:11px;background:linear-gradient(90deg,#0416285c,#0416280d),url('./assets/study-mobile.webp') center/cover;color:#fffdf4; }.bpm-final h2 { color:#fffdf4;font-size:30px;line-height:1.03; }.bpm-final p { max-width:230px;font-size:13px;line-height:1.3;margin:12px 0 15px;color:#e4e6e4; }.bpm-final>.bpm-button { width:175px;min-height:43px;padding:10px 15px;font-size:12px;gap:10px; }
 .bpm-footer { padding:28px 0 23px; }.bpm-footer-top { display:flex;align-items:center;justify-content:space-between;gap:16px; }.bpm-footer-top>a { min-width:0; }.bpm-footer-top img { display:block;max-width:100%;width:179px;height:auto; }.bpm-footer-icons { display:flex;gap:7px;flex:none; }.bpm-footer-icons a { width:28px;height:28px;border:1px solid #e7e2d8;border-radius:50%;display:grid;place-items:center;background:#fffaf1; }.bpm-footer-icons svg { width:13px;height:13px; }.bpm-footer>p { font-size:11px;color:#647383;line-height:1.5;margin:13px 0 14px; }.bpm-footer nav { display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap; }.bpm-footer nav a { display:flex;align-items:center;min-height:31px;font-size:10px;color:#647383; }.bpm-footer>small { display:block;color:#92978f;font-size:8px;margin-top:11px; }
}
@media (min-width:431px) and (max-width:750px) {
 .bpm-home,.bpm-header,.bpm-footer { max-width:550px;margin-left:auto;margin-right:auto; }.bpm-header { max-width:550px; }.bpm-hero { min-height:540px; }.bpm-hero-copy { padding-top:23px; }.bpm-hero-copy>p { width:260px;font-size:16px; }.bpm-justice { width:350px;height:525px;right:-15px; }.bpm-handwriting { top:350px;right:50px;font-size:34px; }.bpm-checks { padding-top:24px;font-size:12px; }.bpm-hero-actions { width:235px; }.bpm-video { min-height:550px; }.bpm-video-note { top:258px; }.bpm-devices { height:250px; }.bpm-screen { height:217px; }.bpm-screen-body { height:176px; }.bpm-screen-top { height:25px; }.bpm-screen-main { padding:15px; }.bpm-screen-main>strong { font-size:12px; }.bpm-screen-tiles { padding-top:12px; }.bpm-phone { width:103px;height:215px; }.bpm-phone-photo { height:76px; }.bpm-feature { min-height:205px;padding:15px 12px; }.bpm-feature h3 { font-size:14px; }.bpm-feature p { font-size:13px; }.bpm-feature>img { width:58px;height:58px; }.bpm-court { min-height:680px; }.bpm-court p { max-width:370px; }.bpm-benefits h2 { font-size:35px; }.bpm-final { min-height:260px; }.bpm-final h2 { font-size:35px; }
}
@media (max-width:360px) {
 .bpm-nav { min-height:76px;padding:10px 13px 9px 20px;gap:8px; }.bpm-nav-register { width:90px;font-size:11px;min-height:40px; }.bpm-menu-button { width:36px;height:40px; }.bpm-hero { min-height:447px; }.bpm-hero-copy { padding-left:23px; }.bpm-hero .bpm-kicker { font-size:9px;letter-spacing:.16em; }.bpm-hero h1 { font-size:36px; }.bpm-hero-copy>p { max-width:60%;font-size:12.5px; }.bpm-hero-actions { max-width:59%; }.bpm-button { font-size:12px; }.bpm-watch { font-size:12px; }.bpm-watch svg { left:10px;width:20px; }.bpm-justice { width:260px;height:390px;right:-22px; }.bpm-handwriting { right:17px;top:272px;font-size:26px; }.bpm-checks { font-size:9px;gap:8px 14px;padding-left:23px;padding-right:15px; }.bpm-inset { width:calc(100% - 44px); }.bpm-video { min-height:435px;padding:24px 19px 0; }.bpm-video p { font-size:13px; }.bpm-video h2 { font-size:30px; }.bpm-video-note { top:220px;left:82px;font-size:8px;max-width:140px; }.bpm-devices { height:183px; }.bpm-screen { height:163px; }.bpm-screen-body { height:127px; }.bpm-screen-main { padding:8px 7px; }.bpm-screen-tiles>span { padding:4px 1px; }.bpm-screen-body aside { gap:8px; }.bpm-phone { width:76px;height:168px;right:7px; }.bpm-phone-photo { height:47px; }.bpm-feature { padding:10px 8px;min-height:182px; }.bpm-feature h3 { font-size:11px; }.bpm-feature p { font-size:10px; }.bpm-feature>img { width:45px;height:45px; }.bpm-board { padding-left:10px;padding-right:10px; }.bpm-board-row { gap:6px;grid-template-columns:17px 23px minmax(0,1fr) 49px 22px;font-size:9px; }.bpm-points { font-size:9px; }.bpm-reward img { width:54px;height:54px; }.bpm-reward p { font-size:10px; }.bpm-reward h3 { font-size:12px; }.bpm-court { min-height:550px;padding:29px 17px 17px; }.bpm-court h2 { font-size:29px; }.bpm-court p { font-size:14px; }.bpm-sample { padding:13px;gap:10px; }.bpm-sample strong { font-size:14px; }.bpm-sample-meta { font-size:8px;gap:5px; }.bpm-benefit { gap:12px;padding:11px; }.bpm-benefit-icon { width:49px;height:49px; }.bpm-benefit h3 { font-size:13px; }.bpm-benefit p { font-size:12px; }.bpm-results h2 { font-size:30px; }.bpm-result-avatar { width:44px;height:44px; }.bpm-result-card { padding:16px 12px;gap:10px; }.bpm-result-card p { font-size:12px; }.bpm-final { padding:25px 18px 22px; }.bpm-final h2 { font-size:27px; }.bpm-footer-icons { gap:5px; }.bpm-footer-icons a { width:25px;height:25px; }.bpm-footer-top img { width:157px; }
}
@media (prefers-reduced-motion:reduce) { .bpm-home * { scroll-behavior:auto!important; } }

/* A miniature dashboard needs bounded icons just like the full interface. */
.bpm-screen-body aside{overflow:hidden;gap:8px;padding:9px 5px;background:#f3f0e8}
.bpm-screen-body aside>b,.bpm-screen-body aside>span{display:flex;align-items:center;gap:4px;min-width:0;font:600 5px/1.4 Inter,system-ui,sans-serif}
.bpm-screen-body aside svg{display:block;width:10px;height:10px;flex:0 0 10px}
.bpm-screen-body aside>b{padding:4px 2px;border-radius:3px;background:#e9dfcc;color:#775d32}
.bpm-screen-main{background:linear-gradient(135deg,#fffdf8,#f6f2e9)}
.bpm-screen-eyebrow{display:block;color:#9b7b49;font:700 4px/1.5 Inter,system-ui,sans-serif;letter-spacing:.08em;margin-bottom:4px}
.bpm-screen-main>strong{font-family:Georgia,serif;font-size:11px;color:#173749;line-height:1.2}
.bpm-screen-tiles>span{border-color:#e4dccb;box-shadow:0 2px 4px #17374908}
.bpm-screen-tiles svg{display:block;max-width:100%;flex:none}
.bpm-screen-league img{flex:none;object-fit:contain}
@media(max-width:360px){.bpm-screen-body aside{gap:6px;padding:6px 3px}.bpm-screen-body aside svg{width:8px;height:8px;flex-basis:8px}.bpm-screen-body aside>b,.bpm-screen-body aside>span{font-size:4px;gap:3px}.bpm-screen-main>strong{font-size:9px}}

/* Account-style compact mobile dropdown – no hero cards, no full-width pushdown. */
@media (max-width:750px){
  .bpm-header{position:relative;z-index:1100!important;overflow:visible!important}
  #bpm-navigation.bpm-navigation[data-compact][hidden]{display:none!important}
  #bpm-navigation.bpm-navigation[data-compact]{
    box-sizing:border-box;
    display:block!important;
    position:absolute!important;
    top:calc(100% + 3px)!important;
    left:auto!important;
    right:13px!important;
    width:min(326px,calc(100vw - 26px))!important;
    max-width:none!important;
    max-height:min(72dvh,640px)!important;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:8px!important;
    margin:0!important;
    background:#fffdf8!important;
    border:1px solid #e1d7c6!important;
    border-radius:13px!important;
    box-shadow:0 18px 45px #102d4333!important;
    color:#203c4b;
    z-index:1200;
  }
  #bpm-navigation .bpm-menu-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 12px 11px;
    border-bottom:1px solid #ede7dc;
    color:#a08254;
    letter-spacing:.14em;
    font:800 10px/1.3 Arial,Helvetica,sans-serif;
  }
  #bpm-navigation .bpm-menu-head span{
    color:#77858b;letter-spacing:normal;font-weight:500;text-transform:none
  }
  #bpm-navigation a.bpm-menu-link,
  #bpm-navigation a.bpm-menu-account{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:46px!important;
    margin:0!important;
    padding:10px 11px!important;
    background:transparent!important;
    border:0!important;
    border-radius:8px!important;
    color:#213c4c!important;
    font:600 13px/1.3 Arial,Helvetica,sans-serif!important;
    text-decoration:none;
  }
  #bpm-navigation a.bpm-menu-link:hover,
  #bpm-navigation a.bpm-menu-account:hover,
  #bpm-navigation a.bpm-menu-link:focus-visible,
  #bpm-navigation a.bpm-menu-account:focus-visible{
    background:#f3eee5!important;
    outline-offset:0;
  }
  #bpm-navigation .bpm-menu-link svg,
  #bpm-navigation .bpm-menu-account svg{
    width:19px;height:19px;
    flex:0 0 19px;
    color:#9d7b4c;
  }
  #bpm-navigation .bpm-menu-link>span:nth-child(2),
  #bpm-navigation .bpm-menu-account>span:nth-child(2){flex:1;min-width:0}
  #bpm-navigation .bpm-menu-chevron{color:#b2a694;font:400 20px/1 Georgia,serif}
  #bpm-navigation .bpm-menu-divider{height:1px;margin:6px 9px;background:#e8e2d7}
  #bpm-navigation a.bpm-menu-account{color:#906b38!important;font-weight:700!important}
  #bpm-navigation a.bpm-menu-signin{
    display:block!important;
    min-height:32px!important;
    text-align:center;
    font:600 12px/1.5 Arial,Helvetica,sans-serif!important;
    color:#677782!important;
    border:0!important;
    padding:8px!important;
    background:transparent!important;
  }
  #bpm-navigation a:focus-visible{outline:2px solid #ad8953;outline-offset:1px}
}
@media(max-width:375px){
  #bpm-navigation.bpm-navigation[data-compact]{right:10px!important;width:calc(100vw - 20px)!important}
}

/* FINAL compact account-style dropdown. 9 options fit in a small handset. */
@media(max-width:750px){
 #bpm-navigation.bpm-navigation[data-compact]{
  right:12px!important;width:min(296px,calc(100vw - 24px))!important;
  max-height:min(76dvh,550px)!important;padding:7px!important;border-radius:12px!important;
  box-shadow:0 12px 30px #102d4326!important;
 }
 #bpm-navigation .bpm-menu-link svg,#bpm-navigation .bpm-menu-account svg{
  width:17px!important;height:17px!important;flex-basis:17px!important;
 }
 #bpm-navigation a.bpm-menu-link,#bpm-navigation a.bpm-menu-account{
  min-height:39px!important;padding:8px 9px!important;gap:10px!important;
  font-size:12.6px!important;line-height:1.35!important;
 }
 #bpm-navigation .bpm-menu-chevron{font-size:16px!important;color:#ab9b86!important}
 #bpm-navigation .bpm-menu-divider{margin:5px 8px!important}
 #bpm-navigation a.bpm-menu-signin{min-height:26px!important;padding:5px!important;font-size:11.5px!important}
}
@media(max-width:375px){
 #bpm-navigation.bpm-navigation[data-compact]{right:10px!important;width:min(290px,calc(100vw - 20px))!important}
}