/** Shopify CDN: Minification failed

Line 618:0 Unexpected "}"

**/
/* ==========================================================================
   Kluck Services theme — base
   ========================================================================== */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body.k-body {
  margin: 0;
  background: var(--k-ground);
  color: var(--k-ink);
  font-family: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--k-ink); }
a:hover { color: var(--k-ink-2); }
button { font: inherit; color: inherit; }
h1, h2, h3, h4 { margin: 0; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; }

.k-main { display: block; outline: none; }
.k-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: var(--k-ink); color: var(--k-on-dark); padding: 10px 16px; border-radius: 10px; }
.k-skip:focus { left: 8px; }

.k-wrap { max-width: var(--k-maxw); margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.k-section { padding-top: 96px; padding-bottom: 96px; }
.k-section--tight-top { padding-top: 48px; }
.k-section--tight-bottom { padding-bottom: 32px; }

.k-display { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; letter-spacing: -0.03em; }
.k-mono { font-family: 'Geist Mono', ui-monospace, monospace; }
.k-eyebrow { font-family: 'Geist Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--k-muted); }
.k-h2 { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(34px, 4.4vw, 56px); line-height: 1.02; letter-spacing: -0.03em; }
.k-h3 { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 26px; letter-spacing: -0.02em; line-height: 1.1; }
.k-lead { font-size: 19px; line-height: 1.5; color: var(--k-ink-2); }
.k-head { display: flex; flex-direction: column; gap: 16px; max-width: 820px; margin-bottom: 40px; }
.k-head--center { align-items: center; text-align: center; margin-left: auto; margin-right: auto; }
.k-highlight { background-color: transparent; background-image: linear-gradient(var(--k-accent), var(--k-accent)); background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 50%; color: var(--k-ink); padding: 0 10px; border-radius: 12px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.k-btn {
  position: relative; overflow: hidden; isolation: isolate;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 24px; border-radius: 14px; border: 2px solid var(--k-ink);
  font-weight: 600; font-size: 16px; text-decoration: none; cursor: pointer; line-height: 1.1;
  transition: color .35s cubic-bezier(.2,.8,.2,1), translate .35s cubic-bezier(.2,.8,.2,1), scale .2s ease, box-shadow .35s ease;
}
.k-btn:focus-visible, .k-chip:focus-visible, .k-variant:focus-visible, summary:focus-visible { outline: 3px solid var(--k-accent); outline-offset: 3px; }
.k-btn--lg { min-height: 56px; font-size: 17px; padding: 0 28px; }
.k-btn--dark { background: var(--k-ink); color: var(--k-on-dark); }
.k-btn--dark:hover { color: var(--k-on-dark); }
.k-btn--outline { background: transparent; color: var(--k-ink); }
.k-btn--accent { background: var(--k-accent); color: var(--k-ink); font-weight: 700; }
.k-btn--accent:hover { color: var(--k-ink); }
.k-btn--light { background: var(--k-on-dark); color: var(--k-ink); border-color: var(--k-on-dark); }
.k-btn--block { width: 100%; }
.k-btn[disabled] { opacity: .5; cursor: not-allowed; transform: none; }
.k-btn svg { width: 18px; height: 18px; flex: 0 0 auto; }

.k-badge { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; border: 1px solid var(--k-ink); border-radius: 999px; padding: 6px 14px; font-family: 'Geist Mono', monospace; font-size: 13px; }
.k-dot { width: 8px; height: 8px; border-radius: 50%; background: #1f9d55; flex: 0 0 auto; }

.k-icon { width: 20px; height: 20px; flex: 0 0 auto; }

.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ==========================================================================
   Announcement + header + footer
   ========================================================================== */
.k-announce { background: var(--k-ink); color: var(--k-on-dark); font-family: 'Geist Mono', monospace; font-size: 13px; padding: 10px 20px; text-align: center; letter-spacing: .02em; }
.k-announce a { color: var(--k-on-dark); }
.k-announce strong { color: var(--k-accent); font-weight: 500; }

.k-header { position: relative; z-index: 20; background: var(--k-ground); }
.k-header.is-sticky { position: sticky; top: 0; box-shadow: 0 1px 0 var(--k-line); }
.k-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 18px; padding-bottom: 18px; }
.k-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--k-ink); }
.k-logo__mark { width: 34px; height: 34px; border-radius: 10px; background: var(--k-accent); color: var(--k-ink); display: inline-flex; align-items: center; justify-content: center; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 20px; }
.k-logo__text { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.02em; }
.k-logo__text span { font-weight: 500; color: var(--k-muted); }
.k-logo img { height: auto; }
.k-nav { display: flex; align-items: center; gap: 24px; font-size: 15px; font-weight: 500; }
.k-nav__links { display: flex; align-items: center; gap: 24px; list-style: none; }
.k-nav__links a { text-decoration: none; }
.k-nav__links a[aria-current="page"] { text-decoration: underline; text-underline-offset: 4px; }
.k-nav__cta { min-height: 44px; padding: 0 18px; border-radius: 999px; }
.k-cart-link { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; text-decoration: none; }
.k-cart-link .k-icon { width: 22px; height: 22px; }
.k-cart-count { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; border-radius: 999px; background: var(--k-accent); color: var(--k-ink); font-family: 'Geist Mono', monospace; font-size: 11px; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-shadow: 0 0 0 2px var(--k-ground); }
.k-menu { display: none; }
.k-menu summary { list-style: none; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid var(--k-line-2); cursor: pointer; }
.k-menu summary::-webkit-details-marker { display: none; }
.k-menu__panel { position: absolute; left: 0; right: 0; top: 100%; background: var(--k-ground); border-top: 1px solid var(--k-line); border-bottom: 1px solid var(--k-ink); padding: 16px 24px 24px; display: flex; flex-direction: column; gap: 4px; }
.k-menu__panel a { text-decoration: none; font-size: 18px; font-weight: 500; padding: 12px 0; border-bottom: 1px solid var(--k-line); }
.k-menu__panel .k-btn { margin-top: 12px; border-bottom: 2px solid var(--k-ink); }

@media (max-width: 899px) {
  .k-nav__links, .k-nav > .k-nav__cta { display: none; }
  .k-menu { display: block; }
}

.k-footer { background: var(--k-ink); color: var(--k-on-dark-2); }
.k-footer__inner { padding-top: 48px; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; font-size: 14px; }
.k-footer a { color: var(--k-on-dark-2); }
.k-footer__links { display: flex; flex-wrap: wrap; gap: 20px; list-style: none; }
.k-footer__brand { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }
.k-footer__brand .k-logo { color: var(--k-on-dark); }
.k-footer__brand .k-logo__text span { color: var(--k-on-dark-3); }

/* ==========================================================================
   Hero + 3D stack
   ========================================================================== */
.k-hero { position: relative; }
.k-scene { position: relative; }
.k-hero__copywrap { position: relative; z-index: 3; }
.k-hero__copybox { max-width: 1320px; padding-top: 40px; padding-bottom: 8px; }
.k-hero__copy { max-width: 540px; min-width: 0; display: flex; flex-direction: column; gap: 26px; }
.k-hero__title { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(42px, 5.2vw, 76px); line-height: .98; letter-spacing: -0.035em; }
.k-hero__sub { font-size: 19px; line-height: 1.55; color: var(--k-ink-2); max-width: 500px; }
.k-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.k-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; font-size: 14px; color: var(--k-ink-2); }
.k-trust strong { color: var(--k-ink); }
.k-trust__item { display: inline-flex; align-items: center; gap: 6px; }
.k-trust__sep { width: 1px; height: 18px; background: var(--k-line-2); }

