/* KJ Motion QA & Performance Layer v3.6.0 */
:root{
  --kj-safe-top:env(safe-area-inset-top,0px);
  --kj-safe-right:env(safe-area-inset-right,0px);
  --kj-safe-bottom:env(safe-area-inset-bottom,0px);
  --kj-safe-left:env(safe-area-inset-left,0px);
  --kj-focus:color-mix(in srgb,var(--brand-primary,#1967d2) 64%,white);
  --kj-motion-fast:160ms;
  --kj-motion-medium:280ms;
  --kj-motion-slow:520ms;
  --kj-vh:1vh;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--page-bg,#f6f8fc)}
body{overflow-x:clip;min-height:calc(var(--kj-vh)*100);padding-left:var(--kj-safe-left);padding-right:var(--kj-safe-right)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
img,svg,video,canvas{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,[role="button"]{-webkit-tap-highlight-color:transparent}
button:not([disabled]),a,[role="button"],summary,label[for]{touch-action:manipulation}
button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]{min-height:44px}
input,select,textarea{max-width:100%}
textarea{resize:vertical}
p,li,td,th,label,small,strong,h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere}
:where(a,button,input,select,textarea,[tabindex]):focus{outline:none}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--kj-focus);outline-offset:3px;border-radius:10px}
::selection{background:color-mix(in srgb,var(--brand-primary,#1967d2) 24%,transparent)}

.kj-skip-link{position:fixed;z-index:100000;top:10px;left:10px;transform:translateY(-160%);padding:10px 14px;border-radius:12px;background:#111827;color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.22);transition:transform var(--kj-motion-fast) ease}
.kj-skip-link:focus{transform:translateY(0)}
.kj-connection-banner{position:fixed;z-index:99990;left:50%;top:calc(10px + var(--kj-safe-top));transform:translate(-50%,-150%);width:min(560px,calc(100% - 28px));padding:11px 14px;border-radius:14px;background:#7f1d1d;color:#fff;text-align:center;font-size:12px;font-weight:850;box-shadow:0 18px 50px rgba(0,0,0,.28);transition:transform var(--kj-motion-medium) cubic-bezier(.22,1,.36,1)}
.kj-connection-banner.is-visible{transform:translate(-50%,0)}
.kj-connection-banner.is-online{background:#166534}
.kj-back-to-top{position:fixed;z-index:9000;right:calc(18px + var(--kj-safe-right));bottom:calc(22px + var(--kj-safe-bottom));width:46px;height:46px;min-height:46px;border:1px solid color-mix(in srgb,var(--border,#dbe2ea) 80%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);color:var(--text-primary,#172033);display:grid;place-items:center;box-shadow:0 14px 34px rgba(15,23,42,.18);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translateY(12px) scale(.9);transition:opacity var(--kj-motion-fast),transform var(--kj-motion-medium)}
.kj-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}

.kj-card,.card,.panel-card,.product-card,.choice-card,.metric-card,.stat-card{contain:layout paint;transform:translateZ(0)}
.kj-card[data-kj-reveal],.card[data-kj-reveal],.panel-card[data-kj-reveal],.product-card[data-kj-reveal],.metric-card[data-kj-reveal],.stat-card[data-kj-reveal]{opacity:0;transform:translateY(14px) scale(.985)}
.kj-card[data-kj-reveal].is-visible,.card[data-kj-reveal].is-visible,.panel-card[data-kj-reveal].is-visible,.product-card[data-kj-reveal].is-visible,.metric-card[data-kj-reveal].is-visible,.stat-card[data-kj-reveal].is-visible{opacity:1;transform:none;transition:opacity var(--kj-motion-slow) ease,transform var(--kj-motion-slow) cubic-bezier(.22,1,.36,1)}

.kj-table-scroll,.table-responsive,.table-wrap{max-width:100%;overflow:auto;overscroll-behavior:contain;border-radius:inherit;-webkit-overflow-scrolling:touch}
table{max-width:100%}
.kj-clamp-1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.kj-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.kj-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

form[data-kj-submitting="1"]{cursor:progress}
form[data-kj-submitting="1"] button[type="submit"]{pointer-events:none;opacity:.74}
button[data-kj-loading="1"]{position:relative;color:transparent!important;pointer-events:none}
button[data-kj-loading="1"]::after{content:"";position:absolute;inset:50% auto auto 50%;width:18px;height:18px;margin:-9px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;color:var(--text-primary,#172033);animation:kjQaSpin .7s linear infinite}
@keyframes kjQaSpin{to{transform:rotate(360deg)}}

.kj-low-motion *,html.kj-low-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
html.kj-save-data .kj-ambient,html.kj-save-data .kj-ambient-orb,html.kj-low-power .kj-ambient,html.kj-low-power .kj-ambient-orb{display:none!important}
html.kj-touch [data-magnetic],html.kj-touch .product-card{transform:none!important}

@media (max-width:760px){
  body{padding-bottom:var(--kj-safe-bottom)}
  .site-header{padding-top:max(10px,var(--kj-safe-top))}
  .bottom-nav,.mobile-bottom-nav{padding-bottom:max(8px,var(--kj-safe-bottom))}
  .panel-sidebar{overscroll-behavior:contain}
  .kj-page,.content,.main-content{max-width:100%}
  .kj-card,.card,.panel-card{border-radius:min(20px,var(--radius-lg,20px))}
  .button,.kj-button,button[type="submit"]{min-height:46px}
  .kj-back-to-top{bottom:calc(92px + var(--kj-safe-bottom))}
}

@media (max-width:420px){
  h1{font-size:clamp(24px,8vw,34px)}
  .site-header,.menu-tools,.kj-page,.content{padding-left:max(12px,var(--kj-safe-left));padding-right:max(12px,var(--kj-safe-right))}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  .kj-ambient,.kj-ambient-orb{display:none!important}
}

@media print{
  .site-header,.panel-sidebar,.bottom-nav,.mobile-bottom-nav,.kj-back-to-top,.kj-connection-banner,.kj-ambient,.kj-page-transition,.command-trigger,.theme-toggle{display:none!important}
  body{background:#fff!important;color:#000!important;overflow:visible!important}
  .app-layout,.panel-main,.kj-page{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .kj-card,.card,.panel-card{box-shadow:none!important;break-inside:avoid}
}