:root{--bg:#fff;--bg-alt:#f7f8fa;--bg-card:#fff;--bg-card-hover:#fafbfc;--border:#e5e7eb;--border-hover:#d1d5db;--text:#1a1a2e;--text-secondary:#4a4a5a;--text-muted:#6b7280;--text-dim:#9ca3af;--accent:#0d9488;--accent-hover:#0f766e;--accent-light:#ccfbf1;--accent-subtle:#0d948814;--font:var(--font-dm-sans,"DM Sans"), system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--container:1200px;--gutter:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input{font:inherit;color:inherit}.container{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.section-label{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:13px;font-weight:500}.section-title{font-family:var(--font);color:var(--text);margin-bottom:40px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.15}.header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffffd9;padding:20px 0;transition:box-shadow .3s;position:fixed;top:0;left:0;right:0}.header.scrolled{box-shadow:0 1px 0 var(--border)}.header__inner{justify-content:space-between;align-items:center;display:flex}.header__actions{align-items:center;gap:16px;display:flex}.header__signin{color:var(--text-secondary);padding:8px 4px;font-size:14px;font-weight:500;transition:color .2s}.header__signin:hover{color:var(--accent)}.header__cta{background:var(--accent);color:#fff;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.header__cta:hover{background:var(--accent-hover)}.logo{align-items:center;gap:10px;display:flex}.logo__mark{color:var(--accent);align-items:center;display:flex}.logo__mark svg{width:auto;height:44px}.logo__text{font-family:var(--font);letter-spacing:-.02em;color:var(--text);font-size:30px;font-weight:700}.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--accent-subtle) 0%, transparent 65%);pointer-events:none;z-index:0;width:620px;height:620px;position:absolute;top:-20%;right:-10%}.hero__grid{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:64px;display:grid;position:relative}.hero__content{max-width:580px}.hero__title{font-family:var(--font);letter-spacing:-.02em;color:var(--text);margin-bottom:24px;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.08}.hero__title-accent{color:var(--accent)}.hero__sub{color:var(--text-secondary);max-width:560px;margin-bottom:36px;font-size:18px;line-height:1.65}.hero__ctas{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.btn-link{color:var(--text);border-bottom:1px solid #0000;align-items:center;padding:4px 2px;font-size:15px;font-weight:600;transition:color .2s;display:inline-flex}.btn-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.hero-form{width:100%;max-width:480px}.hero-form__pill{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:4px;padding:5px 5px 5px 4px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0f172a0a}.hero-form__pill:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.hero-form__input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:10px 18px;font-family:inherit;font-size:15px}.hero-form__input::placeholder{color:var(--text-dim)}.hero-form__submit{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;justify-content:center;align-items:center;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex}.hero-form__submit:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0d948840}.hero-form__submit:active{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero__vp{flex-direction:column;gap:4px;margin-bottom:36px;display:flex}.hero__vp-item{appearance:none;text-align:left;cursor:pointer;font-family:var(--font);color:var(--text-muted);transition:color .22s var(--ease-out);background:0 0;border:0;border-radius:0 8px 8px 0;padding:14px 0 14px 18px;font-size:16px;font-weight:500;position:relative}.hero__vp-item:before{content:"";background:var(--border);width:2px;transition:background .22s var(--ease-out), width .22s var(--ease-out);border-radius:2px;position:absolute;top:10px;bottom:10px;left:0}.hero__vp-item:hover{color:var(--text-secondary)}.hero__vp-item[aria-selected=true]{color:var(--text);font-weight:600}.hero__vp-item[aria-selected=true]:before{background:var(--accent);width:3px}.hero__vp-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero__vp-label{display:block}.hero__vp-progress{opacity:0;height:2px;transition:opacity .22s var(--ease-out);background:#0d94881a;border-radius:2px;margin-top:8px;display:block;overflow:hidden}.hero__vp-item[aria-selected=true] .hero__vp-progress{opacity:1}.hero__vp-progress-bar{background:var(--accent);border-radius:2px;width:0%;height:100%;display:block}.hero__vp[data-running=true] .hero__vp-item[aria-selected=true] .hero__vp-progress-bar{animation:vpFill var(--vp-duration,5.5s) linear forwards}@keyframes vpFill{0%{width:0%}to{width:100%}}.hero__visual{min-height:480px;position:relative}.mock-scene{opacity:0;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);pointer-events:none;position:absolute;inset:0;transform:translateY(8px)}.mock-scene--active{opacity:1;pointer-events:auto;transform:translateY(0)}.mock{border:1px solid var(--border);font-family:var(--font);background:#fff;border-radius:16px;position:absolute;box-shadow:0 20px 60px #11182714,0 4px 12px #1118270a}.mock--dashboard{width:90%;max-width:440px;animation:fadeUp .9s var(--ease-out) .25s both;padding:20px 22px 22px;top:20px;right:0}.mock__header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.mock__dots{gap:6px;display:flex}.mock__dots span{background:#e5e7eb;border-radius:50%;width:9px;height:9px}.mock__dots span:first-child{background:#fca5a5}.mock__dots span:nth-child(2){background:#fcd34d}.mock__dots span:nth-child(3){background:#86efac}.mock__title{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.mock__metric-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.mock__metric-value{color:var(--text);letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1.1}.mock__metric-delta{color:var(--accent);margin-top:4px;font-size:12px;font-weight:500}.mock__chart{margin:18px -4px 16px}.mock__rows{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.mock__row{align-items:center;gap:10px;font-size:13px;display:flex}.mock__row-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mock__row-dot--teal{background:var(--accent)}.mock__row-dot--blue{background:#60a5fa}.mock__row-dot--amber{background:#fbbf24}.mock__row-label{color:var(--text-secondary);flex:1}.mock__row-value{color:var(--text);font-weight:600}.mock--invoice{width:260px;animation:fadeUp .9s var(--ease-out) .45s both;padding:16px 18px;top:0;left:0}.mock__pill{letter-spacing:.08em;color:var(--accent);background:var(--accent-subtle);border-radius:4px;margin-bottom:10px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.mock__invoice-vendor{color:var(--text-muted);margin-bottom:2px;font-size:13px}.mock__invoice-amount{color:var(--text);letter-spacing:-.01em;margin-bottom:10px;font-size:22px;font-weight:700}.mock__invoice-foot{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.mock__check{display:inline-flex}.mock--reminder{width:280px;animation:fadeUp .9s var(--ease-out) .6s both;padding:16px 18px;bottom:20px;left:40px}.mock__reminder-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mock__avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.mock__reminder-title{color:var(--text);font-size:13px;font-weight:600}.mock__reminder-sub{color:var(--text-muted);font-size:11px}.mock__reminder-amt{color:var(--accent);border-top:1px solid var(--border);padding-top:10px;font-size:13px;font-weight:600}.mock--kpi{width:92%;max-width:460px;animation:fadeUp .9s var(--ease-out) .25s both;padding:20px 22px 22px;top:20px;right:0}.mock__kpi-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mock__kpi-tile{background:var(--bg-alt);border-radius:10px;padding:12px 14px}.mock__kpi-label{color:var(--text-muted);margin-bottom:4px;font-size:11px}.mock__kpi-value{color:var(--text);letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.1}.mock__kpi-delta{color:var(--accent);margin-top:4px;font-size:11px;font-weight:500}.mock__kpi-delta--down{color:#dc2626}.mock__chart--compact{margin:14px -4px 0}.mock--ledger{width:260px;animation:fadeUp .9s var(--ease-out) .45s both;padding:16px 18px;bottom:20px;left:0}.mock__ledger-rows{flex-direction:column;gap:8px;display:flex}.mock__ledger-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.mock__ledger-label{color:var(--text-secondary)}.mock__ledger-value{color:var(--text);font-weight:600}.mock__ledger-value--up{color:var(--accent)}.mock__ledger-value--down{color:var(--text)}.mock--integrations{width:92%;max-width:460px;animation:fadeUp .9s var(--ease-out) .25s both;flex-direction:column;align-items:center;gap:18px;padding:28px 22px 22px;display:flex;top:20px;right:0}.mock__int-orbit{aspect-ratio:1;width:100%;max-width:360px;margin:0 auto;position:relative}.mock__int-spokes{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.mock__int-spokes line{stroke:#cbd5e1;stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke;stroke-linecap:round}.mock__int-hub{border:1px solid var(--border);width:80px;height:80px;color:var(--accent);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0d94882e}.mock__int-hub svg{width:44px;height:34px}.mock__int-node{border:1px solid var(--border);z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:4s ease-in-out infinite floaty;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 16px #11182714}.mock__int-node svg{max-width:60%;max-height:60%}.mock__int-node--top{animation-delay:0s;top:10%;left:50%}.mock__int-node--right{animation-delay:1s;top:50%;left:90%}.mock__int-node--bottom{animation-delay:2s;top:90%;left:50%}.mock__int-node--left{animation-delay:3s;top:50%;left:10%}@keyframes floaty{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 4px))}}.mock__int-foot{color:var(--text-muted);align-items:center;gap:10px;padding-top:4px;font-size:12px;display:flex}.mock__int-foot .mock__pill{margin-bottom:0}.mock__int-status{font-weight:500}@media (prefers-reduced-motion:reduce){.mock-scene{transition:opacity;transform:none}.hero__vp-progress-bar{animation:none!important}.mock__int-node{animation:none}}.capabilities{background:var(--bg-alt);padding:120px 0}.capabilities__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);transition:all .35s var(--ease-out);border-radius:16px;padding:36px 32px}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.card__icon{width:48px;height:48px;color:var(--accent);margin-bottom:24px}.card__title{font-family:var(--font);color:var(--text);margin-bottom:12px;font-size:22px;font-weight:700}.card__desc{color:var(--text-secondary);margin-bottom:20px;font-size:15px;line-height:1.65}.card__tagline{color:var(--accent);font-size:14px;font-style:italic;font-weight:500}.how-it-works{padding:120px 0}.how-it-works .section-title,.how-it-works .section-label{text-align:center}.steps{grid-template-columns:repeat(5,1fr);gap:24px;max-width:1120px;margin:0 auto;display:grid;position:relative}.steps:before{content:"";border-top:2px dashed var(--border);height:0;position:absolute;top:28px;left:calc(10% + 32px);right:calc(10% + 32px)}.step{text-align:center;z-index:1;position:relative}.step__icon{background:var(--accent-subtle);width:56px;height:56px;color:var(--accent);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex;position:relative}.step__title{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:700}.step__desc{color:var(--text-secondary);font-size:14px;line-height:1.55}.integrations-strip{background:var(--bg-alt);border:1px solid var(--border);text-align:center;border-radius:20px;margin-top:88px;padding:44px 40px}.integrations-strip__label{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px;font-size:13px;font-weight:500}.integrations-strip__grid{grid-template-columns:repeat(4,1fr);place-items:end center;gap:32px;max-width:960px;margin:0 auto;display:grid}.integrations-strip__item{flex-direction:column;justify-content:flex-end;align-items:center;gap:16px;height:100%;display:flex}.integrations-strip__logo{justify-content:center;align-items:center;height:64px;min-height:64px;display:inline-flex}.integrations-strip__name{color:var(--text-secondary);letter-spacing:-.01em;font-size:14px;font-weight:600}.differentiator{background:var(--bg-alt);padding:80px 0 120px}.diff__inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.diff__text{color:var(--text-secondary);margin-bottom:16px;font-size:17px;line-height:1.7}.diff__points{flex-direction:column;gap:28px;padding-top:20px;display:flex}.diff__point{align-items:flex-start;gap:20px;display:flex}.diff__point-marker{background:var(--accent);border-radius:50%;width:10px;min-width:10px;height:10px;margin-top:6px}.diff__point-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:700}.diff__point-desc{color:var(--text-secondary);font-size:15px;line-height:1.5}.audience{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 0 80px}.audience__text{font-family:var(--font);text-align:center;max-width:720px;color:var(--text-secondary);margin:0 auto;font-size:clamp(20px,3vw,28px);font-weight:400;line-height:1.5}.audience__text strong{color:var(--text);font-weight:700}.footer-cta{padding:120px 0}.footer-cta__inner{text-align:center;max-width:560px;margin:0 auto}.footer-cta__title{font-family:var(--font);color:var(--text);margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.15}.footer-cta__sub{color:var(--text-secondary);margin-bottom:40px;font-size:17px;line-height:1.6}.form{background:var(--bg-alt);border:1px solid var(--border);text-align:left;border-radius:16px;padding:36px 32px}.form__hidden{display:none}.form__field{margin-bottom:16px}.form__label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form__input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form__input::placeholder{color:var(--text-dim)}.form__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form__submit{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.form__submit:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0d948840}.form__submit:active{transform:translateY(0)}.footer{border-top:1px solid var(--border);padding:40px 0}.footer__inner{text-align:center;justify-content:center;align-items:center;display:flex}.footer__copy{color:var(--text-dim);font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero__content{animation:fadeUp .8s var(--ease-out) .1s both}@media (max-width:1024px){.capabilities__grid{grid-template-columns:1fr;gap:16px}.steps{grid-template-columns:1fr;gap:32px}.steps:before{display:none}.diff__inner{grid-template-columns:1fr;gap:48px}.hero__grid{grid-template-columns:1fr;gap:56px}.hero__content{max-width:640px}.hero__visual{max-width:520px;margin:0 auto}}@media (max-width:640px){:root{--gutter:20px}.integrations-strip{margin-top:64px;padding:32px 20px}.integrations-strip__grid{grid-template-columns:repeat(2,1fr);gap:32px 16px}.hero{min-height:auto;padding:100px 0 60px}.hero__ctas{align-items:stretch}.btn-link{justify-content:flex-start}.hero__vp-item{padding:12px 0 12px 16px;font-size:15px}.form,.card{padding:28px 24px}.capabilities,.how-it-works{padding:80px 0}.differentiator{padding:60px 0 80px}.footer-cta{padding:80px 0}.footer__inner{text-align:center;flex-direction:column;gap:12px}.hero__visual{display:none}}