/* ── HERO ─────────────────────────────────────────────── */
    .landing-hero {
      position: relative;
      min-height: 800px;
      padding: 160px 0 100px;
      overflow: hidden;
      background:
        radial-gradient(ellipse at 18% 28%, rgba(16,185,129,0.22), transparent 34%),
        radial-gradient(ellipse at 80% 16%, rgba(59,130,246,0.18), transparent 36%),
        radial-gradient(ellipse at 60% 80%, rgba(245,158,11,0.07), transparent 28%),
        linear-gradient(180deg, #04050d 0%, #06081a 55%, #0d0f1e 100%);
    }
    .landing-grid-bg {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.032) 1px, transparent 1px);
      background-size: 52px 52px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent 90%);
      pointer-events: none;
    }
    .landing-glow {
      position: absolute;
      border-radius: 50%;
      filter: blur(80px);
      pointer-events: none;
      animation: landingDrift 10s ease-in-out infinite alternate;
    }
    .landing-glow.one {
      width: 460px; height: 460px;
      left: -60px; bottom: 0;
      background: rgba(16,185,129,0.17);
    }
    .landing-glow.two {
      width: 380px; height: 380px;
      right: 2%; top: 10%;
      background: rgba(59,130,246,0.15);
      animation-delay: 1.8s;
    }
    .landing-glow.three {
      width: 280px; height: 280px;
      right: 28%; bottom: 8%;
      background: rgba(168,85,247,0.09);
      animation-delay: 3.5s;
    }
    @keyframes landingDrift {
      from { transform: translate3d(0,0,0) scale(1); }
      to   { transform: translate3d(32px,-28px,0) scale(1.1); }
    }

    /* ── HERO INNER ───────────────────────────────────────── */
    .landing-hero-inner {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0,1.05fr) minmax(380px,0.95fr);
      gap: 56px;
      align-items: center;
    }
    .landing-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 14px;
      border-radius: 6px;
      background: rgba(16,185,129,0.09);
      border: 1px solid rgba(16,185,129,0.32);
      color: var(--green-light);
      font-size: 0.77rem;
      font-weight: 800;
      letter-spacing: 0.3px;
      margin-bottom: 22px;
    }
    .kicker-dot {
      width: 7px; height: 7px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 6px rgba(16,185,129,0.7);
      animation: kickerPulse 2s infinite;
    }
    @keyframes kickerPulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.6; transform: scale(1.25); }
    }
    .landing-title {
      font-size: clamp(2.8rem, 5.5vw, 4.6rem);
      line-height: 1.01;
      font-weight: 900;
      max-width: 740px;
      margin-bottom: 24px;
      letter-spacing: -0.5px;
    }
    .landing-title .hl {
      background: linear-gradient(100deg, #10b981 0%, #34d399 40%, #3b82f6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .landing-title .hl2 {
      background: linear-gradient(100deg, #f59e0b 0%, #fbbf24 60%, #ef4444 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .landing-subtitle {
      max-width: 580px;
      color: var(--text-secondary);
      font-size: 1.07rem;
      line-height: 1.78;
      margin-bottom: 32px;
    }
    .landing-ctas {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 36px;
    }
    .landing-trust-row {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
    }
    .landing-chip {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 7px 11px;
      border-radius: 6px;
      background: rgba(255,255,255,0.042);
      border: 1px solid rgba(255,255,255,0.08);
      color: var(--text-secondary);
      font-size: 0.76rem;
      font-weight: 700;
      transition: var(--transition);
    }
    .landing-chip:hover {
      background: rgba(16,185,129,0.08);
      border-color: rgba(16,185,129,0.22);
      color: var(--green-light);
    }
    .landing-chip i { color: var(--green); font-size: 0.74rem; }

    /* ── HERO PREVIEW ─────────────────────────────────────── */
    .hero-preview {
      position: relative;
      min-height: 540px;
    }
    .hero-phone {
      position: absolute;
      inset: 48px 54px 36px 64px;
      border: 1px solid rgba(255,255,255,0.13);
      border-radius: 14px;
      background: linear-gradient(145deg, rgba(17,24,39,0.97), rgba(23,32,48,0.92));
      box-shadow:
        var(--shadow-xl),
        0 0 0 1px rgba(16,185,129,0.06),
        inset 0 1px 0 rgba(255,255,255,0.06);
      overflow: hidden;
    }
    .hero-phone-map {
      position: absolute;
      inset: 0;
      background:
        linear-gradient(108deg, rgba(16,185,129,0.14) 0 2px, transparent 2px 82px),
        linear-gradient(24deg, rgba(59,130,246,0.11) 0 2px, transparent 2px 74px),
        radial-gradient(circle at 46% 40%, rgba(16,185,129,0.28), transparent 10%),
        radial-gradient(circle at 70% 60%, rgba(245,158,11,0.22), transparent 10%),
        radial-gradient(circle at 28% 64%, rgba(59,130,246,0.18), transparent 8%),
        #08101e;
      background-size: 104px 104px, 122px 122px, auto, auto, auto, auto;
    }
    .hero-phone-content {
      position: absolute;
      left: 16px; right: 16px; bottom: 16px;
      display: grid;
      gap: 9px;
    }
    .phone-row {
      padding: 12px 14px;
      border-radius: 8px;
      background: rgba(4,5,13,0.82);
      border: 1px solid rgba(255,255,255,0.09);
      backdrop-filter: blur(14px);
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .phone-row-icon {
      width: 30px; height: 30px;
      border-radius: 7px;
      display: flex; align-items: center; justify-content: center;
      font-size: 0.78rem;
      flex-shrink: 0;
    }
    .phone-row-icon.green { background: rgba(16,185,129,0.15); color: var(--green-light); }
    .phone-row-icon.blue { background: rgba(59,130,246,0.15); color: var(--blue-light); }
    .phone-row-icon.gold { background: rgba(245,158,11,0.15); color: var(--gold-light); }
    .phone-row strong { display: block; font-size: 0.83rem; }
    .phone-row span { display: block; color: var(--text-muted); font-size: 0.7rem; margin-top: 2px; }

    /* ── FLOAT CARDS ──────────────────────────────────────── */
    .float-card {
      position: absolute;
      z-index: 3;
      min-width: 162px;
      padding: 13px 15px;
      border-radius: 10px;
      background: rgba(17,24,39,0.93);
      border: 1px solid rgba(255,255,255,0.1);
      box-shadow: 0 12px 40px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.06);
      backdrop-filter: blur(20px);
    }
    .float-card:nth-child(odd)  { animation: floatA 4.8s ease-in-out infinite alternate; }
    .float-card:nth-child(even) { animation: floatB 4.2s ease-in-out infinite alternate; }
    @keyframes floatA {
      from { transform: translateY(0) rotate(-0.5deg); }
      to   { transform: translateY(-14px) rotate(0.5deg); }
    }
    @keyframes floatB {
      from { transform: translateY(-6px) rotate(0.3deg); }
      to   { transform: translateY(8px) rotate(-0.3deg); }
    }
    .float-card .icon {
      width: 32px; height: 32px;
      border-radius: 7px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 9px;
      font-size: 0.82rem;
    }
    .float-card strong { display: block; font-size: 0.88rem; }
    .float-card span   { display: block; color: var(--text-muted); font-size: 0.7rem; margin-top: 2px; }

    .float-xp .icon      { background: rgba(16,185,129,0.16);  color: var(--green-light); }
    .float-event .icon   { background: rgba(239,68,68,0.16);   color: #f87171; }
    .float-discount .icon{ background: rgba(245,158,11,0.16);  color: var(--gold-light); }
    .float-creator .icon { background: rgba(168,85,247,0.16);  color: #c084fc; }
    .float-pin .icon     { background: rgba(59,130,246,0.16);  color: var(--blue-light); }

    .float-xp      { left: 0;   top: 22px; }
    .float-event   { right: 0;  top: 96px; }
    .float-discount{ left: 10px; bottom: 108px; }
    .float-creator { right: 18px; bottom: 44px; }
    .float-pin     { left: 46%; top: 6px; transform: translateX(-50%); }

    /* ── SHARED SECTION STYLES ────────────────────────────── */
    .landing-section { padding: 96px 0; }
    .landing-section-header { max-width: 760px; margin-bottom: 40px; }
    .landing-section-header.center {
      margin-left: auto; margin-right: auto; text-align: center;
    }
    .landing-section-header .section-kicker {
      display: inline-block;
      font-size: 0.72rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      color: var(--green);
      margin-bottom: 12px;
    }
    .landing-section-header h2 {
      font-size: clamp(1.9rem, 3.8vw, 2.6rem);
      line-height: 1.12;
      margin-bottom: 12px;
      font-weight: 800;
    }
    .landing-section-header p {
      color: var(--text-secondary);
      line-height: 1.72;
      font-size: 1.02rem;
    }
    .section-sep {
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.07), transparent);
      margin: 0;
    }

    /* ── PILLAR GRID ──────────────────────────────────────── */
    .pillar-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .landing-card {
      border-radius: 10px;
      background: linear-gradient(145deg, #111827, #14202f);
      border: 1px solid var(--border);
      padding: 24px;
      transition: var(--transition);
      position: relative;
      overflow: hidden;
    }
    .landing-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      opacity: 0;
      transition: opacity 0.3s;
    }
    .landing-card:hover::before { opacity: 1; }
    .pillar-grid .landing-card:nth-child(1)::before { background: var(--green); }
    .pillar-grid .landing-card:nth-child(2)::before { background: var(--gold); }
    .pillar-grid .landing-card:nth-child(3)::before { background: var(--blue); }
    .pillar-grid .landing-card:nth-child(4)::before { background: #a855f7; }
    .landing-card:hover {
      transform: translateY(-5px);
      border-color: rgba(255,255,255,0.1);
    }
    .pillar-grid .landing-card:nth-child(1):hover { box-shadow: 0 12px 36px rgba(16,185,129,0.14); }
    .pillar-grid .landing-card:nth-child(2):hover { box-shadow: 0 12px 36px rgba(245,158,11,0.14); }
    .pillar-grid .landing-card:nth-child(3):hover { box-shadow: 0 12px 36px rgba(59,130,246,0.14); }
    .pillar-grid .landing-card:nth-child(4):hover { box-shadow: 0 12px 36px rgba(168,85,247,0.14); }
    .landing-card-num {
      font-size: 0.68rem;
      font-weight: 900;
      color: var(--text-muted);
      letter-spacing: 0.5px;
      margin-bottom: 14px;
    }
    .landing-card-icon {
      width: 44px; height: 44px;
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 18px;
      font-size: 1.05rem;
    }
    .pillar-grid .landing-card:nth-child(1) .landing-card-icon { background: rgba(16,185,129,0.12); color: var(--green-light); }
    .pillar-grid .landing-card:nth-child(2) .landing-card-icon { background: rgba(245,158,11,0.12); color: var(--gold-light); }
    .pillar-grid .landing-card:nth-child(3) .landing-card-icon { background: rgba(59,130,246,0.12); color: var(--blue-light); }
    .pillar-grid .landing-card:nth-child(4) .landing-card-icon { background: rgba(168,85,247,0.12); color: #c084fc; }
    .landing-card h3 { font-size: 1rem; margin-bottom: 9px; font-weight: 700; }
    .landing-card p  { color: var(--text-secondary); font-size: 0.87rem; line-height: 1.65; }

    /* ── LOOP SECTION ─────────────────────────────────────── */
    .loop-section {
      background:
        radial-gradient(ellipse at 50% 50%, rgba(59,130,246,0.05), transparent 60%),
        linear-gradient(180deg, transparent, rgba(59,130,246,0.025), transparent);
    }
    .loop-chain {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 0;
      position: relative;
    }
    .loop-chain::before {
      content: '';
      position: absolute;
      top: 42px; left: 10%; right: 10%;
      height: 1px;
      background: linear-gradient(90deg,
        rgba(16,185,129,0.4),
        rgba(59,130,246,0.4),
        rgba(245,158,11,0.4),
        rgba(168,85,247,0.4),
        rgba(16,185,129,0.4)
      );
      z-index: 0;
    }
    .loop-step {
      position: relative;
      z-index: 1;
      padding: 0 10px 24px;
      text-align: center;
    }
    .loop-num {
      width: 52px; height: 52px;
      border-radius: 50%;
      color: white;
      display: flex; align-items: center; justify-content: center;
      font-weight: 900;
      font-size: 1.1rem;
      margin: 0 auto 20px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.5);
      position: relative;
    }
    .loop-step:nth-child(1) .loop-num { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 4px 20px rgba(16,185,129,0.4); }
    .loop-step:nth-child(2) .loop-num { background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 4px 20px rgba(59,130,246,0.4); }
    .loop-step:nth-child(3) .loop-num { background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 4px 20px rgba(245,158,11,0.4); }
    .loop-step:nth-child(4) .loop-num { background: linear-gradient(135deg, #a855f7, #9333ea); box-shadow: 0 4px 20px rgba(168,85,247,0.4); }
    .loop-step:nth-child(5) .loop-num { background: linear-gradient(135deg, #10b981, #3b82f6); box-shadow: 0 4px 20px rgba(16,185,129,0.35); }
    .loop-step h3 { font-size: 0.96rem; font-weight: 700; margin-bottom: 8px; }
    .loop-step p  { color: var(--text-secondary); font-size: 0.82rem; line-height: 1.6; }

    /* ── PLATFORM PREVIEW ─────────────────────────────────── */
    .preview-grid {
      display: grid;
      grid-template-columns: 1.2fr 0.9fr 0.9fr;
      gap: 14px;
    }
    .preview-card {
      min-height: 224px;
      border-radius: 12px;
      border: 1px solid var(--border);
      background: var(--bg-card);
      overflow: hidden;
      position: relative;
      padding: 20px;
      transition: var(--transition);
      text-decoration: none;
      display: block;
    }
    .preview-card:hover {
      border-color: rgba(16,185,129,0.22);
      transform: translateY(-4px);
      box-shadow: 0 16px 48px rgba(0,0,0,0.6);
    }
    .preview-card.large { grid-row: span 2; min-height: 462px; }
    .preview-card::before {
      content: '';
      position: absolute; inset: 0;
      pointer-events: none;
    }
    .preview-card.large::before    { background: radial-gradient(circle at 70% 16%, rgba(16,185,129,0.14), transparent 42%); }
    .preview-card.live-card::before { background: radial-gradient(circle at 30% 20%, rgba(239,68,68,0.12), transparent 42%); }
    .preview-card.wallet-card::before { background: radial-gradient(circle at 70% 20%, rgba(245,158,11,0.1), transparent 42%); }
    .preview-card.ai-card::before  { background: radial-gradient(circle at 30% 20%, rgba(168,85,247,0.12), transparent 42%); }
    .preview-card.biz-card::before { background: radial-gradient(circle at 70% 20%, rgba(59,130,246,0.1), transparent 42%); }
    .preview-content { position: relative; z-index: 1; }
    .preview-label {
      color: var(--green-light);
      font-size: 0.7rem;
      text-transform: uppercase;
      font-weight: 900;
      letter-spacing: 1px;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .preview-card.live-card .preview-label   { color: #f87171; }
    .preview-card.wallet-card .preview-label { color: var(--gold-light); }
    .preview-card.ai-card .preview-label     { color: #c084fc; }
    .preview-card.biz-card .preview-label    { color: var(--blue-light); }
    .preview-content h3 { font-size: 1rem; font-weight: 700; margin-bottom: 6px; }
    .preview-content p  { color: var(--text-secondary); font-size: 0.82rem; line-height: 1.55; }
    .feed-mini-post {
      display: flex;
      gap: 9px;
      padding: 10px 11px;
      border-radius: 8px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.06);
      margin-top: 10px;
      align-items: center;
    }
    .mini-avatar {
      width: 30px; height: 30px;
      border-radius: 50%;
      flex-shrink: 0;
    }
    .mini-avatar.g  { background: linear-gradient(135deg,#10b981,#3b82f6); }
    .mini-avatar.b  { background: linear-gradient(135deg,#3b82f6,#a855f7); }
    .mini-avatar.go { background: linear-gradient(135deg,#f59e0b,#ef4444); }
    .mini-lines { flex: 1; }
    .mini-line { height: 7px; border-radius: 99px; background: rgba(255,255,255,0.1); margin: 5px 0; }
    .mini-line.short { width: 52%; }
    .mini-name { font-size: 0.78rem; font-weight: 600; }
    .mini-sub  { color: var(--text-muted); font-size: 0.68rem; margin-top: 1px; }
    .live-pulse {
      width: 10px; height: 10px;
      border-radius: 50%;
      background: #ef4444;
      box-shadow: 0 0 0 0 rgba(239,68,68,0.6);
      animation: livePulse 1.6s infinite;
      display: inline-block;
    }
    @keyframes livePulse {
      70%  { box-shadow: 0 0 0 9px rgba(239,68,68,0); }
      100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
    }
    .wallet-meter {
      height: 9px;
      border-radius: 99px;
      background: var(--bg-elevated);
      overflow: hidden;
      margin-top: 20px;
    }
    .wallet-fill {
      width: 78%; height: 100%;
      background: linear-gradient(90deg, #10b981, #3b82f6);
      border-radius: 99px;
    }
    .wallet-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 14px;
      font-size: 0.78rem;
    }
    .wallet-pts { font-weight: 800; color: var(--gold-light); font-size: 1.1rem; }
    .ai-msg {
      margin-top: 14px;
      padding: 10px 12px;
      border-radius: 8px;
      font-size: 0.8rem;
      line-height: 1.5;
    }
    .ai-msg.user  { background: rgba(59,130,246,0.12); border: 1px solid rgba(59,130,246,0.18); text-align: right; }
    .ai-msg.bot   { background: rgba(168,85,247,0.1);  border: 1px solid rgba(168,85,247,0.18); color: var(--text-secondary); }
    .biz-mini-bar {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 5px;
      margin-top: 18px;
      height: 52px;
    }
    .biz-bar-item {
      flex: 1;
      border-radius: 3px 3px 0 0;
      background: rgba(59,130,246,0.2);
    }
    .biz-bar-item:nth-child(3) { background: rgba(59,130,246,0.45); }
    .biz-bar-item:nth-child(5) { background: rgba(59,130,246,0.6); }
    .biz-bar-item:nth-child(7) { background: rgba(16,185,129,0.55); }

    /* ── AUDIENCE ─────────────────────────────────────────── */
    .audience-section {
      background:
        radial-gradient(ellipse at 0% 50%, rgba(16,185,129,0.04), transparent 50%),
        radial-gradient(ellipse at 100% 50%, rgba(59,130,246,0.04), transparent 50%);
    }
    .audience-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }
    .audience-card {
      border: 1px solid var(--border);
      border-radius: 12px;
      background: linear-gradient(145deg, rgba(17,24,39,0.98), rgba(23,32,48,0.78));
      padding: 28px;
      position: relative;
      overflow: hidden;
      transition: var(--transition);
    }
    .audience-card::after {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      border-radius: 12px 12px 0 0;
    }
    .audience-card.users::after    { background: linear-gradient(90deg, #10b981, #34d399); }
    .audience-card.business::after { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
    .audience-card.creators::after { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
    .audience-card:hover {
      transform: translateY(-4px);
    }
    .audience-card.users:hover    { border-color: rgba(16,185,129,0.28); box-shadow: 0 12px 40px rgba(16,185,129,0.1); }
    .audience-card.business:hover { border-color: rgba(59,130,246,0.28); box-shadow: 0 12px 40px rgba(59,130,246,0.1); }
    .audience-card.creators:hover { border-color: rgba(245,158,11,0.28); box-shadow: 0 12px 40px rgba(245,158,11,0.1); }
    .audience-icon {
      width: 46px; height: 46px;
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.08rem;
      margin-bottom: 18px;
    }
    .audience-card.users    .audience-icon { background: rgba(16,185,129,0.12); color: var(--green-light); }
    .audience-card.business .audience-icon { background: rgba(59,130,246,0.12); color: var(--blue-light); }
    .audience-card.creators .audience-icon { background: rgba(245,158,11,0.12); color: var(--gold-light); }
    .audience-card h2 { font-size: 1.12rem; font-weight: 800; margin-bottom: 8px; }
    .audience-card > p { color: var(--text-secondary); font-size: 0.88rem; line-height: 1.6; }
    .audience-card ul { display: grid; gap: 9px; margin: 18px 0 24px; }
    .audience-card li {
      display: flex; align-items: center;
      gap: 9px;
      color: var(--text-secondary);
      font-size: 0.86rem;
    }
    .audience-card.users    li i { color: var(--green); }
    .audience-card.business li i { color: var(--blue); }
    .audience-card.creators li i { color: var(--gold); }
    .btn-full { width: 100%; justify-content: center; }

    /* ── STATS ────────────────────────────────────────────── */
    .stats-section {
      padding: 0 0 96px;
    }
    .landing-stats {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 1px;
      border: 1px solid var(--border);
      border-radius: 12px;
      overflow: hidden;
      background: var(--border);
    }
    .landing-stat {
      background: linear-gradient(145deg, #0f1623, #111827);
      padding: 32px 18px;
      text-align: center;
      transition: var(--transition);
    }
    .landing-stat:hover { background: #141e2e; }
    .landing-stat strong {
      display: block;
      font-size: 2rem;
      font-weight: 900;
      background: linear-gradient(135deg, #34d399, #60a5fa);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 6px;
    }
    .landing-stat span { color: var(--text-secondary); font-size: 0.78rem; font-weight: 500; }

    /* ── FINAL CTA ────────────────────────────────────────── */
    .final-cta { padding: 0 0 96px; }
    .final-cta-box {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(16,185,129,0.22);
      border-radius: 16px;
      padding: 72px 36px 64px;
      text-align: center;
      background:
        radial-gradient(ellipse at 50% -10%, rgba(16,185,129,0.22), transparent 50%),
        radial-gradient(ellipse at 20% 120%, rgba(59,130,246,0.12), transparent 50%),
        radial-gradient(ellipse at 80% 110%, rgba(245,158,11,0.07), transparent 40%),
        linear-gradient(145deg, #0f1623, #080a16);
    }
    .final-cta-glow {
      position: absolute;
      width: 500px; height: 280px;
      border-radius: 50%;
      background: rgba(16,185,129,0.09);
      filter: blur(60px);
      top: -60px; left: 50%;
      transform: translateX(-50%);
      pointer-events: none;
      animation: landingDrift 8s ease-in-out infinite alternate;
    }
    .final-cta-box h2 {
      font-size: clamp(2rem, 4vw, 3.2rem);
      font-weight: 900;
      margin-bottom: 16px;
      position: relative;
    }
    .final-cta-box h2 .hl {
      background: linear-gradient(100deg, #10b981, #3b82f6);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .final-cta-box p {
      max-width: 600px;
      margin: 0 auto 30px;
      color: var(--text-secondary);
      line-height: 1.72;
      font-size: 1.04rem;
      position: relative;
    }
    .final-cta-box .landing-ctas { position: relative; }

    /* ── RESPONSIVE ───────────────────────────────────────── */
    @media (max-width: 1100px) {
      .landing-hero-inner { grid-template-columns: 1fr; }
      .pillar-grid        { grid-template-columns: repeat(2, 1fr); }
      .preview-grid       { grid-template-columns: 1fr 1fr; }
      .audience-grid      { grid-template-columns: 1fr; gap: 14px; }
      .preview-card.large { grid-row: span 1; min-height: 224px; grid-column: 1 / -1; }
      .loop-chain {
        grid-template-columns: 1fr;
        gap: 16px;
      }
      .loop-chain::before { display: none; }
      .loop-step { text-align: left; display: flex; gap: 18px; align-items: flex-start; padding-bottom: 0; }
      .loop-num  { margin: 0; flex-shrink: 0; }
    }
    @media (max-width: 720px) {
      .landing-hero { padding: 130px 0 64px; min-height: auto; }
      .landing-section { padding: 64px 0; }
      .pillar-grid { grid-template-columns: 1fr; }
      .preview-grid { grid-template-columns: 1fr; }
      .landing-stats { grid-template-columns: repeat(2, 1fr); }
      .landing-stats .landing-stat:last-child { grid-column: 1 / -1; }
      .hero-preview  { display: none; }
      .landing-ctas .btn { width: 100%; justify-content: center; }
      .final-cta-box { padding: 44px 20px; }
      .landing-section-header h2,
      .final-cta-box h2 { font-size: 1.9rem; }
    }