/* ============================================================
   GIGAGPU LANDING PAGES — SHARED CSS
   Prefix: lp-  (landing page)
   Used by all 38 pages generated in wordpress-import-landing-pages.xml
   Drop this file into your WP theme /css/ dir and load in header.php:
     <link href="<?php echo get_template_directory_uri(); ?>/css/landing-pages.css" rel="stylesheet">
============================================================ */

:root {
  --lp-green: #64A76C;
  --lp-green-dark: #4f8e57;
  --lp-green-light: #e8f5ea;
  --lp-green-faint: #f4faf5;
  --lp-dark: #0f172a;
  --lp-dark-2: #1e293b;
  --lp-text: #334155;
  --lp-text-secondary: #64748b;
  --lp-text-muted: #94a3b8;
  --lp-border: #e2e8f0;
  --lp-bg-alt: #f1f5f9;
  --lp-bg-card: #f8fafc;
  --lp-amber: #f59e0b;
  --lp-amber-light: #fef3c7;
  --lp-red: #dc2626;
  --lp-red-light: #fef2f2;
  --lp-blue: #2563eb;
  --lp-blue-light: #eff6ff;
  --lp-radius: 16px;
  --lp-radius-sm: 10px;
  --lp-radius-xs: 6px;
  --lp-font: 'Montserrat', sans-serif;
  --lp-mono: 'JetBrains Mono', 'Consolas', monospace;
  --lp-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --lp-shadow-sm: 0 1px 2px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.06);
  --lp-shadow-md: 0 4px 12px rgba(100,167,108,0.12);
  --lp-shadow-lg: 0 10px 25px rgba(100,167,108,0.12), 0 20px 48px rgba(100,167,108,0.08);
}

