/* ============================================================
   INDEX (home) — page-specific styles
   ============================================================ */

   /* Container width */
   .wrap {
     max-width: 1280px;
     margin: 0 auto;
   }

   /* Hero additions */
   .hero-bg-gradient {
     position: absolute;
     inset: 0;
     background:
       radial-gradient(ellipse 70% 60% at 50% 120%, rgba(45, 124, 192, 0.28), transparent 60%),
       radial-gradient(ellipse 50% 40% at 10% 20%, rgba(94, 227, 208, 0.08), transparent 65%),
       linear-gradient(180deg, #050914 0%, #0a1528 60%, #0b1b35 100%);
   }

   .hero-noise {
     position: absolute;
     inset: 0;
     opacity: 0.6;
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='0.9'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/></svg>");
     mix-blend-mode: overlay;
     pointer-events: none;
   }

   .hero-grid-bg {
     position: absolute;
     inset: 0;
     background-image:
       linear-gradient(rgba(74, 159, 212, 0.05) 1px, transparent 1px),
       linear-gradient(90deg, rgba(74, 159, 212, 0.05) 1px, transparent 1px);
     background-size: 72px 72px;
     mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black, transparent 70%);
     -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black, transparent 70%);
     pointer-events: none;
   }

   /* "Floating airflow" visual in hero — calm vertical float, no rotation */
   .hero-orb {
     position: absolute;
     z-index: 1;
     top: 18%;
     right: 8%;
     width: clamp(340px, 38vw, 560px);
     aspect-ratio: 1;
     border-radius: 50%;
     background:
       radial-gradient(circle at 35% 30%, rgba(157, 205, 240, 0.35), transparent 55%),
       radial-gradient(circle at 60% 70%, rgba(94, 227, 208, 0.18), transparent 60%),
       radial-gradient(circle at 50% 50%, rgba(29, 95, 160, 0.35), rgba(11, 27, 53, 0.2) 70%);
     filter: blur(20px);
     opacity: 0.8;
     animation: heroFloat 7s ease-in-out infinite;
     pointer-events: none;
   }

   .hero-orb-ring {
     position: absolute;
     z-index: 1;
     top: 14%;
     right: 4%;
     width: clamp(380px, 42vw, 620px);
     aspect-ratio: 1;
     border-radius: 50%;
     border: 1px solid rgba(157, 205, 240, 0.12);
     animation: heroFloat 7s ease-in-out infinite;
     animation-delay: -1.5s;
     /* offset so ring & orb don't move in lockstep */
     pointer-events: none;
   }

   .hero-orb-ring::before {
     content: '';
     position: absolute;
     inset: 40px;
     border-radius: 50%;
     border: 1px solid rgba(157, 205, 240, 0.08);
   }

   .hero-orb-ring::after {
     content: '';
     position: absolute;
     inset: 80px;
     border-radius: 50%;
     border: 1px dashed rgba(157, 205, 240, 0.1);
   }

   /* Unified gentle float — 7s cycle, 10px vertical travel, no rotation */
   @keyframes heroFloat {

     0%,
     100% {
       transform: translateY(0);
     }

     50% {
       transform: translateY(-10px);
     }
   }

   /* Image-ready right-side slot — drop a product image in here per slide */
   .hero-visual {
     position: absolute;
     z-index: 1;
     top: 50%;
     right: clamp(40px, 8vw, 120px);
     width: clamp(280px, 32vw, 460px);
     aspect-ratio: 1;
     transform: translateY(-50%);
     pointer-events: none;
   }

   .hero-visual-inner {
     width: 100%;
     height: 100%;
     animation: heroFloat 7s ease-in-out infinite;
     animation-delay: -3s;
   }

   .hero-visual-img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.35));
   }

   /* Reduced-motion: no floating */
   @media (prefers-reduced-motion: reduce) {

     .hero-orb,
     .hero-orb-ring,
     .hero-visual-inner {
       animation: none;
     }
   }

   /* ── INTRO (Why AIR3D) ── */
   .intro {
     background: var(--mist-50);
     padding: var(--section-pad);
   }

   .intro-grid {
     display: grid;
     grid-template-columns: 1fr 1.1fr;
     gap: 96px;
     align-items: center;
   }

   .intro-kicker-line {
     display: flex;
     align-items: center;
     gap: 16px;
     color: var(--sky-500);
     font-size: 12px;
     font-weight: 600;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     margin-bottom: 24px;
   }

   .intro-kicker-line::before {
     content: '';
     width: 32px;
     height: 1px;
     background: currentColor;
   }

   .intro-stat-row {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
     margin-top: 48px;
     padding-top: 40px;
     border-top: 1px solid var(--mist-200);
   }

   /* ── ORIGINS (dark editorial) ── */
   .origins-section {
     background: var(--ink-900);
     color: var(--white);
     position: relative;
     overflow: hidden;
     padding: var(--section-pad);
   }

   .origins-section::before {
     content: '';
     position: absolute;
     top: -300px;
     right: -200px;
     width: 700px;
     height: 700px;
     background: radial-gradient(circle, rgba(45, 124, 192, 0.18), transparent 60%);
     border-radius: 50%;
     pointer-events: none;
   }

   .origins-section::after {
     content: '';
     position: absolute;
     inset: 0;
     background-image:
       linear-gradient(rgba(74, 159, 212, 0.04) 1px, transparent 1px),
       linear-gradient(90deg, rgba(74, 159, 212, 0.04) 1px, transparent 1px);
     background-size: 56px 56px;
     mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black, transparent 80%);
     -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black, transparent 80%);
     pointer-events: none;
   }

   .origins-grid-inner {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 96px;
     align-items: center;
     position: relative;
     z-index: 1;
   }

   .timeline {
     display: flex;
     flex-direction: column;
     gap: 4px;
     position: relative;
   }

   .timeline::before {
     content: '';
     position: absolute;
     left: 5px;
     top: 28px;
     bottom: 28px;
     width: 1px;
     background: linear-gradient(to bottom,
         rgba(74, 159, 212, 0) 0%,
         rgba(74, 159, 212, 0.3) 10%,
         rgba(74, 159, 212, 0.3) 90%,
         rgba(74, 159, 212, 0) 100%);
   }

   .timeline-item {
     display: grid;
     grid-template-columns: 24px 1fr;
     gap: 20px;
     padding: 22px 0;
     position: relative;
   }

   .tl-dot {
     width: 11px;
     height: 11px;
     border-radius: 50%;
     background: var(--sky-400);
     margin-top: 7px;
     margin-left: 0;
     box-shadow: 0 0 0 4px rgba(74, 159, 212, 0.18);
     flex-shrink: 0;
   }

   .timeline-item:last-child .tl-dot {
     background: var(--aqua-400);
     box-shadow: 0 0 0 4px rgba(94, 227, 208, 0.2);
   }

   .tl-year {
     font-size: 10px;
     font-weight: 600;
     letter-spacing: 0.14em;
     color: var(--sky-200);
     margin-bottom: 6px;
     text-transform: uppercase;
   }

   .tl-title-s {
     font-size: 17px;
     font-weight: 600;
     color: var(--white);
     margin-bottom: 6px;
     letter-spacing: -0.01em;
   }

   .tl-text {
     font-size: 14px;
     color: var(--on-dark-tertiary);
     font-weight: 400;
     line-height: 1.65;
     max-width: 44ch;
   }

   /* ── EVOLUTION (Ecosystem) ── */
   .evolution {
     background: var(--white);
     padding: var(--section-pad);
     text-align: center;
   }

   .evolution-head {
     max-width: 720px;
     margin: 0 auto;
   }

   .zonair-badge {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: var(--ink-900);
     color: var(--white);
     padding: 8px 18px 8px 12px;
     border-radius: 100px;
     font-size: 12px;
     font-weight: 600;
     margin-top: 20px;
     letter-spacing: -0.005em;
   }

   .zonair-badge span.lbl {
     color: var(--mist-400);
     font-weight: 400;
   }

   .zonair-badge .z-logo {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--sky-200);
     box-shadow: 0 0 0 3px rgba(157, 205, 240, 0.25);
   }

   .evolution-cards {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
     text-align: left;
     margin-top: 64px;
   }

   .evo-card {
     background: var(--white);
     border: 1px solid var(--mist-200);
     border-radius: var(--radius-lg);
     transition: all var(--duration-base) var(--ease-out);
     position: relative;
     overflow: hidden;
     display: flex;
     flex-direction: column;
   }

   .evo-card::after {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(135deg, rgba(45, 124, 192, 0.04), transparent 50%);
     opacity: 0;
     transition: opacity var(--duration-base);
     pointer-events: none;
   }

   .evo-card:hover {
     border-color: var(--sky-400);
     transform: translateY(-6px);
     box-shadow: var(--shadow-lg);
   }

   .evo-card:hover::after {
     opacity: 1;
   }

   .evo-card-image {
     width: 100%;
     border-bottom: 1px solid var(--mist-200);
   }

   .evo-card-image .img-placeholder {
     border-radius: 0;
     border: none;
   }

   .evo-card-body {
     padding: 28px 32px 32px;
   }

   .evo-card .icon-badge {
     margin-bottom: 20px;
   }

   .evo-card h3 {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 10px;
     letter-spacing: -0.018em;
   }

   .evo-card p {
     font-size: 14px;
     color: var(--text-secondary);
     font-weight: 400;
     line-height: 1.65;
   }

   /* ── NEW CHAPTER (dark gradient) ── */
   .new-chapter {
     background: linear-gradient(135deg, var(--ink-900) 0%, #0a1528 100%);
     color: var(--white);
     position: relative;
     overflow: hidden;
     padding: var(--section-pad);
   }

   .new-chapter::after {
     content: '2026';
     position: absolute;
     right: -30px;
     bottom: -100px;
     font-family: 'Instrument Serif', serif;
     font-style: italic;
     font-size: clamp(200px, 26vw, 400px);
     font-weight: 400;
     color: rgba(255, 255, 255, 0.025);
     letter-spacing: -0.05em;
     line-height: 1;
     pointer-events: none;
     user-select: none;
   }

   .new-chapter::before {
     content: '';
     position: absolute;
     top: 10%;
     left: -10%;
     width: 600px;
     height: 600px;
     background: radial-gradient(circle, rgba(45, 124, 192, 0.15), transparent 60%);
     border-radius: 50%;
     pointer-events: none;
   }

   .nc-inner {
     display: grid;
     grid-template-columns: 1fr 1.1fr;
     gap: 96px;
     align-items: center;
     position: relative;
     z-index: 1;
   }

   .chapter-items {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
   }

   .chapter-item {
     display: flex;
     flex-direction: column;
     gap: 14px;
     padding: 24px;
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(255, 255, 255, 0.08);
     border-radius: var(--radius-md);
     transition: all var(--duration-base) var(--ease-out);
     position: relative;
     overflow: hidden;
   }

   .chapter-item::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 2px;
     height: 100%;
     background: linear-gradient(to bottom, var(--sky-400), transparent);
     opacity: 0;
     transition: opacity var(--duration-base);
   }

   .chapter-item:hover {
     background: rgba(255, 255, 255, 0.05);
     border-color: rgba(74, 159, 212, 0.3);
     transform: translateY(-3px);
   }

   .chapter-item:hover::before {
     opacity: 1;
   }

   .c-num {
     font-family: 'Instrument Serif', serif;
     font-style: italic;
     font-size: 20px;
     color: var(--sky-200);
     opacity: 0.75;
   }

   .c-body h4 {
     font-size: 15px;
     font-weight: 600;
     color: var(--white);
     margin-bottom: 6px;
     letter-spacing: -0.01em;
   }

   .c-body p {
     font-size: 13px;
     color: var(--on-dark-tertiary);
     font-weight: 400;
     line-height: 1.6;
   }

   /* ── GLOBAL STRATEGY (partnership) ── */
   .global-section {
     background: var(--mist-50);
     padding: var(--section-pad);
   }

   .global-grid-inner {
     display: grid;
     grid-template-columns: 1.1fr 1fr;
     gap: 96px;
     align-items: center;
   }

   .jv-stack {
     display: flex;
     flex-direction: column;
     gap: 16px;
     margin-top: 36px;
   }

   .jv-card-wrap {
     background: var(--white);
     border: 1px solid var(--mist-200);
     border-radius: var(--radius-lg);
     overflow: hidden;
     transition: all var(--duration-base) var(--ease-out);
   }

   .jv-card-wrap:hover {
     border-color: var(--sky-400);
     box-shadow: var(--shadow-md);
   }

   .jv-card-image {
     border-bottom: 1px solid var(--mist-200);
   }

   .jv-card-image .img-placeholder {
     border-radius: 0;
     border: none;
     aspect-ratio: 16 / 7;
   }

   .jv-card {
     display: flex;
     align-items: center;
     gap: 20px;
     padding: 20px 24px;
     background: transparent;
     border: none;
     border-radius: 0;
   }

   .jv-card:hover {
     background: transparent;
     box-shadow: none;
     transform: none;
   }

   /* New Chapter banner spacing */
   .nc-banner {
     margin-bottom: 64px;
   }

   .nc-banner .img-placeholder {
     border-radius: var(--radius-xl);
     aspect-ratio: 21 / 7;
   }

   .jv-logo {
     width: 56px;
     height: 56px;
     border-radius: 14px;
     background: var(--ink-900);
     color: var(--white);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 10px;
     font-weight: 700;
     text-align: center;
     line-height: 1.2;
     letter-spacing: -0.01em;
     flex-shrink: 0;
   }

   .jv-logo.sky {
     background: linear-gradient(135deg, var(--sky-500), var(--sky-600));
   }

   .jv-info h4 {
     font-size: 16px;
     font-weight: 600;
     color: var(--ink-900);
     letter-spacing: -0.01em;
   }

   .jv-info p {
     font-size: 13px;
     color: var(--text-secondary);
     font-weight: 400;
     margin-top: 3px;
   }

   .jv-plus {
     text-align: center;
     font-size: 22px;
     font-weight: 300;
     color: var(--sky-500);
     padding: 4px 0;
     font-family: 'Instrument Serif', serif;
     font-style: italic;
   }

   .pillars {
     display: flex;
     flex-direction: column;
     gap: 12px;
     margin-top: 28px;
   }

   .pillar {
     display: flex;
     align-items: center;
     gap: 16px;
     padding: 18px 22px;
     background: var(--white);
     border-radius: var(--radius-md);
     border: 1px solid var(--mist-200);
     transition: all var(--duration-base) var(--ease-out);
   }

   .pillar:hover {
     border-left-color: var(--sky-500);
     transform: translateX(3px);
   }

   .pillar-text {
     font-size: 15px;
     color: var(--ink-900);
     font-weight: 500;
     letter-spacing: -0.005em;
   }

   /* ── WHY INDIA ── */
   .why-india-section {
     background: var(--white);
     padding: var(--section-pad);
     position: relative;
     overflow: hidden;
   }

   .wi-bg {
     position: absolute;
     inset: 0;
     z-index: 0;
     pointer-events: none;
     overflow: hidden;
   }

   .wi-bg .bg-placeholder {
     position: absolute;
     inset: 0;
     background:
       linear-gradient(135deg, rgba(26, 35, 64, 0.15) 0%, rgba(17, 26, 46, 0.15) 100%);
     opacity: 1;
   }

   .wi-bg-overlay {
     position: absolute;
     inset: 0;
     background:
       radial-gradient(ellipse 80% 60% at 50% 50%, transparent 10%, rgba(255, 255, 255, 0.82) 80%);
     pointer-events: none;
   }

   .why-india-section .wrap {
     position: relative;
     z-index: 1;
     ;
   }

   .wi-grid-inner {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 96px;
     align-items: center;
   }

   .india-visual {
     background: linear-gradient(145deg, var(--ink-900) 0%, var(--ink-800) 100%);
     border-radius: var(--radius-xl);
     padding: 56px 44px;
     position: relative;
     overflow: hidden;
     text-align: center;
     border: 1px solid rgba(74, 159, 212, 0.1);
     background-image: url('images/map.png') !important;
   }

   .india-visual::before {
     content: '';
     position: absolute;
     inset: 0;
     background:
       radial-gradient(ellipse 60% 50% at 30% 30%, rgba(45, 124, 192, 0.3), transparent 60%),
       radial-gradient(ellipse 40% 30% at 70% 80%, rgba(94, 227, 208, 0.1), transparent 60%);
   }

   .india-visual::after {
     content: '';
     position: absolute;
     inset: 0;
     background-image:
       linear-gradient(rgba(74, 159, 212, 0.06) 1px, transparent 1px),
       linear-gradient(90deg, rgba(74, 159, 212, 0.06) 1px, transparent 1px);
     background-size: 40px 40px;
     mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
     -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
     pointer-events: none;
   }

   .india-num {
     font-size: clamp(64px, 10vw, 96px);
     font-weight: 700;
     color: var(--white);
     line-height: 1;
     letter-spacing: -0.04em;
     position: relative;
     font-feature-settings: 'tnum';
   }

   .india-num span {
     color: var(--sky-200);
     font-family: 'Instrument Serif', serif;
     font-style: italic;
     font-weight: 400;
   }

   .india-lbl {
     font-size: 14px;
     color: var(--on-dark-tertiary);
     font-weight: 400;
     margin-top: 10px;
     position: relative;
     letter-spacing: -0.005em;
   }

   .india-div {
     width: 48px;
     height: 1px;
     background: var(--sky-400);
     margin: 28px auto;
     position: relative;
   }

   .india-stats {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
     position: relative;
   }

   .india-stat {
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.06);
     border-radius: var(--radius-sm);
     padding: 18px;
     text-align: left;
     transition: background var(--duration-base);
   }

   .india-stat:hover {
     background: rgba(255, 255, 255, 0.06);
   }

   .india-stat-num {
     font-size: 26px;
     font-weight: 700;
     color: var(--white);
     line-height: 1;
     letter-spacing: -0.025em;
     font-feature-settings: 'tnum';
   }

   .india-stat-num span {
     color: var(--sky-200);
   }

   .india-stat-desc {
     font-size: 11px;
     color: var(--on-dark-muted);
     margin-top: 6px;
     line-height: 1.4;
     font-weight: 400;
   }

   /* ── APPROACH ── */
   .approach {
     background: var(--mist-50);
     padding: var(--section-pad);
     text-align: center;
   }

   .approach-head {
     max-width: 680px;
     margin: 0 auto;
   }

   .approach-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
     text-align: left;
     margin-top: 64px;
   }

   .approach-card {
     background: var(--white);
     border: 1px solid var(--mist-200);
     border-radius: var(--radius-lg);
     padding: 32px 28px;
     transition: all var(--duration-base) var(--ease-out);
     position: relative;
     overflow: hidden;
     min-height: 220px;
     display: flex;
     flex-direction: column;
   }

   .approach-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 2px;
     background: linear-gradient(90deg, var(--sky-500), var(--aqua-400));
     transform: scaleX(0);
     transition: transform var(--duration-base) var(--ease-out);
     transform-origin: left;
   }

   .approach-card:hover::before {
     transform: scaleX(1);
   }

   .approach-card:hover {
     transform: translateY(-6px);
     box-shadow: var(--shadow-lg);
     border-color: transparent;
   }

   .approach-num {
     font-family: 'Instrument Serif', serif;
     font-style: italic;
     font-size: 26px;
     color: var(--sky-500);
     margin-bottom: 24px;
     line-height: 1;
   }

   .approach-card h3 {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 12px;
     letter-spacing: -0.015em;
   }

   .approach-card p {
     font-size: 14px;
     color: var(--text-secondary);
     font-weight: 400;
     line-height: 1.6;
   }

   /* ── TECHNOLOGY ── */
   .technology {
     background: var(--ink-900);
     position: relative;
     overflow: hidden;
     padding: var(--section-pad);
   }

   .tech-bg-grid {
     position: absolute;
     inset: 0;
     background-image:
       linear-gradient(rgba(74, 159, 212, 0.05) 1px, transparent 1px),
       linear-gradient(90deg, rgba(74, 159, 212, 0.05) 1px, transparent 1px);
     background-size: 56px 56px;
     mask-image: radial-gradient(ellipse 60% 70% at 70% 50%, black, transparent 80%);
     -webkit-mask-image: radial-gradient(ellipse 60% 70% at 70% 50%, black, transparent 80%);
   }

   .tech-bg-glow {
     position: absolute;
     top: 20%;
     left: -10%;
     width: 700px;
     height: 700px;
     background: radial-gradient(circle, rgba(45, 124, 192, 0.18), transparent 60%);
     border-radius: 50%;
     pointer-events: none;
   }

   .tech-grid-inner {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 96px;
     align-items: center;
     position: relative;
     z-index: 1;
   }

   .tech-features {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     margin-top: 36px;
   }

   .tech-feature {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 14px 18px;
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(255, 255, 255, 0.06);
     border-radius: var(--radius-sm);
     transition: all var(--duration-base);
   }

   .tech-feature:hover {
     background: rgba(255, 255, 255, 0.06);
     border-color: rgba(74, 159, 212, 0.25);
   }

   .tech-feature svg {
     width: 16px;
     height: 16px;
     color: var(--aqua-400);
     flex-shrink: 0;
   }

   .tech-feature span {
     font-size: 13px;
     color: var(--on-dark-secondary);
     font-weight: 500;
     letter-spacing: -0.005em;
   }

   .tech-visual-box {
     background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: var(--radius-xl);
     padding: 40px;
     backdrop-filter: blur(8px);
     position: relative;
     overflow: hidden;
   }

   .tech-visual-box::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 1px;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
   }

   .tech-metric {
     display: grid;
     grid-template-columns: 1fr auto;
     gap: 20px;
     align-items: center;
     padding-bottom: 22px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.06);
     margin-bottom: 22px;
   }

   .tech-metric:last-child {
     border-bottom: none;
     padding-bottom: 0;
     margin-bottom: 0;
   }

   .tech-metric-label {
     font-size: 12px;
     color: var(--on-dark-muted);
     font-weight: 500;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     margin-bottom: 4px;
   }

   .tech-metric-value {
     font-size: 32px;
     font-weight: 700;
     color: var(--white);
     letter-spacing: -0.03em;
     line-height: 1;
     font-feature-settings: 'tnum';
   }

   .tech-metric-value span {
     color: var(--sky-200);
     font-size: 15px;
     font-weight: 500;
     margin-left: 2px;
   }

   /* ── PRODUCTS TEASER ── */
   .products-teaser {
     background: var(--white);
     text-align: center;
     padding: var(--section-pad);
   }

   .products-head {
     max-width: 720px;
     margin: 0 auto;
   }

   .products-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 24px;
     text-align: left;
     max-width: 1000px;
     margin: 64px auto 0;
   }

   .product-card {
     background: var(--ink-900);
     border-radius: var(--radius-xl);
     overflow: hidden;
     cursor: pointer;
     transition: all var(--duration-base) var(--ease-out);
     display: flex;
     flex-direction: column;
     border: 1px solid transparent;
   }

   .product-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 32px 72px rgba(11, 18, 32, 0.28);
     border-color: rgba(74, 159, 212, 0.25);
   }

   .product-card-visual {
     height: 350px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     overflow: hidden;
   }

   .pc-v1 {
     background: linear-gradient(135deg, #0d2240 0%, #1a3a6e 50%, #25568a 100%);
   }

   .pc-v2 {
     background: linear-gradient(135deg, #0a1a2e 0%, #1a4060 50%, #2a6088 100%);
   }

   .pc-v1::after,
   .pc-v2::after {
     content: '';
     position: absolute;
     inset: 0;
     background-image: radial-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1px);
     background-size: 24px 24px;
     mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);
     -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);
   }

   .pc-icon {
     position: relative;
     z-index: 1;
     width: 96px;
     height: 96px;
     border-radius: 50%;
     background: radial-gradient(circle, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02));
     border: 1px solid rgba(255, 255, 255, 0.15);
     backdrop-filter: blur(12px);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--sky-200);
     transition: transform var(--duration-slow) var(--ease-out);
   }

   .pc-image {
     height: auto;
     width: 100%;
   }

   .pc-image img {
     width: 100%;
     height: auto;
   }

   .product-card:hover .pc-icon {
     transform: scale(1.08) rotate(5deg);
   }

   .pc-icon svg {
     width: 44px;
     height: 44px;
     stroke-width: 1.4;
   }

   .pc-glow {
     position: absolute;
     width: 280px;
     height: 280px;
     background: radial-gradient(circle, rgba(94, 227, 208, 0.15) 0%, transparent 70%);
     border-radius: 50%;
     animation: glowPulse 4s ease-in-out infinite;
   }

   @keyframes glowPulse {

     0%,
     100% {
       transform: scale(1);
       opacity: 0.6;
     }

     50% {
       transform: scale(1.15);
       opacity: 1;
     }
   }

   .pc-badge {
     position: absolute;
     top: 20px;
     right: 20px;
     background: rgba(45, 124, 192, 0.95);
     color: var(--white);
     font-size: 10px;
     font-weight: 600;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     padding: 5px 12px;
     border-radius: 100px;
     backdrop-filter: blur(8px);
     z-index: 2;
   }

   .product-card-body {
     padding: 32px 36px 36px;
     flex: 1;
     display: flex;
     flex-direction: column;
   }

   .pc-cat {
     font-size: 11px;
     font-weight: 500;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--sky-200);
     margin-bottom: 10px;
   }

   .pc-name {
     font-size: 26px;
     font-weight: 700;
     color: var(--white);
     margin-bottom: 12px;
     letter-spacing: -0.02em;
     line-height: 1.1;
   }

   .pc-desc {
     font-size: 14px;
     color: var(--on-dark-tertiary);
     line-height: 1.65;
     font-weight: 400;
     margin-bottom: 24px;
     flex: 1;
   }

   .pc-link {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     font-size: 14px;
     font-weight: 600;
     color: var(--sky-200);
     transition: gap var(--duration-base) var(--ease-out);
   }

   .pc-link:hover {
     gap: 12px;
   }

   .pc-link svg {
     width: 14px;
     height: 14px;
   }

   /* ── RESPONSIVE ── */
   @media (max-width: 1024px) {

     .intro-grid,
     .origins-grid-inner,
     .nc-inner,
     .global-grid-inner,
     .wi-grid-inner,
     .tech-grid-inner {
       gap: 64px;
     }

     .hero-orb,
     .hero-orb-ring {
       display: none;
     }
   }

   @media (max-width: 900px) {

     .intro-grid,
     .origins-grid-inner,
     .nc-inner,
     .global-grid-inner,
     .wi-grid-inner,
     .tech-grid-inner {
       grid-template-columns: 1fr;
       gap: 48px;
     }

     .chapter-items {
       grid-template-columns: 1fr;
     }

     .nc-banner {
       margin-bottom: 48px;
     }

     .nc-banner .img-placeholder {
       aspect-ratio: 16 / 8;
     }

     /* Hide the right-side hero visual on tablet/mobile so slide text gets full width */
     .hero-visual {
       display: none;
     }
   }

   @media (max-width: 768px) {

     .evolution-cards,
     .approach-grid {
       grid-template-columns: 1fr 1fr;
     }

     .intro-stat-row {
       grid-template-columns: 1fr 1fr;
       gap: 20px;
     }

     .tech-features {
       grid-template-columns: 1fr;
     }
   }

   @media (max-width: 480px) {

     .evolution-cards,
     .approach-grid,
     .products-grid {
       grid-template-columns: 1fr;
     }

     .india-stats {
       grid-template-columns: 1fr 1fr;
     }

     .intro-stat-row {
       grid-template-columns: 1fr;
       gap: 24px;
     }

     .product-card-visual {
       height: 220px;
     }

     .pc-icon {
       width: 80px;
       height: 80px;
     }

     .pc-icon svg {
       width: 36px;
       height: 36px;
     }
   }

.evolution .img-placeholder-inner {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 12px;
  padding: 0px;
  text-align: center;
}