/* Fibo product stories: the working product is the visual, not decorative stock art. */
.designed-page{background:#fff}.designed-page .resource-hero{padding-bottom:64px}.designed-page .breadcrumb{margin-bottom:42px}.designed-page .resource-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.designed-page .resource-hero h1{font-size:clamp(40px,4.4vw,65px);line-height:1.1;letter-spacing:-.055em}.designed-page .resource-intro{font-size:16px;line-height:1.8;margin:25px 0;max-width:55ch}.designed-page .resource-kicker{font-size:13px;letter-spacing:0;color:#777d6a}.feature-stage{padding:35px 0 0 22px;position:relative;min-width:0;isolation:isolate}.feature-stage:before{content:'';position:absolute;inset:0 -24px 42px 0;background:#f5d632;border-radius:38px 8px 38px 8px;z-index:-1}.feature-window{border:1px solid #dce1d6;border-radius:13px;background:white;box-shadow:0 22px 50px #21362220;overflow:hidden;transform:rotate(-1deg)}.feature-toolbar{height:44px;background:#f6f8f3;border-bottom:1px solid #e5e9e0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;font-size:11px;color:#737d68}.feature-toolbar small{font-size:10px;border:1px solid #dce2d4;padding:2px 6px;border-radius:4px}.window-controls{display:flex;gap:5px}.window-controls i{width:7px;height:7px;border-radius:50%;background:#d2d9c9}.window-controls i:first-child{background:#c7b873}.feature-screen{padding:25px 22px 15px;min-height:350px}.demo-heading{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.demo-heading>span{font-size:12px;color:#8a917e}.demo-heading>strong{font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.035em}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:20px}.demo-steps button{display:flex;align-items:center;gap:6px;border:0;background:#f4f6f0;border-radius:6px;color:#727a67;padding:9px 6px;text-align:left;font-size:10px;line-height:1.4}.demo-steps b{display:grid;place-items:center;min-width:20px;height:20px;border:1px solid #dbe0d2;border-radius:50%;font-size:10px;font-weight:400}.demo-steps button[aria-pressed=true]{background:#f8edb3;color:#49462b}.demo-steps button[aria-pressed=true] b{background:#e1c74a;border-color:#e1c74a}.flow-preview{min-height:210px;border:1px solid #e3e6dd;border-radius:9px;padding:20px;background:linear-gradient(130deg,#fbfcf8,#fff)}.demo-tag{display:inline-block;font-size:10px;color:#6f785f;padding:3px 7px;border:1px solid #e0e5d6;border-radius:4px;margin-bottom:12px}.flow-preview h3,.followup-preview h3{font-size:21px;margin-bottom:18px;line-height:1.3}.demo-data{display:flex;justify-content:space-between;gap:12px;margin:13px 0;font-size:12px}.demo-data>span{color:#878d7e}.demo-data>strong{font-weight:500;text-align:right}.flow-preview>p{font-size:10px;line-height:1.6;margin-top:20px}.demo-foot{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8d9483;padding-top:20px}.feature-availability{text-align:right;font-size:11px;margin-top:18px;padding-right:8px}.feature-rail{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0 45px}.feature-rail>div{padding:10px 22px;border-left:1px solid #e0e5d8;display:flex;flex-direction:column;gap:8px}.feature-rail>div:first-child{padding-left:0;border-left:0}.feature-rail small{font-size:12px;color:#89917a}.feature-rail strong{font-weight:500;font-size:17px;line-height:1.4}.designed-page .resource-body{border:0;display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.designed-page .resource-section{display:block;padding:45px 0;border-top:1px solid #dbe1d2;border-bottom:0}.designed-page .section-number{display:inline-block;font-size:13px;color:#78846b;margin-bottom:22px;transition:color .25s}.designed-page .section-in-view .section-number{color:#7b6517}.designed-page .resource-section h2{font-size:31px;line-height:1.2;max-width:450px}.designed-page .resource-section p{font-size:16px;line-height:1.85;max-width:58ch}.designed-page .resource-section:nth-child(3){background:#263427;color:#fff;border:0;border-radius:18px 0 0 18px;padding:35px;margin-top:20px;margin-right:-30px}.designed-page .resource-section:nth-child(4){background:#263427;color:#fff;border:0;border-radius:0 18px 18px 0;padding:35px;margin-top:20px;margin-left:-30px}.designed-page .resource-section:nth-child(n+3) p{color:#c2cbb9}.designed-page .resource-section:nth-child(n+3) .section-number{color:#e8d665}.designed-page .resource-faq{display:grid;grid-template-columns:1fr 1.35fr;gap:0 65px;padding:100px 0 75px}.designed-page .resource-faq>.resource-kicker{grid-column:1;margin:0 0 20px}.designed-page .resource-faq h2{grid-column:1;font-size:40px;align-self:start}.designed-page .resource-faq .faqs{grid-column:2;grid-row:1/span 2}.designed-page .resource-faq details:first-child{border-top:1px solid #dce1d5}.feature-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#f5d632;padding:48px 55px;border-radius:20px;margin-bottom:80px}.feature-cta p{color:#6b6128;font-size:14px;margin-bottom:20px}.feature-cta h2{font-size:clamp(33px,4vw,50px);line-height:1.15}.feature-cta .button{background:#263427;color:#fff;border-color:#263427;white-space:nowrap}.designed-page .resource-related h2{font-size:33px}.designed-page .resource-related a{border-radius:8px;padding:22px}.designed-page .resource-related a:hover{background:#f8f4df}
/* Each page demonstrates its own work. */
.demo-ledger{border:1px solid #e1e6d9;border-radius:8px;overflow:hidden}.demo-ledger>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 12px;border-bottom:1px solid #e6eade;align-items:center}.demo-ledger>div:last-child{border:0}.demo-ledger .demo-ledger-head{font-size:10px;background:#f4f6ef;color:#8b917f;padding:10px 12px}.demo-ledger b{font-size:12px;display:block;font-weight:500}.demo-ledger small{font-size:11px;color:#828b77}.demo-category{font-size:11px;color:#6e795f}.demo-ledger select{width:100%;padding:8px 5px;background:#fff9dd;border:1px solid #dfca68;border-radius:5px;font-size:11px;color:#5b532e}.demo-confirmation{font-size:11px;color:#727d64;padding:18px 4px;min-height:66px;line-height:1.6}.demo-aging{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.demo-aging button{padding:13px 9px;border:1px solid #e2e7da;background:#f9fbf5;text-align:left;border-radius:7px;min-width:0}.demo-aging button[aria-pressed=true]{border-color:#bdab48;background:#fff9dc}.demo-aging span{display:block;font-size:9px;color:#818b73;white-space:nowrap}.demo-aging b{display:block;font-size:13px;font-weight:600;margin:8px 0}.demo-aging i{display:block;height:4px;width:var(--bar);border-radius:2px;background:#9eac87}.demo-aging button[aria-pressed=true] i{background:#cfb336}.followup-preview{border:1px solid #e2e7d9;padding:18px;border-radius:9px;min-height:214px}.followup-preview h3{margin-bottom:12px}.followup-preview p{font-size:12px;line-height:1.7}.demo-channel{display:flex;justify-content:space-between;font-size:10px;color:#6e7a61;border-top:1px solid #e5e9dd;padding-top:14px;margin-top:16px}.demo-channel span{color:#969d8b}.match-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-pair>div{display:flex;flex-direction:column;gap:10px;background:#f7f9f3;border:1px solid #e0e6d7;padding:20px 14px;border-radius:9px;transition:background .25s,border-color .25s}.match-pair small{font-size:10px;color:#7d8971}.match-pair strong{font-size:18px;font-weight:600;letter-spacing:-.025em}.match-pair span{font-size:11px;color:#8b957f}.match-pair b{font-size:10px;font-weight:400;color:#6d7b5e}.match-pair.is-matched>div{background:#eaf4e8;border-color:#91b389}.match-reason{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:11px;padding:20px 3px}.match-reason span{color:#8c9580}.match-reason b{color:#527343;font-weight:500}.demo-primary{width:100%;background:#f5d632;border:1px solid #e0c129;border-radius:7px;padding:11px;color:#494327;font-size:12px;font-weight:600}.demo-primary[aria-pressed=true]{background:#edf5e7;border-color:#a6bf94;color:#536e43}.match-feedback{font-size:11px;text-align:center;margin-top:12px;min-height:20px}.connection-select{display:flex;gap:5px;background:#f3f6ee;padding:5px;border-radius:8px}.connection-select button{flex:1;border:0;background:transparent;border-radius:5px;padding:8px;font-size:12px;color:#7f8970}.connection-select button[aria-pressed=true]{background:#fff;box-shadow:0 1px 6px #3a4d3010;color:#3b4f2e}.integration-path{display:flex;align-items:center;margin:30px 0}.integration-path>div{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:15px;font-weight:600;gap:8px;flex:1}.integration-path small{font-size:9px;font-weight:400;color:#9ba28e;min-height:28px}.integration-fibo{background:#f5d632;border-radius:12px;padding:14px 5px;min-height:90px;max-width:86px;box-shadow:0 5px 20px #d3bd6525}.integration-fibo img{object-fit:contain}.connection-line{width:24px;height:1px;background:#ccd7bf;flex-shrink:0}.integration-description{padding:19px;background:#f7f9f2;border:1px solid #e1e6d7;border-radius:8px;min-height:118px}.integration-description b{font-size:12px;font-weight:500}.integration-description p{font-size:11px;line-height:1.7;margin-top:10px}.designed-page[data-feature=bank-reconciliation] .feature-stage:before,.designed-page[data-feature=integrations] .feature-stage:before{background:#263427}.designed-page[data-feature=collections] .feature-stage:before{border-radius:8px 38px 8px 38px}.designed-page[data-feature=bookkeeping] .feature-window{transform:rotate(1deg)}.designed-page[data-feature=uae] .feature-stage:before{background:#e8eadf}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.designed-page .resource-hero-grid{gap:30px}.feature-stage{padding-left:12px}.feature-stage:before{right:-10px}.feature-screen{padding:20px 15px 13px}.demo-heading>strong{font-size:19px}.designed-page .resource-body{gap:0 35px}.designed-page .resource-section:nth-child(3){margin-right:-18px}.designed-page .resource-section:nth-child(4){margin-left:-18px}.match-pair strong{font-size:16px}}
@media(max-width:820px){.designed-page .resource-hero-grid{grid-template-columns:1fr;gap:40px}.designed-page .resource-hero h1{max-width:680px;font-size:52px}.feature-stage{width:100%;max-width:600px;margin:auto;padding:30px 15px 0}.feature-stage:before{right:0}.feature-screen{padding:26px}.feature-rail{grid-template-columns:1fr 1fr;gap:20px;padding-bottom:45px}.feature-rail>div:nth-child(3){border-left:0;padding-left:0}.designed-page .resource-body{grid-template-columns:1fr}.designed-page .resource-section:nth-child(3),.designed-page .resource-section:nth-child(4){margin:0;padding:30px;border-radius:14px}.designed-page .resource-section:nth-child(4){margin-top:15px}.designed-page .resource-faq{display:block;padding:60px 0}.feature-cta{padding:35px;gap:30px}.designed-page .resource-faq h2{margin-top:20px}}
@media(max-width:500px){.designed-page .resource-hero h1{font-size:41px}.feature-stage{padding:20px 5px 0}.feature-screen{padding:20px 14px 14px}.feature-window{transform:none!important}.feature-toolbar{font-size:10px;padding:0 12px}.demo-heading>strong{font-size:19px}.demo-steps button{font-size:9px;padding:8px 5px;gap:4px}.demo-steps b{min-width:17px;height:17px}.demo-aging b{font-size:11px}.demo-aging span{font-size:8px}.demo-data{font-size:11px}.feature-rail strong{font-size:15px}.feature-cta{flex-direction:column;align-items:flex-start;padding:30px}.feature-cta h2{font-size:34px}.designed-page .resource-section h2{font-size:28px}.designed-page .resource-section:nth-child(n+3){padding:25px}.designed-page .resource-faq h2{font-size:33px}.match-pair>div{padding:15px 10px}.match-pair strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.match-pair>div,.section-number{transition:none}}