.k-pin { position: relative; }
.k-pin__sticky { position: relative; display: flex; flex-direction: column; overflow: hidden; }
.k-stagebox { position: relative; height: 700px; perspective: 2200px; perspective-origin: 50% 50%; flex: none; }
.k-stage { --k-sx: 50%; --k-s0: 1; position: absolute; left: var(--k-sx); top: 50%; width: 580px; height: 600px; margin-left: -270px; margin-top: -300px; transform-style: preserve-3d; transform-origin: 299px 316px; transform: scale(var(--k-s0)) rotateX(11deg) rotateY(-20deg) rotateZ(2deg); }
.k-layer { position: absolute; }
.k-floor { position: absolute; left: -40px; top: -40px; width: 680px; height: 690px; border-radius: 48px; background-color: #ecece6; background-image: linear-gradient(var(--k-line) 1px, transparent 1px), linear-gradient(90deg, var(--k-line) 1px, transparent 1px); background-size: 40px 40px; transform: translateZ(-90px); }

/* static layout (no JS / reduced motion): copy left, stack right, reel as a swipe row */
@media (min-width: 990px) {
  .k-hero__copywrap { height: 700px; margin-bottom: -700px; pointer-events: none; }
  .k-hero__copybox { height: 100%; display: flex; align-items: center; padding-top: 0; padding-bottom: 0; }
  .k-hero__copy { pointer-events: auto; }
  .k-stage { --k-sx: max(72%, calc(max(0px, (100vw - 1320px) / 2) + 858px)); }
}
@media (min-width: 990px) and (max-width: 1239px) { .k-stage { --k-s0: .78; } }
@media (max-width: 989px) { .k-stagebox { height: 520px; } .k-stage { --k-s0: .62; } }
@media (max-width: 420px) { .k-stagebox { height: 440px; } .k-stage { --k-s0: .54; } }

.k-scene__dark, .k-scene__meta, .k-scene__cue { display: none; }
.k-scene__cap { padding: 24px 24px 18px; text-align: center; display: flex; flex-direction: column; gap: 10px; align-items: center; }
.k-scene__title { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(28px, 3.4vw, 44px); line-height: 1.05; letter-spacing: -0.03em; }
.k-scene__track { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 24px 56px; scrollbar-width: none; }
.k-scene__track::-webkit-scrollbar { display: none; }
.k-scene__card { flex: 0 0 min(64vw, 240px); scroll-snap-align: center; margin: 0; }
.k-scene__card img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 18px; box-shadow: 0 30px 50px -30px rgba(18,18,18,.5); }

/* scroll scene (enabled by JS) */
.k-scene-on .k-pin__sticky { position: sticky; top: 0; height: 100vh; height: 100svh; display: block; }
.k-scene-on .k-stagebox { position: absolute; inset: 0; height: auto; z-index: 2; }
.k-scene-on .k-stage { left: 50%; will-change: transform; }
.k-scene-on .k-layer { will-change: transform, opacity; }
.k-scene-on .k-scene__dark { display: block; position: absolute; inset: 0; z-index: 0; background: var(--k-ink); opacity: 0; pointer-events: none; }
.k-scene-on .k-scene__cap { position: absolute; z-index: 3; left: 0; right: 0; top: 0; padding: 0 24px; opacity: 0; color: var(--k-on-dark); pointer-events: none; }
.k-scene-on .k-scene__cap .k-eyebrow { color: var(--k-on-dark-3); }
.k-scene-on .k-scene__track { position: absolute; z-index: 1; width: max-content; left: 0; top: 0; overflow: visible; padding: 0; gap: var(--k-g, 28px); opacity: 0; will-change: transform, opacity; scroll-snap-type: none; pointer-events: none; }
.k-scene-on .k-scene__card { flex: 0 0 var(--k-cw, 260px); }
.k-scene-on .k-scene__card img { max-width: none; width: var(--k-cw, 260px); height: var(--k-ch, 325px); aspect-ratio: auto; border-radius: var(--k-cr, 18px); box-shadow: 0 40px 70px -30px rgba(0,0,0,.7); }
.k-scene-on .k-scene__meta { z-index: 3; display: flex; align-items: center; gap: 16px; position: absolute; left: 50%; bottom: 0; translate: -50% 0; opacity: 0; color: var(--k-on-dark); font-family: 'Geist Mono', monospace; font-size: 13px; white-space: nowrap; pointer-events: none; }
.k-scene__count b { color: var(--k-accent); font-weight: 500; }
.k-scene__bar { width: 120px; height: 3px; border-radius: 3px; background: var(--k-dark-4); overflow: hidden; display: block; }
.k-scene__bar span { display: block; height: 100%; width: 100%; background: var(--k-accent); transform-origin: left; transform: scaleX(0); }
.k-scene__brand { min-width: 110px; color: var(--k-on-dark-2); }
.k-scene-on .k-scene__cue { display: flex; align-items: center; gap: 10px; position: absolute; left: 50%; bottom: 22px; translate: -50% 0; font-family: 'Geist Mono', monospace; font-size: 12px; letter-spacing: .06em; color: var(--k-muted); text-transform: uppercase; pointer-events: none; }
.k-scene__cue span { width: 18px; height: 28px; border: 1.5px solid currentColor; border-radius: 10px; position: relative; }
.k-scene__cue span::after { content: ''; position: absolute; left: 50%; top: 5px; width: 3px; height: 6px; margin-left: -1.5px; border-radius: 2px; background: currentColor; }
.k-motion .k-scene__cue span::after { animation: k-cue 1.8s ease-in-out infinite; }
@keyframes k-cue { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(9px); opacity: 0; } 100% { opacity: 0; } }
.k-scene-on .k-phone { box-shadow: 0 50px 90px -30px rgba(18,18,18,.6), 0 0 0 1px rgba(255,255,255,.08); }
@media (min-width: 990px) {
  .k-scene-on .k-hero__copywrap { position: sticky; top: 0; height: 100vh; height: 100svh; margin-bottom: -100vh; margin-bottom: -100svh; }
  .k-scene-on .k-hero__copy { will-change: transform, opacity; }
}

.k-card-dark { background: var(--k-ink); color: var(--k-on-dark); border-radius: 28px; box-shadow: 0 40px 80px -30px rgba(18,18,18,.55); }
.k-card-light { background: var(--k-paper); border: 1px solid var(--k-line); border-radius: 22px; box-shadow: 0 30px 60px -28px rgba(18,18,18,.4); }

