.invoicing-landing{--ink:#103e49;--muted:#567078;--teal:#087d88;--mint:#e7f5f2;overflow:hidden;background:#fff;color:var(--ink)}.invoicing-landing h1,.invoicing-landing h2,.invoicing-landing h3{color:var(--ink);letter-spacing:-.045em;line-height:1.08;text-wrap:balance}.invoicing-landing h1{max-width:12ch;font-size:clamp(2.55rem,4.8vw,4.8rem)}.invoicing-landing h2{max-width:19ch;font-size:clamp(2rem,3.4vw,3.35rem)}.invoicing-landing p{line-height:1.7}.invoicing-landing .eyebrow{margin:0 0 16px;color:var(--teal);font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.invoice-hero{display:grid;grid-template-columns:1fr .9fr;gap:74px;align-items:center;padding-top:80px;padding-bottom:88px}.invoice-hero__copy>p:not(.eyebrow){max-width:58ch;margin:24px 0 0;color:var(--muted);font-size:1.12rem}.invoice-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.invoice-actions>a:not(.button){color:var(--teal);font-weight:750}.invoice-panel{margin:0;padding:16px;border:1px solid #c9e3e0;border-radius:25px;background:linear-gradient(145deg,#fcffff,#e3f5f1);box-shadow:0 25px 55px rgb(9 65 70 / 14%)}.invoice-panel__head{display:flex;justify-content:space-between;padding:8px 8px 17px;color:#5d767b;font-size:.78rem}.invoice-panel__head strong{color:var(--ink);font-size:1rem}.invoice-panel__menu{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;border-radius:15px 15px 0 0;background:#164c56;color:#c9e0dd;font-size:.73rem}.invoice-panel__menu span{padding:7px;border-radius:7px}.invoice-panel__menu .active{background:#276875;color:#fff}.invoice-panel__content{display:grid;gap:12px;padding:22px;border:1px solid #d6e9e6;border-top:0;border-radius:0 0 15px 15px;background:#fff}.invoice-panel__content small{color:#73898d;text-transform:uppercase;font-size:.67rem;font-weight:800;letter-spacing:.08em}.invoice-panel__content>strong{font-size:1.2rem}.invoice-panel__content>div{display:flex;justify-content:space-between;padding-top:11px;border-top:1px solid #e2efed;color:#688085;font-size:.81rem}.invoice-panel__content b{color:var(--ink)}.invoice-status{color:#1c897a!important}.invoice-panel figcaption{margin:13px 5px 2px;color:#678085;font-size:.72rem}.invoice-section{padding-top:86px;padding-bottom:86px}.invoice-section--tint{background:#f0f8f6}.invoice-heading{max-width:730px;margin-bottom:42px}.invoice-heading>p:last-child,.invoice-benefit-layout>div>p:last-child{margin-top:20px;color:var(--muted);font-size:1.05rem}.invoice-types{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.invoice-types article{min-height:137px;padding:21px;border:1px solid #cde5e1;border-radius:15px;background:#fff}.invoice-types span{color:#55a59f;font-size:.75rem;font-weight:800;letter-spacing:.1em}.invoice-types h3{margin-top:23px;font-size:1rem;letter-spacing:-.025em}.invoice-workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0;margin:0;list-style:none}.invoice-workflow li{position:relative;display:grid;gap:13px;padding:20px 18px;border-top:1px solid #cde3df;border-bottom:1px solid #cde3df}.invoice-workflow li+li{border-left:1px solid #cde3df}.invoice-workflow span{color:#4b9394;font-size:.72rem;font-weight:800;letter-spacing:.1em}.invoice-workflow strong{font-size:1rem}.invoice-section--dark{background:#113f49;color:#d9edeb}.invoice-section--dark h2{color:#fff}.invoice-section--dark .eyebrow{color:#8fd9cf}.invoice-tools{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center}.invoice-tools>div>p:last-child{margin-top:20px;color:#bdd8d5;font-size:1.04rem}.invoice-tools ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:0;list-style:none}.invoice-tools li{padding:17px;border:1px solid #4d7880;border-radius:12px;background:#1c515b;font-weight:700;line-height:1.35}.invoice-tools li span,.invoice-benefits span{margin-right:10px;color:#82d8ce}.invoice-benefit-layout{display:grid;grid-template-columns:.87fr 1.13fr;gap:78px;align-items:center}.invoice-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-benefits p{margin:0;padding:20px;border:1px solid #d2e7e4;border-radius:13px;background:#f8fcfb;font-weight:700;line-height:1.45}.invoice-final{padding:65px 0;background:linear-gradient(120deg,#087d88,#12434d);color:#fff}.invoice-final>.shell{display:flex;justify-content:space-between;gap:45px;align-items:center}.invoice-final h2{color:#fff}.invoice-final p{max-width:640px;margin-top:17px;color:#d6eeeb}.invoice-final .button{flex:0 0 auto}@media(max-width:900px){.invoice-hero,.invoice-tools,.invoice-benefit-layout{grid-template-columns:1fr;gap:42px}.invoice-hero{padding-top:50px;padding-bottom:60px}.invoice-section{padding-top:58px;padding-bottom:58px}.invoice-types{grid-template-columns:repeat(2,1fr)}.invoice-workflow{grid-template-columns:1fr}.invoice-workflow li+li{border-left:0;border-top:0}}@media(max-width:600px){.invoice-actions{align-items:stretch;flex-direction:column;gap:10px}.invoice-actions .button,.invoice-actions>a:not(.button){min-height:44px;justify-content:center;display:flex;align-items:center}.invoice-panel__menu,.invoice-tools ul,.invoice-benefits{grid-template-columns:1fr}.invoice-types{grid-template-columns:1fr}.invoice-types article{min-height:auto}.invoice-final{padding:48px 0}.invoice-final>.shell{display:block}.invoice-final .button{width:100%;justify-content:center;margin-top:24px}}@media(prefers-reduced-motion:reduce){.invoicing-landing *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
