*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body.lp {
  font-family: var(--ff-sans);
  font-weight: var(--fw-regular);
  color: var(--c-text);
  background: var(--c-bg);
  line-height: var(--lh-base);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; height: auto; display: block; }

.lp-container {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--sp-6);
}
.lp-section { padding: clamp(64px, 9vw, 120px) 0; }
.lp-center  { text-align: center; }

.lp-kicker {
  display: inline-block;
  font-size: var(--fs-200);
  font-weight: var(--fw-bold);
  color: var(--c-brand-900);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 var(--sp-3);
}
:root[data-theme-applied="dark"] .lp-kicker { color: var(--c-brand-300); }

.lp-h1 {
  font-family: var(--ff-sans);
  font-weight: var(--fw-bold);
  font-size: clamp(40px, 6.4vw, 72px);
  line-height: var(--lh-tight);
  letter-spacing: -0.035em;
  color: var(--c-text);
  margin: 0 0 var(--sp-5);
  max-width: 18ch;
}
.lp-h2 {
  font-family: var(--ff-sans);
  font-weight: var(--fw-bold);
  font-size: clamp(28px, 4vw, 44px);
  line-height: var(--lh-tight);
  letter-spacing: -0.03em;
  color: var(--c-text);
  margin: 0 0 var(--sp-4);
  max-width: 22ch;
}
.lp-section-lead {
  font-size: clamp(16px, 1.8vw, 19px);
  line-height: var(--lh-base);
  color: var(--c-text-muted);
  max-width: 60ch;
  margin: 0 0 var(--sp-10);
}

.lp-grad {
  background-image: linear-gradient(135deg, #de4870 0%, #b3284e 50%, #6e0d2a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@supports (color: oklch(0 0 0)) {
  .lp-grad {
    background-image: linear-gradient(135deg,
      oklch(0.72 0.20 0)   0%,
      oklch(0.58 0.21 5)  50%,
      oklch(0.42 0.16 10) 100%);
  }
}

.lp-topnav {
  position: sticky;
  top: 0;
  z-index: var(--z-nav);
  padding: var(--sp-4) 0;
  background: rgba(247, 247, 249, 0.82);
  background: color-mix(in srgb, var(--c-bg) 82%, transparent);
  backdrop-filter: saturate(140%) blur(12px);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  border-bottom: 1px solid transparent;
  transition: border-color 200ms ease, background-color 200ms ease;
}
.lp-topnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
}
.lp-topnav.is-stuck { border-bottom-color: var(--c-border); }

.lp-brand {
  font-weight: var(--fw-bold);
  font-size: var(--fs-400);
  letter-spacing: -0.025em;
  color: var(--c-text);
  line-height: 1;
}
.lp-brand-dot { color: var(--c-brand-500); }

.lp-topnav-right {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}
.lp-topnav-link {
  padding: var(--sp-2) var(--sp-4);
  font-size: var(--fs-200);
  font-weight: var(--fw-medium);
  color: var(--c-text-muted);
  border-radius: var(--r-pill);
  transition: color 150ms ease, background-color 150ms ease;
}
.lp-topnav-link:hover { color: var(--c-text); background: var(--c-bg-elevated); }

.lp-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--r-pill);
  color: var(--c-text-muted);
  cursor: pointer;
  font: inherit;
  padding: 0;
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease, transform 100ms ease;
}
.lp-icon-btn:hover { background: var(--c-bg-elevated); color: var(--c-text); border-color: var(--c-border-strong); }
.lp-icon-btn:active { transform: scale(0.94); }
.lp-icon-btn:focus-visible { outline: 2px solid var(--c-brand); outline-offset: 2px; }
.lp-icon-btn svg { width: 18px; height: 18px; stroke-width: 2; }

.lp-theme-btn .icon-moon { display: none; }
.lp-theme-btn .icon-sun  { display: block; }
:root[data-theme-applied="light"] .lp-theme-btn .icon-sun  { display: none; }
:root[data-theme-applied="light"] .lp-theme-btn .icon-moon { display: block; }
:root[data-theme-applied="dark"]  .lp-theme-btn .icon-sun  { display: block; }
:root[data-theme-applied="dark"]  .lp-theme-btn .icon-moon { display: none; }

