:root{--bg:#ffffff;--card:#f0f0f0;--text:#0b0f14;--riveScale:1;--muted:#5f6b76;--border:rgba(15,23,42,.1);--border2:rgba(15,23,42,.06);--shadow:0 18px 50px rgba(15,23,42,.08);--shadow2:0 10px 24px rgba(15,23,42,.06);--radius:12px}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{min-height:100%;overflow-x:hidden}.container{max-width:1120px;padding:0 24px;margin:0 auto}.header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--border2)}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.navRight{display:flex;align-items:center;gap:18px}.heroRive{width:min(900px,100%);height:480px;display:flex;align-items:flex-start;justify-content:center;overflow:visible;pointer-events:none}.heroRive canvas,.heroRive .rive-canvas,.heroRive .riveCanvas{width:100%;height:100%;display:block;transform:none}.heroRive .riveFallback{width:100%;height:100%;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:var(--card)}.navLink{color:#0b0f14bd;font-size:14px}.navLink:hover{color:#0b0f14eb}.logo{display:flex;align-items:center;gap:10px}.logoImg{height:70px;width:auto;display:block}.logoText{display:flex;align-items:baseline;font-weight:900;letter-spacing:-.04em;font-size:20px;text-shadow:0 10px 25px rgba(15,23,42,.1)}.logoTextDim{color:#0b0f148c}.logoTextStrong{color:#0b0f14eb}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:7px;border:1px solid rgba(15,23,42,.16);background:#fff;color:#0b0f14db;font-size:14px;line-height:1;box-shadow:none}.btn:hover{background:#f5f5f5}.btnDark{background:#0b0f14;border-color:#0b0f14;color:#fff}.btnDark:hover{background:#141a22}.btnSecondary{background:#fff;color:#0b0f14db;border:1px solid rgba(15,23,42,.16);box-shadow:none}.hero{padding:34px 0 18px}.heroCard{background:var(--card);border:1px solid var(--border2);border-radius:12px;padding:34px;box-shadow:var(--shadow);color:#0b0f14;margin:0 -24px;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1fr 1.5fr;gap:28px;align-items:flex-start}.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border2);border-radius:999px;padding:10px 12px;background:#f5f5f5;color:#0b0f14c7;font-size:13px}.pillDot{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.h1{margin:14px 0 12px;font-size:54px;line-height:1.02;letter-spacing:-.04em}.h1Line{display:block}.lead{margin:0 0 12px;color:#0b0f14b8;font-size:16px;line-height:1.55}.ctaRow{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.micro{margin-top:12px;color:#0b0f148c;font-size:13px;line-height:1.5}.heroVisual{position:relative;min-height:340px}.floatCard{position:absolute;width:min(360px,100%);background:var(--card);border:1px solid rgba(15,23,42,.1);border-radius:12px;box-shadow:0 20px 55px #0f172a1a;padding:14px}.floatCardA{right:0;top:6px;transform:rotate(-2deg)}.floatCardB{left:18px;top:116px;transform:rotate(1deg)}.floatCardC{right:22px;top:216px;transform:rotate(-1deg);opacity:.98}.floatTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.chip{font-size:12px;border-radius:999px;padding:6px 10px;border:1px solid rgba(15,23,42,.1);background:#fff;color:#0b0f14b8;white-space:nowrap}.chipDark{background:#0b0f14;color:#fff;border-color:#0b0f142e}.chipBlue{background:#2563eb1a;color:#2563ebe0;border-color:#2563eb2e}.chipGreen{background:#22c55e1a;color:#16a34aeb;border-color:#22c55e2e}.floatRow{display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:10px;background:#0f172a1a}.avatar2{background:#2563eb24}.floatMeta{flex:1;min-width:0}.floatTitle{font-size:14px;font-weight:650;letter-spacing:-.01em}.floatSub{font-size:12px;color:#0b0f1494;margin-top:2px}.miniBtn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.14);font-size:12px;color:#0b0f14cc}.miniBtnDark{background:#fff;color:#0b0f14cc;border-color:#0f172a24}.miniGhost{font-size:12px;color:#0b0f148c}.floatBar{height:8px;border-radius:999px;background:#0f172a1a;margin-top:12px}.compose{margin-top:12px;border-top:1px solid rgba(15,23,42,.06);padding-top:12px}.composeLine{height:10px;border-radius:999px;background:#0f172a14;margin:8px 0}.composeActions{display:flex;align-items:center;gap:10px;margin-top:10px}.w55{width:55%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w95{width:95%}.statusList{display:flex;flex-direction:column;gap:10px;margin-top:6px}.statusRow{display:flex;align-items:center;gap:10px}.statusDot{width:10px;height:10px;border-radius:999px;background:#0f172a29}.statusDot.done{background:#22c55e}.statusDot.wait{background:#f59e0b}.statusText{font-size:12px;color:#0b0f14c7}.statusRight{margin-left:auto;font-size:12px;color:#0b0f1485}.section{padding:54px 0}.sectionHead{max-width:780px;margin:0 auto 22px;text-align:center}.eyebrow{display:inline-flex;border:1px solid var(--border2);border-radius:999px;padding:8px 12px;background:#f5f5f5a6;color:#0b0f14b8;font-size:12px;margin-bottom:12px}.h2{margin:0;font-size:40px;line-height:1.12;letter-spacing:-.035em}.sub{margin:10px auto 0;color:#0b0f14b8;font-size:15px;line-height:1.55;max-width:720px}.cardGrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stepsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.stepCard{border-radius:12px;border:1px solid var(--border2);background:var(--card);padding:18px;box-shadow:var(--shadow2);color:#0b0f14;height:100%;display:flex;flex-direction:column}.stepIcon{width:46px;height:46px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#f5f5f5;display:flex;align-items:center;justify-content:center}.stepLogos{display:flex;gap:10px;margin-top:10px}.miniLogo{width:34px;height:34px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 10px 20px #0f172a14;display:flex;align-items:center;justify-content:center}.miniLogoSvg{width:22px;height:22px;display:block}.miniLogoImg{width:24px;height:24px;object-fit:contain;display:block}.miniLogoBrand{width:36px;height:36px;background:linear-gradient(180deg,#fff,#f8fafc)}.miniLogoBrand .miniLogoSvg{width:24px;height:24px}.miniLogoQB{width:36px;height:36px}.miniLogoQB .miniLogoSvg{width:24px;height:24px}.iconBadge{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0b0f14;color:#fff;font-size:12px;font-weight:800}.iconBadgeBlue{background:#2563ebeb}.iconBadgeGreen{background:#16a34aeb}.stepTitle{margin-top:12px;font-size:16px;font-weight:760;letter-spacing:-.02em}.stepBody{margin-top:8px;color:#0b0f14a8;font-size:14px;line-height:1.55}.miniCard{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow2);color:#0b0f14bd;line-height:1.5;font-size:14px}.products{display:flex;flex-direction:column;gap:56px}.productRow{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.productRowFlipped .productVisual{order:2;justify-content:flex-end}.productRowFlipped .productCopy{order:1}.productVisual{display:flex;align-items:center;justify-content:flex-start}.productCopy{max-width:520px}.productTitle{margin:0;font-size:20px;letter-spacing:-.02em;font-weight:760}.productBody{margin:10px 0 14px;color:#0b0f14b8;line-height:1.6;font-size:14px}.mockCard{width:100%;max-width:420px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:var(--card);box-shadow:0 20px 55px #0f172a14;padding:14px;color:#0b0f14}.mockShell{position:relative;overflow:hidden}.mockTop,.mockTable,.mockFoot,.riskHeader,.riskMeter{position:relative;z-index:1}.mockTop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.mockTopRight{justify-content:flex-end}.mockTitle{font-size:14px;font-weight:650;letter-spacing:-.01em}.mockBadge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(11,15,20,.12);background:#f5f5f5;color:#0b0f149e;display:inline-flex;align-items:center;gap:8px}.mockBadgeSoft{background:#0f172a0a}.mockBadgeGreen{background:#22c55e1a;border-color:#22c55e2e;color:#16a34aeb}.mockBadgeBlue{background:#2563eb1a;border-color:#2563eb2e;color:#2563ebe0}.mockTable{display:flex;flex-direction:column;gap:10px}.mockTable{display:flex;flex-direction:column;gap:10px;position:relative}.mockTable{min-height:164px}.kpiRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 12px}.kpiChip{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:12px;padding:10px}.kpiLab{font-size:11px;color:#0b0f148c}.kpiVal{margin-top:6px;font-size:16px;font-weight:850;letter-spacing:-.02em;color:#0b0f14e6}.kpiChipoverdue,.kpiChipdue,.kpiChiprecovered{border-color:#0f172a14;background:#fff}.mockRow{display:grid;grid-template-columns:1.5fr .6fr .7fr;gap:10px;align-items:center;padding:8px 10px;border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#fff}.mockRowWide{grid-template-columns:10px 38px 1.1fr 1fr auto}.mockRowWide .mockA,.mockRowWide .mockB{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockRight{display:flex;align-items:center;gap:10px;justify-content:flex-end}.mockAmt{font-size:12px;color:#0b0f14d1;font-weight:650;letter-spacing:-.01em}.rowMark{width:8px;height:8px;border-radius:999px;margin-top:2px;background:#0f172a38}.rowMarkRed{background:#ef4444f2}.rowMarkAmber{background:#f59e0bf2}.rowMarkGreen{background:#22c55ef2}.brandLogo{height:26px;width:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:-.02em;border:1px solid rgba(15,23,42,.1);background:#fff;color:#0b0f14db;white-space:nowrap;overflow:hidden}.brandLogoImg{width:22px;height:16px;object-fit:contain;display:block}.statusPill{font-size:10px;padding:4px 7px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#fff;color:#0b0f14bf;white-space:nowrap}.statusPillOverdue{background:#ef44441a;border-color:#ef444438;color:#b91c1cf2}.statusPillSoon{background:#f59e0b1f;border-color:#f59e0b38;color:#b45309fa}.statusPillPaid{background:#22c55e1f;border-color:#22c55e38;color:#16a34afa}.riskPill{font-size:10px;padding:4px 7px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#fff;color:#0b0f14bf;white-space:nowrap}.riskPillLow{background:#22c55e1f;border-color:#22c55e38;color:#16a34afa}.riskPillMedium{background:#f59e0b1f;border-color:#f59e0b38;color:#b45309fa}.riskPillHigh{background:#ef44441a;border-color:#ef444438;color:#b91c1cf2}.dot{width:8px;height:8px;border-radius:999px;background:#0f172a38}.dotGreen{background:#22c55ef2}.dotBlue{background:#3b82f6f2}.dotAmber{background:#f59e0bf2}.dotRed{background:#ef4444f2}.draftCard{border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#ffffffbf;padding:12px}.draftMeta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.draftMetaText{font-size:12px;color:#0b0f149e}.draftPing{margin-left:auto;width:10px;height:10px;border-radius:999px;background:#3b82f6f2}.draftHeader{border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#fff;padding:10px}.draftField{display:flex;gap:10px;align-items:baseline;padding:4px 0}.draftK{width:56px;font-size:11px;color:#0b0f148c}.draftV{font-size:12px;color:#0b0f14d1;font-weight:650;letter-spacing:-.01em}.draftBody{margin-top:10px;border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#fff;padding:10px;min-height:156px}.draftLine{font-size:12px;line-height:1.55;color:#0b0f14c7;padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draftLineMuted{color:#0b0f148a}.thinkingDot{display:inline-block;width:5px;height:5px;border-radius:999px;background:#0b0f1461;margin-left:6px;vertical-align:2px}.thinkingDot+.thinkingDot{margin-left:4px}.draftCursor{display:inline-block;width:8px;height:14px;margin-left:6px;border-radius:3px;background:#3b82f6f2;vertical-align:-2px}.riskHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 10px}.riskBig{display:flex;flex-direction:column;gap:2px}.riskClientNameLine{margin-bottom:6px;font-size:12px;color:#0b0f14d1;font-weight:700}.riskScore{display:flex;align-items:baseline;gap:10px}.riskVal{font-size:30px;font-weight:900;letter-spacing:-.03em}.riskValMax{font-size:12px;color:#0b0f1494;font-weight:750}.riskSignal{margin-top:6px;font-size:12px;color:#0b0f14b8;font-weight:550}.riskMini{min-width:150px}.riskMiniRow{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:4px 0}.riskK{color:#0b0f148c}.riskV{color:#0b0f14d1;font-weight:650}.riskMeter{height:10px;border-radius:999px;background:#0f172a1a;overflow:hidden;margin:0 0 12px}.riskBar{height:100%;background:#ef4444d9;border-radius:999px;transform-origin:0 50%}.recCallout{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(239,68,68,.22);background:#ef44441a;color:#b91c1cf2;font-size:13px;font-weight:750;letter-spacing:-.01em}.recDot{width:10px;height:10px;border-radius:999px;background:#ef4444f2;box-shadow:0 0 0 6px #ef44441f;flex:0 0 auto}.recLabel{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b91c1cd1}.recText{color:#b91c1cfa}.mockA{font-size:13px;color:#0b0f14d1;font-weight:550}.mockB{font-size:12px;color:#0b0f149e}.mockC{font-size:12px;color:#0b0f149e;text-align:right}.mockFoot{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-top:12px}.mockComposer{border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#fff;padding:12px}.composerMeta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.composerChip{font-size:12px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.1);color:#0b0f14ad}.composerBody{padding:6px 2px}.portalCols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portalCol{border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#fff;padding:12px}.portalH{font-size:12px;color:#0b0f149e;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.portalItem{display:flex;align-items:center;gap:10px;color:#0b0f14c7;font-size:13px;padding:8px 0}.profitGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profitCard{border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#fff;padding:12px}.profitVal{font-size:18px;font-weight:750;letter-spacing:-.02em}.profitLab{margin-top:2px;font-size:12px;color:#0b0f1494}.beforeAfter{display:grid;grid-template-columns:1fr 1fr;gap:14px}.before,.after{border-radius:12px;border:1px solid var(--border2);padding:20px;background:var(--card);box-shadow:var(--shadow2)}.baTitle{font-size:12px;letter-spacing:.18em;color:#0b0f148c}.baText{margin-top:10px;font-size:18px;letter-spacing:-.02em;color:#0b0f14c7;line-height:1.45}.baNote{margin-top:10px;font-size:13px;color:#0b0f1494;line-height:1.5}.featureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.groupCard{border-radius:12px;border:1px solid var(--border2);background:var(--card);padding:18px;box-shadow:var(--shadow2);color:#0b0f14}.groupTitle{font-weight:720;letter-spacing:-.02em;font-size:18px}.groupList{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.groupItem{display:flex;gap:10px;color:#0b0f14ad;font-size:14px;line-height:1.4}.tick{width:18px;height:18px;border-radius:6px;background:#22c55e1f;border:1px solid rgba(34,197,94,.2);position:relative;flex:0 0 auto}.tick:after{content:"";position:absolute;left:5px;top:4px;width:6px;height:9px;border-right:2px solid rgba(22,163,74,.95);border-bottom:2px solid rgba(22,163,74,.95);transform:rotate(35deg)}.whoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.whoCard{border-radius:12px;border:1px solid var(--border2);background:var(--card);padding:18px;box-shadow:var(--shadow2)}.whoTitle{font-size:16px;font-weight:700;letter-spacing:-.02em}.whoText{margin-top:8px;color:#0b0f14a8;line-height:1.5;font-size:14px}.faq{max-width:none;width:calc(100% + 48px);margin:0 -24px;border-radius:12px;border:1px solid var(--border2);background:var(--card);box-shadow:var(--shadow2);overflow:hidden;color:#0b0f14}.faqItem{border-top:1px solid rgba(15,23,42,.06)}.faqItem:first-child{border-top:0}.faqQ{width:100%;text-align:left;background:transparent;border:0;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;color:#0b0f14eb;font-weight:750;letter-spacing:-.01em;cursor:pointer}.chev{font-size:22px;transform:rotate(90deg);transition:transform .18s ease;color:#0b0f148c}.chevOpen{transform:rotate(-90deg)}.faqA{overflow:hidden}.faqInner{padding:0 18px 18px;color:#0b0f14a8;line-height:1.6;font-size:14px}.footer{padding:26px 0 50px;border-top:1px solid var(--border2)}.footerInner{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.footerLeft{max-width:540px}.footerLogo .logoImg{height:52px}.footerNote{margin-top:10px;color:#0b0f1499;font-size:13px;line-height:1.5}.footerRight{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footerLink{font-size:13px;color:#0b0f149e}.footerLink:hover{color:#0b0f14e6}@media (max-width: 980px){.heroGrid{grid-template-columns:1fr;gap:22px}.heroVisual{min-height:320px}.floatCardA,.floatCardB,.floatCardC{position:relative;inset:auto;transform:none;width:100%}.floatCard{margin-bottom:12px}.productRow{grid-template-columns:1fr;gap:18px}.productRowFlipped .productVisual{order:1}.productRowFlipped .productCopy{order:2}.productVisual{justify-content:flex-start}.ctaCard{grid-template-columns:1fr}}@media (max-width: 720px){.h1{font-size:40px}.h2{font-size:32px}.cardGrid2,.stepsGrid,.featureGrid,.beforeAfter,.whoGrid{grid-template-columns:1fr}.heroCard{padding:22px}.heroRive{height:312px}}
