*,
*::before,
*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,
body{margin:0}
:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote){margin:0;padding:0}
:where(ul,ol){list-style:none}
:where(img,svg,video){display:block;max-width:100%}
:where(button,input,select,textarea){font:inherit;color:inherit}
:where(button){cursor:pointer}
:where(table){border-collapse:collapse}
[hidden]{display:none !important}
body{
  min-height:100vh;
  background:var(--klicq-color-canvas);
  color:var(--klicq-color-text);
  font-family:var(--klicq-font-family-ui);
  font-weight:var(--klicq-font-weight-regular);
  font-size:var(--klicq-text-body-size);
  line-height:var(--klicq-line-height-body);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-wrap:break-word;
}
[data-klicq-surface]{font-size:var(--klicq-text-body-size)}
:where(h1),
.k-title{
  font-family:var(--klicq-font-family-display);
  font-weight:var(--klicq-font-weight-extrabold);
  font-size:var(--klicq-text-title-size);
  line-height:var(--klicq-text-title-line);
  letter-spacing:var(--klicq-text-title-tracking);
  color:var(--klicq-color-text);
  text-wrap:balance;
}
.k-display{
  font-family:var(--klicq-font-family-display);
  font-weight:var(--klicq-font-weight-extrabold);
  font-size:var(--klicq-text-display-size,var(--klicq-text-title-size));
  line-height:var(--klicq-line-height-display);
  letter-spacing:var(--klicq-tracking-title);
  text-wrap:balance;
}
.k-heading-lg{
  font-family:var(--klicq-font-family-display);
  font-weight:var(--klicq-font-weight-extrabold);
  font-size:var(--klicq-text-heading-lg-size);
  line-height:var(--klicq-text-heading-lg-line);
  letter-spacing:var(--klicq-tracking-amount);
  color:var(--klicq-color-text);
}
:where(h2),
.k-heading{
  font-family:var(--klicq-font-family-display);
  font-weight:var(--klicq-font-weight-bold);
  font-size:var(--klicq-text-heading-size);
  line-height:var(--klicq-line-height-heading);
  letter-spacing:var(--klicq-tracking-heading);
  color:var(--klicq-color-text);
}
:where(h3,h4),
.k-heading-sm{
  font-family:var(--klicq-font-family-display);
  font-weight:var(--klicq-font-weight-bold);
  font-size:var(--klicq-text-heading-sm-size);
  line-height:var(--klicq-line-height-heading);
  letter-spacing:var(--klicq-tracking-heading-sm);
  color:var(--klicq-color-text);
}
.k-lede{
  max-width:var(--klicq-layout-measure);
  font-size:var(--klicq-text-lede-size);
  color:var(--klicq-color-text-muted);
}
.k-lede :where(b,strong){font-weight:var(--klicq-font-weight-semibold);color:var(--klicq-color-text)}
.k-text-sm{font-size:var(--klicq-text-body-sm-size);line-height:var(--klicq-line-height-normal)}
.k-caption{font-size:var(--klicq-text-caption-size);line-height:var(--klicq-line-height-normal);color:var(--klicq-color-text-muted)}
.k-micro{font-size:var(--klicq-text-micro-size);line-height:var(--klicq-line-height-snug);color:var(--klicq-color-text-muted)}
.k-muted{color:var(--klicq-color-text-muted)}
:where(b,strong){font-weight:var(--klicq-font-weight-bold)}
:where(a){color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
.k-link{
  display:inline;
  padding:0;
  border:0;
  border-radius:var(--klicq-radius-focus);
  background:none;
  font-family:var(--klicq-font-family-ui);
  font-size:var(--klicq-text-caption-size);
  font-weight:var(--klicq-font-weight-semibold);
  color:var(--klicq-color-text);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.k-link:hover{text-decoration-thickness:2px}
.k-link--money{color:var(--klicq-color-money)}
.k-link--with-icon{display:inline-flex;align-items:center;gap:var(--klicq-space-1);min-height:24px}
.k-link--with-icon .k-icon{transition:transform var(--klicq-duration-base) var(--klicq-ease-out)}
.k-link[aria-expanded="true"] .k-icon{transform:rotate(180deg)}
:focus-visible{
  outline:var(--klicq-focus-width) solid var(--klicq-color-focus);
  outline-offset:var(--klicq-focus-offset);
}
:where(:focus-visible){border-radius:var(--klicq-radius-focus)}
.k-focus-inset:focus-visible{outline-offset:var(--klicq-focus-offset-inset)}
::selection{background:var(--klicq-color-selection-surface);color:var(--klicq-color-selection-text)}
:where(input,textarea,[contenteditable]){caret-color:var(--klicq-color-caret)}
:where(input,textarea)::placeholder{color:var(--klicq-color-text-muted);opacity:1}
.k-num{font-variant-numeric:var(--klicq-font-numeric)}
.k-nowrap{white-space:nowrap}
@media (max-width:899px){.k-only-desktop{display:none !important}}
@media (min-width:900px){.k-only-mobile{display:none !important}}
.k-visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  border:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.k-page{
  width:100%;
  max-width:var(--klicq-layout-page-max);
  margin-inline:auto;
  padding:0 var(--klicq-layout-gutter) var(--klicq-layout-page-bottom);
}
@media (max-width:899px){
  .k-page--with-tabbar{padding-bottom:calc(var(--klicq-layout-tabbar-height) + var(--klicq-layout-page-bottom))}
  .k-page--with-actionbar{padding-bottom:calc(var(--klicq-layout-tabbar-height) + var(--klicq-layout-actionbar-space) + var(--klicq-layout-page-bottom))}
}
.k-icon{
  flex:none;
  width:var(--klicq-size-icon-md);
  height:var(--klicq-size-icon-md);
  fill:none;
  stroke:currentColor;
  stroke-width:var(--klicq-icon-stroke);
  stroke-linecap:round;
  stroke-linejoin:round;
}
.k-icon--xs{width:var(--klicq-size-icon-xs);height:var(--klicq-size-icon-xs)}
.k-icon--sm{width:var(--klicq-size-icon-sm);height:var(--klicq-size-icon-sm)}
.k-icon--lg{width:var(--klicq-size-icon-lg);height:var(--klicq-size-icon-lg)}
.k-icon--xl{width:var(--klicq-size-icon-xl);height:var(--klicq-size-icon-xl);stroke-width:var(--klicq-icon-stroke-large)}
.k-icon--light{stroke-width:var(--klicq-icon-stroke-large)}
.k-icon--bold{stroke-width:var(--klicq-icon-stroke-small)}
.k-icon--check{stroke-width:var(--klicq-icon-stroke-check)}
.k-icon--muted{color:var(--klicq-color-text-muted)}
.k-icon--money{color:var(--klicq-color-money)}
.k-logo{display:block;width:auto;height:22px;color:var(--klicq-color-text)}
@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}