.product-refined-page .product-section-label{font-weight:var(--hops-weight-title)!important;letter-spacing:.12em!important}.finance-brand-page{--product-ink:var(--hops-dark-purple);--product-light:var(--hops-light-purple);--product-impact:var(--hops-finance)}.connect-brand-page{--product-ink:var(--hops-charcoal);--product-light:var(--hops-parchment);--product-impact:var(--hops-parchment)}.hops-brand .finance-brand-page [data-screen-label=Cash-up]{gap:clamp(32px,4.5vw,72px);padding:clamp(56px,6vw,96px) max(24px,50vw - 728px);align-items:center!important}.finance-brand-page [data-screen-label=Cash-up]>div:first-child{aspect-ratio:1;max-height:640px;min-height:0!important}.finance-brand-page [data-screen-label=Cash-up]>div:last-child{padding:0!important}.hops-brand .finance-brand-page :is([data-cash],.hero-finance-card),.hops-brand .connect-brand-page .connect-system-preview{border-radius:16px!important}.product-refined-page .product-structure{--hops-curve-opacity:.075;overflow:hidden}.finance-brand-page .product-structure:before{-webkit-mask-position:right -65vw bottom 12%;mask-position:right -65vw bottom 12%;-webkit-mask-size:clamp(1800px,180vw,3000px);mask-size:clamp(1800px,180vw,3000px)}.connect-brand-page .product-structure:before{-webkit-mask-position:right -85vw top -180px;mask-position:right -85vw top -180px;-webkit-mask-size:clamp(1500px,160vw,2400px);mask-size:clamp(1500px,160vw,2400px)}.finance-brand-page .product-section-label{color:var(--hops-finance)!important}.finance-brand-page :is(#ai,[data-screen-label=Cash-up],[data-screen-label=Proof]) .product-section-label{color:var(--hops-light-purple)!important}.finance-brand-page #ai .tri3>div>div:first-child{--check-colour:var(--hops-light-purple)}.finance-brand-page #ai .tri3>div:nth-child(-n+2)>div:first-child{--check-colour:#ffc544}.finance-brand-page #ai .tri3>div>div:first-child>span:first-child{background:var(--check-colour)!important}.finance-brand-page #ai .tri3>div>div:first-child>span:last-child{color:var(--check-colour)!important}.finance-brand-page #ai>div>p:last-child{white-space:normal!important;overflow:visible!important}.finance-brand-page [data-screen-label=Onboarding]{background:var(--product-light)!important;color:var(--product-ink)!important}.finance-brand-page [data-screen-label=Onboarding] p{color:var(--product-ink)!important}.finance-brand-page [data-screen-label=Onboarding] .quad4{background:0 0!important;border-color:#28204e47!important;gap:0!important}.finance-brand-page [data-screen-label=Onboarding] .quad4>div{background:0 0!important}.finance-brand-page [data-screen-label=Onboarding] .quad4>div+div{border-left:1px solid #28204e47}.finance-brand-page [data-screen-label=Proof]{background:var(--hops-parchment)!important;color:var(--hops-charcoal)!important}.finance-brand-page [data-screen-label=Proof] :is(figure,blockquote){color:var(--hops-charcoal)!important;background:#fcfbfa!important}.finance-brand-page [data-screen-label=Proof] .finance-featured-proof{border-radius:var(--hops-panel-shape)!important}.finance-brand-page .finance-proof-photo{object-fit:cover;object-position:center top;width:100%;height:clamp(240px,24vw,360px);display:block}.finance-brand-page [data-screen-label=Proof] :is(span,strong,a){color:var(--hops-charcoal)!important}.finance-brand-page [data-screen-label=Proof] figcaption,.finance-brand-page [data-screen-label=Proof]>div>div:last-child,.finance-brand-page [data-screen-label=Proof] a{border-color:#24282a3d!important}.finance-brand-page [data-screen-label=Proof] figcaption{flex-wrap:wrap}.finance-brand-page [data-screen-label=Proof] figcaption>span[style*=background]{border-radius:6px;padding:6px 8px;background-color:var(--hops-charcoal)!important;background-origin:content-box!important;width:112px!important;height:42px!important}.connect-brand-page .connect-product-lockup{margin:0}.connect-brand-page .connect-product-lockup img{filter:brightness(0)invert();width:auto;height:32px;display:block}.connect-brand-page :is(#tax,#directory) .product-section-label{color:var(--hops-charcoal)!important}.connect-brand-page .connect-system-preview>div:first-child>span:last-child{color:var(--hops-mid-charcoal)!important}.connect-brand-page .connect-propositions>div{--connect-panel-ink:var(--hops-parchment);color:var(--connect-panel-ink);border:1px solid var(--hops-mid-charcoal);background:var(--hops-charcoal)!important}.connect-brand-page #two{background:color-mix(in srgb, var(--hops-mid-charcoal) 14%, var(--hops-parchment))!important;color:var(--hops-charcoal)!important}.connect-brand-page #two>div>.product-section-label{color:var(--hops-charcoal)!important}.connect-brand-page .connect-flow-texture{--hops-curve-colour:var(--hops-mid-charcoal);--hops-curve-opacity:.14;overflow:hidden}.connect-brand-page .connect-flow-texture:before{-webkit-mask-position:right -70vw center;mask-position:right -70vw center;-webkit-mask-size:clamp(1600px,165vw,2700px);mask-size:clamp(1600px,165vw,2700px)}.connect-brand-page .connect-propositions>div:last-child{--connect-panel-ink:var(--hops-charcoal);border-color:#0000;background:var(--hops-parchment)!important}.connect-brand-page .connect-propositions :is(p,a,small,strong),.connect-brand-page .connect-propositions .connect-diagram-desktop>div:last-child,.connect-brand-page .connect-propositions .connect-diagram-desktop>div:last-child span,.connect-brand-page .connect-propositions .gwlabel>span{color:var(--connect-panel-ink)!important}.connect-brand-page .connect-propositions .wire{background:var(--hops-mid-charcoal)!important}.connect-brand-page .connect-propositions .wire i{background:var(--connect-panel-ink)!important}.connect-brand-page .connect-propositions .wire:after{border-color:var(--connect-panel-ink)}.connect-brand-page .connect-propositions .connect-mobile-route{border-color:var(--hops-mid-charcoal);background:#7c82841a;border-left-width:1px}.connect-brand-page .connect-propositions>div:last-child .connect-mobile-route img,.connect-brand-page .connect-propositions .gwlabel img{filter:brightness(0)}.connect-brand-page .tax-mobile-values>span{background:#7c828424}.connect-brand-page .tax-mobile-values>span:last-child{background:var(--hops-charcoal)}.connect-brand-page .tax-mobile-values b,.connect-brand-page .tax-mobile-transfer{color:var(--hops-charcoal)}.connect-brand-page .tax-mobile-values>span:last-child,.connect-brand-page .tax-mobile-values>span:last-child b{color:var(--hops-parchment)}.connect-brand-page .tax-mobile-after b:after{background:var(--hops-parchment)}.connect-brand-page .tax-mobile-total{background:var(--hops-charcoal)}.connect-brand-page .tax-mobile-total :is(span,strong){color:var(--hops-parchment)!important}.connect-brand-page [data-screen-label="Connect customer proof"]{background:var(--hops-charcoal)!important;color:var(--hops-parchment)!important}.connect-brand-page [data-screen-label="Connect customer proof"] :is(p,strong,a){color:var(--hops-parchment)!important}.connect-brand-page [data-screen-label="Connect customer proof"] blockquote{color:var(--hops-charcoal);border-radius:var(--hops-panel-shape);background:#fcfbfa;min-width:0;border:0!important;padding:clamp(26px,3vw,44px)!important}.connect-brand-page [data-screen-label="Connect customer proof"] blockquote :is(p,strong,a){color:var(--hops-charcoal)!important}.connect-brand-page [data-screen-label="Connect customer proof"] a{border-color:var(--hops-mid-charcoal)!important}.product-refined-page .product-closing{background:var(--product-impact)!important;color:var(--hops-charcoal)!important;padding:clamp(56px,6vw,88px) 0!important}.product-refined-page .product-closing>div>p{color:var(--hops-charcoal)!important}.product-refined-page .product-closing>div>div{border-top:0!important;margin-top:28px!important;padding-top:0!important}.product-refined-page .product-closing a{background:var(--hops-parchment);color:var(--hops-charcoal)!important;border-color:var(--hops-charcoal)!important}.product-refined-page .product-closing a[href=\/book-a-demo]{background:var(--hops-charcoal)!important;color:var(--hops-parchment)!important}.product-refined-page .product-closing a:hover{text-underline-offset:4px;text-decoration:underline}.finance-brand-page .product-closing{color:#fff!important}.finance-brand-page .product-closing>div>.product-section-label{color:var(--hops-parchment)!important}.finance-brand-page .product-closing a{background:var(--hops-parchment)!important;color:var(--hops-dark-purple)!important;border-color:var(--hops-dark-purple)!important}.finance-brand-page .product-closing a[href=\/book-a-demo]{background:var(--hops-dark-purple)!important;color:var(--hops-parchment)!important}.finance-brand-page [data-tell-a-tick]{background:var(--hops-parchment);border-radius:4px;padding:2px 6px;color:var(--hops-dark-purple)!important}@media (max-width:1040px){.finance-brand-page [data-screen-label=Cash-up]>div:first-child{justify-self:center;width:100%;max-width:600px}.finance-brand-page [data-screen-label=Onboarding] .quad4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.finance-brand-page [data-screen-label=Onboarding] .quad4>div:nth-child(3){border-left:0}.finance-brand-page [data-screen-label=Onboarding] .quad4>div:nth-child(n+3){border-top:1px solid #28204e47}}@media (max-width:540px){.finance-brand-page .hero-finance-card>div:not(:first-child):not(:last-child){grid-template-columns:repeat(3,minmax(0,1fr)) minmax(60px,1fr)!important;gap:6px!important;padding-inline:12px!important}.finance-brand-page .hero-finance-card [data-eod-row]{font-size:12.5px!important}.finance-brand-page .hero-finance-card>div>span:nth-child(5){display:none}.finance-brand-page [data-cash]>div{gap:10px}.finance-brand-page [data-cash]>div:first-child,.finance-brand-page [data-cash]>div:last-child,.finance-brand-page .hero-finance-card>div:first-child,.finance-brand-page .hero-finance-card>div:last-child,.connect-brand-page .connect-system-preview>div:first-child,.finance-brand-page #ai .tri3>div>div:last-child{flex-wrap:wrap}.finance-brand-page [data-screen-label=Onboarding] .quad4{grid-template-columns:1fr!important}.finance-brand-page [data-screen-label=Onboarding] .quad4>div{border-left:0!important;padding-inline:0!important}.finance-brand-page [data-screen-label=Onboarding] .quad4>div+div{border-top:1px solid #28204e47}}