/* ---- SHARED SECTIONS ---- */
.lp-section { padding: 80px 0; }
.lp-section--alt { background: var(--lp-bg-alt); }
.lp-section--white { background: #fff; }
.lp-section--green { background: linear-gradient(135deg, var(--lp-green-faint) 0%, var(--lp-green-light) 100%); }
.lp-section--dark { background: linear-gradient(135deg, #0f172a 0%, #1e3a24 100%); color: rgba(255,255,255,0.85); }

.lp-section-title { text-align: center; margin-bottom: 56px; }
.lp-section-title h2 {
  color: var(--lp-dark) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  padding-top: 0 !important;
  font-family: var(--lp-font);
  text-shadow: none !important;
  margin: 0 0 12px;
  letter-spacing: -0.3px;
}
.lp-section-title p {
  color: var(--lp-text-secondary);
  font-size: 17px;
  line-height: 1.7;
  max-width: 660px;
  margin: 0 auto;
  font-family: var(--lp-font);
}
.lp-section--dark .lp-section-title h2 { color: #fff !important; }
.lp-section--dark .lp-section-title p { color: rgba(255,255,255,0.65); }

.lp-eyebrow {
  display: inline-block;
  font-family: var(--lp-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--lp-green);
  background: var(--lp-green-light);
  border: 1px solid var(--lp-green);
  border-radius: 999px;
  padding: 6px 14px;
  margin-bottom: 16px;
}
.lp-section--dark .lp-eyebrow {
  color: var(--lp-green);
  background: rgba(100,167,108,0.15);
  border-color: rgba(100,167,108,0.4);
}

/* ---- BUTTONS ---- */
.lp-btn-green, .lp-btn-outline, .lp-btn-white, .lp-btn-white-outline, .lp-btn-dark {
  border-radius: var(--lp-radius-sm);
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--lp-font);
  cursor: pointer;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.25s var(--lp-ease);
  border: 2px solid transparent;
  white-space: nowrap;
}
.lp-btn-green { background: var(--lp-green); color: #fff !important; box-shadow: 0 4px 12px rgba(100,167,108,0.3); }
.lp-btn-green:hover { background: var(--lp-green-dark); color: #fff !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(100,167,108,0.4); }
.lp-btn-outline { background: transparent; color: var(--lp-green) !important; border-color: var(--lp-green); padding: 12px 28px; }
.lp-btn-outline:hover { background: var(--lp-green); color: #fff !important; transform: translateY(-2px); }
.lp-btn-white { background: #fff; color: var(--lp-dark) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.lp-btn-white:hover { background: var(--lp-green); color: #fff !important; transform: translateY(-2px); }
.lp-btn-white-outline { background: transparent; color: #fff !important; border-color: rgba(255,255,255,0.45); padding: 12px 28px; }
.lp-btn-white-outline:hover { background: #fff; color: var(--lp-dark) !important; border-color: #fff; transform: translateY(-2px); }
.lp-btn-dark { background: var(--lp-dark); color: #fff !important; }
.lp-btn-dark:hover { background: var(--lp-dark-2); color: #fff !important; transform: translateY(-2px); }

/* ---- HERO ---- */
.lp-hero {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a24 100%);
  padding: 96px 0 80px;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.lp-hero::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: radial-gradient(ellipse at 50% 30%, rgba(100,167,108,0.10) 0%, transparent 55%);
  pointer-events: none;
}
.lp-hero .container { position: relative; z-index: 2; }
.lp-hero-anchor {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(100,167,108,0.12);
  border: 1px solid rgba(100,167,108,0.4);
  color: var(--lp-green);
  padding: 8px 18px;
  border-radius: 999px;
  font-family: var(--lp-font);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 28px;
}
.lp-hero-anchor i { color: var(--lp-green); }
.lp-hero h1 {
  color: #fff !important;
  font-size: 48px !important;
  font-weight: 800 !important;
  font-family: var(--lp-font);
  margin: 0 0 22px !important;
  padding: 0 !important;
  letter-spacing: -0.5px;
  line-height: 1.12 !important;
  text-shadow: none !important;
  border: none !important;
  text-transform: none !important;
  max-width: 880px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.lp-hero h1 span { color: var(--lp-green) !important; padding: 0 !important; border: none !important; }
.lp-hero-sub {
  color: rgba(255,255,255,0.70);
  font-size: 19px;
  line-height: 1.65;
  max-width: 680px;
  margin: 0 auto 28px;
  font-family: var(--lp-font);
}
.lp-hero-killers {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 36px;
  font-family: var(--lp-font);
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  font-weight: 500;
}
.lp-hero-killers span { display: inline-flex; align-items: center; gap: 8px; }
.lp-hero-killers i { color: var(--lp-green); }
.lp-hero-btns {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* ---- ANSWER BOX (programmatic pages) ---- */
.lp-answer {
  max-width: 720px;
  margin: 0 auto 48px;
  background: rgba(100,167,108,0.10);
  border: 1px solid rgba(100,167,108,0.35);
  border-left: 4px solid var(--lp-green);
  border-radius: var(--lp-radius);
  padding: 24px 28px;
  text-align: left;
  font-family: var(--lp-font);
  color: #fff;
  font-size: 16px;
  line-height: 1.65;
}
.lp-answer .lp-answer-label {
  display: inline-block;
  font-family: var(--lp-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--lp-green);
  margin-bottom: 8px;
}
.lp-answer strong { color: #fff; font-weight: 700; }
.lp-verdict {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  margin-right: 8px;
}
.lp-verdict-yes { background: rgba(100,167,108,0.20); color: var(--lp-green); border: 1px solid var(--lp-green); }
.lp-verdict-no  { background: rgba(220,38,38,0.15); color: #fca5a5; border: 1px solid rgba(220,38,38,0.5); }
.lp-verdict-maybe { background: rgba(245,158,11,0.15); color: #fbbf24; border: 1px solid rgba(245,158,11,0.5); }

/* ---- STATS STRIP ---- */
.lp-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: #fff;
  border-bottom: 1px solid var(--lp-border);
}
.lp-stat {
  text-align: center;
  padding: 32px 20px;
  border-right: 1px solid var(--lp-border);
}
.lp-stat:last-child { border-right: 0; }
.lp-stat-num {
  font-family: var(--lp-font);
  font-size: 32px;
  font-weight: 800;
  color: var(--lp-green);
  line-height: 1;
  margin-bottom: 6px;
  letter-spacing: -0.5px;
}
.lp-stat-label {
  font-family: var(--lp-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--lp-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

/* ---- FEATURE GRID ---- */
.lp-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}
.lp-feature {
  background: #fff;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  padding: 32px 28px;
  transition: all 0.25s var(--lp-ease);
  box-shadow: var(--lp-shadow-sm);
}
.lp-feature:hover {
  border-color: var(--lp-green);
  box-shadow: var(--lp-shadow-lg);
  transform: translateY(-4px);
}
.lp-feature-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, var(--lp-green-faint), var(--lp-green-light));
  border: 1px solid #c8e6c9;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--lp-green);
  margin-bottom: 20px;
}
.lp-feature h4 {
  color: var(--lp-dark);
  font-size: 19px;
  font-weight: 700;
  font-family: var(--lp-font);
  margin: 0 0 12px;
}
.lp-feature p {
  color: var(--lp-text);
  font-family: var(--lp-font);
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}
.lp-feature--center { text-align: center; }
.lp-feature--center .lp-feature-icon { margin-left: auto; margin-right: auto; }

/* ---- GPU CARDS ---- */
.lp-gpu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}
.lp-gpu-card {
  background: #fff;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  overflow: hidden;
  transition: all 0.25s var(--lp-ease);
  box-shadow: var(--lp-shadow-sm);
  display: flex;
  flex-direction: column;
}
.lp-gpu-card:hover {
  border-color: var(--lp-green);
  box-shadow: var(--lp-shadow-lg);
  transform: translateY(-4px);
}
.lp-gpu-card.featured {
  border-left: 3px solid var(--lp-green);
  box-shadow: var(--lp-shadow-md);
}
.lp-gpu-card-head {
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border-bottom: 1px solid var(--lp-border);
  padding: 20px 24px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lp-gpu-card.featured .lp-gpu-card-head {
  background: linear-gradient(135deg, var(--lp-green-faint), var(--lp-green-light));
  border-bottom-color: #c8e6c9;
}
.lp-gpu-card-head .gpu-name {
  font-family: var(--lp-font);
  font-size: 18px;
  font-weight: 800;
  color: var(--lp-dark);
}
.lp-gpu-card-head .gpu-tier {
  font-family: var(--lp-font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--lp-green);
  background: var(--lp-green-light);
  padding: 4px 10px;
  border-radius: 6px;
}
.lp-gpu-card-body {
  padding: 22px 24px 6px;
  flex: 1;
}
.lp-gpu-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin-bottom: 18px;
}
.lp-gpu-spec {
  padding: 12px 4px;
  border-bottom: 1px dashed var(--lp-border);
  font-family: var(--lp-font);
  font-size: 13px;
}
.lp-gpu-spec:nth-child(odd) { border-right: 1px dashed var(--lp-border); padding-right: 12px; }
.lp-gpu-spec:nth-child(even) { padding-left: 12px; }
.lp-gpu-spec-label { color: var(--lp-text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 4px; }
.lp-gpu-spec-val { color: var(--lp-dark); font-size: 14px; font-weight: 700; }
.lp-gpu-spec-val.gpu-spec-vram { color: var(--lp-green); }
.lp-gpu-card-foot {
  background: #fafbfc;
  border-top: 1px solid var(--lp-border);
  padding: 18px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.lp-gpu-price {
  font-family: var(--lp-font);
  font-size: 13px;
  color: var(--lp-text-secondary);
}
.lp-gpu-price strong {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: var(--lp-dark);
  letter-spacing: -0.3px;
}

/* ---- USE CASES ---- */
.lp-uc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.lp-uc-card {
  background: #fff;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  padding: 32px 28px;
  transition: all 0.25s var(--lp-ease);
  box-shadow: var(--lp-shadow-sm);
}
.lp-uc-card:hover {
  border-color: var(--lp-green);
  box-shadow: var(--lp-shadow-lg);
  transform: translateY(-4px);
}
.lp-uc-icon {
  width: 56px; height: 56px;
  background: linear-gradient(135deg, var(--lp-green-faint), var(--lp-green-light));
  border: 1px solid #c8e6c9;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; color: var(--lp-green);
  margin-bottom: 20px;
}
.lp-uc-card h4 { color: var(--lp-dark); font-size: 18px; font-weight: 700; margin: 0 0 10px; font-family: var(--lp-font); }
.lp-uc-card p { color: var(--lp-text); font-size: 15px; line-height: 1.7; margin: 0 0 12px; font-family: var(--lp-font); }
.lp-uc-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.lp-uc-tag { display: inline-block; background: var(--lp-bg-alt); border: 1px solid var(--lp-border); border-radius: 6px; padding: 4px 10px; font-family: var(--lp-font); font-size: 12px; font-weight: 600; color: var(--lp-text); }

/* ---- COMPARISON TABLE (programmatic) ---- */
.lp-table-wrap { overflow-x: auto; max-width: 960px; margin: 0 auto; }
.lp-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  overflow: hidden;
  background: #fff;
  font-family: var(--lp-font);
  font-size: 14px;
  box-shadow: var(--lp-shadow-sm);
}
.lp-table th, .lp-table td {
  padding: 14px 18px;
  text-align: left;
  border-bottom: 1px solid var(--lp-border);
  vertical-align: middle;
}
.lp-table thead th {
  background: var(--lp-bg-card);
  color: var(--lp-dark);
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid var(--lp-border);
}
.lp-table tbody tr:last-child td { border-bottom: 0; }
.lp-table tbody tr:hover td { background: var(--lp-green-faint); }
.lp-table tbody td { color: var(--lp-text); }
.lp-table tbody td strong { color: var(--lp-dark); }
.lp-table .lp-yes { color: var(--lp-green); font-weight: 700; }
.lp-table .lp-no { color: var(--lp-red); font-weight: 700; }
.lp-table .lp-tight { color: var(--lp-amber); font-weight: 700; }

/* ---- PROS/CONS ---- */
.lp-pros-cons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
}
.lp-pc-col { padding: 28px; border-radius: var(--lp-radius); }
.lp-pc-col--pro { background: var(--lp-green-faint); border: 2px solid var(--lp-green); }
.lp-pc-col--con { background: var(--lp-red-light); border: 1px solid #fecaca; }
.lp-pc-col h4 { font-size: 17px; font-weight: 700; font-family: var(--lp-font); margin: 0 0 16px; display: flex; align-items: center; gap: 8px; }
.lp-pc-col--pro h4 { color: var(--lp-green-dark); }
.lp-pc-col--con h4 { color: #991b1b; }
.lp-pc-row { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-family: var(--lp-font); font-size: 15px; line-height: 1.6; }
.lp-pc-row i { flex-shrink: 0; margin-top: 3px; font-size: 14px; }
.lp-pc-col--pro .lp-pc-row { color: var(--lp-text); }
.lp-pc-col--pro .lp-pc-row i { color: var(--lp-green); }
.lp-pc-col--con .lp-pc-row { color: #7f1d1d; }
.lp-pc-col--con .lp-pc-row i { color: var(--lp-red); }

/* ---- STEPS ---- */
.lp-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}
.lp-step { text-align: center; position: relative; padding: 0 12px; }
.lp-step-num {
  width: 56px; height: 56px;
  background: linear-gradient(135deg, var(--lp-green-faint), var(--lp-green-light));
  border: 2px solid var(--lp-green);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 18px;
  font-family: var(--lp-font);
  font-size: 20px; font-weight: 800; color: var(--lp-green);
}
.lp-step h4 { color: var(--lp-dark); font-size: 17px; font-weight: 700; margin: 0 0 8px; font-family: var(--lp-font); }
.lp-step p { color: var(--lp-text-secondary); font-size: 14px; line-height: 1.65; margin: 0; font-family: var(--lp-font); }

/* ---- MODEL LIST (for programmatic + GPU pages) ---- */
.lp-model-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
  max-width: 920px;
  margin: 0 auto;
}
.lp-model-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius-sm);
  font-family: var(--lp-font);
  font-size: 14px;
  transition: all 0.2s var(--lp-ease);
}
.lp-model-row:hover { border-color: var(--lp-green); box-shadow: var(--lp-shadow-sm); }
.lp-model-row .name { font-weight: 700; color: var(--lp-dark); }
.lp-model-row .meta { color: var(--lp-text-secondary); font-size: 12px; }
.lp-model-badge { font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 6px; letter-spacing: 0.4px; }
.lp-model-badge.fits { background: var(--lp-green-light); color: var(--lp-green-dark); }
.lp-model-badge.tight { background: var(--lp-amber-light); color: #92400e; }
.lp-model-badge.no { background: var(--lp-red-light); color: var(--lp-red); }

/* ---- FAQ ---- */
.lp-faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 960px;
  margin: 0 auto;
}
.lp-faq-item {
  background: #fff;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  overflow: hidden;
  box-shadow: var(--lp-shadow-sm);
  transition: all 0.25s var(--lp-ease);
}
.lp-faq-item:hover { border-color: var(--lp-green); }
.lp-faq-item.open { border-left: 3px solid var(--lp-green); }
.lp-faq-q {
  padding: 18px 22px;
  font-family: var(--lp-font);
  font-size: 15px;
  font-weight: 600;
  color: var(--lp-dark);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  gap: 12px;
}
.lp-faq-q::after {
  content: '+';
  font-size: 20px; font-weight: 300;
  color: var(--lp-green);
  transition: transform 0.2s var(--lp-ease);
  flex-shrink: 0;
}
.lp-faq-item.open .lp-faq-q::after { content: '\2212'; }
.lp-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s var(--lp-ease), padding 0.35s var(--lp-ease);
  padding: 0 22px;
  font-family: var(--lp-font);
  font-size: 14px;
  line-height: 1.7;
  color: var(--lp-text);
}
.lp-faq-item.open .lp-faq-a { max-height: 600px; padding: 0 22px 18px; }
.lp-faq-a a { color: var(--lp-green); font-weight: 600; }
.lp-faq-a a:hover { text-decoration: underline; }

/* ---- BIG PROSE BLOCK ---- */
.lp-prose { max-width: 800px; margin: 0 auto; font-family: var(--lp-font); font-size: 16px; line-height: 1.75; color: var(--lp-text); }
.lp-prose h3 { font-size: 24px; font-weight: 700; color: var(--lp-dark); margin: 36px 0 14px; }
.lp-prose h3:first-child { margin-top: 0; }
.lp-prose p { margin: 0 0 16px; }
.lp-prose ul, .lp-prose ol { margin: 0 0 16px 1.4em; }
.lp-prose li { margin-bottom: 6px; }
.lp-prose code { background: var(--lp-bg-alt); padding: 2px 8px; border-radius: 4px; font-family: var(--lp-mono); font-size: 14px; color: var(--lp-dark); }
.lp-prose pre { background: var(--lp-dark); color: #e2e8f0; padding: 18px 22px; border-radius: 10px; overflow-x: auto; font-family: var(--lp-mono); font-size: 13px; line-height: 1.55; margin: 16px 0; }
.lp-prose pre code { background: transparent; color: inherit; padding: 0; }
.lp-prose a { color: var(--lp-green); font-weight: 600; }
.lp-prose a:hover { text-decoration: underline; }
.lp-prose blockquote {
  border-left: 4px solid var(--lp-green);
  background: var(--lp-green-faint);
  padding: 16px 22px;
  margin: 18px 0;
  border-radius: 0 var(--lp-radius-sm) var(--lp-radius-sm) 0;
  font-style: italic;
  color: var(--lp-text);
}

/* ---- RELATED LINKS ---- */
.lp-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
  max-width: 1000px;
  margin: 0 auto;
}
.lp-related-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius-sm);
  padding: 16px 18px;
  font-family: var(--lp-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--lp-dark);
  text-decoration: none !important;
  transition: all 0.2s var(--lp-ease);
}
.lp-related-card:hover { border-color: var(--lp-green); color: var(--lp-green) !important; transform: translateY(-2px); box-shadow: var(--lp-shadow-md); }
.lp-related-card i { color: var(--lp-green); font-size: 18px; flex-shrink: 0; }

/* ---- CTA ---- */
.lp-cta {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a24 100%);
  padding: 80px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.lp-cta::before {
  content: ''; position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: radial-gradient(ellipse at 50% 50%, rgba(100,167,108,0.08) 0%, transparent 60%);
  pointer-events: none;
}
.lp-cta .container { position: relative; z-index: 2; }
.lp-cta h2 {
  color: #fff !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  padding-top: 0 !important;
  margin-bottom: 14px;
  font-family: var(--lp-font);
  text-shadow: none !important;
  letter-spacing: -0.3px;
}
.lp-cta p {
  color: rgba(255,255,255,0.65);
  font-size: 17px;
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto 32px;
  font-family: var(--lp-font);
}
.lp-cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ---- VS CLOUD STRIP ---- */
.lp-vs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
}
.lp-vs-col { border-radius: var(--lp-radius); padding: 32px 28px; }
.lp-vs-col--bad { background: #fef2f2; border: 1px solid #fecaca; }
.lp-vs-col--good { background: var(--lp-green-faint); border: 2px solid var(--lp-green); }
.lp-vs-col h4 { font-size: 17px; font-weight: 700; margin: 0 0 18px; font-family: var(--lp-font); display: flex; align-items: center; gap: 10px; }
.lp-vs-col--bad h4 { color: #991b1b; }
.lp-vs-col--good h4 { color: var(--lp-green-dark); }
.lp-vs-row { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; font-family: var(--lp-font); font-size: 14px; line-height: 1.55; }
.lp-vs-row i { flex-shrink: 0; margin-top: 3px; font-size: 13px; }
.lp-vs-col--bad .lp-vs-row { color: #7f1d1d; }
.lp-vs-col--bad .lp-vs-row i { color: var(--lp-red); }
.lp-vs-col--good .lp-vs-row { color: var(--lp-text); }
.lp-vs-col--good .lp-vs-row i { color: var(--lp-green); }

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
  .lp-uc-grid { grid-template-columns: repeat(2, 1fr); }
  .lp-stats { grid-template-columns: repeat(2, 1fr); }
  .lp-stat:nth-child(2) { border-right: 0; }
  .lp-stat:nth-child(1), .lp-stat:nth-child(2) { border-bottom: 1px solid var(--lp-border); }
  .lp-steps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .lp-section { padding: 56px 0; }
  .lp-hero { padding: 64px 0 48px; }
  .lp-hero h1 { font-size: 32px !important; }
  .lp-hero-sub { font-size: 16px; }
  .lp-hero-killers { flex-direction: column; align-items: center; gap: 10px; }
  .lp-section-title h2 { font-size: 26px !important; }
  .lp-section-title { margin-bottom: 36px; }
  .lp-feature-grid, .lp-gpu-grid, .lp-uc-grid { grid-template-columns: 1fr; }
  .lp-pros-cons { grid-template-columns: 1fr; }
  .lp-vs-grid { grid-template-columns: 1fr; }
  .lp-faq-grid { grid-template-columns: 1fr; }
  .lp-steps { grid-template-columns: 1fr; gap: 32px; }
  .lp-cta { padding: 56px 0; }
  .lp-cta h2 { font-size: 26px !important; }
  .lp-stat-num { font-size: 26px; }
  .lp-table { font-size: 13px; }
  .lp-table th, .lp-table td { padding: 10px 12px; }
}
@media (max-width: 480px) {
  .lp-hero h1 { font-size: 26px !important; }
  .lp-stats { grid-template-columns: 1fr; }
  .lp-stat { border-right: 0; border-bottom: 1px solid var(--lp-border); }
  .lp-stat:last-child { border-bottom: 0; }
}