/* "Klep's treat" — the 14-days-of-Pro-free closing CTA band. Fully scoped
   under .klep-treat / .kt-* so nothing leaks. Dark ink band with Klep offering
   the trial in his own voice (mirrors the how-it-works speech bubbles). */
.klep-treat{position:relative;overflow:hidden;background:radial-gradient(70% 110% at 50% -10%,color-mix(in srgb,var(--acid) 16%,transparent),transparent 55%),linear-gradient(165deg,#0E0E0C,#17170f);color:#F4EFE6;padding:76px clamp(20px,5vw,88px) 84px;text-align:center}
.klep-treat *{box-sizing:border-box}
.kt-wrap{position:relative;z-index:1;max-width:860px;margin:0 auto}

/* Klep, arms up, gently bobbing */
.kt-klep{width:92px;height:94px;margin:0 auto 4px;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));animation:kt-bob 3.2s ease-in-out infinite}
@keyframes kt-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* his offer, in his voice */
.kt-bubble{display:inline-block;background:#fff;border:2px solid #0E0E0C;border-radius:12px;border-bottom-left-radius:3px;padding:7px 14px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#0E0E0C;box-shadow:4px 4px 0 color-mix(in srgb,var(--acid) 50%,transparent);animation:kt-float 3.2s ease-in-out infinite}
.kt-bubble em{font-style:normal;background:var(--acid);padding:0 4px;border-radius:3px}
@keyframes kt-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

.kt-title{font-family:'Satoshi','Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(30px,4.6vw,54px);letter-spacing:-.025em;line-height:1.05;margin:18px 0 0}
.kt-title em{font-style:italic;color:var(--acid)}

/* the Pro manifest — what the treat unlocks */
.kt-chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:640px;margin:22px auto 0}
.kt-chip{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--acid);border:1.5px solid color-mix(in srgb,var(--acid) 55%,transparent);border-radius:999px;padding:7px 14px;white-space:nowrap}

.kt-cta{display:inline-block;background:var(--acid);color:#0E0E0C;font-family:'Inter','Familjen Grotesk',sans-serif;font-weight:700;font-size:16px;border:2px solid #0E0E0C;border-radius:12px;padding:14px 28px;margin-top:26px;text-decoration:none;box-shadow:5px 6px 0 color-mix(in srgb,var(--acid) 28%,transparent);transition:transform .16s ease,box-shadow .16s ease}
.kt-cta:hover{transform:translate(-2px,-2px);box-shadow:8px 9px 0 color-mix(in srgb,var(--acid) 40%,transparent)}

.kt-fine{font-family:'JetBrains Mono',monospace;font-size:11px;color:#c7c4b9;margin-top:14px}
.kt-fine b{color:var(--acid);font-weight:700}

/* ── the treat, itemized as a printed receipt ──
   Light paper card spotlit on the dark band. Uses the shipped tokens
   (JetBrains Mono body, Bricolage display, acid/coral/ink). Coral stays the
   i-dot + Klep; acid is the FREE chip; INCL/$0.00 use a receipt-green. */
.kt-receipt{--z:11px;position:relative;width:344px;max-width:90vw;margin:30px auto 6px;
  background:#FFFDF7;color:var(--ink);padding:28px 24px 24px;font-family:var(--font-mono);text-align:left;
  box-shadow:0 2px 4px rgba(0,0,0,.18),0 34px 62px -26px rgba(0,0,0,.66);
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) var(--z) repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--z) var(--z) repeat-x,linear-gradient(#000 0 0) center/100% calc(100% - 2*var(--z)) no-repeat;
          mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) var(--z) repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--z) var(--z) repeat-x,linear-gradient(#000 0 0) center/100% calc(100% - 2*var(--z)) no-repeat;
  animation:ktr-print .7s var(--ease-out) both}
@keyframes ktr-print{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.ktr-mark{font-family:var(--font-display);font-weight:700;font-size:23px;letter-spacing:-.03em;display:flex;justify-content:center;align-items:baseline}
.ktr-i{position:relative;display:inline-block;width:.32em;height:.80em}
.ktr-dot{position:absolute;left:50%;transform:translateX(-50%);top:0;width:.22em;height:.22em;border-radius:50%;background:var(--coral)}
.ktr-stem{position:absolute;left:50%;transform:translateX(-50%);top:.30em;width:.14em;height:.50em;border-radius:.04em;background:var(--ink)}
.ktr-sub{text-align:center;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.ktr-meta{text-align:center;font-size:10px;color:var(--muted);margin-top:9px;line-height:1.7;letter-spacing:.02em}
.ktr-rule{border:0;border-top:1.5px dashed rgba(14,14,12,.18);margin:15px 0}
.ktr-rule.ktr-solid{border-top:1.5px solid rgba(14,14,12,.8)}
.ktr-seclbl{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.ktr-li{display:flex;align-items:baseline;gap:6px;font-size:12.5px;margin:9px 0}
.ktr-nm{white-space:nowrap;color:var(--ink)}
.ktr-dots{flex:1;border-bottom:1.5px dotted var(--muted);opacity:.5;transform:translateY(-3px)}
.ktr-amt{white-space:nowrap;font-weight:700;color:#2F8F4E;letter-spacing:.04em}
.ktr-tot{display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px;margin:8px 0}
.ktr-tot.ktr-strike{color:var(--muted)}
.ktr-amt2{font-weight:700;font-variant-numeric:tabular-nums}
.ktr-tot.ktr-free{align-items:center}
.ktr-chip{font-size:10px;font-weight:700;letter-spacing:.08em;background:var(--acid);color:var(--ink);border-radius:4px;padding:3px 8px}
.ktr-due{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 2px}
.ktr-duelbl{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em}
.ktr-dueamt{font-family:var(--font-display);font-weight:700;font-size:29px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#2F8F4E}
.ktr-then{text-align:center;font-size:12px;color:var(--ink);margin-top:8px;letter-spacing:.02em}
.ktr-then b{font-weight:700}
.ktr-barcode{height:42px;width:78%;margin:16px auto 7px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 3px,var(--ink) 3px 6px,transparent 6px 7px,var(--ink) 7px 9px,transparent 9px 12px,var(--ink) 12px 13px,transparent 13px 15px)}
.ktr-bcnum{text-align:center;font-size:10px;letter-spacing:.32em;color:var(--muted)}
.ktr-foot{text-align:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px}
.ktr-kb{width:16px;height:16px;border-radius:4px;background:var(--coral);position:relative;flex:none}
.ktr-kb::before,.ktr-kb::after{content:"";position:absolute;top:5px;width:3.5px;height:3.5px;border-radius:50%;background:#fff}
.ktr-kb::before{left:3px}.ktr-kb::after{right:3px}

@media(max-width:560px){.klep-treat{padding:56px 18px 62px}.kt-chip{font-size:10px;padding:6px 11px}
  .kt-receipt{width:300px;padding:24px 18px 20px}}
@media(prefers-reduced-motion:reduce){.kt-klep,.kt-bubble,.kt-receipt{animation:none}}