.elementor-2791 .elementor-element.elementor-element-c3018f6{--display:flex;--margin-top:-10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5e68c5d *//* ==========================================================
   KODCRAFT AI - CONVERSION-FOCUSED LANDING PAGE DEVELOPMENT
   Elementor-ready stylesheet. Body content only.
   Fonts are referenced but not imported so Elementor/site-level
   font loading can control delivery.
   ========================================================== */

.kc-lp-service-page {
  --kc-lime: #C7F32F;
  --kc-lime-bright: #D8FF4C;
  --kc-lime-soft: rgba(199, 243, 47, 0.10);
  --kc-lime-faint: rgba(199, 243, 47, 0.055);
  --kc-black: #070807;
  --kc-black-2: #0A0C0A;
  --kc-charcoal: #0E110E;
  --kc-card: #101310;
  --kc-card-2: #151915;
  --kc-text: #F2F4ED;
  --kc-muted: #A5ACA1;
  --kc-muted-2: #747C72;
  --kc-border: rgba(255, 255, 255, 0.095);
  --kc-border-strong: rgba(255, 255, 255, 0.17);
  --kc-lime-border: rgba(199, 243, 47, 0.30);
  --kc-shadow: 0 24px 78px rgba(0, 0, 0, 0.34);
  --kc-radius-sm: 14px;
  --kc-radius: 20px;
  --kc-radius-lg: 28px;
  --kc-container: 1240px;
  --kc-section-space: clamp(84px, 9vw, 144px);

  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--kc-black);
  color: var(--kc-text);
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.kc-lp-service-page *,
.kc-lp-service-page *::before,
.kc-lp-service-page *::after { box-sizing: border-box; }

.kc-lp-service-page :where(h1, h2, h3, p, ul, ol) { margin-top: 0; }
.kc-lp-service-page :where(a, summary) { -webkit-tap-highlight-color: transparent; }
.kc-lp-service-page a { color: inherit; }

.kc-lp-service-page h1,
.kc-lp-service-page h2,
.kc-lp-service-page h3 {
  font-family: "Syne", Arial, sans-serif;
  color: var(--kc-text);
  letter-spacing: -0.035em;
  text-wrap: balance;
}

.kc-lp-service-page h1 {
  margin-bottom: 24px;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.08em !important;
}

.kc-lp-service-page h2 {
  margin-bottom: 24px;
  font-size: 44px;
  font-weight: 700;
  line-height: 1em;
}

.kc-lp-service-page h3 {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1em;
}

.kc-lp-service-page p,
.kc-lp-service-page li {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}

.kc-lp-service-page p { margin-bottom: 16px; color: var(--kc-muted); }
.kc-lp-service-page strong { color: var(--kc-text); font-weight: 600; }

.kc-lp-container {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 48px), var(--kc-container));
  margin-inline: auto;
}

.kc-lp-section {
  position: relative;
  padding-block: var(--kc-section-space);
  background: var(--kc-black);
}

.kc-lp-section-alt { background: var(--kc-black-2); }
.kc-lp-section-accented {
  background:
    linear-gradient(110deg, rgba(199, 243, 47, 0.065), transparent 38%),
    var(--kc-black);
  border-block: 1px solid rgba(199, 243, 47, 0.10);
}

.kc-lp-accent { color: var(--kc-lime); }

.kc-lp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px !important;
  color: #D8DCCF !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.kc-lp-eyebrow > span {
  width: 26px;
  height: 1px;
  background: var(--kc-lime);
  box-shadow: 0 0 18px rgba(199, 243, 47, 0.35);
}

.kc-lp-lead {
  color: var(--kc-text) !important;
  font-size: 19px !important;
  line-height: 28px !important;
}

.kc-lp-card-label {
  margin-bottom: 13px !important;
  color: var(--kc-lime) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.kc-lp-section-heading,
.kc-lp-process-heading { margin-bottom: clamp(46px, 5vw, 74px); }

.kc-lp-heading-split,
.kc-lp-process-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.55fr);
  gap: clamp(38px, 6vw, 92px);
  align-items: end;
}

.kc-lp-heading-split > p,
.kc-lp-heading-split > div:last-child,
.kc-lp-process-heading > p {
  max-width: 500px;
  margin: 0 0 4px auto;
}

/* Buttons */
.kc-lp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.kc-lp-actions-center { justify-content: center; }

.kc-lp-btn {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 13px 19px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  transition: transform 260ms ease, border-color 260ms ease, background-color 260ms ease, color 260ms ease, box-shadow 260ms ease;
}

.kc-lp-btn span,
.kc-lp-text-link span { display: inline-block; transition: transform 240ms ease; }
.kc-lp-btn:hover { transform: translateY(-2px); }
.kc-lp-btn:hover span,
.kc-lp-text-link:hover span { transform: translateX(4px); }

.kc-lp-btn-primary {
  background: var(--kc-lime);
  color: #0A0C08 !important;
  box-shadow: 0 12px 34px rgba(199, 243, 47, 0.14);
}
.kc-lp-btn-primary:hover {
  background: var(--kc-lime-bright);
  box-shadow: 0 16px 40px rgba(199, 243, 47, 0.21);
}

.kc-lp-btn-secondary {
  border-color: var(--kc-border-strong);
  background: rgba(255, 255, 255, 0.025);
  color: var(--kc-text) !important;
}
.kc-lp-btn-secondary:hover {
  border-color: var(--kc-lime-border);
  background: var(--kc-lime-faint);
}

