/* Generated by bricks/design_system.py; source: approved demo/assets/css/{style,pages}.css */
@property --a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
:root{--bg:var(--bricks-color-kb000,#f6f7f3);
  --surface:var(--bricks-color-kb001,#ffffff);
  --soft:var(--bricks-color-kb002,#eef1ea);
  --ink:var(--bricks-color-kb003,#0e1a14);
  --ink-2:var(--bricks-color-kb004,#33403a);
  --muted:var(--bricks-color-kb005,#66716b);
  --line:var(--bricks-color-kb006,#e1e6dc);
  --forest:var(--bricks-color-kb007,#0b3d2c);
  --forest-2:var(--bricks-color-kb008,#13563f);
  --lime:var(--bricks-color-kb009,#c8f04a);
  --lime-2:var(--bricks-color-kb010,#e4fa8a);
  --lemon:var(--bricks-color-kb011,#f6fbb4);
  --mint:var(--bricks-color-kb012,#a6ecc9);
  --hl: linear-gradient(95deg, #0d8a4e 0%, #3fae2a 55%, #8cc81c 100%);
  --shadow: 0 1px 2px rgba(14, 26, 20, .04), 0 14px 34px -14px rgba(14, 26, 20, .16);
  --shadow-lg: 0 2px 4px rgba(14, 26, 20, .04), 0 34px 70px -24px rgba(14, 26, 20, .28);
  --head: "Manrope", system-ui, sans-serif;
  --body: "Inter", system-ui, sans-serif;
  --ease: cubic-bezier(.2, .8, .2, 1);}
*{box-sizing: border-box;}
*::before{box-sizing: border-box;}
*::after{box-sizing: border-box;}
html{scroll-behavior: smooth; scroll-padding-top: 100px;}
body{margin: 0; background: var(--bg); color: var(--ink-2); font: 400 17px/1.6 var(--body); -webkit-font-smoothing: antialiased; overflow-x: hidden;}
h1{font-family: var(--head); color: var(--ink); margin: 0;}
h2{font-family: var(--head); color: var(--ink); margin: 0;}
h3{font-family: var(--head); color: var(--ink); margin: 0;}
h2{font-size: clamp(36px, 5vw, 72px); line-height: 1.02; font-weight: 700; letter-spacing: -0.045em;}
h3{font-size: 20px; line-height: 1.25; font-weight: 700; letter-spacing: -0.02em;}
p{margin: 0;}
a{color: inherit; text-decoration: none;}
ul{list-style: none; margin: 0; padding: 0;}
ol{list-style: none; margin: 0; padding: 0;}
.kb-wrap.kb-wrap.kb-wrap, .wrap{width: min(1240px, 100% - 48px); margin-inline: auto; position: relative;}
.kb-center.kb-center.kb-center, .center{text-align: center; margin-inline: auto;}
.kb-lede.kb-lede.kb-lede, .lede{font-size: 18px; color: var(--muted); margin-top: 20px; max-width: 560px;}
.kb-lede.kb-lede.kb-lede.kb-center.kb-center.kb-center, .lede.center{max-width: 600px;}
.kb-split.kb-split.kb-split .kb-w.kb-w.kb-w, .split .w{display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .16em; margin-bottom: -.16em;}
.kb-split.kb-split.kb-split .kb-w.kb-w.kb-w > span, .split .w > span{display: inline-block;}
.kb-split.kb-split.kb-split .kb-hl.kb-hl.kb-hl, .split .hl{background: var(--hl); -webkit-background-clip: text; background-clip: text; color: transparent; padding: 0 .04em .16em 0; margin-bottom: -.16em;}
.kb-js.kb-js.kb-js .kb-split.kb-split.kb-split .kb-w.kb-w.kb-w > span, .js .kb-split.kb-split.kb-split .kb-w.kb-w.kb-w > span, .js .split .w > span{transform: translateY(105%); transition: transform .9s var(--ease); transition-delay: calc(var(--i) * 55ms);}
.kb-js.kb-js.kb-js .kb-split.kb-split.kb-split.kb-in.kb-in.kb-in .kb-w.kb-w.kb-w > span, .js .kb-split.kb-split.kb-split.in .kb-w.kb-w.kb-w > span, .js .split.in .w > span{transform: none;}
.kb-btn.kb-btn.kb-btn, .btn{position: relative; display: inline-flex; align-items: center; gap: 12px; height: 54px; padding: 0 26px; border-radius: 999px;
  font: 600 16px/1 var(--body); white-space: nowrap; transition: transform .25s var(--ease), box-shadow .25s, background .25s;}
.kb-btn-sm.kb-btn-sm.kb-btn-sm, .btn-sm{height: 44px; padding: 0 18px; font-size: 15px;}
.kb-btn-forest.kb-btn-forest.kb-btn-forest, .btn-forest{background: var(--forest); color: #fff; box-shadow: 0 12px 28px -12px rgba(11, 61, 44, .8);}
.kb-btn-forest.kb-btn-forest.kb-btn-forest:hover, .btn-forest:hover{transform: translateY(-2px); background: var(--forest-2);}
.kb-btn-glass.kb-btn-glass.kb-btn-glass, .btn-glass{background: rgba(255, 255, 255, .65); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .9); color: var(--ink);}
.kb-btn-glass.kb-btn-glass.kb-btn-glass:hover, .btn-glass:hover{background: #fff; transform: translateY(-2px);}
.kb-btn-ghost.kb-btn-ghost.kb-btn-ghost, .btn-ghost{border: 1px solid var(--line); background: var(--surface); color: var(--ink); justify-content: center;}
.kb-btn-ghost.kb-btn-ghost.kb-btn-ghost:hover, .btn-ghost:hover{border-color: var(--ink);}
.kb-btn-lime.kb-btn-lime.kb-btn-lime, .btn-lime{background: var(--lime); color: var(--forest); justify-content: center;}
.kb-btn-lime.kb-btn-lime.kb-btn-lime:hover, .btn-lime:hover{background: var(--lime-2); transform: translateY(-2px);}
.kb-dot.kb-dot.kb-dot, .dot{width: 9px; height: 9px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(200, 240, 74, .25); animation: pulse 2.4s infinite; flex: none;}
@keyframes pulse{50% { box-shadow: 0 0 0 8px rgba(200, 240, 74, 0); }}
.kb-ic.kb-ic.kb-ic, .ic{width: 24px; height: 24px;}
.kb-ic-s.kb-ic-s.kb-ic-s, .ic-s{width: 18px; height: 18px; flex: none; color: #2f9a3a;}
.kb-hdr.kb-hdr.kb-hdr, .hdr{position:relative;    z-index: 50; pointer-events: none;}
.kb-hdr-pill.kb-hdr-pill.kb-hdr-pill, .hdr-pill{pointer-events: auto; width: min(1240px, 100% - 32px); margin: 0 auto; height: 64px; display: flex; align-items: center; gap: 36px;
  padding: 0 10px 0 20px; border-radius: 999px; background: rgba(255, 255, 255, .96); 
  border: 1px solid rgba(255, 255, 255, .9); box-shadow: 0 8px 30px -14px rgba(14, 26, 20, .25);}
.kb-logo.kb-logo.kb-logo, .logo{display: inline-flex; align-items: center; gap: 10px; font: 700 19px/1 var(--head); color: var(--ink); letter-spacing: -0.03em;}
.kb-logo.kb-logo.kb-logo b, .logo b{font-weight: 700; color: #2f8f3a;}
.kb-logo-mark.kb-logo-mark.kb-logo-mark, .logo-mark{width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: var(--forest); color: var(--lime); font: 800 17px/1 var(--head);}
.kb-nav.kb-nav.kb-nav, .nav{display: flex; gap: 30px; margin-left: auto;}
.kb-nav.kb-nav.kb-nav a, .nav a{font-size: 15px; font-weight: 500; position: relative;}
.kb-nav.kb-nav.kb-nav a::after, .nav a::after{content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; border-radius: 2px; background: var(--hl); transform: scaleX(0); transition: transform .3s var(--ease);}
.kb-nav.kb-nav.kb-nav a:hover::after, .nav a:hover::after{transform: scaleX(1);}
.kb-burger.kb-burger.kb-burger, .burger{display: none;}
.kb-mesh.kb-mesh.kb-mesh, .mesh{position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0;}
.kb-mesh.kb-mesh.kb-mesh i, .mesh i{position: absolute; border-radius: 50%; filter: blur(70px); opacity: .9; animation: drift 18s ease-in-out infinite alternate;}
.kb-mesh.kb-mesh.kb-mesh .kb-b1.kb-b1.kb-b1, .mesh .b1{width: 55%; height: 70%; left: -8%; top: 10%; background: var(--mint);}
.kb-mesh.kb-mesh.kb-mesh .kb-b2.kb-b2.kb-b2, .mesh .b2{width: 50%; height: 65%; left: 28%; top: -20%; background: var(--lemon); animation-delay: -6s;}
.kb-mesh.kb-mesh.kb-mesh .kb-b3.kb-b3.kb-b3, .mesh .b3{width: 48%; height: 70%; right: -10%; top: 5%; background: var(--lime); opacity: .7; animation-delay: -11s;}
.kb-mesh.kb-mesh.kb-mesh .kb-b4.kb-b4.kb-b4, .mesh .b4{width: 40%; height: 50%; left: 30%; bottom: -25%; background: #d9f7a0; animation-delay: -3s;}
@keyframes drift{0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(6%, 8%) scale(1.12); } 100% { transform: translate(-6%, -4%) scale(.95); }}
.kb-hero.kb-hero.kb-hero, .hero{position: relative; overflow: hidden; height: 100svh; min-height: 700px; max-height: 980px; display: flex; flex-direction: column;
  padding-top: clamp(130px, 17vh, 170px); background: #fbfdf5; border-radius: 0 0 40px 40px;}
.kb-hero.kb-hero.kb-hero::after, .hero::after{content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image: radial-gradient(rgba(14, 26, 20, .07) 1px, transparent 1px); background-size: 26px 26px;
  mask-image: linear-gradient(#000, transparent 75%);}
.kb-hero-in.kb-hero-in.kb-hero-in, .hero-in{z-index: 1; text-align: center; display: flex; flex-direction: column; align-items: center;}
.kb-eyebrow.kb-eyebrow.kb-eyebrow, .eyebrow{display: inline-flex; align-items: center; gap: 10px; font: 600 13px/1 var(--body); letter-spacing: .12em; text-transform: uppercase;
  color: var(--forest); padding: 10px 16px; border-radius: 999px; background: rgba(255, 255, 255, .7); border: 1px solid rgba(255, 255, 255, .95); margin-bottom: 26px;}
.kb-eyebrow.kb-eyebrow.kb-eyebrow .kb-dot.kb-dot.kb-dot, .eyebrow .dot{width: 7px; height: 7px;}
.kb-hero.kb-hero.kb-hero h1, .hero h1{font-size: clamp(40px, 4.6vw, 68px); line-height: 1.04; font-weight: 800; letter-spacing: -0.05em;}
@media (min-width: 1081px){.kb-hero.kb-hero.kb-hero h1, .hero h1{white-space: nowrap;}}
.kb-hero-sub.kb-hero-sub.kb-hero-sub, .hero-sub{font-size: clamp(17px, 1.35vw, 20px); color: var(--ink-2); max-width: 660px; margin-top: 22px; text-wrap: balance;}
.kb-hero-cta.kb-hero-cta.kb-hero-cta, .hero-cta{display: flex; gap: 12px; margin-top: 34px; flex-wrap: wrap; justify-content: center;}
.kb-hero-note.kb-hero-note.kb-hero-note, .hero-note{margin-top: 18px; font-size: 14px; color: var(--muted);}
.kb-hv-wrap.kb-hv-wrap.kb-hv-wrap, .hv-wrap{flex: 1; margin-top: clamp(36px, 5vh, 56px); min-height: 220px; z-index: 1;}
.kb-hv.kb-hv.kb-hv, .hv{position: absolute; left: 50%; top: 0; width: min(960px, 100%); transform: translateX(-50%);}
.kb-hv.kb-hv.kb-hv > *, .hv > *{transition: transform .6s var(--ease);}
.kb-hv-browser.kb-hv-browser.kb-hv-browser, .hv-browser{background: var(--surface); border-radius: 20px 20px 0 0; box-shadow: var(--shadow-lg); border: 1px solid rgba(255, 255, 255, .9); overflow: hidden; height: 540px;}
.kb-hv-bar.kb-hv-bar.kb-hv-bar, .hv-bar{height: 42px; display: flex; align-items: center; gap: 7px; padding: 0 16px; border-bottom: 1px solid var(--line); background: #fafbf8;}
.kb-hv-bar.kb-hv-bar.kb-hv-bar i, .hv-bar i{width: 10px; height: 10px; border-radius: 50%; background: #dfe4da;}
.kb-hv-bar.kb-hv-bar.kb-hv-bar span, .hv-bar span{margin: 0 auto; transform: translateX(-20px); font-size: 12px; color: var(--muted); background: var(--soft); padding: 4px 18px; border-radius: 999px;}
.kb-hv-site.kb-hv-site.kb-hv-site, .hv-site{padding: 22px 34px;}
.kb-hv-nav.kb-hv-nav.kb-hv-nav, .hv-nav{display: flex; align-items: center; gap: 18px;}
.kb-hv-nav.kb-hv-nav.kb-hv-nav b, .hv-nav b{width: 70px; height: 12px; border-radius: 6px; background: var(--ink);}
.kb-hv-nav.kb-hv-nav.kb-hv-nav span, .hv-nav span{width: 46px; height: 7px; border-radius: 4px; background: #e3e7df;}
.kb-hv-nav.kb-hv-nav.kb-hv-nav span:first-of-type, .hv-nav span:first-of-type{margin-left: auto;}
.kb-hv-nav.kb-hv-nav.kb-hv-nav em, .hv-nav em{width: 78px; height: 28px; border-radius: 999px; background: var(--forest);}
.kb-hv-hero.kb-hv-hero.kb-hv-hero, .hv-hero{display: grid; grid-template-columns: 1fr 1.1fr; gap: 34px; margin-top: 34px; align-items: center;}
.kb-hv-copy.kb-hv-copy.kb-hv-copy span, .hv-copy span{display: block; height: 16px; border-radius: 8px; background: var(--ink); margin-bottom: 12px;}
.kb-hv-copy.kb-hv-copy.kb-hv-copy .kb-l1.kb-l1.kb-l1, .hv-copy .l1{width: 92%;}
.kb-hv-copy.kb-hv-copy.kb-hv-copy .kb-l2.kb-l2.kb-l2, .hv-copy .l2{width: 66%; background: linear-gradient(90deg, #2f9a3a, #9bd21f);}
.kb-hv-copy.kb-hv-copy.kb-hv-copy .kb-l3.kb-l3.kb-l3, .hv-copy .l3{width: 80%; height: 8px; background: #dfe4da; margin-top: 20px;}
.kb-hv-copy.kb-hv-copy.kb-hv-copy em, .hv-copy em{display: block; width: 124px; height: 36px; border-radius: 999px; background: var(--forest); margin-top: 22px;}
.kb-hv-img.kb-hv-img.kb-hv-img, .hv-img{height: 220px; border-radius: 16px; position: relative; overflow: hidden; box-shadow: 0 0 0 6px var(--lemon);
  background: radial-gradient(60% 70% at 30% 30%, var(--lemon), transparent 70%), radial-gradient(60% 70% at 80% 70%, var(--lime), transparent 70%), var(--mint);}
.kb-hv-cards.kb-hv-cards.kb-hv-cards, .hv-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px;}
.kb-hv-cards.kb-hv-cards.kb-hv-cards span, .hv-cards span{height: 90px; border-radius: 12px; background: var(--soft);}
.kb-hv-phone.kb-hv-phone.kb-hv-phone, .hv-phone{position: absolute; right: -36px; top: 92px; width: 170px; height: 334px; border-radius: 30px; background: var(--surface);
  border: 7px solid #13201a; box-shadow: var(--shadow-lg); padding: 22px 12px; overflow: hidden;}
.kb-hv-notch.kb-hv-notch.kb-hv-notch, .hv-notch{position: absolute; top: 7px; left: 50%; transform: translateX(-50%); width: 50px; height: 12px; border-radius: 8px; background: #13201a;}
.kb-hv-pimg.kb-hv-pimg.kb-hv-pimg, .hv-pimg{height: 112px; border-radius: 12px; overflow: hidden; background: radial-gradient(70% 70% at 30% 30%, var(--lemon), transparent 70%), linear-gradient(135deg, var(--mint), var(--lime));}
.kb-hv-phone.kb-hv-phone.kb-hv-phone span, .hv-phone span{display: block; height: 9px; border-radius: 5px; background: var(--ink); margin-top: 12px;}
.kb-hv-phone.kb-hv-phone.kb-hv-phone .kb-p1.kb-p1.kb-p1, .hv-phone .p1{width: 90%; margin-top: 16px;}
.kb-hv-phone.kb-hv-phone.kb-hv-phone .kb-p2.kb-p2.kb-p2, .hv-phone .p2{width: 64%;}
.kb-hv-phone.kb-hv-phone.kb-hv-phone .kb-p3.kb-p3.kb-p3, .hv-phone .p3{width: 80%; height: 6px; background: #dfe4da;}
.kb-hv-phone.kb-hv-phone.kb-hv-phone em, .hv-phone em{display: block; height: 30px; border-radius: 999px; background: var(--forest); margin-top: 18px;}
.kb-hv-app.kb-hv-app.kb-hv-app, .hv-app{position: absolute; left: -54px; top: 168px; width: 240px; background: var(--surface); border-radius: 18px; box-shadow: var(--shadow-lg); padding: 16px;}
.kb-hv-app-h.kb-hv-app-h.kb-hv-app-h, .hv-app-h{display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px;}
.kb-hv-app-h.kb-hv-app-h.kb-hv-app-h b, .hv-app-h b{font: 700 15px/1 var(--head); color: var(--ink);}
.kb-hv-app-h.kb-hv-app-h.kb-hv-app-h span, .hv-app-h span{font-size: 12px; color: var(--muted);}
.kb-hv-row.kb-hv-row.kb-hv-row, .hv-row{display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line);}
.kb-hv-row.kb-hv-row.kb-hv-row i, .hv-row i{width: 8px; height: 8px; border-radius: 50%;}
.kb-hv-row.kb-hv-row.kb-hv-row i.kb-ok.kb-ok.kb-ok, .hv-row i.ok{background: #2f9a3a;}
.kb-hv-row.kb-hv-row.kb-hv-row i.kb-wait.kb-wait.kb-wait, .hv-row i.wait{background: #e0c227;}
.kb-hv-row.kb-hv-row.kb-hv-row span, .hv-row span{flex: 1; height: 7px; border-radius: 4px; background: #e3e7df;}
.kb-hv-row.kb-hv-row.kb-hv-row small, .hv-row small{font-size: 11px; color: var(--muted);}
.kb-hv-flow.kb-hv-flow.kb-hv-flow, .hv-flow{position: absolute; left: -36px; top: 96px; display: flex; align-items: center; gap: 10px; background: var(--forest); color: #fff;
  font-size: 13px; font-weight: 500; padding: 10px 16px 10px 12px; border-radius: 999px; box-shadow: var(--shadow-lg);}
.kb-hv-flow.kb-hv-flow.kb-hv-flow .kb-ic.kb-ic.kb-ic, .hv-flow .ic{width: 20px; height: 20px; color: var(--lime);}
.kb-js.kb-js.kb-js .kb-hv-phone.kb-hv-phone.kb-hv-phone, .js .kb-hv-phone.kb-hv-phone.kb-hv-phone, .js .hv-phone{animation: bob 6s ease-in-out infinite;}
.kb-js.kb-js.kb-js .kb-hv-app.kb-hv-app.kb-hv-app, .js .kb-hv-app.kb-hv-app.kb-hv-app, .js .hv-app{animation: bob 7s ease-in-out -2s infinite;}
.kb-js.kb-js.kb-js .kb-hv-flow.kb-hv-flow.kb-hv-flow, .js .kb-hv-flow.kb-hv-flow.kb-hv-flow, .js .hv-flow{animation: bob 5s ease-in-out -1s infinite;}
@keyframes bob{50% { translate: 0 -10px; }}
.kb-mq.kb-mq.kb-mq, .mq{overflow: hidden; padding: 34px 0; border-bottom: 1px solid var(--line);}
.kb-mq-track.kb-mq-track.kb-mq-track, .mq-track{display: flex; align-items: center; gap: 34px; width: max-content; animation: mq 40s linear infinite;}
.kb-mq.kb-mq.kb-mq:hover .kb-mq-track.kb-mq-track.kb-mq-track, .mq:hover .mq-track{animation-play-state: paused;}
.kb-mq-item.kb-mq-item.kb-mq-item, .mq-item{font: 800 clamp(30px, 3.6vw, 52px)/1 var(--head); letter-spacing: -0.04em; color: var(--ink); white-space: nowrap;}
.kb-mq-out.kb-mq-out.kb-mq-out, .mq-out{color: transparent; -webkit-text-stroke: 1.4px var(--ink);}
.kb-mq-star.kb-mq-star.kb-mq-star, .mq-star{width: 30px; height: 30px; color: #8cc81c; fill: #c8f04a; stroke: none; flex: none;}
@keyframes mq{to { transform: translateX(-50%); }}
.kb-sec.kb-sec.kb-sec, .sec{position: relative; padding: clamp(90px, 11vw, 150px) 0;}
.kb-sec-soft.kb-sec-soft.kb-sec-soft, .sec-soft{background: var(--soft);}
.kb-sec-services.kb-sec-services.kb-sec-services, .sec-services{padding-bottom: 90px;}
.kb-wire-wrap.kb-wire-wrap.kb-wire-wrap, .wire-wrap{position: relative; margin-top: 56px;}
.kb-wire.kb-wire.kb-wire, .wire{position: absolute; left: 0; top: 0; width: 100%; height: 90px;}
.kb-wire.kb-wire.kb-wire path, .wire path{fill: none; stroke: #b9c2b4; stroke-width: 1.5;}
.kb-hangs.kb-hangs.kb-hangs, .hangs{display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; padding-top: 40px;}
.kb-hang.kb-hang.kb-hang, .hang{position: relative; transform-origin: 50% -40px; padding-top: 28px;}
.kb-hang.kb-hang.kb-hang:nth-child(1), .hang:nth-child(1){margin-top: 18px;}
.kb-hang.kb-hang.kb-hang:nth-child(2), .hang:nth-child(2){margin-top: 54px;}
.kb-hang.kb-hang.kb-hang:nth-child(3), .hang:nth-child(3){margin-top: 18px;}
.kb-js.kb-js.kb-js .kb-hang.kb-hang.kb-hang, .js .kb-hang.kb-hang.kb-hang, .js .hang{animation: swing 5.5s ease-in-out infinite; animation-delay: calc(var(--d) * -1.7s);}
.kb-hang.kb-hang.kb-hang:hover, .hang:hover{animation-play-state: paused;}
@keyframes swing{0%, 100% { transform: rotate(-1.6deg); } 50% { transform: rotate(1.6deg); }}
.kb-hang.kb-hang.kb-hang::before, .hang::before{content: ""; position: absolute; left: 50%; top: -40px; height: 68px; width: 1.5px; background: #b9c2b4;}
.kb-pin.kb-pin.kb-pin, .pin{position: absolute; left: 50%; top: 18px; width: 30px; height: 16px; transform: translateX(-50%); border-radius: 5px;
  background: linear-gradient(#eef1ea, #cfd6ca); box-shadow: 0 2px 4px rgba(0, 0, 0, .12); z-index: 2;}
.kb-hang-card.kb-hang-card.kb-hang-card, .hang-card{position: relative; background: var(--surface); border-radius: 26px; padding: 18px 18px 24px; box-shadow: var(--shadow-lg);
  transition: transform .4s var(--ease);}
.kb-hang.kb-hang.kb-hang:hover .kb-hang-card.kb-hang-card.kb-hang-card, .hang:hover .hang-card{transform: translateY(-6px) rotate(-.6deg);}
.kb-hang-card.kb-hang-card.kb-hang-card h3, .hang-card h3{font-size: 26px; margin: 0 8px; letter-spacing: -0.035em;}
.kb-hang-tag.kb-hang-tag.kb-hang-tag, .hang-tag{margin: 18px 8px 8px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted);}
.kb-hang-line.kb-hang-line.kb-hang-line, .hang-line{margin: 10px 8px 0; color: var(--muted); font-size: 15.5px;}
.kb-hang-foot.kb-hang-foot.kb-hang-foot, .hang-foot{margin: 22px 8px 0; display: flex; justify-content: space-between; align-items: center; font: 700 16px/1 var(--head); color: var(--ink);}
.kb-hang-foot.kb-hang-foot.kb-hang-foot a, .hang-foot a{width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--forest); color: var(--lime); transition: transform .3s var(--ease);}
.kb-hang-foot.kb-hang-foot.kb-hang-foot a .kb-ic.kb-ic.kb-ic, .hang-foot a .ic{width: 18px; height: 18px;}
.kb-hang-foot.kb-hang-foot.kb-hang-foot a:hover, .hang-foot a:hover{transform: rotate(-45deg);}
.kb-hang-lead.kb-hang-lead.kb-hang-lead .kb-hang-tag.kb-hang-tag.kb-hang-tag, .hang-lead .hang-tag{color: #2f8f3a;}
.kb-art.kb-art.kb-art, .art{height: 170px; border-radius: 18px; position: relative; overflow: hidden;}
.kb-art-web.kb-art-web.kb-art-web, .art-web{background: radial-gradient(60% 80% at 20% 20%, var(--lemon), transparent 70%), linear-gradient(135deg, var(--mint), var(--lime)); padding: 22px 26px 0;}
.kb-aw-bar.kb-aw-bar.kb-aw-bar, .aw-bar{display: flex; gap: 5px; padding: 9px 12px; background: #fff; border-radius: 10px 10px 0 0;}
.kb-aw-bar.kb-aw-bar.kb-aw-bar i, .aw-bar i{width: 7px; height: 7px; border-radius: 50%; background: #dfe4da;}
.kb-aw-body.kb-aw-body.kb-aw-body, .aw-body{background: #fff; height: 140px; padding: 16px;}
.kb-aw-body.kb-aw-body.kb-aw-body span, .aw-body span{display: block; height: 10px; width: 70%; border-radius: 5px; background: var(--ink); margin-bottom: 9px;}
.kb-aw-body.kb-aw-body.kb-aw-body span + span, .aw-body span + span{width: 45%; background: linear-gradient(90deg, #2f9a3a, #9bd21f);}
.kb-aw-body.kb-aw-body.kb-aw-body em, .aw-body em{display: block; width: 70px; height: 22px; border-radius: 999px; background: var(--forest); margin-top: 14px;}
.kb-art-app.kb-art-app.kb-art-app, .art-app{background: linear-gradient(160deg, #eef1ea, #dfe8d6); padding: 22px; display: grid; gap: 10px; align-content: center;}
.kb-aa-row.kb-aa-row.kb-aa-row, .aa-row{display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 12px; padding: 11px 14px; box-shadow: 0 6px 14px -10px rgba(0, 0, 0, .3);}
.kb-aa-row.kb-aa-row.kb-aa-row i, .aa-row i{width: 9px; height: 9px; border-radius: 50%; background: #2f9a3a;}
.kb-aa-row.kb-aa-row.kb-aa-row i.kb-y.kb-y.kb-y, .aa-row i.y{background: #e0c227;}
.kb-aa-row.kb-aa-row.kb-aa-row span, .aa-row span{flex: 1; height: 7px; border-radius: 4px; background: #e3e7df;}
.kb-aa-row.kb-aa-row.kb-aa-row b, .aa-row b{font-size: 11px; font-weight: 600; color: var(--muted);}
.kb-art-flow.kb-art-flow.kb-art-flow, .art-flow{background: var(--forest);}
.kb-art-flow.kb-art-flow.kb-art-flow svg, .art-flow svg{position: absolute; inset: 0; width: 100%; height: 100%;}
.kb-fl.kb-fl.kb-fl, .fl{stroke: var(--lime); stroke-width: 2; stroke-dasharray: 6 8; animation: dash 1.6s linear infinite;}
@keyframes dash{to { stroke-dashoffset: -28; }}
.kb-n.kb-n.kb-n, .n{position: absolute; width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(200, 240, 74, .5);}
.kb-n1.kb-n1.kb-n1, .n1{left: 13%; top: 18%;}
.kb-n2.kb-n2.kb-n2, .n2{right: 13%; top: 18%; background: var(--lime);}
.kb-n3.kb-n3.kb-n3, .n3{right: 20%; bottom: 14%; background: var(--mint);}
.kb-chips.kb-chips.kb-chips, .chips{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 64px;}
.kb-chip.kb-chip.kb-chip, .chip{display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; align-items: center; padding: 18px 22px; border-radius: 18px; background: var(--surface);
  border: 1px solid var(--line); transition: .3s var(--ease);}
.kb-chip.kb-chip.kb-chip b, .chip b{font: 700 16px/1.3 var(--head); color: var(--ink);}
.kb-chip.kb-chip.kb-chip span, .chip span{grid-row: 2; font-size: 14px; color: var(--muted);}
.kb-chip.kb-chip.kb-chip .kb-ic.kb-ic.kb-ic, .chip .ic{grid-row: 1 / 3; grid-column: 2; width: 18px; height: 18px; transition: transform .3s var(--ease);}
.kb-chip.kb-chip.kb-chip:hover, .chip:hover{border-color: transparent; background: var(--lime-2);}
.kb-chip.kb-chip.kb-chip:hover .kb-ic.kb-ic.kb-ic, .chip:hover .ic{transform: translateX(4px);}
.kb-bento.kb-bento.kb-bento, .bento{display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: minmax(220px, auto); gap: 16px; margin-top: 56px;}
.kb-tile.kb-tile.kb-tile, .tile{position: relative; overflow: hidden; border-radius: 26px; padding: 30px; background: var(--surface); border: 1px solid var(--line);
  display: flex; flex-direction: column; justify-content: flex-end; transition: transform .4s var(--ease);}
.kb-tile.kb-tile.kb-tile::before, .tile::before{content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .3s;
  background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%), rgba(200, 240, 74, .35), transparent 60%);}
.kb-tile.kb-tile.kb-tile:hover, .tile:hover{transform: translateY(-4px);}
.kb-tile.kb-tile.kb-tile:hover::before, .tile:hover::before{opacity: 1;}
.kb-tile.kb-tile.kb-tile > *, .tile > *{position: relative;}
.kb-tile-ic.kb-tile-ic.kb-tile-ic, .tile-ic{position: absolute; top: 28px; left: 30px; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--soft); color: var(--forest);}
.kb-tile.kb-tile.kb-tile h3, .tile h3{font-size: 24px; letter-spacing: -0.035em;}
.kb-tile.kb-tile.kb-tile p, .tile p{margin-top: 8px; color: var(--muted); font-size: 15.5px; max-width: 34ch;}
.kb-t1.kb-t1.kb-t1, .t1{grid-column: span 4; background: radial-gradient(60% 90% at 90% 10%, var(--lemon), transparent 70%), radial-gradient(50% 80% at 70% 100%, var(--mint), transparent 70%), #fbfdf5;}
.kb-t1.kb-t1.kb-t1 h3, .t1 h3{font-size: clamp(30px, 3vw, 44px);}
.kb-t2.kb-t2.kb-t2, .t2{grid-column: span 2; background: var(--forest); border-color: var(--forest);}
.kb-t2.kb-t2.kb-t2 h3, .t2 h3{color: #fff; font-size: 30px;}
.kb-t2.kb-t2.kb-t2 p, .t2 p{color: #a9c5b8;}
.kb-t2.kb-t2.kb-t2 .kb-tile-ic.kb-tile-ic.kb-tile-ic, .t2 .tile-ic{background: rgba(200, 240, 74, .14); color: var(--lime);}
.kb-t2.kb-t2.kb-t2::before, .t2::before{background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%), rgba(200, 240, 74, .22), transparent 60%);}
.kb-t3.kb-t3.kb-t3, .t3{grid-column: span 2;}
.kb-t4.kb-t4.kb-t4, .t4{grid-column: span 2;}
.kb-t5.kb-t5.kb-t5, .t5{grid-column: span 2;}
.kb-t6.kb-t6.kb-t6, .t6{grid-column: span 6; min-height: 0; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; padding: 30px 36px;
  background: var(--lime); border-color: var(--lime);}
.kb-t6.kb-t6.kb-t6 .kb-tile-ic.kb-tile-ic.kb-tile-ic, .t6 .tile-ic{position: static; background: rgba(11, 61, 44, .1);}
.kb-t6.kb-t6.kb-t6 h3, .t6 h3{font-size: clamp(26px, 2.6vw, 38px); color: var(--forest); flex: 1;}
.kb-t6.kb-t6.kb-t6 p, .t6 p{color: var(--forest); margin: 0; opacity: .8;}
.kb-sec-dark.kb-sec-dark.kb-sec-dark, .sec-dark{background: var(--forest); color: #b6cdc2; overflow: hidden; border-radius: 40px; margin: 0 16px;}
.kb-mesh-dark.kb-mesh-dark.kb-mesh-dark i, .mesh-dark i{opacity: .16; filter: blur(90px);}
.kb-sec-dark.kb-sec-dark.kb-sec-dark .kb-wrap.kb-wrap.kb-wrap, .sec-dark .wrap{z-index: 1;}
.kb-sec-dark.kb-sec-dark.kb-sec-dark h2, .sec-dark h2{color: #fff;}
.kb-sec-dark.kb-sec-dark.kb-sec-dark .kb-split.kb-split.kb-split .kb-hl.kb-hl.kb-hl, .sec-dark .split .hl{background: linear-gradient(95deg, var(--lime), var(--mint)); -webkit-background-clip: text; background-clip: text;}
.kb-track.kb-track.kb-track, .track{position: relative; height: 2px; margin: 72px 0 0; background: rgba(255, 255, 255, .12); border-radius: 2px;}
.kb-track-fill.kb-track-fill.kb-track-fill, .track-fill{position: absolute; inset: 0; transform-origin: left; transform: scaleX(var(--p, 0)); background: linear-gradient(90deg, var(--mint), var(--lime)); border-radius: 2px;}
.kb-steps.kb-steps.kb-steps, .steps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px;}
.kb-step.kb-step.kb-step, .step{padding-top: 34px; position: relative;}
.kb-step.kb-step.kb-step::before, .step::before{content: ""; position: absolute; top: -7px; left: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--forest); border: 2px solid var(--lime);}
.kb-big-n.kb-big-n.kb-big-n, .big-n{display: block; font: 800 clamp(64px, 7vw, 108px)/.9 var(--head); letter-spacing: -0.06em; color: transparent; -webkit-text-stroke: 1.4px rgba(200, 240, 74, .55);
  margin-bottom: 22px; transition: color .5s;}
.kb-step.kb-step.kb-step:hover .kb-big-n.kb-big-n.kb-big-n, .step:hover .big-n{color: rgba(200, 240, 74, .12);}
.kb-step.kb-step.kb-step.kb-in.kb-in.kb-in .kb-big-n.kb-big-n.kb-big-n, .kb-step.kb-step.kb-step.in .kb-big-n.kb-big-n.kb-big-n, .step.in .big-n{color: rgba(200, 240, 74, .12);}
.kb-step.kb-step.kb-step h3, .step h3{color: #fff; font-size: 21px;}
.kb-step.kb-step.kb-step p, .step p{margin-top: 10px; font-size: 15.5px;}
.kb-beyond.kb-beyond.kb-beyond, .beyond{display: grid; grid-template-columns: 1fr 1.1fr; gap: 72px; align-items: center;}
.kb-b-list.kb-b-list.kb-b-list, .b-list{display: grid; gap: 16px;}
.kb-b-list.kb-b-list.kb-b-list li, .b-list li{display: grid; grid-template-columns: 1fr 30px 1.1fr; align-items: center; gap: 14px;}
.kb-b-before.kb-b-before.kb-b-before, .b-before{color: var(--muted); font-size: 15.5px; line-height: 1.45;}
.kb-b-before.kb-b-before.kb-b-before s, .b-before s{text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 55% / 0% 1.5px no-repeat; transition: background-size .8s var(--ease); transition-delay: calc(var(--d) * .25s + .2s);}
.kb-b-list.kb-b-list.kb-b-list.kb-in.kb-in.kb-in .kb-b-before.kb-b-before.kb-b-before s, .kb-b-list.kb-b-list.kb-b-list.in .kb-b-before.kb-b-before.kb-b-before s, .b-list.in .b-before s{background-size: 100% 1.5px;}
.kb-b-after.kb-b-after.kb-b-after, .b-after{padding: 18px 20px; border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); color: var(--ink); font-weight: 600; font-size: 15.5px; line-height: 1.4;
  border-left: 4px solid var(--lime);}
.kb-js.kb-js.kb-js .kb-b-after.kb-b-after.kb-b-after, .js .kb-b-after.kb-b-after.kb-b-after, .js .b-after{transform: translateX(14px); opacity: 0; transition: .7s var(--ease); transition-delay: calc(var(--d) * .25s + .6s);}
.kb-js.kb-js.kb-js .kb-b-list.kb-b-list.kb-b-list.kb-in.kb-in.kb-in .kb-b-after.kb-b-after.kb-b-after, .js .kb-b-list.kb-b-list.kb-b-list.in .kb-b-after.kb-b-after.kb-b-after, .js .b-list.in .b-after{transform: none; opacity: 1;}
.kb-ic-a.kb-ic-a.kb-ic-a, .ic-a{width: 24px; height: 24px; color: #2f9a3a;}
.kb-plans.kb-plans.kb-plans, .plans{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 56px; align-items: stretch;}
.kb-plan.kb-plan.kb-plan, .plan{position: relative; background: var(--surface); border-radius: 28px; padding: 36px 32px; display: flex; flex-direction: column; border: 1px solid var(--line);}
.kb-plan.kb-plan.kb-plan h3, .plan h3{font-size: 21px;}
.kb-plan-line.kb-plan-line.kb-plan-line, .plan-line{margin-top: 8px; font-size: 15.5px; color: var(--muted); min-height: 3.2em;}
.kb-price.kb-price.kb-price, .price{display: flex; align-items: baseline; gap: 8px; margin-top: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--line);}
.kb-price.kb-price.kb-price b, .price b{font: 800 52px/1 var(--head); color: var(--ink); letter-spacing: -0.05em;}
.kb-price.kb-price.kb-price span, .price span{font-size: 14px; color: var(--muted);}
.kb-ticks.kb-ticks.kb-ticks, .ticks{margin: 22px 0 30px; display: grid; gap: 10px;}
.kb-ticks.kb-ticks.kb-ticks li, .ticks li{display: flex; gap: 10px; align-items: flex-start; font-size: 15.5px; line-height: 1.5;}
.kb-ticks.kb-ticks.kb-ticks .kb-ic-s.kb-ic-s.kb-ic-s, .ticks .ic-s{margin-top: 2px;}
.kb-plan.kb-plan.kb-plan .kb-btn.kb-btn.kb-btn, .plan .btn{margin-top: auto;}
.kb-plan-feat.kb-plan-feat.kb-plan-feat, .plan-feat{background: transparent; color: #b6cdc2; border: 0; box-shadow: var(--shadow-lg); isolation: isolate;}
.kb-plan-feat.kb-plan-feat.kb-plan-feat::before, .plan-feat::before{content: ""; position: absolute; inset: -2px; border-radius: 30px; z-index: -2;
  background: conic-gradient(from var(--a, 0deg), var(--lime), var(--mint), var(--lemon), var(--forest) 60%, var(--lime)); animation: spin 6s linear infinite;}
.kb-plan-feat.kb-plan-feat.kb-plan-feat::after, .plan-feat::after{content: ""; position: absolute; inset: 0; border-radius: 28px; z-index: -1;
  background: radial-gradient(80% 50% at 80% 0%, rgba(200, 240, 74, .18), transparent 70%), var(--forest);}
@keyframes spin{to { --a: 360deg; }}
.kb-plan-feat.kb-plan-feat.kb-plan-feat h3, .plan-feat h3{color: #fff;}
.kb-plan-feat.kb-plan-feat.kb-plan-feat .kb-price.kb-price.kb-price b, .plan-feat .price b{color: #fff;}
.kb-plan-feat.kb-plan-feat.kb-plan-feat .kb-plan-line.kb-plan-line.kb-plan-line, .plan-feat .plan-line{color: #a9c5b8;}
.kb-plan-feat.kb-plan-feat.kb-plan-feat .kb-price.kb-price.kb-price span, .plan-feat .price span{color: #a9c5b8;}
.kb-plan-feat.kb-plan-feat.kb-plan-feat .kb-price.kb-price.kb-price, .plan-feat .price{border-color: rgba(255, 255, 255, .14);}
.kb-plan-feat.kb-plan-feat.kb-plan-feat .kb-ic-s.kb-ic-s.kb-ic-s, .plan-feat .ic-s{color: var(--lime);}
.kb-plan-badge.kb-plan-badge.kb-plan-badge, .plan-badge{position: absolute; top: 32px; right: 28px; font-size: 12px; font-weight: 700; color: var(--forest); background: var(--lime); padding: 6px 12px; border-radius: 999px;}
.kb-plans-note.kb-plans-note.kb-plans-note, .plans-note{text-align: center; margin-top: 36px; color: var(--muted); font-size: 15.5px;}
.kb-about-faq.kb-about-faq.kb-about-faq, .about-faq{display: grid; grid-template-columns: 1fr 1.25fr; gap: 80px; align-items: start;}
.kb-about.kb-about.kb-about, .about{position: sticky; top: 120px;}
.kb-mono.kb-mono.kb-mono, .mono{width: 76px; height: 76px; border-radius: 24px; display: grid; place-items: center; background: var(--forest); color: var(--lime);
  font: 800 34px/1 var(--head); margin-bottom: 28px; rotate: -6deg; box-shadow: var(--shadow);}
.kb-sign.kb-sign.kb-sign, .sign{margin-top: 22px; font: 700 18px/1 var(--head); color: #2f8f3a;}
.kb-about.kb-about.kb-about h2, .about h2{font-size: clamp(34px, 4vw, 56px);}
.kb-faq.kb-faq.kb-faq h2, .faq h2{font-size: clamp(34px, 4vw, 56px);}
.kb-faq.kb-faq.kb-faq h2, .faq h2{margin-bottom: 18px;}
.kb-qa.kb-qa.kb-qa, .qa{border-bottom: 1px solid var(--line);}
.kb-qa.kb-qa.kb-qa summary, .qa summary{list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 20px; align-items: center;
  padding: 24px 0; font: 700 19px/1.35 var(--head); color: var(--ink); letter-spacing: -0.02em; transition: color .2s;}
.kb-qa.kb-qa.kb-qa summary:hover, .qa summary:hover{color: #2f8f3a;}
.kb-qa.kb-qa.kb-qa summary::-webkit-details-marker, .qa summary::-webkit-details-marker{display: none;}
.kb-ic-q.kb-ic-q.kb-ic-q, .ic-q{width: 36px; height: 36px; padding: 8px; flex: none; border-radius: 50%; background: var(--soft); transition: transform .35s var(--ease), background .3s;}
.kb-qa.kb-qa.kb-qa[open] .kb-ic-q.kb-ic-q.kb-ic-q, .qa[open] .ic-q{transform: rotate(135deg); background: var(--lime);}
.kb-qa.kb-qa.kb-qa p, .qa p{padding: 0 56px 24px 0; color: var(--muted);}
.kb-cta.kb-cta.kb-cta, .cta{position: relative; overflow: hidden; text-align: center; border-radius: 40px; padding: clamp(70px, 10vw, 130px) 24px; background: #fbfdf5;}
.kb-cta.kb-cta.kb-cta > *:not(.kb-mesh.kb-mesh.kb-mesh), .cta > *:not(.mesh){position: relative; z-index: 1;}
.kb-cta.kb-cta.kb-cta h2, .cta h2{font-size: clamp(40px, 6vw, 88px);}
.kb-cta.kb-cta.kb-cta p, .cta p{max-width: 520px; margin: 20px auto 36px; font-size: 18px; color: var(--ink-2);}
.kb-ftr.kb-ftr.kb-ftr, .ftr{padding: 40px 0 28px; overflow: hidden;}
.kb-ftr-in.kb-ftr-in.kb-ftr-in, .ftr-in{display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: 15px; color: var(--muted);}
.kb-ftr.kb-ftr.kb-ftr nav, .ftr nav{display: flex; gap: 26px;}
.kb-ftr.kb-ftr.kb-ftr nav a:hover, .ftr nav a:hover{color: var(--ink);}
.kb-ftr-word.kb-ftr-word.kb-ftr-word, .ftr-word{font: 800 clamp(80px, 19vw, 300px)/.8 var(--head); letter-spacing: -0.07em; text-align: center; margin: 40px 0 20px; white-space: nowrap;
  background: linear-gradient(180deg, var(--ink) 30%, rgba(14, 26, 20, .08)); -webkit-background-clip: text; background-clip: text; color: transparent;}
.kb-copy.kb-copy.kb-copy, .copy{font-size: 13px; color: var(--muted);}
.kb-js.kb-js.kb-js .kb-reveal.kb-reveal.kb-reveal, .js .reveal{opacity: 0; transform: translateY(26px); transition: opacity .8s var(--ease), transform .8s var(--ease); transition-delay: var(--rd, 0s);}
.kb-js.kb-js.kb-js .kb-reveal.kb-reveal.kb-reveal.kb-in.kb-in.kb-in, .js .reveal.in{opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce){*{animation: none !important; transition: none !important;}}
@media (prefers-reduced-motion: reduce){*::before{animation: none !important; transition: none !important;}}
@media (prefers-reduced-motion: reduce){*::after{animation: none !important; transition: none !important;}}
@media (prefers-reduced-motion: reduce){.kb-js.kb-js.kb-js .kb-split.kb-split.kb-split .kb-w.kb-w.kb-w > span, .js .kb-split.kb-split.kb-split .kb-w.kb-w.kb-w > span, .js .split .w > span{transform: none; opacity: 1;}}
@media (prefers-reduced-motion: reduce){.kb-js.kb-js.kb-js .kb-reveal.kb-reveal.kb-reveal, .js .reveal{transform: none; opacity: 1;}}
@media (prefers-reduced-motion: reduce){.kb-js.kb-js.kb-js .kb-b-after.kb-b-after.kb-b-after, .js .kb-b-after.kb-b-after.kb-b-after, .js .b-after{transform: none; opacity: 1;}}
@media (max-width: 1080px){.kb-hangs.kb-hangs.kb-hangs, .hangs{gap: 18px;}}
@media (max-width: 1080px){.kb-bento.kb-bento.kb-bento, .bento{grid-template-columns: 1fr 1fr;}}
@media (max-width: 1080px){.kb-t1.kb-t1.kb-t1, .t1{grid-column: span 2;}}
@media (max-width: 1080px){.kb-t6.kb-t6.kb-t6, .t6{grid-column: span 2;}}
@media (max-width: 1080px){.kb-t2.kb-t2.kb-t2, .t2{grid-column: span 1;}}
@media (max-width: 1080px){.kb-t3.kb-t3.kb-t3, .t3{grid-column: span 1;}}
@media (max-width: 1080px){.kb-t4.kb-t4.kb-t4, .t4{grid-column: span 1;}}
@media (max-width: 1080px){.kb-t5.kb-t5.kb-t5, .t5{grid-column: span 1;}}
@media (max-width: 1080px){.kb-steps.kb-steps.kb-steps, .steps{grid-template-columns: 1fr 1fr; row-gap: 48px;}}
@media (max-width: 1080px){.kb-beyond.kb-beyond.kb-beyond, .beyond{grid-template-columns: 1fr; gap: 48px;}}
@media (max-width: 1080px){.kb-about-faq.kb-about-faq.kb-about-faq, .about-faq{grid-template-columns: 1fr; gap: 48px;}}
@media (max-width: 1080px){.kb-about.kb-about.kb-about, .about{position: static;}}
@media (max-width: 1080px){.kb-hv-app.kb-hv-app.kb-hv-app, .hv-app{left: 0;}}
@media (max-width: 1080px){.kb-hv-phone.kb-hv-phone.kb-hv-phone, .hv-phone{right: 0;}}
@media (max-width: 1080px){.kb-hv-flow.kb-hv-flow.kb-hv-flow, .hv-flow{left: 0;}}
@media (max-width: 760px){body{font-size: 16px;}}
@media (max-width: 760px){.kb-wrap.kb-wrap.kb-wrap, .wrap{width: calc(100% - 32px);}}
@media (max-width: 760px){.kb-hdr.kb-hdr.kb-hdr, .hdr{}}
@media (max-width: 760px){.kb-hdr-pill.kb-hdr-pill.kb-hdr-pill, .hdr-pill{height: 58px; padding: 0 8px 0 14px; gap: 12px;}}
@media (max-width: 760px){.kb-nav.kb-nav.kb-nav, .nav{position: fixed; top: 76px; left: 16px; right: 16px; flex-direction: column; gap: 0; background: #fff; padding: 8px 20px; border-radius: 24px;
    box-shadow: var(--shadow-lg); transform: translateY(-10px); opacity: 0; pointer-events: none; transition: .3s var(--ease);}}
@media (max-width: 760px){.kb-nav.kb-nav.kb-nav.kb-open.kb-open.kb-open, .kb-nav.kb-nav.kb-nav.open, .nav.open{transform: none; opacity: 1; pointer-events: auto;}}
@media (max-width: 760px){.kb-nav.kb-nav.kb-nav a, .nav a{padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 17px;}}
@media (max-width: 760px){.kb-nav.kb-nav.kb-nav a:last-child, .nav a:last-child{border: 0;}}
@media (max-width: 760px){.kb-hdr-cta.kb-hdr-cta.kb-hdr-cta, .hdr-cta{display: none;}}
@media (max-width: 760px){.kb-burger.kb-burger.kb-burger, .burger{display: grid; gap: 6px; margin-left: auto; width: 42px; height: 42px; place-content: center; border: 0; border-radius: 50%; background: var(--forest); cursor: pointer;}}
@media (max-width: 760px){.kb-burger.kb-burger.kb-burger span, .burger span{width: 16px; height: 1.6px; background: #fff; transition: .25s;}}
@media (max-width: 760px){.kb-burger.kb-burger.kb-burger[aria-expanded="true"] span:first-child, .burger[aria-expanded="true"] span:first-child{transform: translateY(3.8px) rotate(45deg);}}
@media (max-width: 760px){.kb-burger.kb-burger.kb-burger[aria-expanded="true"] span:last-child, .burger[aria-expanded="true"] span:last-child{transform: translateY(-3.8px) rotate(-45deg);}}
@media (max-width: 760px){.kb-hero.kb-hero.kb-hero, .hero{height: auto; min-height: 0; max-height: none; padding-top: 110px; border-radius: 0 0 28px 28px;}}
@media (max-width: 760px){.kb-hero.kb-hero.kb-hero h1, .hero h1{font-size: clamp(36px, 10.4vw, 46px);}}
@media (max-width: 760px){.kb-hero-cta.kb-hero-cta.kb-hero-cta, .hero-cta{width: 100%; flex-direction: column;}}
@media (max-width: 760px){.kb-hero-cta.kb-hero-cta.kb-hero-cta .kb-btn.kb-btn.kb-btn, .hero-cta .btn{justify-content: center;}}
@media (max-width: 760px){.kb-hv-wrap.kb-hv-wrap.kb-hv-wrap, .hv-wrap{height: 300px; flex: none; margin-top: 40px;}}
@media (max-width: 760px){.kb-hv.kb-hv.kb-hv, .hv{width: 560px; transform: translateX(-50%) scale(.6); transform-origin: top center;}}
@media (max-width: 760px){.kb-mq.kb-mq.kb-mq, .mq{padding: 24px 0;}}
@media (max-width: 760px){.kb-wire.kb-wire.kb-wire, .wire{display: none;}}
@media (max-width: 760px){.kb-hangs.kb-hangs.kb-hangs, .hangs{grid-template-columns: 1fr; gap: 26px; padding-top: 0;}}
@media (max-width: 760px){.kb-hang.kb-hang.kb-hang, .hang{margin-top: 0;}}
@media (max-width: 760px){.kb-hang.kb-hang.kb-hang:nth-child(n), .hang:nth-child(n){margin-top: 0;}}
@media (max-width: 760px){.kb-hang.kb-hang.kb-hang::before, .hang::before{display: none;}}
@media (max-width: 760px){.kb-chips.kb-chips.kb-chips, .chips{grid-template-columns: 1fr; margin-top: 40px;}}
@media (max-width: 760px){.kb-bento.kb-bento.kb-bento, .bento{grid-template-columns: 1fr; grid-auto-rows: auto;}}
@media (max-width: 760px){.kb-tile.kb-tile.kb-tile, .tile{grid-column: span 1; min-height: 210px;}}
@media (max-width: 760px){.kb-t1.kb-t1.kb-t1, .t1{grid-column: span 1; min-height: 210px;}}
@media (max-width: 760px){.kb-t2.kb-t2.kb-t2, .t2{grid-column: span 1; min-height: 210px;}}
@media (max-width: 760px){.kb-t3.kb-t3.kb-t3, .t3{grid-column: span 1; min-height: 210px;}}
@media (max-width: 760px){.kb-t4.kb-t4.kb-t4, .t4{grid-column: span 1; min-height: 210px;}}
@media (max-width: 760px){.kb-t5.kb-t5.kb-t5, .t5{grid-column: span 1; min-height: 210px;}}
@media (max-width: 760px){.kb-t6.kb-t6.kb-t6, .t6{grid-column: span 1; min-height: 210px;}}
@media (max-width: 760px){.kb-t6.kb-t6.kb-t6, .t6{flex-direction: column; align-items: flex-start; min-height: 0; padding: 28px;}}
@media (max-width: 760px){.kb-sec-dark.kb-sec-dark.kb-sec-dark, .sec-dark{margin: 0 8px; border-radius: 28px;}}
@media (max-width: 760px){.kb-steps.kb-steps.kb-steps, .steps{grid-template-columns: 1fr; row-gap: 40px;}}
@media (max-width: 760px){.kb-b-list.kb-b-list.kb-b-list li, .b-list li{grid-template-columns: 1fr; gap: 8px;}}
@media (max-width: 760px){.kb-ic-a.kb-ic-a.kb-ic-a, .ic-a{transform: rotate(90deg);}}
@media (max-width: 760px){.kb-plans.kb-plans.kb-plans, .plans{grid-template-columns: 1fr;}}
@media (max-width: 760px){.kb-plan.kb-plan.kb-plan, .plan{padding: 30px 24px;}}
@media (max-width: 760px){.kb-qa.kb-qa.kb-qa p, .qa p{padding-right: 0;}}
@media (max-width: 760px){.kb-cta.kb-cta.kb-cta, .cta{border-radius: 28px;}}
img{display: block; max-width: 100%;}
.kb-hv-img.kb-hv-img.kb-hv-img img, .hv-img img{width: 100%; height: 100%; object-fit: cover;}
.kb-hv-pimg.kb-hv-pimg.kb-hv-pimg img, .hv-pimg img{width: 100%; height: 100%; object-fit: cover;}
.kb-aw-photo.kb-aw-photo.kb-aw-photo img, .aw-photo img{width: 100%; height: 100%; object-fit: cover;}
.kb-rb-card.kb-rb-card.kb-rb-card img, .rb-card img{width: 100%; height: 100%; object-fit: cover;}
.kb-aw-photo.kb-aw-photo.kb-aw-photo, .aw-photo{height: 140px; overflow: hidden; background: #fff;}
.kb-art-web.kb-art-web.kb-art-web, .art-web{padding: 20px 22px 0;}
.kb-ribbon.kb-ribbon.kb-ribbon, .ribbon{overflow: hidden; padding: 30px 0 10px;}
.kb-rb-track.kb-rb-track.kb-rb-track, .rb-track{display: flex; gap: 22px; width: max-content; animation: mq 60s linear infinite reverse; padding: 12px 0;}
.kb-ribbon.kb-ribbon.kb-ribbon:hover .kb-rb-track.kb-rb-track.kb-rb-track, .ribbon:hover .rb-track{animation-play-state: paused;}
.kb-rb-card.kb-rb-card.kb-rb-card, .rb-card{margin: 0; width: 280px; height: 200px; border-radius: 22px; overflow: hidden; box-shadow: var(--shadow); flex: none; transition: transform .5s var(--ease);}
.kb-rb-card.kb-rb-card.kb-rb-card:nth-child(odd), .rb-card:nth-child(odd){rotate: -2.5deg;}
.kb-rb-card.kb-rb-card.kb-rb-card:nth-child(even), .rb-card:nth-child(even){rotate: 2deg; translate: 0 14px;}
.kb-rb-card.kb-rb-card.kb-rb-card:nth-child(3n), .rb-card:nth-child(3n){width: 220px; height: 260px; translate: 0 -18px;}
.kb-rb-card.kb-rb-card.kb-rb-card:hover, .rb-card:hover{transform: scale(1.05);}
.kb-t1.kb-t1.kb-t1, .t1{padding-right: 48%;}
.kb-tile-photo.kb-tile-photo.kb-tile-photo, .tile-photo{position: absolute !important; top: 16px; right: 16px; bottom: 16px; width: 44%; height: calc(100% - 32px); object-fit: cover; border-radius: 18px;
  box-shadow: var(--shadow-lg); rotate: 2deg; transition: rotate .5s var(--ease), scale .5s var(--ease);}
.kb-t1.kb-t1.kb-t1:hover .kb-tile-photo.kb-tile-photo.kb-tile-photo, .t1:hover .tile-photo{rotate: 0deg; scale: 1.02;}
@media (max-width: 760px){.kb-rb-card.kb-rb-card.kb-rb-card, .rb-card{width: 200px; height: 150px;}}
@media (max-width: 760px){.kb-rb-card.kb-rb-card.kb-rb-card:nth-child(3n), .rb-card:nth-child(3n){width: 160px; height: 190px;}}
@media (max-width: 760px){.kb-t1.kb-t1.kb-t1, .t1{padding-right: 30px; padding-top: 220px;}}
@media (max-width: 760px){.kb-tile-photo.kb-tile-photo.kb-tile-photo, .tile-photo{left: 16px; right: 16px; width: calc(100% - 32px); height: 180px; bottom: auto; rotate: 0deg;}}
@media (max-width: 760px){.kb-t1.kb-t1.kb-t1 .kb-tile-ic.kb-tile-ic.kb-tile-ic, .t1 .tile-ic{top: 210px; display: none;}}
.kb-link.kb-link.kb-link, .link{color: #2f8f3a; font-weight: 600;}
.kb-link.kb-link.kb-link:hover, .link:hover{text-decoration: underline;}
.kb-sec-tight.kb-sec-tight.kb-sec-tight, .sec-tight{padding: clamp(56px, 7vw, 90px) 0;}
.kb-nav.kb-nav.kb-nav a[aria-current="page"]::after, .nav a[aria-current="page"]::after{transform: scaleX(1);}
.kb-nav-start.kb-nav-start.kb-nav-start, .nav-start{display: none;}
.kb-nav.kb-nav.kb-nav, .nav{align-items: center;}
.kb-dd.kb-dd.kb-dd, .dd{position: relative; display: flex;}
.kb-dd-btn.kb-dd-btn.kb-dd-btn, .dd-btn{all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; font-size: 15px; font-weight: 500;}
.kb-ic-chev.kb-ic-chev.kb-ic-chev, .ic-chev{width: 16px; height: 16px; transition: transform .3s var(--ease);}
.kb-dd-menu.kb-dd-menu.kb-dd-menu, .dd-menu{position: absolute; top: calc(100% + 22px); left: -24px; width: 280px; padding: 10px; border-radius: 22px; background: #fff;
  box-shadow: var(--shadow-lg); display: grid; opacity: 0; transform: translateY(-8px); pointer-events: none; transition: .3s var(--ease);}
.kb-dd-menu.kb-dd-menu.kb-dd-menu::before, .dd-menu::before{content: ""; position: absolute; left: 0; right: 0; top: -24px; height: 24px;}
.kb-dd.kb-dd.kb-dd:hover .kb-dd-menu.kb-dd-menu.kb-dd-menu, .dd:hover .dd-menu{opacity: 1; transform: none; pointer-events: auto;}
.kb-dd.kb-dd.kb-dd.kb-open.kb-open.kb-open .kb-dd-menu.kb-dd-menu.kb-dd-menu, .kb-dd.kb-dd.kb-dd.open .kb-dd-menu.kb-dd-menu.kb-dd-menu, .dd.open .dd-menu{opacity: 1; transform: none; pointer-events: auto;}
.kb-dd.kb-dd.kb-dd:hover .kb-ic-chev.kb-ic-chev.kb-ic-chev, .dd:hover .ic-chev{transform: rotate(180deg);}
.kb-dd.kb-dd.kb-dd.kb-open.kb-open.kb-open .kb-ic-chev.kb-ic-chev.kb-ic-chev, .kb-dd.kb-dd.kb-dd.open .kb-ic-chev.kb-ic-chev.kb-ic-chev, .dd.open .ic-chev{transform: rotate(180deg);}
.kb-dd-menu.kb-dd-menu.kb-dd-menu a, .dd-menu a{display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-radius: 14px; font-size: 15px;}
.kb-dd-menu.kb-dd-menu.kb-dd-menu a::after, .dd-menu a::after{display: none;}
.kb-dd-menu.kb-dd-menu.kb-dd-menu a b, .dd-menu a b{font-weight: 600;}
.kb-dd-menu.kb-dd-menu.kb-dd-menu a .kb-ic.kb-ic.kb-ic, .dd-menu a .ic{width: 16px; height: 16px; opacity: 0; transform: translateX(-6px); transition: .25s var(--ease);}
.kb-dd-menu.kb-dd-menu.kb-dd-menu a:hover, .dd-menu a:hover{background: var(--lime-2);}
.kb-dd-menu.kb-dd-menu.kb-dd-menu a[aria-current="page"], .dd-menu a[aria-current="page"]{background: var(--lime-2);}
.kb-dd-menu.kb-dd-menu.kb-dd-menu a:hover .kb-ic.kb-ic.kb-ic, .dd-menu a:hover .ic{opacity: 1; transform: none;}
.kb-phero.kb-phero.kb-phero, .phero{position: relative; overflow: hidden; padding: clamp(140px, 18vh, 180px) 0 clamp(70px, 9vw, 110px); background: #fbfdf5; border-radius: 0 0 40px 40px;}
.kb-phero.kb-phero.kb-phero::after, .phero::after{content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image: radial-gradient(rgba(14, 26, 20, .07) 1px, transparent 1px); background-size: 26px 26px; mask-image: linear-gradient(#000, transparent 80%);}
.kb-phero-in.kb-phero-in.kb-phero-in, .phero-in{z-index: 1; display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center;}
.kb-phero.kb-phero.kb-phero h1, .phero h1{font-size: clamp(40px, 5.2vw, 76px); line-height: 1.02; font-weight: 800; letter-spacing: -0.05em;}
.kb-phero.kb-phero.kb-phero .kb-hero-sub.kb-hero-sub.kb-hero-sub, .phero .hero-sub{margin-top: 22px; max-width: 520px; text-wrap: pretty;}
.kb-phero.kb-phero.kb-phero .kb-hero-cta.kb-hero-cta.kb-hero-cta, .phero .hero-cta{justify-content: flex-start;}
.kb-phero-center.kb-phero-center.kb-phero-center .kb-phero-in.kb-phero-in.kb-phero-in, .phero-center .phero-in{grid-template-columns: 1fr; text-align: center;}
.kb-phero-center.kb-phero-center.kb-phero-center .kb-phero-txt.kb-phero-txt.kb-phero-txt, .phero-center .phero-txt{display: flex; flex-direction: column; align-items: center;}
.kb-phero-center.kb-phero-center.kb-phero-center .kb-hero-sub.kb-hero-sub.kb-hero-sub, .phero-center .hero-sub{max-width: 640px; text-wrap: balance;}
.kb-phero-center.kb-phero-center.kb-phero-center .kb-hero-cta.kb-hero-cta.kb-hero-cta, .phero-center .hero-cta{justify-content: center;}
.kb-phero-legal.kb-phero-legal.kb-phero-legal, .phero-legal{padding-bottom: 70px;}
.kb-ph-stack.kb-ph-stack.kb-ph-stack, .ph-stack{position: relative; height: 460px;}
.kb-ph.kb-ph.kb-ph, .ph{position: absolute; margin: 0; border-radius: 26px; overflow: hidden; box-shadow: var(--shadow-lg); border: 6px solid #fff; transition: transform .6s var(--ease);}
.kb-ph.kb-ph.kb-ph img, .ph img{width: 100%; height: 100%; object-fit: cover;}
.kb-ph1.kb-ph1.kb-ph1, .ph1{left: 0; top: 10px; width: 74%; height: 330px; rotate: -3deg;}
.kb-ph2.kb-ph2.kb-ph2, .ph2{right: 0; bottom: 0; width: 52%; height: 250px; rotate: 4deg;}
.kb-ph-art.kb-ph-art.kb-ph-art, .ph-art{position: absolute; left: 8%; bottom: -10px; width: 240px; rotate: -2deg; box-shadow: var(--shadow-lg); border-radius: 20px; transition: transform .6s var(--ease);}
.kb-ph-art.kb-ph-art.kb-ph-art .kb-art.kb-art.kb-art, .ph-art .art{height: 150px;}
.kb-js.kb-js.kb-js .kb-ph2.kb-ph2.kb-ph2, .js .kb-ph2.kb-ph2.kb-ph2, .js .ph2{animation: bob 7s ease-in-out infinite;}
.kb-pk-label.kb-pk-label.kb-pk-label, .pk-label{margin: 64px 0 -28px; text-align: center; font: 600 13px/1 var(--body); letter-spacing: .12em; text-transform: uppercase; color: #2f8f3a;}
.kb-plans-3.kb-plans-3.kb-plans-3, .plans-3{grid-template-columns: repeat(3, 1fr);}
@media (max-width: 1080px){.kb-plans-3.kb-plans-3.kb-plans-3, .plans-3{grid-template-columns: 1fr 1fr;}}
@media (max-width: 760px){.kb-plans-3.kb-plans-3.kb-plans-3, .plans-3{grid-template-columns: 1fr;}}
.kb-plans-1.kb-plans-1.kb-plans-1, .plans-1{grid-template-columns: minmax(0, 420px); justify-content: center;}
.kb-plans-2.kb-plans-2.kb-plans-2, .plans-2{grid-template-columns: repeat(2, minmax(0, 420px)); justify-content: center;}
.kb-plans-4.kb-plans-4.kb-plans-4, .plans-4{grid-template-columns: repeat(2, 1fr);}
@media (min-width: 1081px){.kb-plans-4.kb-plans-4.kb-plans-4, .plans-4{grid-template-columns: repeat(4, 1fr);}}
@media (min-width: 1081px){.kb-plans-4.kb-plans-4.kb-plans-4 .kb-plan.kb-plan.kb-plan, .plans-4 .plan{padding: 32px 24px;}}
@media (min-width: 1081px){.kb-plans-4.kb-plans-4.kb-plans-4 .kb-price.kb-price.kb-price b, .plans-4 .price b{font-size: 42px;}}
@media (min-width: 1081px){.kb-plans-4.kb-plans-4.kb-plans-4 .kb-plan.kb-plan.kb-plan h3, .plans-4 .plan h3{padding-right: 0;}}
@media (min-width: 1081px){.kb-plans-4.kb-plans-4.kb-plans-4 .kb-plan-badge.kb-plan-badge.kb-plan-badge, .plans-4 .plan-badge{position: static; align-self: flex-start; margin-bottom: 12px;}}
.kb-plan-sm.kb-plan-sm.kb-plan-sm, .plan-sm{padding: 26px 24px; border-radius: 24px;}
.kb-plan-sm.kb-plan-sm.kb-plan-sm h3, .plan-sm h3{font-size: 18px;}
.kb-plan-sm.kb-plan-sm.kb-plan-sm .kb-price.kb-price.kb-price, .plan-sm .price{margin-top: 14px; padding-bottom: 16px;}
.kb-plan-sm.kb-plan-sm.kb-plan-sm .kb-price.kb-price.kb-price b, .plan-sm .price b{font-size: 38px;}
.kb-plan-sm.kb-plan-sm.kb-plan-sm .kb-ticks.kb-ticks.kb-ticks, .plan-sm .ticks{margin: 16px 0 22px; gap: 8px;}
.kb-plan-sm.kb-plan-sm.kb-plan-sm .kb-ticks.kb-ticks.kb-ticks li, .plan-sm .ticks li{font-size: 14.5px;}
.kb-plan-sm.kb-plan-sm.kb-plan-sm .kb-btn.kb-btn.kb-btn, .plan-sm .btn{height: 46px; font-size: 15px;}
.kb-plan-sm.kb-plan-sm.kb-plan-sm .kb-plan-badge.kb-plan-badge.kb-plan-badge, .plan-sm .plan-badge{position: static; align-self: flex-start; margin-bottom: 12px;}
.kb-bento-nophoto.kb-bento-nophoto.kb-bento-nophoto .kb-t1.kb-t1.kb-t1, .bento-nophoto .t1{padding-right: 30px;}
.kb-bento-4.kb-bento-4.kb-bento-4, .bento-4{grid-template-columns: repeat(2, 1fr);}
.kb-bento-4.kb-bento-4.kb-bento-4 .kb-tile.kb-tile.kb-tile, .bento-4 .tile{min-height: 230px;}
.kb-bento-4.kb-bento-4.kb-bento-4 .kb-tile.kb-tile.kb-tile:nth-child(1), .bento-4 .tile:nth-child(1){background: var(--forest); border-color: var(--forest);}
.kb-bento-4.kb-bento-4.kb-bento-4 .kb-tile.kb-tile.kb-tile:nth-child(1) h3, .bento-4 .tile:nth-child(1) h3{color: #fff;}
.kb-bento-4.kb-bento-4.kb-bento-4 .kb-tile.kb-tile.kb-tile:nth-child(1) p, .bento-4 .tile:nth-child(1) p{color: #a9c5b8;}
.kb-bento-4.kb-bento-4.kb-bento-4 .kb-tile.kb-tile.kb-tile:nth-child(1) .kb-tile-ic.kb-tile-ic.kb-tile-ic, .bento-4 .tile:nth-child(1) .tile-ic{background: rgba(200, 240, 74, .14); color: var(--lime);}
.kb-bento-4.kb-bento-4.kb-bento-4 .kb-tile.kb-tile.kb-tile:nth-child(4), .bento-4 .tile:nth-child(4){background: var(--lime); border-color: var(--lime);}
.kb-bento-4.kb-bento-4.kb-bento-4 .kb-tile.kb-tile.kb-tile:nth-child(4) p, .bento-4 .tile:nth-child(4) p{color: var(--forest);}
.kb-faq-split.kb-faq-split.kb-faq-split, .faq-split{display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: start;}
.kb-faq-l.kb-faq-l.kb-faq-l, .faq-l{position: sticky; top: 120px;}
.kb-faq-l.kb-faq-l.kb-faq-l h2, .faq-l h2{font-size: clamp(34px, 4vw, 56px);}
.kb-jump.kb-jump.kb-jump, .jump{position: sticky; top: 92px; z-index: 20; margin-top: -26px;}
.kb-jump-in.kb-jump-in.kb-jump-in, .jump-in{width: max-content; max-width: calc(100% - 32px); margin: 0 auto; display: flex; gap: 6px; padding: 6px; border-radius: 999px; overflow-x: auto;
  background: rgba(255, 255, 255, .85); backdrop-filter: blur(14px); box-shadow: var(--shadow); scrollbar-width: none;}
.kb-jump-in.kb-jump-in.kb-jump-in a, .jump-in a{white-space: nowrap; padding: 10px 16px; border-radius: 999px; font-size: 14px; font-weight: 600; transition: background .2s;}
.kb-jump-in.kb-jump-in.kb-jump-in a:hover, .jump-in a:hover{background: var(--lime-2);}
.kb-jump-in.kb-jump-in.kb-jump-in a.kb-on.kb-on.kb-on, .kb-jump-in.kb-jump-in.kb-jump-in a.on, .jump-in a.on{background: var(--lime-2);}
.kb-pg-row.kb-pg-row.kb-pg-row, .pg-row{display: grid; grid-template-columns: 300px 1fr; gap: 40px; padding: 56px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 170px;}
.kb-pg-row.kb-pg-row.kb-pg-row:last-child, .pg-row:last-child{border: 0;}
.kb-pg-row-l.kb-pg-row-l.kb-pg-row-l, .pg-row-l{position: sticky; top: 170px; align-self: start;}
.kb-pg-title.kb-pg-title.kb-pg-title, .pg-title{font-size: clamp(28px, 2.8vw, 38px);}
.kb-pg-row-l.kb-pg-row-l.kb-pg-row-l p, .pg-row-l p{margin: 10px 0 14px; color: var(--muted);}
.kb-plans-sm.kb-plans-sm.kb-plans-sm, .plans-sm{margin-top: 0; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px;}
.kb-terms.kb-terms.kb-terms, .terms{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 56px;}
.kb-term.kb-term.kb-term, .term{padding: 30px; border-radius: 24px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); backdrop-filter: blur(8px);}
.kb-term-n.kb-term-n.kb-term-n, .term-n{font: 800 14px/1 var(--head); color: var(--lime); letter-spacing: .08em;}
.kb-term.kb-term.kb-term h3, .term h3{color: #fff; margin: 18px 0 8px;}
.kb-term.kb-term.kb-term p, .term p{font-size: 15.5px;}
.kb-story.kb-story.kb-story, .story{display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: start;}
.kb-story-l.kb-story-l.kb-story-l, .story-l{position: sticky; top: 120px;}
.kb-story-l.kb-story-l.kb-story-l .kb-mono.kb-mono.kb-mono, .story-l .mono{margin: 36px 0 0;}
.kb-story-r.kb-story-r.kb-story-r p, .story-r p{font-size: clamp(19px, 1.6vw, 23px); line-height: 1.55; color: var(--ink-2); margin-bottom: 26px;}
.kb-story-r.kb-story-r.kb-story-r p:first-child, .story-r p:first-child{font-weight: 600; color: var(--ink);}
.kb-pills.kb-pills.kb-pills, .pills{display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 48px auto 0; max-width: 980px;}
.kb-pill.kb-pill.kb-pill, .pill{padding: 14px 22px; border-radius: 999px; background: #fff; border: 1px solid var(--line); font: 700 clamp(16px, 1.5vw, 20px)/1.2 var(--head); color: var(--ink);
  letter-spacing: -0.02em; transition: transform .3s var(--ease), background .3s;}
.kb-pill.kb-pill.kb-pill:nth-child(odd), .pill:nth-child(odd){rotate: -1.5deg;}
.kb-pill.kb-pill.kb-pill:nth-child(even), .pill:nth-child(even){rotate: 1.2deg;}
.kb-pill-hl.kb-pill-hl.kb-pill-hl, .pill-hl{background: var(--forest); color: var(--lime); border-color: var(--forest);}
.kb-pill.kb-pill.kb-pill:hover, .pill:hover{transform: translateY(-4px) scale(1.04);}
.kb-hours.kb-hours.kb-hours, .hours{display: flex; gap: 20px; align-items: center; margin-top: 16px; padding: 26px 30px; border-radius: 24px; background: #fff; border: 1px solid var(--line);}
.kb-hours.kb-hours.kb-hours .kb-ic.kb-ic.kb-ic, .hours .ic{width: 40px; height: 40px; color: #2f8f3a; flex: none;}
.kb-hours.kb-hours.kb-hours p, .hours p{color: var(--muted); margin-top: 4px;}
.kb-start.kb-start.kb-start, .start{display: grid; grid-template-columns: 1.35fr 1fr; gap: 56px; align-items: start;}
.kb-form.kb-form.kb-form, .form{background: #fff; border-radius: 32px; padding: clamp(26px, 4vw, 44px); box-shadow: var(--shadow-lg); display: grid; gap: 22px; position: relative; z-index: 2;}
.kb-f2.kb-f2.kb-f2, .f2{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
.kb-fld.kb-fld.kb-fld, .fld{display: grid; gap: 8px;}
.kb-fld.kb-fld.kb-fld span, .fld span{font: 600 14px/1.3 var(--body); color: var(--ink);}
.kb-fs.kb-fs.kb-fs legend, .fs legend{font: 600 14px/1.3 var(--body); color: var(--ink);}
.kb-fld.kb-fld.kb-fld input, .fld input{font: 400 16px/1.5 var(--body); color: var(--ink); padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line); background: var(--bg);
  transition: border-color .2s, box-shadow .2s, background .2s; resize: vertical;}
.kb-fld.kb-fld.kb-fld textarea, .fld textarea{font: 400 16px/1.5 var(--body); color: var(--ink); padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line); background: var(--bg);
  transition: border-color .2s, box-shadow .2s, background .2s; resize: vertical;}
.kb-fld.kb-fld.kb-fld input:focus, .fld input:focus{outline: none; border-color: #2f9a3a; background: #fff; box-shadow: 0 0 0 4px rgba(200, 240, 74, .35);}
.kb-fld.kb-fld.kb-fld textarea:focus, .fld textarea:focus{outline: none; border-color: #2f9a3a; background: #fff; box-shadow: 0 0 0 4px rgba(200, 240, 74, .35);}
.kb-fld.kb-fld.kb-fld input:user-invalid, .fld input:user-invalid{border-color: #d0573f;}
.kb-fs.kb-fs.kb-fs, .fs{border: 0; padding: 0; margin: 0;}
.kb-fs.kb-fs.kb-fs legend, .fs legend{margin-bottom: 10px;}
.kb-opts.kb-opts.kb-opts, .opts{display: flex; flex-wrap: wrap; gap: 8px;}
.kb-opt.kb-opt.kb-opt input, .opt input{position: absolute; opacity: 0; pointer-events: none;}
.kb-opt.kb-opt.kb-opt span, .opt span{display: inline-block; padding: 10px 16px; border-radius: 999px; border: 1px solid var(--line); font-size: 14.5px; cursor: pointer; transition: .2s var(--ease); background: #fff;}
.kb-opt.kb-opt.kb-opt span:hover, .opt span:hover{border-color: var(--ink);}
.kb-opt.kb-opt.kb-opt input:checked + span, .opt input:checked + span{background: var(--forest); color: #fff; border-color: var(--forest);}
.kb-opt.kb-opt.kb-opt input:focus-visible + span, .opt input:focus-visible + span{box-shadow: 0 0 0 4px rgba(200, 240, 74, .5);}
.kb-form.kb-form.kb-form .kb-btn.kb-btn.kb-btn, .form .btn{justify-self: start;}
.kb-form-note.kb-form-note.kb-form-note, .form-note{font-size: 13.5px; color: var(--muted);}
.kb-sent.kb-sent.kb-sent, .sent{display: flex; gap: 14px; align-items: center; padding: 18px 20px; border-radius: 18px; background: var(--lime-2); color: var(--forest); font-weight: 600;}
.kb-sent.kb-sent.kb-sent[hidden], .sent[hidden]{display: none;}
.kb-sent.kb-sent.kb-sent .kb-ic.kb-ic.kb-ic, .sent .ic{flex: none;}
.kb-next.kb-next.kb-next h2, .next h2{font-size: clamp(30px, 3vw, 44px);}
.kb-nx.kb-nx.kb-nx, .nx{margin-top: 30px; display: grid; gap: 22px;}
.kb-nx.kb-nx.kb-nx li, .nx li{display: flex; gap: 16px;}
.kb-nx-n.kb-nx-n.kb-nx-n, .nx-n{width: 40px; height: 40px; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--lime); color: var(--forest); font: 800 16px/1 var(--head);}
.kb-nx.kb-nx.kb-nx p, .nx p{color: var(--muted); margin-top: 4px; font-size: 15.5px;}
.kb-rs.kb-rs.kb-rs, .rs{margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--line);}
.kb-legal.kb-legal.kb-legal, .legal{display: grid; grid-template-columns: 260px minmax(0, 720px); gap: 64px; justify-content: center;}
.kb-lg-toc.kb-lg-toc.kb-lg-toc, .lg-toc{position: sticky; top: 120px; align-self: start; display: grid; gap: 4px;}
.kb-lg-toc.kb-lg-toc.kb-lg-toc a, .lg-toc a{font-size: 14px; color: var(--muted); padding: 7px 12px; border-radius: 10px;}
.kb-lg-toc.kb-lg-toc.kb-lg-toc a:hover, .lg-toc a:hover{background: var(--soft); color: var(--ink);}
.kb-lg-body.kb-lg-body.kb-lg-body .kb-lede.kb-lede.kb-lede, .lg-body .lede{margin: 0 0 20px; max-width: none;}
.kb-lg-sec.kb-lg-sec.kb-lg-sec, .lg-sec{padding-top: 34px; scroll-margin-top: 110px;}
.kb-lg-sec.kb-lg-sec.kb-lg-sec h2, .lg-sec h2{font-size: clamp(22px, 2vw, 28px); letter-spacing: -0.03em; margin-bottom: 12px;}
.kb-lg-sec.kb-lg-sec.kb-lg-sec p, .lg-sec p{margin-bottom: 12px; color: var(--ink-2);}
.kb-ftr-grid.kb-ftr-grid.kb-ftr-grid, .ftr-grid{display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; font-size: 15px;}
.kb-ftr-grid.kb-ftr-grid.kb-ftr-grid nav, .ftr-grid nav{display: grid; gap: 8px; align-content: start;}
.kb-ftr-grid.kb-ftr-grid.kb-ftr-grid nav b, .ftr-grid nav b{color: var(--ink); font-weight: 600; margin-bottom: 4px;}
.kb-ftr-grid.kb-ftr-grid.kb-ftr-grid nav a, .ftr-grid nav a{color: var(--muted);}
.kb-ftr-grid.kb-ftr-grid.kb-ftr-grid nav a:hover, .ftr-grid nav a:hover{color: var(--ink);}
.kb-ftr-tag.kb-ftr-tag.kb-ftr-tag, .ftr-tag{color: var(--muted); max-width: 300px;}
@media (max-width: 1080px){.kb-phero-in.kb-phero-in.kb-phero-in, .phero-in{grid-template-columns: 1fr;}}
@media (max-width: 1080px){.kb-ph-stack.kb-ph-stack.kb-ph-stack, .ph-stack{height: 380px; max-width: 560px;}}
@media (max-width: 1080px){.kb-faq-split.kb-faq-split.kb-faq-split, .faq-split{grid-template-columns: 1fr; gap: 40px;}}
@media (max-width: 1080px){.kb-story.kb-story.kb-story, .story{grid-template-columns: 1fr; gap: 40px;}}
@media (max-width: 1080px){.kb-start.kb-start.kb-start, .start{grid-template-columns: 1fr; gap: 40px;}}
@media (max-width: 1080px){.kb-faq-l.kb-faq-l.kb-faq-l, .faq-l{position: static;}}
@media (max-width: 1080px){.kb-story-l.kb-story-l.kb-story-l, .story-l{position: static;}}
@media (max-width: 1080px){.kb-pg-row.kb-pg-row.kb-pg-row, .pg-row{grid-template-columns: 1fr; gap: 24px;}}
@media (max-width: 1080px){.kb-pg-row-l.kb-pg-row-l.kb-pg-row-l, .pg-row-l{position: static;}}
@media (max-width: 1080px){.kb-terms.kb-terms.kb-terms, .terms{grid-template-columns: 1fr 1fr;}}
@media (max-width: 1080px){.kb-legal.kb-legal.kb-legal, .legal{grid-template-columns: 1fr;}}
@media (max-width: 1080px){.kb-lg-toc.kb-lg-toc.kb-lg-toc, .lg-toc{display: none;}}
@media (max-width: 1080px){.kb-ftr-grid.kb-ftr-grid.kb-ftr-grid, .ftr-grid{grid-template-columns: 1fr 1fr;}}
@media (max-width: 760px){.kb-dd-btn.kb-dd-btn.kb-dd-btn, .dd-btn{display: none;}}
@media (max-width: 760px){.kb-dd-menu.kb-dd-menu.kb-dd-menu, .dd-menu{position: static; width: auto; padding: 0; box-shadow: none; opacity: 1; transform: none; pointer-events: auto; border-radius: 0;}}
@media (max-width: 760px){.kb-dd-menu.kb-dd-menu.kb-dd-menu::before, .dd-menu::before{display: none;}}
@media (max-width: 760px){.kb-dd-menu.kb-dd-menu.kb-dd-menu a, .dd-menu a{padding: 14px 0; border-radius: 0; border-bottom: 1px solid var(--line); font-size: 17px;}}
@media (max-width: 760px){.kb-dd-menu.kb-dd-menu.kb-dd-menu a:hover, .dd-menu a:hover{background: none; color: #2f8f3a;}}
@media (max-width: 760px){.kb-dd-menu.kb-dd-menu.kb-dd-menu a[aria-current="page"], .dd-menu a[aria-current="page"]{background: none; color: #2f8f3a;}}
@media (max-width: 760px){.kb-dd-menu.kb-dd-menu.kb-dd-menu a .kb-ic.kb-ic.kb-ic, .dd-menu a .ic{display: none;}}
@media (max-width: 760px){.kb-nav.kb-nav.kb-nav, .nav{max-height: calc(100svh - 96px); overflow-y: auto;}}
@media (max-width: 760px){.kb-nav-start.kb-nav-start.kb-nav-start, .nav-start{display: block; color: #2f8f3a; font-weight: 700;}}
@media (max-width: 760px){.kb-phero.kb-phero.kb-phero, .phero{padding: 112px 0 56px; border-radius: 0 0 28px 28px;}}
@media (max-width: 760px){.kb-phero.kb-phero.kb-phero h1, .phero h1{font-size: clamp(36px, 10.4vw, 46px);}}
@media (max-width: 760px){.kb-phero.kb-phero.kb-phero .kb-hero-cta.kb-hero-cta.kb-hero-cta, .phero .hero-cta{flex-direction: column; width: 100%;}}
@media (max-width: 760px){.kb-phero.kb-phero.kb-phero .kb-hero-cta.kb-hero-cta.kb-hero-cta .kb-btn.kb-btn.kb-btn, .phero .hero-cta .btn{justify-content: center;}}
@media (max-width: 760px){.kb-ph-stack.kb-ph-stack.kb-ph-stack, .ph-stack{height: 300px;}}
@media (max-width: 760px){.kb-ph1.kb-ph1.kb-ph1, .ph1{height: 220px;}}
@media (max-width: 760px){.kb-ph2.kb-ph2.kb-ph2, .ph2{height: 160px;}}
@media (max-width: 760px){.kb-ph-art.kb-ph-art.kb-ph-art, .ph-art{width: 190px; left: 0;}}
@media (max-width: 760px){.kb-ph-art.kb-ph-art.kb-ph-art .kb-art.kb-art.kb-art, .ph-art .art{height: 120px;}}
@media (max-width: 760px){.kb-plans-1.kb-plans-1.kb-plans-1, .plans-1{grid-template-columns: 1fr;}}
@media (max-width: 760px){.kb-plans-2.kb-plans-2.kb-plans-2, .plans-2{grid-template-columns: 1fr;}}
@media (max-width: 760px){.kb-plans-4.kb-plans-4.kb-plans-4, .plans-4{grid-template-columns: 1fr;}}
@media (max-width: 760px){.kb-jump.kb-jump.kb-jump, .jump{top: 78px;}}
@media (max-width: 760px){.kb-pg-row.kb-pg-row.kb-pg-row, .pg-row{padding: 40px 0; scroll-margin-top: 150px;}}
@media (max-width: 760px){.kb-terms.kb-terms.kb-terms, .terms{grid-template-columns: 1fr;}}
@media (max-width: 760px){.kb-bento-4.kb-bento-4.kb-bento-4, .bento-4{grid-template-columns: 1fr;}}
@media (max-width: 760px){.kb-f2.kb-f2.kb-f2, .f2{grid-template-columns: 1fr;}}
@media (max-width: 760px){.kb-ftr-grid.kb-ftr-grid.kb-ftr-grid, .ftr-grid{grid-template-columns: 1fr 1fr;}}
@media (max-width: 760px){.kb-ftr-tag.kb-ftr-tag.kb-ftr-tag, .ftr-tag{grid-column: 1 / -1;}}
@media (max-width: 760px){.kb-tile.kb-tile.kb-tile .kb-tile-ic.kb-tile-ic.kb-tile-ic, .tile .tile-ic{position: static; margin-bottom: 18px;}}
@media (max-width: 760px){.kb-tile.kb-tile.kb-tile, .tile{min-height: 0; justify-content: flex-start;}}

/* === Bricks 2.1.4 Compatibility & Sticky Header Overrides === */
#brx-header {
  position: sticky !important;
  top: 16px;
  z-index: 50;
  height: 0;
  overflow: visible;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#brx-content {
  margin-top: 0;
}
.kb-hdr.kb-hdr.kb-hdr,
.hdr {
  position: relative !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  z-index: 50;
  pointer-events: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.kb-hdr-pill.kb-hdr-pill.kb-hdr-pill,
.hdr-pill {
  pointer-events: auto;
  background: rgba(255, 255, 255, .96) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.kb-logo.kb-logo.kb-logo,
.logo {
  flex-shrink: 0;
}
/* Prevent Bricks [class*="brxe-"]{max-width:100%} from shrinking dropdown, marquee, ribbon, and hero visual */
.kb-dd-menu.kb-dd-menu.kb-dd-menu,
.dd-menu {
  max-width: none !important;
  width: 280px;
}
.kb-mq-track.kb-mq-track.kb-mq-track,
.mq-track,
.kb-rb-track.kb-rb-track.kb-rb-track,
.rb-track {
  max-width: none !important;
  width: max-content !important;
}
.kb-mq-item.kb-mq-item.kb-mq-item,
.mq-item {
  max-width: none !important;
  flex: none;
}
.kb-hv.kb-hv.kb-hv,
.hv,
.kb-jump-in.kb-jump-in.kb-jump-in,
.jump-in {
  max-width: none;
}
.kb-jump-in.kb-jump-in.kb-jump-in,
.jump-in {
  max-width: calc(100% - 32px) !important;
}
.kb-inline.kb-inline.kb-inline {
  display: contents;
}
@media (max-width: 760px) {
  #brx-header {
    top: 10px;
  }
  .kb-dd-menu.kb-dd-menu.kb-dd-menu,
  .dd-menu {
    width: auto;
  }
  .kb-hv.kb-hv.kb-hv,
  .hv {
    width: 560px !important;
    max-width: none !important;
  }
}