/* Image-rich UI / September 2026. Original app screens remain unmodified. */
.refreshed-hero{background:linear-gradient(120deg,#fff 40%,#fff8f8 100%)!important}.refreshed-hero .hero-inner{max-width:1320px;grid-template-columns:.94fr 1.16fr;gap:32px;padding-top:70px;padding-bottom:80px}.refreshed-hero h1{font-size:clamp(42px,4.35vw,62px);letter-spacing:-2.6px}.hero-copy{position:relative;z-index:2}.three-phone-stage{background:none;min-height:580px;padding:0;border-radius:0;isolation:isolate;max-width:650px;width:100%;margin:auto}.hero-orbit{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fbe1e6 0%,#fff0f2 62%,transparent 63%);z-index:-1;top:4%;left:2%}.hero-orbit:after{content:'';position:absolute;inset:15%;border:1px solid #efc8d066;border-radius:50%}.hero-stage .hero-phone{position:absolute;display:block;top:65px;width:40%;max-width:none;filter:drop-shadow(0 20px 17px #16233d1c)}.hero-stage .hero-phone img{width:100%;height:auto;filter:none;display:block}.hero-stage .phone-left{left:1%;transform:rotate(-11deg) scale(.89);transform-origin:50% 80%;z-index:1}.hero-stage .phone-center{left:30%;top:34px;z-index:3}.hero-stage .phone-right{right:0;transform:rotate(11deg) scale(.89);transform-origin:50% 80%;z-index:2}.hero-float{position:absolute;z-index:4;background:#fff;border:1px solid #e8eaf0;box-shadow:0 12px 35px #16233d10;border-radius:12px;padding:14px 17px;display:flex;align-items:center;gap:10px}.hero-float strong{display:block;font-size:11px;line-height:1.4}.hero-float small{display:block;font-size:9px;color:#69758a;margin-top:4px}.hero-float-top{top:11px;left:0}.hero-float-bottom{bottom:8px;right:0}.tiny-file{background:#fff0f2;color:#c62a40;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:20px}.visual-steps{padding:82px 32px 90px;margin:auto}.visual-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.visual-section-heading h2{font-size:42px!important;line-height:1.15;margin:10px 0 0}.visual-section-heading>p{font-size:14px;color:#6c7789;line-height:1.8;margin:0 0 6px}.visual-section-heading .eyebrow{font-size:10px;letter-spacing:1.6px;margin:0}.journey-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.journey-card{background:#fff;border:1px solid #e8ebef;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.journey-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #16233d0a}.journey-art{height:230px;overflow:hidden;background:#f4f5f8}.journey-art>img{width:100%;height:100%;object-fit:cover;display:block}.journey-art.upload-art{background:radial-gradient(ellipse at 50% 70%,#fce0e5,#f7f0f2);padding-top:22px}.journey-art.upload-art img{height:370px;width:auto;max-width:100%;object-fit:contain;object-position:top;margin:auto;filter:drop-shadow(0 12px 16px #16233d14)}.journey-copy{padding:26px}.journey-copy>span{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#bf283b}.journey-copy h3{font-size:20px;letter-spacing:-.5px;line-height:1.35;margin:10px 0}.journey-copy p{color:#6b7687;font-size:13px;line-height:1.8;margin:0}.report-section{background:linear-gradient(130deg,#f8f9fb,#f2f4f8)!important}.app-showcase{background:linear-gradient(120deg,#f5f7fa 50%,#fcecef)!important}.showcase-screen{background:radial-gradient(ellipse,#f5d8df,#f3e7eb 60%,transparent 70%)}
/* Measured baseline is documented in UI-UPDATE.md. Desktop minimum = baseline × 1.25. */
main.home .illustrated-cta{--previous-cta-height:276px;min-height:calc(var(--previous-cta-height) * 1.25);display:grid;grid-template-columns:1.05fr 1fr;gap:0;padding:0!important;align-items:stretch;background:#16233d!important;overflow:hidden;border-radius:28px;position:relative}.illustrated-cta .cta-copy{padding:44px 0 44px 44px;z-index:2;align-self:center;max-width:none}.illustrated-cta .cta-eyebrow{color:#f38b98!important;font-size:9px!important;letter-spacing:1.8px;font-weight:800;margin:0 0 14px!important}.illustrated-cta h2{font-size:34px!important;line-height:1.16!important;letter-spacing:-1.1px!important;margin:0!important;max-width:500px}.illustrated-cta .cta-copy>p:not(.cta-eyebrow){font-size:14px!important;line-height:1.75;max-width:410px;margin:16px 0 24px}.illustrated-cta .download-cta{display:inline-flex;width:auto;height:50px!important;padding:0 20px!important;background:#fff!important;color:#16233d!important}.illustrated-cta .cta-footnote{display:block;font-size:10px;color:#bdc6d5;margin-top:14px}.cta-art{position:relative;min-height:100%;overflow:hidden;align-self:stretch}.cta-art img{width:100%;height:100%;object-fit:cover;object-position:56% center;display:block;position:absolute;inset:0}.cta-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16233d 0%,transparent 22%);z-index:1;pointer-events:none}.cta-art-label{position:absolute;bottom:18px;right:18px;z-index:2;padding:7px 12px;border:1px solid #ffffff25;background:#16233dbb;backdrop-filter:blur(8px);border-radius:99px;font-size:10px;color:#e4e8f0}.about-editorial{max-width:1112px;margin:42px auto 0;padding:0 24px}.about-editorial img{width:100%;height:350px;object-fit:cover;border-radius:22px;display:block}.about-editorial figcaption{font-size:12px;margin-top:12px;color:#6e798c}
@media(min-width:761px) and (max-width:1050px){.refreshed-hero .hero-inner{grid-template-columns:1fr;gap:24px}.refreshed-hero .hero-copy{max-width:650px}.three-phone-stage{max-width:620px;min-height:580px}.journey-art{height:190px}.journey-copy{padding:20px}.journey-copy h3{font-size:18px}.illustrated-cta .cta-copy{padding:36px 0 36px 30px}.illustrated-cta h2{font-size:29px!important}}
@media(max-width:760px){.refreshed-hero .hero-inner{padding-bottom:32px!important}.three-phone-stage{max-width:500px;min-height:0;height:auto;aspect-ratio:1/1.13;overflow:visible;margin-top:8px}.hero-stage .hero-phone{top:12%;width:40%}.hero-stage .phone-center{top:6%}.hero-float{padding:9px 10px;gap:7px;border-radius:10px}.hero-float strong{font-size:9px}.hero-float small{font-size:8px}.hero-float .note-icon,.tiny-file{width:25px;height:25px;font-size:15px}.hero-float-top{top:0;left:0}.hero-float-bottom{bottom:0;right:0}.visual-steps{padding:54px 20px!important}.visual-section-heading{display:block;margin-bottom:24px}.visual-section-heading h2{font-size:32px!important}.visual-section-heading>p{margin-top:18px;font-size:13px}.journey-cards{grid-template-columns:1fr;gap:20px}.journey-art{height:240px}.journey-copy{padding:24px}.journey-copy h3{font-size:21px}.journey-copy p{font-size:14px}.journey-art.upload-art img{height:400px}.illustrated-cta{grid-template-columns:1fr!important;min-height:0!important}.illustrated-cta .cta-copy{padding:34px 26px 20px!important}.illustrated-cta h2{font-size:30px!important}.illustrated-cta .cta-copy>p:not(.cta-eyebrow){font-size:14px!important}.illustrated-cta .download-cta{width:100%;justify-content:center}.cta-art{height:auto;aspect-ratio:1.5;min-height:220px}.cta-art:before{background:linear-gradient(180deg,#16233d,transparent 25%)}.about-editorial img{height:240px}.cta-art-label{font-size:9px}.refreshed-hero h1{font-size:41px!important}}
/* Visual QA corrections. */
.refreshed-hero .hero-inner{grid-template-columns:minmax(0,.94fr) minmax(0,1.16fr)}.hero-copy,.three-phone-stage{min-width:0}.hero-stage .hero-phone{width:36%}.hero-stage .phone-left{left:6%}.hero-stage .phone-center{left:32%}.hero-stage .phone-right{right:4%}.report-section{margin-inline:auto!important}.illustrated-cta h2{color:#fff!important}
@media(max-width:1050px){.refreshed-hero .hero-inner{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.three-phone-stage{aspect-ratio:1/1.05}.hero-stage .hero-phone{width:38%}.hero-stage .phone-left{left:5%}.hero-stage .phone-center{left:31%}.hero-stage .phone-right{right:3%}}
@media(min-width:1051px){main.home .illustrated-cta{--previous-cta-height:239.59375px;min-height:calc(var(--previous-cta-height) * 1.25)}.illustrated-cta .cta-copy{padding:26px 0 26px 40px}.illustrated-cta h2{font-size:30px!important}.illustrated-cta .cta-eyebrow{margin-bottom:10px!important}.illustrated-cta .cta-copy>p:not(.cta-eyebrow){font-size:13px!important;line-height:1.6;margin:12px 0 16px;max-width:410px}.illustrated-cta .download-cta{height:46px!important}.illustrated-cta .cta-footnote{margin-top:10px}}
