/* Homepage catalog only. App interiors, features and saved records are unchanged. */
.homepage-phones .showcase-card{--card-text:#10243b;--card-accent:#10243b;background:var(--card-background)!important;color:var(--card-text)!important;border-top-color:var(--card-accent)!important}
.homepage-phones .showcase-card-vault{--card-background:#e2b85c}
.homepage-phones .showcase-travel{--card-background:#1c77b5;--card-text:#fff;--card-accent:#fff}
.homepage-phones .showcase-reminder{--card-background:#25a4ba}
.homepage-phones .showcase-medication{--card-background:#27b3a4}
.homepage-phones .showcase-accident{--card-background:#e88b35}
.homepage-phones .showcase-emergency{--card-background:#be3047;--card-text:#fff;--card-accent:#fff}
/* David's approved Personal Finance green is preserved exactly. */
.homepage-phones .showcase-bills{--card-background:#008363;--card-text:#fff;--card-accent:#f9b713}
.homepage-phones .showcase-business{--card-background:#4772c2;--card-text:#fff;--card-accent:#fff}
.homepage-phones .showcase-coloring{--card-background:#9650b8;--card-text:#fff;--card-accent:#fff}
.homepage-phones .showcase-word-search{--card-background:#3b68d4;--card-text:#fff;--card-accent:#fff}
.homepage-phones .showcase-warehouse{--card-background:#44799f;--card-text:#fff;--card-accent:#fff}
.homepage-phones .showcase-bar{--card-background:#c89a5d}
.homepage-phones .showcase-card .showcase-copy h2,
.homepage-phones .showcase-card .showcase-copy p,
.homepage-phones .showcase-card .showcase-copy .showcase-number,
.homepage-phones .showcase-card .showcase-copy .showcase-label,
.homepage-phones .showcase-card .showcase-copy .showcase-link,
.homepage-phones .showcase-card .showcase-copy .showcase-feature-link,
.homepage-phones .showcase-card .build-beta-message,
.homepage-phones .showcase-card .card-purchase{color:var(--card-text)!important}
.homepage-phones .app-card-brand{background:transparent;border-radius:0;padding:0;box-shadow:none}
/* A compact purchase control lets the card color show through. */
.homepage-phones .card-purchase>button{width:auto;max-width:100%;min-height:44px;padding:8px 14px;margin-top:3px;border:1.5px solid #000;border-radius:999px;background:transparent;color:#fff;font-size:12px;line-height:1.2;font-weight:800;box-shadow:none;transition:background .15s ease,transform .15s ease}
.homepage-phones .card-purchase>button:hover{background:#ffffff20;transform:translateY(-1px)}
.homepage-phones .card-purchase>button:active{transform:translateY(0)}
.homepage-phones .card-purchase>button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.homepage-phones .card-purchase>button{transition:none}}
.homepage-phones .showcase-phone,
.homepage-phones .store-phone{border:4px solid #000!important;border-radius:22px!important;background:#000;padding:8px 0 6px;outline:none;box-shadow:0 1px 2px #0005,0 13px 23px #0003!important}
.homepage-phones .showcase-card .showcase-panel-link:focus-visible,
.homepage-phones .showcase-card .showcase-feature-link:focus-visible{outline-color:var(--card-text)}

/* Fit the full 390 × 850 preview inside the thinner 4px bezel. */
.homepage-phones{--home-phone-scale:.312820513;--home-phone-height:287.897436px}
@media(max-width:350px){.homepage-phones{--home-phone-scale:.261538462;--home-phone-height:244.307692px}}

/* Camera sits in the black top bezel, never over the app screen. */
.homepage-phones .showcase-phone::before,.homepage-phones .store-phone::before{content:"";position:absolute;top:3px;left:50%;transform:translateX(-50%);width:34px;height:5px;border-radius:5px;background:radial-gradient(circle at 28px 2.5px,#25334a 0 1px,#0b0b0c 1.5px),#151515;z-index:1;pointer-events:none}
.homepage-phones .showcase-phone iframe,.homepage-phones .store-phone iframe{border-radius:34px;background:#fff}
.homepage-phones .showcase-card .showcase-ui::before{content:"";position:absolute;left:calc(50% + var(--home-phone-width)/2);top:25%;width:2px;height:20px;background:#161616;border-radius:0 2px 2px 0;pointer-events:none}
.homepage-phones .showcase-card .showcase-ui::after{content:"";display:block;position:absolute;inset:auto;left:calc(50% - var(--home-phone-width)/2 - 2px);top:22%;width:2px;height:12px;background:#161616;border-radius:2px 0 0 2px;box-shadow:0 17px 0 #161616;pointer-events:none}