/* ==========================================================
   partners.keisove.bg — landing styles
   Brand: dark + ember (#FF5A1F) · Oswald display · Montserrat body
   ========================================================== */
:root{
  --ink:#0E0E10; --ink-2:#151517; --ink-3:#1C1C1F;
  --white:#fff; --ember:#FF5A1F;
  --ember-soft:rgba(255,90,31,0.18);
  --ember-glow:rgba(255,90,31,0.45);
  --ash:#9A9A9E; --ash-2:#6B6B70;
  --line:rgba(255,255,255,0.08); --line-strong:rgba(255,255,255,0.18);
  --font-display:"Oswald","Bebas Neue",Impact,system-ui,sans-serif;
  --font-body:"Montserrat",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--ink);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
a{color:inherit;text-decoration:none}
.ember{color:var(--ember)}
.wrap{max-width:1360px;margin:0 auto;padding:0 32px}
@media (max-width:720px){.wrap{padding:0 20px}}

/* ── PATTERN BG (lightning bolts, stars, K letters) ── */
.pattern-bg{
  background-color:var(--ink);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'><g fill='none' stroke='%23FF5A1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.55'><path d='M28 16 L20 32 L26 32 L22 46 L32 28 L26 28 Z'/><path d='M178 50 L170 66 L176 66 L172 80 L182 62 L176 62 Z'/><path d='M70 178 L62 194 L68 194 L64 208 L74 190 L68 190 Z'/></g><g fill='%23FFFFFF' opacity='0.5'><path d='M120 22 L122 30 L130 32 L122 34 L120 42 L118 34 L110 32 L118 30 Z'/><path d='M204 138 L206 144 L212 146 L206 148 L204 154 L202 148 L196 146 L202 144 Z'/><path d='M50 100 L52 106 L58 108 L52 110 L50 116 L48 110 L42 108 L48 106 Z'/></g><g fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.4'><path d='M148 158 C150 152 154 150 156 154 C158 158 154 162 152 162 C148 162 148 154 152 152 C156 150 162 152 162 158'/><path d='M86 60 C88 54 92 52 94 56 C96 60 92 64 90 64 C86 64 86 56 90 54 C94 52 100 54 100 60'/></g><g fill='%23FF5A1F' opacity='0.6'><rect x='102' y='110' width='4' height='12'/><circle cx='104' cy='126' r='2'/><rect x='216' y='196' width='4' height='12'/><circle cx='218' cy='212' r='2'/><rect x='14' y='200' width='4' height='12'/><circle cx='16' cy='216' r='2'/></g><g font-family='Bebas Neue,Impact,sans-serif' fill='%23FFFFFF' opacity='0.32' font-size='20' font-weight='700'><text x='40' y='150'>K</text><text x='180' y='114'>K</text><text x='150' y='220'>K</text></g></svg>");
  background-size:240px 240px;
}

