/* Keep the artwork decorative and navigation reachable above the hero. */
.lp-shell .lp-hero::before,
.lp-shell .lp-final-card::after { pointer-events: none; }
.lp-shell .lp-nav { position: relative; z-index: 5; }
.lp-mobile-menu { display: none; }
.lp-mobile-menu summary { cursor: pointer; list-style: none; min-height: 44px; padding: 0 14px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #cbd5e1; border-radius: 13px; background: #fff; color: #102240; font-size: 13px; font-weight: 750; }
.lp-mobile-menu summary::-webkit-details-marker { display: none; }
.lp-mobile-menu summary::after { content: '⌄'; font-size: 16px; }
.lp-mobile-menu[open] summary::after { content: '⌃'; }
.lp-mobile-menu summary:focus-visible,
.lp-mobile-links a:focus-visible { outline: 3px solid #0a68f5; outline-offset: 3px; }
.lp-mobile-links { position: absolute; right: 0; top: calc(100% - 7px); display: grid; width: min(300px, calc(100vw - 24px)); padding: 9px; border: 1px solid #dce5f0; border-radius: 15px; background: #fff; box-shadow: 0 14px 32px rgba(16,34,64,.16); }
.lp-mobile-links a { display: flex; align-items: center; min-height: 44px; padding: 9px 13px; border-radius: 9px; color: #102240; text-decoration: none; font-size: 14px; font-weight: 650; }
.lp-mobile-links a:hover { background: #eef4ff; }
.lp-builder #builder-price[hidden] { display: none; }
.lp-builder #builder-price > span { color: #64748b; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.lp-builder-plans { padding: 0; margin: 9px 0 0; border: 0; min-width: 0; }
.lp-builder-plans legend { padding: 0; margin-bottom: 6px; color: #102240; font-size: 12px; font-weight: 750; }
.lp-builder .lp-builder-offer { cursor: pointer; min-height: 44px; margin: 0 0 5px; align-items: center; }
.lp-builder .lp-builder-offer input { width: 17px; height: 17px; flex: 0 0 17px; margin: 0; }
.lp-builder #builder-cta { min-height: 44px; font-family: inherit; cursor: pointer; }
.lp-shell .lp-links { gap: 20px; }
.lp-shell .lp-links .lp-guide-link { display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; border-radius: 11px; background: #eaf2ff; color: #0756c7; white-space: nowrap; }
.lp-mobile-links .lp-guide-link { background: #eaf2ff; color: #0756c7; }
.lp-shell a:focus-visible { outline: 3px solid #0a68f5; outline-offset: 4px; }
.lp-hero-guide { display: inline-flex; align-items: center; gap: 10px; margin-top: 27px; padding: 7px 0; color: #52647a; text-decoration: none; font-size: 13px; line-height: 1.5; }
.lp-hero-guide strong { color: #0756c7; font-weight: 750; }
.lp-hero-guide:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.lp-guide-symbol { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid #bdcee5; border-radius: 50%; color: #0756c7; font-weight: 800; }
.lp-beginner { background: linear-gradient(145deg, #edf4ff, #f0f8f8); border-block: 1px solid #e0eaf4; }
.lp-beginner-head { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-bottom: 36px; }
.lp-beginner-head .lp-heading { margin-bottom: 0; max-width: 660px; }
.lp-beginner-head > .lp-btn { flex-shrink: 0; background: #fff; }
.lp-first-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; list-style: none; padding: 0; margin: 0; }
.lp-first-steps li { min-width: 0; }
.lp-first-steps a { display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: 28px; border: 1px solid #dbe6f3; border-radius: 21px; background: #fff; color: #102240; text-decoration: none; box-shadow: 0 8px 24px rgba(16,34,64,.035); transition: border-color .16s, box-shadow .16s, transform .16s; }
.lp-first-steps a:hover { border-color: #a1c0eb; box-shadow: 0 12px 32px rgba(16,34,64,.08); transform: translateY(-3px); }
.lp-step-number { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 25px; border-radius: 13px; background: #edf4ff; color: #0756c7; font-size: 13px; font-weight: 850; letter-spacing: .02em; }
.lp-first-steps li:nth-child(2) .lp-step-number { background: #e8f8f5; color: #087064; }
.lp-first-steps li:nth-child(3) .lp-step-number { background: #f4f0ff; color: #6853a0; }
.lp-first-steps h3 { margin: 0 0 11px; color: #102240; font: 750 21px/1.2 "Space Grotesk", sans-serif; letter-spacing: -.02em; }
.lp-first-steps p { margin: 0 0 25px; color: #5c6b7d; font-size: 14px; line-height: 1.65; }
.lp-step-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin-top: auto; color: #0756c7; font-size: 12px; font-weight: 800; line-height: 1.5; }
.lp-beginner-support { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 27px; padding: 23px 0 0; border-top: 1px solid #d2e0ed; }
.lp-beginner-support strong { display: block; color: #102240; font-size: 14px; }
.lp-beginner-support p { max-width: 680px; margin: 6px 0 0; color: #5c6b7d; font-size: 13px; line-height: 1.65; }
.lp-beginner-support > a { flex-shrink: 0; padding: 11px 0; color: #0756c7; text-decoration: none; font-size: 13px; font-weight: 800; }
.lp-beginner-support > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.lp-shell .lp-footer-links { flex-wrap: wrap; }
@media (max-width: 1100px) {
  .lp-shell .lp-links { display: none; }
  .lp-mobile-menu { display: block; }
}
@media (max-width: 920px) {
  .lp-mobile-menu { display: block; }
  .lp-beginner-head { align-items: flex-start; flex-direction: column; gap: 20px; }
  .lp-first-steps a { padding: 23px; }
  .lp-first-steps h3 { font-size: 19px; }
  .lp-beginner-support { align-items: flex-start; }
}
@media (max-width: 620px) {
  .lp-shell .lp-nav { gap: 8px; }
  .lp-shell .lp-actions { gap: 6px; }
  .lp-shell .lp-brand { font-size: 19px; gap: 8px; }
  .lp-shell .lp-brand-mark { width: 36px; height: 36px; }
  .lp-shell .lp-actions > .lp-btn { padding: 0 12px; font-size: 12px; min-height: 44px; }
  .lp-mobile-menu summary { padding: 0 10px; font-size: 12px; }
  .lp-hero-guide { text-align: left; font-size: 12px; }
  .lp-first-steps { grid-template-columns: 1fr; gap: 14px; }
  .lp-step-number { margin-bottom: 18px; }
  .lp-first-steps h3 { font-size: 21px; }
  .lp-first-steps p { margin-bottom: 19px; }
  .lp-beginner-head .lp-heading h2 br { display: none; }
  .lp-beginner-support { flex-direction: column; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-first-steps a { transition: none; }
  .lp-first-steps a:hover { transform: none; }
}

/* Accounting-first public page. The earlier .lp rules above remain compatible
   while the new assets are published ahead of the new template. */
.kl { --kl-ink:#142b46; --kl-muted:#526478; --kl-blue:#125dda; --kl-paper:#fbfaf7; --kl-line:#d9dfe3; background:var(--kl-paper); color:var(--kl-ink); font-family:"Manrope","Segoe UI",sans-serif; font-size:16px; line-height:1.65; overflow:clip; }
.kl *, .kl *::before, .kl *::after { box-sizing:border-box; }
.kl [hidden] { display:none!important; }
.kl h1,.kl h2,.kl h3,.kl p,.kl figure { margin:0; }
.kl h1,.kl h2,.kl h3 { font-family:"Space Grotesk","Segoe UI",sans-serif; font-weight:600; color:inherit; }
.kl h2 { font-size:clamp(32px,3.5vw,46px); line-height:1.13; letter-spacing:-.045em; }
.kl h3 { letter-spacing:-.025em; }
.kl a { color:inherit; text-decoration:none; }
.kl button,.kl input { font:inherit; }
.kl svg { flex-shrink:0; vertical-align:middle; }
.kl a:focus-visible,.kl button:focus-visible,.kl summary:focus-visible,.kl input:focus-visible,.kl [role="tabpanel"]:focus-visible { outline:3px solid var(--kl-blue); outline-offset:5px; }
.kl section { scroll-margin-top:32px; }
.kl-wrap { width:min(1200px,calc(100% - 80px)); margin-inline:auto; }
.kl-section { padding:100px 0; }
.kl-eyebrow { font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; line-height:1.6; }
.kl-rule { display:inline-block; width:22px; border-top:2px solid currentColor; vertical-align:middle; margin-right:10px; }
.kl-skip { position:absolute; left:20px; top:-100px; padding:12px 20px; z-index:100; background:#fff; }
.kl-skip:focus { top:12px; }
.kl-header { border-bottom:1px solid var(--kl-line); position:relative; z-index:10; }
.kl-nav { min-height:88px; display:flex; align-items:center; gap:32px; justify-content:space-between; }
.kl-brand { display:inline-flex; align-items:center; gap:10px; font-family:"Space Grotesk",sans-serif; font-size:25px; font-weight:700; letter-spacing:-.04em; white-space:nowrap; }
.kl-brand-mark { width:38px; height:38px; background:#102540; border-radius:10px; display:grid; place-items:center; color:#fff; padding:7px; }
.kl-brand-mark img { display:block; width:100%; height:100%; object-fit:contain; }
.kl-nav-links,.kl-nav-actions { display:flex; align-items:center; gap:28px; }
.kl-nav-links a,.kl-login { font-size:13px; font-weight:700; }
.kl-nav-links a:hover,.kl-login:hover,.kl-footer a:hover { color:var(--kl-blue); text-decoration:underline; text-underline-offset:5px; }
.kl-nav-actions { gap:22px; }
.kl-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:52px; padding:12px 23px; font-size:13px; font-weight:750; line-height:1.4; border:1px solid transparent; border-radius:7px; transition:background .16s,box-shadow .16s; }
.kl-button svg { width:18px; height:18px; }
.kl-primary { color:#fff!important; background:var(--kl-blue); }
.kl-primary:hover { background:#084dbb; box-shadow:0 5px 18px #125dda1a; }
.kl-outline { color:var(--kl-ink); border-color:#afbac5; background:transparent; }
.kl-outline:hover { background:#edf1f6; }
.kl-light { color:var(--kl-ink)!important; background:#fff; }
.kl-light:hover { background:#e6edfa; }
.kl-nav-demo { min-height:44px; padding:10px 16px; }
.kl-text-link { display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:750; min-height:44px; }
.kl-text-link svg { width:18px; height:18px; }
.kl-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.kl-mobile-menu { display:none; position:relative; }
.kl-mobile-menu summary { display:flex; gap:10px; align-items:center; min-height:44px; cursor:pointer; list-style:none; font-size:13px; font-weight:750; }
.kl summary::-webkit-details-marker { display:none; }
.kl-menu-lines { display:block; width:19px; height:8px; border-block:1.5px solid var(--kl-ink); }
.kl-mobile-links { position:absolute; right:0; top:calc(100% + 14px); width:min(290px,calc(100vw - 40px)); display:grid; background:#fff; border:1px solid var(--kl-line); border-radius:8px; box-shadow:0 14px 30px #142b4614; padding:10px; }
.kl-mobile-links a { display:flex; align-items:center; min-height:46px; padding:9px 14px; font-size:14px; font-weight:700; border-radius:4px; }
.kl-mobile-links a:hover { background:#eef3fa; }
.kl-hero { padding:90px 0 0; }
.kl-hero-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:60px; align-items:center; }
.kl-hero-copy { padding-bottom:24px; }
.kl-hero-copy .kl-eyebrow { color:#53677b; margin-bottom:28px; }
.kl h1 { font-size:clamp(44px,4.7vw,68px); line-height:1.04; letter-spacing:-.057em; font-weight:600; margin-bottom:26px; }
.kl h1 em { color:var(--kl-blue); font-style:normal; }
.kl-lead { font-size:17px; line-height:1.8; max-width:435px; color:var(--kl-muted); }
.kl-hero-actions { display:flex; align-items:center; gap:25px; margin-top:32px; flex-wrap:wrap; }
.kl-hero-note { color:#677789; font-size:11px; margin-top:19px!important; }
.kl-preview { min-width:0; position:relative; padding:17px 0 0 17px; }
.kl-preview::before { content:""; position:absolute; inset:0 -20px 46px 0; background:#e8eef5; border-radius:16px; z-index:0; transform:rotate(-2deg); }
.kl-preview-frame { position:relative; border:1px solid #cbd5e0; border-radius:10px; overflow:hidden; background:#fff; box-shadow:0 15px 40px #152f4810; }
.kl-preview-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 17px; border-bottom:1px solid #e4e9ee; color:#16334f; }
.kl-preview-top>span:first-child { display:flex; gap:8px; align-items:center; font-family:"Space Grotesk",sans-serif; font-size:13px; font-weight:700; }
.kl-small-mark { display:grid; place-items:center; width:24px; height:24px; border-radius:5px; background:var(--kl-blue); color:#fff; font-size:14px; font-weight:700; }
.kl-example-tag { font-size:9px; color:#586a7d; padding-left:12px; border-left:1px solid #d7e0e8; }
.kl-preview-app { display:grid; grid-template-columns:105px 1fr; min-height:362px; }
.kl-preview-sidebar { padding:22px 8px; border-right:1px solid #e7ecf0; display:flex; flex-direction:column; gap:7px; background:#fcfdff; }
.kl-preview-sidebar>span { display:flex; align-items:center; gap:7px; font-size:9px; padding:8px 7px; color:#66768a; border-radius:4px; }
.kl-preview-sidebar svg { width:13px; height:13px; }
.kl-preview-sidebar>span.kl-preview-selected { background:#eaf1fc; color:#1757b7; font-weight:750; }
.kl-preview-sidebar>span.kl-sidebar-bottom { margin-top:auto; font-size:8px; }
.kl-preview-main { padding:24px 19px 18px; min-width:0; }
.kl-preview-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.kl-preview-heading small { color:#6b7a8a; font-size:9px; }
.kl-preview-heading h2 { font-size:19px; line-height:1.4; letter-spacing:-.04em; margin-top:3px; }
.kl-avatar { width:29px; height:29px; background:#e6eddc; color:#566443; border-radius:50%; display:grid; place-items:center; font-size:10px; }
.kl-preview-totals { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #e2e7ec; padding-bottom:19px; margin-bottom:19px; gap:14px; }
.kl-preview-totals>div+div { border-left:1px solid #e2e7ec; padding-left:17px; }
.kl-preview-totals span { display:block; color:#617489; font-size:8px; }
.kl-preview-totals strong { display:block; font-family:"Space Grotesk",sans-serif; font-size:25px; letter-spacing:-.04em; line-height:1.5; white-space:nowrap; }
.kl-preview-totals strong small { font:500 9px "Manrope",sans-serif; letter-spacing:0; color:#65788b; }
.kl-preview-list h3 { display:flex; justify-content:space-between; font:750 10px "Manrope",sans-serif; letter-spacing:0; margin-bottom:7px; }
.kl-preview-list h3 span { font-size:8px; font-weight:500; color:#687b8f; }
.kl-preview-list>div { display:flex; align-items:center; gap:9px; min-height:54px; border-bottom:1px solid #edf0f3; }
.kl-list-icon { display:grid; place-items:center; border-radius:6px; width:29px; height:29px; flex-shrink:0; }
.kl-list-icon svg { width:15px; height:15px; }
.kl-list-icon.blue { background:#edf3ff; color:#3068bd; }.kl-list-icon.sand { background:#f4eddc; color:#856027; }.kl-list-icon.green { background:#eaf2ed; color:#417b64; }
.kl-preview-list b { display:block; font-size:9px; font-weight:700; line-height:1.7; }
.kl-preview-list small { display:block; font-size:8px; color:#637386; }
.kl-preview-list>div>strong,.kl-preview-list>div>.kl-status { margin-left:auto; font-size:8px; white-space:nowrap; }
.kl-status { display:inline-flex; align-items:center; padding:3px 7px; background:#edf2fa; color:#355580; border-radius:4px; font-size:10px; font-weight:650; line-height:1.7; }
.kl-status.amber { color:#755414; background:#fbf1d7; }
.kl-preview-complete { display:flex; align-items:center; gap:6px; margin-top:15px; font-size:7px; color:#496e5e; background:#f1f6f3; padding:8px; border-radius:4px; }
.kl-preview-complete svg { width:12px; height:12px; }.kl-preview-complete strong { margin-left:auto; white-space:nowrap; }
.kl-preview figcaption { position:relative; text-align:right; color:#637387; font-size:10px; margin-top:15px; }
.kl-hero-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:29px; border-top:1px solid var(--kl-line); margin-top:73px; font-size:12px; color:#526478; }
.kl-hero-bottom>div { display:flex; align-items:center; gap:22px; }
.kl-hero-bottom>div>span { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:650; color:var(--kl-ink); }
.kl-hero-bottom svg { width:17px; height:17px; }.kl-hero-bottom i { font-style:normal; color:#a1abb5; }
.kl-workflow { background:#fff; border-block:1px solid var(--kl-line); }
.kl-section-heading { margin-bottom:46px; max-width:665px; }
.kl-section-heading .kl-eyebrow { color:#586a7c; margin-bottom:17px; }
.kl-section-heading>p:last-child { color:var(--kl-muted); margin-top:18px; font-size:15px; }
.kl-workflow-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:68px; align-items:start; }
.kl-workflow-tabs { display:flex; flex-direction:column; gap:3px; padding-top:15px; }
.kl-workflow-tabs button { display:flex; text-align:left; align-items:flex-start; gap:17px; padding:24px 16px; background:transparent; color:var(--kl-ink); border:0; border-left:2px solid #dce3e9; border-radius:0 7px 7px 0; box-shadow:none; cursor:pointer; width:100%; }
.kl-workflow-tabs button>span:nth-child(2) { flex:1; }
.kl-step-num { color:#778798; font-size:11px; line-height:26px; }
.kl-workflow-tabs strong { display:block; font-size:15px; font-weight:750; }
.kl-workflow-tabs small { display:block; margin-top:5px; font-size:11px; font-weight:450; color:#5d7084; line-height:1.7; }
.kl-workflow-tabs button>svg { width:17px; height:17px; margin-top:5px; opacity:0; }
.kl-workflow-tabs button:hover { background:#f5f7fa; }
.kl-workflow-tabs button[aria-selected="true"] { background:#edf3fc; border-left-color:var(--kl-blue); }
.kl-workflow-tabs button[aria-selected="true"] .kl-step-num { color:var(--kl-blue); }.kl-workflow-tabs button[aria-selected="true"]>svg { opacity:1; color:var(--kl-blue); }
.kl-workflow-panels { min-width:0; }.kl-workflow-panel+.kl-workflow-panel { margin-top:28px; }.kl-workflow-panel[role="tabpanel"] { margin:0; }
.kl-workflow-grid:has(#workflow-tabs[hidden]) { display:block; }.kl-workflow-grid:has(#workflow-tabs[hidden]) .kl-workflow-panels { display:grid; grid-template-columns:1fr 1fr; gap:28px; }.kl-workflow-grid:has(#workflow-tabs[hidden]) .kl-workflow-panel { margin:0; }
.kl-demo-canvas { padding:25px 30px; border-radius:10px; min-height:310px; background:#f0f3f7; border:1px solid #e6ebef; }
.kl-demo-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:9px; color:#526b80; letter-spacing:.09em; margin-bottom:24px; }.kl-demo-caption>span:last-child { letter-spacing:0; text-transform:none; font-size:10px; }
.kl-invoice-paper { background:#fff; width:90%; margin:0 auto; border:1px solid #dfe5eb; box-shadow:0 7px 15px #16304a05; padding:20px 23px; }
.kl-paper-heading { display:flex; align-items:center; gap:10px; }.kl-paper-heading>div { flex:1; }.kl-paper-heading strong { display:block; font-size:12px; }.kl-paper-heading small { display:block; color:#65778b; font-size:10px; }.kl-paper-heading .kl-small-mark { background:#223851; }
.kl-paper-to { display:flex; flex-direction:column; margin-block:20px 12px; }.kl-paper-to small { font-size:9px; color:#708194; }.kl-paper-to strong { font-size:11px; font-weight:650; }
.kl-paper-line { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-top:1px solid #e6eaed; font-size:10px; }.kl-paper-line>span:last-child { color:#67798d; }
.kl-paper-footer { margin-top:14px; font-size:9px; color:#3c7160; display:flex; gap:7px; align-items:center; }.kl-paper-footer svg { width:14px; height:14px; }
.kl-panel-copy { padding:25px 2px 0; }.kl-panel-copy h3 { font-size:22px; line-height:1.3; }.kl-panel-copy p { margin-top:11px; font-size:14px; color:var(--kl-muted); line-height:1.8; max-width:560px; }.kl-panel-copy a { margin-top:13px; color:var(--kl-blue); }
.kl-canvas-bill { background:#f6f2e9; }.kl-bill-sheet { display:flex; align-items:center; gap:12px; background:#fff; padding:19px; border:1px solid #e8dfcc; margin-top:20px; }.kl-bill-sheet>div { flex:1; }.kl-bill-sheet small,.kl-bill-sheet strong,.kl-bill-sheet>div>span { display:block; }.kl-bill-sheet small { font-size:9px; color:#6a7682; }.kl-bill-sheet strong { font-size:13px; }.kl-bill-sheet>div>span { font-size:9px; color:#677788; }.kl-bill-sheet>strong { white-space:nowrap; }
.kl-review-lines { margin:13px 19px 0; }.kl-review-lines>div { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e4dece; min-height:38px; font-size:11px; }.kl-review-lines>div>span:last-child { display:flex; align-items:center; gap:5px; color:#48705d; }.kl-review-lines svg { width:13px; height:13px; }
.kl-canvas-bank { background:#eef4f2; }.kl-statement-header { display:flex; align-items:center; gap:12px; margin-block:35px 20px; }.kl-statement-header>div { flex:1; }.kl-statement-header strong { display:block; font-size:15px; }.kl-statement-header small { display:block; color:#536d66; font-size:10px; }
.kl-match-row { display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:center; }.kl-match-row>div { padding:18px; background:#fff; border:1px solid #dce6e1; border-radius:5px; }.kl-match-row small,.kl-match-row strong,.kl-match-row div>span { display:block; }.kl-match-row small { font-size:9px; color:#637a71; }.kl-match-row strong { font-family:"Space Grotesk",sans-serif; font-size:22px; line-height:1.8; letter-spacing:-.035em; }.kl-match-row div>span { font-size:9px; color:#637a71; }.kl-match-symbol { color:#527b6a; font-size:22px; }.kl-canvas-note { display:flex; align-items:center; gap:6px; color:#4a705d; font-size:10px; margin-top:18px!important; }.kl-canvas-note svg { width:15px; height:15px; }
.kl-report-head { display:flex; align-items:center; justify-content:space-between; margin:32px 0 20px; }.kl-report-head strong { font-size:16px; }.kl-report-head>span { font-size:10px; color:#576c81; }.kl-report-line { display:grid; grid-template-columns:70px 1fr 60px; align-items:center; gap:12px; margin:16px 0; font-size:11px; }.kl-report-line>div { height:10px; background:#e2e8f0; border-radius:2px; }.kl-report-line i { display:block; height:100%; background:var(--kl-blue); border-radius:2px; }.kl-report-line.expense i { background:#90accd; }.kl-report-line strong { text-align:right; }.kl-report-result { margin-top:22px; padding-top:15px; border-top:1px solid #d5dfeb; display:flex; align-items:center; justify-content:space-between; font-size:13px; }.kl-report-result strong { font:600 29px "Space Grotesk",sans-serif; letter-spacing:-.04em; }.kl-report-result small { font:500 10px "Manrope",sans-serif; letter-spacing:0; }.kl-report-review { display:flex; align-items:center; gap:7px; margin-top:14px; font-size:10px; color:#53718b; }.kl-report-review svg { width:16px; height:16px; }
.kl-platform { background:#edf1ed; }.kl-platform-grid { display:grid; grid-template-columns:1fr 1fr; gap:110px; }.kl-platform-intro .kl-eyebrow { margin-bottom:20px; color:#52695f; }.kl-platform-intro>p:not(.kl-eyebrow) { color:#506459; font-size:15px; line-height:1.8; max-width:380px; margin-top:24px; }.kl-platform-intro>a { margin-top:22px; }
.kl-module-list { display:grid; }.kl-module-list article { display:flex; gap:23px; padding:23px 0; border-top:1px solid #cdd8d0; }.kl-module-list article:first-child { padding-top:5px; border-top:0; }.kl-module-list article>svg { width:25px; height:25px; margin-top:3px; color:#466652; }.kl-module-list h3 { font-size:22px; line-height:1.4; }.kl-module-list p { color:#53675e; font-size:13px; line-height:1.8; margin-top:7px; }
.kl-start { background:var(--kl-paper); }.kl-start-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:50px; }.kl-start-heading .kl-eyebrow { color:#586a7c; margin-bottom:18px; }.kl-onboarding { padding:0; margin:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; }.kl-onboarding li { padding-top:22px; border-top:1px solid #bfc9d2; display:flex; flex-direction:column; align-items:flex-start; }.kl-onboarding li>span { color:#526d87; font-size:11px; margin-bottom:18px; }.kl-onboarding h3 { font-size:21px; line-height:1.35; }.kl-onboarding p { color:var(--kl-muted); font-size:13px; line-height:1.8; margin-block:13px 15px; }.kl-onboarding a { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:750; min-height:44px; margin-top:auto; }.kl-onboarding a:hover { text-decoration:underline; text-underline-offset:5px; }.kl-onboarding a svg { width:17px; height:17px; }
.kl-support-note { display:flex; align-items:flex-start; gap:17px; margin-top:43px; border-top:1px solid var(--kl-line); padding-top:24px; }.kl-support-note>svg { color:#41698b; margin-top:4px; }.kl-support-note p { font-size:12px; line-height:1.9; max-width:930px; color:var(--kl-muted); }.kl-support-note strong { font-weight:750; color:var(--kl-ink); margin-right:4px; }
.kl-pricing { background:#fff; border-block:1px solid var(--kl-line); }.kl-center { text-align:center; margin-inline:auto; }.kl-availability { text-align:center; font-size:12px; margin:-20px 0 32px!important; color:#586b7f; }.kl-plans { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:940px; margin-inline:auto; }.kl-plan { border:1px solid #d4dde7; border-radius:10px; padding:36px; display:flex; flex-direction:column; background:#fff; }.kl-plan-complete { background:#f2f5fc; border-color:#bacbe6; }.kl-plan-top>span { font-size:9px; font-weight:800; letter-spacing:.1em; color:#567089; }.kl-plan-top h3 { font-size:29px; margin:14px 0 8px; }.kl-plan-top p { font-size:12px; color:var(--kl-muted); }.kl-price { display:flex; align-items:center; gap:16px; margin:24px 0; }.kl-price>strong { font:600 56px/1 "Space Grotesk",sans-serif; letter-spacing:-.055em; }.kl-price>div { font-size:12px; color:var(--kl-ink); }.kl-price small { display:block; font-size:10px; color:#536a81; margin-top:4px; }.kl-plan ul { list-style:none; margin:0 0 30px; padding:24px 0 0; border-top:1px solid #d8e0eb; display:grid; gap:11px; }.kl-plan li { display:flex; align-items:flex-start; gap:10px; font-size:12px; color:#405973; line-height:1.7; }.kl-plan li svg { width:16px; height:16px; margin-top:2px; color:#497867; }.kl-plan .kl-button { margin-top:auto; width:100%; }
.kl-new-business { display:flex; align-items:center; gap:30px; justify-content:space-between; max-width:940px; margin:24px auto; padding:0 6px; }.kl-new-business strong { font-size:13px; }.kl-new-business p { font-size:11px; color:var(--kl-muted); margin-top:4px; max-width:600px; }.kl-new-business>a { flex-shrink:0; }
.kl-customise { max-width:940px; margin:35px auto 0; border:1px solid #d8e0e7; border-radius:8px; }.kl-customise>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; padding:21px 27px; cursor:pointer; font-size:11px; color:#53667a; }.kl-customise summary strong { display:block; color:var(--kl-ink); font-size:16px; margin-top:3px; }.kl-plus { font:400 25px/1 "Manrope",sans-serif; flex-shrink:0; transition:transform .18s; }.kl details[open]>summary>.kl-plus { transform:rotate(45deg); }
.kl-builder { display:grid; grid-template-columns:1.15fr .85fr; gap:30px; padding:27px; border-top:1px solid #d8e0e7; margin:0; }.kl-builder fieldset { padding:0; margin:0 0 24px; border:0; min-width:0; }.kl-builder legend { font-size:12px; font-weight:750; margin-bottom:12px; padding:0; }.kl-builder label { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:450; cursor:pointer; min-height:48px; }.kl-builder input { width:17px; height:17px; flex-shrink:0; margin:0; padding:0; accent-color:var(--kl-blue); }.kl-builder label strong { display:block; font-size:12px; font-weight:700; }.kl-builder label small { display:block; color:#5b6e81; font-size:10px; line-height:1.7; }.kl-base-plans label { padding-block:8px; align-items:flex-start; }.kl-base-plans input { margin-top:3px; }.kl-addons .kl-addon { border-top:1px solid #e0e6eb; padding:11px 0; }.kl-addon-price { margin-left:auto; text-align:right; white-space:nowrap; font-size:11px; font-weight:700; }
.kl-builder-summary { background:#f1f4f9; padding:24px; border-radius:6px; align-self:start; }.kl-builder-summary #builder-price>span { font-size:11px; font-weight:700; }.kl-builder-summary .kl-price { flex-wrap:wrap; gap:10px; margin:20px 0; }.kl-builder-summary .kl-price>strong { font-size:40px; }.kl-builder-summary #builder-hint { font-size:12px; color:#3e5972; line-height:1.8; }.kl-estimate-note { font-size:10px; color:#586c80; line-height:1.8; margin-top:17px!important; }.kl-builder-summary .kl-button { margin-top:22px; width:100%; gap:12px; padding-inline:14px; }.kl-pricing-note { font-size:10px; line-height:1.9; color:#5c6f83; max-width:940px; margin:22px auto 0!important; }
.kl-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }.kl-faq-grid>div>.kl-eyebrow { margin-bottom:18px; color:#576b80; }.kl-faq-grid>div>p:not(.kl-eyebrow) { color:var(--kl-muted); font-size:13px; margin-top:22px; }.kl-questions details { border-top:1px solid #cdd6de; padding:0 0 0; }.kl-questions details:last-child { border-bottom:1px solid #cdd6de; }.kl-questions summary { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:23px 0; list-style:none; font-size:14px; font-weight:700; cursor:pointer; }.kl-questions p { color:var(--kl-muted); font-size:13px; line-height:1.9; margin:0 20px 22px 0; }.kl-questions details>a { display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-bottom:15px; font-size:12px; font-weight:750; color:var(--kl-blue); }.kl-questions a svg { width:17px; height:17px; }
.kl-final { background:#152d48; color:#fff; padding:73px 0; }.kl-final-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }.kl-final .kl-eyebrow { color:#b2c6df; margin-bottom:21px; }.kl-final h2 { font-size:clamp(35px,4vw,52px); }.kl-final p:not(.kl-eyebrow) { color:#bccbdb; font-size:14px; margin-top:22px; line-height:1.8; }.kl-final-inner>div:last-child { display:flex; flex-direction:column; align-items:flex-start; gap:18px; }.kl-final-inner>div:last-child>span { font-size:11px; color:#bfcedd; }.kl-final-inner>div:last-child>span>a { color:#fff; text-decoration:underline; text-underline-offset:3px; }.kl-final .kl-button { min-width:205px; }
.kl-footer { padding:40px 0 26px; background:var(--kl-paper); }.kl-footer-top { display:flex; justify-content:space-between; align-items:center; gap:30px; }.kl-footer nav { display:flex; gap:23px; flex-wrap:wrap; }.kl-footer nav a { font-size:11px; color:#4f6277; min-height:44px; display:flex; align-items:center; }.kl-footer-bottom { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--kl-line); padding-top:23px; margin-top:23px; color:#647589; font-size:10px; }
@media (min-width:901px) { .kl-workflow-panel[role="tabpanel"] { animation:kl-panel-in .2s ease-out; } }
@keyframes kl-panel-in { from { opacity:.65; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1100px) { .kl-nav-links { gap:18px; }.kl-nav { gap:20px; }.kl-nav-actions { gap:16px; }.kl-nav-links a { font-size:12px; }.kl-hero-grid { gap:30px; }.kl-preview-app { grid-template-columns:78px 1fr; }.kl-preview-sidebar>span { padding-inline:4px; gap:4px; font-size:8px; }.kl-preview-sidebar { padding-inline:5px; }.kl-preview-main { padding:20px 14px 15px; }.kl-preview-totals strong { font-size:22px; }.kl-workflow-grid { gap:35px; }.kl-platform-grid { gap:60px; }.kl-faq-grid { gap:60px; } }
@media (max-width:900px) { .kl-wrap { width:calc(100% - 48px); }.kl-nav-links { display:none; }.kl-mobile-menu { display:block; }.kl-nav { min-height:76px; }.kl-hero { padding-top:58px; }.kl-hero-grid { grid-template-columns:1fr; gap:36px; }.kl-hero-copy { max-width:620px; padding:0; }.kl h1 { font-size:64px; }.kl-lead { max-width:540px; }.kl-preview { max-width:660px; width:100%; margin-inline:auto; padding-left:15px; }.kl-preview-app { grid-template-columns:108px 1fr; }.kl-preview-main { padding:24px; }.kl-preview-sidebar { padding:22px 8px; }.kl-preview-sidebar>span { font-size:10px; padding:9px 7px; gap:7px; }.kl-preview-totals strong { font-size:28px; }.kl-preview-heading h2 { font-size:23px; }.kl-preview-list b { font-size:11px; }.kl-preview-list small { font-size:9px; }.kl-preview-list>div>strong,.kl-preview-list>div>.kl-status { font-size:10px; }.kl-preview-complete { font-size:9px; }.kl-hero-bottom { margin-top:44px; flex-wrap:wrap; }.kl-section { padding:70px 0; }.kl-workflow-grid { grid-template-columns:1fr; gap:28px; }.kl-workflow-tabs { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:0; }.kl-workflow-tabs button { border:1px solid #dce3e9; border-radius:6px; padding:17px; gap:12px; }.kl-workflow-tabs button[aria-selected="true"] { border-color:#93b4e4; }.kl-workflow-tabs button>svg { display:none; }.kl-demo-canvas { min-height:315px; }.kl-invoice-paper { max-width:450px; }.kl-platform-grid { gap:40px; }.kl-platform-intro h2 br { display:none; }.kl-platform h2 { font-size:36px; }.kl-start-heading { align-items:flex-start; flex-direction:column; gap:14px; }.kl-onboarding { gap:24px; }.kl-plan { padding:27px; }.kl-faq-grid { gap:50px; grid-template-columns:.7fr 1.3fr; }.kl-footer-top { flex-wrap:wrap; }.kl-footer nav { gap:12px 22px; } }
@media (max-width:620px) { .kl-wrap { width:calc(100% - 40px); }.kl-nav { min-height:72px; gap:15px; }.kl-brand { font-size:24px; }.kl-brand-mark { width:34px; height:34px; padding:6px; }.kl-nav-demo { display:none; }.kl-nav-actions { gap:20px; }.kl-login { font-size:12px; }.kl-hero { padding-top:43px; }.kl-hero-copy .kl-eyebrow { font-size:9px; margin-bottom:23px; letter-spacing:.08em; }.kl-rule { width:15px; margin-right:7px; }.kl h1 { font-size:clamp(40px,10.5vw,62px); margin-bottom:22px; }.kl-lead { font-size:15px; line-height:1.85; }.kl-hero-actions { gap:15px; margin-top:26px; }.kl-hero-actions>.kl-button { padding-inline:17px; gap:12px; }.kl-hero-actions>.kl-text-link { font-size:11px; gap:8px; }.kl-hero-note { font-size:10px; }.kl-preview { padding:10px 0 0 0; }.kl-preview::before { inset:0 -8px 35px -5px; border-radius:10px; transform:rotate(-1.5deg); }.kl-preview-top { padding:11px 13px; }.kl-preview-app { grid-template-columns:1fr; min-height:0; }.kl-preview-sidebar { display:none; }.kl-preview-main { padding:20px 16px 16px; }.kl-preview-heading { margin-bottom:16px; }.kl-preview-heading h2 { font-size:20px; }.kl-preview-totals span { font-size:9px; }.kl-preview-totals strong { font-size:26px; }.kl-preview-list b { font-size:10px; }.kl-preview-list small { font-size:9px; }.kl-preview-list>div>strong,.kl-preview-list>div>.kl-status { font-size:9px; }.kl-preview-complete { font-size:8px; }.kl-preview figcaption { font-size:9px; }.kl-hero-bottom { gap:13px; margin-top:33px; padding:23px 0; font-size:11px; }.kl-hero-bottom>div { gap:14px; }.kl-hero-bottom>div>span { font-size:10px; gap:5px; }.kl-hero-bottom svg { width:15px; height:15px; }.kl-section { padding:59px 0; }.kl-section-heading { margin-bottom:30px; }.kl h2 { font-size:33px; }.kl-section-heading>p:last-child { font-size:14px; }.kl-eyebrow { font-size:10px; }.kl-workflow-tabs { gap:8px; }.kl-workflow-tabs button { display:block; padding:12px; }.kl-step-num { font-size:9px; line-height:1; display:block; margin-bottom:8px; }.kl-workflow-tabs strong { font-size:12px; line-height:1.6; }.kl-workflow-tabs small { display:none; }.kl-workflow-grid:has(#workflow-tabs[hidden]) .kl-workflow-panels { grid-template-columns:1fr; }.kl-demo-canvas { padding:17px; min-height:292px; }.kl-demo-caption { font-size:8px; margin-bottom:20px; letter-spacing:.06em; }.kl-demo-caption>span:last-child { font-size:9px; }.kl-invoice-paper { width:100%; padding:19px 16px; }.kl-paper-heading { gap:8px; }.kl-paper-heading strong { font-size:11px; }.kl-paper-to { margin-block:18px 10px; }.kl-paper-line { font-size:9px; }.kl-paper-footer { font-size:8px; gap:4px; }.kl-panel-copy { padding-top:21px; }.kl-panel-copy h3 { font-size:23px; }.kl-panel-copy p { font-size:13px; }.kl-bill-sheet { padding:14px 11px; gap:8px; }.kl-bill-sheet>strong { font-size:11px; }.kl-bill-sheet>div>span { font-size:8px; }.kl-review-lines { margin-inline:6px; }.kl-review-lines>div { font-size:10px; }.kl-statement-header { gap:8px; margin-top:30px; }.kl-statement-header strong { font-size:13px; }.kl-statement-header .kl-status { font-size:8px; padding:3px 5px; }.kl-match-row { gap:6px; }.kl-match-row>div { padding:12px 9px; }.kl-match-row small { font-size:8px; }.kl-match-row strong { font-size:18px; }.kl-match-row div>span { font-size:8px; }.kl-match-symbol { font-size:16px; }.kl-canvas-note { font-size:9px; }.kl-report-head { margin-top:31px; }.kl-report-head strong { font-size:14px; }.kl-report-line { grid-template-columns:57px 1fr 50px; gap:9px; font-size:10px; }.kl-platform-grid { grid-template-columns:1fr; gap:35px; }.kl-platform h2 { font-size:34px; }.kl-platform-intro>p:not(.kl-eyebrow) { max-width:none; font-size:14px; }.kl-module-list article { gap:18px; padding-block:20px; }.kl-module-list h3 { font-size:22px; }.kl-module-list p { font-size:13px; }.kl-start-heading { margin-bottom:28px; gap:14px; }.kl-start-heading h2 br { display:none; }.kl-onboarding { grid-template-columns:1fr; gap:25px; }.kl-onboarding li { padding-top:17px; }.kl-onboarding li>span { margin-bottom:10px; }.kl-onboarding h3 { font-size:23px; }.kl-onboarding p { font-size:13px; margin-bottom:5px; }.kl-support-note { gap:13px; margin-top:29px; }.kl-support-note p { font-size:11px; }.kl-availability { margin:-8px 0 23px!important; font-size:11px; }.kl-center { text-align:left; }.kl-plans { grid-template-columns:1fr; gap:18px; }.kl-plan { padding:26px 24px; }.kl-plan-top h3 { font-size:29px; }.kl-plan-top>span { font-size:8px; }.kl-price>strong { font-size:51px; }.kl-plan ul { margin-bottom:23px; }.kl-new-business { display:block; padding:0; margin-top:23px; }.kl-new-business p { font-size:12px; margin-top:7px; }.kl-new-business .kl-text-link { margin-top:5px; }.kl-customise { margin-top:24px; }.kl-customise>summary { padding:19px; gap:12px; }.kl-customise summary strong { font-size:15px; }.kl-builder { grid-template-columns:1fr; padding:20px 16px; gap:0; }.kl-builder-summary { padding:20px; }.kl-addon-price { font-size:10px; }.kl-builder label strong { font-size:11px; }.kl-builder label small { font-size:9px; }.kl-builder input { width:16px; height:16px; }.kl-pricing-note { font-size:10px; }.kl-faq-grid { grid-template-columns:1fr; gap:30px; }.kl-faq h2 br { display:none; }.kl-faq-grid>div>p:not(.kl-eyebrow) { margin-top:17px; }.kl-questions summary { font-size:13px; padding-block:22px; gap:17px; }.kl-questions p { margin-right:0; }.kl-final { padding:54px 0; }.kl-final-inner { flex-direction:column; align-items:flex-start; gap:30px; }.kl-final h2 { font-size:38px; }.kl-final .kl-eyebrow { font-size:9px; letter-spacing:.08em; }.kl-final p:not(.kl-eyebrow) { font-size:13px; }.kl-footer { padding-top:32px; }.kl-footer-top { gap:18px; }.kl-footer nav { gap:3px 20px; }.kl-footer-bottom { flex-direction:column; gap:6px; font-size:9px; } }
@media (prefers-reduced-motion:reduce) { .kl *,.kl *::before,.kl *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* The shared renderer decorates sections as app cards. Public sections use
   uninterrupted backgrounds; their internal examples keep their own frames. */
.kl section { margin:0; border-radius:0; box-shadow:none; }
.kl .kl-hero,.kl .kl-start,.kl .kl-faq { border:0; background:var(--kl-paper); }
.kl .kl-workflow,.kl .kl-pricing { border:0; border-block:1px solid var(--kl-line); background:#fff; }
.kl .kl-platform { border:0; background:#edf1ed; }
.kl .kl-final { border:0; background:#152d48; }
.kl .kl-preview-heading h2 { font-size:19px; line-height:1.4; letter-spacing:-.04em; }
@media (min-width:621px) and (max-width:900px) { .kl .kl-preview-heading h2 { font-size:23px; } }
@media (max-width:620px) { .kl .kl-preview-heading h2 { font-size:20px; } }