@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";
.kl-root{--kunno-ink:#0e1520;--kunno-green:#41875a;--kunno-fresh:#7fcb97;--kunno-mist:#eaf1eb;--ink-2:#182231;--ink-3:#223045;--t1:#0e1520;--t2:#3d4a57;--t3:#66737f;--on-dark:#eaf1eb;--on-dark-2:#b9c6ce;--on-dark-3:#8b99a5;--stone:#d7e0d9;--card:#fff;--font-display:"Figtree",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--container:1240px;--sh-xs:0 1px 2px #0e15200d;--sh-md:0 10px 30px #0e152024;--dur:.28s;--ease:cubic-bezier(.2,.7,.3,1)}.kl-root *{box-sizing:border-box;margin:0;padding:0}.kl-root{scroll-behavior:smooth;font-family:var(--font-body);color:var(--t1);background:var(--kunno-mist);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}.kl-root a{color:var(--kunno-green);text-decoration:none}.kl-root a:hover{color:#2f6b45}.kl-root img{max-width:100%;display:block}.kl-root .wrap{max-width:var(--container);margin:0 auto;padding:0 24px}.kl-root section{padding:120px 0}.kl-root h1,.kl-root h2,.kl-root h3,.kl-root .display{font-family:var(--font-display)}.kl-root .eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--kunno-green);font-size:13px;font-weight:600;display:block}.kl-root .eyebrow.on-dark{color:var(--kunno-fresh)}.kl-root .sec-head{max-width:760px;margin-bottom:56px}.kl-root .sec-head h2{letter-spacing:-.015em;margin-top:14px;font-size:48px;font-weight:600;line-height:1.12}.kl-root .sec-head .sub{color:var(--t2);max-width:680px;margin-top:16px;font-size:18px}.kl-root .btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;height:50px;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:15px;font-weight:600;display:inline-flex}.kl-root .btn:active{transform:scale(.98)}.kl-root .btn-fresh{background:var(--kunno-fresh);color:var(--kunno-ink)}.kl-root .btn-fresh:hover{color:var(--kunno-ink);background:#93d6a8}.kl-root .btn-ink{background:var(--kunno-ink);color:var(--kunno-mist)}.kl-root .btn-ink:hover{background:var(--ink-2);color:#fff}.kl-root .btn-ghost{border-color:var(--kunno-green);color:var(--kunno-green);background:0 0}.kl-root .btn-ghost:hover{background:#41875a14}.kl-root .microcopy{color:var(--t3);margin-top:12px;font-size:13px}.kl-root .microcopy.on-dark{color:var(--on-dark-3)}.kl-root :focus-visible{outline:2px solid var(--kunno-fresh);outline-offset:2px;border-radius:4px}.kl-root .kmark{vertical-align:-.12em;width:1em;height:1em;display:inline-block}.kl-root .kmark path{fill:currentColor}.kl-root header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1520eb;position:sticky;top:0}.kl-root .nav{max-width:var(--container);align-items:center;gap:8px;height:68px;margin:0 auto;padding:0 24px;display:flex}.kl-root .logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--on-dark);font-size:22px;font-weight:700}.kl-root .logo:hover{color:#fff}.kl-root .logo i{color:var(--kunno-fresh);font-style:normal}.kl-root .nav-links{align-items:center;gap:4px;margin-left:auto;display:flex}.kl-root .nav-links a{color:var(--on-dark-2);white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);border-radius:8px;padding:8px 13px;font-size:14px;font-weight:500}.kl-root .nav-links a:hover{background:var(--ink-2);color:#fff}.kl-root .nav-links a.support-link{color:var(--on-dark-3)}.kl-root .nav-links .btn{height:42px;margin-left:8px}.kl-root .hero{background:var(--kunno-ink);color:var(--on-dark);padding:104px 0 96px;position:relative;overflow:hidden}.kl-root .hero-mark{opacity:.05;pointer-events:none;width:640px;height:640px;position:absolute;top:-120px;right:-140px}.kl-root .hero-mark path{fill:var(--kunno-fresh)}.kl-root .hero-grid{grid-template-columns:55fr 45fr;align-items:center;gap:64px;display:grid;position:relative}.kl-root .hero h1{letter-spacing:-.02em;margin-top:18px;font-size:68px;font-weight:700;line-height:1.04}.kl-root .hero .subhead{font-family:var(--font-display);color:var(--kunno-fresh);margin-top:20px;font-size:24px;font-weight:600;line-height:1.3}.kl-root .hero .body{color:var(--on-dark-2);max-width:560px;margin-top:18px;font-size:18px}.kl-root .hero .statement{color:var(--on-dark);border-left:2px solid var(--kunno-green);max-width:520px;margin-top:26px;padding-left:16px;font-size:15.5px}.kl-root .hero-cta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;display:flex}.kl-root .hero-panel{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius-md);box-shadow:var(--sh-md);padding:22px}.kl-root .hp-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kl-root .hp-top .sk{letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-3);font-size:11px;font-weight:600}.kl-root .hp-top .st{color:var(--kunno-fresh);background:#7fcb971f;border-radius:99px;padding:4px 12px;font-size:11.5px;font-weight:600}.kl-root .hp-lot{border-bottom:1px solid var(--ink-3);justify-content:space-between;align-items:baseline;padding-bottom:14px;display:flex}.kl-root .hp-lot .id{font-family:var(--font-display);letter-spacing:-.01em;font-size:26px;font-weight:600}.kl-root .hp-lot .m2{color:var(--on-dark-3);font-size:13px}.kl-root .hp-rows{flex-direction:column;gap:0;margin-top:6px;display:flex}.kl-root .hp-row{border-bottom:1px solid var(--ink-3);justify-content:space-between;align-items:center;padding:11px 0;font-size:13.5px;display:flex}.kl-root .hp-row:last-child{border-bottom:none}.kl-root .hp-row .k{color:var(--on-dark-3)}.kl-root .hp-row .v{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--on-dark);font-weight:600}.kl-root .hp-row .v.ok{color:var(--kunno-fresh)}.kl-root .hp-foot{gap:8px;margin-top:14px;display:flex}.kl-root .hp-chip{color:var(--on-dark-2);background:var(--ink-3);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600}.kl-root .trust{background:var(--kunno-mist);border-bottom:1px solid var(--stone);padding:36px 0}.kl-root .trust p{font-family:var(--font-display);text-align:center;color:var(--t2);font-size:19px;font-weight:600}.kl-root .trust p b{color:var(--kunno-green)}.kl-root .frag-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.kl-root .frag-copy p{color:var(--t2);margin-bottom:14px;font-size:19px}.kl-root .frag-copy .q{font-family:var(--font-display);letter-spacing:-.015em;color:var(--t1);margin-top:28px;font-size:38px;font-weight:700;line-height:1.15}.kl-root .frag-vis{flex-direction:column;gap:12px;display:flex;position:relative}.kl-root .frag-item{background:var(--card);border:1px solid var(--stone);color:var(--t2);box-shadow:var(--sh-xs);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:14.5px;font-weight:500;display:flex}.kl-root .frag-item small{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-size:11px;font-weight:600}.kl-root .frag-conv{align-items:center;gap:14px;margin-top:8px;display:flex}.kl-root .frag-conv .arrow{color:var(--kunno-green);flex-shrink:0}.kl-root .frag-core{background:var(--kunno-ink);color:var(--on-dark);text-align:center;border-radius:14px;flex:1;padding:20px 24px}.kl-root .frag-core .fl{font-family:var(--font-display);font-size:22px;font-weight:700}.kl-root .frag-core .fl i{color:var(--kunno-fresh);font-style:normal}.kl-root .frag-core p{color:var(--on-dark-2);margin-top:4px;font-size:12.5px}.kl-root .diff{background:var(--kunno-ink);color:var(--on-dark);position:relative;overflow:hidden}.kl-root .diff .sec-head h2{color:var(--on-dark)}.kl-root .diff .sec-head .sub{color:var(--on-dark-2)}.kl-root .tokens{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.kl-root .token{font-family:var(--font-display);letter-spacing:.04em;background:var(--ink-2);border:1px solid var(--ink-3);color:var(--on-dark);border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:17px;font-weight:600;display:inline-flex}.kl-root .token .kmark{color:var(--kunno-fresh);font-size:14px}.kl-root .diff-msg{font-family:var(--font-display);color:var(--on-dark);max-width:680px;margin-top:44px;font-size:24px;font-weight:600;line-height:1.35}.kl-root .diff-msg b{color:var(--kunno-fresh);font-weight:600}.kl-root .p-tabs{border-bottom:1px solid var(--stone);flex-wrap:wrap;gap:8px;margin-bottom:40px;padding-bottom:0;display:flex;overflow-x:auto}.kl-root .p-tab{font-family:var(--font-body);color:var(--t3);cursor:pointer;white-space:nowrap;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 18px;font-size:15px;font-weight:600}.kl-root .p-tab:hover{color:var(--t1)}.kl-root .p-tab[aria-selected=true]{color:var(--kunno-green);border-bottom-color:var(--kunno-green)}.kl-root .p-panel{grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;display:none}.kl-root .p-panel.active{display:grid}.kl-root .p-panel h3{letter-spacing:-.01em;font-size:30px;font-weight:600;line-height:1.2}.kl-root .p-panel .prob{color:var(--t3);margin-top:14px;font-size:15px}.kl-root .p-panel ul{flex-direction:column;gap:12px;margin-top:22px;list-style:none;display:flex}.kl-root .p-panel li{color:var(--t2);align-items:flex-start;gap:12px;font-size:16px;display:flex}.kl-root .p-panel li .kmark{color:var(--kunno-green);flex-shrink:0;margin-top:4px}.kl-root .p-shot{background:var(--card);border:1px solid var(--stone);border-radius:var(--radius-md);box-shadow:var(--sh-xs);padding:24px}.kl-root .p-shot .sk{letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:16px;font-size:11px;font-weight:600;display:block}.kl-root .p-kpis{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.kl-root .p-kpi{background:var(--kunno-mist);border-radius:10px;padding:14px 16px}.kl-root .p-kpi .l{color:var(--t3);font-size:11px}.kl-root .p-kpi .v{font-family:var(--font-display);margin-top:2px;font-size:20px;font-weight:600}.kl-root .p-list{flex-direction:column;margin-top:12px;display:flex}.kl-root .p-li{border-bottom:1px solid var(--kunno-mist);justify-content:space-between;padding:10px 2px;font-size:13px;display:flex}.kl-root .p-li:last-child{border-bottom:none}.kl-root .p-li .a{color:var(--t2)}.kl-root .p-li .b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600}.kl-root .p-li .b.ok{color:var(--kunno-green)}.kl-root .p-note{color:var(--t3);margin-top:14px;font-size:12px}.kl-root .flow-sec{background:var(--card)}.kl-root .flow-track{grid-template-columns:repeat(7,1fr);gap:0;margin-top:24px;display:grid}.kl-root .flow-step{opacity:.35;transition:opacity .5s var(--ease),transform .5s var(--ease);padding:0 18px 0 0;position:relative;transform:translateY(8px)}.kl-root .flow-step.on{opacity:1;transform:none}.kl-root .flow-step .kmark{color:var(--kunno-fresh);font-size:18px;display:block}.kl-root .flow-step .n{letter-spacing:.1em;color:var(--t3);margin-top:14px;font-size:11px;font-weight:600;display:block}.kl-root .flow-step h3{margin-top:4px;font-size:17px;font-weight:600}.kl-root .flow-step p{color:var(--t3);margin-top:4px;font-size:12.5px}.kl-root .flow-step:after{content:"";background:linear-gradient(90deg,var(--kunno-green),var(--stone));z-index:0;width:100%;height:2px;position:absolute;top:9px;left:calc(100% - 14px)}.kl-root .flow-step:last-child:after{display:none}.kl-root .flow-copy{font-family:var(--font-display);color:var(--t1);max-width:680px;margin-top:56px;font-size:22px;font-weight:600;line-height:1.4}.kl-root .cap{border-bottom:1px solid var(--stone);grid-template-columns:1fr 1.15fr;align-items:center;gap:64px;padding:56px 0;display:grid}.kl-root .cap:last-of-type{border-bottom:none}.kl-root .cap.rev .cap-copy{order:2}.kl-root .cap h3{letter-spacing:-.01em;margin-top:12px;font-size:29px;font-weight:600;line-height:1.2}.kl-root .cap .body{color:var(--t2);max-width:480px;margin-top:14px;font-size:16.5px}.kl-root .cap .result{color:var(--t1);background:#41875a14;border-radius:12px;margin-top:22px;padding:16px 20px;font-size:15px}.kl-root .cap .result b{color:var(--kunno-green)}.kl-root .cap-shot{background:var(--card);border:1px solid var(--stone);border-radius:var(--radius-md);box-shadow:var(--sh-xs);min-height:220px;padding:22px}.kl-root .cap-shot .sk{letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:14px;font-size:11px;font-weight:600;display:block}.kl-root .impact{background:var(--kunno-green);color:#fff}.kl-root .impact .sec-head h2{color:#fff}.kl-root .impact .sec-head .sub{color:#dceae0}.kl-root .imp-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.kl-root .imp{border-top:2px solid #ffffff59;padding-top:18px}.kl-root .imp .kmark{color:var(--kunno-fresh);font-size:16px}.kl-root .imp h4{font-family:var(--font-display);margin-top:10px;font-size:18px;font-weight:600;line-height:1.3}.kl-root .imp p{color:#dceae0;margin-top:8px;font-size:13.5px}.kl-root .pay-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.kl-root .pay-diagram{flex-direction:column;align-items:center;gap:10px;display:flex}.kl-root .pd-node{background:var(--card);border:1px solid var(--stone);color:var(--t2);border-radius:12px;padding:12px 28px;font-size:14.5px;font-weight:500}.kl-root .pd-core{background:var(--kunno-ink);color:var(--on-dark);font-family:var(--font-display);border-radius:14px;padding:18px 44px;font-size:22px;font-weight:700}.kl-root .pd-core i{color:var(--kunno-fresh);font-style:normal}.kl-root .pd-arrow{color:var(--kunno-green)}.kl-root .pd-out{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.kl-root .pd-out span{color:var(--kunno-green);background:#41875a1a;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.kl-root .pay-copy .big{font-family:var(--font-display);margin-top:22px;font-size:26px;font-weight:600;line-height:1.35}.kl-root .pay-copy .big b{color:var(--kunno-green)}.kl-root .stripe-badge{color:var(--t3);background:var(--card);border:1px solid var(--stone);border-radius:99px;align-items:center;gap:8px;margin-top:28px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.kl-root .stripe-badge b{color:var(--t2)}.kl-root .demo{background:var(--kunno-ink);color:var(--on-dark);position:relative;overflow:hidden}.kl-root .demo .sec-head h2{color:var(--on-dark)}.kl-root .demo .sec-head .sub{color:var(--on-dark-2)}.kl-root .demo-shot{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius-md);box-shadow:var(--sh-md);margin-top:8px;padding:26px}.kl-root .ds-bar{gap:6px;margin-bottom:18px;display:flex}.kl-root .ds-bar span{background:var(--ink-3);border-radius:50%;width:9px;height:9px}.kl-root .ds-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kl-root .ds-card{background:var(--kunno-ink);border:1px solid var(--ink-3);border-radius:12px;padding:16px}.kl-root .ds-card .l{letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-3);font-size:10.5px;font-weight:600}.kl-root .ds-card .v{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:6px;font-size:24px;font-weight:600}.kl-root .ds-card .v.ok{color:var(--kunno-fresh)}.kl-root .demo-cta{flex-wrap:wrap;align-items:center;gap:18px;margin-top:40px;display:flex}.kl-root .demo-note{color:var(--on-dark-3);margin-top:16px;font-size:12px}.kl-root .faq-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:64px;display:grid}.kl-root .faq-grid h2{letter-spacing:-.015em;margin-top:14px;font-size:44px;font-weight:600;line-height:1.12}.kl-root .faq{border-bottom:1px solid var(--stone)}.kl-root .faq summary{cursor:pointer;color:var(--t1);padding:20px 34px 20px 2px;font-size:16.5px;font-weight:600;list-style:none;position:relative}.kl-root .faq summary::-webkit-details-marker{display:none}.kl-root .faq summary:after{content:"+";font-family:var(--font-display);color:var(--kunno-green);transition:transform var(--dur) var(--ease);font-size:22px;position:absolute;top:16px;right:6px}.kl-root .faq[open] summary:after{transform:rotate(45deg)}.kl-root .faq p{color:var(--t2);max-width:640px;padding:0 2px 22px;font-size:15px}.kl-root .final{background:var(--kunno-ink);color:var(--on-dark);text-align:center;position:relative;overflow:hidden}.kl-root .final-mark{opacity:.04;pointer-events:none;width:900px;height:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kl-root .final-mark path{fill:var(--kunno-fresh)}.kl-root .final .inner{max-width:780px;margin:0 auto;position:relative}.kl-root .final h2{letter-spacing:-.02em;font-size:52px;font-weight:700;line-height:1.1}.kl-root .final .body{color:var(--on-dark-2);max-width:640px;margin-top:22px;margin-left:auto;margin-right:auto;font-size:18px}.kl-root .final .statement{font-family:var(--font-display);color:var(--kunno-fresh);margin-top:28px;font-size:22px;font-weight:600}.kl-root .final .btn{margin-top:36px}.kl-root footer{background:var(--kunno-ink);color:var(--on-dark-2);border-top:1px solid var(--ink-2);padding:64px 0 40px}.kl-root .foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;display:grid}.kl-root .foot-grid .logo{font-size:24px}.kl-root .foot-grid .tag{color:var(--on-dark-3);max-width:30ch;margin-top:14px;font-size:13.5px}.kl-root .foot-col h5{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-3);margin-bottom:16px;font-size:12px;font-weight:600}.kl-root .foot-col a{color:var(--on-dark-2);padding:5px 0;font-size:14px;display:block}.kl-root .foot-col a:hover{color:#fff}.kl-root .foot-base{border-top:1px solid var(--ink-2);color:var(--on-dark-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:24px;font-size:12.5px;display:flex}.kl-root .foot-next{font-family:var(--font-display);color:var(--kunno-fresh);font-weight:600}.kl-root .reveal{opacity:0;transition:opacity .45s var(--ease),transform .45s var(--ease);transform:translateY(16px)}.kl-root .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.kl-root{scroll-behavior:auto}.kl-root .reveal,.kl-root .flow-step{opacity:1!important;transition:none!important;transform:none!important}}@media (max-width:1024px){.kl-root .nav{flex-wrap:wrap;gap:8px;height:auto;padding:12px 24px}.kl-root .nav-links{order:3;width:100%;margin-left:0;padding-bottom:6px;overflow-x:auto}.kl-root .hero h1{font-size:52px}.kl-root .hero-grid,.kl-root .frag-grid,.kl-root .pay-grid,.kl-root .faq-grid{grid-template-columns:1fr;gap:48px}.kl-root .p-panel{grid-template-columns:1fr}.kl-root .cap,.kl-root .cap.rev{grid-template-columns:1fr;gap:32px}.kl-root .cap.rev .cap-copy{order:0}.kl-root .imp-grid{grid-template-columns:repeat(2,1fr)}.kl-root .flow-track{grid-template-columns:1fr;gap:0}.kl-root .flow-step{border-left:2px solid var(--stone);padding:0 0 28px 30px}.kl-root .flow-step:after{display:none}.kl-root .flow-step .kmark{background:var(--card);position:absolute;top:0;left:-10px}.kl-root .ds-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.kl-root{font-size:16px}.kl-root section{padding:72px 0}.kl-root .wrap{padding:0 20px}.kl-root .nav{padding:12px 20px}.kl-root .hero{padding:64px 0 56px}.kl-root .hero h1{font-size:44px}.kl-root .hero .subhead{font-size:20px}.kl-root .sec-head h2{font-size:34px}.kl-root .faq-grid h2{font-size:32px}.kl-root .final h2{font-size:36px}.kl-root .imp-grid,.kl-root .p-kpis,.kl-root .foot-grid{grid-template-columns:1fr}.kl-root .frag-conv{flex-direction:column}}
