/* Scoped browser-only app promotion; existing brand, cards, sticky bars and dialogs remain owned by their original styles. */
.bp-app-fixed,.bp-app-section,.bp-app-section *{box-sizing:border-box}
.bp-app-fixed{position:fixed;left:22px;bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:32;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 14px;border:1px solid #d2dfd8;border-radius:14px;background:#fffefa;color:#064b3c;box-shadow:0 5px 22px #143d331c;font:700 12px/1.5 Cairo,sans-serif;text-decoration:none;transition:box-shadow .2s,background-color .2s}
.bp-app-fixed svg{width:22px;height:22px;flex:none}
.bp-app-fixed:hover{background:#eef4ee;box-shadow:0 7px 26px #143d332b}
.bp-app-fixed:focus-visible,.bp-app-platform:focus-visible{outline:3px solid #bc9e65;outline-offset:4px}
body:has(dialog[open]) .bp-app-fixed,body:has([role="dialog"][aria-modal="true"]:not([hidden])) .bp-app-fixed{visibility:hidden;pointer-events:none}
.bp-app-section{position:relative;isolation:isolate;overflow:hidden;margin:68px 0 0;padding:58px 30px;background:#064b3c;color:#f8f7f2;font-family:Cairo,sans-serif;text-align:start}
.bp-app-section::before{position:absolute;z-index:-1;inset-inline-end:-120px;top:-150px;width:650px;height:650px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 90px #ffffff03,0 0 0 180px #ffffff02;content:"";pointer-events:none}
.bp-app-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:64px;max-width:1190px;margin:0 auto}
.bp-app-copy{max-width:580px}
.bp-app-identity{display:flex;align-items:center;gap:18px;margin-bottom:34px}
.bp-app-section .bp-app-icon{display:block;flex:none;width:64px;height:64px;border:1px solid #ffffff40;border-radius:17px}
.bp-app-section .bp-app-wordmark{display:block;width:204px;max-width:calc(100% - 86px);height:auto;filter:brightness(0) invert(1)}
.bp-app-section .bp-app-eyebrow{margin:0 0 14px;color:#ddc38f;font:500 12px/1.8 Cairo,sans-serif;letter-spacing:1.2px}
.bp-app-section[dir="rtl"] .bp-app-eyebrow{letter-spacing:0}
.bp-app-section .bp-app-title{max-width:560px;margin:0 0 22px;color:#fffefa;font:600 clamp(30px,3.4vw,44px)/1.4 Cairo,sans-serif;letter-spacing:-.6px}
.bp-app-section .bp-app-description{max-width:510px;margin:0;color:#d4e4dc;font:400 16px/1.95 Cairo,sans-serif}
.bp-app-section .bp-app-features{display:flex;flex-wrap:wrap;gap:12px 22px;margin:28px 0 22px;padding:0;list-style:none;color:#f8f7f2;font:500 13px/1.7 Cairo,sans-serif}
.bp-app-features li{display:flex;align-items:center;gap:7px}
.bp-app-features li::before{width:6px;height:6px;flex:none;border-radius:50%;background:#bc9e65;content:""}
.bp-app-section .bp-app-availability{margin:0;color:#a8c7b9;font:400 12px/1.8 Cairo,sans-serif}
.bp-app-visual{display:flex;flex-direction:column;align-items:center;min-width:0}
.bp-app-section .bp-app-figure{margin:0;text-align:center}
.bp-app-phone{position:relative;width:224px;aspect-ratio:1080/2400;padding:5px;border:2px solid #526c60;border-radius:30px;background:#14231c;box-shadow:0 28px 48px #001e1c50,0 2px 5px #0005}
.bp-app-section .bp-app-phone>img{display:block;width:100%;height:100%;border-radius:23px;object-fit:contain;background:#f8f7f2}
.bp-app-section figcaption{margin:12px 0 0;color:#afcbbf;font:400 11px/1.6 Cairo,sans-serif}
.bp-app-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:390px;margin-top:22px}
.bp-app-section .bp-app-platform{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:10px 13px;border:1px solid #a6c1b3;border-radius:11px;background:transparent;color:#fffefa;font:600 13px/1.7 Cairo,sans-serif;text-decoration:none;transition:background-color .2s,border-color .2s}
.bp-app-section .bp-app-platform-primary{border-color:#fffefa;background:#fffefa;color:#064b3c}
.bp-app-platform svg{width:22px;height:22px;flex:none}
.bp-app-section .bp-app-platform:hover{border-color:#ddc38f;background:#ffffff10}
.bp-app-section .bp-app-platform-primary:hover{background:#e9eee4;border-color:#e9eee4}
.bp-app-section .bp-app-install-note{max-width:390px;margin:13px 0 0;color:#bed4c9;text-align:center;font:400 10px/1.85 Cairo,sans-serif}
@media(max-width:900px){.bp-app-inner{gap:36px;grid-template-columns:minmax(0,1fr) minmax(285px,.85fr)}.bp-app-section{padding:46px 24px}.bp-app-section .bp-app-title{font-size:32px}.bp-app-section .bp-app-description{font-size:14px}.bp-app-phone{width:206px}}
@media(max-width:650px){.bp-app-fixed{left:12px;bottom:calc(94px + env(safe-area-inset-bottom,0px));min-height:43px;padding:9px 11px;font-size:11px;gap:6px}.bp-app-inner{grid-template-columns:minmax(0,1fr);gap:34px}.bp-app-section{margin-top:40px;padding:38px 22px}.bp-app-copy{max-width:none}.bp-app-identity{margin-bottom:25px;gap:14px}.bp-app-section .bp-app-icon{width:50px;height:50px;border-radius:13px}.bp-app-section .bp-app-wordmark{width:174px}.bp-app-section .bp-app-title{max-width:440px;font-size:30px}.bp-app-section .bp-app-description{font-size:14px;line-height:1.95}.bp-app-section .bp-app-features{gap:11px 17px;margin:23px 0 18px;font-size:12px}.bp-app-phone{width:222px}.bp-app-section .bp-app-platform{padding:11px 8px;font-size:12px;gap:7px}.bp-app-actions{max-width:340px}}
/* Mobile browser: one small download icon just above the slim bottom navigation. */
@media(max-width:760px){.bp-app-fixed{left:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));width:40px;height:40px;min-height:40px;padding:8px;gap:0;border-radius:12px}.bp-app-fixed>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bp-app-fixed svg{width:21px;height:21px}}
/* Landscape tablet widths still clear a visible legacy tray above the mobile entry. */
@media(max-height:440px) and (min-width:761px) and (max-width:900px){.bp-app-fixed{left:12px;bottom:calc(94px + env(safe-area-inset-bottom,0px));width:40px;height:40px;min-height:40px;padding:8px;gap:0;border-radius:12px}.bp-app-fixed>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body:has(.pr-tray) .bp-app-fixed{bottom:calc(154px + env(safe-area-inset-bottom,0px))}body.app-project:not([data-brekmen-journey]):has(.pr-tray) .bp-app-fixed{bottom:calc(220px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.bp-app-fixed,.bp-app-platform{transition:none}}
/* Real project previews rotate locally inside the existing phone; no embedded page reloads. */
.bp-app-section .bp-app-preview-screen{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:23px;background:#fffefa;color:#193a2a;text-decoration:none;text-align:start}
.bp-app-preview-screen:focus-visible{outline:3px solid #bc9e65;outline-offset:4px}
.bp-app-preview-header{display:flex;align-items:center;justify-content:center;min-height:38px;padding:9px;background:#fffefa;border-bottom:1px solid #e0e5da}
.bp-app-section .bp-app-preview-header img{display:block;width:100px;height:auto}
.bp-app-preview-photo{position:relative;flex:0 0 31%;min-height:115px;overflow:hidden;background:#e8ede1}
.bp-app-section .bp-app-preview-photo img{display:block;width:100%;height:100%;object-fit:cover}
.bp-app-section .bp-app-preview-photo>span{position:absolute;inset-inline-start:7px;bottom:7px;padding:2px 5px;border-radius:3px;background:#fffefa;color:#193a2a;font:600 8px/1.5 Cairo,sans-serif}
.bp-app-preview-photo.is-pending{display:grid;place-items:center}.bp-app-section .bp-app-preview-photo.is-pending>span{position:static;background:transparent;padding:15px;text-align:center}
.bp-app-preview-body{display:flex;flex:1;flex-direction:column;gap:9px;min-height:0;padding:14px 12px}
.bp-app-section .bp-app-preview-body small{color:#68765f;font:500 9px/1.5 Cairo,sans-serif}
.bp-app-section .bp-app-preview-title{display:block;color:#193a2a;font:700 19px/1.35 Cairo,sans-serif;overflow-wrap:anywhere}
.bp-app-section .bp-app-preview-body p{margin:0;color:#385344;font:500 10px/1.7 Cairo,sans-serif;overflow-wrap:anywhere}
.bp-app-preview-types{display:flex;flex-wrap:wrap;gap:4px}.bp-app-section .bp-app-preview-types span{padding:3px 5px;border:1px solid #dbe4d6;border-radius:4px;background:#f0f3e9;color:#244734;font:500 9px/1.5 Cairo,sans-serif}
.bp-app-section .bp-app-preview-open{display:block;margin-top:auto;padding:8px 5px;border-radius:5px;background:#064b3c;color:#fffefa;text-align:center;font:600 10px/1.5 Cairo,sans-serif}
.bp-app-preview-controls{display:flex;align-items:center;justify-content:center;gap:6px;max-width:260px;margin:12px auto 0;direction:ltr}
.bp-app-section .bp-app-preview-controls button{min-width:44px;min-height:44px;margin:0;padding:7px 9px;border:1px solid #9dbeaf;border-radius:6px;background:#fffefa;color:#064b3c;font:600 10px/1.5 Cairo,sans-serif;cursor:pointer}
.bp-app-section .bp-app-preview-controls button:disabled{opacity:.6;cursor:default}.bp-app-preview-controls button:focus-visible{outline:3px solid #ddc38f;outline-offset:3px}
.bp-app-section .bp-app-preview-count{color:#e4eee6;font:500 10px/1.5 Cairo,sans-serif;white-space:nowrap}
.bp-app-preview-announcement{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui),(display-mode:window-controls-overlay){.bp-app-fixed,.bp-app-section{display:none!important}}