/* The lower App page carries one clear visual story through to starting. */
body[data-page=app]>.rb-active-premium{margin-top:0}
body[data-page=app] main>.rb-active-premium{margin:40px 0 44px}
body[data-page=app] main>.rb-active-premium .rb-active-premium-inner{min-height:490px;max-width:1440px;grid-template-columns:1fr 1fr}
body[data-page=app] main>.rb-active-premium .rb-active-premium-copy{padding-block:45px}
body[data-page=app] main>.rb-active-premium h2{font-size:clamp(36px,3.7vw,55px);white-space:normal;max-width:16ch}
body[data-page=app] main>.rb-active-premium .rb-active-description{font-size:17px;max-width:35ch;margin-bottom:22px}
body[data-page=app] main>.rb-active-premium .rb-active-choices{display:none}
.app-connected{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;padding-block:18px 36px}
.app-connected-art{min-width:0;border-radius:24px;overflow:hidden;box-shadow:inset 0 1px #fff,0 4px 0 #d6c8b7,0 13px 24px #36263c0e;background:#f3e9dc}
.app-connected-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:80% center;mix-blend-mode:multiply}
.app-connected h2{font-size:clamp(32px,3.3vw,46px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 25px;color:#2b2730}
.app-connected h2 span{color:#73569b}
.app-connected-parts{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.app-connected-parts>div{border-top:1px solid #c8b9cc;padding-top:17px}
.app-connected-parts h3{font-size:21px;color:#332b39;margin:0 0 10px;letter-spacing:-.02em}
.app-connected-parts p{font-size:16px;line-height:1.55;color:#605563;margin:0 0 10px;max-width:28ch}
.app-connected-parts a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;color:#695084;text-decoration:none}
body[data-page=app] .explore-basics{padding-block:30px 32px;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:35px;border-top:1px solid #dccfc5}
body[data-page=app] .explore-basics h2{font-size:29px;line-height:1.15;letter-spacing:-.03em;max-width:14ch;margin:13px 0;color:#332b39}
body[data-page=app] .explore-basics .eyebrow{font-size:10px}
body[data-page=app] .explore-basics-copy summary{font-size:16px;line-height:1.5;padding-block:15px}
body[data-page=app] .explore-basics-copy details p{font-size:15px;line-height:1.6}
.app-simple-start{display:grid;grid-template-columns:80px 1fr auto;gap:27px;align-items:center;margin-top:22px;margin-bottom:35px;padding-block:34px;border-block:1px solid #d3c2d4;background:radial-gradient(ellipse at 10% center,#a994c51b,transparent 65%)}
.app-simple-start>img{width:75px;height:auto;filter:drop-shadow(1px 4px 2px #30243922)}
.app-simple-start h2{font-size:clamp(30px,3.1vw,43px);line-height:1.1;letter-spacing:-.04em;margin:10px 0;color:#302936}
.app-simple-start p:not(.eyebrow){font-size:17px;line-height:1.5;color:#65596a;margin:0}
.app-start-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.app-start-actions>.button{min-width:200px;justify-content:center}
.app-start-actions>div{display:flex;flex-wrap:wrap;gap:8px 20px}
.app-start-actions>div>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#695084}
.try-app-back{padding-block:25px 0}.try-app-back a{display:inline-flex;align-items:center;min-height:44px;color:#73569b;font-size:15px;font-weight:700}
body[data-page=app] .app-explorer h1{font-size:clamp(34px,4vw,55px);line-height:1.08;letter-spacing:-.04em;color:#302936;margin:15px 0 20px}
@media(max-width:900px){.app-connected{gap:25px;grid-template-columns:.85fr 1.15fr}.app-connected-parts{gap:18px}.app-connected-parts p{font-size:15px}.app-connected h2{font-size:36px}.app-simple-start{grid-template-columns:65px 1fr;gap:20px}.app-start-actions{grid-column:2}.app-simple-start>img{width:60px}}
@media(max-width:700px){body[data-page=app] main>.rb-active-premium{margin-block:30px 35px}body[data-page=app] main>.rb-active-premium .rb-active-premium-inner{grid-template-columns:1fr;min-height:0}body[data-page=app] main>.rb-active-premium .rb-active-premium-copy{padding:32px 24px 20px}body[data-page=app] main>.rb-active-premium h2{font-size:39px;margin-bottom:20px}body[data-page=app] main>.rb-active-premium .rb-active-premium-art{min-height:360px}.app-connected{grid-template-columns:1fr;gap:26px;padding-block:0 28px}.app-connected-art{max-width:520px;width:100%;justify-self:center}.app-connected-copy>h2 br{display:none}.app-connected h2{font-size:35px;max-width:19ch}.app-connected-parts p{font-size:16px}body[data-page=app] .explore-basics{grid-template-columns:1fr;gap:15px;padding-block:28px}body[data-page=app] .explore-basics h2{font-size:28px;max-width:none}.app-simple-start{padding-block:28px;margin-top:12px;gap:17px}.app-simple-start h2{font-size:32px}.app-simple-start p:not(.eyebrow){font-size:16px}.app-start-actions{gap:10px}.app-start-actions>div{gap:0 15px}}
@media(max-width:400px){.app-connected-parts{grid-template-columns:1fr;gap:14px}.app-connected-parts p{max-width:34ch}.app-simple-start{grid-template-columns:1fr}.app-simple-start>img{width:48px}.app-start-actions{grid-column:1}}

/* Keep the artwork viewport on the text-free right half of the approved scene. */
body[data-page=app] main>.rb-active-premium h2{color:#fff8ee!important;-webkit-text-fill-color:#fff8ee}
body[data-page=app] main>.rb-active-premium h2 span{-webkit-text-fill-color:transparent}
body[data-page=app] main>.rb-active-premium .rb-active-premium-art{width:100%;max-width:508px;height:490px;min-height:0;aspect-ratio:836/806;justify-self:end;align-self:center;background:#25252d}
body[data-page=app] main>.rb-active-premium .rb-active-premium-art img{width:200%!important;height:auto;max-width:none!important;right:0;top:-9.057%;transform:none;filter:none}
body[data-page=app] main>.rb-active-premium .rb-active-premium-art:after{display:none}
@media(min-width:701px) and (max-width:1050px){body[data-page=app] main>.rb-active-premium .rb-active-premium-art{height:auto;max-width:none}}
@media(max-width:700px){body[data-page=app] main>.rb-active-premium .rb-active-premium-art{height:auto;max-width:580px;min-height:0;justify-self:center}}

/* One continuous purple-blue studio scene, including the live copy. */
body[data-page=app] main>.rb-active-premium{background:#34305d;border-color:#5e5592}
body[data-page=app] main>.rb-active-premium .rb-active-premium-inner{max-width:none;min-height:clamp(490px,33.333vw,640px);background:#34305d url('/assets/active-showcase/continuous-purple-scene.webp') center/cover no-repeat}
body[data-page=app] main>.rb-active-premium .rb-active-premium-copy{padding-left:clamp(28px,6.5vw,125px);padding-right:20px}
body[data-page=app] main>.rb-active-premium .rb-active-premium-art{background:none;height:auto;aspect-ratio:auto;max-width:none;align-self:stretch}
body[data-page=app] main>.rb-active-premium .rb-active-premium-art img{display:none}
body[data-page=app] main>.rb-active-premium .rb-active-eyebrow{color:#d0b4ff}
@media(max-width:700px){body[data-page=app] main>.rb-active-premium .rb-active-premium-inner{min-height:0;background:#34305d}body[data-page=app] main>.rb-active-premium .rb-active-premium-copy{padding:32px 24px 26px;background:url('/assets/active-showcase/continuous-purple-scene.webp') left top/auto 150% no-repeat}body[data-page=app] main>.rb-active-premium .rb-active-premium-art{aspect-ratio:1/1;max-width:none;background:none}body[data-page=app] main>.rb-active-premium .rb-active-premium-art img{display:block;width:300%!important;height:auto;top:0;right:0}}

/* Community is a destination in its own right; SOS stays a quieter support route. */
.app-connected{position:relative;grid-template-columns:1fr 1.12fr;gap:32px 48px;margin-block:20px 46px;padding:40px;border:1px solid #d6c8d6;border-radius:30px;background:radial-gradient(ellipse at 12% 40%,#bda6d92b,transparent 62%),linear-gradient(125deg,#f6eee3,#eee6ee);box-shadow:inset 0 1px 0 #fff,0 5px 0 #dcd0d6,0 18px 36px #44344d0a}
.app-connected .eyebrow{color:#725583;font-weight:700;letter-spacing:.14em}
.app-connected h2{font-size:clamp(36px,4vw,56px);margin-bottom:22px}
.app-community-intro{font-size:17px;line-height:1.65;color:#574d59;max-width:44ch;margin:0 0 24px}
.app-community-features{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:13px}
.app-community-features li{padding-left:18px;border-left:2px solid #a78ac5;font-size:15px;line-height:1.5;color:#665b69}
.app-community-features strong{color:#39313f}
.app-community-cta{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:50px;padding:13px 23px;background:linear-gradient(120deg,#7459a4,#5b58a3);color:#fff!important;border:1px solid #8570b2;border-radius:28px;box-shadow:inset 0 1px #ffffff30,0 5px 12px #54406c1c;text-decoration:none;font-size:15px;font-weight:700}
.app-community-cta:hover{filter:brightness(1.08)}
.app-community-cta:focus-visible,.app-community-support a:focus-visible{outline:3px solid #8265bb;outline-offset:5px}
.app-community-privacy{font-size:12px;line-height:1.6;color:#756879;max-width:47ch;margin:16px 0 0}
.app-community-support{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;border-top:1px solid #d4c5d6}
.app-community-support strong{font-size:16px;color:#44394b}
.app-community-support p{font-size:13px;line-height:1.6;color:#756879;margin:7px 0 0;max-width:65ch}
.app-community-support a{flex-shrink:0;display:inline-flex;gap:16px;align-items:center;min-height:44px;color:#6b5482;text-decoration:none;font-size:13px;font-weight:700}
@media(max-width:900px){.app-connected{gap:28px;padding:30px;grid-template-columns:.9fr 1.1fr}}
@media(max-width:700px){.app-connected{grid-template-columns:1fr;padding:24px 20px;gap:28px;margin-block:18px 36px;border-radius:25px}.app-connected-art{max-width:460px}.app-connected h2{font-size:39px;max-width:none}.app-connected h2 br{display:block}.app-community-intro{font-size:16px}.app-community-support{display:block;padding-top:22px}.app-community-support a{margin-top:8px}.app-community-cta{gap:16px;font-size:14px;padding-inline:20px}}