.lp-lang-switcher { position: relative; display: inline-flex; }
.lp-lang-btn { font-weight: var(--fw-bold); font-size: 13px; letter-spacing: 0.04em; }
.lp-lang-btn .lang-code { line-height: 1; }
.lp-lang-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 140px;
  padding: 6px;
  background: var(--c-bg-elevated);
  border: 1px solid var(--c-border);
  border-radius: 12px;
  box-shadow: var(--sh-md);
  z-index: var(--z-overlay);
}
.lp-lang-dropdown[hidden] { display: none; }
.lp-lang-opt {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: var(--fs-200);
  color: var(--c-text-muted);
  text-decoration: none;
  transition: background-color 120ms ease, color 120ms ease;
}
.lp-lang-opt:hover { background: var(--c-brand-50); color: var(--c-brand-700); }
.lp-lang-opt.active { background: var(--c-brand-50); color: var(--c-brand-700); font-weight: var(--fw-bold); }

@media (max-width: 540px) {
  .lp-topnav { padding: var(--sp-3) 0; }
  .lp-topnav-link[href$="discover"], .lp-topnav-link[href*="/discover"], .lp-topnav-link[href*="/kesfet"] { display: none; }
  .lp-icon-btn { width: 32px; height: 32px; }
  .lp-icon-btn svg { width: 16px; height: 16px; }
}

.lp-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-sans);
  font-weight: var(--fw-bold);
  border-radius: var(--r-pill);
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 120ms ease, box-shadow 200ms ease, background 200ms ease, color 150ms ease;
  white-space: nowrap;
  text-decoration: none;
  background: var(--c-brand-700);
  color: var(--c-text-on-brand);
}
.lp-cta:hover { transform: translateY(-1px); background: var(--c-brand-900); box-shadow: var(--sh-md); }
.lp-cta:active { transform: translateY(0); }
.lp-cta:focus-visible { outline: none; box-shadow: var(--sh-focus); }

.lp-cta-sm { font-size: var(--fs-200); padding: var(--sp-2) var(--sp-4); }
.lp-cta-md { font-size: var(--fs-300); padding: var(--sp-3) var(--sp-6); }
.lp-cta-lg { font-size: var(--fs-300); padding: var(--sp-4) var(--sp-8); box-shadow: var(--sh-md); }

.lp-cta-ghost {
  background: transparent;
  color: var(--c-text);
  border-color: var(--c-border-strong);
  box-shadow: none;
}
.lp-cta-ghost:hover { background: var(--c-bg-elevated); color: var(--c-text); border-color: var(--c-border-strong); box-shadow: none; }

.lp-hero {
  position: relative;
  padding: clamp(48px, 7vw, 96px) 0 clamp(48px, 7vw, 80px);
  overflow: hidden;
}
.lp-hero-bg {
  position: absolute;
  inset: -10% -5% 0;
  pointer-events: none;
  z-index: 0;
}
.lp-hero-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.55;
}
.lp-hero-blob-a {
  width: 520px; height: 520px;
  top: -120px; left: -100px;
  background: radial-gradient(circle, #ed8298 0%, transparent 70%);
}
.lp-hero-blob-b {
  width: 460px; height: 460px;
  top: 80px; right: -60px;
  background: radial-gradient(circle, #ffd28c 0%, transparent 70%);
}
.lp-hero-blob-c {
  width: 380px; height: 380px;
  bottom: -120px; left: 30%;
  background: radial-gradient(circle, #b8a4ff 0%, transparent 70%);
}
@supports (color: oklch(0 0 0)) {
  .lp-hero-blob-a { background: radial-gradient(circle, oklch(0.78 0.16 0) 0%, transparent 70%); }
  .lp-hero-blob-b { background: radial-gradient(circle, oklch(0.86 0.14 75) 0%, transparent 70%); }
  .lp-hero-blob-c { background: radial-gradient(circle, oklch(0.78 0.13 290) 0%, transparent 70%); }
}

.lp-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(40px, 6vw, 80px);
  align-items: center;
}
@media (max-width: 960px) {
  .lp-hero-grid { grid-template-columns: 1fr; gap: 56px; }
}

.lp-hero-copy { max-width: 36rem; }

.lp-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: var(--r-pill);
  background: var(--c-brand-50);
  color: var(--c-brand-900);
  font-size: var(--fs-200);
  font-weight: var(--fw-bold);
  letter-spacing: 0.01em;
  margin-bottom: var(--sp-5);
}
.lp-badge-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--c-brand-500);
  animation: lp-pulse 2.4s ease-in-out infinite;
}
@keyframes lp-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.4; transform: scale(0.6); }
}

