.finance-section{padding:90px 7% 55px;background:#fff;scroll-margin-top:25px}
.finance-heading{text-align:center}.finance-heading h2{margin:0;font-size:clamp(36px,3.6vw,50px);line-height:1.2;letter-spacing:-2px;font-weight:700}.finance-heading p{margin:22px 0 0;font-size:16px;line-height:1.8;color:#777;letter-spacing:-.3px}
.finance-stage{display:flex;justify-content:center;align-items:flex-start;gap:48px;max-width:1120px;margin:54px auto 0;padding-bottom:42px;position:relative}
.finance-device{width:280px;max-width:42%;margin:0;position:relative}.statement-device{margin-top:66px}
.finance-device figcaption{display:flex;flex-direction:column;gap:9px;text-align:center;margin-bottom:26px}.finance-device figcaption strong{font-size:18px;letter-spacing:-.5px}.finance-device figcaption span{font-size:12px;color:#858585}
.phone-frame{position:relative;padding:8px;border-radius:39px;background:linear-gradient(110deg,#858585,#191919 15%,#353535 84%,#b5b5b5 96%,#484848);border:1px solid #777;box-shadow:inset 0 0 0 2px #c2c2c2,0 3px 0 #4a4a4a,14px 24px 34px -17px #0005,0 42px 45px -31px #0004}
.phone-frame:after{content:'';position:absolute;right:-3px;top:110px;width:3px;height:45px;border-radius:0 2px 2px 0;background:#656565}
.phone-screen{overflow:hidden;border:3px solid #151515;border-radius:31px;background:#fff}.phone-screen img{display:block;width:100%;height:auto}.phone-camera{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#111;box-shadow:0 0 0 2px #333}
.finance-note{text-align:center;font-size:11px;color:#999;margin:10px 0 0;letter-spacing:.2px}
@media(max-width:650px){.finance-section{padding:60px 20px 35px}.finance-stage{gap:18px;margin-top:35px}.finance-device{max-width:47%}.statement-device{margin-top:40px}.finance-device figcaption strong{font-size:13px}.finance-device figcaption span{font-size:10px;line-height:1.6}.phone-frame{padding:5px;border-radius:24px}.phone-screen{border-radius:19px;border-width:2px}.phone-camera{top:12px;width:5px;height:5px}.finance-heading p{font-size:14px}}
.feature-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.feature-connectors path{stroke:#9b9b9b;stroke-width:1;stroke-linejoin:round}.feature-connectors circle{fill:#fff;stroke:#444;stroke-width:1.5}
.feature-callout{position:absolute;width:180px;text-align:left;z-index:3}.feature-callout strong{display:block;font-size:15px;letter-spacing:-.5px;line-height:1.5}.feature-callout p{font-size:12px;line-height:1.8;color:#858585;margin:7px 0 0;letter-spacing:-.2px}.callout-index{display:block;font-size:10px;color:#aaa;letter-spacing:1px;margin-bottom:8px}
.callout-filters{right:calc(100% + 30px);top:calc(21.6% - 28px)}.callout-input{right:calc(100% + 30px);top:calc(105% - 28px)}.callout-pdf{left:calc(100% + 34px);top:calc(60.4% - 28px)}.callout-edit{left:calc(100% + 34px);top:calc(84.2% - 28px)}
@media(max-width:1150px) and (min-width:651px){.finance-section{padding-left:3%;padding-right:3%}.finance-stage{gap:32px}.finance-device{width:240px}.feature-callout{width:145px}.feature-callout strong{font-size:13px}.feature-callout p{font-size:11px}}
@media(max-width:850px){.feature-connectors{display:none}.feature-callout{position:static;width:auto;margin-top:20px}.callout-index{margin-bottom:3px}.finance-device .phone-frame{margin-bottom:200px}.feature-callout{position:absolute;top:calc(100% + 24px);left:0;right:0}.callout-input,.callout-edit{top:calc(100% + 120px)}.phone-frame .feature-callout{background:#fafafa;padding:8px}.phone-frame{background:#202020}.feature-callout p br{display:none}}

/* Applied layout: original placement, continuous black leaders without markers. */
.finance-section[data-study="original"] .feature-connectors path{stroke:#111;stroke-width:1.4;stroke-linecap:round}
.finance-section[data-study="original"] .feature-connectors circle{display:none}
.finance-section[data-study="original"] .callout-index{display:none}
.finance-section[data-study="original"] .callout-filters{top:calc(21.6% - 10px)}
.finance-section[data-study="original"] .callout-input{top:calc(105% - 10px)}
.finance-section[data-study="original"] .callout-pdf{top:calc(60.4% - 10px)}
.finance-section[data-study="original"] .callout-edit{top:calc(84.2% - 10px)}

.control-outline{fill:none;stroke:#111;stroke-width:1.3;vector-effect:non-scaling-stroke}

/* Match the screenshot's own coordinate space, excluding bezel and padding. */
.feature-connectors{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
.finance-section[data-study="original"] .feature-connectors path{vector-effect:non-scaling-stroke;stroke-width:1.2}
.finance-section[data-study="original"] .callout-pdf{top:calc(59.6% - 10px)}
.finance-section[data-study="original"] .callout-edit{top:calc(83.6% - 10px)}
.finance-section[data-study="original"] .income-device .feature-callout strong{display:flex;align-items:center;gap:10px;white-space:nowrap}
.finance-section[data-study="original"] .income-device .feature-callout strong::after{content:'';height:1.2px;background:#111;flex:1;min-width:12px;margin-right:-9px;transform:translateY(-1px)}

.finance-composite{display:none;margin:42px -4% 0}.finance-composite img{display:block;width:100%;height:auto;border-radius:18px}.finance-section[data-study="original"] .finance-composite{display:block}.finance-section[data-study="original"] .finance-stage{display:none}