/* ── BUTTONS ── */
.kp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 24px;border-radius:6px;font-family:var(--font-display);
  font-weight:600;letter-spacing:0.06em;text-transform:uppercase;font-size:14px;
  transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
  border:2px solid transparent;
}
.kp-btn--sm{padding:9px 18px;font-size:12px}
.kp-btn--big{padding:18px 32px;font-size:16px}
.kp-btn--ember{background:var(--ember);color:#fff;box-shadow:0 6px 30px var(--ember-glow)}
.kp-btn--ember:hover{transform:translateY(-1px);box-shadow:0 10px 36px var(--ember-glow)}
.kp-btn--ink{background:var(--ink-3);color:#fff;border-color:var(--line-strong)}
.kp-btn--ink:hover{background:var(--ink-2);border-color:var(--ember)}
.kp-btn--ghost{background:transparent;color:#fff;border-color:var(--line-strong)}
.kp-btn--ghost:hover{border-color:var(--ember);color:var(--ember)}

/* ── NAV ── */
.kp-nav{position:sticky;top:0;z-index:50;background:rgba(14,14,16,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.kp-nav__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;gap:16px}
.kp-logo{display:flex;align-items:center;gap:10px}
.kp-logo img{width:36px;height:36px;border-radius:8px}
.kp-logo span{font-family:var(--font-display);font-size:18px;letter-spacing:0.04em}
.kp-logo b{color:var(--ember);font-weight:700;margin-left:6px}
.kp-nav__links{display:flex;gap:24px;font-size:13px;font-weight:500}
.kp-nav__links a{color:var(--ash);transition:color .15s}
.kp-nav__links a:hover{color:#fff}
@media (max-width:840px){.kp-nav__links{display:none}}

/* ── COMMON HEADERS ── */
.kp-h{margin-bottom:48px}
.kp-h--center{text-align:center;margin-left:auto;margin-right:auto;max-width:780px}
.kp-eyebrow{display:inline-block;font-family:var(--font-display);font-size:12px;letter-spacing:0.2em;color:var(--ember);text-transform:uppercase;font-weight:600;padding:6px 14px;border:1px solid var(--line-orange,rgba(255,90,31,0.4));border-radius:99px;margin-bottom:18px}
.kp-h h2{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-0.01em}
.kp-h p{margin-top:18px;color:var(--ash);font-size:16px;line-height:1.7}
.kp-chip{display:inline-block;font-family:var(--font-display);font-size:12px;letter-spacing:0.2em;text-transform:uppercase;padding:7px 16px;border:1px solid var(--ember);color:var(--ember);border-radius:99px;background:var(--ember-soft);font-weight:600}

/* ── 1. HERO ── */
.kp-hero{position:relative;padding:100px 0 90px;border-bottom:1px solid var(--line);overflow:hidden}
.kp-hero__inner{position:relative;text-align:center;max-width:920px;margin:0 auto}
.kp-hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(48px,8vw,108px);line-height:0.96;letter-spacing:-0.02em;margin-top:24px}
.kp-hero__kicker{font-family:var(--font-display);font-size:clamp(20px,3vw,30px);font-weight:600;color:var(--ember);margin-top:18px;letter-spacing:0.02em}
.kp-hero__sub{margin-top:22px;font-size:18px;line-height:1.7;color:var(--ash);max-width:680px;margin-left:auto;margin-right:auto}
.kp-hero__cta{margin-top:36px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.kp-hero__meta{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:680px;margin-left:auto;margin-right:auto}
.kp-hero__meta>div{background:rgba(255,255,255,0.04);border:1px solid var(--line);border-radius:12px;padding:18px 16px;text-align:center}
.kp-hero__meta b{display:block;font-family:var(--font-display);font-size:28px;color:var(--ember);font-weight:700;line-height:1}
.kp-hero__meta span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:0.12em;color:var(--ash);margin-top:6px;font-weight:500}

/* ── 2. WHAT ── */
.kp-what{padding:100px 0;background:var(--ink-2)}
.kp-what__body{max-width:780px;margin:0 auto;font-size:18px;line-height:1.8;color:#e6e6e8}
.kp-what__body p{margin-bottom:18px}
.kp-what__formula{margin-top:32px;padding:24px;background:var(--ink);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:15px;text-align:center}
.kp-what__formula em{font-style:normal;font-family:var(--font-display);color:var(--ember);font-size:24px;font-weight:700}
.kp-what__formula b{font-family:var(--font-display);font-size:24px;font-weight:700}

/* ── 3. HOW ── */
.kp-how{padding:100px 0;border-bottom:1px solid var(--line)}
.kp-how__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:840px){.kp-how__grid{grid-template-columns:1fr}}
.kp-step{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:32px 26px;position:relative;transition:border-color .2s}
.kp-step:hover{border-color:var(--ember)}
.kp-step__num{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--ember);opacity:0.45;display:block;line-height:1}
.kp-step h3{font-family:var(--font-display);font-size:22px;font-weight:600;margin-top:14px;line-height:1.2}
.kp-step p{margin-top:12px;color:var(--ash);line-height:1.7;font-size:14px}

/* ── 4. TOOLS ── */
.kp-tools{padding:100px 0;background:var(--ink-2)}
.kp-tools__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1000px){.kp-tools__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.kp-tools__grid{grid-template-columns:1fr}}
.kp-tool{background:var(--ink);border:1px solid var(--line);border-radius:14px;padding:24px;transition:transform .2s,border-color .2s}
.kp-tool:hover{transform:translateY(-2px);border-color:var(--ember)}
.kp-tool__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ember);color:#fff;font-family:var(--font-display);font-weight:700;font-size:14px}
.kp-tool h3{font-family:var(--font-display);font-size:18px;font-weight:600;margin-top:14px;line-height:1.3}
.kp-tool p{margin-top:8px;color:var(--ash);font-size:13px;line-height:1.6}
.kp-tool em{font-style:italic;color:var(--ash-2);font-size:12px}

/* ── 5. PLANS ── */
.kp-plans{padding:100px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kp-plans__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
@media (max-width:1100px){.kp-plans__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.kp-plans__grid{grid-template-columns:1fr}}
.kp-plan{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:30px 24px;position:relative;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.kp-plan:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.kp-plan--featured{border:2px solid var(--ember);box-shadow:0 0 0 1px var(--ember-glow),0 16px 40px rgba(255,90,31,0.18);background:linear-gradient(180deg,var(--ink-2),var(--ink-3))}
.kp-plan__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--ember);color:#fff;font-family:var(--font-display);font-size:11px;letter-spacing:0.16em;padding:6px 14px;border-radius:99px;font-weight:700;white-space:nowrap}
.kp-plan__name{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:0.02em}
.kp-plan__tagline{color:var(--ash);font-size:13px;margin-top:4px;min-height:18px}
.kp-plan__price{display:flex;align-items:baseline;gap:6px;margin-top:18px}
.kp-plan__price b{font-family:var(--font-display);font-size:54px;font-weight:700;line-height:1;color:#fff}
.kp-plan__price span{color:var(--ash);font-size:14px}
.kp-plan__sub{color:var(--ash-2);font-size:12px;margin-top:4px}
.kp-plan__stat{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;padding:14px;background:var(--ink);border-radius:10px;border:1px solid var(--line)}
.kp-plan__stat>div{text-align:center}
.kp-plan__stat span{display:block;font-size:10px;color:var(--ash-2);text-transform:uppercase;letter-spacing:0.08em;font-weight:600}
.kp-plan__stat b{display:block;font-family:var(--font-display);color:var(--ember);font-size:22px;font-weight:700;margin-top:4px;line-height:1}
.kp-plan__over{margin-top:10px;font-size:11px;color:var(--ash-2);text-align:center}
.kp-plan__features{list-style:none;margin:20px 0 22px;flex-grow:1;display:flex;flex-direction:column;gap:8px}
.kp-plan__features li{font-size:13px;color:#e6e6e8;padding-left:22px;position:relative;line-height:1.5}
.kp-plan__features li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:var(--ember);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 6.5l2 2 4-4.5'/></svg>");background-position:center;background-repeat:no-repeat;background-size:10px}
.kp-plan__features li.off{color:var(--ash-2);text-decoration:line-through}
.kp-plan__features li.off::before{background:var(--ink);border:1px solid var(--line-strong);background-image:none}
.kp-plans__note{margin-top:32px;text-align:center;color:var(--ash);font-size:13px}

/* ── 6. CALC ── */
.kp-calc{padding:100px 0;background:var(--ink-2)}
.kp-calc__card{background:var(--ink);border:1px solid var(--line);border-radius:16px;padding:36px;max-width:980px;margin:0 auto}
.kp-calc__controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.kp-calc__controls .kp-calc__field:first-child{grid-column:1 / -1}
@media (max-width:680px){.kp-calc__controls{grid-template-columns:1fr}}
.kp-calc__field label{display:block;font-size:14px;color:#e6e6e8;font-weight:500}
.kp-calc__field label b{color:var(--ember);font-family:var(--font-display);font-size:20px;font-weight:700;margin-left:8px}
.kp-calc__field select,.kp-calc__field input[type=range]{display:block;width:100%;margin-top:10px}
.kp-calc__field select{background:var(--ink-2);color:#fff;border:1px solid var(--line-strong);border-radius:8px;padding:12px 14px;font:inherit}
.kp-calc__field input[type=range]{accent-color:var(--ember);height:6px}
.kp-calc__ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--ash-2);margin-top:4px;letter-spacing:0.08em}
.kp-calc__out{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
@media (max-width:680px){.kp-calc__out{grid-template-columns:repeat(2,1fr)}}
.kp-calc__cell{background:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center}
.kp-calc__cell span{display:block;font-size:11px;color:var(--ash-2);text-transform:uppercase;letter-spacing:0.08em;font-weight:600}
.kp-calc__cell b{display:block;font-family:var(--font-display);font-size:26px;font-weight:700;margin-top:6px;color:#fff}
.kp-calc__cell--big{grid-column:span 3;background:var(--ember-soft);border-color:var(--ember)}
@media (max-width:680px){.kp-calc__cell--big{grid-column:span 2}}
.kp-calc__cell--big b{font-size:36px}
.kp-calc__note{margin-top:18px;font-size:12px;color:var(--ash-2);text-align:center;line-height:1.6}

/* ── 7. SITE FROM SCRATCH ── */
.kp-site{padding:100px 0;border-bottom:1px solid var(--line)}
.kp-site__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:840px){.kp-site__grid{grid-template-columns:1fr}}
.kp-site__card{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:32px 28px;position:relative;display:flex;flex-direction:column}
.kp-site__card--featured{border:2px solid var(--ember);box-shadow:0 0 0 1px var(--ember-glow)}
.kp-site__card h3{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:0.02em}
.kp-site__price{display:flex;align-items:baseline;gap:6px;margin-top:14px;margin-bottom:18px}
.kp-site__price b{font-family:var(--font-display);font-size:50px;font-weight:700;line-height:1}
.kp-site__price span{color:var(--ash);font-size:13px}
.kp-site__card ul{list-style:none;flex-grow:1;display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.kp-site__card li{font-size:13px;color:#e6e6e8;padding-left:22px;position:relative;line-height:1.5}
.kp-site__card li::before{content:"→";position:absolute;left:0;color:var(--ember);font-weight:700}

/* ── 8. VS ── */
.kp-vs{padding:100px 0;background:var(--ink-2)}
.kp-vs__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:840px){.kp-vs__grid{grid-template-columns:1fr}}
.kp-vs__col{background:var(--ink);border:1px solid var(--line);border-radius:16px;padding:32px}
.kp-vs__col--good{border-color:var(--ember)}
.kp-vs__col h3{font-family:var(--font-display);font-size:32px;font-weight:700;margin-bottom:20px}
.kp-vs__col--bad h3{color:var(--ash)}
.kp-vs__col--good h3{color:var(--ember)}
.kp-vs__col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.kp-vs__col li{font-size:15px;color:#e6e6e8;padding-left:28px;position:relative;line-height:1.6}
.kp-vs__col--bad li::before{content:"✕";position:absolute;left:0;color:#ef4444;font-weight:700;font-size:18px;line-height:1}
.kp-vs__col--good li::before{content:"✓";position:absolute;left:0;color:var(--ember);font-weight:700;font-size:18px;line-height:1}
.kp-vs__col li b{color:#fff}

/* ── 9. WHY ── */
.kp-why{padding:100px 0;border-bottom:1px solid var(--line)}
.kp-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1000px){.kp-why__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.kp-why__grid{grid-template-columns:1fr}}
.kp-why__card{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:28px 24px;transition:border-color .2s}
.kp-why__card:hover{border-color:var(--ember)}
.kp-why__card h3{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--ember)}
.kp-why__card p{margin-top:10px;color:var(--ash);font-size:14px;line-height:1.6}

/* ── 10. FAQ ── */
.kp-faq{padding:100px 0;background:var(--ink-2)}
.kp-faq__list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.kp-faq__list details{background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:18px 22px;transition:border-color .2s}
.kp-faq__list details[open]{border-color:var(--ember)}
.kp-faq__list summary{cursor:pointer;font-family:var(--font-display);font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.kp-faq__list summary::-webkit-details-marker{display:none}
.kp-faq__list summary::after{content:"+";color:var(--ember);font-size:24px;font-weight:300;transition:transform .2s}
.kp-faq__list details[open] summary::after{content:"−"}
.kp-faq__list p{margin-top:14px;color:#cfcfd2;font-size:14px;line-height:1.7}

/* ── 11. CTA / WAITLIST FORM ── */
.kp-cta{padding:100px 0;border-top:1px solid var(--line)}
.kp-cta__wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
@media (max-width:900px){.kp-cta__wrap{grid-template-columns:1fr;gap:40px}}
.kp-cta__left h2{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,5vw,56px);line-height:1.05;margin-top:18px}
.kp-cta__left p{margin-top:18px;color:var(--ash);font-size:16px;line-height:1.7}
.kp-cta__bonus{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}
.kp-cta__bonus li{font-size:15px;color:#e6e6e8;padding-left:30px;position:relative;line-height:1.6}
.kp-cta__bonus li::before{content:"⚡";position:absolute;left:0;color:var(--ember);font-size:18px}

.kp-form{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:14px}
.kp-form h3{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:6px}
.kp-form label{display:flex;flex-direction:column;gap:6px}
.kp-form label span{font-size:12px;color:var(--ash);text-transform:uppercase;letter-spacing:0.06em;font-weight:600}
.kp-form input,.kp-form select,.kp-form textarea{background:var(--ink);color:#fff;border:1px solid var(--line-strong);border-radius:8px;padding:12px 14px;font:inherit;font-size:14px;transition:border-color .15s}
.kp-form input:focus,.kp-form select:focus,.kp-form textarea:focus{outline:none;border-color:var(--ember)}
.kp-form textarea{resize:vertical;min-height:80px}
.kp-form__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.kp-form__msg{font-size:14px;margin-top:6px;min-height:20px;font-weight:600}

/* ── FOOTER ── */
.kp-foot{padding:48px 0 32px;background:#070708;border-top:1px solid var(--line)}
.kp-foot__inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;align-items:start}
@media (max-width:840px){.kp-foot__inner{grid-template-columns:1fr;gap:24px}}
.kp-foot__brand{display:flex;gap:14px;align-items:center}
.kp-foot__brand img{width:48px;height:48px;border-radius:10px}
.kp-foot__brand b{font-family:var(--font-display);font-size:18px;display:block}
.kp-foot__brand small{color:var(--ash);font-size:12px;display:block;margin-top:2px}
.kp-foot__links{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ash)}
.kp-foot__links a:hover{color:var(--ember)}
.kp-foot__legal{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ash-2)}