.k-audit { width: 100%; height: 100%; padding: 24px; display: flex; flex-direction: column; gap: 20px; }
.k-audit__top { display: flex; align-items: center; gap: 16px; }
.k-gauge { width: 96px; height: 96px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.k-gauge__inner { width: 74px; height: 74px; border-radius: 50%; background: var(--k-ink); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.k-gauge__num { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 26px; line-height: 1; }
.k-gauge__of { font-family: 'Geist Mono', monospace; font-size: 9px; color: var(--k-on-dark-3); }
.k-micro { font-family: 'Geist Mono', monospace; font-size: 11px; letter-spacing: .1em; color: var(--k-on-dark-3); text-transform: uppercase; }
.k-card-light .k-micro { color: var(--k-muted); }
.k-bars { display: flex; flex-direction: column; gap: 13px; font-size: 13px; }
.k-bar { display: flex; flex-direction: column; gap: 6px; }
.k-bar__row { display: flex; justify-content: space-between; }
.k-bar__row span:last-child { font-family: 'Geist Mono', monospace; }
.k-bar__track { height: 6px; border-radius: 6px; background: var(--k-dark-3); }
.k-bar__fill { height: 6px; border-radius: 6px; }
.k-c-bad { color: #ffb4a8; } .k-bg-bad { background: #ffb4a8; }
.k-c-mid { color: #ffd28a; } .k-bg-mid { background: #ffd28a; }
.k-c-good { color: var(--k-accent); } .k-bg-good { background: var(--k-accent); }

.k-capi { padding: 18px; display: flex; flex-direction: column; gap: 12px; }
.k-capi__rows { display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.k-capi__row { display: flex; align-items: center; gap: 8px; }
.k-capi__row span:last-child { margin-left: auto; font-family: 'Geist Mono', monospace; color: var(--k-muted); }
.k-live { font-family: 'Geist Mono', monospace; font-size: 10px; background: var(--k-accent); padding: 3px 8px; border-radius: 999px; }
.k-dot--warn { background: #e0a100; }

.k-phone { width: 246px; height: 500px; border-radius: 40px; background: var(--k-ink); padding: 9px; box-shadow: 0 50px 90px -30px rgba(18,18,18,.6); }
.k-phone__screen { width: 100%; height: 100%; border-radius: 32px; background: #fff; overflow: hidden; display: flex; flex-direction: column; }
.k-phone__notch { align-self: center; width: 76px; height: 20px; border-radius: 999px; background: var(--k-ink); margin: 8px 0 6px; flex: 0 0 auto; }
.k-phone__head { display: flex; align-items: center; gap: 8px; padding: 6px 12px; flex: 0 0 auto; }
.k-phone__avatar { width: 26px; height: 26px; border-radius: 50%; background: var(--k-accent); box-shadow: inset 0 0 0 1px var(--k-ink); display: flex; align-items: center; justify-content: center; font-family: 'Geist Mono', monospace; font-size: 9px; font-weight: 500; overflow: hidden; }
.k-phone__avatar img { width: 100%; height: 100%; object-fit: cover; }
.k-phone__who { display: flex; flex-direction: column; line-height: 1.15; }
.k-phone__who b { font-size: 12px; font-weight: 600; }
.k-phone__who span { font-size: 10px; color: var(--k-muted); }
.k-phone__media { position: relative; width: 100%; aspect-ratio: 4 / 5; background: #e9e8e2; overflow: hidden; flex: 0 0 auto; }
.k-phone__fade { position: absolute; inset: 0; }
.k-phone__fade img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.k-phone__fade img:first-child { opacity: 1; }
.k-phone__track { position: absolute; left: 0; top: 0; height: 100%; width: max-content; display: flex; gap: var(--k-gin, 12px); opacity: 0; background: #fff; will-change: transform; }
.k-phone__track img { flex: 0 0 auto; max-width: none; width: var(--k-mw, 228px); height: 100%; object-fit: cover; }
.k-phone__shop { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; background: var(--k-ground); font-size: 12px; font-weight: 600; flex: 0 0 auto; }
.k-phone__icons { display: flex; gap: 12px; padding: 10px 12px; flex: 0 0 auto; }
.k-phone__icons svg { width: 18px; height: 18px; }

.k-thumb { width: 122px; height: 152px; border-radius: 16px; object-fit: cover; box-shadow: 0 24px 40px -18px rgba(18,18,18,.5); }

.k-teardown { padding: 16px 18px; display: flex; flex-direction: column; gap: 11px; }
.k-teardown__rows { display: flex; flex-direction: column; gap: 9px; font-size: 13px; }
.k-teardown__row { display: flex; align-items: center; gap: 10px; }
.k-teardown__row > span:nth-child(2) { flex: 1; }
.k-teardown__row > span:last-child { font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--k-muted); }
.k-tag { width: 26px; height: 26px; border-radius: 8px; background: #e9e8e2; display: flex; align-items: center; justify-content: center; font-family: 'Geist Mono', monospace; font-size: 10px; flex: 0 0 auto; }
.k-tag--dark { background: var(--k-ink); color: var(--k-accent); }

.k-approve { display: flex; align-items: center; gap: 10px; background: var(--k-ink); color: var(--k-on-dark); border-radius: 999px; padding: 8px 16px 8px 8px; box-shadow: 0 24px 50px -16px rgba(18,18,18,.6); white-space: nowrap; }
.k-approve__img { width: 34px; height: 34px; border-radius: 50%; background: var(--k-dark-4); overflow: hidden; display: flex; align-items: center; justify-content: center; font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--k-on-dark-2); }
.k-approve__img img { width: 100%; height: 100%; object-fit: cover; }
.k-approve__txt { display: flex; flex-direction: column; line-height: 1.2; }
.k-approve__txt b { font-size: 13px; font-weight: 600; }
.k-approve__txt span { font-size: 11px; color: var(--k-on-dark-3); }
.k-approve__ok { width: 24px; height: 24px; border-radius: 50%; background: var(--k-accent); display: flex; align-items: center; justify-content: center; }

.k-toasts { width: 300px; height: 52px; }
.k-toast { position: absolute; left: 0; top: 0; opacity: 0; display: flex; align-items: center; gap: 10px; background: var(--k-paper); border: 1px solid var(--k-ink); border-radius: 16px; padding: 10px 14px; box-shadow: 0 20px 40px -18px rgba(18,18,18,.5); white-space: nowrap; font-size: 13px; }
.k-toast:first-child { opacity: 1; }
.k-toast__ico { width: 28px; height: 28px; border-radius: 8px; background: var(--k-accent); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.k-toast__ico--dark { background: var(--k-ink); color: var(--k-accent); }
.k-toast__ico svg { width: 14px; height: 14px; }

/* ambient motion */
@keyframes k-sway { 0% { transform: scale(var(--k-s0, 1)) rotateX(11deg) rotateY(-20deg) rotateZ(2deg); } 100% { transform: scale(var(--k-s0, 1)) rotateX(8deg) rotateY(-12deg) rotateZ(1deg); } }
@keyframes k-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -12px; } }
@keyframes k-fade3 { 0% { opacity: 0; } 4% { opacity: 1; } 30% { opacity: 1; } 34% { opacity: 0; } 100% { opacity: 0; } }
@keyframes k-toast3 { 0% { opacity: 0; translate: 0 14px; } 4% { opacity: 1; translate: 0 0; } 29% { opacity: 1; translate: 0 0; } 33% { opacity: 0; translate: 0 -10px; } 100% { opacity: 0; translate: 0 -10px; } }
@keyframes k-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes k-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.k-motion .k-hero:not(.k-scene-on) .k-stage { animation: k-sway 16s ease-in-out infinite alternate; }
.k-motion .k-f1 { animation: k-float 9s ease-in-out infinite; }
.k-motion .k-f2 { animation: k-float 11s ease-in-out -3s infinite; }
.k-motion .k-f3 { animation: k-float 13s ease-in-out -6s infinite; }
.k-motion .k-f4 { animation: k-float 10s ease-in-out -2s infinite; }
.k-motion .k-phone__fade img { animation: k-fade3 15s ease-in-out infinite; }
.k-motion .k-phone__fade img:nth-child(2) { animation-delay: 5s; }
.k-motion .k-phone__fade img:nth-child(3) { animation-delay: 10s; }
.k-motion .k-toast { animation: k-toast3 18s ease-in-out infinite; }
.k-motion .k-toast:nth-child(2) { animation-delay: 6s; }
.k-motion .k-toast:nth-child(3) { animation-delay: 12s; }
.k-motion .k-pulse { animation: k-pulse 2.6s ease-in-out infinite; }

/* ==========================================================================
   Marquee strip
   ========================================================================== */
.k-marquee { border-top: 1px solid var(--k-ink); border-bottom: 1px solid var(--k-ink); background: var(--k-accent); overflow: hidden; }
.k-marquee__track { display: flex; width: max-content; }
.k-marquee__group { display: flex; align-items: center; gap: 28px; padding: 18px 14px; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.01em; white-space: nowrap; }
.k-marquee__group span[aria-hidden] { opacity: .55; }
.k-motion .k-marquee__track { animation: k-marquee 38s linear infinite; }
.k-marquee:hover .k-marquee__track { animation-play-state: paused; }

/* ==========================================================================
   Spectrum + compare
   ========================================================================== */
.k-spectrum__bar { position: relative; height: 10px; border-radius: 10px; background: var(--k-line); margin-bottom: 18px; }
.k-spectrum__bar::after { content: ''; position: absolute; left: 34%; width: 30%; top: 0; height: 10px; border-radius: 10px; background: var(--k-ink); }
.k-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.k-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 989px) { .k-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 749px) { .k-grid-3, .k-grid-4 { grid-template-columns: minmax(0, 1fr); } }
.k-tier { border: 1px solid var(--k-line); border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 10px; background: var(--k-paper); }
.k-tier__label { font-family: 'Geist Mono', monospace; font-size: 13px; color: var(--k-muted); }
.k-tier__title { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 24px; letter-spacing: -0.02em; line-height: 1.15; }
.k-tier__text { color: var(--k-ink-2); line-height: 1.5; }
.k-tier--us { border: 2px solid var(--k-ink); background: var(--k-ink); color: var(--k-on-dark); }
.k-tier--us .k-tier__label { color: var(--k-accent); }
.k-tier--us .k-tier__text { color: var(--k-on-dark-2); }

.k-table-wrap { overflow-x: auto; border: 1px solid var(--k-ink); border-radius: var(--k-radius); background: var(--k-paper); }
.k-table { width: 100%; min-width: 800px; border-collapse: collapse; font-size: 16px; }
.k-table th, .k-table td { padding: 18px 24px; text-align: left; border-bottom: 1px solid var(--k-line); vertical-align: top; }
.k-table thead th { font-weight: 600; padding-top: 20px; padding-bottom: 20px; }
.k-table tbody th { font-weight: 600; }
.k-table td { color: var(--k-ink-2); }
.k-table tr:last-child th, .k-table tr:last-child td { border-bottom: 0; }
.k-table .k-us { background: var(--k-ink); color: var(--k-on-dark); font-weight: 500; border-bottom-color: var(--k-dark-3); }
.k-table thead .k-us { color: var(--k-accent); font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 18px; }

/* ==========================================================================
   How it works (dark) + journey
   ========================================================================== */
.k-dark { background: var(--k-ink); color: var(--k-on-dark); }
.k-dark .k-eyebrow { color: var(--k-on-dark-3); }
.k-how__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 48px; }
.k-how__head .k-h2 { max-width: 780px; }
.k-how__head p { font-size: 18px; color: var(--k-on-dark-2); max-width: 420px; line-height: 1.5; }
.k-accent-text { color: var(--k-accent); }
.k-how__cols { display: flex; flex-wrap: wrap; gap: 16px; align-items: stretch; }
.k-how__col { flex: 1 1 380px; min-width: 0; border: 1px solid var(--k-dark-4); border-radius: var(--k-radius); padding: 32px; display: flex; flex-direction: column; gap: 20px; }
.k-how__col--primary { border: 2px solid var(--k-accent); }
.k-how__colhead { display: flex; align-items: center; gap: 12px; }
.k-how__ico { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--k-dark-5); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.k-how__col--primary .k-how__ico { background: var(--k-accent); border-color: var(--k-accent); color: var(--k-ink); }
.k-how__ico svg { width: 22px; height: 22px; }
.k-how__colhead h3 { font-family: 'Bricolage Grotesque', sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.02em; }
.k-how__sub { font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--k-on-dark-3); text-transform: uppercase; }
.k-how__list { list-style: none; display: flex; flex-direction: column; gap: 14px; font-size: 17px; color: #d9d8d0; }
.k-how__col--primary .k-how__list { color: var(--k-on-dark); }
.k-how__list li { display: flex; gap: 12px; }
.k-how__list li span { font-family: 'Geist Mono', monospace; color: #8d8d84; flex: 0 0 auto; }
.k-how__col--primary .k-how__list li span { color: var(--k-accent); }
.k-how__plus { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; padding: 8px; }
.k-how__plus span { width: 56px; height: 56px; border-radius: 50%; background: var(--k-accent); color: var(--k-ink); display: flex; align-items: center; justify-content: center; }
.k-how__closing { margin-top: 48px; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: clamp(22px, 2.4vw, 30px); letter-spacing: -0.02em; text-align: center; }
@media (max-width: 899px) { .k-how__plus { width: 100%; } }

.k-steps { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 16px; }
.k-step { position: relative; background: var(--k-paper); border-radius: 0 0 20px 20px; padding: 28px 24px 24px; display: flex; flex-direction: column; gap: 10px; }
.k-step::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--k-ink); transform-origin: left; }
.k-step:first-child::before { background: var(--k-accent); }
.k-step__label { font-family: 'Geist Mono', monospace; font-size: 13px; color: var(--k-muted); text-transform: uppercase; }
.k-step__title { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 24px; letter-spacing: -0.02em; line-height: 1.15; }
.k-step__text { color: var(--k-ink-2); line-height: 1.5; }

/* ==========================================================================
   Plan finder
   ========================================================================== */
.k-finder { border: 2px solid var(--k-ink); border-radius: 28px; background: var(--k-paper); padding: clamp(24px, 4vw, 48px); display: flex; flex-wrap: wrap; gap: 40px; }
.k-finder__q { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.k-finder fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.k-finder legend { font-weight: 600; font-size: 17px; margin-bottom: 12px; padding: 0; }
.k-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.k-chip { min-height: 48px; padding: 0 20px; border-radius: 999px; border: 2px solid var(--k-ink); background: var(--k-paper); color: var(--k-ink); font-weight: 500; font-size: 16px; cursor: pointer; }
.k-chip[aria-pressed="true"] { background: var(--k-ink); color: var(--k-accent); font-weight: 600; }
.k-finder__out { flex: 1 1 340px; min-width: 0; display: flex; }
.k-finder__empty { flex: 1; border: 2px dashed var(--k-line-2); border-radius: 22px; padding: 28px; display: flex; flex-direction: column; justify-content: center; gap: 10px; color: var(--k-muted); }
.k-finder__empty b { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 24px; color: var(--k-ink); }
.k-finder__rec { flex: 1; background: var(--k-accent); border-radius: 22px; padding: 28px; display: flex; flex-direction: column; gap: 14px; justify-content: space-between; }
.k-finder__rec[hidden], .k-finder__empty[hidden] { display: none; }
.k-finder__name { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 40px; line-height: 1; letter-spacing: -0.03em; }
.k-finder__price { font-family: 'Geist Mono', monospace; font-size: 16px; font-weight: 500; }
.k-finder__why { font-size: 17px; line-height: 1.5; }

/* ==========================================================================
   Plans
   ========================================================================== */
.k-included { background: var(--k-ink); color: var(--k-on-dark); border-radius: 22px; padding: 20px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 28px; margin-bottom: 20px; }
.k-included__label { font-family: 'Geist Mono', monospace; font-size: 13px; letter-spacing: .08em; color: var(--k-accent); text-transform: uppercase; }
.k-included__item { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; }
.k-included__item svg { width: 18px; height: 18px; }
.k-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
@media (max-width: 989px) { .k-plans { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin: 0 auto; } }
.k-plan { background: var(--k-paper); border: 1px solid var(--k-ink); border-radius: var(--k-radius); display: flex; flex-direction: column; overflow: hidden; }
.k-plan__flag { background: var(--k-accent); color: var(--k-ink); text-align: center; font-family: 'Geist Mono', monospace; font-size: 13px; font-weight: 500; padding: 8px; letter-spacing: .06em; text-transform: uppercase; }
.k-plan__top { padding: 28px 28px 20px; display: flex; flex-direction: column; gap: 10px; }
.k-plan__tag { font-family: 'Geist Mono', monospace; font-size: 13px; color: var(--k-muted); text-transform: uppercase; }
.k-plan__name { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 34px; letter-spacing: -0.03em; }
.k-plan__price { display: flex; align-items: baseline; gap: 8px; }
.k-plan__amount { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 52px; letter-spacing: -0.03em; line-height: 1; }
.k-plan__suffix { color: var(--k-muted); }
.k-plan__team { margin: 0 28px; padding: 14px 16px; border-radius: 14px; background: var(--k-ground); display: flex; flex-direction: column; gap: 10px; }
.k-plan__teamlabel { font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--k-muted); letter-spacing: .06em; text-transform: uppercase; }
.k-member { display: flex; align-items: center; gap: 10px; font-weight: 600; }
.k-member__ini { width: 30px; height: 30px; border-radius: 50%; background: var(--k-ink); color: var(--k-accent); display: flex; align-items: center; justify-content: center; font-family: 'Geist Mono', monospace; font-size: 11px; flex: 0 0 auto; }
.k-plan__list { list-style: none; margin-top: 16px; padding: 0 28px; display: flex; flex-direction: column; font-family: 'Geist Mono', monospace; font-size: 14px; }
.k-plan__list li { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px dashed var(--k-line-2); }
.k-plan__list li:last-child { border-bottom: 0; }
.k-plan__list li span:last-child { text-align: right; }
.k-plan__foot { padding: 24px 28px 28px; margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.k-plan__note { text-align: center; font-size: 14px; color: var(--k-muted); }
.k-plan--featured { background: var(--k-ink); color: var(--k-on-dark); }
.k-plan--featured .k-plan__tag, .k-plan--featured .k-plan__suffix, .k-plan--featured .k-plan__teamlabel, .k-plan--featured .k-plan__note { color: var(--k-on-dark-3); }
.k-plan--featured .k-plan__amount { color: var(--k-accent); }
.k-plan--featured .k-plan__team { background: var(--k-dark-2); }
.k-plan--featured .k-member__ini { background: var(--k-accent); color: var(--k-ink); }
.k-plan--featured .k-plan__list li { border-bottom-color: var(--k-dark-5); }

/* ==========================================================================
   Proof grid, team, promise, faq, cta
   ========================================================================== */
.k-proof__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 32px; }
.k-stat { background: var(--k-accent); color: var(--k-ink); border-radius: 22px; padding: 18px 24px; display: flex; flex-direction: column; align-items: flex-end; }
.k-stat b { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 48px; letter-spacing: -0.03em; line-height: 1; }
.k-stat span { font-family: 'Geist Mono', monospace; font-size: 13px; text-transform: uppercase; }
.k-proof__grid { display: grid; grid-template-columns: repeat(var(--k-cols, 5), minmax(0, 1fr)); gap: 14px; }
@media (max-width: 989px) { .k-proof__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 599px) { .k-proof__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.k-proof__item { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.k-proof__item img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 18px; transition: transform .3s ease; }
.k-proof__item:hover img { transform: translateY(-4px) rotate(-1deg); }
.k-proof__item figcaption { font-size: 14px; color: var(--k-muted); }
.k-dark .k-proof__item figcaption { color: var(--k-on-dark-3); }

.k-team__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.k-expert { margin: 0; border: 1px solid var(--k-line); border-radius: var(--k-radius); padding: 20px; display: flex; flex-direction: column; gap: 14px; background: var(--k-paper); }
.k-expert__img { aspect-ratio: 4 / 3; border-radius: 16px; background: #e9e8e2; overflow: hidden; display: flex; align-items: center; justify-content: center; font-family: 'Geist Mono', monospace; font-size: 13px; color: var(--k-muted); }
.k-expert__img img { width: 100%; height: 100%; object-fit: cover; }
.k-expert figcaption { display: flex; flex-direction: column; gap: 4px; }
.k-expert__role { font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--k-muted); text-transform: uppercase; }
.k-expert__name { font-weight: 600; font-size: 18px; }
.k-expert__bio { font-size: 15px; color: var(--k-muted); }
.k-case { background: var(--k-ink); color: var(--k-on-dark); border-radius: var(--k-radius); padding: 28px; display: flex; flex-direction: column; gap: 18px; justify-content: space-between; }
.k-case__num { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(72px, 8vw, 112px); line-height: .85; letter-spacing: -0.05em; color: var(--k-accent); }
.k-case__text { font-size: 19px; line-height: 1.35; }
.k-case a { color: var(--k-on-dark); font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; }

.k-promise { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; border: 2px dashed var(--k-ink); border-radius: 32px; padding: clamp(28px, 4vw, 56px); }
.k-promise__seal { flex: 0 0 auto; width: 150px; height: 150px; border-radius: 50%; background: var(--k-ink); color: var(--k-accent); display: flex; align-items: center; justify-content: center; text-align: center; font-family: 'Geist Mono', monospace; font-size: 13px; letter-spacing: .08em; line-height: 1.5; padding: 16px; text-transform: uppercase; }
.k-promise__body { flex: 1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.k-promise__body h2 { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(30px, 3.6vw, 46px); line-height: 1.05; letter-spacing: -0.03em; }
.k-promise__body p { font-size: 18px; color: var(--k-ink-2); line-height: 1.55; max-width: 660px; }

.k-faq { max-width: 900px; margin: 0 auto; }
.k-faq__list { border-top: 1px solid var(--k-ink); margin-top: 28px; }
.k-faq__item { border-bottom: 1px solid var(--k-ink); padding: 14px 0; }
.k-faq__item summary { cursor: pointer; font-weight: 600; font-size: 19px; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 16px; list-style: none; }
.k-faq__item summary::-webkit-details-marker { display: none; }
.k-faq__item summary::after { content: '+'; font-family: 'Geist Mono', monospace; font-size: 24px; font-weight: 400; transition: transform .2s ease; }
.k-faq__item[open] summary::after { transform: rotate(45deg); }
.k-faq__answer { padding: 4px 0 12px; color: var(--k-ink-2); font-size: 17px; line-height: 1.6; }
.k-faq__answer p + p { margin-top: 10px; }

.k-cta { background: var(--k-accent); border-top: 1px solid var(--k-ink); }
.k-cta__inner { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px; }
.k-cta__title { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(40px, 6vw, 80px); line-height: .98; letter-spacing: -0.04em; max-width: 980px; }
.k-cta__text { font-size: 19px; max-width: 580px; line-height: 1.5; }

/* ==========================================================================
   Product page
   ========================================================================== */
.k-crumbs { font-size: 14px; color: var(--k-muted); display: flex; gap: 8px; flex-wrap: wrap; padding-top: 24px; }
.k-crumbs a { color: var(--k-muted); }
.k-product { display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; padding-top: 24px; padding-bottom: 72px; }
.k-gallery { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 12px; position: sticky; top: 24px; }
@media (max-width: 989px) { .k-gallery { position: static; } }
.k-gallery__main { position: relative; border-radius: 28px; overflow: hidden; background: var(--k-ink); aspect-ratio: 1 / 1; }
.k-gallery__main img { width: 100%; height: 100%; object-fit: cover; }
.k-gallery__slide { position: absolute; inset: 0; opacity: 0; transition: opacity .35s ease; }
.k-gallery__slide.is-active { opacity: 1; position: relative; }
.k-gallery__thumbs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.k-gallery__thumb { aspect-ratio: 1 / 1; border-radius: 14px; overflow: hidden; border: 2px solid transparent; padding: 0; background: #e9e8e2; cursor: pointer; }
.k-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; }
.k-gallery__thumb[aria-current="true"] { border-color: var(--k-ink); }
.k-gallery__empty { aspect-ratio: 1 / 1; border-radius: 28px; background: var(--k-ink); color: var(--k-on-dark); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; text-align: center; padding: 32px; }
.k-gallery__empty b { font-family: 'Bricolage Grotesque', sans-serif; font-size: 40px; color: var(--k-accent); }

.k-buy { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.k-buy__title { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(40px, 5vw, 60px); line-height: 1; letter-spacing: -0.035em; }
.k-buy__intro { font-size: 18px; color: var(--k-ink-2); line-height: 1.5; }
.k-buy__intro p + p { margin-top: 10px; }
.k-buy fieldset { border: 0; margin: 0; padding: 0; }
.k-buy legend { font-weight: 600; font-size: 16px; margin-bottom: 10px; padding: 0; }
.k-variants { display: grid; grid-template-columns: repeat(var(--k-vcount, 3), minmax(0, 1fr)); gap: 10px; }
@media (max-width: 420px) { .k-variants { grid-template-columns: minmax(0, 1fr); } }
.k-variant { position: relative; }
.k-variant input { position: absolute; z-index: 2; opacity: 0; inset: 0; cursor: pointer; margin: 0; }
.k-variant label { min-height: 80px; border-radius: 14px; border: 1px solid var(--k-line-2); background: var(--k-paper); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 8px; cursor: pointer; text-align: center; }
.k-variant label b { font-weight: 600; font-size: 17px; }
.k-variant label span { font-family: 'Geist Mono', monospace; font-size: 13px; color: var(--k-muted); }
.k-variant input:checked + label { border: 2px solid var(--k-ink); background: var(--k-ink); color: var(--k-on-dark); }
.k-variant input:checked + label b { color: var(--k-accent); font-weight: 700; }
.k-variant input:checked + label span { color: var(--k-on-dark-2); }
.k-variant input:focus-visible + label { outline: 3px solid var(--k-accent); outline-offset: 3px; }
.k-variant input:disabled + label { opacity: .45; text-decoration: line-through; }
.k-pricebox { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; background: var(--k-paper); border: 1px solid var(--k-line); border-radius: 18px; padding: 16px 20px; }
.k-pricebox__amount { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 48px; letter-spacing: -0.03em; line-height: 1; }
.k-pricebox__compare { font-size: 20px; color: var(--k-muted); text-decoration: line-through; }
.k-pricebox__suffix { color: var(--k-muted); }
.k-teambox { background: var(--k-paper); border: 1px solid var(--k-line); border-radius: 18px; padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.k-teambox .k-member__ini { width: 34px; height: 34px; }
.k-buy__actions { display: flex; flex-direction: column; gap: 10px; }
.k-buy__actions .k-btn--accent { min-height: 58px; font-size: 18px; }
.k-assure { list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 15px; color: var(--k-ink-2); }
.k-assure li { display: flex; align-items: center; gap: 10px; }
.k-assure svg { width: 18px; height: 18px; flex: 0 0 auto; }
.k-error { color: #b42318; font-size: 14px; }

.k-box { display: flex; flex-wrap: wrap; gap: 32px; }
.k-box__head { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.k-box__list { flex: 2 1 560px; min-width: 0; list-style: none; padding: 0 28px; background: var(--k-paper); border: 1px solid var(--k-ink); border-radius: var(--k-radius); font-family: 'Geist Mono', monospace; font-size: 15px; }
.k-box__list li { display: flex; justify-content: space-between; gap: 12px; padding: 16px 0; border-bottom: 1px dashed var(--k-line-2); }
.k-box__list li:last-child { border-bottom: 0; }

/* ==========================================================================
   Generic pages: cart, collection, page, customers
   ========================================================================== */
.k-page { max-width: 820px; margin: 0 auto; padding: 64px 24px 96px; }
.k-page__title { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(36px, 5vw, 60px); letter-spacing: -0.03em; line-height: 1.02; margin-bottom: 28px; }
.k-rte { font-size: 17px; line-height: 1.65; color: var(--k-ink-2); }
.k-rte h2, .k-rte h3 { font-family: 'Bricolage Grotesque', sans-serif; color: var(--k-ink); margin: 1.4em 0 .5em; letter-spacing: -0.02em; }
.k-rte p, .k-rte ul, .k-rte ol { margin: 0 0 1em; }
.k-rte ul, .k-rte ol { padding-left: 1.4em; }
.k-rte img { border-radius: 16px; margin: 1em 0; }

.k-cart { max-width: 960px; margin: 0 auto; padding: 64px 24px 96px; }
.k-cart__items { list-style: none; border-top: 1px solid var(--k-ink); }
.k-cart__item { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--k-line); }
.k-cart__img { width: 96px; height: 96px; border-radius: 16px; overflow: hidden; background: var(--k-ink); }
.k-cart__img img { width: 100%; height: 100%; object-fit: cover; }
.k-cart__name { font-weight: 600; font-size: 18px; text-decoration: none; }
.k-cart__variant { color: var(--k-muted); font-size: 14px; }
.k-cart__qty { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.k-cart__qty input { width: 72px; min-height: 44px; border: 1px solid var(--k-line-2); border-radius: 10px; padding: 0 10px; font: inherit; background: var(--k-paper); }
.k-cart__price { font-family: 'Geist Mono', monospace; font-size: 16px; text-align: right; }
.k-cart__foot { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; margin-top: 28px; }
.k-cart__subtotal { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 32px; }
.k-link-btn { background: none; border: 0; padding: 0; text-decoration: underline; cursor: pointer; color: var(--k-muted); min-height: 44px; }
@media (max-width: 599px) { .k-cart__item { grid-template-columns: 72px minmax(0, 1fr); } .k-cart__img { width: 72px; height: 72px; } .k-cart__price { grid-column: 2; text-align: left; } }

.k-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.k-pcard { text-decoration: none; display: flex; flex-direction: column; gap: 12px; background: var(--k-paper); border: 1px solid var(--k-line); border-radius: var(--k-radius); padding: 14px; }
.k-pcard__img { aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden; background: var(--k-ink); }
.k-pcard__img img { width: 100%; height: 100%; object-fit: cover; }
.k-pcard__title { font-weight: 600; font-size: 18px; }
.k-pcard__price { font-family: 'Geist Mono', monospace; color: var(--k-muted); }

.k-form { display: flex; flex-direction: column; gap: 14px; max-width: 460px; }
.k-form label { font-weight: 600; font-size: 15px; display: flex; flex-direction: column; gap: 6px; }
.k-form input[type="email"], .k-form input[type="password"], .k-form input[type="text"], .k-form input[type="search"], .k-form input[type="tel"], .k-form select, .k-form textarea { min-height: 50px; border: 1px solid var(--k-line-2); border-radius: 12px; padding: 0 14px; font: inherit; font-weight: 400; background: var(--k-paper); color: var(--k-ink); }
.k-form textarea { padding: 12px 14px; min-height: 120px; }
.k-form .k-errors { background: #fdecea; border: 1px solid #f5c2c0; color: #8a1c13; border-radius: 12px; padding: 12px 14px; font-size: 14px; }
.k-form .k-errors ul { padding-left: 18px; }
.k-note { color: var(--k-muted); font-size: 14px; }
.k-success { background: #eaf6ec; border: 1px solid #b8e0c0; color: #14532d; border-radius: 12px; padding: 12px 14px; }

.k-orders { width: 100%; border-collapse: collapse; font-size: 15px; }
.k-orders th, .k-orders td { text-align: left; padding: 12px 10px; border-bottom: 1px solid var(--k-line); }

.k-search { display: flex; gap: 10px; margin-bottom: 32px; flex-wrap: wrap; }
.k-search input { flex: 1 1 260px; min-height: 52px; border: 2px solid var(--k-ink); border-radius: 14px; padding: 0 16px; font: inherit; background: var(--k-paper); }

.k-pagination { display: flex; gap: 12px; justify-content: center; margin-top: 40px; font-family: 'Geist Mono', monospace; }
.k-pagination a, .k-pagination span { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid var(--k-line-2); text-decoration: none; padding: 0 10px; }
.k-pagination .current { background: var(--k-ink); color: var(--k-on-dark); border-color: var(--k-ink); }

/* reduced motion: stop everything */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
.k-buy__form { display: flex; flex-direction: column; gap: 22px; }
.k-expert__ini { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 72px; letter-spacing: -0.03em; color: var(--k-ink); }

/* ==========================================================================
   Middle ground chart
   ========================================================================== */
.k-mid__head { margin-bottom: 36px; }
.k-mid__title { font-size: clamp(40px, 5.6vw, 76px); line-height: .98; letter-spacing: -0.04em; }
.k-mid__sub { font-size: 18px; color: var(--k-ink-2); }
.k-mid__title .k-highlight { white-space: nowrap; }
.k-chart { position: relative; max-width: 1080px; margin: 0 auto; aspect-ratio: 2 / 1; min-height: 340px; }
.k-chart__svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.k-chart__grid line { stroke: var(--k-line); stroke-width: 1; stroke-dasharray: 4 6; }
.k-chart__axis { fill: none; stroke: var(--k-ink); stroke-width: 1.5; }
.k-chart__curve { fill: none; stroke: var(--k-line-2); stroke-width: 2.5; stroke-linecap: round; }
.k-chart__lift { fill: none; stroke: var(--k-ink); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 1 0; }
.k-chart__axislabel { position: absolute; font-family: 'Geist Mono', monospace; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--k-muted); }
.k-chart__axislabel--y { left: 0; top: 0; transform: translateY(-2px); }
.k-chart__axislabel--x { right: 0; bottom: 0; }
.k-chart__note { position: absolute; font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--k-muted); white-space: nowrap; }
.k-chart__note--curve { left: 57%; top: 54%; }
.k-chart__note--lift { left: 35.6%; top: 46%; color: var(--k-ink); background: var(--k-accent); padding: 4px 10px; border-radius: 999px; }
.k-node { position: absolute; width: 0; height: 0; }
.k-node__dot { position: absolute; left: -9px; top: -9px; width: 18px; height: 18px; border-radius: 50%; background: var(--k-paper); border: 3px solid var(--k-ink); }
.k-node__chip { position: absolute; display: flex; flex-direction: column; gap: 2px; background: var(--k-paper); border: 1px solid var(--k-line); border-radius: 14px; padding: 10px 14px; white-space: nowrap; box-shadow: 0 16px 30px -22px rgba(18,18,18,.5); }
.k-node__chip b { font-family: 'Bricolage Grotesque', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -0.01em; }
.k-node__chip span { font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--k-muted); }
.k-node--diy .k-node__chip { right: 20px; bottom: 16px; }
.k-node--agency .k-node__chip { right: 22px; top: -10px; }
.k-node--us .k-node__dot { left: -15px; top: -15px; width: 30px; height: 30px; background: var(--k-accent); border-color: var(--k-ink); }
.k-node--us .k-node__chip { left: 30px; top: -30px; background: var(--k-ink); border-color: var(--k-ink); color: var(--k-on-dark); padding: 12px 18px; }
.k-node--us .k-node__chip b { font-size: 24px; color: var(--k-accent); }
.k-node--us .k-node__chip span { color: var(--k-on-dark-2); }
.k-node__glow { position: absolute; left: -80px; top: -80px; width: 160px; height: 160px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--k-accent) 55%, transparent) 0%, transparent 70%); }
@media (max-width: 749px) {
  .k-chart { aspect-ratio: 1 / 1.3; min-height: 0; margin-top: 12px; }
  .k-node__chip { padding: 8px 10px; border-radius: 12px; }
  .k-node__chip b { font-size: 15px; }
  .k-node__chip span { font-size: 11px; }
  .k-node--us .k-node__chip { left: 18px; top: auto; bottom: 20px; padding: 9px 12px; }
  .k-node--us .k-node__chip b { font-size: 19px; }
  .k-node--agency .k-node__chip { right: -8px; top: 24px; }
  .k-node--diy .k-node__chip { left: -30px; right: auto; bottom: 18px; }
  .k-chart__note--curve { left: 48%; top: 62%; }
  .k-chart__note--lift { left: 0; top: 45%; font-size: 11px; }
}
}

/* ==========================================================================
   Motion system (only when html.k-anim: JS on + no reduced-motion)
   ========================================================================== */
:root { --k-ease: cubic-bezier(.2,.8,.2,1); --k-ease-out-back: cubic-bezier(.3,1.5,.5,1); }

/* reveal on scroll */
.k-anim :is(.k-hero__copy > :not(h1), .k-head > .k-eyebrow, .k-head > p, .k-mid__sub, .k-chart, .k-table-wrap, .k-how__col, .k-how__plus, .k-how__closing, .k-how__head > p, .k-step, .k-finder, .k-included, .k-plan, .k-proof__item, .k-stat, .k-expert, .k-case, .k-promise, .k-faq__item, .k-cta__text, .k-cta .k-btn, .k-box__head > p, .k-box__list, .k-pcard, .k-tier) {
  opacity: 0; transform: translate3d(0, 32px, 0);
  transition: opacity .9s var(--k-ease), transform .9s var(--k-ease), color .35s var(--k-ease), translate .35s var(--k-ease), scale .2s ease, box-shadow .35s ease;
  transition-delay: calc(var(--i, 0) * 90ms), calc(var(--i, 0) * 90ms), 0s, 0s, 0s, 0s;
}
.k-anim :is(.k-hero__copy > :not(h1), .k-head > .k-eyebrow, .k-head > p, .k-mid__sub, .k-chart, .k-table-wrap, .k-how__col, .k-how__plus, .k-how__closing, .k-how__head > p, .k-step, .k-finder, .k-included, .k-plan, .k-proof__item, .k-stat, .k-expert, .k-case, .k-promise, .k-faq__item, .k-cta__text, .k-cta .k-btn, .k-box__head > p, .k-box__list, .k-pcard, .k-tier).is-in { opacity: 1; transform: none; }
.k-anim .k-hero__copy > .k-hero__sub { transition-delay: .35s; }
.k-anim .k-hero__copy > .k-hero__ctas { transition-delay: .48s; }
.k-anim .k-hero__copy > .k-trust { transition-delay: .6s; }

/* split headlines: words rise out of a mask */
.k-anim :is(.k-h2, .k-hero__title, .k-cta__title, .k-promise__body h2):not(.k-split) { visibility: hidden; }
.k-w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .1em; margin-bottom: -.1em; }
.k-w > span { display: inline-block; }
.k-anim .k-split .k-w > span { transform: translate3d(0, 108%, 0); transition: transform 1s var(--k-ease); transition-delay: calc(var(--w) * 45ms); }
.k-anim .k-split.is-in .k-w > span { transform: none; }
/* highlighter sweep on highlighted words */
.k-anim .k-split .k-highlight { background-size: 0% 100%; transition: background-size 1s var(--k-ease) .45s; }
.k-anim .k-split.is-in .k-highlight { background-size: 100% 100%; }

/* hero stage intro */
@keyframes k-stage-in { from { opacity: 0; translate: 0 40px; scale: .96; } }
@keyframes k-pop { from { scale: .7; } }
.k-anim .k-stagebox { animation: k-stage-in 1.2s var(--k-ease) .2s backwards; }
.k-anim .k-stage > .k-layer { animation: k-pop .9s var(--k-ease-out-back) backwards; animation-delay: calc(.45s + var(--d, 0) * 90ms); }

/* steps: the top rule draws in */
.k-anim .k-step::before { transform: scaleX(0); transition: transform 1s var(--k-ease) calc(var(--i, 0) * 120ms + .2s); }
.k-anim .k-step.is-in::before { transform: scaleX(1); }

/* how: plus spins in */
.k-anim .k-how__plus span { transition: rotate .9s var(--k-ease) .3s; rotate: -180deg; }
.k-anim .k-how__plus.is-in span { rotate: 0deg; }

/* promise seal spins in */
.k-anim .k-promise .k-promise__seal { transition: rotate 1.2s var(--k-ease) .2s, scale 1.2s var(--k-ease-out-back) .2s; rotate: -90deg; scale: .6; }
.k-anim .k-promise.is-in .k-promise__seal { rotate: 0deg; scale: 1; }

/* chart draws itself */
.k-anim .k-chart .k-chart__curve, .k-anim .k-chart .k-chart__lift { stroke-dasharray: 1; stroke-dashoffset: 1; }
.k-anim .k-chart.is-in .k-chart__curve { stroke-dashoffset: 0; transition: stroke-dashoffset 1.4s var(--k-ease) .2s; }
.k-anim .k-chart.is-in .k-chart__lift { stroke-dashoffset: 0; transition: stroke-dashoffset .8s var(--k-ease) 1.3s; }
.k-anim .k-chart .k-node, .k-anim .k-chart .k-chart__note { opacity: 0; scale: .6; transition: opacity .6s var(--k-ease), scale .8s var(--k-ease-out-back); }
.k-anim .k-chart.is-in .k-node--diy { opacity: 1; scale: 1; transition-delay: .3s; }
.k-anim .k-chart.is-in .k-node--agency { opacity: 1; scale: 1; transition-delay: 1.1s; }
.k-anim .k-chart.is-in .k-chart__note--curve { opacity: 1; scale: 1; transition-delay: 1.2s; }
.k-anim .k-chart.is-in .k-node--us { opacity: 1; scale: 1; transition-delay: 1.75s; }
.k-anim .k-chart.is-in .k-chart__note--lift { opacity: 1; scale: 1; transition-delay: 2s; }
.k-node--diy .k-node__chip, .k-node--agency .k-node__chip { transform-origin: left center; }
@keyframes k-glow { 0%, 100% { transform: scale(.8); opacity: .55; } 50% { transform: scale(1.25); opacity: 1; } }
@keyframes k-ring { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--k-accent) 70%, transparent); } 100% { box-shadow: 0 0 0 22px transparent; } }
.k-motion .k-node--us .k-node__glow { animation: k-glow 4s ease-in-out infinite; }
.k-motion .k-node--us .k-node__dot { animation: k-ring 2.4s ease-out infinite; }

/* finder result pops in */
@keyframes k-pop-in { from { opacity: 0; transform: translateY(14px) scale(.97); } }
.k-anim .k-finder__rec:not([hidden]) { animation: k-pop-in .6s var(--k-ease) both; }
.k-chip { transition: background-color .25s ease, color .25s ease, scale .2s ease; }
.k-chip:active { scale: .95; }

/* buttons: fill sweep, arrow nudge, press, accent shine */
.k-btn::before { content: ''; position: absolute; inset: -2px; z-index: -1; border-radius: inherit; transform: translate3d(0, 102%, 0); transition: transform .5s cubic-bezier(.7,0,.2,1); }
.k-btn--dark::before { background: var(--k-accent); }
.k-btn--outline::before { background: var(--k-ink); }
.k-btn--accent::before { background: var(--k-ink); }
.k-btn--light::before { background: var(--k-accent); }
.k-btn::after { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; z-index: -1; background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); transform: skewX(-18deg) translateX(0); opacity: 0; pointer-events: none; }
.k-btn .k-icon { transition: transform .35s var(--k-ease); }
.k-btn:active { scale: .97; }
@media (hover: hover) {
  .k-btn:hover::before { transform: translate3d(0, 0, 0); }
  .k-btn--dark:hover, .k-btn--light:hover { color: var(--k-ink); }
  .k-btn--outline:hover { color: var(--k-on-dark); }
  .k-btn--accent:hover { color: var(--k-accent); }
  .k-btn:hover .k-icon { transform: translateX(4px); }
  .k-btn:hover { box-shadow: 0 14px 30px -16px rgba(18,18,18,.55); }
}
@keyframes k-shine { from { transform: skewX(-18deg) translateX(0); opacity: 1; } to { transform: skewX(-18deg) translateX(420%); opacity: 1; } }
.k-motion .k-btn--accent::after { animation: k-shine 1.1s var(--k-ease) 2.4s 1 both; }
.k-btn[disabled]::before, .k-btn[disabled]::after { display: none; }

