/* Ramp-inspired scattered sources, on an open page rather than an app surface. */
.financial-problem { padding:100px 0 48px;background:linear-gradient(180deg,#FFF 0%,#FFF 28%,#F3F7FA 100%);color:#1A355E;scroll-margin-top:78px;font-family:Inter,system-ui,sans-serif;overflow:hidden; }
.financial-problem * { box-sizing:border-box; }
.p3-shell { width:min(1180px,calc(100% - 96px));margin:auto; }
.p3-shell>h2 { margin:0 auto;font:500 50px/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.9px;text-align:center;text-wrap:balance; }
.p3-intro { margin:23px auto 0;color:#5B6D82;font:400 16px/1.75 Inter,sans-serif;text-align:center;max-width:660px; }
.p3-scene { height:508px;position:relative;margin-top:45px;isolation:isolate; }
.p3-scene::after { content:'';position:absolute;inset:-35px -160px -45px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 23% 59%,rgba(126,168,196,.16),transparent 37%),radial-gradient(ellipse at 77% 37%,rgba(139,174,201,.15),transparent 38%); }
.p3-scene::before { content:'';position:absolute;inset:-16px -45px 0;z-index:-1;background:radial-gradient(#D7E1E8 .7px,transparent .7px);background-size:19px 19px;mask-image:radial-gradient(ellipse at 50% 47%,#000 30%,transparent 71%); }
.p3-threads { width:100%;height:100%;position:absolute;inset:0;stroke:#9BB2C5;stroke-width:1.1;stroke-dasharray:3 5;opacity:.78;pointer-events:none; }
.p3-threads circle { fill:white;stroke-dasharray:none; }
.p3-cluster { position:absolute; width:300px; }
.p3-cluster--cash { left:2%;top:62px; }
.p3-cluster--time { left:calc(50% - 155px);top:144px;width:310px; }
.p3-cluster--invoice { right:2%;top:42px;width:288px; }
.p3-paper { padding:21px 24px 23px;border:1px solid transparent;border-radius:9px;position:relative;z-index:2;isolation:isolate; }
.p3-paper::before,.p3-paper::after { content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none; }
.p3-paper::before { z-index:-2;transform:translate(6px,8px) rotate(2deg);background:linear-gradient(135deg,#F8FAFC,#E4ECF2);border:1px solid #CBD8E2;box-shadow:0 12px 22px -16px rgba(26,53,94,.3); }
.p3-paper::after { z-index:-1;background:linear-gradient(135deg,#FFF 10%,#FFF 47%,#F2F6FA 100%);border:1px solid #D3DFE8;box-shadow:inset 0 1px 0 #FFF,0 2px 3px rgba(26,53,94,.04),0 17px 30px -19px rgba(26,53,94,.25); }
.p3-cash::before { transform:translate(5px,9px) rotate(3deg); }.p3-invoice::before { transform:translate(-4px,8px) rotate(-3deg); }
.p3-cash { transform:rotate(-6deg); }
.p3-time { transform:rotate(3deg); }
.p3-invoice { transform:rotate(6deg); }
.p3-file { display:flex;align-items:center;gap:8px;color:#52697F;font:400 12px/1.5 Inter,sans-serif;padding-bottom:15px;border-bottom:1px solid #E8EDF1;margin:0 0 23px; }
.p3-file svg,.p3-mail svg { width:17px;height:17px;stroke:#7890A2;stroke-width:1.2;flex:none; }
.p3-paper-label { margin:0;color:#536D83;font-size:13px;line-height:1.6; }
.p3-figure { margin:5px 0 13px;font:500 44px/1.1 'Space Grotesk',sans-serif;letter-spacing:-1.5px; }
.p3-paper-note { margin:0;font-size:12px;line-height:1.6;color:#536D83; }
.p3-reserve { position:relative;z-index:3;margin:-11px 0 0 49px;padding:16px 20px;width:251px;border:1px solid #CFDEE6;border-radius:7px;background:linear-gradient(135deg,#F6FAFC,#E5EEF3);box-shadow:inset 0 1px 0 #FFF,0 3px 5px -2px rgba(26,53,94,.06),0 17px 26px -18px rgba(26,53,94,.28);transform:rotate(2deg); }
.p3-reserve p { margin:0 0 5px;color:#61768A;font-size:12px;line-height:1.6; }
.p3-reserve strong { font:500 27px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.6px; }
.p3-reserve span { display:block;margin-top:4px;font-size:12px;color:#536D83; }
.p3-time-revenue { display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#536D83;margin-bottom:17px; }
.p3-time-revenue strong { font:500 24px/1.2 'Space Grotesk',sans-serif;color:#1A355E; }
.p3-time dl { margin:0; }
.p3-time dl>div { display:flex;justify-content:space-between;gap:10px;border-top:1px solid #E9EEF1;padding:10px 0;font-size:13px;line-height:1.5; }
.p3-time dt { color:#536D83; }.p3-time dd { margin:0; }
.p3-time dl>div:last-child { margin-inline:-10px;padding-inline:10px;background:linear-gradient(90deg,#EAF1F6,rgba(234,241,246,.25));border-radius:3px; }.p3-time dl>div:last-child dd { font-weight:500; }
.p3-time-total { display:flex;align-items:center;justify-content:space-between;border-top:1px solid #DCE6EC;padding-top:13px;font-size:13px; }
.p3-time-total strong { font:500 22px/1.2 'Space Grotesk',sans-serif; }
.p3-time-tag { display:block;position:relative;z-index:3;width:max-content;max-width:100%;padding:9px 12px;margin:-6px 0 0 -14px;border:1px solid #DDE6ED;border-radius:5px;background:#F1F6F9;color:#56758B;font-size:11px;line-height:1.5;transform:rotate(-2deg); }
.p3-overdue { display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:3px 6px;border:1px solid #F1D5D1;border-radius:3px;color:#A34442;background:#FCF0EF;font-size:10px;line-height:1.4; }.p3-overdue::before { content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex:none; }
.p3-invoice-rule { height:1px;background:#E4EAF0;margin:15px 0; }
.p3-mail { display:flex;align-items:center;justify-content:center;gap:9px;position:relative;z-index:3;width:max-content;padding:12px 14px;margin:13px 0 0 -20px;border:1px solid #DFE7ED;border-radius:6px;background:#FFF;box-shadow:0 10px 22px -16px rgba(26,53,94,.3);color:#536D83;font-size:12px;transform:rotate(-3deg); }
.p3-question { display:flex;align-items:start;gap:9px;margin:28px -10px 0;font:400 15px/1.6 Inter,sans-serif;color:#2E4965; }
.p3-question>span { display:grid;place-items:center;flex:none;width:21px;height:21px;border:1px solid #CDDAE4;border-radius:50%;font:400 12px/1.5 'Space Grotesk',sans-serif;color:#6F879A;margin-top:2px;background:#FFF; }
@media(max-width:1100px) and (min-width:761px) { .p3-shell { width:calc(100% - 72px); }.p3-shell>h2 { font-size:44px; }.p3-cluster { width:260px; }.p3-cluster--cash { left:1%; }.p3-cluster--time { left:calc(50% - 130px);top:157px; }.p3-cluster--invoice { right:1%; }.p3-paper { padding:19px 20px; }.p3-reserve { width:221px;margin-left:37px; }.p3-figure { font-size:40px; }.p3-question { font-size:13px; }.p3-file { font-size:11px; }.p3-mail { font-size:11px;padding-inline:11px; } }
@media(max-width:900px) and (min-width:761px) { .p3-cluster { width:215px; }.p3-cluster--time { left:calc(50% - 107px);top:175px; }.p3-paper { padding:17px; }.p3-file { gap:5px;font-size:10px; }.p3-overdue { font-size:9px;padding-inline:4px; }.p3-reserve { width:196px;margin-left:19px;padding:13px; }.p3-time dl>div { font-size:12px; }.p3-time-total { font-size:12px; }.p3-time-total strong { font-size:19px; }.p3-time-tag { font-size:10px;margin-left:-5px; }.p3-mail { margin-left:-6px;font-size:10px;gap:5px; }.p3-question { font-size:12px; }.p3-cluster--time .p3-question { margin-top:24px; } }
@media(max-width:760px) { .financial-problem { padding:66px 0 54px; }.p3-shell { width:calc(100% - 40px); }.p3-shell>h2 { font-size:36px;line-height:1.14;letter-spacing:-1.2px; }.p3-intro { font-size:15px;line-height:1.75;max-width:500px;margin-top:20px; }.p3-intro br { display:none; }.p3-scene { display:flex;flex-direction:column;align-items:center;gap:42px;height:auto;margin-top:42px;padding:7px 19px 0; }.p3-scene::before { inset:0 -20px;background-size:18px 18px;mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent); }.p3-threads { display:none; }.p3-cluster { position:relative;inset:auto;width:min(310px,100%); }.p3-cluster--cash { align-self:flex-start; }.p3-cluster--time { align-self:flex-end; }.p3-cluster--invoice { align-self:flex-start; }.p3-cash { transform:rotate(-3deg); }.p3-time { transform:rotate(2deg); }.p3-invoice { transform:rotate(-2deg); }.p3-reserve { width:calc(100% - 28px);margin-left:28px; }.p3-question { margin:23px 0 0;font-size:14px;line-height:1.6; }.p3-mail { margin-left:0;font-size:11px; }.p3-time-tag { margin-left:-5px;font-size:10px; }.p3-file { font-size:12px; }.p3-paper-label { font-size:13px; } }
@media(max-width:480px) { .p3-shell>h2 { font-size:31px;letter-spacing:-1px; }.p3-intro { font-size:14px; }.p3-scene { gap:38px;padding-inline:14px; }.p3-paper { padding:18px 20px 20px; }.p3-file { margin-bottom:17px;font-size:11px; }.p3-figure { font-size:41px; }.p3-reserve { padding:12px 17px; }.p3-reserve strong { font-size:25px; }.p3-time-total strong { font-size:20px; }.p3-time dl>div { font-size:12px; }.p3-question { font-size:13px; }.p3-mail { font-size:10px;padding:10px 12px; }.p3-time-revenue strong { font-size:22px; } }
@media(max-width:360px) { .p3-shell { width:calc(100% - 32px); }.p3-shell>h2 { font-size:27px; }.p3-intro { font-size:13px; }.p3-scene { padding-inline:12px; }.p3-paper { padding-inline:17px; }.p3-file { font-size:10px;gap:6px; }.p3-question { font-size:12px; }.p3-overdue { font-size:9px; }.p3-time-tag { font-size:9px; } }