.kc-lp-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  color: var(--kc-text) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none !important;
}
.kc-lp-text-link:hover { color: var(--kc-lime) !important; }

.kc-lp-service-page :where(a, summary):focus-visible {
  outline: 2px solid var(--kc-lime);
  outline-offset: 4px;
  border-radius: 6px;
}

/* Hero */
.kc-lp-hero {
  min-height: 820px;
  display: flex;
  align-items: center;
  padding-top: clamp(205px, 10vw, 158px);
  background:
    radial-gradient(circle at 79% 36%, rgba(199, 243, 47, 0.082), transparent 28%),
    linear-gradient(180deg, #080A08 0%, #070807 100%);
}

.kc-lp-grid-glow {
  position: absolute;
  inset: 0;
  opacity: 0.22;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,.6) 65%, transparent 100%);
}

.kc-lp-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(480px, 0.97fr);
  gap: clamp(52px, 7vw, 100px);
  align-items: center;
}

.kc-lp-hero-copy { max-width: 690px; }
.kc-lp-hero-subtitle {
  max-width: 620px;
  margin-bottom: 26px !important;
  font-size: 30px !important;
  line-height: 1.05em !important;
}

.kc-lp-hero-visual { position: relative; min-width: 0; padding: 30px 0 18px; }
.kc-lp-visual-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 13px;
  color: var(--kc-muted-2);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
}
.kc-lp-visual-topline i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--kc-border-strong), transparent); }

.kc-lp-conversion-frame {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--kc-border-strong);
  border-radius: var(--kc-radius-lg);
  background: rgba(12, 15, 12, 0.94);
  box-shadow: var(--kc-shadow);
}

