/*
 * KLEVR 1.7 — Premium protection interface
 * Keeps the KLEVR purple/green palette and CMS media while simplifying the
 * buying journey, storefront hierarchy, checkout, and operational consoles.
 */
:root {
  --k17-purple: #370877;
  --k17-purple-900: #210349;
  --k17-purple-50: #f7f3fb;
  --k17-green: #76bd22;
  --k17-green-100: #eaf7d8;
  --k17-ink: #17131d;
  --k17-muted: #69636f;
  --k17-line: #e9e5ed;
  --k17-soft: #f8f7f9;
  --k17-white: #fff;
  --k17-danger: #b42318;
  --k17-warning: #9a6700;
  --k17-radius-sm: 12px;
  --k17-radius: 18px;
  --k17-radius-lg: 28px;
  --k17-radius-xl: 40px;
  --k17-shadow-xs: 0 1px 2px rgba(28, 11, 45, .04), 0 5px 18px rgba(28, 11, 45, .04);
  --k17-shadow: 0 24px 70px rgba(32, 8, 61, .10);
  --k17-container: 1240px;
}

html { scroll-behavior: smooth; }
body.klevr-design-v17,
body.klevr-console-v17,
body.klevr-auth-v17 {
  color: var(--k17-ink);
  background: var(--k17-white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.klevr-design-v17 *,
body.klevr-console-v17 *,
body.klevr-auth-v17 * { box-sizing: border-box; }
body.klevr-design-v17 :focus-visible,
body.klevr-console-v17 :focus-visible,
body.klevr-auth-v17 :focus-visible {
  outline: 3px solid rgba(118, 189, 34, .42);
  outline-offset: 3px;
}

/* Public shell */
body.klevr-design-v17 .klevr-announcement {
  min-height: 36px;
  padding: 0 16px;
  background: var(--k17-purple-900);
  border: 0 !important;
}
body.klevr-design-v17 .klevr-announcement-inner {
  width: min(100%, 92rem);
  min-height: 36px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
body.klevr-design-v17 .klevr-announcement-message {
  min-width: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}
body.klevr-design-v17 .klevr-announcement-message i {
  flex: 0 0 auto;
  color: var(--k17-green);
  font-size: 11px;
}
body.klevr-design-v17 .klevr-announcement-links {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.45);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
body.klevr-design-v17 .klevr-announcement-links a {
  color: rgba(255,255,255,.88);
  text-decoration: none;
  transition: color .18s ease;
}
body.klevr-design-v17 .klevr-announcement-links a:hover,
body.klevr-design-v17 .klevr-announcement-links a:focus-visible { color: var(--k17-green); }
@media (max-width: 639px) {
  body.klevr-design-v17 .klevr-announcement { padding-inline: 12px; }
  body.klevr-design-v17 .klevr-announcement-inner { justify-content: center; }
  body.klevr-design-v17 .klevr-announcement-message {
    justify-content: center;
    text-align: center;
    font-size: 11px;
  }
  body.klevr-design-v17 .klevr-announcement-links { display: none; }
}
body.klevr-design-v17 .klevr-shell-nav {
  position: sticky;
  top: 0;
  z-index: 95;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(55,8,119,.08);
  box-shadow: none;
  backdrop-filter: blur(20px) saturate(150%);
}
body.klevr-design-v17 .klevr-shell-nav.is-scrolled {
  box-shadow: 0 12px 35px rgba(32,8,61,.09);
}
body.klevr-design-v17 .klevr-nav-v2-frame {
  max-width: 1440px;
  margin: 0 auto;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.klevr-design-v17 .klevr-nav-v2-frame > div:first-child { min-height: 74px; }
body.klevr-design-v17 .klevr-brand-mark {
  background: var(--k17-purple);
  border-radius: 14px !important;
  box-shadow: 0 12px 24px rgba(55,8,119,.18);
}
body.klevr-design-v17 .klevr-nav-v2-link {
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #48414f;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: -.012em;
}
body.klevr-design-v17 .klevr-nav-v2-link:hover,
body.klevr-design-v17 .klevr-nav-v2-link:focus-visible,
body.klevr-design-v17 .klevr-nav-v2-link.is-active {
  color: var(--k17-purple);
  background: var(--k17-purple-50);
  border-color: rgba(55,8,119,.08);
}
body.klevr-design-v17 .klevr-nav-v2-link.is-active { box-shadow: inset 0 -2px 0 var(--k17-green); }
body.klevr-design-v17 .klevr-nav-v2-dropdown {
  border: 1px solid var(--k17-line);
  border-radius: 24px;
  background: rgba(255,255,255,.99);
  box-shadow: 0 30px 80px rgba(32,8,61,.17);
}
body.klevr-design-v17 .klevr-primary-action {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--k17-purple) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(55,8,119,.22) !important;
}
body.klevr-design-v17 .klevr-primary-action:hover { transform: translateY(-1px); background: var(--k17-purple-900) !important; }
body.klevr-design-v17 .klevr-trust-strip-v2 {
  border-bottom: 1px solid var(--k17-line);
  background: #fbfafc;
}
body.klevr-design-v17 .klevr-trust-strip-v2 > div { min-height: 42px; }

/* Premium homepage */
.k17-home { overflow: hidden; background: #fff; }
.k17-container { width: min(calc(100% - 32px), var(--k17-container)); margin-inline: auto; }
.k17-section { padding: 96px 0; }
.k17-section-soft { background: var(--k17-soft); }
.k17-section-purple { background: var(--k17-purple-900); color: #fff; }
.k17-eyebrow {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px;
  color: var(--k17-purple); font-size: 11px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase;
}
.k17-eyebrow::before { content: ""; width: 24px; height: 3px; border-radius: 99px; background: var(--k17-green); }
.k17-title { margin: 0; color: var(--k17-ink); font-size: clamp(2.25rem, 5vw, 4.8rem); line-height: .98; letter-spacing: -.055em; font-weight: 900; }
.k17-title-sm { font-size: clamp(2rem, 3.8vw, 3.55rem); line-height: 1.02; }
.k17-copy { color: var(--k17-muted); font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.75; }
.k17-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.k17-btn {
  display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px;
  border: 1px solid transparent; border-radius: 999px; padding: 0 24px;
  font-size: .92rem; font-weight: 900; letter-spacing: -.01em; transition: .2s ease;
}
.k17-btn:hover { transform: translateY(-2px); }
.k17-btn-primary { background: var(--k17-purple); color: #fff; box-shadow: 0 16px 34px rgba(55,8,119,.22); }
.k17-btn-primary:hover { background: var(--k17-purple-900); }
.k17-btn-accent { background: var(--k17-green); color: var(--k17-purple-900); box-shadow: 0 16px 34px rgba(118,189,34,.23); }
.k17-btn-secondary { background: #fff; color: var(--k17-purple); border-color: var(--k17-line); box-shadow: var(--k17-shadow-xs); }
.k17-btn-ghost { background: transparent; color: var(--k17-purple); border-color: rgba(55,8,119,.16); }

.k17-hero {
  position: relative; min-height: 720px; display: flex; align-items: center;
  background: var(--k17-purple-900); color: #fff; isolation: isolate;
}
.k17-hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(24,3,51,.97) 0%, rgba(32,4,67,.88) 43%, rgba(32,4,67,.28) 72%, rgba(32,4,67,.10) 100%);
}
.k17-hero-media { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.k17-hero-media img,
.k17-hero-media video,
.k17-hero-media iframe { width: 100%; height: 100%; object-fit: cover; border: 0; }
.k17-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(340px, .62fr); gap: 72px; align-items: center; padding: 88px 0; }
.k17-hero h1 { margin: 20px 0 0; max-width: 850px; color: #fff; font-size: clamp(3.2rem, 7vw, 6.7rem); line-height: .88; letter-spacing: -.072em; font-weight: 950; }
.k17-hero-lead { max-width: 730px; margin: 28px 0 0; color: rgba(255,255,255,.86); font-size: clamp(1.08rem, 1.65vw, 1.32rem); line-height: 1.7; font-weight: 560; }
.k17-hero-kicker { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 12px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.k17-hero-kicker i { color: var(--k17-green); }
.k17-hero-proof { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 28px; color: rgba(255,255,255,.78); font-size: .84rem; font-weight: 760; }
.k17-hero-proof span { display: inline-flex; align-items: center; gap: 8px; }
.k17-hero-proof i { color: var(--k17-green); }
.k17-hero-card { padding: 28px; border: 1px solid rgba(255,255,255,.16); border-radius: 32px; background: rgba(255,255,255,.10); box-shadow: 0 28px 90px rgba(0,0,0,.22); backdrop-filter: blur(20px); }
.k17-hero-card-label { color: var(--k17-green); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.k17-hero-price { display: flex; align-items: baseline; gap: 7px; margin-top: 8px; }
.k17-hero-price strong { color: #fff; font-size: 3.5rem; line-height: 1; letter-spacing: -.06em; }
.k17-hero-price span { color: rgba(255,255,255,.65); font-weight: 800; }
.k17-hero-choice { display: grid; gap: 10px; margin-top: 24px; }
.k17-hero-choice a { display: flex; align-items: center; justify-content: space-between; min-height: 66px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(255,255,255,.08); color: #fff; transition: .2s ease; }
.k17-hero-choice a:hover { background: rgba(255,255,255,.15); transform: translateX(3px); }
.k17-hero-choice strong { display: block; font-size: .92rem; }
.k17-hero-choice small { display: block; margin-top: 3px; color: rgba(255,255,255,.62); font-weight: 650; }

.k17-value-bar { border-bottom: 1px solid var(--k17-line); background: #fff; }
.k17-value-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.k17-value-item { padding: 28px 24px; border-right: 1px solid var(--k17-line); }
.k17-value-item:last-child { border-right: 0; }
.k17-value-item i { color: var(--k17-purple); font-size: 1.2rem; }
.k17-value-item strong { display: block; margin-top: 12px; font-size: .95rem; }
.k17-value-item span { display: block; margin-top: 5px; color: var(--k17-muted); font-size: .78rem; line-height: 1.5; }

.k17-path-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 48px; }
.k17-path-card { position: relative; min-height: 430px; overflow: hidden; border: 1px solid var(--k17-line); border-radius: 32px; background: #fff; box-shadow: var(--k17-shadow-xs); }
.k17-path-card img { width: 100%; height: 210px; object-fit: cover; }
.k17-path-card-body { padding: 28px; }
.k17-path-number { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 99px; background: var(--k17-green-100); color: var(--k17-purple); font-size: .75rem; font-weight: 950; }
.k17-path-card h3 { margin: 18px 0 0; color: var(--k17-ink); font-size: 1.65rem; letter-spacing: -.035em; font-weight: 900; }
.k17-path-card p { margin: 12px 0 0; color: var(--k17-muted); line-height: 1.65; }
.k17-path-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--k17-purple); font-weight: 900; }

.k17-product-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 48px; }
.k17-product-card { display: flex; min-height: 640px; flex-direction: column; overflow: hidden; border: 1px solid var(--k17-line); border-radius: 32px; background: #fff; box-shadow: var(--k17-shadow-xs); transition: .22s ease; }
.k17-product-card:hover { transform: translateY(-4px); box-shadow: var(--k17-shadow); }
.k17-product-card.is-featured { border-color: rgba(55,8,119,.28); box-shadow: 0 24px 70px rgba(55,8,119,.12); }
.k17-product-media { position: relative; height: 280px; padding: 20px; background: linear-gradient(180deg,#fbfafd,#f3eff8); }
.k17-product-media img { width: 100%; height: 100%; object-fit: contain; }
.k17-badge { position: absolute; top: 18px; left: 18px; display: inline-flex; align-items: center; border-radius: 999px; padding: 8px 12px; background: var(--k17-purple); color: #fff; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.k17-product-body { display: flex; flex: 1; flex-direction: column; padding: 28px; }
.k17-product-body h3 { margin: 0; font-size: 1.75rem; letter-spacing: -.04em; font-weight: 950; }
.k17-product-body > p { min-height: 52px; margin: 10px 0 0; color: var(--k17-muted); line-height: 1.6; }
.k17-product-price { margin-top: 22px; color: var(--k17-ink); font-size: 2.2rem; line-height: 1; letter-spacing: -.045em; font-weight: 950; }
.k17-product-price small { color: var(--k17-muted); font-size: .72rem; letter-spacing: 0; font-weight: 750; }
.k17-feature-list { display: grid; gap: 11px; margin: 24px 0 0; padding: 0; list-style: none; }
.k17-feature-list li { display: flex; gap: 10px; color: #4c4552; font-size: .87rem; font-weight: 700; line-height: 1.45; }
.k17-feature-list i { margin-top: 2px; color: var(--k17-green); }
.k17-product-body .k17-btn { margin-top: auto; width: 100%; }
.k17-pricing-note { margin-top: 24px; padding: 18px 20px; border: 1px solid rgba(55,8,119,.10); border-radius: 18px; background: var(--k17-purple-50); color: #51485a; font-size: .82rem; line-height: 1.6; }

.k17-split { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.k17-media-card { min-height: 520px; overflow: hidden; border-radius: 36px; background: var(--k17-soft); box-shadow: var(--k17-shadow); }
.k17-media-card img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
.k17-checks { display: grid; gap: 15px; margin-top: 28px; }
.k17-check { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: start; }
.k17-check i { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 13px; background: var(--k17-green-100); color: var(--k17-purple); }
.k17-check strong { display: block; }
.k17-check span { display: block; margin-top: 4px; color: var(--k17-muted); font-size: .9rem; line-height: 1.55; }

.k17-monitoring-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 42px; }
.k17-monitoring-card { padding: 34px; border: 1px solid var(--k17-line); border-radius: 30px; background: #fff; }
.k17-monitoring-card.is-dark { border-color: transparent; background: var(--k17-purple); color: #fff; box-shadow: 0 28px 65px rgba(55,8,119,.24); }
.k17-monitoring-card h3 { margin: 0; font-size: 1.7rem; letter-spacing: -.035em; font-weight: 950; }
.k17-monitoring-card .k17-product-price { color: inherit; }
.k17-monitoring-card.is-dark .k17-feature-list li { color: rgba(255,255,255,.82); }

.k17-map-shell { padding: 18px; border: 1px solid var(--k17-line); border-radius: 34px; background: #fff; box-shadow: var(--k17-shadow); }
.k17-map-shell img { display: block; width: 100%; max-height: 560px; object-fit: contain; border-radius: 22px; background: var(--k17-soft); }

.k17-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 48px; }
.k17-step { padding: 30px; border-top: 3px solid var(--k17-green); border-radius: 0 0 24px 24px; background: #fff; box-shadow: var(--k17-shadow-xs); }
.k17-step span { color: var(--k17-purple); font-size: .72rem; font-weight: 950; letter-spacing: .15em; }
.k17-step h3 { margin: 16px 0 0; font-size: 1.35rem; letter-spacing: -.025em; font-weight: 900; }
.k17-step p { margin: 10px 0 0; color: var(--k17-muted); line-height: 1.65; }

.k17-faq { display: grid; gap: 12px; margin-top: 42px; }
.k17-faq details { border: 1px solid var(--k17-line); border-radius: 18px; background: #fff; }
.k17-faq summary { display: flex; min-height: 66px; align-items: center; justify-content: space-between; padding: 0 22px; color: var(--k17-ink); font-weight: 900; cursor: pointer; }
.k17-faq p { margin: 0; padding: 0 22px 22px; color: var(--k17-muted); line-height: 1.65; }

.k17-final { position: relative; overflow: hidden; border-radius: 40px; padding: 70px; background: var(--k17-purple); color: #fff; }
.k17-final::after { content: ""; position: absolute; width: 380px; height: 380px; right: -100px; bottom: -180px; border-radius: 50%; background: rgba(118,189,34,.22); filter: blur(5px); }
.k17-final h2 { position: relative; z-index: 1; max-width: 760px; margin: 0; font-size: clamp(2.4rem,5vw,4.7rem); line-height: .98; letter-spacing: -.055em; font-weight: 950; }
.k17-final p { position: relative; z-index: 1; max-width: 710px; margin: 20px 0 0; color: rgba(255,255,255,.78); font-size: 1.05rem; line-height: 1.7; }
.k17-final .k17-actions { position: relative; z-index: 1; }

/* Generic public pages */
body.klevr-design-v17 main,
body.klevr-design-v17 .klevr-page-shell { background: #fff; }
body.klevr-design-v17 .klevr-security-page-hero,
body.klevr-design-v17 .klevr-page-hero,
body.klevr-design-v17 section[class*="hero"]:not(.k17-hero) {
  border-radius: 0;
}
body.klevr-design-v17 .max-w-7xl { max-width: var(--k17-container); }
body.klevr-design-v17 .rounded-3xl,
body.klevr-design-v17 .rounded-\[32px\] { border-radius: 28px !important; }
body.klevr-design-v17 .shadow-xl,
body.klevr-design-v17 .shadow-2xl { box-shadow: var(--k17-shadow) !important; }
body.klevr-design-v17 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.klevr-design-v17 select,
body.klevr-design-v17 textarea {
  min-height: 50px; border: 1px solid #dcd6e1 !important; border-radius: 14px !important; background: #fff !important; color: var(--k17-ink) !important; box-shadow: 0 1px 2px rgba(28,11,45,.02) !important;
}
body.klevr-design-v17 textarea { min-height: 130px; }
body.klevr-design-v17 input:focus,
body.klevr-design-v17 select:focus,
body.klevr-design-v17 textarea:focus { border-color: var(--k17-purple) !important; box-shadow: 0 0 0 4px rgba(55,8,119,.09) !important; }
body.klevr-design-v17 button,
body.klevr-design-v17 a[class*="bg-klevr-blue"] { border-radius: 999px; }

/* Checkout and cart */
body.klevr-design-v17.klevr-page-cart,
body.klevr-design-v17.klevr-page-checkout { background: #f7f6f8; }
body.klevr-design-v17.klevr-page-cart .bg-white,
body.klevr-design-v17.klevr-page-checkout .bg-white { border-color: var(--k17-line) !important; box-shadow: var(--k17-shadow-xs); }
body.klevr-design-v17.klevr-page-checkout h1,
body.klevr-design-v17.klevr-page-cart h1 { letter-spacing: -.045em; }

/* System Builder */
body.klevr-design-v17.klevr-page-security-builder .klevr-builder-shell { background: #f8f7f9; }
body.klevr-design-v17.klevr-page-security-builder .klevr-builder-card,
body.klevr-design-v17.klevr-page-security-builder .klevr-builder-result { border-radius: 30px; border-color: var(--k17-line); box-shadow: var(--k17-shadow); }

/* AI widget */
body.klevr-design-v17 .klevr-ai-launcher { border-radius: 999px !important; box-shadow: 0 18px 42px rgba(55,8,119,.28) !important; }
body.klevr-design-v17 .klevr-ai-panel { border: 1px solid var(--k17-line) !important; border-radius: 28px !important; box-shadow: 0 28px 90px rgba(32,8,61,.22) !important; }

/* Footer */
body.klevr-design-v17 .klevr-footer-shell { background: #fff !important; padding-top: 64px; }
body.klevr-design-v17 .klevr-footer-card { border-radius: 36px !important; background: var(--k17-purple-900) !important; box-shadow: 0 30px 90px rgba(32,8,61,.20); }

/* Admin and portal shell */
body.klevr-console-v17 { background: #f6f5f7 !important; }
body.klevr-console-v17 aside,
body.klevr-console-v17 .klevr-console-sidebar { background: #fff !important; border-right: 1px solid var(--k17-line) !important; box-shadow: none !important; }
body.klevr-console-v17 header,
body.klevr-console-v17 .klevr-console-header { background: rgba(255,255,255,.92) !important; border-bottom: 1px solid var(--k17-line) !important; backdrop-filter: blur(18px); }
body.klevr-console-v17 main { background: #f6f5f7 !important; }
body.klevr-console-v17 .bg-white { border-color: var(--k17-line); }
body.klevr-console-v17 .shadow,
body.klevr-console-v17 .shadow-sm,
body.klevr-console-v17 .shadow-md,
body.klevr-console-v17 .shadow-lg,
body.klevr-console-v17 .shadow-xl { box-shadow: var(--k17-shadow-xs) !important; }
body.klevr-console-v17 .rounded-lg { border-radius: 16px !important; }
body.klevr-console-v17 .rounded-xl,
body.klevr-console-v17 .rounded-2xl { border-radius: 20px !important; }
body.klevr-console-v17 table { border-collapse: separate; border-spacing: 0; }
body.klevr-console-v17 th { color: #77707e; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
body.klevr-console-v17 input:not([type="checkbox"]):not([type="radio"]),
body.klevr-console-v17 select,
body.klevr-console-v17 textarea { border-radius: 12px !important; border-color: #dcd6e1 !important; }
body.klevr-console-v17 input:focus,
body.klevr-console-v17 select:focus,
body.klevr-console-v17 textarea:focus { border-color: var(--k17-purple) !important; box-shadow: 0 0 0 4px rgba(55,8,119,.09) !important; }
body.klevr-console-v17 a[class*="bg-klevr-blue"],
body.klevr-console-v17 button[class*="bg-klevr-blue"] { border-radius: 999px !important; }

.k17-admin-metric { padding: 22px; border: 1px solid var(--k17-line); border-radius: 22px; background: #fff; box-shadow: var(--k17-shadow-xs); }
.k17-admin-table { overflow: hidden; border: 1px solid var(--k17-line); border-radius: 24px; background: #fff; box-shadow: var(--k17-shadow-xs); }
.k17-admin-banner { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 20px; border: 1px solid rgba(55,8,119,.12); border-radius: 20px; background: var(--k17-purple-50); }
.k17-admin-banner i { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 15px; background: var(--k17-purple); color: #fff; }

@media (max-width: 1024px) {
  .k17-hero { min-height: auto; }
  .k17-hero-grid { grid-template-columns: 1fr; gap: 36px; padding: 72px 0; }
  .k17-hero-card { max-width: 620px; }
  .k17-value-grid { grid-template-columns: repeat(2,1fr); }
  .k17-value-item:nth-child(2) { border-right: 0; }
  .k17-value-item:nth-child(-n+2) { border-bottom: 1px solid var(--k17-line); }
  .k17-path-grid,
  .k17-product-grid,
  .k17-steps { grid-template-columns: 1fr; }
  .k17-path-card { min-height: 0; }
  .k17-product-card { min-height: 0; }
  .k17-split { grid-template-columns: 1fr; gap: 42px; }
  .k17-monitoring-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .k17-container { width: min(calc(100% - 24px), var(--k17-container)); }
  .k17-section { padding: 68px 0; }
  .k17-hero h1 { font-size: clamp(3rem, 16vw, 4.6rem); }
  .k17-hero::after { background: linear-gradient(180deg,rgba(24,3,51,.94),rgba(32,4,67,.78)); }
  .k17-hero-grid { padding: 58px 0; }
  .k17-hero-card { padding: 22px; border-radius: 24px; }
  .k17-actions { flex-direction: column; }
  .k17-btn { width: 100%; }
  .k17-value-grid { grid-template-columns: 1fr; }
  .k17-value-item { border-right: 0; border-bottom: 1px solid var(--k17-line); }
  .k17-value-item:last-child { border-bottom: 0; }
  .k17-path-card,
  .k17-product-card { border-radius: 24px; }
  .k17-product-media { height: 240px; }
  .k17-final { padding: 44px 26px; border-radius: 28px; }
  .k17-media-card,
  .k17-media-card img { min-height: 360px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}


/* KLEVR 1.7.3 — admin sidebar contrast restoration */
body.klevr-console-v17.klevr-console-admin .admin-sidebar {
  color: var(--k17-ink) !important;
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar > div:first-child,
body.klevr-console-v17.klevr-console-admin .admin-sidebar > div:last-child {
  border-color: var(--k17-line) !important;
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar > div:first-child .font-black.text-xl {
  color: var(--k17-ink) !important;
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar > div:first-child .font-bold.uppercase {
  color: #8a8390 !important;
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar > div:first-child > div:first-child > span {
  background: var(--k17-purple-50) !important;
  border: 1px solid rgba(55, 8, 119, .10);
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar nav > div > div:first-child {
  color: #827a89 !important;
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar .admin-sidebar-link {
  color: #4f4855 !important;
  background: transparent;
  border-color: transparent;
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar .admin-sidebar-link i {
  color: #6f6875;
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar .admin-sidebar-link:hover,
body.klevr-console-v17.klevr-console-admin .admin-sidebar .admin-sidebar-link:focus-visible {
  color: var(--k17-purple) !important;
  background: var(--k17-purple-50) !important;
  border-color: rgba(55, 8, 119, .10) !important;
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar .admin-sidebar-link:hover i,
body.klevr-console-v17.klevr-console-admin .admin-sidebar .admin-sidebar-link:focus-visible i {
  color: var(--k17-purple);
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar .admin-sidebar-link.is-active {
  color: #12052a !important;
  background: linear-gradient(135deg, #76bd22, #95d13c) !important;
  border-color: rgba(118, 189, 34, .45) !important;
  box-shadow: 0 10px 26px rgba(118, 189, 34, .18) !important;
}
body.klevr-console-v17.klevr-console-admin .admin-sidebar .admin-sidebar-link.is-active i {
  color: #12052a !important;
}