@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ===== RESET & BASE ===== */
    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; font-size: 16px; overflow-x: hidden; }
    body {
      font-family: 'Inter', sans-serif;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.7;
      color: #1a1a2e;
      background: #f8f9fc;
      overflow-x: hidden;
    }
    img { max-width: 100%; display: block; }
    a { text-decoration: none; color: inherit; }
    ul { list-style: none; }

    /* ===== CSS VARIABLES ===== */
    :root {
      --primary: #0d47a1;
      --primary-light: #1565c0;
      --primary-dark: #0a2e6e;
      --dark: #000000;
      --accent: #00e676;
      --accent-alt: #00c853;
      --teal: #00bfa5;
      --orange: #ff6d00;
      --gradient-hero: linear-gradient(135deg, #0a1628 0%, #0d2137 30%, #0f3460 60%, #16213e 100%);
      --gradient-accent: linear-gradient(135deg, #00e676 0%, #00bfa5 100%);
      --gradient-card: linear-gradient(145deg, #ffffff 0%, #f0f4ff 100%);
      --gradient-dark: linear-gradient(135deg, #0a1628 0%, #16213e 100%);
      --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
      --shadow-md: 0 8px 30px rgba(0,0,0,0.08);
      --shadow-lg: 0 20px 60px rgba(0,0,0,0.12);
      --shadow-glow: 0 0 40px rgba(0,230,118,0.15);
      --radius: 16px;
      --radius-lg: 24px;
      --container: 1200px;
    }

    /* ===== UTILITY ===== */
    .container {
      max-width: var(--container);
      margin: 0 auto;
      padding: 0 24px;
      width: 100%;
    }
    .section-pad { padding: 100px 0; }
    .text-center { text-align: center; }
    .text-white { color: #fff; }
    .padt40{padding-top: 40px;}
    .relative { position: relative; }
    .absolute { position: absolute; }

    /* ===== TYPOGRAPHY ===== */
    h1, h2, h3, h4, h5 { font-family: 'Inter', sans-serif; line-height: 1.2; }
    .section-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, rgba(0,230,118,0.1) 0%, rgba(0,191,165,0.1) 100%);
      border: 1px solid rgba(0,230,118,0.25);
      color: var(--teal);
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 8px 20px;
      border-radius: 50px;
      margin-bottom: 20px;
    }
    .section-badge.light {
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,255,255,0.15);
      color: var(--accent);
    }
    .section-title {
      font-size: clamp(2rem, 4vw, 3.2rem);
      font-weight: 800;
      margin-bottom: 20px;
      letter-spacing: -1px;
    }
    .section-subtitle {
      font-size: 1.1rem;
      color: #5a6888;
      max-width: 750px;
      margin: 0 auto 50px;
      line-height: 1.8;
    }
    .dark-section .section-subtitle { color: rgba(255,255,255,0.65); }

    /* ===== SCROLL REVEAL ANIMATIONS ===== */
    .reveal {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .reveal-left {
      opacity: 0;
      transform: translateX(-60px);
      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .reveal-left.visible { opacity: 1; transform: translateX(0); }
    .reveal-right {
      opacity: 0;
      transform: translateX(60px);
      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .reveal-right.visible { opacity: 1; transform: translateX(0); }
    .reveal-scale {
      opacity: 0;
      transform: scale(0.9);
      transition: opacity 0.8s ease, transform 0.8s ease;
    }
    .reveal-scale.visible { opacity: 1; transform: scale(1); }

    .stagger-1 { transition-delay: 0.1s; }
    .stagger-2 { transition-delay: 0.2s; }
    .stagger-3 { transition-delay: 0.3s; }
    .stagger-4 { transition-delay: 0.4s; }
    .stagger-5 { transition-delay: 0.5s; }
    .stagger-6 { transition-delay: 0.6s; }

    .main-logo{
      position: absolute;
      top: 30px;
      width: 480px;
      z-index: 10;
    }

    /* ===== HERO ===== */
    .hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      background: var(--gradient-hero);
      overflow: hidden;
      padding: 60px 0 80px;
    }
    .hero::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -20%;
      width: 800px;
      height: 800px;
      background: radial-gradient(circle, rgba(0,230,118,0.08) 0%, transparent 70%);
      border-radius: 50%;
      animation: heroPulse 8s ease-in-out infinite;
    }
    .hero::after {
      content: '';
      position: absolute;
      bottom: -30%;
      left: -10%;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(0,191,165,0.06) 0%, transparent 70%);
      border-radius: 50%;
      animation: heroPulse 10s ease-in-out infinite reverse;
    }
    @keyframes heroPulse {
      0%, 100% { transform: scale(1); opacity: 0.6; }
      50% { transform: scale(1.15); opacity: 1; }
    }

    /* Grid mesh background */
    .hero-grid {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 60px 60px;
      mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 100%);
      -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 100%);
    }

    .hero-content {
      position: relative;
      z-index: 2;
      text-align: center;
      max-width:1200px;
      margin: 0 auto;
    }
    .hero-paid {
      display: inline-block;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.1);
      color: rgba(255,255,255,0.5);
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 6px 18px;
      border-radius: 40px;
      margin-bottom: 30px;
      position: absolute;
      top: 20px;
      left: 20px;
      transform: rotate(-180deg);
    }
    .hero-ticker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: linear-gradient(135deg, rgba(0,230,118,0.15) 0%, rgba(0,191,165,0.1) 100%);
      border: 1px solid rgba(0,230,118,0.6);
      padding: 10px 26px;
      border-radius: 50px;
      margin-bottom: 30px;
      animation: glowPulse 3s ease-in-out infinite;
      position: absolute;
      top: 20px;
      right: 20px;
      transform: rotate(-180deg);
    }
    @keyframes glowPulse {
      0%, 100% { box-shadow: 0 0 20px rgba(0,230,118,0.1); }
      50% { box-shadow: 0 0 40px rgba(0,230,118,0.2); }
    }
    .hero-ticker .dot {
      width: 8px;
      height: 8px;
      background: var(--accent);
      border-radius: 50%;
      animation: blink 2s infinite;
    }
    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.3; }
    }
    .hero-ticker span {
      font-family: 'Inter', sans-serif;
      font-weight: 700;
      font-size: 1.5rem;
      color: #fff;
      letter-spacing: 1px;
    }
    .hero h1 {
      font-size: clamp(2.2rem, 5vw, 3.8rem);
      font-weight: 800;
      color: #fff;
      margin-bottom: 24px;
      letter-spacing: -1.5px;
      line-height: 1.15;
    }
    .hero h1 .highlight {
      background: var(--gradient-accent);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .hero-desc {
      font-size: 1.05rem;
      color: rgba(255,255,255,0.55);
      max-width: 820px;
      margin: 0 auto 44px;
      line-height: 1.85;
    }

    #ct {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 5rem;
    border-radius: 0;
    font-size: 10px;
    line-height: 14px;
    z-index: 1;
    color: #fff;
}

    /* Hero stats row */
    .hero-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      max-width: 720px;
      margin: 0 auto;
    }
    .hero-stat {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: var(--radius);
      padding: 24px 16px;
      transition: all 0.4s ease;
    }
    .hero-stat:hover {
      background: rgba(0,230,118,0.06);
      border-color: rgba(0,230,118,0.2);
      transform: translateY(-4px);
      box-shadow: var(--shadow-glow);
    }
    .hero-stat .num {
      font-family: 'Inter', sans-serif;
      font-size: 2rem;
      font-weight: 800;
      color: var(--accent);
      display: block;
    }
    .hero-stat .label {
      font-size: 1rem;
      color: rgba(255,255,255,0.45);
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .scroll-indicator {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      z-index: 2;
    }
    .scroll-indicator span {
      font-size: 1rem;
      color: rgba(255,255,255,0.3);
      letter-spacing: 2px;
      text-transform: uppercase;
    }
    .scroll-line {
      width: 1px;
      height: 40px;
      background: linear-gradient(to bottom, rgba(0,230,118,0.6), transparent);
      animation: scrollDown 2s ease-in-out infinite;
    }
    @keyframes scrollDown {
      0% { transform: scaleY(0); transform-origin: top; }
      50% { transform: scaleY(1); transform-origin: top; }
      51% { transform-origin: bottom; }
      100% { transform: scaleY(0); transform-origin: bottom; }
    }

    /* ===== HIGHLIGHTS SECTION ===== */
    .highlights-section {
      background: #fff;
      position: relative;
      z-index: 5;
      padding: 90px 0 80px;
    }
    .highlights-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, #dce3ee, transparent);
    }
    .highlights-section .section-header {
      text-align: center;
      margin-bottom: 50px;
    }
    .highlights-section .section-header h3 {
      font-size: 2rem;
      font-weight: 800;
      color: var(--primary-dark);
      margin-bottom: 10px;
    }
    .highlights-section .section-header p {
      font-size: 1rem;
      color: #7a8699;
    }
    .highlights-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    .highlight-item {
      background: linear-gradient(145deg, #f0f5ff 0%, #ffffff 100%);
      border: 3px double #cbdeff;
      border-radius: var(--radius);
      padding: 32px 26px;
      position: relative;
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      overflow: hidden;
    }
    .highlight-item::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background: var(--gradient-accent);
      border-radius: 4px 0 0 4px;
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .highlight-item:hover::before { opacity: 1; }
    .highlight-item:hover {
      background: #fff;
      transform: translateY(-6px);
      box-shadow: 0 16px 48px rgba(0,0,0,0.08);
      border-color: rgba(0,230,118,0.5);
    }
    .highlight-icon {
      width: 50px;
      height: 50px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      margin-bottom: 18px;
    }
    .highlight-icon.green { background: rgba(0,230,118,0.1); }
    .highlight-icon.blue { background: rgba(13,71,161,0.08); }
    .highlight-icon.teal { background: rgba(0,191,165,0.1); }
    .highlight-icon.purple { background: rgba(124,77,255,0.1); }
    .highlight-icon.orange { background: rgba(255,109,0,0.1); }
    .highlight-icon.indigo { background: rgba(63,81,181,0.1); }
    .highlight-num {
      font-family: 'Inter', sans-serif;
      font-size: 1.8rem;
      font-weight: 800;
      color: var(--primary);
      display: block;
      margin-bottom: 6px;
    }
    .highlight-label {
      font-size: 1rem;
      color: #5a6888;
      font-weight: 500;
      line-height: 1.5;
    }

    /* ===== MARKET CHALLENGE PARENT ===== */
    .market-challenge {
      position: relative;
    }
    .market-challenge-header {
      background: linear-gradient(135deg, #0f1b2d 0%, #162544 100%);
      padding: 80px 0 50px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
   
   
    .market-challenge-header .section-title {
      color: #fff;
      max-width: 850px;
      margin: 0 auto;
    }

    /* ===== PROBLEM SUB-SECTION (RED) ===== */
    .problem-sub {
      background: linear-gradient(180deg, #fef2f2 0%, #fff5f5 40%, #fff9f9 100%);
      padding: 80px 0;
      position: relative;
      overflow: hidden;
    }
    .problem-sub::before {
      content: '';
      position: absolute;
      top: -200px;
      right: -100px;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(239,68,68,0.06) 0%, transparent 70%);
      border-radius: 50%;
    }
    .problem-sub::after {
      content: '';
      position: absolute;
      bottom: -150px;
      left: -80px;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(239,68,68,0.04) 0%, transparent 70%);
      border-radius: 50%;
    }
    .sub-header {
      margin-bottom: 50px;
    }
    .sub-header .sub-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 8px 20px;
      border-radius: 50px;
      margin-bottom: 16px;
    }
    .sub-badge.red {
      background: rgba(239,68,68,0.08);
      border: 1px solid rgba(239,68,68,0.2);
      color: #dc2626;
    }
    .sub-badge.green {
      background: rgba(16,185,129,0.08);
      border: 1px solid rgba(16,185,129,0.2);
      color: #059669;
    }
    .sub-header h3 {
      font-size: 1.7rem;
      font-weight: 800;
      line-height: 1.3;
      margin-bottom: 10px;
    }
    .sub-header h3.red-title { color: #991b1b; }
    .sub-header h3.green-title { color: #065f46; }
    .sub-header p {
      font-size: 1rem;
      color: #6b7280;
      max-width: 700px;
    }

    .problem-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: start;
    }
    .problem-context {
      position: sticky;
      top: 100px;
    }
    .problem-context h3 {
      font-size: 1.5rem;
      font-weight: 700;
      margin-bottom: 20px;
      color: #111;
      line-height: 1.4;
    }
    .problem-context p {
      color: #78716c;
      margin-bottom: 16px;
      font-size: 1rem;
    }
    .stat-cards {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .stat-card {
      background: #fff;
      border: 1px solid rgba(239,68,68,0.1);
      border-radius: var(--radius);
      padding: 22px 24px;
      display: flex;
      align-items: flex-start;
      gap: 16px;
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      cursor: default;
      box-shadow: 0 2px 10px rgba(239,68,68,0.04);
    }
    .stat-card:hover {
      transform: translateX(6px);
      box-shadow: 0 8px 28px rgba(239,68,68,0.1);
      border-color: rgba(239,68,68,0.25);
    }
    .stat-icon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      flex-shrink: 0;
    }
    .stat-icon.red { background: rgba(239,68,68,0.1); color: #dc2626; }
    .stat-icon.amber { background: rgba(245,158,11,0.1); color: #d97706; }
    .stat-icon.blue { background: rgba(59,130,246,0.1); color: #2563eb; }
    .stat-icon.purple { background: rgba(139,92,246,0.1); color: #7c3aed; }
    .stat-icon.teal { background: rgba(20,184,166,0.1); color: #0d9488; }
    .stat-card-content h4 {
      font-family: 'Inter', sans-serif;
      font-size: 1.05rem;
      font-weight: 700;
      color: #991b1b;
      margin-bottom: 4px;
    }
    .stat-card-content p {
      font-size: 1rem;
      color: #78716c;
      line-height: 1.5;
    }

    .consequence-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 50px;
    }
    .consequence-item {
      text-align: center;
      padding: 24px 16px;
      border-radius: var(--radius);
      border: 1px solid rgba(239,68,68,0.12);
      background: rgba(255,255,255,0.7);
      backdrop-filter: blur(8px);
      transition: all 0.3s ease;
      box-shadow: 0 2px 8px rgba(239,68,68,0.04);
    }
    .consequence-item:hover {
      border-color: rgba(239,68,68,0.3);
      background: #fff;
      transform: translateY(-5px);
      box-shadow: 0 12px 30px rgba(239,68,68,0.08);
    }
    .consequence-item .icon { font-size: 1.6rem; margin-bottom: 10px; display: block; }
    .consequence-item p {
      font-size: 1rem;
      color: #1b1b1b;
      font-weight: 600;
      line-height: 1.4;
    }
    .problem-bottom-text {
      text-align: center;
      margin-top: 36px;
      font-size: 1rem;
      color: #991b1b;
      font-weight: 600;
      padding: 16px 24px;
      background: rgba(239,68,68,0.04);
      border-radius: var(--radius);
      border: 1px dashed rgba(239,68,68,0.15);
    }

    /* ===== SOLUTION SUB-SECTION (GREEN) ===== */
    .solution-sub {
      background: linear-gradient(180deg, #ecfdf5 0%, #f0fdf8 40%, #f5fef9 100%);
      padding: 80px 0;
      position: relative;
      overflow: hidden;
    }
    .solution-sub::before {
      content: '';
      position: absolute;
      top: -200px;
      left: -100px;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(16,185,129,0.06) 0%, transparent 70%);
      border-radius: 50%;
    }
    .solution-sub::after {
      content: '';
      position: absolute;
      bottom: -150px;
      right: -80px;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(16,185,129,0.04) 0%, transparent 70%);
      border-radius: 50%;
    }

    .flow-diagram {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      margin: 40px auto 50px;
      flex-wrap: wrap;
      max-width: 900px;
    }
    .flow-node {
      background: #fff;
      border: 1px solid rgba(16,185,129,0.15);
      border-radius: 14px;
      padding: 14px 22px;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      font-size: 1rem;
      color: #065f46;
      transition: all 0.3s ease;
      text-align: center;
      box-shadow: 0 2px 8px rgba(16,185,129,0.06);
    }
    .flow-node.active {
      background: linear-gradient(135deg, #059669 0%, #10b981 100%);
      border-color: transparent;
      color: #fff;
      box-shadow: 0 6px 24px rgba(16,185,129,0.25);
    }
    .flow-node:hover {
      transform: translateY(-3px);
      border-color: rgba(16,185,129,0.35);
      box-shadow: 0 8px 24px rgba(16,185,129,0.12);
    }
    .flow-arrow {
      font-size: 1.3rem;
      color: #10b981;
      padding: 0 6px;
      opacity: 0.5;
    }
    .solution-desc {
      text-align: center;
      color: #4b5563;
      max-width: 800px;
      margin: 0 auto 50px;
      font-size: 1rem;
      line-height: 1.8;
    }
    .solution-label {
      text-align: center;
      color: #065f46;
      margin-bottom: 28px;
      font-weight: 700;
      font-size: 1rem;
    }

    .ecosystem-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
      margin-bottom: 60px;
    }
    .eco-card {
      background: #fff;
      border: 1px solid rgba(16,185,129,0.12);
      border-radius: var(--radius);
      padding: 34px 26px;
      transition: all 0.4s ease;
      position: relative;
      overflow: hidden;
      box-shadow: 0 2px 10px rgba(16,185,129,0.05);
    }
    .eco-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, #10b981, #059669);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.4s ease;
    }
    .eco-card:hover::before { transform: scaleX(1); }
    .eco-card:hover {
      border-color: rgba(16,185,129,0.3);
      transform: translateY(-6px);
      box-shadow: 0 16px 40px rgba(16,185,129,0.1);
    }
    .eco-card-icon {
      width: 54px;
      height: 54px;
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(16,185,129,0.1) 0%, rgba(5,150,105,0.08) 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      margin-bottom: 18px;
    }
    .eco-card h4 {
      font-size: 1.1rem;
      font-weight: 700;
      margin-bottom: 10px;
      color: #065f46;
    }
    .eco-card p {
      font-size: 1rem;
      color: #6b7280;
      line-height: 1.7;
    }

    .advantages-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
      margin-top: 20px;
    }
    .advantage-card {
      background: #fff;
      border: 1px solid rgba(16,185,129,0.1);
      border-radius: var(--radius);
      padding: 26px 22px;
      display: flex;
      gap: 16px;
      transition: all 0.3s ease;
      box-shadow: 0 2px 8px rgba(16,185,129,0.04);
    }
    .advantage-card:hover {
      border-color: rgba(16,185,129,0.3);
      transform: translateY(-4px);
      box-shadow: 0 12px 30px rgba(16,185,129,0.08);
    }
    .adv-icon {
      width: 44px;
      height: 44px;
      border-radius: 10px;
      background: rgba(16,185,129,0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      flex-shrink: 0;
      color: #059669;
    }
    .advantage-card h5 {
      font-size: 1rem;
      font-weight: 700;
      color: #059669;
      margin-bottom: 6px;
    }
    .advantage-card p {
      font-size: 1rem;
      color: #6b7280;
      line-height: 1.6;
    }
    .solution-footer {
      text-align: center;
      margin-top: 60px;
      padding: 28px 30px;
      background: rgba(16,185,129,0.05);
      border: 1px dashed rgba(16,185,129,0.2);
      border-radius: var(--radius);
    }
    .solution-footer p {
      font-size: 1rem;
      color: #065f46;
      max-width: 800px;
      margin: 0 auto;
      line-height: 1.8;
      font-weight: 500;
    }

    /* ===== MARKET OPPORTUNITY ===== */
    .market-section {
      background: linear-gradient(135deg, #0a1628 0%, #0d2137 35%, #0f3460 65%, #16213e 100%);
      position: relative;
      overflow: hidden;
      color: #fff;
    }
    /* Animated orbs */
    .market-orbs {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }
    .market-orb {
      position: absolute;
      border-radius: 50%;
      filter: blur(80px);
      opacity: 0.35;
    }
    .market-orb-1 {
      width: 500px; height: 500px;
      background: radial-gradient(circle, rgba(0,230,118,0.2), transparent 70%);
      top: -10%; left: -5%;
      animation: orbFloat1 12s ease-in-out infinite;
    }
    .market-orb-2 {
      width: 400px; height: 400px;
      background: radial-gradient(circle, rgba(59,130,246,0.2), transparent 70%);
      bottom: -10%; right: -5%;
      animation: orbFloat2 10s ease-in-out infinite;
    }
    .market-orb-3 {
      width: 300px; height: 300px;
      background: radial-gradient(circle, rgba(139,92,246,0.15), transparent 70%);
      top: 40%; left: 50%;
      animation: orbFloat3 14s ease-in-out infinite;
    }
    @keyframes orbFloat1 {
      0%, 100% { transform: translate(0, 0) scale(1); }
      33% { transform: translate(60px, 40px) scale(1.1); }
      66% { transform: translate(-30px, 60px) scale(0.95); }
    }
    @keyframes orbFloat2 {
      0%, 100% { transform: translate(0, 0) scale(1); }
      33% { transform: translate(-50px, -30px) scale(1.08); }
      66% { transform: translate(40px, -50px) scale(0.92); }
    }
    @keyframes orbFloat3 {
      0%, 100% { transform: translate(0, 0) scale(1); }
      50% { transform: translate(-40px, 30px) scale(1.15); }
    }
    /* Animated grid lines */
    .market-grid-bg {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
      background-size: 80px 80px;
      mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 100%);
      -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 100%);
      z-index: 0;
    }
    /* Aurora wave effect */
    .market-aurora {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
    }
    .market-aurora::before,
    .market-aurora::after {
      content: '';
      position: absolute;
      width: 200%;
      height: 200%;
      top: -50%;
      left: -50%;
      opacity: 0.12;
    }
    .market-aurora::before {
      background: conic-gradient(from 0deg at 50% 50%,
        transparent 0deg,
        rgba(59,130,246,0.4) 60deg,
        transparent 120deg,
        rgba(0,230,118,0.3) 180deg,
        transparent 240deg,
        rgba(139,92,246,0.35) 300deg,
        transparent 360deg
      );
      animation: auroraRotate 20s linear infinite;
    }
    .market-aurora::after {
      background: conic-gradient(from 180deg at 50% 50%,
        transparent 0deg,
        rgba(0,191,165,0.3) 72deg,
        transparent 144deg,
        rgba(59,130,246,0.25) 216deg,
        transparent 288deg
      );
      animation: auroraRotate 28s linear infinite reverse;
    }
    @keyframes auroraRotate {
      0%   { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    /* Floating particles */
    .market-particles {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
    }
    .market-particle {
      position: absolute;
      border-radius: 50%;
      background: rgba(255,255,255,0.35);
      animation: particleDrift linear infinite;
    }
    .market-particle:nth-child(1)  { width:3px; height:3px; left:6%;  top:90%;  animation-duration:16s; animation-delay:0s; }
    .market-particle:nth-child(2)  { width:2px; height:2px; left:14%; top:95%;  animation-duration:20s; animation-delay:2s; }
    .market-particle:nth-child(3)  { width:4px; height:4px; left:25%; top:88%;  animation-duration:18s; animation-delay:1s; }
    .market-particle:nth-child(4)  { width:2px; height:2px; left:35%; top:92%;  animation-duration:22s; animation-delay:4s; }
    .market-particle:nth-child(5)  { width:3px; height:3px; left:46%; top:94%;  animation-duration:17s; animation-delay:3s; }
    .market-particle:nth-child(6)  { width:2px; height:2px; left:55%; top:90%;  animation-duration:19s; animation-delay:5s; }
    .market-particle:nth-child(7)  { width:3px; height:3px; left:66%; top:96%;  animation-duration:21s; animation-delay:1.5s; }
    .market-particle:nth-child(8)  { width:4px; height:4px; left:74%; top:89%;  animation-duration:15s; animation-delay:2.5s; }
    .market-particle:nth-child(9)  { width:2px; height:2px; left:83%; top:93%;  animation-duration:23s; animation-delay:0.5s; }
    .market-particle:nth-child(10) { width:3px; height:3px; left:92%; top:91%;  animation-duration:18s; animation-delay:3.5s; }
    .market-particle:nth-child(11) { width:2px; height:2px; left:10%; top:97%;  animation-duration:24s; animation-delay:6s; }
    .market-particle:nth-child(12) { width:3px; height:3px; left:40%; top:85%;  animation-duration:16s; animation-delay:7s; }
    .market-particle:nth-child(13) { width:2px; height:2px; left:60%; top:98%;  animation-duration:20s; animation-delay:4.5s; }
    .market-particle:nth-child(14) { width:4px; height:4px; left:80%; top:86%;  animation-duration:19s; animation-delay:1s; }
    .market-particle:nth-child(15) { width:2px; height:2px; left:20%; top:83%;  animation-duration:22s; animation-delay:8s; }
    @keyframes particleDrift {
      0%   { transform: translateY(0) translateX(0) scale(1); opacity: 0; }
      10%  { opacity: 0.7; }
      50%  { transform: translateY(-50vh) translateX(20px) scale(1.2); opacity: 0.5; }
      90%  { opacity: 0.3; }
      100% { transform: translateY(-100vh) translateX(-10px) scale(0.8); opacity: 0; }
    }
    .market-section .container { position: relative; z-index: 1; }
    .market-section .section-badge {
      background: rgba(255,255,255,0.06);
      border-color: rgba(0,230,118,0.25);
      color: var(--accent);
    }
    .market-section .section-title { color: #fff; }

    .market-text-block {
      max-width: 1000px;
      margin: 0 auto 50px;
      text-align: center;
    }
    .market-text-block p {
      font-size: 1.02rem;
      color: rgba(255,255,255,0.6);
      line-height: 1.9;
      margin-bottom: 18px;
    }

    .market-bottom-text {
      text-align: center;
      max-width: 1000px;
      margin: 0 auto;
    }
    .market-bottom-text p {
      font-size: 1rem;
      color: rgba(255,255,255,0.55);
      line-height: 1.8;
    }

    /* CTA Highlight */
    .market-cta {
      margin-top: 40px;
      padding: 32px 40px;
      background: linear-gradient(135deg, rgba(0,230,118,0.1) 0%, rgba(0,191,165,0.06) 100%);
      border: 1px solid rgba(0,230,118,0.25);
      border-radius: var(--radius-lg);
      position: relative;
      overflow: hidden;
      animation: ctaPulse 4s ease-in-out infinite;
    }
    @keyframes ctaPulse {
      0%, 100% { box-shadow: 0 0 30px rgba(0,230,118,0.05); }
      50% { box-shadow: 0 0 60px rgba(0,230,118,0.12); }
    }
    .market-cta::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--accent), var(--teal), var(--accent));
      background-size: 200% 100%;
      animation: shimmer 3s linear infinite;
    }
    @keyframes shimmer {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }
    .market-cta h3 {
      font-size: 1.4rem;
      font-weight: 800;
      color: #fff;
      line-height: 1.4;
      background: linear-gradient(135deg, #fff 0%, var(--accent) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    /* ===== DISCLAIMER NOTE ===== */
    .inline-disclaimer {
      display: block;
      font-size: 1rem;
      color: #7a8699;
      margin-top: 20px;
      padding: 14px 18px;
      background: rgba(0,0,0,0.02);
      border-radius: 10px;
      border-left: 3px solid var(--teal);
      line-height: 1.6;
    }
    .dark-section .inline-disclaimer {
      background: rgba(255,255,255,0.03);
      color: rgba(255,255,255,0.4);
      border-left-color: var(--accent);
    }

    /* ===== STRATEGIC EXPANSION ===== */
    .strategic-section {
      background: #fff;
      position: relative;
    }
    .strategic-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: start;
    }
    .strategic-left h3 {
      font-size: 1.7rem;
      font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 24px;
      line-height: 1.3;
    }
    .strategic-bullets {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .strategic-bullet {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      padding: 18px 20px;
      background: #f8f9fc;
      border-radius: var(--radius);
      border: 1px solid #589ad2;
    transition: all 0.3s ease;
    border-bottom: 5px solid #4a98d0;
    box-shadow: 3px 5px 5px #c7e5ff;
    }
    .strategic-bullet:hover {
      border-color: rgba(0,230,118,0.2);
      background: #f0fcf4;
      transform: translateX(4px);
    }
    .bullet-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--accent);
      margin-top: 8px;
      flex-shrink: 0;
    }
    .strategic-bullet p {
      font-size: 1rem;
      color: #3d4f6f;
      line-height: 1.6;
    }
    .quote-block {
      background: linear-gradient(135deg, #f0fcf7 0%, #f0f4ff 100%);
      border: 1px solid #e2eeee;
      border-radius: var(--radius-lg);
      padding: 36px 32px;
      position: relative;
    }
    .quote-block::before {
      content: '\201C';
      font-size: 4rem;
      font-family: 'Inter', sans-serif;
      color: var(--accent);
      opacity: 0.3;
      position: absolute;
      top: 10px;
      left: 24px;
      line-height: 1;
    }
    .quote-block p {
      font-size: 1rem;
      color: #3d4f6f;
      line-height: 1.8;
      font-style: italic;
      margin-bottom: 16px;
    }
    .quote-author {
      font-style: normal !important;
      font-weight: 700;
      color: var(--primary-dark) !important;
      font-size: 1rem !important;
    }

    /* ===== TECH CATALYST ===== */
    .tech-section {
      background: var(--gradient-dark);
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .tech-section::before {
      content: '';
      position: absolute;
      bottom: -200px;
      left: -100px;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(0,230,118,0.04) 0%, transparent 70%);
      border-radius: 50%;
    }
    .tech-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: start;
    }
    .milestone-list {
      display: flex;
      flex-direction: column;
      gap: 0;
      position: relative;
    }
    .milestone-list::before {
      content: '';
      position: absolute;
      left: 17px;
      top: 0;
      bottom: 0;
      width: 2px;
      background: linear-gradient(to bottom, var(--accent), rgba(0,230,118,0.1));
    }
    .milestone-item {
      display: flex;
      gap: 20px;
      padding: 22px 0;
      position: relative;
    }
    .milestone-dot {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: rgba(0,230,118,0.1);
      border: 2px solid var(--accent);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      font-weight: 800;
      color: var(--accent);
      flex-shrink: 0;
      z-index: 1;
    }
    .milestone-text h5 {
      font-size: 1rem;
      font-weight: 700;
      color: rgba(255,255,255,0.4);
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 6px;
    }
    .milestone-text p {
      font-size: 1rem;
      color: rgba(255,255,255,0.65);
      line-height: 1.6;
    }
    .tech-quote {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: var(--radius-lg);
      padding: 36px 32px;
      position: relative;
    }
    .tech-quote::before {
      content: '\201C';
      font-size: 4rem;
      font-family: 'Inter', sans-serif;
      color: var(--accent);
      opacity: 0.2;
      position: absolute;
      top: 10px;
      left: 24px;
      line-height: 1;
    }
    .tech-quote p {
      font-size: 1rem;
      color: rgba(255,255,255,0.6);
      line-height: 1.8;
      font-style: italic;
      margin-bottom: 16px;
    }
    .tech-quote .quote-author {
      color: #fff !important;
    }

    /* ===== INVESTOR LETTER ===== */
    .investor-section {
      background: #fff url(../images/green-back.jpg) center center/cover no-repeat;
      position: relative;
    }
    .investor-content {
      max-width: 1000px;
      margin: 0 auto;
    }
    .investor-card {
      background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
      border: 1px solid #e2e8f4;
      border-radius: var(--radius-lg);
      padding: 50px 46px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 0 30px #2d87a591;
    }
    .investor-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--primary), var(--teal), var(--accent));
    }
    .investor-card h3 {
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 24px;
    }
    .investor-card p {
      font-size: 1rem;
      color: #3d4f6f;
      line-height: 1.9;
      margin-bottom: 18px;
    }

    /* ===== TOP REASONS ===== */
    .highlight-wgrx {
      background: linear-gradient(135deg, var(--primary), var(--teal));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-weight: 800;
      position: relative;
    }
    .highlight-wgrx::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      height: 4px;
      background: linear-gradient(135deg, var(--primary), var(--accent));
      border-radius: 2px;
      opacity: 0.6;
    }
    .reasons-section {
      background: #f8f9fc;
      position: relative;
      overflow: hidden;
    }
    .reasons-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, #dce3ee, transparent);
    }
    .reasons-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      counter-reset: reason;
    }
    .reason-card {
      counter-increment: reason;
      background: #fff;
      border: 1px solid #eaeef5;
      border-radius: var(--radius);
      padding: 28px 24px 28px 28px;
      display: flex;
      gap: 18px;
      align-items: flex-start;
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      border-bottom: 4px solid #2772a491;
      position: relative;
      overflow: hidden;
    }
    .reason-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 3px;
      height: 100%;
      background: var(--gradient-accent);
      transform: scaleY(0);
      transform-origin: top;
      transition: transform 0.4s ease;
    }
    .reason-card:hover::before { transform: scaleY(1); }
    .reason-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
      border-color: transparent;
    }
    .reason-num {
      font-family: 'Inter', sans-serif;
      font-size: 1.8rem;
      font-weight: 800;
      background: linear-gradient(135deg, var(--primary), var(--teal));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;    
      line-height: 1;
      flex-shrink: 0;
      min-width: 36px;
    }
    .reason-content h4 {
      font-size: 1rem;
      font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 6px;
      line-height: 1.3;
    }
    .reason-content p {
      font-size: 1rem;
      color: #7a8699;
      line-height: 1.6;
    }

    /* ===== COMPANY OVERVIEW ===== */
    .overview-section {
      background: var(--gradient-dark);
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .overview-section::before {
      content: '';
      position: absolute;
      top: -200px;
      right: -100px;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(0,230,118,0.04) 0%, transparent 70%);
      border-radius: 50%;
    }
    .overview-content {
      display: grid;
      grid-template-columns: 1.2fr 0.8fr;
      gap: 60px;
      align-items: center;
    }
    .overview-text h3 {
      font-size: 1.8rem;
      font-weight: 800;
      margin-bottom: 24px;
      line-height: 1.3;
    }
    .overview-text h3 span { color: var(--accent); }
    .overview-text p {
      font-size: 1rem;
      color: rgba(255,255,255,0.6);
      line-height: 1.9;
      margin-bottom: 18px;
    }
    .overview-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    .ov-stat {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: var(--radius);
      padding: 28px 20px;
      text-align: center;
      transition: all 0.3s ease;
    }
    .ov-stat:hover {
      background: rgba(0,230,118,0.06);
      border-color: rgba(0,230,118,0.2);
      transform: translateY(-4px);
    }
    .ov-stat .num {
      font-family: 'Inter', sans-serif;
      font-size: 1.8rem;
      font-weight: 800;
      color: var(--accent);
      display: block;
      margin-bottom: 6px;
    }
    .ov-stat .label {
      font-size: 1rem;
      color: rgba(255,255,255,0.45);
      font-weight: 500;
    }

    /* ===== PBM REFORM ===== */
    .pbm-section {
      background: #eef2f7;
      position: relative;
      overflow: hidden;
    }
    .pbm-section::before {
      content: '';
      position: absolute;
      top: -40px;
      right: -40px;
      width: 320px;
      height: 320px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cdefs%3E%3Cpattern id='hex' width='60' height='52' patternUnits='userSpaceOnUse' patternTransform='scale(1.2)'%3E%3Cpath d='M30 0l26 15v30L30 60 4 45V15z' fill='none' stroke='%23cdd5e0' stroke-width='0.6'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='320' height='320' fill='url(%23hex)'/%3E%3C/svg%3E") no-repeat;
      opacity: 0.5;
      pointer-events: none;
    }
    .pbm-section::after {
      content: '';
      position: absolute;
      bottom: -60px;
      right: -60px;
      width: 180px;
      height: 180px;
      border: 6px solid;
      border-color: #e8533e;
      border-radius: 50%;
      clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
      opacity: 0.7;
      pointer-events: none;
    }
    .pbm-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }
    .pbm-left { position: relative; z-index: 1; }
    .pbm-left h2 {
      font-size: 2.4rem;
      font-weight: 800;
      line-height: 1.25;
      color: var(--dark);
      margin-bottom: 28px;
    }
    .pbm-left h2 .pbm-highlight {
      color: var(--primary);
    }
    .pbm-dot-accent {
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #e8533e;
      border-radius: 50%;
      margin-left: 8px;
      vertical-align: super;
    }
    .pbm-subtitle {
      font-size: 1.05rem;
      font-weight: 600;
      color: #333;
      margin-bottom: 32px;
      line-height: 1.5;
    }
    .pbm-features {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
    }
    .pbm-feature {
      display: flex;
      align-items: center;
      gap: 16px;
      padding: 18px 0;
      border-bottom: 1.5px dashed #c8d0dc;
    }
    .pbm-feature:nth-child(odd) {
      padding-right: 30px;
      border-right: 1.5px dashed #c8d0dc;
    }
    .pbm-feature:nth-child(even) {
      padding-left: 30px;
    }
    .pbm-feature:nth-last-child(-n+2) {
      border-bottom: none;
    }
    .pbm-feature:last-child {
      border-bottom: none;
    }
    .pbm-feature-icon {
      width: 48px;
      height: 48px;
      min-width: 48px;
      border-radius: 10px;
      background: rgba(13,71,161,0.06);
      border: 1px solid rgba(13,71,161,0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
    }
    .pbm-feature span {
      font-size: 1rem;
      font-weight: 600;
      color: #2c3e50;
      line-height: 1.4;
    }
    .pbm-divider {
      display: flex;
      justify-content: center;
      margin: 36px 0 28px;
    }
    .pbm-divider-dot {
      width: 12px;
      height: 12px;
      background: var(--dark);
      border-radius: 50%;
    }
    .pbm-bottom-text {
      display: flex;
      gap: 16px;
      align-items: flex-start;
    }
    .pbm-bottom-icon {
      width: 28px;
      height: 28px;
      min-width: 28px;
      border-radius: 50%;
      border: 2px solid #e8533e;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 2px;
    }
    .pbm-bottom-icon svg {
      width: 12px;
      height: 12px;
      fill: #e8533e;
    }
    .pbm-bottom-text p {
      font-size: 1rem;
      color: #333;
      line-height: 1.7;
      font-weight: 500;
    }
    .pbm-bottom-text strong {
      font-weight: 700;
      color: #1a1a2e;
    }
    /* Right side - tablet images */
    .pbm-right {
      position: relative;
      z-index: 1;
      min-height: 480px;
    }
    .tablet-img {     
      border-radius: 16px;
      transition: transform 0.4s ease;
      padding: 8px;
    }
    .tablet-img:hover {
      transform: scale(1.03);
    }
    .tablet-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px;
      display: block;
    }
    .tablet-img-1 {
      top: 0;
      z-index: 2;
    }
    .pbm-sources {
      position: absolute;
      bottom: 0;
      right: 0;
      font-size: 1rem;
      color: #888;
      font-weight: 500;
      z-index: 4;
    }
    .pbm-sources strong {
      color: #555;
    }

    /* ===== THREE VERTICALS ===== */
    .verticals-section {
      background: #ffffff;
      position: relative;
      overflow: hidden;
    }
    .verticals-section::before {
      content: '';
      position: absolute;
      top: -30px;
      left: -30px;
      width: 280px;
      height: 280px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cdefs%3E%3Cpattern id='hex2' width='56' height='48' patternUnits='userSpaceOnUse' patternTransform='scale(1.3)'%3E%3Cpath d='M28 0l24 14v28L28 56 4 42V14z' fill='none' stroke='%23c8d4e0' stroke-width='0.5'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='280' height='280' fill='url(%23hex2)'/%3E%3C/svg%3E") no-repeat;
      opacity: 0.5;
      pointer-events: none;
    }
    .verticals-header {
      text-align: center;
      margin-bottom: 50px;
    }
    .verticals-logo {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-bottom: 16px;
    }
     .verticals-logo img{ max-width: 200px; height: auto;}
 
    .verticals-header h2 {
      font-size: 2.6rem;
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      margin-bottom: 14px;
      font-family: 'Inter', sans-serif;
    }
    .verticals-subtitle {
      font-size: 1rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: var(--primary);
    }
    .verticals-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 0;
      position: relative;
      z-index: 1;
    }
    .vertical-card {
      text-align: center;
      padding: 0 36px;
      position: relative;
    }
    .vertical-card:not(:last-child)::after {
      content: '';
      position: absolute;
      right: 0;
      top: 10%;
      height: 80%;
      width: 1.5px;
      border-right: 2px dashed #c0cad6;
    }
    .vertical-brand {
      background: rgba(176,200,224,0.2);
      border-radius: 14px;
      padding: 28px 24px;
      margin-bottom: 24px;
      min-height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .vertical-brand-content {
      display: flex;
      align-items: center;
      gap: 12px;
    }
   
    .vb-text .vb-tm {
      font-size: 1rem;
      vertical-align: super;
      font-weight: 400;
      color: #888;
    }
    .vertical-card h4 {
      font-size: 1.15rem;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 14px;
    }
    .vertical-card p {
      font-size: 1rem;
      color: #555;
      line-height: 1.7;
    }
    .verticals-footer {
      text-align: center;
      margin-top: 60px;
      margin-left: calc(-50vw + 50%);
      margin-right: calc(-50vw + 50%);
      padding: 40px 20px 48px;
      background: #dce6f0;
      position: relative;
      z-index: 1;
    }
    .verticals-dot {
      width: 18px;
      height: 18px;
      border: 3px solid #e8533e;
      border-radius: 50%;
      margin: 0 auto 24px;
    }
    .verticals-footer p {
      font-size: 1.15rem;
      color: #1a2a3a;
      line-height: 1.6;
      max-width: 800px;
      margin: 0 auto;
      font-style: italic;
      font-weight: 500;
    }
    .verticals-footer p .vf-highlight {
      color: #e8533e;
      font-weight: 600;
    }

    /* ===== TECHNOLOGY RAILS ===== */
    .rails-section {
      background: linear-gradient(145deg, #0f2a4a 0%, #153d6b 40%, #1a4d7e 70%, #194872 100%);
      position: relative;
      overflow: hidden;
      color: #fff;
    }
    /* Hexagonal bg pattern */
    .rails-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M30 0l26 15v30L30 52 4 45V15z' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='0.8'/%3E%3C/svg%3E");
      pointer-events: none;
    }
   
    /* Orange arc */
    .rails-arc {
      position: absolute;
      top: -40px;
      right: -75px;
      width: 180px;
      height: 180px;
      border: 8px solid #e8533e;
      border-radius: 50%;
      clip-path: polygon(0 0, 60% 0, 60% 100%, 0 100%);
      pointer-events: none;
      z-index: 1;
      opacity: 0.6;
    }
    /* White dot */
    .rails-dot {
      position: absolute;
      top: 18%;
      right: 12%;
      width: 14px;
      height: 14px;
      background: #fff;
      border-radius: 50%;
      opacity: 0.7;
      pointer-events: none;
    }
 
    .rails-header {
      position: relative;
      z-index: 2;
      margin-bottom: 48px;
    }
    .rails-tag {
      font-size: 1rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: #e8533e;
      margin-bottom: 10px;
    }
    .rails-header h2 {
      font-size: 2.5rem;
      font-weight: 800;
      line-height: 1.2;
      font-family: 'Inter', sans-serif;
    }
    .rails-header h2 .rh-highlight {
      color: #e8533e;
    }
    
    /* Track lines - CSS-drawn rails converging */
    .rail-track {
      position: absolute;
      height: 4px;
      left: 0;
      display: flex;
      align-items: center;
    }
    .rail-track::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(91,180,235,0.6), rgba(91,180,235,0.9));
      border-radius: 2px;
    }
    .rail-track::after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
      height: 1px;
      background: repeating-linear-gradient(90deg, transparent, transparent 6px, rgba(255,255,255,0.5) 6px, rgba(255,255,255,0.5) 12px);
    }
    .rail-outer {
      position: absolute;
      height: 10px;
      left: 0;
      border-top: 2px solid rgba(91,180,235,0.35);
      border-bottom: 2px solid rgba(91,180,235,0.35);
    }
    .rail-line-1 { top: 13%; width: 70%; }
    .rail-outer-1 { top: calc(13% - 3px); width: 70%; }
    .rail-line-2 { top: 48%; width: 65%; }
    .rail-outer-2 { top: calc(48% - 3px); width: 65%; }
    .rail-line-3 { top: 83%; width: 70%; }
    .rail-outer-3 { top: calc(83% - 3px); width: 70%; }
    /* Converge point */
    .rail-converge {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 30%;
      height: 100%;
    }
    .rail-converge::before {
      content: '';
      position: absolute;
      right: 30%;
      top: 10%;
      bottom: 10%;
      width: 4px;
      background: linear-gradient(180deg, rgba(91,180,235,0.5), rgba(91,180,235,0.9), rgba(91,180,235,0.5));
    }
    
  
    /* ===== WELLGISTICS AI ===== */
    .wai-section {
      background: #dce6f0;
      position: relative;
      overflow: hidden;
    }
    /* Hex pattern top-left */
    .wai-section::before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      width: 280px;
      height: 280px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cdefs%3E%3Cpattern id='hex3' width='56' height='48' patternUnits='userSpaceOnUse' patternTransform='scale(1.3)'%3E%3Cpath d='M28 0l24 14v28L28 56 4 42V14z' fill='none' stroke='%23bfcfdf' stroke-width='0.5'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='280' height='280' fill='url(%23hex3)'/%3E%3C/svg%3E") no-repeat;
      opacity: 0.6;
      pointer-events: none;
    }
    .wai-layout {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 60px;
      align-items: start;
      position: relative;
      z-index: 1;
    }
    /* Left column */
    .wai-left { padding-top: 20px; }
    .wai-icon-tag {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px;
    }
    .wai-icon-tag .wai-icon {
      font-size: 1.6rem;
      color: #e8533e;
    }
    .wai-icon-tag .wai-tag {
      font-size: 1rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: #e8533e;
    }
    .wai-left h2 {
      font-size: 2.4rem;
      font-weight: 800;
      color: var(--dark);
      line-height: 1.25;
      margin-bottom: 36px;
      font-family: 'Inter', sans-serif;
    }
    .wai-left h2 .wai-highlight {
      color: #e8533e;
    }
    .wai-bullet {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      margin-bottom: 6px;
    }
    .wai-bullet-icon {
      width: 26px;
      height: 26px;
      min-width: 26px;
      border: 2.5px solid #e8533e;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 3px;
    }
    .wai-bullet-icon svg {
      width: 10px;
      height: 10px;
      fill: #e8533e;
    }
    .wai-bullet p {
      font-size: 1.2rem;
      font-weight: 700;
      color: var(--dark);
      line-height: 1.4;
    }
    .wai-divider {
      border: none;
      border-top: 2px dashed #b0c4d8;
      margin: 18px 0;
      max-width: 340px;
    }
    /* Right column */
    .wai-right-header {
      font-size: 1rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: var(--dark);
      margin-bottom: 24px;
    }
    .wai-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    .wai-card {
      background: #4da3d4;
      border-radius: 14px;
      padding: 24px 22px;
      display: flex;
      align-items: center;
      gap: 14px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .wai-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    }
    .wai-card-icon {
      width: 44px;
      height: 44px;
      min-width: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
    }
    .wai-card span {
      font-size: 1rem;
      font-weight: 700;
      color: #fff;
      line-height: 1.3;
    }
    /* Bottom accents */
    .wai-bottom {
      position: relative;
      margin-top: 10px;
      padding-bottom: 80px;
      z-index: 1;
    }
    .wai-photo {
      position: absolute;
      top: -100px;
      right: 0;
      width: 290px;
      height: 200px;
      border-radius: 12px;
      overflow: hidden;
      background: linear-gradient(135deg, rgba(77,163,212,0.6), rgba(13,71,161,0.7));
    }
    .wai-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      mix-blend-mode: multiply;
      opacity: 0.7;
    }
    .wai-orange-ring {
      position: absolute;
      top: -60px;
      right: 220px;
      width: 40px;
      height: 40px;
      border: 4px solid #e8533e;
      border-radius: 50%;
      pointer-events: none;
    }
    .wai-white-dot {
      position: absolute;
      bottom: -30px;
      right: -10px;
      width: 16px;
      height: 16px;
      background: #fff;
      border-radius: 50%;
      opacity: 0.7;
      pointer-events: none;
    }
  

    /* ===== BUSINESS MODEL / REVENUE STREAMS ===== */
    .revenue-section {
      background: linear-gradient(145deg, #0f2a4a 0%, #153d6b 40%, #1a4d7e 70%, #194872 100%);
      position: relative;
      overflow: hidden;
      color: #fff;
    }
    .revenue-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M30 0l26 15v30L30 52 4 45V15z' fill='none' stroke='rgba(255,255,255,0.035)' stroke-width='0.8'/%3E%3C/svg%3E");
      pointer-events: none;
    }
    .rev-layout {
      display: grid;
      grid-template-columns: 0.8fr 1.2fr;
      gap: 50px;
      position: relative;
      z-index: 1;
    }
    /* Left side */
    .rev-left {}
    .rev-tag {
      font-size: 1rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: #e8533e;
      margin-bottom: 10px;
    }
    .rev-left h2 {
      font-size: 2.6rem;
      font-weight: 800;
      line-height: 1.2;
      color: #fff;
      margin-bottom: 30px;
      font-family: 'Inter', sans-serif;
    }
    .rev-left h2 .rev-h-light {
      color: rgba(176,210,240,0.7);
      font-weight: 400;
    }
    .rev-photo-wrap {
      position: relative;
      max-width: 380px;
    }
    .rev-photo {
      width: 100%;
      border-radius: 14px;
      overflow: hidden;
      background: linear-gradient(135deg, rgba(77,163,212,0.5), rgba(13,71,161,0.6));
    }
    .rev-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      mix-blend-mode: multiply;
      opacity: 0.65;
    }
    .rev-orange-ring {
      position: absolute;
      top: -10px;
      right: -15px;
      width: 44px;
      height: 44px;
      border: 5px solid #e8533e;
      border-radius: 50%;
      z-index: 2;
    }
    .rev-white-dot {
      position: absolute;
      bottom: 12px;
      left: 12px;
      width: 14px;
      height: 14px;
      background: #fff;
      border-radius: 50%;
      z-index: 2;
    }
    /* Right side - card grid with pipes */
    .rev-right {
      position: relative;
    }
    .rev-cards-grid {
      display: flex;
      flex-direction: column;
      gap: 20px;
      position: relative;
    }
    .rev-cards-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
    .rev-card {
      background: rgba(91,155,213,0.2);
      border: 1px solid rgba(91,155,213,0.25);
      border-radius: 14px;
      padding: 26px 22px;
      backdrop-filter: blur(4px);
    }
    .rev-card-top {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
    }
    .rev-card-icon {
      font-size: 1.3rem;
      opacity: 0.9;
    }
    .rev-card-title {
      font-size: 1rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #e8533e;
    }
    .rev-card p {
      font-size: 1rem;
      color: rgba(255,255,255,0.7);
      line-height: 1.6;
      margin: 0;
    }
    /* Center model card */
    .rev-model {
      background: #fff;
      border-radius: 16px;
      padding: 28px 32px;
      max-width: 420px;
      margin: 10px auto;
      text-align: center;
      box-shadow: 0 16px 50px rgba(0,0,0,0.25);
      z-index: 5;
    }
    .rev-model-top {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-bottom: 12px;
    }
    .rev-model-icon {
      font-size: 1.2rem;
      color: var(--primary);
    }
    .rev-model-label {
      font-size: 1rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: var(--dark);
    }
    .rev-model p {
      font-size: 1rem;
      color: #333;
      line-height: 1.6;
      font-weight: 500;
      margin: 0;
    }
    /* Pipe SVG connectors */
    .rev-pipes {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 2;
    }
    .rev-pipes svg {
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
    }
    .rev-pipe-line {
      fill: none;
      stroke: rgba(91,180,235,0.45);
      stroke-width: 4;
      stroke-linecap: round;
    }
    .rev-pipe-outer {
      fill: none;
      stroke: rgba(91,180,235,0.15);
      stroke-width: 10;
      stroke-linecap: round;
    }
    .rev-pipe-dash {
      fill: none;
      stroke: rgba(255,255,255,0.2);
      stroke-width: 1.5;
      stroke-dasharray: 5 5;
    }
    /* Hex accent top center */
    .rev-hex-top {
      position: absolute;
      top: -20px;
      left: 50%;
      transform: translateX(-50%);
      width: 200px;
      height: 140px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='140'%3E%3Cdefs%3E%3Cpattern id='hex4' width='40' height='35' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0l17 10v20L20 40 3 30V10z' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='0.6'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='140' fill='url(%23hex4)'/%3E%3C/svg%3E") no-repeat;
      pointer-events: none;
      opacity: 0.8;
    }

    /* ===== WHY WE WIN ===== */
    .www-section {
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr 1fr;
      min-height: 620px;
    }
    /* Left panel - light */
    .www-left-panel {
      background: #d6e3ef;
      position: relative;
      padding: 70px 50px 70px 0;
      display: flex;
      justify-content: flex-end;
    }
    .www-left-inner {
      max-width: 600px;
      width: 100%;
      padding-left: 40px;
    }
    /* Hex decoration bottom-left */
    .www-hex-deco {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 260px;
      height: 260px;
      pointer-events: none;
      z-index: 1;
    }
    .www-hex-deco svg {
      width: 100%;
      height: 100%;
    }
   
    /* Right panel - dark */
    .www-right-panel {
      background: linear-gradient(145deg, #153d6b 0%, #1a4d7e 50%, #194872 100%);
      position: relative;
      padding: 70px 40px 70px 50px;
      color: #fff;
      overflow: hidden;
    }
    .www-right-panel::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M30 0l26 15v30L30 52 4 45V15z' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='0.7'/%3E%3C/svg%3E");
      pointer-events: none;
    }
    .www-orange-ring {
      position: absolute;
      top: -15px;
      right: -15px;
      width: 100px;
      height: 100px;
      border: 8px solid #e8533e;
      border-radius: 50%;
      z-index: 1;
      pointer-events: none;
    }
    .www-white-dot {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      width: 16px;
      height: 16px;
      background: #fff;
      border-radius: 50%;
      opacity: 0.75;
      z-index: 1;
    }
    /* Header */
    .www-tag {
      font-size: 1rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: #e8533e;
      margin-bottom: 8px;
    }
    .www-left-inner h2 {
      font-size: 2.8rem;
      font-weight: 800;
      color: var(--dark);
      line-height: 1.15;
      margin-bottom: 36px;
      font-family: 'Inter', sans-serif;
    }
    .www-left-inner h2 .www-hl { color: #e8533e; }
    /* Comparison cards row */
    .www-compare {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
    .cmp-card {
      background: #fff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 6px 24px rgba(0,0,0,0.08);
    }
    .cmp-header {
      padding: 16px 20px;
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .cmp-header-bad { background: var(--dark); }
    .cmp-header-good { background: var(--primary); color: #fff; }
    .cmp-header-icon {
      font-size: 1.1rem;
    }
    .cmp-header h4 {
      font-size: 1rem;
      font-weight: 700;
      color: #fff;
      margin: 0;
    }
    .cmp-list {
      padding: 6px 20px 16px;
    }
    .cmp-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 0;
      border-bottom: 2px dashed #dde4ec;
    }
    .cmp-item:last-child { border-bottom: none; }
    .cmp-icon-bad {
      width: 22px;
      height: 22px;
      min-width: 22px;
      border-radius: 50%;
      background: #e8533e;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .cmp-icon-bad svg {
      width: 10px;
      height: 10px;
      fill: #fff;
    }
    .cmp-icon-good {
      width: 22px;
      height: 22px;
      min-width: 22px;
      border-radius: 50%;
      background: #2ecc71;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .cmp-icon-good svg {
      width: 10px;
      height: 10px;
      fill: #fff;
    }
    .cmp-item span {
      font-size: 1rem;
      font-weight: 600;
      color: #333;
    }
    /* Right side - Differentiators list */
    .www-diff-title {
      font-size: 1rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: #e8533e;
      margin-bottom: 28px;
      position: relative;
      z-index: 2;
    }
    .www-diff-list {
      position: relative;
      z-index: 2;
    }
    .www-diff-item {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 20px;
    }
    .www-diff-icon {
      width: 40px;
      height: 40px;
      min-width: 40px;
      border-radius: 10px;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.12);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
    }
    .www-diff-item span {
      font-size: 1rem;
      font-weight: 600;
      color: rgba(255,255,255,0.85);
      line-height: 1.5;
      padding-top: 8px;
    }

    /* ===== FUTURE GROWTH PLANS ===== */
    .fgp-section {
      background: linear-gradient(145deg, #0f2a4a 0%, #153d6b 40%, #1a4d7e 70%, #194872 100%);
      position: relative;
      overflow: hidden;
      color: #fff;
    }
    .fgp-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M30 0l26 15v30L30 52 4 45V15z' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='0.7'/%3E%3C/svg%3E");
      pointer-events: none;
    }
    /* Hex decoration top-right */
    .fgp-hex-tr {
      position: absolute;
      top: -10px;
      right: -10px;
      width: 200px;
      height: 180px;
      pointer-events: none;
      z-index: 0;
    }
    .fgp-hex-tr svg { width: 100%; height: 100%; }
    .fgp-header {
      position: relative;
      z-index: 2;
      margin-bottom: 40px;
    }
    .fgp-header h2 {
      font-size: 2.6rem;
      font-weight: 800;
      line-height: 1.2;
      font-family: 'Inter', sans-serif;
    }
    .fgp-header h2 .fgp-hl {
      color: rgba(176,210,240,0.7);
      font-weight: 400;
    }
    /* Cards grid */
    .fgp-row-top {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 22px;
      margin-bottom: 22px;
      position: relative;
      z-index: 2;
    }
    .fgp-row-bottom {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 22px;
      position: relative;
      z-index: 2;
    }
    .fgp-card {
      background: #fff;
      border-radius: 14px;
      border: 2px dashed #b0c4d8;
      padding: 30px 24px 26px;
      text-align: center;
      position: relative;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .fgp-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 32px rgba(0,0,0,0.15);
    }
    /* Orange checkmark badge */
    .fgp-check {
      position: absolute;
      top: -12px;
      left: -8px;
      width: 28px;
      height: 28px;
      background: #e8533e;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 3;
    }
    .fgp-check svg {
      width: 12px;
      height: 12px;
      fill: #fff;
    }
    .fgp-card-icon {
      font-size: 2.2rem;
      margin-bottom: 16px;
      display: block;
      line-height: 1;
    }
    .fgp-card p {
      font-size: 1rem;
      color: #444;
      line-height: 1.6;
      margin: 0;
    }
    .fgp-card p strong {
      font-weight: 700;
      color: #1a2a3a;
    }
    /* Illustration placeholder (first cell bottom row) */
    .fgp-illustration {
      border: none;
      background: transparent;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .fgp-illustration:hover {
      transform: none;
      box-shadow: none;
    }
    .fgp-illus-circle {
      width: 100%;
      max-height: 250px;
      border-radius: 5%;
      overflow: hidden;
      background: linear-gradient(135deg, #c8dced 0%, #e2ecf5 100%);
    }
    .fgp-illus-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* ===== UNIFIED TECH PLATFORM ===== */
    .utp-section {
      background: #eef2f7;
      position: relative;
      overflow: hidden;
    }
    /* Circuit trace decoration top-right */
    .utp-circuit {
      position: absolute;
      top: 0;
      right: 0;
      width: 350px;
      height: 220px;
      pointer-events: none;
      z-index: 0;
    }
    .utp-circuit svg { width: 100%; height: 100%; }
    /* Hex bottom-right */
    .utp-hex-br {
      position: absolute;
      bottom: -10px;
      right: -10px;
      width: 180px;
      height: 160px;
      pointer-events: none;
      z-index: 0;
      opacity: 0.4;
    }
    .utp-hex-br svg { width: 100%; height: 100%; }
    /* Blue dot accent */
    .utp-blue-dot {
      position: absolute;
      top: 52%;
      left: 20px;
      width: 14px;
      height: 14px;
      background: var(--primary);
      border-radius: 50%;
      z-index: 1;
    }
    .utp-layout {
      display: grid;
      grid-template-columns: 0.9fr 1.1fr;
      gap: 50px;
      align-items: center;
      position: relative;
      z-index: 1;
    }
    /* Left side */
    .utp-left {}
    .utp-left h2 {
      font-size: 2.8rem;
      font-weight: 800;
      color: var(--dark);
      line-height: 1.15;
      margin-bottom: 24px;
      font-family: 'Inter', sans-serif;
      position: relative;
    }
    .utp-left h2 .utp-hl { color: var(--primary); }
    .utp-orange-ring {
      display: inline-block;
      width: 18px;
      height: 18px;
      border: 3.5px solid #e8533e;
      border-radius: 50%;
      vertical-align: super;
      margin-left: 4px;
    }
    .utp-subtitle {
      font-size: 1.1rem;
      color: #333;
      line-height: 1.6;
      margin-bottom: 32px;
      font-weight: 500;
    }
    .utp-subtitle strong {
      color: var(--primary);
      font-weight: 700;
    }
    .utp-features {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    .utp-feat {
      background: #fff;
      border-radius: 14px;
      padding: 24px 20px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.04);
      border: 1px solid rgba(0,0,0,0.04);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .utp-feat:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    }
    .utp-feat-icon {
      font-size: 1.6rem;
      margin-bottom: 12px;
      display: block;
    }
    .utp-feat span {
      font-size: 1rem;
      font-weight: 700;
      color: var(--primary);
      line-height: 1.4;
    }
    /* Right side: chip diagram */
    .utp-right {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .utp-right img {
      width: 100%;
      max-width: 100%;
      height: auto;
      border-radius: 16px;
      object-fit: cover;
      box-shadow: 0 12px 40px rgba(0,0,0,0.08);
    }

    .value-chain{
      background: #eff6fb;
      position: relative;
      overflow: hidden;
    }

    /* ===== CORE VERTICAL: DISTRIBUTION ===== */
    .cvd-section {
      background: #d9e4ef;
      position: relative;
      overflow: hidden;
    }
    .cvd-layout {
      display: grid;
      grid-template-columns: 0.45fr 0.55fr;
      gap: 40px;
      align-items: start;
    }
    .cvd-left {
      display: flex;
      flex-direction: column;
      gap: 0;
    }
    
    /* Heading */
    .cvd-label {
      font-size: 1rem;
      font-weight: 800;
      color: #e8533e;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin-bottom: 6px;
    }
    .cvd-left h2 {
      font-size: 3rem;
      font-weight: 900;
      color: #1a1a2e;
      line-height: 1.08;
      margin-bottom: 30px;
      font-family: 'Inter', sans-serif;
    }
    /* Warehouse image */
    .cvd-image {
      width: 100%;
      border-radius: 16px;
      overflow: hidden;
      position: relative;
      aspect-ratio: 4/3;
      box-shadow: 0 6px 30px rgba(0,0,0,0.10);
    }
    .cvd-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .cvd-image-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(13,71,161,0.35) 0%, rgba(13,71,161,0.08) 60%, transparent 100%);
      pointer-events: none;
    }
    /* Right: cards grid */
    .cvd-right {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto auto;
      gap: 16px;
    }
    .cvd-card {
      background: rgba(255,255,255,0.45);
      backdrop-filter: blur(6px);
      border-radius: 14px;
      padding: 24px 20px;
      display: flex;
      align-items: flex-start;
      gap: 16px;
      border: 1px solid rgba(255,255,255,0.6);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .cvd-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.07);
    }
    .cvd-card-icon {
      flex-shrink: 0;
      width: 56px;
      height: 56px;
      background: #fff;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .cvd-card-icon svg {
      width: 28px;
      height: 28px;
    }
    .cvd-card p {
      font-size: 1rem;
      color: #1a1a2e;
      line-height: 1.5;
      font-weight: 500;
      margin: 0;
    }
    /* Bottom-right illustration */
    .cvd-illus {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      background: rgba(255,255,255,0.3);
      border-radius: 14px;
      padding: 16px;
      border: 1px solid rgba(255,255,255,0.5);
      overflow: hidden;
      min-height: 160px;
    }
    .cvd-illus img {
      max-width: 100%;
      max-height: 200px;
      object-fit: contain;
    }
    /* Illustration placeholder via SVG */
    .cvd-illus-svg {
      width: 100%;
      max-height: 180px;
    }

    /* ===== CORE VERTICAL: PHARMACY & NETWORK ===== */
    .cvp-section {
      background: #d1e7ff;
      position: relative;
      overflow: hidden;
    }

    /* ===== CORE VERTICAL: TECH & HUB ===== */
    .cvt-section {
      background: #dce6f1;
      position: relative;
      overflow: hidden;
    }
    .cvt-section .cvd-right {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto auto;
    }

    /* ===== TEAM: EXPERT LEADERS ===== */
    .team-section {
      background: #e8eff6;
      position: relative;
      overflow: hidden;
    }
    .team-header {
      text-align: center;
      margin-bottom: 50px;
    }
    .team-header h2 {
      font-size: 2.8rem;
      font-weight: 800;
      color: var(--dark);
      font-family: 'Inter', sans-serif;
      line-height: 1.2;
    }
    .team-header h2 span { color: var(--primary); }
    /* Top row: 2 leaders */
    .team-row-top {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      margin-bottom: 50px;
    }
    /* Bottom row: 3 leaders */
    .team-row-bottom {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 36px;
    }
    /* Team card */
    .team-card {
      display: flex;
      flex-direction: column;
    }
    .team-card-top {
      display: flex;
      align-items: center;
      gap: 18px;
      background: #fff;
      border-radius: 14px 14px 0 0;
      padding: 20px 24px;
      border: 1px solid rgba(0,0,0,0.04);
      border-bottom: 3px solid #4da3d4;
      box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    }
    .team-photo {
      width: 100px;
      height: 100px;
      border-radius: 10px;
      overflow: hidden;
      flex-shrink: 0;
      background: linear-gradient(135deg, #dce6f1 0%, #b0c4de 100%);
    }
    .team-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .team-photo-placeholder {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .team-info h3 {
      font-size: 1.25rem;
      font-weight: 800;
      color: var(--primary);
      line-height: 1.2;
      margin-bottom: 4px;
    }
    .team-info .team-title {
      font-size: 1rem;
      font-weight: 700;
      color: #e8533e;
      font-style: italic;
    }
    .team-bio {
      padding: 18px 24px 24px;
      font-size: 1rem;
      color: #444;
      line-height: 1.6;
    }
    /* Bottom row smaller photos */
    .team-row-bottom .team-photo {
      width: 85px;
      height: 85px;
    }
    .team-row-bottom .team-info h3 {
      font-size: 1.1rem;
    }
    .team-row-bottom .team-card-top {
      padding: 16px 20px;
    }
    .team-row-bottom .team-bio {
      padding: 14px 20px 20px;
      font-size: 1rem;
    }

    /* ===== LATEST NEWS ===== */
    .news-section {
      background: linear-gradient(175deg, #0a1628 0%, #0d2240 50%, #0f2d52 100%);
      position: relative;
      overflow: hidden;
    }
    .news-section::before {
      content: '';
      position: absolute;
      top: -60px;
      right: -60px;
      width: 280px;
      height: 280px;
      border: 1.5px solid rgba(77,163,212,0.12);
      border-radius: 50%;
      pointer-events: none;
    }
    .news-section::after {
      content: '';
      position: absolute;
      bottom: -40px;
      left: -40px;
      width: 200px;
      height: 200px;
      border: 1.5px solid rgba(0,230,118,0.08);
      border-radius: 50%;
      pointer-events: none;
    }
    .news-header {
      text-align: center;
      margin-bottom: 50px;
      position: relative;
      z-index: 1;
    }
    .news-header h2 {
      font-size: 2.6rem;
      font-weight: 800;
      color: #fff;
      font-family: 'Inter', sans-serif;
      line-height: 1.2;
    }
    .news-header h2 span { color: #4da3d4; }
    .news-header p {
      color: rgba(255,255,255,0.5);
      font-size: 1rem;
      margin-top: 10px;
    }
    .news-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      position: relative;
      z-index: 1;
    }
    .news-card {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(77,163,212,0.15);
      border-radius: 16px;
      padding: 28px 24px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
      text-decoration: none;
      position: relative;
      overflow: hidden;
    }
    .news-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, #4da3d4, #00e676);
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .news-card:hover {
      transform: translateY(-5px);
      border-color: rgba(77,163,212,0.35);
      box-shadow: 0 12px 40px rgba(0,0,0,0.3);
    }
    .news-card:hover::before { opacity: 1; }
    .news-card-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.6rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #4da3d4;
      background: rgba(77,163,212,0.1);
      padding: 4px 10px;
      border-radius: 4px;
      width: fit-content;
    }
    .news-card-date{font-size: 0.7rem; color: #eee;}
    .news-card-tag.tag-ai { color: #00e676; background: rgba(0,230,118,0.1); }
    .news-card-tag.tag-blockchain { color: #e8533e; background: rgba(232,83,62,0.1); }
    .news-card-tag.tag-partnership { color: #ffc107; background: rgba(255,193,7,0.1); }
    .news-card h3 {
      font-size: 1rem;
      font-weight: 700;
      color: #fff;
      line-height: 1.5;
      flex-grow: 1;
    }
    .news-card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: auto;
    }
    .news-card-source {
      font-size: 1rem;
      color: rgba(255,255,255,0.4);
      font-weight: 500;
    }
    .news-card-arrow {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: 1px solid rgba(77,163,212,0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #4da3d4;
      font-size: 1rem;
      transition: background 0.3s ease, color 0.3s ease;
    }
    .news-card:hover .news-card-arrow {
      background: #4da3d4;
      color: #fff;
    }

    /* ===== IN SUMMARY ===== */
    .summary-section {
      background: #f0f4f8;
      position: relative;
      overflow: hidden;
    }
    .summary-section::before {
      content: '';
      position: absolute;
      top: 40px;
      right: -20px;
      width: 220px;
      height: 220px;
      border: 1.5px solid rgba(13,71,161,0.06);
      border-radius: 50%;
      pointer-events: none;
    }
    .summary-header {
      text-align: center;
      margin-bottom: 44px;
    }
    .summary-header h2 {
      font-size: 2.6rem;
      font-weight: 800;
      color: var(--dark);
      font-family: 'Inter', sans-serif;
      line-height: 1.2;
    }
    .summary-header h2 span { color: var(--primary); }
    .summary-body {
      max-width: 900px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }
    .summary-body p {
      font-size: 1.02rem;
      color: #333;
      line-height: 1.8;
      margin-bottom: 22px;
    }
    .summary-body p strong {
      color: var(--primary);
      font-weight: 700;
    }
    .summary-disclaimer {
      font-size: 1rem !important;
      color: #888 !important;
      font-style: italic;
      line-height: 1.6 !important;
      margin-top: 30px !important;
      padding-top: 20px;
      border-top: 1px solid #ddd;
    }
    /* CTA Box */
    .summary-cta {
      margin-top: 50px;
      background: linear-gradient(135deg, #0d47a1 0%, #1565c0 40%, #0a3573 100%);
      border-radius: 20px;
      padding: 44px 48px;
      text-align: center;
      position: relative;
      overflow: hidden;
      box-shadow: 0 12px 40px rgba(13,71,161,0.25);
    }
    .summary-cta::before {
      content: '';
      position: absolute;
      top: -50px;
      right: -50px;
      width: 160px;
      height: 160px;
      border: 2px solid rgba(255,255,255,0.08);
      border-radius: 50%;
      pointer-events: none;
    }
    .summary-cta::after {
      content: '';
      position: absolute;
      bottom: -30px;
      left: -30px;
      width: 100px;
      height: 100px;
      border: 2px solid rgba(0,230,118,0.1);
      border-radius: 50%;
      pointer-events: none;
    }
    .summary-cta h3 {
      font-size: 1.5rem;
      font-weight: 800;
      color: #fff;
      line-height: 1.5;
      position: relative;
      z-index: 1;
      max-width: 800px;
      margin: 0 auto;
    }
    .summary-cta h3 .cta-ticker {
      display: inline-block;
      background: rgba(255,255,255,0.15);
      border: 1px solid rgba(255,255,255,0.25);
      padding: 2px 12px;
      border-radius: 6px;
      font-family: 'Inter', sans-serif;
      letter-spacing: 1px;
    }
    .summary-cta h3 .cta-em {
      color: #00e676;
    }
    .summary-cta-sub {
      font-size: 1.1rem;
      color: rgba(255,255,255,0.75);
      margin-top: 16px;
      position: relative;
      z-index: 1;
      font-weight: 600;
      letter-spacing: 0.5px;
    }
    .summary-cta-glow {
      display: inline-block;
      margin-top: 24px;
      padding: 14px 40px;
      background: linear-gradient(135deg, #00e676, #00c853);
      color: #0a1628;
      font-weight: 800;
      font-size: 1rem;
      border-radius: 50px;
      text-decoration: none;
      letter-spacing: 0.5px;
      position: relative;
      z-index: 1;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      box-shadow: 0 4px 20px rgba(0,230,118,0.3);
    }
    .summary-cta-glow:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 30px rgba(0,230,118,0.5);
    }

    .charts {padding-top: 3rem; padding-bottom: 3rem;}
    .charts .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.chartone {
    width: 100%;
    margin-bottom: 30px;
}
.chart.charttwo {
    width: 48%;
}
.chart.charttwo iframe {
    height: 500px !important;
    width: 100% !important;
}

footer {
    background: #194975;
    font-size: 14px;
    padding: 15px 0;
    color: #fff;
}

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1024px) {
      .highlights-grid { grid-template-columns: repeat(2, 1fr); }
      .ecosystem-cards { grid-template-columns: repeat(2, 1fr); }
      .reasons-grid { grid-template-columns: 1fr; }
      .overview-content { grid-template-columns: 1fr; }
      .strategic-content, .tech-content { grid-template-columns: 1fr; gap: 40px; }
      .pbm-layout { grid-template-columns: 1fr; gap: 40px; }
      .pbm-right { min-height: 420px; }
      .tablet-img-1 { right: 5%; }
      .tablet-img-2 { right: 0; }
      .verticals-grid { gap: 0; }
      .vertical-card { padding: 0 24px; }
      .rails-header h2 { font-size: 2rem; }
      .wai-layout { gap: 40px; }
      .rev-layout { gap: 40px; }
      .rev-model { max-width: 360px; padding: 22px 24px; }
      .www-section { grid-template-columns: 1fr; }
      .www-left-panel { padding: 60px 40px; justify-content: center; }
      .www-left-inner { padding-left: 0; }
      .www-right-panel { padding: 60px 40px; }
      .fgp-row-top, .fgp-row-bottom { grid-template-columns: 1fr 1fr; }
      .utp-layout { gap: 36px; }
      .utp-left h2 { font-size: 2.2rem; }
      .cvd-layout { gap: 30px; }
      .cvd-left h2 { font-size: 2.4rem; }
      .cvp-section .cvd-left h2 { font-size: 2.4rem; }
      .cvt-section .cvd-left h2 { font-size: 2.4rem; }
      .team-header h2 { font-size: 2.2rem; }
      .team-row-top { gap: 36px; }
      .team-row-bottom { gap: 28px; }
      .news-grid { grid-template-columns: repeat(2, 1fr); }
      .news-header h2 { font-size: 2.2rem; }
      .summary-header h2 { font-size: 2.2rem; }
      .summary-cta { padding: 36px 32px; }
      .summary-cta h3 { font-size: 1.3rem; }
    }
    @media (max-width: 768px) {
      .highlights-section { padding: 50px 0; }
      .section-pad { padding: 70px 0; }
      .hero { min-height: auto; padding: 120px 0 80px; flex-direction: column; }
      .hero h1 { font-size: 1.8rem; letter-spacing: -0.5px; }
      .hero-desc { font-size: 1rem; margin-bottom: 30px; }
      .hero-stats { grid-template-columns: 1fr; max-width: 300px; }
      .main-logo { width: 360px; top: 20px; left: 50%; transform: translateX(-50%); }
      .hero-paid { position: static; transform: none; margin-bottom: 12px; display: inline-block; font-size: 0.85rem; }
      .hero-ticker { position: static; transform: none; margin-bottom: 20px; }
      .hero-ticker span { font-size: 1.2rem; }
      .hero-content { padding-top: 20px; }
      #ct { padding: 8px 20px; font-size: 10px; line-height: 15px; }
      .scroll-indicator { display: none; }
      .hero::before { width: 400px; height: 400px; }
      .hero::after { width: 300px; height: 300px; }
      .highlights-grid { grid-template-columns: 1fr 1fr; }
      .problem-sub, .solution-sub { padding: 50px 0; }
      .problem-grid { grid-template-columns: 1fr; }
      .problem-context { position: static; }
      .consequence-row { grid-template-columns: repeat(2, 1fr); }
      .ecosystem-cards { grid-template-columns: 1fr; }
      .advantages-grid { grid-template-columns: 1fr; }
      .flow-diagram { flex-direction: column; gap: 6px; }
      .flow-arrow { transform: rotate(90deg); }
      .investor-card { padding: 30px 22px; }
      .overview-stats { grid-template-columns: 1fr 1fr; }
      .pbm-left h2 { font-size: 1.7rem; }
      .pbm-features { grid-template-columns: 1fr; }
      .pbm-feature:nth-child(odd) { padding-right: 0; border-right: none; }
      .pbm-feature:nth-child(even) { padding-left: 0; }
      .pbm-feature { border-bottom: 1.5px dashed #c8d0dc; }
      .pbm-feature:last-child { border-bottom: none; }
      .pbm-right { min-height: 380px; }
      .tablet-img-1 { width: 320px; right: 0; margin: auto; }
      .tablet-img-2 { width: 240px; right: -10px; top: 160px; }
      .pbm-section::before { width: 200px; height: 200px; }
      .pbm-section::after { width: 120px; height: 120px; bottom: -40px; right: -40px; }
      .verticals-grid { grid-template-columns: 1fr; gap: 40px; }
      .vertical-card:not(:last-child)::after { display: none; }
      .vertical-card { padding: 0; }
      .verticals-header h2 { font-size: 2rem; }
      .rails-layout { grid-template-columns: 1fr; gap: 36px; }
      
      .rails-header h2 { font-size: 1.8rem; }

      .wai-layout { grid-template-columns: 1fr; gap: 40px; }
      .wai-left h2 { font-size: 1.9rem; }
      .wai-photo { position: static; width: 100%; height: 180px; margin-top: 24px; }
      .wai-orange-ring { bottom: auto; top: 10px; right: 10px; }
      .wai-white-dot { bottom: auto; top: 20px; right: 5px; }
      .rev-layout { grid-template-columns: 1fr; gap: 36px; }
      .rev-left h2 { font-size: 2rem; }
      .rev-model { max-width: 100%; }
      .rev-pipes { display: none; }
      .rev-hex-top { display: none; }
      .www-left-inner h2 { font-size: 2.2rem; }
      .www-compare { grid-template-columns: 1fr; gap: 16px; }
      .www-hex-deco { width: 180px; height: 180px; }
      .fgp-row-top, .fgp-row-bottom { grid-template-columns: 1fr; gap: 28px; }
      .fgp-header h2 { font-size: 2rem; }
      .fgp-illus-circle { width: 180px; height: 180px; }
      .utp-layout { grid-template-columns: 1fr; gap: 40px; }
      .utp-left h2 { font-size: 2.2rem; }
      .utp-right img { border-radius: 12px; }
      .utp-circuit { width: 250px; height: 160px; }
      
      .hero-paid { position: static; transform: none; margin-bottom: 16px; display: inline-block; }
      .hero-ticker { position: static; transform: none; margin-bottom: 20px; }
      .hero-ticker span { font-size: 1.2rem; }
      .wai-grid { grid-template-columns: 1fr; }
      .rev-cards-row { grid-template-columns: 1fr; }
      .chart.charttwo { width: 100%; }
      footer { font-size: 16px; }
      .cvd-layout { grid-template-columns: 1fr; gap: 36px; }
      .cvd-left h2 { font-size: 2.2rem; }
      .cvd-image { max-width: 400px; }
      .cvd-right { gap: 14px; }
      .cvp-section .cvd-left h2 { font-size: 2.2rem; }
      .cvp-section .cvd-image { max-width: 400px; }
      .cvt-section .cvd-left h2 { font-size: 2.2rem; }
      .cvt-section .cvd-image { max-width: 400px; }
      .team-header h2 { font-size: 2rem; }
      .team-row-top { grid-template-columns: 1fr; gap: 36px; }
      .team-row-bottom { grid-template-columns: 1fr 1fr; gap: 28px; }
      .team-photo { width: 85px; height: 85px; }
      .news-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
      .news-header h2 { font-size: 2rem; }
      .news-card { padding: 22px 20px; }
      .summary-header h2 { font-size: 2rem; }
      .summary-cta { padding: 32px 24px; }
      .summary-cta h3 { font-size: 1.2rem; }
      .wai-bottom{padding-bottom: 0;}
    }
    @media (max-width: 480px) {
      .highlights-section { padding: 40px 0; }
      .hero h1 { font-size: 1.4rem; letter-spacing: -0.5px; }
      .hero-desc { font-size: 0.95rem; line-height: 1.7; }
      .hero { padding: 100px 0 70px; }
      .hero-content { padding-top: 10px; }
      #ct { padding: 6px 16px; font-size: 9px; line-height: 13px; }
      .highlights-section .section-header h3{font-size: 1.8rem;}
      .highlights-grid { grid-template-columns: 1fr; }
      .consequence-row { grid-template-columns: 1fr; }
      .overview-stats { grid-template-columns: 1fr; }
      .verticals-header h2 { font-size: 1.6rem; }
      .verticals-footer p { font-size: 1rem; }
      .rails-header h2 { font-size: 1.5rem; }
      .rail-card { padding: 22px 20px; }
      .rail-card h4 { font-size: 1.1rem; }
      .wai-left h2 { font-size: 1.5rem; }
      .wai-grid { grid-template-columns: 1fr; }
      .wai-card { padding: 18px 18px; }
      .rev-left h2 { font-size: 1.6rem; }
      .rev-cards-row { grid-template-columns: 1fr; }
      .rev-card { padding: 20px 18px; }
      .www-left-inner h2 { font-size: 1.7rem; }
      .www-left-panel { padding: 50px 20px; }
      .www-right-panel { padding: 50px 20px; }
      .www-hex-deco { display: none; }
      .fgp-header h2 { font-size: 1.6rem; }
      .fgp-card { padding: 24px 18px 20px; }
      .fgp-illus-circle { width: 150px; height: 150px; }
      .utp-left h2 { font-size: 1.7rem; }
      .utp-features { grid-template-columns: 1fr; }
      .utp-circuit { display: none; }
      
      .hero-paid { font-size: 0.75rem; padding: 5px 12px; letter-spacing: 1px; }
      .hero-ticker span { font-size: 1rem; }
      .hero-ticker { padding: 8px 16px; gap: 8px; }
      .pbm-left h2 { font-size: 1.5rem; }
      .chart.charttwo { width: 100%; }
      footer { font-size: 16px; }
      .cvd-left h2 { font-size: 1.8rem; }
      .cvd-right { grid-template-columns: 1fr; }
      .cvd-card { padding: 20px 16px; }
      .cvd-card-icon { width: 48px; height: 48px; }
      .cvp-section .cvd-left h2 { font-size: 1.8rem; }
      .cvt-section .cvd-left h2 { font-size: 1.8rem; }
      .cvt-section .cvd-right { grid-template-columns: 1fr; }
      .team-header h2 { font-size: 1.6rem; }
      .team-row-top { grid-template-columns: 1fr; gap: 28px; }
      .team-row-bottom { grid-template-columns: 1fr; gap: 24px; }
      .team-card-top { padding: 16px 16px; gap: 14px; }
      .team-photo { width: 70px; height: 70px; }
      .team-info h3 { font-size: 1.05rem; }
      .team-bio { padding: 14px 16px 18px; font-size: 1rem; }
      .news-grid { grid-template-columns: 1fr; }
      .news-header h2 { font-size: 1.6rem; }
      .news-card h3 { font-size: 1rem; }
      .summary-header h2 { font-size: 1.6rem; }
      .summary-body p { font-size: 1rem; }
      .summary-cta { padding: 28px 18px; border-radius: 14px; }
      .summary-cta h3 { font-size: 1.05rem; }
      .summary-cta-glow { padding: 12px 30px; font-size: 1rem; }
      
    }

    /* ===== FLOATING PARTICLES (decorative) ===== */
    .particles {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      overflow: hidden;
    }
    .particle {
      position: absolute;
      width: 3px;
      height: 3px;
      background: rgba(0,230,118,0.6);
      border-radius: 50%;
      animation: float linear infinite;
    }
    @keyframes float {
      0% { transform: translateY(100vh) scale(0); opacity: 0; }
      10% { opacity: 1; }
      90% { opacity: 1; }
      100% { transform: translateY(-100px) scale(1); opacity: 0; }
    }

    /* ===== CUSTOM SCROLLBAR ===== */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: #0a1628; }
    ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 10px; }
    ::-webkit-scrollbar-thumb:hover { background: var(--accent-alt); }