/* ------------------------------------------------------------------
   KnapFlux — Light / Clear Theme (drop-in replacement for style.css)
   Keeps the same class names & layout, just makes the page “bright”.
------------------------------------------------------------------- */

:root{
  --bg0: #F7F9FC;
  --bg1: #FFFFFF;

  --panel: rgba(255,255,255,0.92);
  --panel2: rgba(255,255,255,0.98);

  --border: rgba(15, 23, 42, 0.12);
  --border2: rgba(15, 23, 42, 0.08);

  --text: rgba(15, 23, 42, 0.92);
  --muted: rgba(15, 23, 42, 0.68);
  --muted2: rgba(15, 23, 42, 0.52);

  --shadow: 0 18px 60px rgba(2, 8, 23, 0.10);

  --primary: #2F66FF;
  --primary2: rgba(47, 102, 255, 0.10);

  --good: #16A34A;
  --w0: #0284C7;     /* sky-700 */
  --w14:#059669;    /* emerald-600 */
  --suite:#7C3AED;  /* violet-600 */

  --r: 18px;
  --r2: 14px;
  --container: 1180px;

  --focus: 0 0 0 4px rgba(47, 102, 255, 0.16);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color: var(--text);
  line-height:1.55;

  /* bright background with subtle tint */
  background:
    radial-gradient(900px 500px at 10% -10%, rgba(47,102,255,0.10), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(124,58,237,0.08), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
}

a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
  font-size: 0.95em;
  background: rgba(15, 23, 42, 0.04);
  padding: 0.14em 0.35em;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.kf-container{max-width:var(--container);margin:0 auto;padding:0 22px}
.kf-muted{color:var(--muted)}
.kf-muted2{color:var(--muted2)}
.kf-mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace}
.kf-smallprint{color:var(--muted2);font-size:12.5px;margin-top:14px}

/* ------------------------------------------------------------------
   Topbar (light)
------------------------------------------------------------------- */
.kf-topbar{
  position:sticky;top:0;z-index:60;
  background: rgba(255,255,255,0.78);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border2);
}
.kf-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}

.kf-brand{display:flex;align-items:center;gap:12px}
.kf-brand__mark{
  width:40px;height:40px;border-radius:14px;
  display:grid;place-items:center;
  border:1px solid rgba(47,102,255,0.18);
  background: linear-gradient(135deg, rgba(47,102,255,0.16), rgba(124,58,237,0.10));
  font-weight:900;
  color: rgba(15,23,42,0.92);
}
.kf-brand__text{display:flex;flex-direction:column;gap:1px}
.kf-brand__name{font-weight:950;letter-spacing:-0.2px}
.kf-brand__tag{color:var(--muted2);font-size:12.5px}

.kf-nav{display:flex;align-items:center;gap:10px}
.kf-nav__link{
  color:var(--muted);font-size:14px;
  padding:8px 10px;border-radius:12px;
}
.kf-nav__link:hover{
  background: rgba(15,23,42,0.04);
  color: var(--text);
}

.kf-burger{
  display:none;
  border:1px solid var(--border);
  background: rgba(255,255,255,0.85);
  border-radius: 12px;
  width:44px;height:44px;cursor:pointer;
}
.kf-burger span{display:block;height:2px;margin:6px 10px;background:rgba(15,23,42,0.65);border-radius:99px}

/* Drawer */
.kf-drawer{display:none}
.kf-drawer[aria-hidden="false"]{display:block}
.kf-drawer__backdrop{
  position:fixed;inset:0;background:rgba(2,8,23,0.35);backdrop-filter: blur(3px);
}
.kf-drawer__panel{
  position:fixed;right:12px;top:64px;
  width:min(340px, calc(100% - 24px));
  background: rgba(255,255,255,0.96);
  border:1px solid var(--border);
  border-radius: var(--r);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.kf-drawer__head{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--border2)}
.kf-drawer__title{font-weight:950}
.kf-drawer__links{display:flex;flex-direction:column;padding:10px}
.kf-drawer__link{
  padding:12px 12px;border-radius:12px;
  color:var(--muted);font-weight:900;
}
.kf-drawer__link:hover{background:rgba(15,23,42,0.04);color:var(--text)}
.kf-drawer__cta{margin-top:8px}

