.brand-story{background:#edf2f7;padding-block:55px}.brand-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;align-items:center}.brand-story-copy h2,.diagnosis-copy h2{font-size:clamp(29px,3vw,40px)}.brand-story-copy p{font-size:15px;line-height:2;color:var(--muted);margin-top:24px;max-width:400px}.brand-story-copy .read-link{font-size:13px;margin-top:23px}.brand-context{width:100%;max-width:480px;margin:0 0 0 auto}.account-crop{aspect-ratio:936/515;overflow:hidden;box-shadow:0 16px 28px #17354a12;background:#fff}.account-crop img{display:block;width:132.5854701%;max-width:none;height:auto;margin-left:-17.8418803%}
.diagnosis-story{background:#19314d;color:#edf4fc;padding-block:55px}.diagnosis-composition{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:8vw;align-items:center}.diagnosis-copy h2{color:#f5f8fc}.diagnosis-copy p{font-size:15px;line-height:2;color:#c7d5e6;margin-top:24px;max-width:480px}.diagnosis-artifact{min-width:0;width:100%;max-width:360px;margin:0 0 0 auto}.report-focus{overflow:hidden;width:100%;cursor:default;background:white;box-shadow:0 16px 28px #07152624}.report-crop{display:block;width:100%;aspect-ratio:652/540;overflow:hidden}.report-crop img{display:block;width:277.4539877%;max-width:none;height:auto;margin-left:-96.3190184%}
.cpa-evidence{background:#eaf0f7}.cpa-figure{max-width:850px;margin:45px auto 0}.cpa-chart{display:block;width:100%;height:auto;font-family:var(--body);font-variant-numeric:tabular-nums}.chart-label{font-size:14px;font-weight:400;color:var(--muted);margin-bottom:12px}.cpa-chart [data-cpa-value]{font-variant-numeric:tabular-nums}
@media(max-width:900px){.brand-composition{gap:5vw;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diagnosis-composition{gap:5vw;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
@media(max-width:760px){.brand-story,.diagnosis-story{padding-block:38px}.brand-composition,.diagnosis-composition{grid-template-columns:minmax(0,1fr);gap:28px}.brand-story-copy h2,.diagnosis-copy h2{font-size:29px}.brand-story-copy p,.diagnosis-copy p{font-size:15px;margin-top:20px}.brand-context{max-width:350px;margin:0 auto}.diagnosis-artifact{max-width:260px;margin:0 0 0 auto}.cpa-figure{margin-top:25px}.chart-label{font-size:13px;margin-bottom:8px}}
.browser-shell{padding:6px;background:#e1e7ef;border-radius:12px;box-shadow:0 20px 36px #17354a1c}.browser-bar{height:30px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;padding:0 9px 6px}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#7d90a6}.browser-address{display:block;background:#f3f6f9;color:#50647c;border-radius:5px;text-align:center;font-size:10px;line-height:21px;letter-spacing:.015em}.window-menu{display:flex;gap:4px;justify-self:end}.window-menu i{display:block;width:8px;height:7px;border:1px solid #8a9caf;border-radius:1px}.account-crop{border-radius:6px;box-shadow:none}.document-stage{padding:10px 16px 18px 2px}.document-shell{position:relative;isolation:isolate}.document-shell::before{content:"";position:absolute;inset:0;z-index:-1;background:#afc0d1;border-radius:9px;transform:translate(9px,9px) rotate(1.5deg)}.document-face{position:relative;padding:7px;background:#f4f6f9;border-radius:9px;box-shadow:0 20px 34px #081b2e30}.document-bar{display:flex;align-items:center;gap:8px;height:30px;padding:0 7px 7px;color:#4b6079;font-size:10px}.document-bar svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}.document-rule{width:20px;height:1px;background:#9cabbc;margin-left:auto}.report-focus{border-radius:3px;box-shadow:none}.diagnosis-artifact{max-width:380px}
@media(max-width:760px){.browser-shell{padding:5px;border-radius:10px}.browser-bar{height:27px;padding-inline:6px;gap:7px;grid-template-columns:35px 1fr 35px}.window-dots{gap:4px}.window-dots i{width:4px;height:4px}.browser-address{font-size:9px;line-height:19px}.document-stage{padding-right:13px;padding-bottom:15px}.document-bar{height:28px;font-size:9px}.diagnosis-artifact{max-width:280px}.document-face{padding:6px}}
