.qb-integration-page{background:#f7fbff;padding:0 0 90px}.qb-integration-hero{padding:76px 0 92px;background:radial-gradient(circle at 80% 20%,#dff6dd 0,transparent 33%),linear-gradient(130deg,#f8fcff,#edf7ff)}.qb-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.qb-brand-lockup{display:flex;align-items:center;gap:11px;margin-bottom:24px;font-weight:800;color:#1d8b35}.qb-brand-lockup img{width:42px;height:42px}.qb-hero-copy h1{margin:12px 0 18px;color:#0c2143;font:800 clamp(2.8rem,5vw,4.9rem)/.98 var(--display);letter-spacing:-.055em}.qb-hero-copy>p:not(.eyebrow){max-width:590px;color:#576f91;font-size:1.12rem;line-height:1.65}.qb-hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.qb-hero-actions>a:not(.btn){font-weight:800;color:#1866d8;text-decoration:none}.qb-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:#5a7190;font-size:.84rem}.qb-product-visual{position:relative;padding:18px;border-radius:22px;background:#112b50;box-shadow:0 30px 65px #16386735;color:#edf7ff}.qb-visual-bar{display:flex;justify-content:space-between;padding:8px 8px 18px;color:#b9d0e9;font-size:.76rem;font-weight:800}.qb-visual-invoice{padding:25px;background:#fff;color:#163052;border-radius:14px;box-shadow:0 14px 30px #0003}.qb-visual-invoice small{color:#7185a2;font-weight:800;letter-spacing:.1em}.qb-visual-invoice h3{margin:16px 0;border-bottom:2px solid #1b3150;padding-bottom:13px;font-size:1.25rem}.qb-visual-invoice div{display:flex;justify-content:space-between;padding:8px 0;color:#526884;font-size:.88rem}.qb-visual-invoice strong{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid #e1e8f0;font-size:1.1rem}.qb-sync-bridge{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto;width:75%}.qb-sync-bridge span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2a8aef;font-weight:800}.qb-sync-bridge i{height:2px;flex:1;background:linear-gradient(90deg,#398dff,#3dae45)}.qb-sync-bridge img{width:40px;height:40px}.qb-visual-status{padding:12px 16px;border:1px solid #356284;border-radius:10px;background:#17385f}.qb-visual-status b,.qb-visual-status span{display:block}.qb-visual-status span{color:#add0e9;font-size:.78rem;margin-top:3px}.qb-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:-34px;position:relative;border:1px solid #dce8f4;border-radius:14px;background:#fff;box-shadow:0 15px 30px #183d6811}.qb-proof-row div{padding:22px 28px;border-right:1px solid #e5edf6}.qb-proof-row div:last-child{border:0}.qb-proof-row b,.qb-proof-row span{display:block}.qb-proof-row b{color:#153256}.qb-proof-row span{margin-top:5px;color:#71839e;font-size:.86rem;line-height:1.45}.qb-how-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:104px 0}.qb-section-heading h2{margin:9px 0 14px;color:#11294d;font:800 clamp(2rem,3vw,3rem)/1.05 var(--display)}.qb-section-heading p:not(.eyebrow){color:#647994;line-height:1.65}.qb-steps{margin:0;padding:0;list-style:none}.qb-steps li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:0 0 28px}.qb-steps span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e4f4e2;color:#248a36;font-weight:800}.qb-steps h3{margin:8px 0;color:#143052}.qb-steps p{margin:0;color:#6a7e98;line-height:1.55}.qb-feature-band{padding:76px 0;background:#102b4d;color:#fff}.qb-feature-band h2{font:800 2.5rem var(--display);margin:8px 0 30px}.qb-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.qb-feature-grid article{padding:23px;border:1px solid #315271;border-radius:12px;background:#173759}.qb-feature-grid span{color:#83db8d;font-size:1.3rem}.qb-feature-grid h3{margin:13px 0 7px}.qb-feature-grid p{margin:0;color:#bbcee1;font-size:.88rem;line-height:1.5}.qb-template-section{padding:100px 0}.qb-template-links a{display:grid;gap:10px}.qb-template-links small{color:#1a9b39;font-weight:800;letter-spacing:.09em}.qb-template-links b{color:#173256;font-size:1.1rem}.qb-template-links span{color:#176dea;font-size:.88rem}.qb-final-cta{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:28px 32px;border-radius:18px;background:#e6f6e4}.qb-final-cta>img{width:66px;height:66px}.qb-final-cta h2{margin:6px 0 0;color:#183656;font:800 1.6rem var(--display)}@media(max-width:800px){.qb-hero-grid,.qb-how-section{grid-template-columns:1fr;gap:35px}.qb-proof-row,.qb-feature-grid{grid-template-columns:1fr}.qb-proof-row{margin:0}.qb-proof-row div{border-right:0;border-bottom:1px solid #e5edf6}.qb-final-cta{grid-template-columns:1fr}.qb-final-cta .btn{width:max-content}.qb-integration-hero{padding:54px 0}.qb-how-section,.qb-template-section{padding:65px 0}}