/* ------------------------------------------------------------------
   Buttons (light)
------------------------------------------------------------------- */
.kf-btn{
  border:1px solid var(--border);
  background: rgba(255,255,255,0.92);
  color:var(--text);
  padding:10px 12px;border-radius:14px;
  cursor:pointer;font-weight:900;font-size:14px;
  transition: transform .08s ease, border-color .12s ease, background .12s ease, box-shadow .12s ease;
  box-shadow: 0 8px 22px rgba(2,8,23,0.06);
}
.kf-btn:hover{
  border-color: rgba(47,102,255,0.28);
  box-shadow: 0 10px 26px rgba(2,8,23,0.08);
}
.kf-btn:active{transform: translateY(1px)}

.kf-btn--primary{
  background: linear-gradient(135deg, rgba(47,102,255,1), rgba(47,102,255,0.86));
  border-color: rgba(47,102,255,0.35);
  color: rgba(255,255,255,0.98);
  box-shadow: 0 14px 30px rgba(47,102,255,0.18);
}
.kf-btn--primary:hover{
  filter: brightness(1.02);
  box-shadow: 0 16px 34px rgba(47,102,255,0.22);
}
.kf-btn--ghost{
  background: rgba(255,255,255,0.80);
}
.kf-btn--ghost:hover{background: rgba(15,23,42,0.04)}
.kf-btn--soft{
  background: var(--primary2);
  border-color: rgba(47,102,255,0.22);
  color: rgba(15,23,42,0.92);
  box-shadow: 0 10px 24px rgba(2,8,23,0.06);
}
.kf-btn--soft:hover{border-color: rgba(47,102,255,0.35)}

.kf-iconBtn{
  border:1px solid var(--border);
  background: rgba(255,255,255,0.92);
  width:40px;height:40px;border-radius:12px;
  color:var(--text);cursor:pointer;
  box-shadow: 0 8px 20px rgba(2,8,23,0.06);
}
.kf-iconBtn:hover{border-color: rgba(47,102,255,0.35)}

/* Focus */
.kf-btn:focus, .kf-iconBtn:focus, .kf-nav__link:focus,
input:focus, textarea:focus{
  outline: none;
  box-shadow: var(--focus);
}

/* ------------------------------------------------------------------
   Hero (light)
------------------------------------------------------------------- */
.kf-hero{padding:34px 0 10px}
.kf-hero__grid{display:grid;grid-template-columns: 1.08fr 0.92fr;gap:18px;align-items:start}

.kf-pill{
  display:inline-flex;gap:8px;align-items:center;
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(47,102,255,0.20);
  background: rgba(47,102,255,0.08);
  color: rgba(15,23,42,0.86);
  font-weight:900;font-size:13px;
}
.kf-h1{
  margin:14px 0 10px;
  font-size:44px;line-height:1.06;letter-spacing:-1px;
  color: rgba(2,8,23,0.96);
}
.kf-h1__sub{display:block;color:rgba(15,23,42,0.72);margin-top:8px;font-weight:950}
.kf-lead{margin:0;color:var(--muted);font-size:16px;max-width: 70ch}
.kf-hero__ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

.kf-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.kf-stat{
  background: rgba(255,255,255,0.92);
  border:1px solid var(--border2);
  border-radius: 14px;
  padding:10px 12px;
  min-width: 160px;
  box-shadow: 0 10px 28px rgba(2,8,23,0.06);
}
.kf-stat__k{font-weight:950;letter-spacing:-0.2px}
.kf-stat__v{color:var(--muted2);font-size:12.5px;margin-top:3px}

