.kd-main{flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px;display:flex;overflow:hidden;container-type:inline-size}.kd-kpis,.kd-row-2{grid-template-columns:1fr;gap:16px;display:grid}@container (min-width:36rem){.kd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:48rem){.kd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:64rem){.kd-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.kd-row-2{grid-template-columns:repeat(3,minmax(0,1fr))}.kd-monthly{grid-column:span 2}}.ka-canvas[data-size=sm] .kd-main{padding:16px}.kd-card{background:var(--card);min-width:0;box-shadow:0 0 0 1px color-mix(in oklch, var(--foreground) 10%, transparent);border-radius:14px;flex-direction:column;gap:16px;padding:16px 0;font-size:14px;display:flex;overflow:hidden}.kd-gap-3{gap:12px}.kd-card-header{grid-auto-rows:min-content;align-items:start;gap:4px;padding:0 16px;display:grid}.kd-card-header[data-action-slot]{grid-template-columns:1fr auto}.kd-card-title{font-size:18px;font-weight:500;line-height:1.375}.kd-header-base .kd-card-title{font-size:16px}.kd-card-description{color:var(--muted-foreground)}.kd-card-action{grid-area:1/2/span 2;place-self:start end}.kd-card-content{padding:0 16px}.kd-grow{flex:1;min-height:0}.kd-muted{color:var(--muted-foreground)}.kd-tabular{font-variant-numeric:tabular-nums}.kd-title-row{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;display:flex}.kd-delta{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:14px;font-weight:400}.kd-chart{flex-direction:column;width:100%;display:flex}.kd-bars{flex:1;min-height:0;display:flex;position:relative}.kd-band{flex:1;justify-content:center;align-items:flex-end;min-width:0;display:flex;position:relative}.kd-bar,.kd-bar-bg,.kd-stack{display:block;position:relative}.kd-bar-bg{opacity:.15;position:absolute;top:0;bottom:0}.kd-bar-label{color:var(--foreground);white-space:nowrap;font-size:12px;font-style:normal;position:absolute;left:50%;transform:translate(-50%)}.kd-stack{flex-direction:column;width:8px;display:flex}.kd-stack>i{display:block}.kd-axis{height:30px;color:var(--muted-foreground);flex-shrink:0;padding-top:9px;font-size:12px;line-height:16px;display:flex}.kd-axis>span{text-align:center;white-space:nowrap;flex:1;min-width:0}.kd-line{padding:6px}.kd-line-area{flex:1;position:relative}.kd-line-area svg,.kd-composed .kd-bars svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kd-composed .kd-bars svg{height:calc(100% - 8px);top:8px}.kd-line-area>i{border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}.kd-radial{width:80px;height:80px;margin:0 auto;position:relative}.kd-radial svg{width:100%;height:100%}.kd-radial>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kd-radial strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;line-height:20px}.kd-radial span{color:var(--muted-foreground);font-size:10px;line-height:14px}.kd-spark{flex-direction:column;gap:12px;display:flex}.kd-spark-footer{justify-content:space-between;align-items:flex-end;display:flex}.kd-spark-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:28px}.kd-icon-tile{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ka .kd-icon-tile svg{width:20px;height:20px}.kd-icon-tile.kd-icon-sm{width:32px;height:32px}.ka .kd-icon-tile.kd-icon-sm svg{width:16px;height:16px}.kd-stat{flex-direction:column;gap:4px;margin-top:auto;display:flex}.kd-stat-title{font-size:16px;font-weight:500;line-height:24px}.kd-trend{font-variant-numeric:tabular-nums;border-radius:8px;align-self:flex-start;margin-top:16px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px}[data-tone=emerald]:is(.kd-icon-tile,.kd-trend){color:#34d399;background:#10b9811a}[data-tone=red]:is(.kd-icon-tile,.kd-trend){color:#f87171;background:#ef44441a}[data-tone=orange]:is(.kd-icon-tile,.kd-trend){color:#fb923c;background:#f973161a}[data-tone=violet]:is(.kd-icon-tile,.kd-trend){color:#a78bfa;background:#8b5cf61a}[data-app-theme=light] [data-tone=emerald]:is(.kd-icon-tile,.kd-trend){color:#059669}[data-app-theme=light] [data-tone=red]:is(.kd-icon-tile,.kd-trend){color:#dc2626}[data-app-theme=light] [data-tone=orange]:is(.kd-icon-tile,.kd-trend){color:#ea580c}[data-app-theme=light] [data-tone=violet]:is(.kd-icon-tile,.kd-trend){color:#7c3aed}.kd-monthly{padding:0}.kd-monthly-grid{grid-template-columns:1fr;height:100%;display:grid}@container (min-width:48rem){.kd-monthly-grid{grid-template-columns:1.4fr 1fr}}.kd-column{flex-direction:column;gap:16px;padding:16px 0;display:flex}.kd-summary{border-top:1px solid var(--border)}@container (min-width:48rem){.kd-summary{border-top:0;border-left:1px solid var(--border)}}.kd-summary-body{flex-direction:column;display:flex}.kd-summary-stats{flex:1;grid-template-columns:1fr 1fr;align-items:center;display:grid}.kd-summary-stats>div{flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.kd-summary-stats>div:first-child{border-right:1px solid var(--border)}.kd-summary-stats strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:32px}.kd-summary-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;padding-top:16px;display:flex}.kd-summary-footer>div{flex-direction:column;gap:4px;display:flex}.kd-summary-footer strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:28px}.kd-title-icon{align-items:center;gap:8px;display:flex}.kd-transfer{flex-direction:column;gap:20px;display:flex}.kd-transfer-total{align-items:center;gap:8px;display:flex}.kd-transfer-total>span:first-child{font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:36px}.kd-badge-secondary{background:var(--muted);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px}.kd-transfer-rows{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:16px;display:flex}.kd-transfer-rows>div{align-items:center;gap:8px;display:flex}.ka .kd-transfer-rows svg{color:var(--muted-foreground)}.kd-push{margin-left:auto}.kd-delta-col{text-align:right;width:56px}.kd-composed{margin-top:auto}
.hero-preview.feature-preview{text-align:left;width:auto;margin:56px 0 0}.hero-preview-screen{aspect-ratio:16/9}@media (max-width:600px){.hero-preview.feature-preview{margin-top:40px}.hero-preview-screen{aspect-ratio:4/5}}
.product-story{--frame-bg:#171717;--frame-line:#262626;--frame-text:#a1a1a1;--frame-dot:#404040;--frame-progress:#e5e5e5;margin-top:64px}.product-story[data-app-theme=light]{--frame-bg:#fafafa;--frame-line:#e5e5e5;--frame-text:#737373;--frame-dot:#d4d4d4;--frame-progress:#171717}.story-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:27px 0;display:flex}.story-intro>span:first-child{letter-spacing:1.1px;color:#73816b;align-items:center;gap:8px;font-size:8px;font-weight:650;display:flex}.story-intro>span:first-child i{background:#789b60;border-radius:50%;width:5px;height:5px}.story-intro>p{color:#626f5c;font-size:12px}.story-theme{border:1px solid var(--line);background:#f7f9f5;border-radius:999px;gap:2px;padding:3px;display:flex}.story-theme button{color:#6b7a63;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:flex}.story-theme button[aria-pressed=true]{background:var(--ink);color:#fff}.story-theme button:focus-visible{outline-offset:2px}.story-scroll-cue{color:#85927a;align-items:center;gap:13px;font-size:9px;display:flex}.story-scroll-cue>span{font-size:17px}.story-mobile-break{display:none}.story-chapter{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:44px;padding:65px 0;scroll-margin-top:108px;display:grid}.chapter-index{color:#a3ac9b;font-variant-numeric:tabular-nums;align-items:center;gap:11px;margin-bottom:32px;font-size:10px;display:flex}.chapter-index>span:first-child{color:#3f6135}.chapter-index i{background:#dae2d4;width:36px;height:1px;display:inline-block}.chapter-label{color:#7b8d6b;letter-spacing:.8px;margin-bottom:16px;font-size:8px;font-weight:700;display:block}.chapter-copy h2{letter-spacing:-1.9px;font-size:39px;line-height:1.15}.chapter-copy h2>span{color:var(--ink);display:block}.chapter-copy h2>.accent{color:#85997a}.chapter-copy>p{color:#718069;max-width:270px;margin-top:23px;font-size:13px;line-height:1.85}.chapter-note{color:#6d825e;border-top:1px solid #e5eadf;align-items:flex-start;gap:10px;max-width:270px;margin-top:29px;padding-top:18px;font-size:10px;line-height:1.65;display:flex}.chapter-note>.icon{width:16px;height:16px}.story-inline-scene{min-width:0}.story-inline-scene>p,.story-sample-note{color:#8c9784;text-align:center;margin-top:14px;font-size:8px;display:block}.story-inline-frame{aspect-ratio:16/10;border:1px solid var(--frame-line);background:var(--frame-bg);border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #0a0a0a1f}.product-story[data-enhanced=true] .story-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:44px;padding-top:45px;display:grid;position:relative}.product-story[data-enhanced=true] .story-chapter{align-items:center;min-height:76svh;padding:40px 0;display:flex}.product-story[data-enhanced=true] .story-chapter:last-child{min-height:83svh}.story-sticky{border:1px solid var(--frame-line);background:var(--frame-bg);border-radius:13px;min-width:0;position:sticky;top:106px;box-shadow:0 0 0 7px #eef2e8,0 16px 50px #0a0a0a24}.story-window-chrome{height:37px;color:var(--frame-text);border-bottom:1px solid var(--frame-line);align-items:center;gap:18px;padding:0 14px;display:flex}.story-window-chrome>div{gap:5px;display:flex}.story-window-chrome>div i{background:var(--frame-dot);border-radius:50%;width:6px;height:6px}.story-window-chrome>span{align-items:center;gap:6px;font-size:8px;display:flex}.story-window-chrome .icon{width:11px;height:11px}.story-window-chrome>small{letter-spacing:.9px;color:var(--frame-text);margin-left:auto;font-size:6px}.story-screen-stack{background:var(--frame-bg);height:min(480px,100svh - 239px);position:relative;overflow:hidden}.story-screen{opacity:0;pointer-events:none;transition:opacity .28s,transform .48s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:translateY(18px)scale(.99)}.story-screen[data-visible=true]{opacity:1;z-index:1;pointer-events:auto;transform:translateY(0)scale(1)}.story-window-footer{height:40px;color:var(--frame-text);border-top:1px solid var(--frame-line);justify-content:space-between;align-items:center;gap:16px;padding:0 15px;font-size:8px;display:flex}.story-window-footer>span:first-child{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.story-window-footer .icon{width:12px;height:12px}.story-progress{gap:4px;display:flex}.story-progress i{background:var(--frame-dot);border-radius:3px;width:22px;height:3px;display:block}.story-progress .complete{background:var(--frame-progress)}.story-status{zoom:.62;font-size:14px;display:flex}.story-sample-note{width:100%;margin-top:20px;position:absolute;top:100%}.story-outro{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:25px 0;font-size:11px;display:flex}.story-outro>span,.story-outro>a{align-items:center;gap:9px;display:flex}.story-outro>span{color:#76866a}.story-outro>a{color:#355332;font-weight:650}.story-outro .icon{width:15px;height:15px}.story-screen .ka-phone{opacity:0;transition:opacity .28s,translate .52s cubic-bezier(.23,1,.32,1);translate:0 28px}.story-screen[data-visible=true] .ka-phone{opacity:1;transition-delay:90ms;translate:0}.story-screen[data-visible=true] .ka-track,.story-inline-scene .ka-track{--pos:var(--target)}.product-story[data-keyboard=true] .story-screen,.product-story[data-keyboard=true] .story-screen *{transition:none}@media (max-width:1150px){.product-story[data-enhanced=true] .story-layout,.story-chapter{grid-template-columns:250px minmax(0,1fr);gap:30px}.chapter-copy h2{font-size:35px}}@media (max-width:960px){.product-story{margin-top:50px}.story-intro{flex-wrap:wrap;gap:15px}.story-intro>p{font-size:11px}.story-scroll-cue{display:none}.story-chapter{grid-template-columns:1fr;gap:28px;padding-block:50px}.story-chapter+.story-chapter{border-top:1px solid var(--line)}.chapter-copy{max-width:530px}.chapter-index{margin-bottom:19px}.chapter-label{margin-bottom:12px}.chapter-copy h2{font-size:38px}.chapter-copy h2>span{display:inline}.chapter-copy h2>.accent:before{content:" "}.chapter-copy>p{max-width:450px;margin-top:16px}.chapter-note{max-width:450px;margin-top:17px;padding-top:13px}}@media (max-width:600px){.product-story{margin-top:40px}.story-intro{padding-block:22px;display:block}.story-intro>span:first-child{font-size:7px}.story-intro>p{margin-top:12px;font-size:14px;line-height:1.7}.story-theme{width:fit-content;margin-top:16px}.story-mobile-break{display:block}.story-chapter{gap:25px;padding-block:35px}.chapter-copy h2{letter-spacing:-1.5px;font-size:34px}.chapter-copy h2>span{display:block}.chapter-copy h2>.accent:before{content:none}.chapter-copy>p{max-width:330px;margin-top:16px;font-size:13px}.chapter-note{font-size:10px}.story-inline-frame{aspect-ratio:3/4;border-radius:9px}.story-outro{flex-direction:column;align-items:flex-start;gap:15px;padding-top:22px;font-size:10px}}@media (prefers-reduced-motion:reduce){.story-scroll-cue{display:none}.story-screen,.story-screen .ka-phone{transition:none;transform:translate(0,0)}}