.lp-lead {
  font-size: clamp(17px, 1.9vw, 21px);
  line-height: var(--lh-base);
  color: var(--c-text-muted);
  margin: 0 0 var(--sp-8);
  max-width: 36rem;
}

.lp-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-3);
  margin-bottom: var(--sp-5);
}

.lp-trust {
  font-size: var(--fs-200);
  color: var(--c-text-muted);
  margin: 0;
}

.lp-hero-visual {
  position: relative;
}
.lp-window {
  position: relative;
  background: var(--c-bg-elevated);
  border: 1px solid var(--c-border);
  border-radius: var(--r-lg);
  box-shadow: var(--sh-lg);
  transform: rotate(-1.2deg);
}
.lp-window-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  background: var(--c-bg);
  border-bottom: 1px solid var(--c-border);
  border-top-left-radius: var(--r-lg);
  border-top-right-radius: var(--r-lg);
}
.lp-window-dot {
  width: 11px; height: 11px;
  border-radius: 50%;
}
.lp-window-dot-r { background: #ff5f57; }
.lp-window-dot-y { background: #ffbd2e; }
.lp-window-dot-g { background: #28c93f; }
.lp-window-tab {
  margin-left: auto;
  font-size: var(--fs-100);
  color: var(--c-text-muted);
  background: var(--c-bg-elevated);
  padding: 4px 12px;
  border-radius: 6px;
  border: 1px solid var(--c-border-strong);
}
.lp-window-body {
  padding: 22px 22px 56px;
  position: relative;
}

.lp-demo-urlrow {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  border-radius: 12px;
  font-family: var(--ff-mono);
  font-size: var(--fs-200);
  color: var(--c-text);
  min-height: 44px;
}
.lp-demo-iglogo { color: var(--c-brand-700); display: inline-flex; }
.lp-demo-url {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lp-demo-caret {
  width: 2px;
  height: 18px;
  background: var(--c-brand-500);
  animation: lp-caret 1s steps(2, end) infinite;
}
@keyframes lp-caret { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }

.lp-demo-detect {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: var(--sp-3);
  padding: 6px 12px;
  background: rgba(46, 160, 90, 0.12);
  color: #207a45;
  border-radius: var(--r-pill);
  font-size: var(--fs-200);
  font-weight: var(--fw-medium);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 240ms ease, transform 240ms ease;
}
.lp-demo-detect.is-on { opacity: 1; transform: translateY(0); }
.lp-demo-pulse {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ea05a;
  box-shadow: 0 0 0 0 rgba(46, 160, 90, 0.6);
  animation: lp-shadow-pulse 1.4s ease-out infinite;
}
@keyframes lp-shadow-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(46, 160, 90, 0.55); }
  100% { box-shadow: 0 0 0 12px rgba(46, 160, 90, 0); }
}

.lp-demo-card {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 14px;
  margin-top: var(--sp-4);
  padding: 12px;
  background: var(--c-bg-elevated);
  border: 1px solid var(--c-border);
  border-radius: 14px;
  opacity: 0;
  transform: translateY(8px) scale(0.97);
  transition: opacity 320ms ease, transform 320ms ease;
}
.lp-demo-card.is-on { opacity: 1; transform: translateY(0) scale(1); }

.lp-demo-thumb {
  width: 96px;
  height: 96px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ed8298 0%, #de4870 50%, #b3284e 100%);
  flex: 0 0 auto;
}
.lp-demo-thumb-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lp-demo-thumb-play {
  position: absolute;
  bottom: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #fff;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 50%;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.lp-demo-thumb-shimmer {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.28) 50%, transparent 70%);
  background-size: 220% 100%;
  animation: lp-shimmer 2.6s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}
@keyframes lp-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -100% 0; }
}