/* spotlight cards (pointer devices) */
.k-spot { position: relative; transition: transform .45s var(--k-ease), box-shadow .45s var(--k-ease), opacity .9s var(--k-ease); }
.k-spot::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(420px circle at var(--sx, 50%) var(--sy, 50%), color-mix(in srgb, var(--k-accent) 22%, transparent), transparent 60%); opacity: 0; transition: opacity .35s ease; }
.k-spot:hover::after { opacity: 1; }
.k-anim :is(.k-plan, .k-expert, .k-pcard).k-spot.is-in:hover, :is(.k-plan, .k-expert, .k-pcard).k-spot:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -36px rgba(18,18,18,.55); }
.k-plan > *, .k-expert > * { position: relative; z-index: 1; }
.k-expert__img img { transition: transform .8s var(--k-ease); }
.k-expert:hover .k-expert__img img { transform: scale(1.05); }

/* sticky header: frosted on scroll, hides while scrolling down */
.k-header-section { position: sticky; top: 0; z-index: 40; transition: transform .45s var(--k-ease); view-transition-name: k-header; }
.k-header-section:has(.k-header[data-sticky="false"]) { position: relative; }
.k-header-section.is-hidden { transform: translateY(-100%); }
.k-header { transition: background-color .35s ease, box-shadow .35s ease; }
.k-header-section.is-scrolled .k-header { background: color-mix(in srgb, var(--k-ground) 80%, transparent); -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4); box-shadow: 0 1px 0 var(--k-line); }
.k-nav__links a { position: relative; }
.k-nav__links a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .35s var(--k-ease); }
@media (hover: hover) { .k-nav__links a:hover::after { transform: scaleX(1); transform-origin: left; } }