.kc-lp-frame-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 0 16px;
  border-bottom: 1px solid var(--kc-border);
  background: #0C0F0C;
}
.kc-lp-frame-bar > span { width: 7px; height: 7px; border-radius: 50%; background: #3A4037; }
.kc-lp-frame-url {
  margin-left: 10px;
  width: min(72%, 330px);
  padding: 7px 13px;
  border: 1px solid var(--kc-border);
  border-radius: 999px;
  color: var(--kc-muted-2);
  font-size: 9px;
  letter-spacing: .08em;
}

.kc-lp-frame-content {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(150px, .7fr);
  gap: 20px;
  min-height: 314px;
  padding: 38px;
  background:
    radial-gradient(circle at 20% 28%, rgba(199,243,47,.07), transparent 26%),
    linear-gradient(155deg, rgba(255,255,255,.018), transparent);
}

.kc-lp-frame-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.kc-lp-micro-label {
  margin-bottom: 20px;
  color: var(--kc-lime);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .15em;
}
.kc-lp-line { display: block; height: 10px; margin-bottom: 10px; border-radius: 99px; background: #E9EDE4; opacity: .88; }
.kc-lp-line-lg { width: 92%; height: 15px; }
.kc-lp-line-md { width: 74%; height: 15px; }
.kc-lp-line-sm { width: 55%; margin-top: 5px; background: #6E766B; height: 7px; }
.kc-lp-mock-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  padding: 12px 15px;
  border-radius: 999px;
  background: var(--kc-lime);
  color: #0A0C08;
  font-size: 9px;
  letter-spacing: .1em;
}
.kc-lp-mock-cta em { font-style: normal; font-size: 14px; animation: kc-lp-arrow 1.6s ease-in-out infinite; }

.kc-lp-frame-proof {
  align-self: center;
  padding: 22px;
  border: 1px solid var(--kc-border);
  border-radius: 18px;
  background: rgba(255,255,255,.018);
}
.kc-lp-frame-proof > span { display: block; margin-bottom: 18px; color: var(--kc-muted-2); font-size: 8px; font-weight: 700; letter-spacing: .14em; }
.kc-lp-frame-proof i { display: block; height: 48px; margin-top: 9px; border: 1px solid var(--kc-border); border-radius: 10px; background: linear-gradient(135deg, rgba(199,243,47,.08), rgba(255,255,255,.015)); }

.kc-lp-path-strip {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
  align-items: center;
  gap: 11px;
  padding: 16px 20px;
  border-top: 1px solid var(--kc-border);
  color: var(--kc-muted);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .07em;
}
.kc-lp-path-strip span { white-space: nowrap; }
.kc-lp-path-strip b { color: var(--kc-muted-2); font-weight: 700; }
.kc-lp-path-strip i { height: 1px; background: linear-gradient(90deg, var(--kc-border-strong), rgba(199,243,47,.35)); }
.kc-lp-path-strip .kc-lp-path-goal { color: var(--kc-lime); }
.kc-lp-path-strip .kc-lp-path-goal b { color: var(--kc-lime); }

.kc-lp-hero-path { width: 100%; margin-top: 16px; overflow: visible; }
.kc-lp-path-line {
  fill: none;
  stroke: rgba(199,243,47,.34);
  stroke-width: 1.5;
  stroke-dasharray: 8 10;
  animation: kc-lp-dash 12s linear infinite;
}
.kc-lp-path-node { fill: #252B23; stroke: var(--kc-lime); stroke-width: 1.5; }
.kc-lp-path-node-end { fill: var(--kc-lime); filter: drop-shadow(0 0 8px rgba(199,243,47,.45)); animation: kc-lp-pulse 2.3s ease-in-out infinite; }

/* Definition */
.kc-lp-definition-grid {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
}
.kc-lp-definition-card,
.kc-lp-compare-mini {
  position: relative;
  overflow: hidden;
  padding: clamp(28px, 4vw, 46px);
  border: 1px solid var(--kc-border);
  border-radius: var(--kc-radius);
  background: var(--kc-card);
}
.kc-lp-definition-wide { grid-row: span 2; display: flex; flex-direction: column; justify-content: center; min-height: 420px; }
.kc-lp-definition-card h3 { max-width: 570px; font-size: 32px; line-height: 1.05em; }
.kc-lp-focus-line { display: flex; align-items: center; gap: 13px; margin-top: 34px; color: var(--kc-text); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.kc-lp-focus-line i { width: 48px; height: 1px; background: linear-gradient(90deg, var(--kc-border-strong), var(--kc-lime)); }
.kc-lp-compare-mini { min-height: 200px; }
.kc-lp-mini-tag { display: block; margin-bottom: 18px; color: var(--kc-muted-2); font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.kc-lp-compare-mini-accent { border-color: var(--kc-lime-border); background: linear-gradient(135deg, rgba(199,243,47,.075), var(--kc-card)); }
.kc-lp-compare-mini-accent .kc-lp-mini-tag { color: var(--kc-lime); }
.kc-lp-mini-pages { display: flex; gap: 7px; margin-top: 22px; }
.kc-lp-mini-pages i { width: 34px; height: 44px; border: 1px solid var(--kc-border); border-radius: 6px; background: rgba(255,255,255,.02); }
.kc-lp-mini-funnel { display: flex; align-items: center; gap: 9px; margin-top: 22px; }
.kc-lp-mini-funnel i { display: block; width: 50px; height: 18px; clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%); background: rgba(199,243,47,.18); }
.kc-lp-mini-funnel i:nth-child(2) { width: 36px; background: rgba(199,243,47,.28); }
.kc-lp-mini-funnel strong { color: var(--kc-lime); font-size: 10px; letter-spacing: .1em; }

/* Types */
.kc-lp-types-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 18px;
}
.kc-lp-type-card {
  min-height: 350px;
  display: flex;
  flex-direction: column;
  padding: 18px 18px 28px;
  border: 1px solid var(--kc-border);
  border-radius: var(--kc-radius);
  background: var(--kc-card);
  transition: transform 280ms ease, border-color 280ms ease, background-color 280ms ease, box-shadow 280ms ease;
}
.kc-lp-type-card:hover { transform: translateY(-5px); border-color: var(--kc-lime-border); background: var(--kc-card-2); box-shadow: 0 22px 50px rgba(0,0,0,.22); }
.kc-lp-type-wide { grid-column: span 2; }
.kc-lp-type-tall { grid-row: span 2; min-height: 718px; }
.kc-lp-type-card > .kc-lp-card-label { margin-top: 24px !important; }
.kc-lp-type-card p:last-child { max-width: 560px; margin-bottom: 0; }

.kc-lp-type-visual {
  position: relative;
  min-height: 180px;
  overflow: hidden;
  border: 1px solid var(--kc-border);
  border-radius: 15px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    #0B0E0B;
  background-size: 28px 28px;
}
.kc-lp-type-tall .kc-lp-type-visual { min-height: 430px; }
.kc-lp-type-visual::after { content:""; position:absolute; inset:auto -20% -55% 20%; height:70%; background:radial-gradient(circle, rgba(199,243,47,.14), transparent 66%); pointer-events:none; }
.kc-lp-visual-lead span { position:absolute; left:10%; top:16%; width:42%; height:18px; border-radius:99px; background:#DCE1D7; opacity:.82; }
.kc-lp-visual-lead i { position:absolute; left:10%; width:34%; height:7px; border-radius:99px; background:#4D554A; }
.kc-lp-visual-lead i:nth-of-type(1) { top:34%; }
.kc-lp-visual-lead i:nth-of-type(2) { top:42%; width:27%; }
.kc-lp-visual-lead b { position:absolute; right:9%; top:18%; width:35%; height:64%; border:1px solid var(--kc-lime-border); border-radius:12px; background:linear-gradient(160deg, rgba(199,243,47,.08), rgba(255,255,255,.015)); }
.kc-lp-visual-service span { position:absolute; left:11%; width:78%; height:14px; border-radius:99px; background:#DCE1D7; opacity:.8; }
.kc-lp-visual-service span:nth-child(1) { top:12%; }
.kc-lp-visual-service span:nth-child(2) { top:18%; width:57%; }
.kc-lp-visual-service i { position:absolute; left:11%; right:11%; height:90px; border:1px solid var(--kc-border); border-radius:12px; background:rgba(255,255,255,.02); }
.kc-lp-visual-service i:nth-of-type(1) { top:29%; }
.kc-lp-visual-service i:nth-of-type(2) { top:53%; }
.kc-lp-visual-service b { position:absolute; left:11%; bottom:8%; width:42%; height:34px; border-radius:99px; background:var(--kc-lime); }
.kc-lp-visual-product i { position:absolute; border-radius:50%; border:1px solid var(--kc-lime-border); }
.kc-lp-visual-product i:nth-child(1) { width:100px; height:100px; left:12%; top:24%; }
.kc-lp-visual-product i:nth-child(2) { width:58px; height:58px; left:21%; top:35%; background:rgba(199,243,47,.1); }
.kc-lp-visual-product span { position:absolute; right:10%; top:32%; width:45%; height:72px; border-block:1px solid var(--kc-border); }
.kc-lp-visual-ads { display:flex; align-items:center; justify-content:center; gap:18px; }
.kc-lp-visual-ads strong { display:grid; place-items:center; width:90px; height:66px; border:1px solid var(--kc-border); border-radius:12px; color:var(--kc-muted); font:700 10px/1 "Syne",Arial,sans-serif; letter-spacing:.12em; }
.kc-lp-visual-ads i { width:74px; height:1px; background:linear-gradient(90deg, var(--kc-border-strong), var(--kc-lime)); position:relative; }
.kc-lp-visual-ads i::after { content:""; position:absolute; right:0; top:-3px; width:7px; height:7px; border-top:1px solid var(--kc-lime); border-right:1px solid var(--kc-lime); transform:rotate(45deg); }
.kc-lp-visual-waitlist { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; }
.kc-lp-visual-waitlist span { color:var(--kc-lime); font:700 10px/1 "Syne",Arial,sans-serif; letter-spacing:.16em; }
.kc-lp-visual-waitlist i { width:64%; height:30px; border-bottom:1px solid var(--kc-border-strong); }
.kc-lp-visual-waitlist b { padding:11px 16px; border-radius:99px; background:var(--kc-lime); color:#0A0C08; font-size:9px; letter-spacing:.1em; }
.kc-lp-visual-event span { position:absolute; left:11%; top:20%; display:grid; place-items:center; width:74px; height:74px; border:1px solid var(--kc-lime-border); border-radius:16px; color:var(--kc-lime); font:700 30px/1 "Syne",Arial,sans-serif; }
.kc-lp-visual-event i { position:absolute; left:11%; right:11%; top:62%; height:1px; background:var(--kc-border); }
.kc-lp-visual-event b { position:absolute; right:10%; top:29%; padding:10px 13px; border-radius:99px; background:rgba(199,243,47,.1); color:var(--kc-lime); font-size:8px; letter-spacing:.1em; }
.kc-lp-visual-startup i { position:absolute; bottom:20%; width:10px; border-radius:9px 9px 0 0; background:rgba(199,243,47,.2); border:1px solid var(--kc-lime-border); }
.kc-lp-visual-startup i:nth-child(1) { left:22%; height:40px; }
.kc-lp-visual-startup i:nth-child(2) { left:38%; height:72px; }
.kc-lp-visual-startup i:nth-child(3) { left:54%; height:104px; background:rgba(199,243,47,.42); }
.kc-lp-visual-startup b { position:absolute; right:12%; top:20%; width:26%; height:26%; border:1px solid var(--kc-border); border-radius:50%; }
.kc-lp-visual-campaign { display:flex; align-items:center; justify-content:center; gap:13px; }
.kc-lp-visual-campaign span { padding:11px 13px; border:1px solid var(--kc-border); border-radius:99px; color:var(--kc-muted); font-size:8px; font-weight:700; letter-spacing:.1em; }
.kc-lp-visual-campaign i { width:28px; height:1px; background:var(--kc-lime-border); }

/* Five questions */
.kc-lp-question-path {
  display: grid;
  grid-template-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
  align-items: stretch;
}
.kc-lp-question-path > article {
  position: relative;
  min-height: 275px;
  padding: 28px 24px;
  border: 1px solid var(--kc-border);
  border-radius: 18px;
  background: var(--kc-card);
}
.kc-lp-question-path > i { align-self:center; height:1px; background:linear-gradient(90deg, var(--kc-border-strong), var(--kc-lime-border)); }
.kc-lp-step-index { display:block; margin-bottom:54px; color:var(--kc-muted-2); font-size:10px; font-weight:700; letter-spacing:.1em; }
.kc-lp-question-path h3 { font-size: 21px; }
.kc-lp-question-goal { border-color:var(--kc-lime-border) !important; background:linear-gradient(145deg, rgba(199,243,47,.08), var(--kc-card)) !important; }
.kc-lp-question-goal .kc-lp-step-index { color:var(--kc-lime); }

/* Message */
.kc-lp-message-grid {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);
  gap:clamp(50px,8vw,110px);
  align-items:center;
}
.kc-lp-message-copy { max-width:560px; }
.kc-lp-message-visual { position:relative; min-height:520px; display:grid; place-items:center; }
.kc-lp-message-visual::before { content:""; position:absolute; width:72%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle, rgba(199,243,47,.10), transparent 65%); filter:blur(4px); }
.kc-lp-message-stack { position:relative; z-index:2; width:min(100%,500px); display:flex; flex-direction:column; gap:10px; perspective:1000px; }
.kc-lp-message-stack span {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  min-height:58px; padding:14px 18px; border:1px solid var(--kc-border); border-radius:14px;
  background:#0E120E; color:var(--kc-text); font:600 14px/1.2 "Syne",Arial,sans-serif;
  box-shadow:0 8px 25px rgba(0,0,0,.16); transform:translateX(calc(var(--i, 0) * 1px));
}
.kc-lp-message-stack span:nth-child(1) { width:78%; }
.kc-lp-message-stack span:nth-child(2) { width:84%; margin-left:4%; }
.kc-lp-message-stack span:nth-child(3) { width:90%; margin-left:8%; }
.kc-lp-message-stack span:nth-child(4) { width:94%; margin-left:12%; }
.kc-lp-message-stack span:nth-child(5) { width:98%; margin-left:16%; }
.kc-lp-message-stack span:nth-child(6) { width:100%; margin-left:20%; }
.kc-lp-message-stack b { color:var(--kc-muted-2); font-size:10px; letter-spacing:.1em; }
.kc-lp-message-stack .kc-lp-message-stack-goal { border-color:var(--kc-lime-border); background:linear-gradient(90deg, rgba(199,243,47,.10), #0E120E); color:var(--kc-lime); }
.kc-lp-message-stack .kc-lp-message-stack-goal b { color:var(--kc-lime); }

/* Principles */
.kc-lp-principles-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.kc-lp-principles-grid article {
  min-height:130px;
  padding:22px;
  border:1px solid var(--kc-border);
  border-radius:16px;
  background:rgba(255,255,255,.018);
  transition:transform 240ms ease,border-color 240ms ease,background-color 240ms ease;
}
.kc-lp-principles-grid article:hover { transform:translateY(-3px); border-color:var(--kc-lime-border); background:rgba(199,243,47,.035); }
.kc-lp-principles-grid span { display:block; margin-bottom:28px; color:var(--kc-lime); font-size:10px; font-weight:700; }
.kc-lp-principles-grid h3 { margin:0; font-size:18px; line-height:1.15em; }
.kc-lp-center-note { max-width:600px; margin:38px auto 0 !important; text-align:center; font-size:18px !important; line-height:27px !important; }

/* Versus */
.kc-lp-vs-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);
  gap:24px;
  align-items:center;
}
.kc-lp-vs-card {
  min-height:520px;
  padding:clamp(30px,4vw,48px);
  border:1px solid var(--kc-border);
  border-radius:var(--kc-radius-lg);
  background:var(--kc-card);
}
.kc-lp-vs-card-accent { border-color:var(--kc-lime-border); background:linear-gradient(145deg, rgba(199,243,47,.075), var(--kc-card) 48%); }
.kc-lp-check-list { display:grid; gap:0; margin:30px 0 0; padding:0; list-style:none; }
.kc-lp-check-list li { position:relative; padding:13px 0 13px 26px; border-top:1px solid var(--kc-border); color:var(--kc-muted); }
.kc-lp-check-list li::before { content:""; position:absolute; left:0; top:20px; width:7px; height:7px; border-radius:50%; background:var(--kc-lime); box-shadow:0 0 10px rgba(199,243,47,.22); }
.kc-lp-vs-center { min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--kc-muted-2); font-size:9px; font-weight:700; letter-spacing:.1em; text-align:center; }
.kc-lp-vs-center i { width:1px; height:70px; background:linear-gradient(var(--kc-border-strong), var(--kc-lime-border)); }
.kc-lp-vs-center strong { display:grid; place-items:center; width:44px; height:44px; margin:10px 0; border:1px solid var(--kc-lime-border); border-radius:50%; color:var(--kc-lime); font-size:20px; }
.kc-lp-wide-note { max-width:820px; margin:38px auto 0 !important; text-align:center; color:var(--kc-text) !important; font-size:18px !important; line-height:27px !important; }

/* SEO */
.kc-lp-seo-grid {
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);
  gap:clamp(50px,8vw,112px);
  align-items:center;
}
.kc-lp-seo-copy { max-width:520px; }
.kc-lp-seo-panel {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  align-items:center;
  padding:28px;
  border:1px solid var(--kc-border);
  border-radius:var(--kc-radius-lg);
  background:var(--kc-card);
}
.kc-lp-seo-orbit { position:relative; min-height:370px; border:1px solid var(--kc-border); border-radius:20px; overflow:hidden; background:radial-gradient(circle at 50% 50%, rgba(199,243,47,.07), transparent 38%); }
.kc-lp-seo-orbit::before,
.kc-lp-seo-orbit::after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid rgba(199,243,47,.13); border-radius:50%; }
.kc-lp-seo-orbit::before { width:250px; height:250px; }
.kc-lp-seo-orbit::after { width:150px; height:150px; }
.kc-lp-seo-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:96px; height:96px; border:1px solid var(--kc-lime-border); border-radius:50%; background:#0B0F0B; color:var(--kc-lime); font:700 11px/1.25 "Syne",Arial,sans-serif; text-align:center; letter-spacing:.08em; z-index:2; }
.kc-lp-seo-node { position:absolute; padding:8px 10px; border:1px solid var(--kc-border); border-radius:99px; background:#101410; color:var(--kc-muted); font-size:8px; font-weight:700; letter-spacing:.1em; }
.kc-lp-seo-node-1 { left:8%; top:18%; }
.kc-lp-seo-node-2 { right:8%; top:28%; }
.kc-lp-seo-node-3 { left:10%; bottom:18%; }
.kc-lp-seo-node-4 { right:8%; bottom:22%; }
.kc-lp-seo-items { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.kc-lp-seo-items span { padding:11px 12px; border:1px solid var(--kc-border); border-radius:10px; color:var(--kc-muted); font-size:12px; line-height:1.3; }

/* AEO */
.kc-lp-aeo-layout { display:grid; grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr); gap:22px; }
.kc-lp-aeo-query { min-height:410px; display:flex; flex-direction:column; justify-content:center; padding:38px; border:1px solid var(--kc-lime-border); border-radius:var(--kc-radius-lg); background:linear-gradient(145deg, rgba(199,243,47,.07), var(--kc-card)); }
.kc-lp-aeo-dot { width:38px; height:38px; margin-bottom:42px; border-radius:50%; background:var(--kc-lime); box-shadow:0 0 0 12px rgba(199,243,47,.04),0 0 45px rgba(199,243,47,.12); }
.kc-lp-aeo-query p { max-width:370px; color:var(--kc-text) !important; font:600 28px/1.05 "Syne",Arial,sans-serif !important; letter-spacing:-.03em; }
.kc-lp-aeo-answer-lines { margin-top:32px; }
.kc-lp-aeo-answer-lines i { display:block; height:7px; margin-top:10px; border-radius:99px; background:#4C5449; }
.kc-lp-aeo-answer-lines i:nth-child(1) { width:78%; }
.kc-lp-aeo-answer-lines i:nth-child(2) { width:91%; }
.kc-lp-aeo-answer-lines i:nth-child(3) { width:59%; }
.kc-lp-aeo-questions { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.kc-lp-aeo-questions article { min-height:126px; padding:22px; border:1px solid var(--kc-border); border-radius:16px; background:var(--kc-card); }
.kc-lp-aeo-questions span { display:block; margin-bottom:28px; color:var(--kc-muted-2); font-size:9px; font-weight:700; letter-spacing:.1em; }
.kc-lp-aeo-questions h3 { margin:0; font-size:18px; line-height:1.16em; }

/* Process */
.kc-lp-process-list { position:relative; display:grid; margin:0; padding:0; list-style:none; }
.kc-lp-process-list::before { content:""; position:absolute; left:34px; top:50px; bottom:50px; width:1px; background:linear-gradient(var(--kc-lime), var(--kc-border-strong)); }
.kc-lp-process-list li {
  position:relative;
  display:grid;
  grid-template-columns:70px 1fr;
  gap:30px;
  min-height:170px;
  padding:28px 0;
  border-top:1px solid var(--kc-border);
}
.kc-lp-process-list li:last-child { border-bottom:1px solid var(--kc-border); }
.kc-lp-process-number { position:relative; z-index:2; display:grid; place-items:center; width:70px; height:70px; border:1px solid var(--kc-border-strong); border-radius:50%; background:var(--kc-black); color:var(--kc-lime); font-size:11px; font-weight:700; letter-spacing:.08em; }
.kc-lp-process-list li:hover .kc-lp-process-number { border-color:var(--kc-lime-border); box-shadow:0 0 25px rgba(199,243,47,.08); }
.kc-lp-process-list li > div { max-width:760px; padding-top:6px; }
.kc-lp-process-list li p:last-child { max-width:650px; margin-bottom:0; }

/* Fit */
.kc-lp-fit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.kc-lp-fit-grid article { min-height:170px; padding:24px; border:1px solid var(--kc-border); border-radius:16px; background:rgba(255,255,255,.018); }
.kc-lp-fit-grid span { display:block; margin-bottom:48px; color:var(--kc-lime); font-size:10px; font-weight:700; }
.kc-lp-fit-grid h3 { margin:0; font-size:18px; line-height:1.15em; }

/* Resources */
.kc-lp-resource-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.kc-lp-resource-card {
  position:relative;
  min-height:270px;
  display:flex;
  flex-direction:column;
  padding:24px;
  border:1px solid var(--kc-border);
  border-radius:17px;
  background:var(--kc-card);
  text-decoration:none !important;
  transition:transform 260ms ease,border-color 260ms ease,background-color 260ms ease;
}
.kc-lp-resource-card:hover { transform:translateY(-4px); border-color:var(--kc-lime-border); background:var(--kc-card-2); }
.kc-lp-resource-card > span { display:block; margin-bottom:auto; color:var(--kc-muted-2); font-size:9px; font-weight:700; letter-spacing:.1em; }
.kc-lp-resource-card h3 { margin-top:44px; font-size:19px; line-height:1.1em; }
.kc-lp-resource-card p { margin-bottom:0; font-size:14px; line-height:20px; }
.kc-lp-resource-card b { position:absolute; right:20px; top:20px; display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--kc-border); border-radius:50%; color:var(--kc-lime); font-weight:400; transition:transform 240ms ease,border-color 240ms ease; }
.kc-lp-resource-card:hover b { transform:translate(2px,-2px); border-color:var(--kc-lime-border); }

/* FAQ */
.kc-lp-faq-layout { display:grid; grid-template-columns:minmax(320px,.68fr) minmax(0,1.32fr); gap:clamp(48px,8vw,110px); align-items:start; }
.kc-lp-faq-intro { position:sticky; top:36px; }
.kc-lp-faq-list { border-top:1px solid var(--kc-border); }
.kc-lp-faq-list details { border-bottom:1px solid var(--kc-border); }
.kc-lp-faq-list summary {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:86px;
  padding:22px 48px 22px 0;
  color:var(--kc-text);
  font-family:"Syne",Arial,sans-serif;
  font-size:18px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
  list-style:none;
}
.kc-lp-faq-list summary::-webkit-details-marker { display:none; }
.kc-lp-faq-list summary span,
.kc-lp-faq-list summary span::after { position:absolute; content:""; background:var(--kc-lime); transition:transform 240ms ease; }
.kc-lp-faq-list summary span { right:7px; width:16px; height:1px; }
.kc-lp-faq-list summary span::after { left:7.5px; top:-7.5px; width:1px; height:16px; }
.kc-lp-faq-list details[open] summary span::after { transform:scaleY(0); }
.kc-lp-faq-list details > div { padding:0 54px 24px 0; }
.kc-lp-faq-list details > div p { max-width:720px; }

/* Final CTA */
.kc-lp-final-cta {
  overflow:hidden;
  padding-block:clamp(110px,12vw,180px);
  background:
    radial-gradient(circle at 50% 92%, rgba(199,243,47,.11), transparent 34%),
    #080A08;
  text-align:center;
  border-top:1px solid var(--kc-border);
}
.kc-lp-final-grid { position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size:54px 54px; mask-image:radial-gradient(circle at center, black, transparent 72%); }
.kc-lp-final-inner { max-width:900px; }
.kc-lp-final-inner h2 { max-width:820px; margin-inline:auto; font-size:clamp(42px,5.2vw,68px); line-height:.98em; }
.kc-lp-final-lead { max-width:720px; margin:0 auto 14px !important; color:var(--kc-text) !important; font-size:20px !important; line-height:30px !important; }
.kc-lp-final-inner > p:not(.kc-lp-eyebrow):not(.kc-lp-final-lead) { max-width:650px; margin-inline:auto; }
.kc-lp-final-path { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:56px; color:var(--kc-muted-2); font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.kc-lp-final-path i { width:58px; height:1px; background:linear-gradient(90deg,var(--kc-border-strong),var(--kc-lime-border)); }
.kc-lp-final-path strong { color:var(--kc-lime); font-weight:700; }

/* Motion */
@keyframes kc-lp-dash { to { stroke-dashoffset:-180; } }
@keyframes kc-lp-pulse { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(1.35); opacity:.75; } }
@keyframes kc-lp-arrow { 0%,100% { transform:translateX(0); } 50% { transform:translateX(4px); } }

/* Desktop refinement */
@media (min-width: 1181px) {
  .kc-lp-type-card:nth-child(3),
  .kc-lp-type-card:nth-child(4),
  .kc-lp-type-card:nth-child(6),
  .kc-lp-type-card:nth-child(7) { min-height:350px; }
}

/* Tablet */
@media (max-width: 1180px) {
  .kc-lp-service-page h1 { font-size: clamp(48px, 6vw, 56px); }
  .kc-lp-service-page h2 { font-size: clamp(38px, 4.5vw, 44px); }
  .kc-lp-hero { min-height:auto; }
  .kc-lp-hero-grid { grid-template-columns:1fr; }
  .kc-lp-hero-copy { max-width:820px; }
  .kc-lp-hero-visual { max-width:760px; width:100%; }
  .kc-lp-types-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kc-lp-type-wide { grid-column:span 1; }
  .kc-lp-type-tall { grid-row:span 1; min-height:350px; }
  .kc-lp-type-tall .kc-lp-type-visual { min-height:180px; }
  .kc-lp-question-path { grid-template-columns:1fr 20px 1fr; gap:0; }
  .kc-lp-question-path > i:nth-of-type(2),
  .kc-lp-question-path > i:nth-of-type(4) { display:none; }
  .kc-lp-question-path > article { margin-bottom:16px; }
  .kc-lp-question-path > article:nth-of-type(3),
  .kc-lp-question-path > article:nth-of-type(5) { grid-column:1 / -1; min-height:210px; }
  .kc-lp-message-grid { grid-template-columns:1fr 1fr; gap:50px; }
  .kc-lp-vs-grid { grid-template-columns:1fr 70px 1fr; }
  .kc-lp-seo-grid { grid-template-columns:1fr; }
  .kc-lp-seo-copy { max-width:700px; }
  .kc-lp-seo-panel { max-width:880px; }
  .kc-lp-fit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kc-lp-resource-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* Small tablet */
@media (max-width: 900px) {
  .kc-lp-container { width:min(calc(100% - 36px), var(--kc-container)); }
  .kc-lp-heading-split,
  .kc-lp-process-heading { grid-template-columns:1fr; gap:16px; align-items:start; }
  .kc-lp-heading-split > p,
  .kc-lp-heading-split > div:last-child,
  .kc-lp-process-heading > p { max-width:680px; margin-left:0; }
  .kc-lp-definition-grid { grid-template-columns:1fr 1fr; }
  .kc-lp-definition-wide { grid-column:1 / -1; grid-row:auto; min-height:320px; }
  .kc-lp-question-path { grid-template-columns:1fr 1fr; gap:12px; }
  .kc-lp-question-path > i { display:none; }
  .kc-lp-question-path > article:nth-of-type(3),
  .kc-lp-question-path > article:nth-of-type(5) { grid-column:auto; }
  .kc-lp-message-grid { grid-template-columns:1fr; }
  .kc-lp-message-visual { min-height:470px; }
  .kc-lp-message-stack { margin-right:18%; }
  .kc-lp-vs-grid { grid-template-columns:1fr; }
  .kc-lp-vs-center { min-height:130px; flex-direction:row; gap:10px; }
  .kc-lp-vs-center i { width:70px; height:1px; }
  .kc-lp-seo-panel { grid-template-columns:1fr 1fr; }
  .kc-lp-aeo-layout { grid-template-columns:1fr; }
  .kc-lp-aeo-query { min-height:320px; }
  .kc-lp-resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kc-lp-faq-layout { grid-template-columns:1fr; gap:34px; }
  .kc-lp-faq-intro { position:static; }
}

/* Mobile */
@media (max-width: 700px) {
  .kc-lp-service-page {
    --kc-section-space: 78px;
  }
  .kc-lp-service-page h1 { font-size: clamp(39px, 11vw, 48px); line-height:1.02em; }
  .kc-lp-service-page h2 { font-size: clamp(32px, 9vw, 38px); line-height:1em; }
  .kc-lp-service-page h3 { font-size:22px; }
  .kc-lp-container { width:min(calc(100% - 30px), var(--kc-container)); }
  .kc-lp-hero { padding-top:88px; }
  .kc-lp-hero-subtitle { font-size:25px !important; }
  .kc-lp-actions { flex-direction:column; }
  .kc-lp-btn { width:100%; min-height:52px; }
  .kc-lp-frame-content { grid-template-columns:1fr; min-height:auto; padding:26px; }
  .kc-lp-frame-proof { display:none; }
  .kc-lp-path-strip { grid-template-columns:1fr; gap:8px; padding:16px 18px; }
  .kc-lp-path-strip i { width:1px; height:16px; margin-left:14px; background:linear-gradient(var(--kc-border-strong),var(--kc-lime-border)); }
  .kc-lp-hero-path { height:74px; }
  .kc-lp-definition-grid { grid-template-columns:1fr; }
  .kc-lp-definition-wide { grid-column:auto; min-height:auto; }
  .kc-lp-definition-card,
  .kc-lp-compare-mini { padding:26px; }
  .kc-lp-definition-card h3 { font-size:27px; }
  .kc-lp-focus-line { flex-wrap:wrap; }
  .kc-lp-types-grid { grid-template-columns:1fr; }
  .kc-lp-type-card,
  .kc-lp-type-tall { min-height:auto; padding:14px 14px 26px; }
  .kc-lp-type-visual,
  .kc-lp-type-tall .kc-lp-type-visual { min-height:200px; }
  .kc-lp-question-path { grid-template-columns:1fr; }
  .kc-lp-question-path > article,
  .kc-lp-question-path > article:nth-of-type(3),
  .kc-lp-question-path > article:nth-of-type(5) { min-height:auto; grid-column:auto; }
  .kc-lp-step-index { margin-bottom:32px; }
  .kc-lp-message-visual { min-height:430px; overflow:hidden; }
  .kc-lp-message-stack { width:96%; margin-right:18%; }
  .kc-lp-message-stack span { min-height:52px; font-size:13px; }
  .kc-lp-message-stack span:nth-child(1) { width:80%; }
  .kc-lp-message-stack span:nth-child(2) { width:84%; margin-left:2%; }
  .kc-lp-message-stack span:nth-child(3) { width:88%; margin-left:4%; }
  .kc-lp-message-stack span:nth-child(4) { width:92%; margin-left:6%; }
  .kc-lp-message-stack span:nth-child(5) { width:96%; margin-left:8%; }
  .kc-lp-message-stack span:nth-child(6) { width:100%; margin-left:10%; }
  .kc-lp-principles-grid { grid-template-columns:1fr; }
  .kc-lp-principles-grid article { min-height:auto; }
  .kc-lp-principles-grid span { margin-bottom:20px; }
  .kc-lp-vs-card { min-height:auto; padding:28px 24px; }
  .kc-lp-vs-center { flex-direction:column; }
  .kc-lp-vs-center i { width:1px; height:38px; }
  .kc-lp-seo-panel { grid-template-columns:1fr; padding:16px; }
  .kc-lp-seo-orbit { min-height:330px; }
  .kc-lp-seo-items { grid-template-columns:1fr 1fr; }
  .kc-lp-aeo-questions { grid-template-columns:1fr; }
  .kc-lp-aeo-query { padding:28px; }
  .kc-lp-aeo-query p { font-size:25px !important; }
  .kc-lp-process-list::before { left:25px; }
  .kc-lp-process-list li { grid-template-columns:50px 1fr; gap:20px; min-height:auto; padding:26px 0; }
  .kc-lp-process-number { width:50px; height:50px; }
  .kc-lp-fit-grid { grid-template-columns:1fr; }
  .kc-lp-fit-grid article { min-height:auto; }
  .kc-lp-fit-grid span { margin-bottom:26px; }
  .kc-lp-resource-grid { grid-template-columns:1fr; }
  .kc-lp-resource-card { min-height:220px; }
  .kc-lp-faq-list summary { min-height:76px; padding-right:40px; font-size:17px; }
  .kc-lp-faq-list details > div { padding-right:20px; }
  .kc-lp-final-inner h2 { font-size:clamp(38px,11vw,50px); }
  .kc-lp-final-path { flex-wrap:wrap; gap:9px; }
  .kc-lp-final-path i { width:24px; }
}

@media (max-width: 430px) {
  .kc-lp-service-page h1 { font-size:38px; }
  .kc-lp-service-page h2 { font-size:32px; }
  .kc-lp-seo-items { grid-template-columns:1fr; }
  .kc-lp-visual-campaign { gap:8px; }
  .kc-lp-visual-campaign span { padding:9px; font-size:7px; }
  .kc-lp-visual-campaign i { width:14px; }
}

@media (prefers-reduced-motion: reduce) {
  .kc-lp-service-page *,
  .kc-lp-service-page *::before,
  .kc-lp-service-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}/* End custom CSS */