/* Uses the approved site palette and type system. Real app screenshots stay intact. */
.bps-app-page{--app-rule:1px solid var(--bps-border)}
.bps-app-page .rank-math-breadcrumb{max-width:1200px;margin:auto;padding:16px 24px}
.bps-app-page .bps-app-hero{padding-block:64px 80px}
.bps-app-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.bps-app-page .bps-app-hero h1{font-size:clamp(3.5rem,6.8vw,6.5rem);line-height:.98;letter-spacing:-.025em;margin-block:24px}
.bps-app-page .bps-app-intro{font-size:1.25rem;max-width:45ch}
.bps-app-page .bps-app-status{display:inline-flex;align-items:center;gap:8px;border:1px solid #c7e86b80;border-radius:4px;padding:8px 12px;color:var(--bps-lime);font-size:1rem;margin:0}
.bps-app-status span{width:8px;height:8px;border-radius:50%;background:var(--bps-lime)}
.bps-app-tags{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid #c9cace55;font-size:1rem;color:var(--bps-silver)}
.bps-app-showcase{position:relative;min-height:640px;display:flex;justify-content:flex-start;align-items:center;padding:16px 0 16px 16px}
.bps-app-phone{width:260px;max-width:100%;margin:0;position:relative;flex-shrink:0}
.bps-app-phone img{width:100%;height:auto;display:block;border:8px solid var(--bps-ink);border-radius:28px;box-shadow:0 24px 48px #03112c33}
.bps-app-phone figcaption{font-size:.875rem;text-align:center;margin-top:12px;color:var(--bps-muted)}
.bps-app-hero .bps-app-phone figcaption{color:var(--bps-silver)}
.bps-app-phone-front{width:270px;z-index:2;transform:rotate(-3deg)}
.bps-app-phone-back{position:absolute;right:0;top:64px;width:245px;transform:rotate(5deg);z-index:1}
.bps-app-workflow{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.bps-app-workflow li{border-top:4px solid var(--bps-blue);padding-top:24px}
.bps-app-workflow li>span{font-family:var(--bps-display);font-weight:700;font-size:2.5rem;color:var(--bps-blue)}
.bps-app-workflow h3{margin-top:8px}
.bps-app-silver{background:var(--bps-surface)}
.bps-app-story{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:center}
.bps-app-story .bps-app-phone{justify-self:center;width:280px}
.bps-app-story-reverse{grid-template-columns:1.25fr 1fr}
.bps-app-story-copy p{max-width:55ch}
.bps-app-feature-list{padding-left:24px}
.bps-app-feature-list li{padding-block:8px}
.bps-app-features{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:40px;margin-top:48px}
.bps-app-features article{border-top:var(--app-rule);padding-top:24px}
.bps-app-feature-number{font-family:var(--bps-display);font-size:1.5rem;font-weight:700;color:var(--bps-blue)}
.bps-app-features h3{margin-top:8px}
.bps-app-page .bps-faq{max-width:850px}
.bps-app-signup{background:var(--bps-ink);color:var(--bps-white);border-top:6px solid var(--bps-lime);scroll-margin-top:24px}
.bps-app-signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.bps-app-signup-copy :is(h2,p){color:var(--bps-white)}
.bps-app-page .bps-app-signup-copy p{color:var(--bps-white)}
.bps-app-signup-copy .bps-kicker{color:var(--bps-lime)}
.bps-app-signup-form{background:var(--bps-paper);padding:32px;border-radius:8px;color:var(--bps-ink);min-width:0}
.bps-app-signup-form h3{color:var(--bps-ink);margin-top:0}
.bps-app-mobile-action{grid-template-columns:1fr}
.bps-app-mobile-action a:first-child{background:var(--bps-blue);color:white}
@media(max-width:1100px){.bps-app-hero-grid{gap:32px}.bps-app-showcase{min-height:575px}.bps-app-phone-front{width:240px}.bps-app-phone-back{width:210px;right:-8px}.bps-app-story{gap:40px}}
@media(max-width:767px){
 .bps-app-page .bps-app-hero{padding-block:40px 48px}
 .bps-app-hero-grid,.bps-app-story,.bps-app-signup-grid{grid-template-columns:1fr;gap:32px}
 .bps-app-page .bps-app-hero h1{font-size:clamp(3.25rem,14vw,4.5rem)}
 .bps-app-showcase{min-height:530px;padding:16px 12px 8px 4px;max-width:360px;width:100%;justify-self:center}
 .bps-app-phone-front{width:220px}.bps-app-phone-back{width:195px;top:54px;right:0}
 .bps-app-workflow,.bps-app-features{grid-template-columns:1fr;gap:24px;margin-top:32px}
 .bps-app-story .bps-app-phone{width:260px}
 .bps-app-story:not(.bps-app-story-reverse) .bps-app-phone{order:2}
 .bps-app-signup-form{padding:24px}
}
@media(max-width:359px){.bps-app-showcase{min-height:470px}.bps-app-phone-front{width:190px}.bps-app-phone-back{width:170px}.bps-app-status{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.bps-app-page *, .bps-app-page *:before, .bps-app-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}