/* sections after the scene slide over its tail */
.template-index .k-main > .shopify-section { position: relative; z-index: 1; background: var(--k-ground); }
.template-index .k-main > .k-hero-section { z-index: 0; }

/* scroll progress bar (CSS scroll-driven where supported) */
.k-progress { display: none; }
@supports (animation-timeline: scroll()) {
  .k-anim .k-progress { display: block; position: fixed; left: 0; top: 0; right: 0; height: 3px; z-index: 60; background: var(--k-accent); transform-origin: left; transform: scaleX(0); animation: k-prog linear both; animation-timeline: scroll(root); pointer-events: none; }
  @keyframes k-prog { to { transform: scaleX(1); } }
}

/* smooth FAQ open (progressive) */
@supports (interpolate-size: allow-keywords) {
  :root { interpolate-size: allow-keywords; }
  .k-faq__item::details-content { block-size: 0; overflow: hidden; transition: block-size .45s var(--k-ease), content-visibility .45s allow-discrete; }
  .k-faq__item[open]::details-content { block-size: auto; }
}
.k-faq__item summary { transition: color .25s ease; }
@media (hover: hover) { .k-faq__item summary:hover { color: var(--k-ink-2); } }

/* cross-page transitions (Chrome, Edge, Safari 18.2+) */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: k-vt-out .25s ease both; }
  ::view-transition-new(root) { animation: k-vt-in .45s var(--k-ease) both; }
}
@keyframes k-vt-out { to { opacity: 0; transform: translateY(-12px); } }
@keyframes k-vt-in { from { opacity: 0; transform: translateY(18px); } }