.lp-demo-meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lp-demo-kind {
  font-size: var(--fs-100);
  font-weight: var(--fw-bold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--c-brand-700);
  margin-bottom: 4px;
}
.lp-demo-title {
  font-size: var(--fs-200);
  font-weight: var(--fw-medium);
  color: var(--c-text);
  line-height: var(--lh-snug);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.lp-demo-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--sp-4);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 240ms ease 80ms, transform 240ms ease 80ms;
}
.lp-demo-actions.is-on { opacity: 1; transform: translateY(0); }
.lp-demo-add {
  background: var(--c-brand-700);
  color: var(--c-text-on-brand);
  border: 0;
  padding: 10px 22px;
  border-radius: var(--r-pill);
  font: inherit;
  font-weight: var(--fw-bold);
  font-size: var(--fs-200);
  cursor: pointer;
}
.lp-demo-add:hover { background: var(--c-brand-900); }

.lp-demo-toast {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translate(-50%, 8px);
  padding: 8px 16px;
  background: var(--c-text);
  color: var(--c-text-inverse);
  border-radius: var(--r-pill);
  font-size: var(--fs-200);
  font-weight: var(--fw-medium);
  box-shadow: var(--sh-md);
  opacity: 0;
  transition: opacity 240ms ease, transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
  white-space: nowrap;
  z-index: 3;
}
.lp-demo-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