.kf-trust{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.kf-chip{
  border:1px solid var(--border2);
  background: rgba(255,255,255,0.86);
  padding:7px 10px;border-radius:999px;
  font-weight:900;font-size:12.5px;color:rgba(15,23,42,0.72);
}

/* ------------------------------------------------------------------
   Console (light)
------------------------------------------------------------------- */
.kf-console{
  background: rgba(255,255,255,0.96);
  border:1px solid var(--border);
  border-radius: var(--r);
  overflow:hidden;
  box-shadow: var(--shadow);
}
.kf-console__top{
  display:flex;align-items:center;gap:8px;
  padding:12px 14px;
  border-bottom:1px solid var(--border2);
  background: rgba(15,23,42,0.02);
}
.kf-dot{width:10px;height:10px;border-radius:50%;background: rgba(15,23,42,0.18)}
.kf-console__title{margin-left:6px;color:var(--muted2);font-size:13px}
.kf-console__badge{
  margin-left:auto;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(47,102,255,0.20);
  background: rgba(47,102,255,0.08);
  font-size:12px;font-weight:950;color: rgba(15,23,42,0.78);
}
.kf-console__body{padding:14px}
.kf-line{display:flex;align-items:center;gap:10px;padding:10px 0}

.kf-miniTag{
  width:74px;text-align:center;
  padding:6px 10px;border-radius:999px;
  border:1px solid var(--border2);
  background: rgba(15,23,42,0.02);
  font-weight:950;font-size:12px;
  color: rgba(15,23,42,0.82);
}
.kf-miniTag--w0{border-color: rgba(2,132,199,0.22); background: rgba(2,132,199,0.08); color: rgba(2,132,199,0.96)}
.kf-miniTag--w14{border-color: rgba(5,150,105,0.22); background: rgba(5,150,105,0.08); color: rgba(5,150,105,0.96)}
.kf-miniTag--core{border-color: rgba(124,58,237,0.22); background: rgba(124,58,237,0.07); color: rgba(124,58,237,0.96)}

.kf-miniBar{
  height:10px;flex:1;border-radius:999px;
  background: linear-gradient(90deg, rgba(47,102,255,0.18), rgba(124,58,237,0.12));
  border:1px solid rgba(15,23,42,0.06);
}
.kf-miniTxt{color:var(--muted);font-size:12.5px}

.kf-console__note{
  margin-top:8px;padding-top:10px;border-top:1px solid rgba(15,23,42,0.08);
  color:var(--muted2);font-size:12.5px;
}
.kf-console__kpis{display:grid;grid-template-columns: repeat(3, 1fr);gap:10px;margin-top:12px}
.kf-kpi{
  border:1px solid rgba(15,23,42,0.08);
  background: rgba(255,255,255,0.90);
  border-radius: 14px;
  padding:10px 12px;
}
.kf-kpi__k{font-weight:950}
.kf-kpi__v{color:var(--muted2);font-size:12.5px;margin-top:2px}

.kf-miniGrid{display:grid;grid-template-columns: repeat(3, 1fr);gap:10px;margin-top:12px}
.kf-miniCard{
  background: rgba(255,255,255,0.92);
  border:1px solid rgba(15,23,42,0.08);
  border-radius: 14px;padding:10px 12px;
  box-shadow: 0 10px 22px rgba(2,8,23,0.05);
}
.kf-miniCard__k{font-weight:950}
.kf-miniCard__v{color:var(--muted2);font-size:12.5px;margin-top:2px}

/* ------------------------------------------------------------------
   Sections (light)
------------------------------------------------------------------- */
.kf-section{padding:38px 0}
.kf-section--alt{
  background: linear-gradient(180deg, rgba(15,23,42,0.03), rgba(15,23,42,0.015));
  border-top:1px solid var(--border2);
  border-bottom:1px solid var(--border2);
}
.kf-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.kf-section__actions{display:flex;gap:10px;flex-wrap:wrap}

.kf-h2{margin:0;font-size:24px;letter-spacing:-0.2px;color: rgba(2,8,23,0.96)}
.kf-h2--invert{color:rgba(2,8,23,0.96)} /* keep readable in light theme */
.kf-subtle{margin:8px 0 0;color:var(--muted);max-width: 78ch}
.kf-subtle--invert{color: var(--muted)}
.kf-h3{margin:0 0 8px;font-size:16.5px;letter-spacing:-0.2px}
.kf-p{margin:0;color:var(--muted);font-size:14.5px}

/* ------------------------------------------------------------------
   Cards & grids (light)
------------------------------------------------------------------- */
.kf-grid-2{display:grid;grid-template-columns: repeat(2, 1fr);gap:14px}
.kf-grid-3{display:grid;grid-template-columns: repeat(3, 1fr);gap:14px}

.kf-card{
  background: rgba(255,255,255,0.96);
  border:1px solid rgba(15,23,42,0.10);
  border-radius: var(--r);
  padding:16px;
  box-shadow: 0 14px 34px rgba(2,8,23,0.06);
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.kf-card:hover{
  transform: translateY(-2px);
  border-color: rgba(47,102,255,0.28);
  box-shadow: 0 18px 44px rgba(2,8,23,0.08);
}
.kf-card--tight{padding:16px}

.kf-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.kf-card__aud{color:var(--muted2);font-weight:900;font-size:12.5px}
.kf-card__meta{display:flex;align-items:baseline;gap:8px;margin:10px 0 12px}
.kf-price{font-weight:950;letter-spacing:-0.2px}
.kf-list{margin:0;padding-left:18px;color:var(--muted);font-size:13.5px}
.kf-list li{margin:6px 0}
.kf-card__ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

.kf-badge{
  display:inline-flex;align-items:center;
  padding:6px 10px;border-radius:999px;
  font-size:12px;font-weight:950;
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(15,23,42,0.02);
  color: rgba(15,23,42,0.78);
}
.kf-badge--w0{
  border-color: rgba(2,132,199,0.20);
  background: rgba(2,132,199,0.08);
  color: rgba(2,132,199,0.96);
}
.kf-badge--suite{
  border-color: rgba(124,58,237,0.20);
  background: rgba(124,58,237,0.07);
  color: rgba(124,58,237,0.96);
}

/* ------------------------------------------------------------------
   Stage hero (light)
------------------------------------------------------------------- */
.kf-stageHero{display:grid;grid-template-columns: repeat(2, 1fr);gap:14px;margin: 12px 0 16px}
.kf-stageHero__box{
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(255,255,255,0.96);
  border-radius: var(--r);
  padding:16px;
  box-shadow: 0 14px 30px rgba(2,8,23,0.06);
}
.kf-stageHero__tag{
  display:inline-flex;
  padding:6px 10px;border-radius:999px;
  font-weight:950;font-size:12px;
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(15,23,42,0.02);
}
.kf-stageHero__tag--w0{border-color: rgba(2,132,199,0.20); background: rgba(2,132,199,0.08); color: rgba(2,132,199,0.96)}
.kf-stageHero__tag--w14{border-color: rgba(5,150,105,0.20); background: rgba(5,150,105,0.08); color: rgba(5,150,105,0.96)}
.kf-stageHero__title{font-weight:950;font-size:16.5px;margin-top:8px}
.kf-stageHero__sub{color:var(--muted);margin-top:6px;font-size:13.5px}

/* ------------------------------------------------------------------
   Accordion (light)
------------------------------------------------------------------- */
.kf-accordion{
  border:1px solid rgba(15,23,42,0.10);
  border-radius: var(--r);
  overflow:hidden;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 14px 30px rgba(2,8,23,0.06);
}
.kf-acc-trigger{
  width:100%;
  text-align:left;
  border:0;
  background: rgba(255,255,255,0.96);
  color: var(--text);
  padding:14px 14px;
  cursor:pointer;
  font-weight:950;
  border-top:1px solid rgba(15,23,42,0.08);
  display:flex;gap:10px;align-items:center;
}
.kf-acc-trigger:first-child{border-top:0}
.kf-acc-trigger:hover{background: rgba(15,23,42,0.02)}
.kf-acc-trigger[aria-expanded="true"]{
  background: rgba(47,102,255,0.08);
}
.kf-acc-k{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;height:28px;padding:0 10px;border-radius:999px;
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(15,23,42,0.02);
  color: rgba(15,23,42,0.82);
  font-size:12px;font-weight:950;
}
.kf-acc-panel{
  display:none;
  padding: 0 14px 14px;
  color: var(--muted);
}
.kf-acc-panel p{margin:12px 0 0}
.kf-acc-panel.is-open{display:block}

/* ------------------------------------------------------------------
   Tabs (light)
------------------------------------------------------------------- */
.kf-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.kf-tab{
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(255,255,255,0.92);
  color: rgba(15,23,42,0.72);
  padding:10px 12px;border-radius: 999px;
  cursor:pointer;font-weight:950;font-size:13px;
  box-shadow: 0 10px 22px rgba(2,8,23,0.05);
}
.kf-tab:hover{border-color: rgba(47,102,255,0.25)}
.kf-tab--active{
  background: rgba(47,102,255,0.10);
  border-color: rgba(47,102,255,0.30);
  color: rgba(15,23,42,0.92);
}

.kf-tabpanes{margin-top:14px}
.kf-tabpane{
  display:none;
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(255,255,255,0.96);
  border-radius: var(--r);
  padding:16px;
  box-shadow: 0 14px 30px rgba(2,8,23,0.06);
}
.kf-tabpane--active{display:block}

.kf-pane-copy ul{margin:0;padding-left:18px}
.kf-bullets{color:var(--muted);font-size:14px}
.kf-bullets li{margin:8px 0}
.kf-bullets ul{margin-top:6px}

/* ------------------------------------------------------------------
   Latex box (light)
------------------------------------------------------------------- */
.kf-latex{
  margin-top:14px;
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(255,255,255,0.96);
  border-radius: var(--r);
  padding:16px;
  box-shadow: 0 14px 30px rgba(2,8,23,0.06);
}
.kf-latex__title{font-weight:950;margin-bottom:8px}

/* ------------------------------------------------------------------
   CTA strip (light)
------------------------------------------------------------------- */
.kf-ctaStrip{
  margin-top:14px;
  border:1px solid rgba(47,102,255,0.18);
  background: linear-gradient(135deg, rgba(47,102,255,0.10), rgba(124,58,237,0.06));
  border-radius: var(--r);
  padding:16px;
  display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;
  box-shadow: 0 14px 30px rgba(2,8,23,0.06);
}
.kf-ctaStrip__title{font-weight:950}
.kf-ctaStrip__sub{color:var(--muted);font-size:13.5px;margin-top:4px}

/* ------------------------------------------------------------------
   Final / Footer (light)
------------------------------------------------------------------- */
.kf-final{
  padding:40px 0 20px;
  background:
    radial-gradient(900px 520px at 20% 0%, rgba(47,102,255,0.10), transparent 60%),
    radial-gradient(900px 520px at 88% 0%, rgba(124,58,237,0.08), transparent 60%),
    linear-gradient(180deg, rgba(15,23,42,0.02), rgba(15,23,42,0.04));
  border-top:1px solid rgba(15,23,42,0.08);
}
.kf-final__grid{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.kf-final__box{
  min-width: min(460px, 100%);
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(255,255,255,0.96);
  border-radius: var(--r);
  padding:16px;
  box-shadow: 0 14px 30px rgba(2,8,23,0.06);
}
.kf-final__line{
  display:flex;justify-content:space-between;gap:14px;
  padding:8px 0;border-bottom:1px dashed rgba(15,23,42,0.12);
}
.kf-final__line:last-child{border-bottom:0}
.kf-final__cta{margin-top:14px;width:100%}
.kf-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}

/* ------------------------------------------------------------------
   Modal (light)
------------------------------------------------------------------- */
.kf-modal{
  position:fixed;inset:0;
  display:none;place-items:center;
  padding:18px;z-index:100;
}
.kf-modal.is-open{display:grid}
.kf-modal__backdrop{position:absolute;inset:0;background:rgba(2,8,23,0.35);backdrop-filter: blur(3px)}
.kf-modal__panel{
  position:relative;
  width:min(780px, 100%);
  background: rgba(255,255,255,0.98);
  border:1px solid rgba(15,23,42,0.12);
  border-radius: var(--r);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.kf-modal__head{
  display:flex;justify-content:space-between;gap:12px;
  padding:16px;border-bottom:1px solid rgba(15,23,42,0.08);
  background: rgba(15,23,42,0.01);
}
.kf-modal__tag{
  display:inline-flex;align-items:center;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(15,23,42,0.02);
  color: rgba(15,23,42,0.72);
  font-weight:950;font-size:12px;width:fit-content;
}
.kf-modal__title{font-weight:950;font-size:18px;margin-top:8px}
.kf-modal__price{color:var(--muted);font-size:13.5px;margin-top:4px}
.kf-modal__body{padding:16px}
.kf-modal__list{margin:0;padding-left:18px;color:var(--muted)}
.kf-modal__list li{margin:10px 0}
.kf-modal__foot{
  padding:16px;border-top:1px solid rgba(15,23,42,0.08);
  display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;
}

.kf-formGrid{display:grid;grid-template-columns: 1fr 1fr;gap:12px;margin-top:12px}
.kf-field{display:flex;flex-direction:column;gap:6px}
.kf-field span{color:var(--muted2);font-weight:950;font-size:12.5px}
.kf-field input,.kf-field textarea{
  border:1px solid rgba(15,23,42,0.12);
  background: rgba(255,255,255,0.96);
  color: var(--text);
  border-radius: 12px;
  padding:10px 12px;
  outline:none;
  box-shadow: 0 10px 20px rgba(2,8,23,0.04);
}
.kf-field input:focus,.kf-field textarea:focus{
  border-color: rgba(47,102,255,0.45);
  box-shadow: var(--focus);
}
.kf-field--full{grid-column:1 / -1}
.kf-note{margin-top:12px;color:var(--muted2);font-size:12.5px}

/* ------------------------------------------------------------------
   Reveal animation
------------------------------------------------------------------- */
.kf-reveal{opacity:0;transform: translateY(10px);transition: opacity .5s ease, transform .5s ease}
.kf-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .kf-reveal{opacity:1;transform:none;transition:none}
}

/* ------------------------------------------------------------------
   Responsive
------------------------------------------------------------------- */
@media (max-width: 980px){
  .kf-hero__grid{grid-template-columns: 1fr}
  .kf-console__kpis{grid-template-columns: 1fr}
  .kf-miniGrid{grid-template-columns: 1fr}
  .kf-grid-3{grid-template-columns: 1fr}
  .kf-grid-2{grid-template-columns: 1fr}
  .kf-stageHero{grid-template-columns: 1fr}
  .kf-h1{font-size:38px}
}
@media (max-width: 860px){
  .kf-nav{display:none}
  .kf-burger{display:block}
  .kf-formGrid{grid-template-columns: 1fr}
}