/* ==========================================================================
   Product page motion
   ========================================================================== */
.k-gallery__slide { transform: scale(1.04); transition: opacity .55s var(--k-ease), transform 1s var(--k-ease); }
.k-gallery__slide.is-active { transform: none; }
.k-gallery__thumb { transition: border-color .25s ease, transform .3s var(--k-ease); }
@media (hover: hover) { .k-gallery__thumb:hover { transform: translateY(-3px); } }
.k-variant label { transition: background-color .3s var(--k-ease), color .3s var(--k-ease), border-color .3s var(--k-ease), transform .25s var(--k-ease); }
.k-variant input:active + label { transform: scale(.97); }
@media (hover: hover) { .k-variant input:not(:checked):hover + label { border-color: var(--k-ink); transform: translateY(-2px); } }
@keyframes k-tick { from { opacity: 0; transform: translateY(10px); } }
.k-anim .k-tick { display: inline-block; animation: k-tick .45s var(--k-ease); }
@keyframes k-item-in { from { opacity: 0; transform: translateX(-10px); } }
.k-anim .k-stagger > * { animation: k-item-in .45s var(--k-ease) backwards; }
.k-anim .k-stagger > *:nth-child(2) { animation-delay: .05s; } .k-anim .k-stagger > *:nth-child(3) { animation-delay: .1s; }
.k-anim .k-stagger > *:nth-child(4) { animation-delay: .15s; } .k-anim .k-stagger > *:nth-child(5) { animation-delay: .2s; }
.k-anim .k-stagger > *:nth-child(6) { animation-delay: .25s; } .k-anim .k-stagger > *:nth-child(7) { animation-delay: .3s; }
.k-anim .k-stagger > *:nth-child(n+8) { animation-delay: .35s; }

/* sticky mobile buy bar */
.k-buybar { display: none; }
@media (max-width: 989px) {
  .k-buybar { display: flex; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 50; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 18px; background: var(--k-ink); color: var(--k-on-dark); border-radius: 18px; box-shadow: 0 20px 40px -12px rgba(18,18,18,.6); transform: translateY(140%); transition: transform .5s var(--k-ease); }
  .k-buybar.is-visible { transform: none; }
  .k-buybar__info { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
  .k-buybar__info b { font-family: 'Bricolage Grotesque', sans-serif; font-size: 18px; color: var(--k-accent); }
  .k-buybar__info span { font-family: 'Geist Mono', monospace; font-size: 13px; color: var(--k-on-dark-2); }
  .k-buybar .k-btn { min-height: 46px; padding: 0 18px; border-color: var(--k-accent); }
}

@media (prefers-reduced-motion: reduce) {
  .k-header-section { transition: none; }
}