.lp-window-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
.lp-window-grid-cell {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 14px;
  background: var(--c-brand-100);
  opacity: 0.55;
  filter: blur(0.4px);
  animation: lp-float 6s ease-in-out infinite;
}
.lp-grid-1 { top: -28px; left: -36px; background: #f6ccd5; animation-delay: 0s; }
.lp-grid-2 { top: -16px; right: -40px; background: #ffd9b5; animation-delay: 1.2s; }
.lp-grid-3 { bottom: 8px;  left: -52px; background: #c9d5ff; animation-delay: 0.6s; }
.lp-grid-4 { bottom: -36px; right: -24px; background: #d6f1d8; animation-delay: 1.8s; }
@keyframes lp-float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50%      { transform: translateY(-8px) rotate(2deg); }
}

@media (max-width: 540px) {
  .lp-window { transform: rotate(0); }
  .lp-window-grid-cell { width: 60px; height: 60px; }
  .lp-grid-1 { top: -22px; left: -16px; }
  .lp-grid-2 { right: -16px; }
  .lp-grid-3 { left: -28px; }
  .lp-grid-4 { right: -8px; bottom: -16px; }
}

.lp-section-how {
  background: var(--c-bg-elevated);
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
}
.lp-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-8);
}
@media (max-width: 820px) {
  .lp-steps { grid-template-columns: 1fr; gap: var(--sp-6); }
}
.lp-step {
  position: relative;
  padding: var(--sp-6);
  border-radius: var(--r-lg);
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  transition: transform 180ms ease, box-shadow 200ms ease, border-color 180ms ease;
}
.lp-step:hover { transform: translateY(-2px); box-shadow: var(--sh-md); border-color: var(--c-brand-300); }
.lp-step-num {
  display: inline-block;
  font-family: var(--ff-sans);
  font-weight: var(--fw-bold);
  font-size: var(--fs-700);
  line-height: 1;
  color: var(--c-brand-700);
  margin-bottom: var(--sp-4);
  letter-spacing: -0.04em;
}
.lp-step-title {
  font-size: var(--fs-500);
  font-weight: var(--fw-bold);
  color: var(--c-text);
  margin: 0 0 var(--sp-2);
  letter-spacing: -0.02em;
}
.lp-step-desc {
  font-size: var(--fs-300);
  color: var(--c-text-muted);
  margin: 0;
  line-height: var(--lh-base);
}

.lp-feat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--sp-5);
}
.lp-feat {
  position: relative;
  padding: var(--sp-6);
  border-radius: var(--r-lg);
  background: var(--c-bg-elevated);
  border: 1px solid var(--c-border);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 200ms ease;
}
.lp-feat::before {
  content: "";
  position: absolute;
  top: 0; right: -40px;
  width: 160px; height: 160px;
  border-radius: 50%;
  filter: blur(48px);
  opacity: 0.35;
  pointer-events: none;
}
.lp-feat-rose::before   { background: #ed8298; }
.lp-feat-violet::before { background: #b8a4ff; }
.lp-feat-amber::before  { background: #ffd28c; }
.lp-feat-flame::before  { background: #ff9d6c; }
.lp-feat-teal::before   { background: #84d8c5; }
.lp-feat-blue::before   { background: #9ab8f0; }

.lp-feat:hover { transform: translateY(-3px); box-shadow: var(--sh-md); }

.lp-feat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px; height: 48px;
  border-radius: 14px;
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  font-size: 24px;
  margin-bottom: var(--sp-4);
}

.lp-feat-title {
  font-size: var(--fs-400);
  font-weight: var(--fw-bold);
  color: var(--c-text);
  margin: 0 0 var(--sp-2);
  letter-spacing: -0.015em;
}
.lp-feat-desc {
  font-size: var(--fs-300);
  color: var(--c-text-muted);
  margin: 0;
  line-height: var(--lh-base);
}

.lp-section-ai {
  background: linear-gradient(180deg, var(--c-bg) 0%, var(--c-brand-50) 100%);
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
}
.lp-ai-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 80px);
  align-items: center;
}
@media (max-width: 960px) { .lp-ai-grid { grid-template-columns: 1fr; } }

.lp-ai-bullets {
  list-style: none;
  margin: 0 0 var(--sp-6);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}
.lp-ai-bullets li {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  padding: var(--sp-4);
  background: var(--c-bg-elevated);
  border: 1px solid var(--c-border);
  border-radius: 12px;
}
.lp-ai-bullets strong {
  font-size: var(--fs-300);
  font-weight: var(--fw-bold);
  color: var(--c-text);
}
.lp-ai-bullets span {
  font-size: var(--fs-200);
  color: var(--c-text-muted);
}

.lp-ai-visual {
  position: relative;
}
.lp-search {
  background: var(--c-bg-elevated);
  border: 1px solid var(--c-border);
  border-radius: var(--r-lg);
  padding: var(--sp-5);
  box-shadow: var(--sh-md);
}
.lp-search-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  border-radius: 12px;
  margin-bottom: var(--sp-5);
  min-height: 48px;
}
.lp-search-icon { font-size: 18px; }
.lp-search-q {
  flex: 1;
  font-family: var(--ff-mono);
  font-size: var(--fs-300);
  color: var(--c-text);
  white-space: nowrap;
  overflow: hidden;
}
.lp-search-caret {
  width: 2px; height: 20px;
  background: var(--c-brand-500);
  animation: lp-caret 1s steps(2, end) infinite;
}
.lp-search-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-bottom: var(--sp-4);
}
.lp-search-group-label {
  font-size: var(--fs-100);
  font-weight: var(--fw-bold);
  color: var(--c-text-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.lp-search-result {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  text-decoration: none;
  cursor: default;
  animation: lp-result-in 600ms ease both;
}
.lp-search-result + .lp-search-result { animation-delay: 120ms; }

.lp-search-result-thumb {
  width: 36px; height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-radius: 8px;
}
.lp-search-result-thumb-rose   { background: var(--c-brand-50);  }
.lp-search-result-thumb-amber  { background: #fff1d7; }
.lp-search-result-thumb-violet { background: #ece3ff; }
:root[data-theme-applied="dark"] .lp-search-result-thumb-rose   { background: color-mix(in srgb, var(--c-brand-700) 32%, transparent); }
:root[data-theme-applied="dark"] .lp-search-result-thumb-amber  { background: rgba(255, 209, 138, 0.20); }
:root[data-theme-applied="dark"] .lp-search-result-thumb-violet { background: rgba(184, 164, 255, 0.20); }

.lp-search-result-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lp-search-result-title {
  font-size: var(--fs-200);
  font-weight: var(--fw-medium);
  color: var(--c-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lp-search-result-sub {
  font-size: var(--fs-100);
  color: var(--c-text-muted);
}
.lp-search-result-stat {
  font-size: var(--fs-100);
  color: var(--c-text-muted);
  white-space: nowrap;
}

@keyframes lp-result-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.lp-plat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-3);
}
@media (max-width: 820px) { .lp-plat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .lp-plat-grid { grid-template-columns: 1fr; } }
.lp-plat {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-4);
  background: var(--c-bg-elevated);
  border: 1px solid var(--c-border);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 160ms ease;
}
.lp-plat:hover { border-color: var(--c-border-strong); }
.lp-plat-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border-radius: 10px;
  background: var(--c-bg);
  flex: 0 0 auto;
  color: var(--c-text);
}
.lp-plat-logo svg { display: block; }
.lp-plat-ig { color: #fff; background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.lp-plat-tt  { color: #fff; background: #18181b; }
.lp-plat-fb  { color: #fff; background: #1877f2; }
.lp-plat-x   { color: #fff; background: #18181b; }
.lp-plat-sc  { color: #18181b; background: #fffc00; }
.lp-plat-web { color: var(--c-brand); background: var(--c-brand-soft); }
.lp-plat-ext { color: #fff; background: #4285f4; }
.lp-plat-ios { color: #fff; background: #18181b; }
.lp-plat-and { color: #fff; background: #3ddc84; }

.lp-plat-subtitle {
  font-size: var(--fs-100);
  font-weight: var(--fw-bold);
  color: var(--c-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: var(--sp-10) 0 var(--sp-3);
}

.lp-plat-name {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--fs-300);
  font-weight: var(--fw-bold);
  color: var(--c-text);
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lp-plat-status {
  flex: 0 0 auto;
  font-size: var(--fs-100);
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: var(--r-pill);
  background: var(--c-bg);
  color: var(--c-text);
}
.lp-plat-status-live {
  background: rgba(46, 160, 90, 0.15);
  color: #1a6238;
}
:root[data-theme-applied="dark"] .lp-plat-status-live { color: #6cd093; }
.lp-plat-live { border-color: rgba(46, 160, 90, 0.3); }

.lp-section-community {
  background: var(--c-bg-elevated);
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
}
.lp-comm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--sp-4);
  margin-bottom: var(--sp-8);
}
.lp-comm-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  text-decoration: none;
  transition: transform 180ms ease;
}
.lp-comm-card:hover { transform: translateY(-3px); }
.lp-comm-thumb {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 14px;
  background: var(--c-bg);
}
.lp-comm-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 320ms ease;
}
.lp-comm-card:hover .lp-comm-thumb img { transform: scale(1.04); }
.lp-comm-badge {
  position: absolute;
  top: 8px; right: 8px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 12px;
  width: 26px; height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lp-comm-title {
  font-size: var(--fs-200);
  font-weight: var(--fw-medium);
  color: var(--c-text);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 4px 4px 0;
}
.lp-comm-user {
  font-size: var(--fs-100);
  color: var(--c-text-subtle);
  margin: 0 4px 4px;
}
@media (max-width: 540px) {
  .lp-comm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }
}

.lp-section-final { padding: clamp(56px, 8vw, 96px) 0; }
.lp-final-card {
  background: linear-gradient(135deg, var(--c-brand-700) 0%, var(--c-brand-900) 100%);
  border-radius: var(--r-lg);
  padding: clamp(36px, 6vw, 64px);
  text-align: center;
  color: var(--c-text-on-brand);
  box-shadow: var(--sh-lg);
}
.lp-final-card .lp-h2 { color: #fff; max-width: 22ch; margin-left: auto; margin-right: auto; }
.lp-final-card .lp-section-lead { color: rgba(255, 255, 255, 0.86); max-width: 50ch; margin-left: auto; margin-right: auto; margin-bottom: var(--sp-6); }
.lp-final-card .lp-cta {
  background: #fff;
  color: var(--c-brand-700);
  box-shadow: var(--sh-md);
}
.lp-final-card .lp-cta:hover { background: #fff; color: var(--c-brand-900); transform: translateY(-1px); }
.lp-final-login { margin: var(--sp-5) 0 0; font-size: var(--fs-200); }
.lp-final-login a { color: rgba(255, 255, 255, 0.92); border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.lp-final-login a:hover { color: #fff; border-color: #fff; }

.lp-footer {
  background: var(--c-gray-950);
  color: var(--c-gray-300);
  padding: clamp(40px, 6vw, 72px) 0 var(--sp-5);
}
.lp-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
  gap: var(--sp-8);
  margin-bottom: var(--sp-10);
}
@media (max-width: 760px) {
  .lp-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-6) var(--sp-5);
    margin-bottom: var(--sp-6);
  }
  .lp-footer-brand { grid-column: 1 / -1; }
}

.lp-footer-brand .lp-brand { color: #fff; font-size: var(--fs-500); }
.lp-footer-tagline {
  margin: var(--sp-3) 0 0;
  font-size: var(--fs-200);
  color: var(--c-gray-400);
  max-width: 28ch;
  line-height: var(--lh-base);
}
@media (max-width: 760px) {
  .lp-footer-brand .lp-brand { font-size: var(--fs-400); }
  .lp-footer-tagline { margin-top: var(--sp-2); max-width: none; }
}

.lp-footer-h {
  font-size: var(--fs-100);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #fff;
  margin: 0 0 var(--sp-3);
}
.lp-footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--sp-2); }
.lp-footer-col a { color: var(--c-gray-300); font-size: var(--fs-200); transition: color 150ms ease; }
.lp-footer-col a:hover { color: #fff; }
.lp-footer-col a[aria-current="true"] { color: var(--c-brand-300); }
@media (max-width: 760px) {
  .lp-footer-h { margin-bottom: var(--sp-2); letter-spacing: 0.06em; }
  .lp-footer-col ul { gap: 6px; }
}

.lp-footer-foot {
  padding-top: var(--sp-5);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: var(--fs-100);
  color: var(--c-gray-400);
  text-align: center;
}
@media (max-width: 760px) { .lp-footer-foot { padding-top: var(--sp-4); } }

:root[data-theme-applied="dark"] .lp-demo-detect,
:root[data-theme-applied="dark"] .lp-plat-status-live { color: #6cd093; }

:root[data-theme-applied="dark"] .lp-section-ai {
  background: linear-gradient(180deg, var(--c-bg) 0%, color-mix(in srgb, var(--c-brand-700) 14%, var(--c-bg)) 100%);
}

:root[data-theme-applied="dark"] .lp-grad {
  background-image: linear-gradient(135deg, #f6ccd5 0%, #ed8298 50%, #de4870 100%);
}
@supports (color: oklch(0 0 0)) {
  :root[data-theme-applied="dark"] .lp-grad {
    background-image: linear-gradient(135deg, oklch(0.86 0.10 0) 0%, oklch(0.78 0.20 0) 50%, oklch(0.66 0.21 5) 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-badge-dot, .lp-demo-pulse, .lp-demo-thumb-shimmer,
  .lp-window-grid-cell,
  .lp-demo-caret, .lp-search-caret { animation: none; }
  .lp-cta:hover, .lp-step:hover, .lp-feat:hover, .lp-comm-card:hover { transform: none; }
}