.cp-landing-redesign .ha-scene{--ha-green:#123f36;--ha-lilac:#dcd1f7;--ha-mint:#cef1b2;--ha-muted:#7b8b84;--ha-cycle:12s;width:min(100%,620px);color:var(--ha-green);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;position:relative;container-type:inline-size}.cp-landing-redesign .ha-composition{aspect-ratio:560/620;width:100%;position:relative}.cp-landing-redesign .ha-backdrop{background:#e4eae0;border-radius:20px;position:absolute;inset:13% 0 5% 17%;transform:rotate(3deg)}.cp-landing-redesign .ha-photo-frame{background:#d8dfd4;border-radius:16px;position:absolute;inset:10% 3% 7% 16%;overflow:hidden}.cp-landing-redesign .ha-photo{-o-object-fit:cover;object-fit:cover;-o-object-position:56% 50%;object-position:56% 50%;transform-origin:60% 45%;animation:24s ease-in-out infinite ha-photo}.cp-landing-redesign .ha-workflow{width:49%;animation:ha-workflow-float var(--ha-cycle) ease-in-out infinite;background:#fff;border-radius:10px;position:absolute;top:1.5%;left:0;overflow:hidden;box-shadow:0 12px 32px -12px #183b342b,0 2px 4px #183b3408}.cp-landing-redesign .ha-window-bar{background:var(--ha-green);align-items:center;gap:5px;height:25px;padding:0 11px;display:flex}.cp-landing-redesign .ha-window-bar>span{flex:1}.cp-landing-redesign .ha-window-bar i{background:#ffffff45;border-radius:50%;width:5px;height:5px}.cp-landing-redesign .ha-workflow-body{padding:18px 18px 15px}.cp-landing-redesign .ha-workflow-heading{letter-spacing:-.03em;justify-content:space-between;align-items:center;gap:8px;font-size:clamp(13px,2.9cqw,17px);font-weight:600;display:flex}.cp-landing-redesign .ha-workflow-heading>svg{color:#8c77ad}.cp-landing-redesign .ha-workflow-steps{justify-content:space-between;margin:21px 0 16px;display:flex;position:relative}.cp-landing-redesign .ha-workflow-line{background:#e7ece7;height:2px;position:absolute;top:14px;left:21px;right:21px;overflow:hidden}.cp-landing-redesign .ha-workflow-line i{transform-origin:0;height:100%;animation:ha-progress var(--ha-cycle) ease-in-out infinite;background:#6c9b65;display:block}.cp-landing-redesign .ha-step{z-index:1;justify-items:center;gap:8px;display:grid;position:relative}.cp-landing-redesign .ha-step>span{background:var(--ha-mint);border-radius:50%;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 0 0 5px #fff}.cp-landing-redesign .ha-step small{font-size:10px;font-weight:500}.cp-landing-redesign .ha-step-capture>span{animation:ha-capture-step var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-step-approve>span{animation:ha-approve-step var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-step-sync>span{animation:ha-sync-step var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-step-capture svg{animation:ha-capture-check var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-step-approve svg{animation:ha-approve-check var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-step-sync svg{animation:ha-sync-check var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-active{color:#668174;align-items:center;gap:6px;font-size:clamp(8px,1.7cqw,10px);display:flex}.cp-landing-redesign .ha-active>span{background:#80a569;border-radius:50%;flex:none;width:5px;height:5px}.cp-landing-redesign .ha-invoice{width:43%;animation:ha-invoice-float var(--ha-cycle) ease-in-out infinite;background:#fff;border:1px solid #edf0ea;border-radius:10px;padding:20px 18px 16px;position:absolute;top:43%;left:2%;overflow:hidden;transform:rotate(-3deg);box-shadow:0 18px 42px -14px #163a3436,0 3px 8px #163a3408}.cp-landing-redesign .ha-invoice-top{align-items:center;gap:7px;margin-bottom:19px;font-size:10px;font-weight:600;line-height:1.25;display:flex}.cp-landing-redesign .ha-invoice-top small{color:var(--ha-muted);font-size:7px;font-weight:400}.cp-landing-redesign .ha-invoice-top>svg{color:#a1ada6;margin-left:auto}.cp-landing-redesign .ha-supplier-mark{background:#edf2e7;border-radius:6px;place-items:center;width:26px;height:26px;font-size:20px;font-weight:500;line-height:1;display:grid}.cp-landing-redesign .ha-invoice-title{letter-spacing:-.04em;justify-content:space-between;align-items:baseline;gap:8px;font-size:clamp(19px,4.4cqw,27px);font-weight:500;line-height:1.15;display:flex}.cp-landing-redesign .ha-invoice-title>span{font-family:var(--font-mono);color:var(--ha-muted);letter-spacing:0;font-size:7px}.cp-landing-redesign .ha-invoice-address{gap:4px;margin:13px 0 18px;display:grid}.cp-landing-redesign .ha-invoice-address i{background:#eef0eb;border-radius:2px;width:37%;height:3px}.cp-landing-redesign .ha-invoice-address i+i{width:25%}.cp-landing-redesign .ha-invoice-table{font-size:clamp(7px,1.7cqw,10px);line-height:1.4}.cp-landing-redesign .ha-invoice-table>div{border-bottom:1px solid #edf0ea;justify-content:space-between;align-items:center;gap:6px;padding:8px 0;display:flex}.cp-landing-redesign .ha-invoice-table .ha-table-head{color:var(--ha-muted);padding:0 0 7px;font-size:7px}.cp-landing-redesign .ha-invoice-table>div>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.cp-landing-redesign .ha-invoice-total{justify-content:space-between;align-items:center;gap:8px;padding-top:14px;font-size:9px;display:flex}.cp-landing-redesign .ha-invoice-total strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(16px,3.7cqw,22px);font-weight:500}.cp-landing-redesign .ha-document-status{justify-items:start;margin-top:15px;display:grid}.cp-landing-redesign .ha-document-status>span{border-radius:5px;grid-area:1/1;align-items:center;gap:5px;padding:6px 9px;font-size:8px;line-height:1;display:flex}.cp-landing-redesign .ha-doc-capture{background:var(--ha-lilac);animation:ha-document-capture var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-doc-approved{background:var(--ha-mint);animation:ha-document-approved var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-scan{opacity:0;height:35px;animation:ha-scan var(--ha-cycle) ease-in-out infinite;background:linear-gradient(#0000,#c7b5ea35);border-bottom:1px solid #a691d4a6;position:absolute;top:21%;left:5%;right:5%}.cp-landing-redesign .ha-field-highlight{opacity:0;height:31px;animation:ha-field var(--ha-cycle) ease infinite;background:#dacbf322;border:1px solid #b09bd8;border-radius:4px;position:absolute;bottom:19%;left:48%;right:6%}.cp-landing-redesign .ha-notification{color:var(--ha-green);background:var(--ha-mint);animation:ha-notification-float var(--ha-cycle) ease-in-out infinite;border-radius:10px;align-items:center;gap:11px;padding:15px 16px;display:flex;position:absolute;bottom:9%;left:48%;right:0;box-shadow:0 8px 26px -12px #183b3433}.cp-landing-redesign .ha-notice-icon{background:var(--ha-green);width:28px;height:28px;color:var(--ha-mint);border-radius:50%;flex:none;place-items:center;display:grid}.cp-landing-redesign .ha-notice-copy{flex:1;display:grid}.cp-landing-redesign .ha-notice-copy>span{white-space:nowrap;flex-direction:column;grid-area:1/1;gap:4px;display:flex}.cp-landing-redesign .ha-notice-copy strong{letter-spacing:-.035em;font-size:clamp(12px,2.8cqw,16px);font-weight:600;line-height:1.1}.cp-landing-redesign .ha-notice-copy small{opacity:.8;font-size:clamp(7px,1.65cqw,9px)}.cp-landing-redesign .ha-notification>svg{opacity:.65;flex:none}.cp-landing-redesign .ha-notice-capture{animation:ha-notice-capture var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-notice-approved{animation:ha-notice-approved var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-notice-synced{animation:ha-notice-synced var(--ha-cycle) linear infinite}.cp-landing-redesign .ha-incoming{background:var(--ha-lilac);animation:ha-incoming var(--ha-cycle) ease-in-out infinite;border-radius:28px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;font-weight:500;display:flex;position:absolute;top:4%;right:0;box-shadow:0 4px 12px #42345108}.cp-landing-redesign .ha-incoming-dot{background:var(--ha-green);border-radius:50%;width:6px;height:6px}.cp-landing-redesign .ha-toggle{border:1px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--ink-3);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:0}.cp-landing-redesign .ha-toggle:hover{color:var(--ha-green);border-color:var(--ha-green)}.cp-landing-redesign .ha-toggle:focus-visible{outline:2px solid var(--ha-green);outline-offset:4px}.cp-landing-redesign .ha-scene[data-playing=false] *{animation-play-state:paused}@keyframes ha-photo{0%,to{transform:scale(1.015)}50%{transform:scale(1.065)translateY(-.5%)}}@keyframes ha-workflow-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ha-invoice-float{0%,to{transform:rotate(-3deg)translateY(0)}45%{transform:rotate(-1deg)translateY(-5px)}75%{transform:rotate(-2deg)translateY(-2px)}}@keyframes ha-notification-float{0%,to{transform:translateY(0)}60%{transform:translateY(-6px)}}@keyframes ha-incoming{0%,to{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(5px)}40%,87%{opacity:0;transform:translateY(10px)}95%{opacity:1;transform:translateY(0)}}@keyframes ha-progress{0%,18%{transform:scaleX(0)}40%,48%{transform:scaleX(.5)}69%,93%{transform:scaleX(1)}99%,to{transform:scaleX(0)}}@keyframes ha-capture-step{0%,17%,to{background:var(--ha-lilac)}23%,94%{background:var(--ha-mint)}}@keyframes ha-approve-step{0%,23%,to{background:#eef1ec}30%,42%{background:var(--ha-lilac)}48%,94%{background:var(--ha-mint)}}@keyframes ha-sync-step{0%,49%,to{background:#eef1ec}55%,66%{background:var(--ha-lilac)}72%,94%{background:var(--ha-mint)}}@keyframes ha-capture-check{0%,17%,to{opacity:0}23%,94%{opacity:1}}@keyframes ha-approve-check{0%,42%,to{opacity:0}48%,94%{opacity:1}}@keyframes ha-sync-check{0%,66%,to{opacity:0}72%,94%{opacity:1}}@keyframes ha-document-capture{0%,44%,99%,to{opacity:1}48%,95%{opacity:0}}@keyframes ha-document-approved{0%,44%,99%,to{opacity:0}48%,95%{opacity:1}}@keyframes ha-notice-capture{0%,42%,99%,to{opacity:1;transform:translateY(0)}46%,95%{opacity:0;transform:translateY(-4px)}}@keyframes ha-notice-approved{0%,42%,73%,to{opacity:0;transform:translateY(4px)}46%,69%{opacity:1;transform:translateY(0)}}@keyframes ha-notice-synced{0%,69%,99%,to{opacity:0;transform:translateY(4px)}73%,95%{opacity:1;transform:translateY(0)}}@keyframes ha-scan{0%,4%{opacity:0;transform:translateY(0)}7%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(165px)}24%,to{opacity:0;transform:translateY(165px)}}@keyframes ha-field{0%,18%,38%,to{opacity:0}24%,32%{opacity:1}}@media (max-width:1100px){.cp-landing-redesign .ha-workflow-body{padding:20px}.cp-landing-redesign .ha-invoice{padding:24px 22px 20px}}@media (prefers-reduced-motion:reduce){.cp-landing-redesign .ha-scene *{animation:none!important}.cp-landing-redesign .ha-scene :is(.ha-doc-capture,.ha-notice-capture,.ha-notice-approved,.ha-incoming,.ha-scan,.ha-field-highlight){display:none}}
.cp-landing-redesign .home-pricing-card{box-sizing:border-box;color:#fff;width:100%;max-width:560px;font-family:var(--font-sans);background:#20283e;margin-top:30px;padding:34px;position:relative}.home-pricing-card:before{content:"↗";color:#b8a5ff;font-size:40px;position:absolute;top:12px;right:25px}.home-pricing-card .home-pricing-card-label{color:#c4bddc;max-width:75%;font:500 8px/1.6 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;display:block}.home-pricing-card .home-pricing-card-rate{align-items:center;gap:23px;margin:0;padding-block:25px;display:flex}.home-pricing-card-rate strong{color:#c4b4ff;font:500 90px/1 var(--font-sans);letter-spacing:-.07em}.home-pricing-card-rate>span{color:#c4cadb;font-size:11px;line-height:1.8}.home-pricing-card .home-pricing-card-copy{color:#bcc3d4;margin:0;font-size:12px;line-height:1.85}.home-pricing-card-links{border-top:1px solid #495169;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:23px;padding-top:17px;display:flex}.home-pricing-card-links>a{color:#fff;border-bottom:1px solid #68718a;align-items:center;gap:16px;padding-block:8px;font-size:10px;font-weight:500;text-decoration:none;display:inline-flex}.home-pricing-card-links>a:hover{border-color:#c4b4ff}.home-pricing-card-links>a:focus-visible{outline-offset:5px;outline:3px solid #c4b4ff}@media (max-width:560px){.cp-landing-redesign .home-pricing-card{padding:26px}.home-pricing-card-rate strong{font-size:77px}}
