/* Scoped to the app features page; shared onboarding assets remain unchanged. */
body.features-wordmark{--gold:#c6a370;--platinum:#d5d6d8;--ivory:#f5f5f4;color:#f5f5f4;background:#050505}
.features-wordmark .phone>.screen{background:#050505}
.features-wordmark .screen>.top{border-bottom-color:#202122}
.features-wordmark .back-chevron{color:#f5f5f4}
.features-wordmark .features-page h1{color:#f5f5f4;font-style:normal}
.features-wordmark .features-page h1 em{color:#c6a370;font-style:italic}
.features-wordmark .features-owner-view{display:block;font-size:.65em;line-height:1.3;margin-top:10px;font-style:normal}
.features-wordmark .kicker,.features-wordmark .feature-section-label,.features-wordmark .feature-text h2,.features-wordmark .feature-scan-caption{color:#c6a370}
.features-wordmark .feature-list p{color:#f0f0ee}
.features-wordmark .feature-triptych{border-color:#d5d6d8;background:#d5d6d8;gap:2px;padding:2px}
.features-wordmark .feature-triptych img{background:#111213}
.features-wordmark .feature-score,.features-wordmark .feature-cover-wrap{background:linear-gradient(140deg,#111213 5%,#424548 48%,#090a0b 90%);border-color:#d5d6d8}
.features-wordmark .feature-score-number,.features-wordmark .feature-score-number>span,.features-wordmark .feature-score-number small{color:#f5f5f4;-webkit-text-fill-color:#f5f5f4}
.features-wordmark .feature-score>strong,.features-wordmark .feature-score .feature-example{color:#f5f5f4}
.features-wordmark .web-editorial-cover{border-color:#1c1d1e;background:#121314;color:#f5f5f4}
.features-wordmark .web-editorial-cover:before{border-color:#d5d6d8}
.features-wordmark .web-editorial-person{inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.35);transform-origin:50% 18%;filter:saturate(.7)}
.features-wordmark .web-editorial-shade{background:linear-gradient(180deg,#0008,transparent 24%,transparent 48%,#0005 68%,#000e 96%)}
.features-wordmark .web-editorial-edition,.features-wordmark .web-editorial-feature strong,.features-wordmark .web-editorial-tagline,.features-wordmark .web-editorial-piece>div strong,.features-wordmark .web-editorial-rating strong{color:#f5f5f4}
.features-wordmark .web-editorial-footer,.features-wordmark .web-editorial-piece img{border-color:#d5d6d8}
.features-wordmark .web-editorial-tagline:before{background:#d5d6d8}
.features-wordmark .feature-scan-photo{border-color:#d5d6d8}
.features-wordmark .feature-scan-frame{border-color:#d5d6d8;color:#f5f5f4;background:#05050599}
.features-wordmark .features-page>a.btn.fill{background:linear-gradient(135deg,#f5f5f5,#b9bbbe 60%,#e3e4e5);color:#080909;-webkit-text-fill-color:#080909;border:1px solid #f1f1f1;box-shadow:0 0 0 2px #050505,0 0 0 3px #d5d6d8,0 0 17px #d5d6d833}
.features-wordmark .features-page>a.btn.fill:hover,.features-wordmark .features-page>a.btn.fill:focus-visible,.features-wordmark .features-page>a.btn.fill:active,.features-wordmark .features-page>a.btn.fill.is-selected{background:#f5f5f4;color:#080909;-webkit-text-fill-color:#080909;border-color:#fff;box-shadow:0 0 0 2px #050505,0 0 0 3px #fff,0 0 24px #d5d6d866}
.features-wordmark .quiet-link{color:#d5d6d8}

/* Find: reserve separate space for the scanner and caption at every width. */
.features-wordmark .feature-scan-photo{height:auto;aspect-ratio:3/2;isolation:isolate;border-radius:4px}
.features-wordmark .feature-scan-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.features-wordmark .feature-scan-frame{left:5%;right:auto;top:50%;width:clamp(120px,38%,210px);padding:10px;transform:translateY(-60%);background:#05050599;border:1px solid #d5d6d8;border-radius:3px}
.features-wordmark .feature-scan-caption{left:12px;right:12px;bottom:14px;font-size:clamp(18px,4vw,24px);line-height:1.2;padding:8px 10px;background:#050505bb;border-radius:3px}
.features-wordmark .feature-scan-photo:after{z-index:0;background:linear-gradient(180deg,transparent 55%,#0009)}

/* Approved headline scale and gold membership action. */
.features-wordmark .features-page h1{font-size:24.7px}
.features-wordmark .features-owner-view{font-size:1em}
.features-wordmark .features-page>a.btn.fill{background:#c6a370;background-image:none;border-color:#c6a370;box-shadow:0 0 0 2px #050505,0 0 0 3px #c6a370,0 0 17px #c6a37033}
.features-wordmark .features-page>a.btn.fill:hover,.features-wordmark .features-page>a.btn.fill:focus-visible,.features-wordmark .features-page>a.btn.fill:active,.features-wordmark .features-page>a.btn.fill.is-selected{background:#c6a370;border-color:#c6a370;box-shadow:0 0 0 2px #050505,0 0 0 3px #c6a370,0 0 24px #c6a37066}


/* Persistent click feedback uses the existing membership navigation handler. */
.features-wordmark .features-page>a.btn.fill:active,.features-wordmark .features-page>a.btn.fill.is-selected{background:#c6a370;border-color:#c6a370;box-shadow:0 0 0 2px #050505,0 0 0 3px #c6a370,0 0 14px #c6a370cc,0 0 34px #c6a37099,0 0 58px #c6a37055,inset 0 0 14px #c6a37077}

.features-wordmark .features-experience-intro{font:400 16px/1.65 'DM Sans',sans-serif;color:#f0f0ee;margin:12px 0 28px}