@font-face {
      font-family: "Montserrat";
      src: url("Montserrat-Light.woff2") format("woff2");
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "Montserrat";
      src: url("Montserrat-Medium.woff2") format("woff2");
      font-weight: 400 500;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "Montserrat";
      src: url("Montserrat-Bold.woff2") format("woff2");
      font-weight: 600 800;
      font-style: normal;
      font-display: swap;
    }

    :root {
      --font-display: "Montserrat", Arial, sans-serif;
      --font-sans: "Montserrat", Arial, sans-serif;
      --ink: #101820;
      --muted: #52606d;
      --quiet: #6d7882;
      --line: #d9e0e7;
      --panel: #ffffff;
      --soft: #f5f7fa;
      --soft-2: #edf3f8;
      --blue: #3b9eea;
      --blue-soft: #dbe9ff;
      --teal: #1b8a8f;
      --green: #2f7d59;
      --accent-red: #e25b68;
      --accent-red-deep: #d84a70;
      --radius: 8px;
      --max: 1180px;
      --shadow: 0 20px 70px rgba(16, 24, 32, 0.08);
      --indigo: #c7d2fe;
      --pink: #f5d0fe;
      --cyan: #a5f3fc;
      font-family: var(--font-sans);
      color: var(--ink);
      background: var(--panel);
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      background: #fff;
      color: var(--ink);
      font-family: var(--font-sans);
      font-weight: 300;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: geometricPrecision;
      overflow-x: hidden;
    }

    .hero-title,
    .hero-titlea,
    .technology-title,
    .stage-title,
    .stage-statement,
    .global-heading,
    .statistic-number,
    .success-heading,
    .story-title,
    .story-metric-value,
    .partner-heading,
    .partnership-title {
      font-family: var(--font-display);
    }

    .site-header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 20;
      --header-shell-width: min(calc(100vw - 48px), var(--max));
      --header-shell-offset: max(24px, calc((100vw - var(--max)) / 2));
      color: var(--ink);
      border-bottom: 1px solid rgba(220, 230, 239, 0.74);
      background: rgba(255, 255, 255, 1);
      backdrop-filter: blur(18px);
      transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
    }

    .site-header.is-scrolled,
    .site-header.is-menu-open {
      border-bottom: 1px solid rgba(214, 214, 214, 0.18);
      background: #3B9EEA;
      color: #ffffff;
    }

    .header-container {
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 70px;
      width: min(calc(100% - 48px), var(--max));
      min-height: 84px;
      margin: 0 auto;
      padding: 0;
      transition: min-height 180ms ease;
    }

    .site-header.is-scrolled .header-container {
      min-height: 70px;
    }

    .brand-link {
      display: inline-flex;
      align-items: center;
      min-height: 44px;
      color: inherit;
      line-height: 1;
      text-decoration: none;
    }

    .brand-logo {
      display: block;
      width: 150px;
      height: auto;
    }

    .brand-logo-white {
      display: none;
    }

    .site-header.is-scrolled .brand-logo-color,
    .site-header.is-menu-open .brand-logo-color {
      display: none;
    }

    .site-header.is-scrolled .brand-logo-white,
    .site-header.is-menu-open .brand-logo-white {
      display: block;
    }

    .desktop-nav {
      display: flex;
      align-items: center;
  
      gap: 8px;
    }

    .nav-item {
      position: relative;
    }

    .nav-trigger {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 44px;
      margin-top: 10px;
      padding: 0 13px;
      border: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      font-size: 1rem;
      font-weight: 300;
      cursor: pointer;
    }

    .nav-trigger svg,
    .language-selector svg {
      transition: transform 160ms ease;
    }

    .nav-item:hover .nav-trigger svg,
    .nav-item:focus-within .nav-trigger svg,
    .nav-item.is-open .nav-trigger svg {
      transform: rotate(180deg);
    }

    .nav-trigger:hover,
    .nav-trigger:focus-visible {
      color: #3B9EEA;
      outline: none;
    }

    .site-header.is-scrolled .nav-trigger:hover,
    .site-header.is-scrolled .nav-trigger:focus-visible,
    .site-header.is-menu-open .nav-trigger:hover,
    .site-header.is-menu-open .nav-trigger:focus-visible {
      color: #fff;
    }

    .header-contact-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      margin-top: 10px;
      padding: 0 18px;
      color: inherit;
      font-size: 1rem;
      line-height: 1;
      font-weight: 300;
      text-decoration: none;
      white-space: nowrap;

    }

    .header-contact-button:hover,
    .header-contact-button:focus-visible {
      color: #e25b68;
      outline: none;
    }

    .site-header.is-scrolled .header-contact-button,
    .site-header.is-menu-open .header-contact-button {
      box-shadow: none;
    }

    .site-header.is-scrolled .header-contact-button:hover,
    .site-header.is-scrolled .header-contact-button:focus-visible,
    .site-header.is-menu-open .header-contact-button:hover,
    .site-header.is-menu-open .header-contact-button:focus-visible {
      color: #fff;
    }

    .nav-dropdown {
      position: fixed;
      top: 68px;
      left: var(--header-shell-offset);
      display: grid;
      grid-template-columns: repeat(3, minmax(220px, max-content));
      width: max-content;
      max-width: var(--header-shell-width);
      padding: 20px;
      gap: 6px 10px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      background: #162a46;
      opacity: 0;
      visibility: hidden;
      transform: translateY(8px);
      transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
    }

    .site-header.is-scrolled .nav-dropdown {
      top: 70px;
    }

    .nav-item:hover .nav-dropdown,
    .nav-item:focus-within .nav-dropdown,
    .nav-item.is-open .nav-dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    .nav-dropdown.two-column-dropdown {
      grid-template-columns: repeat(3, minmax(220px, max-content));
    }

    .dropdown-section-title {
      grid-column: 1 / -1;
      font-weight: 600;
      font-size: 16px;
      color: #3b9eea;
      margin: 0;
      padding-bottom: 6px;
      border-bottom: 1px solid #444;
    }

    .dropdown-link {
      display: grid;
      min-width: 400px;
      max-width: 33.33%;
      padding: 16px;
      margin-bottom: 10px;
      color: #ffffff;
      text-decoration: none;
      border-left: 2px solid transparent;
      transition: background-color 160ms ease, border-color 160ms ease;
    }

    .dropdown-link:hover,
    .dropdown-link:focus-visible {
      border-left-color: #3b9eea;
      background: rgba(255, 255, 255, 0.07);
      outline: none;
    }

    .dropdown-title {
      font-size: 1rem;
      line-height: 1.25;
      font-weight: 500;
      color: #fff;
    }

    .dropdown-description {
      color: #d6e0ed;
      font-size: 0.82rem;
      line-height: 1.4;
      font-weight:300;
      padding-top: 6px;
    }

    .header-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
    }

    .language-selector,
    .mobile-menu-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 44px;
      border: 1px solid rgba(16, 24, 32, 0.2);
      border-radius: 8px;
      background: transparent;
      color: inherit;
      font: inherit;
      font-size: 0.9rem;
      font-weight: 600;
      text-decoration: none;
      cursor: pointer;
      transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
    }

    .site-header.is-scrolled .language-selector,
    .site-header.is-scrolled .mobile-menu-button,
    .site-header.is-menu-open .language-selector,
    .site-header.is-menu-open .mobile-menu-button {
      border-color: rgba(255, 255, 255, 0.42);
      color: #ffffff;
    }

    .language-selector {
      padding: 0 12px;
      border-color: rgba(233, 92, 129, 0.52);
      color: #e25b68;
    }

    .language-selector:hover,
    .language-selector:focus-visible,
    .mobile-menu-button:hover,
    .mobile-menu-button:focus-visible {
     
      outline: none;
    }

    .mobile-contact-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 54px;
      padding: 0;
      color: #ffffff;
      font-size: 1rem;
      line-height: 1;
      font-weight: 700;
      text-decoration: none;
    }

    .mobile-menu-button {
      display: none;
      width: 44px;
      padding: 0;
    }

    .mobile-menu {
      display: none;
    }

    .hero-section {
      position: relative;
      display: grid;
      min-height: 780px;
      padding: 154px 24px 86px;
      overflow: hidden;
      background:
        radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.22), transparent 34%),
        radial-gradient(circle at 42% 100%, rgba(233, 92, 129, 0.18), transparent 38%),
        linear-gradient(135deg, #1568bd 0%, #3B9EEA 48%, #3b9eea 100%);
      color: #ffffff;
      transition: background 420ms ease, color 260ms ease;
    }

    .hero-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 54%);
      opacity: 1;
      transition: opacity 420ms ease, background 420ms ease;
      pointer-events: none;
    }

    .hero-section.is-light {
      background:
        radial-gradient(circle at 84% 16%, rgba(59, 158, 234, 0.14), transparent 36%),
        radial-gradient(circle at 50% 100%, rgba(233, 92, 129, 0.08), transparent 38%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 58%, #ffffff 100%);
      color: var(--ink);
    }

    .hero-section.is-light::before {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), transparent 54%);
    }

    .hero-container {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 24px;
      align-items: center;
      width: min(100%, var(--max));
      margin: 0 auto;
    }

    .hero-content {
      grid-column: 1 / span 5;
      max-width: 600px;
      margin-top: -20px;
    }

    .hero-eyebrow {
      margin: 0;
      color: rgba(255, 255, 255, 0.9);
      font-size: 1rem;
      line-height: 1.4;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      transition: color 260ms ease;
    }

    .hero-section.is-light .hero-eyebrow {
      color: #3b9eea;
    }

    .hero-title {
      margin: 0;
      max-width: 610px;
      color: #ffffff;
      font-size: clamp(3rem, 4.8vw, 5rem);
      line-height: 1.02;
      font-weight: 600;
      letter-spacing: 0;
      transition: color 260ms ease;
    }
    .hero-titlea {
      width: 1180px;
      margin: 0;
      color: #ffffff;
      font-size: clamp(3rem, 4.4vw, 4rem);
      line-height: 1.02;
      font-weight: 600;
      letter-spacing: 0;
      transition: color 260ms ease;
    }

    .hero-section.is-light .hero-title {
      color: var(--ink);
    }

    .hero-copy {
      max-width: 560px;
      margin: 28px 0 0;
      color: rgba(255, 255, 255, 0.78);
      font-size: clamp(1.08rem, 1.5vw, 1.24rem);
      line-height: 1.68;
      font-weight: 400;
      transition: color 260ms ease;
    }
    .hero-copya {
      margin: 28px 0 0;
      color: rgba(255, 255, 255, 0.78);
      font-size: clamp(1.08rem, 1.5vw, 1.24rem);
      line-height: 1.68;
      font-weight: 400;
      transition: color 260ms ease;
    }

    .hero-section.is-light .hero-copy {
      color: var(--muted);
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 38px;
    }

    .hero-action {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 52px;
      padding: 14px 20px;
      border: 1px solid var(--blue);
      border-radius: 8px;
      color: #ffffff;
      background: var(--blue);
      font-size: 0.94rem;
      line-height: 1.2;
      font-weight: 600;
      text-decoration: none;
      transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
    }

    .hero-action.secondary {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.12);
      border-color: rgba(255, 255, 255, 0.5);
    }

    .hero-section.is-light .hero-action.secondary {
      color: var(--ink);
      background: #ffffff;
      border-color: var(--line);
    }

    .hero-action svg {
      transition: transform 160ms ease;
    }

    .hero-action:hover,
    .hero-action:focus-visible {
      border-color: #3b9eea;
      background: #3b9eea;
      color: #ffffff;
      outline: none;
    }

    .hero-action:hover svg,
    .hero-action:focus-visible svg {
      transform: translateX(4px);
    }

    .scroll-cue {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 18px;
      width: min(100%, 440px);
      margin-top: 28px;
      padding: 16px 18px;
      border: 1px solid rgba(255, 255, 255, 0.34);
      border-radius: 8px;
      color: #ffffff;
      background: rgba(255, 255, 255, 0.12);
      box-shadow: 0 18px 48px rgba(16, 24, 32, 0.14);
      backdrop-filter: blur(14px);
      text-decoration: none;
      transition: border-color 180ms ease, background-color 180ms ease, color 260ms ease, transform 180ms ease, box-shadow 180ms ease;
    }

    .scroll-cue-text {
      display: grid;
      gap: 4px;
    }

    .scroll-cue-label {
      color: rgba(255, 255, 255, 0.64);
      font-size: 0.72rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .scroll-cue-title {
      color: currentColor;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.3;
    }

    .scroll-cue-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border-radius: 999px;
      color: #3b9eea;
      background: #ffffff;
      font-size: 0.82rem;
      font-weight: 700;
      line-height: 1;
      white-space: nowrap;
    }

    .scroll-cue-action svg {
      transform: translateY(0);
    }

    .scroll-cue:hover,
    .scroll-cue:focus-visible {
      border-color: rgba(255, 255, 255, 0.58);
      background: rgba(255, 255, 255, 0.18);
      box-shadow: 0 22px 58px rgba(16, 24, 32, 0.18);
      outline: none;
    }

    .scroll-cue:hover .scroll-cue-action svg,
    .scroll-cue:focus-visible .scroll-cue-action svg {
      transform: translateY(0);
    }

    .hero-section.is-light .scroll-cue {
      border-color: var(--line);
      color: var(--ink);
      background: rgba(255, 255, 255, 0.82);
      box-shadow: 0 18px 48px rgba(56, 87, 116, 0.1);
    }

    .hero-section.is-light .scroll-cue-label {
      color: #3b9eea;
    }

    .hero-section.is-light .scroll-cue-action {
      color: #ffffff;
      background: var(--blue);
    }

    @media (min-width: 641px) {
      .hero-section.is-cue-light .scroll-cue {
        border-color: #d7e4f2;
        color: #111827;
        background: #ffffff;
        box-shadow: 0 14px 34px rgba(56, 87, 116, 0.12);
        backdrop-filter: none;
      }

      .hero-section.is-cue-light .scroll-cue-label {
        color: #3b9eea;
      }

      .hero-section.is-cue-light .scroll-cue-action {
        color: #ffffff;
        background: var(--blue);
      }
    }

    @keyframes scrollCueFloat {
      0%, 100% { transform: translateY(-3px); }
      50% { transform: translateY(4px); }
    }

    .hero-visual {
      grid-column: 6 / span 7;
      position: relative;
      display: grid;
      align-items: center;
      min-height: 560px;
    }

    .hero-intelligence-art {
      position: relative;
      width: min(520px, 100%);
      min-height: 520px;
      margin-left: auto;
      padding: 0;
      overflow: hidden;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 34px 90px rgba(56, 87, 116, 0.18);
      backdrop-filter: blur(18px);
      animation: heroArtFloat 5.8s ease-in-out infinite;
    }

    .hero-upload-image {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 520px;
      object-fit: cover;
      object-position: center;
    }

    .hero-risk-dots {
      position: absolute;
      z-index: 3;
      left: 33%;
      top: 7%;
      display: inline-flex;
      gap: 0.05em;
      color: #486daa;
      font-size:1rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0.08em;
      white-space: nowrap;
      pointer-events: none;
    }

    .hero-risk-dots span {
      opacity: 0;
      animation: heroRiskDotFirst 1.8s linear infinite;
    }

    .hero-risk-dots span:nth-child(2) {
      animation-name: heroRiskDotSecond;
    }

    .hero-risk-dots span:nth-child(3) {
      animation-name: heroRiskDotThird;
    }

    @keyframes heroRiskDotFirst {
      0%, 8% { opacity: 0; }
      10%, 72% { opacity: 1; }
      74%, 100% { opacity: 0; }
    }

    @keyframes heroRiskDotSecond {
      0%, 24% { opacity: 0; }
      26%, 72% { opacity: 1; }
      74%, 100% { opacity: 0; }
    }

    @keyframes heroRiskDotThird {
      0%, 40% { opacity: 0; }
      42%, 72% { opacity: 1; }
      74%, 100% { opacity: 0; }
    }

    .hero-signal-dot {
      position: absolute;
      z-index: 2;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--accent-red);
      box-shadow: 0 0 0 0 rgba(233, 92, 129, 0.36);
      animation: heroSignalPulse 2.6s ease-out infinite;
      pointer-events: none;
    }

    .hero-signal-dot.dot-3ds { left: 26.4%; top: 58.2%; animation-delay: 0.2s; }
    .hero-signal-dot.dot-diia { left: 73.4%; top: 38.2%; animation-delay: 0.7s; }
    .hero-signal-dot.dot-ai { left: 88.0%; top: 71%; animation-delay: 1.2s; }

    .hero-score-value {
      position: absolute;
      z-index: 2;
      left: 7.55%;
      top: 14.8%;
      min-width: 170px;
      color: #05080c;
      font-family: var(--font-display);
      font-size: clamp(4.3rem, 7.6vw, 6.6rem);
      font-weight: 300;
      line-height: 0.92;
      letter-spacing: 0;
      pointer-events: none;
    }

    .hero-risk-meter {
      position: absolute;
      z-index: 2;
      left: 7.8%;
      top: 33.2%;
      width: 75.2%;
      height: 16px;
      overflow: hidden;
      border-radius: 999px;
      background: rgba(229, 237, 245, 0.72);
      pointer-events: none;
    }

    .hero-risk-meter-fill {
      display: block;
      width: 0%;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #28b487 0%, #d9b949 52%, var(--accent-red) 100%);
      transition: width 1200ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    .hero-risk-meter.is-active .hero-risk-meter-fill {
      width: var(--hero-risk-score, 76%);
    }

    .hero-status-badge {
      position: absolute;
      z-index: 3;
      right: 6.8%;
      top: 20.7%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 94px;
      min-height: 30px;
      padding: 7px 13px;
      border-radius: 8px;
      color: #3b9eea;
      background: #eaf4ff;
      font-size: 0.78rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      box-shadow: 0 8px 22px rgba(91, 155, 255, 0.08);
      transition: color 260ms ease, background-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
      pointer-events: none;
    }

    .hero-status-badge.is-alert {
      color: #ffffff;
      background: #e25b68;
      box-shadow: 0 0 0 6px rgba(233, 92, 129, 0.13), 0 16px 34px rgba(233, 92, 129, 0.28);
      transform: translateY(-1px);
    }

    .hero-orbiting-signal {
      position: absolute;
      z-index: 3;
      left: 48.5%;
      top: 46.6%;
      width: 30.5%;
      aspect-ratio: 1;
      border-radius: 50%;
      pointer-events: none;
      animation: heroOrbitSignal 4.8s cubic-bezier(0.42, 0, 0.18, 1) 0.4s 1 both;
      transform-origin: center;
    }

    .hero-orbiting-signal::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 100%;
      width: 45%;
      height: 45%;
      border: 1px solid rgba(91, 155, 255, 0);
      border-radius: 50%;
      background: rgba(91, 155, 255, 0);
      box-shadow: 0 18px 20px rgba(91, 155, 255, 0);
      transform: translate(-50%, -50%);
    }

    .halo {
      position: relative;
      width: 96px;
      height: 96px;
      top: 42%;
      left: 65%;
      opacity: 0.8;
    }

    .halo-glow {
      position: absolute;
      inset: -6px;
      border-radius: 50%;
      background: rgba(165, 180, 252, 0.4);
      filter: blur(16px);
      animation: breathe 4s ease-in-out infinite alternate;
    }

    .halo-ring {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: conic-gradient(from 120deg, var(--indigo), var(--pink), var(--cyan), var(--indigo));
      filter: blur(6px);
      animation: spin 8s linear infinite;
    }

    .halo-core {
      position: absolute;
      inset: 13px;
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.2);
      box-shadow:
        0 22px 20px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(12px);
    }

    .halo-dot {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #12418f;
      transform: translate(-50%, -50%);
    }

    
    @keyframes spin {
      to { transform: rotate(360deg); }
    }

    @keyframes breathe {
      from { opacity: 0.6; transform: scale(0.94); }
      to { opacity: 1; transform: scale(1.06); }
    }

    @media (prefers-reduced-motion: reduce) {
      .halo-glow,
      .halo-ring {
        animation: none;
      }
    }

    @keyframes heroArtFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    @keyframes heroOrbitSignal {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    @keyframes heroSignalPulse {
      0% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(233, 92, 129, 0.32);
      }
      62% {
        transform: scale(1.24);
        box-shadow: 0 0 0 12px rgba(233, 92, 129, 0);
      }
      100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(233, 92, 129, 0);
      }
    }

    @keyframes heroMeterSweep {
      0% { transform: translateX(-78%); opacity: 0; }
      20% { opacity: 0.74; }
      70% { opacity: 0.74; }
      100% { transform: translateX(56%); opacity: 0; }
    }

    .hero-art-label {
      position: relative;
      z-index: 1;
      margin: 0 0 20px;
      color: var(--quiet);
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .hero-art-score-row {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 24px;
      margin-bottom: 22px;
    }

    .hero-art-score {
      color: var(--ink);
      font-family: var(--font-display);
      font-size: clamp(4rem, 6vw, 5.6rem);
      font-weight: 300;
      line-height: 0.86;
    }

    .hero-art-status {
      margin-bottom: 12px;
      padding: 10px 14px;
      border-radius: 8px;
      color: #3b9eea;
      background: #eaf3ff;
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .hero-art-meter {
      position: relative;
      z-index: 1;
      overflow: hidden;
      height: 8px;
      margin-bottom: 26px;
      border-radius: 999px;
      background: #edf2f7;
    }

    .hero-art-meter span {
      display: block;
      width: 76%;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #3b9eea, var(--accent-red));
    }

    .hero-art-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .hero-art-signal {
      min-height: 118px;
      padding: 18px;
      border: 1px solid rgba(196, 211, 226, 0.86);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.7);
    }

    .hero-art-signal strong {
      display: block;
      margin-bottom: 10px;
      color: var(--ink);
      font-size: 0.98rem;
      font-weight: 600;
      line-height: 1.2;
    }

    .hero-art-signal span {
      display: block;
      color: var(--quiet);
      font-size: 0.86rem;
      font-weight: 400;
      line-height: 1.48;
    }

    .hero-art-token {
      position: absolute;
      z-index: 2;
      display: grid;
      place-items: center;
      width: 50px;
      height: 50px;
      border: 1px solid rgba(91, 155, 255, 0.28);
      border-radius: 8px;
      color: #3b9eea;
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 18px 42px rgba(56, 87, 116, 0.12);
      font-size: 0.98rem;
      font-weight: 500;
    }

    .hero-art-token.is-id {
      right: 88px;
      top: 218px;
    }

    .hero-art-token.is-3d {
      left: 128px;
      top: 334px;
    }

    .hero-art-token.is-ai {
      right: 28px;
      bottom: 130px;
    }

    .hero-reveal {
      opacity: 0;
      transform: translateY(16px);
      animation: heroIn 640ms ease forwards;
    }

    .hero-copy.hero-reveal {
      animation-delay: 120ms;
    }

    .hero-actions.hero-reveal {
      animation-delay: 220ms;
    }

    .hero-visual.hero-reveal {
      animation-delay: 320ms;
    }

    @keyframes heroIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .technology-journey {
      padding: 112px 24px 120px;
      background:
        linear-gradient(180deg, #ffffff 0%, #ffffff 42%, #f8fafc 100%);
      overflow: hidden;
      scroll-margin-top: 84px;
    }

    .technology-container {
      width: min(100%, var(--max));
      margin: 0 auto;
    }

    .section-header {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: 24px;
      row-gap: 28px;
      align-items: end;
      margin-bottom: 86px;
    }

    .section-heading {
      grid-column: 1 / span 7;
    }

    .section-heading p{
    color: var(--ink);
    font-size: clamp(1.08rem, 1.5vw, 1.24rem);
    line-height: 1.66;
    font-weight: 300;
    }


    .eyebrow {
      margin: 0 0 10px;
      color: var(--blue);
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .technology-title {
      margin: 0;
      max-width: 760px;
      font-size: clamp(3rem, 4.8vw, 5rem);
      line-height: 0.94;
      font-weight: 300;
      letter-spacing: 0;
    }

    .technology-title span {
      display: block;
    }

    .section-intro{
      grid-column: 8 / span 5;
      margin: 0;
      max-width: 500px;
      color: var(--ink);
      font-size: clamp(1.08rem, 1.5vw, 1.24rem);
      line-height: 1.66;
      font-weight: 300;
    }

    .section-intro p{
      color: var(--ink);
      font-size: clamp(1.08rem, 1.5vw, 1.24rem);
      line-height: 1.66;
      font-weight: 300;
    }

    .journey-list {
      position: relative;
      display: grid;
      gap: 42px;
    }

    .journey-connector {
      position: absolute;
      top: 34px;
      bottom: 34px;
      left: calc((100% - min(100%, var(--max))) / 2 + 40px);
      width: 2px;
      background: rgba(82, 96, 109, 0.16);
      transform: translateX(-1px);
    }

    .journey-connector::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: var(--journey-progress, 18%);
      background: linear-gradient(180deg, var(--accent-red), var(--accent-red-deep));
      box-shadow: 0 0 18px rgba(233, 92, 129, 0.28);
      transition: height 220ms ease-out;
    }

    .technology-stage {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 4fr);
      column-gap: 24px;
      min-height: 520px;
      padding: 54px 28px 56px;
      border-top: 1px solid var(--line);
      background: transparent;
      transition: background-color 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
    }

    .technology-stage.is-current {
      border-color: rgba(233, 92, 129, 0.22);
      background: rgba(233, 92, 129, 0.08);

    }

    .technology-stage:last-child {
      border-bottom: 1px solid var(--line);
    }

    .stage-kicker {
      grid-column: 1;
      position: relative;
      display: grid;
      align-content: start;
      gap: 18px;
      padding: 0 0 0 60px;
    }

    .stage-number {
      position: absolute;
      top: 0;
      left: -10px;
      display: inline-grid;
      place-items: center;
      width: 48px;
      height: 48px;
      border: 1px solid var(--ink);
      border-radius: 999px;
      background: #fff;
      color: var(--ink);
      font-size: 1.74rem;
      font-weight: 700;
      line-height: 1;
      z-index: 1;
      transition: border-color 220ms ease, color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
    }

    .stage-number::after {
      content: "";
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: transparent;
      transition: background-color 220ms ease, box-shadow 220ms ease;
    }

    .technology-stage.is-past .stage-number {
      border-color: var(--accent-red-deep);
      color: var(--accent-red-deep);
    }

    .technology-stage.is-past .stage-number::after {
      background: var(--accent-red-deep);
      box-shadow: 0 0 0 4px rgba(233, 92, 129, 0.12);
    }

    .technology-stage.is-current .stage-number {
      border-color: var(--accent-red);
      color: var(--accent-red-deep);
      box-shadow: 0 0 0 7px rgba(233, 92, 129, 0.10), 0 0 22px rgba(233, 92, 129, 0.10);
      transform: scale(1.04);
    }

    .technology-stage.is-current .stage-number::before {
      content: "";
      position: absolute;
      inset: -8px;
      border: 1px solid rgba(233, 92, 129, 0.32);
      border-radius: 999px;
      animation: stagePulse 2.6s ease-out infinite;
    }

    @keyframes stagePulse {
      0%, 70%, 100% {
        opacity: 0;
        transform: scale(0.82);
      }
      28% {
        opacity: 1;
        transform: scale(1);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .technology-stage.is-current .stage-number::before {
        animation: none;
        opacity: 0;
      }
    }

    .stage-title {
      position: relative;
      display: flex;
      align-items: center;
      min-height: 36px;
      margin: 0;
      font-size: clamp(1.75rem, 2.75vw, 2.8rem);
      line-height: 1.04;
      font-weight: 300;
      letter-spacing: 0;
      transition: color 220ms ease, font-weight 220ms ease, transform 220ms ease;
    }

    .technology-stage.is-current .stage-title {
      color: var(--accent-red-deep);
      font-weight: 400;
      transform: translateX(2px);
    }

    .technology-stage:nth-of-type(3) .stage-title {
      max-width: 250px;
      font-size: clamp(1.55rem, 2.25vw, 2.3rem);
      line-height: 1.08;
    }

    .stage-copy {
      grid-column: 2;
      align-self: start;
      padding-top: 0;
    }

    .stage-statement {
      margin: 0 0 20px;
      color: var(--ink);
      font-size: clamp(1.45rem, 2vw, 2.1rem);
      line-height: 1.18;
      font-weight: 300;
      letter-spacing: 0;
    }

    .stage-description {
      margin: 0;
      color: var(--muted);
      font-size: 1rem;
      line-height: 1.4;
      font-weight: 300;
    }

    .capabilities {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      margin-top: 34px;
    }

    .capability-item {
      display: grid;
      grid-template-columns: 38px 1fr;
      align-items: center;
      gap: 14px;
      min-height: 58px;
      padding: 12px 14px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.72);
      color: var(--ink);
      transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
    }

    .capability-item:hover {
      border-color: rgba(45, 108, 223, 0.42);
      background: #fff;
      transform: translateY(-2px);
    }

    .capability-item:focus-within {
      outline: 2px solid var(--blue);
      outline-offset: 3px;
    }

    .capability-icon {
      display: grid;
      place-items: center;
      width: 38px;
      height: 38px;
      border: 1px solid var(--line);
      border-radius: 6px;
      color: var(--blue);
      background: var(--soft);
    }

    .capability-title {
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.25;
    }

    .stage-visual {
      grid-column: 3;
      display: grid;
      margin-left: 42px;
      align-self: stretch;
      min-height: 420px;
      padding:0 28px;
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
      background: #fff;
    }

    .visual-frame {
      position: relative;
      display: grid;
      place-items: center;
      min-height: 100%;
      overflow: hidden;
    }

    .visual-frame svg {
      width: 100%;
      height: auto;
      max-height: 360px;
    }

    .stage-image-visual {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 360px;
      object-fit: contain;
      object-position: center;
      border-radius: 6px;
    }

    .risk-visual-motion {
      position: relative;
      display: grid;
      place-items: center;
      width: 100%;
      min-height: 360px;
    }

    .risk-visual-motion .stage-image-visual {
      grid-area: 1 / 1;
    }

    .risk-motion-layer {
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
    }

    .risk-hub-pulse {
      position: absolute;
      left: 50.3%;
      top: 50.1%;
      width: 21%;
      aspect-ratio: 1;
      border-radius: 18%;
      background: rgba(45, 108, 223, 0.18);
      box-shadow: 0 0 0 0 rgba(45, 108, 223, 0.24), 0 0 30px rgba(45, 108, 223, 0.18);
      opacity: 0.9;
      transform: translate(-50%, -50%);
      animation: riskHubPulse 3.2s ease-in-out infinite;
      mix-blend-mode: multiply;
    }

    .risk-node-pulse {
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #38a76a;
      box-shadow: 0 0 0 0 rgba(56, 167, 106, 0.3);
      opacity: 0;
      transform: scale(0.82);
      animation: riskNodeBlink 520ms ease-out 1 both;
    }

    .risk-node-pulse.is-risk {
      background: #e25b68;
      box-shadow: 0 0 0 0 rgba(233, 92, 129, 0.34);
    }

    .risk-node-pulse.one { left: 29.4%; top: 30.8%; animation-delay: 0s; }
    .risk-node-pulse.two { left: 46.2%; top: 22.9%; animation-delay: 0.45s; }
    .risk-node-pulse.three { left: 65.8%; top: 26.6%; animation-delay: 0.9s; }
    .risk-node-pulse.four { left: 72.2%; top: 40.3%; animation-delay: 1.35s; }
    .risk-node-pulse.five { left: 75%; top: 54.6%; animation-delay: 1.8s; }
    .risk-node-pulse.six { left: 73.8%; top: 70.3%; animation-delay: 2.25s; }
    .risk-node-pulse.seven { left: 52.3%; top: 75.4%; animation-delay: 2.7s; }
    .risk-node-pulse.eight { left: 29.4%; top: 73.6%; animation-delay: 3.15s; }
    .risk-node-pulse.nine { left: 21.8%; top: 59.7%; animation-delay: 3.6s; }
    .risk-node-pulse.ten { left: 23.6%; top: 44.8%; animation-delay: 4.05s; }

    .signal {
      animation: pulse 4.4s ease-in-out infinite;
      transform-origin: center;
    }

    .signal:nth-of-type(2n) {
      animation-delay: 0.7s;
    }

    .signal:nth-of-type(3n) {
      animation-delay: 1.35s;
    }

    .flow-line {
      stroke-dasharray: 7 9;
      animation: dash 8s linear infinite;
    }

    @keyframes pulse {
      0%, 100% {
        opacity: 0.55;
        transform: scale(1);
      }
      50% {
        opacity: 1;
        transform: scale(1.035);
      }
    }

    @keyframes riskHubPulse {
      0%, 100% {
        opacity: 0.5;
        background: rgba(45, 108, 223, 0.18);
        box-shadow: 0 0 0 0 rgba(45, 108, 223, 0.18), 0 0 30px rgba(45, 108, 223, 0.18);
        transform: translate(-50%, -50%) scale(0.92);
      }
      52% {
        opacity: 1;
        background: rgba(233, 92, 129, 0.24);
        box-shadow: 0 0 0 18px rgba(233, 92, 129, 0), 0 0 42px rgba(233, 92, 129, 0.28);
        transform: translate(-50%, -50%) scale(1.12);
      }
    }

    @keyframes riskNodeBlink {
      0% {
        opacity: 0;
        transform: scale(0.82);
        box-shadow: 0 0 0 0 rgba(95, 151, 232, 0);
      }
      68% {
        opacity: 1;
        transform: scale(1.28);
        box-shadow: 0 0 0 9px rgba(95, 151, 232, 0);
      }
      100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(95, 151, 232, 0);
      }
    }

    @keyframes dash {
      to {
        stroke-dashoffset: -80;
      }
    }

    @keyframes markerPulse {
      0%, 72%, 100% {
        opacity: 0.75;
        transform: scale(1);
      }
      36% {
        opacity: 1;
        transform: scale(1.28);
      }
    }

    .stage-reveal {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 520ms ease, transform 520ms ease;
    }

    .stage-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .global-reach {
      padding: 86px 24px;
      background: #f4f4f4;
      color: #161616;
      overflow: hidden;
    }

    .global-reach-container {
      width: min(100%, var(--max));
      margin: 0 auto;
    }

    .global-header {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: 24px;
      row-gap: 22px;
      margin-bottom: 44px;
    }

    .global-header .eyebrow {
      grid-column: 1 / -1;
    }

    .global-heading {
      grid-column: 1 / span 6;
      margin: 0;
      max-width: 780px;
      color: #161616;
      font-size: clamp(3rem, 4.9vw, 5.25rem);
      line-height: 0.98;
      font-weight: 300;
      letter-spacing: 0;
    }

    .global-supporting {
      grid-column: 8 / span 5;
      align-self: end;
      max-width: 540px;
      margin: 0;
      color: #525252;
      font-size: clamp(1.12rem, 1.8vw, 1.25rem);
      line-height: 1.6;
      font-weight: 400;
    }

    .global-reach-grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 24px;
      align-items: stretch;
    }

    .world-map-card {
      grid-column: 1 / span 8;
      min-height: 360px;
      margin: 0;
      padding: 24px;
      border: 1px solid #d6d6d6;
      background: #ffffff;
    }

    .world-map {
      display: grid;
      align-items: center;
      width: 100%;
      min-height: 200px;
    }

    .world-map img {
      display: block;
      width: 100%;
      height: auto;
      min-height: 200px;
    }
    .map-land {
      fill: #eef2f6;
      stroke: #d6dee7;
      stroke-width: 1;
      opacity: 0.96;
    }

    .map-dot {
      fill: #393939;
      opacity: 0.38;
    }

    .map-region {
      fill: none;
      stroke: #8d8d8d;
      stroke-width: 1;
      stroke-dasharray: 1 12;
      stroke-linecap: round;
      opacity: 0.44;
    }

    .map-marker-ring {
      fill: rgba(15, 98, 254, 0.16);
      stroke: #3b9eea;
      stroke-width: 1.5;
      transform-origin: center;
      animation: markerPulse 5.8s ease-out infinite;
    }

    .map-marker-core {
      fill: #3b9eea;
    }

    .map-markers g:nth-child(2) .map-marker-ring {
      animation-delay: 0.8s;
    }

    .map-markers g:nth-child(3) .map-marker-ring {
      animation-delay: 1.6s;
    }

    .map-markers g:nth-child(4) .map-marker-ring {
      animation-delay: 2.4s;
    }

    .map-markers g:nth-child(5) .map-marker-ring {
      animation-delay: 3.2s;
    }

    .statistics-list {
      grid-column: 9 / span 4;
      display: grid;
      gap: 12px;
    }

    .statistic-panel {
      display: grid;
      align-content: start;
      min-height: 112px;
      padding: 20px 22px;
      border: 1px solid #d6d6d6;
      border-top: 3px solid #3b9eea;
      background: #ffffff;
    }

    .statistic-number {
      margin: 0 0 10px;
      color: #3b9eea;
      font-size: clamp(2.35rem, 3.4vw, 3rem);
      line-height: 0.95;
      font-weight: 300;
      letter-spacing: 0;
    }

    .statistic-label {
      margin: 0;
      color: #161616;
      font-size: clamp(0.98rem, 1.15vw, 1.08rem);
      line-height: 1.25;
      font-weight: 600;
    }

    .statistic-description {
      margin: 8px 0 0;
      color: #525252;
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 300;
    }

    .global-reveal {
      opacity: 0;
      transform: translateY(16px);
      transition: opacity 520ms ease, transform 520ms ease;
    }

    .global-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .statistic-panel.global-reveal:nth-child(2) {
      transition-delay: 110ms;
    }

    .statistic-panel.global-reveal:nth-child(3) {
      transition-delay: 220ms;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .success-stories {
      padding: 112px 24px 120px;
      background: #ffffff;
      color: #161616;
      overflow: hidden;
    }

    .success-container {
      width: min(100%, var(--max));
      margin: 0 auto;
    }

    .success-header {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 24px;
      align-items: start;
      margin-bottom: 60px;
    }

    .success-header-copy {
      grid-column: 1 / span 8;
      max-width: 760px;
    }

    .success-heading {
      margin: 0;
      max-width: 820px;
      color: #161616;
      font-size: clamp(3rem, 4.8vw, 5rem);
      line-height: 1;
      font-weight: 300;
      letter-spacing: 0;
    }

    .success-heading-short {
      display: none;
    }

    .success-supporting {
      max-width: 680px;
      margin: 24px 0 0;
      color: #525252;
      font-size: clamp(1.08rem, 1.5vw, 1.24rem);
      line-height: 1.6;
      font-weight: 300;
    }

    .carousel-meta {
      grid-column: 10 / span 3;
      display: grid;
      justify-items: end;
      gap: 12px;
      padding-top: 44px;
    }

    .carousel-count {
      color: #525252;
      font-size: 0.92rem;
      line-height: 1.3;
    }

    .carousel-controls {
      display: flex;
      gap: 8px;
    }

    .carousel-control {
      display: grid;
      place-items: center;
      width: 48px;
      height: 48px;
      border: 1px solid #8d8d8d;
      border-radius: 0;
      background: #ffffff;
      color: #161616;
      cursor: pointer;
      transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
    }

    .carousel-control:hover:not(:disabled) {
      border-color: #3b9eea;
      background: #edf5ff;
      color: #3b9eea;
    }

    .carousel-control:focus-visible,
    .story-cta:focus-visible {
      outline: 2px solid #3b9eea;
      outline-offset: 3px;
    }

    .carousel-control:disabled {
      color: #c6c6c6;
      border-color: #d6d6d6;
      cursor: not-allowed;
    }

    .success-carousel-shell {
      position: relative;
    }

    .success-carousel {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - 48px) / 3);
      gap: 24px;
      overflow-x: hidden;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      scrollbar-width: thin;
      scrollbar-color: #8d8d8d transparent;
      padding-bottom: 0;
    }

    .success-carousel::-webkit-scrollbar {
      height: 8px;
    }

    .success-carousel::-webkit-scrollbar-track {
      background: transparent;
    }

    .success-carousel::-webkit-scrollbar-thumb {
      background: #8d8d8d;
    }

    .story-card {
      min-height: 200px;
      padding: 24px;
      border: 1px solid #d6d6d6;
      background: #ffffff;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
      scroll-snap-align: start;
    }

    .story-carda {
      min-height: 370px;
      padding: 24px;
      border: 1px solid #d6d6d6;
      background: #ffffff;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
      scroll-snap-align: start;
    }

    .story-card-inner {
      display: grid;
      grid-template-rows: auto auto 1fr auto;
      gap: 16px;
      min-height: 100%;
    }

    .story-card-top {
      display: grid;
      gap: 12px;
    }

    .success-carousel .story-card-top {
      min-height: 56px;
    }

    .story-label-row {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }

    .success-carousel .story-label-row {
      align-items: flex-start;
    }

    .story-category {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 6px 10px;
      border: 1px solid #3b9eea;
      background: #edf5ff;
      color: #3b9eea;
      font-size: 0.72rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .story-category.is-success {
      background: #3b9eea;
      color: #ffffff;
    }

    .story-audience {
      border: 1px solid #3b9eea;
      background: #edf5ff;
      color: #3b9eea;
      padding: 4px 10px;
      font-size: 0.9rem;
      line-height: 1.3;
      font-weight: 600;
    }

    .story-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .story-tag {
      padding: 6px 10px;
      border: 1px solid #cce1ff;
      border-radius: 3px;
      background: #edf5ff;
      color: #3b9eea;
      font-size: 0.78rem;
      line-height: 1.2;
      font-weight: 600;
    }

    .story-title {
      margin: 0;
      max-width: 520px;
      color: #161616;
      font-size: clamp(1.35rem, 1.7vw, 1.65rem);
      line-height: 1.16;
      font-weight: 300;
      letter-spacing: 0;
    }

    .story-description {
      margin: 0;
      max-width: 580px;
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 300;
    }

    .story-footer {
      display: grid;
      gap: 12px;
      align-self: end;
    }

    .story-metric {
      display: grid;
      gap: 4px;
    }

    .story-metric-value {
      color: #3b9eea;
      font-size: clamp(1.45rem, 2vw, 1.8rem);
      line-height: 1.02;
      font-weight: 300;
      letter-spacing: 0;
    }

    .story-metric-label {
      color: #525252;
      font-size: 0.82rem;
      line-height: 1.36;
      font-weight: 600;
    }

    .story-cta {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      width: fit-content;
      color: #3b9eea;
      font-size: 0.88rem;
      line-height: 1.3;
      font-weight: 600;
      text-decoration: none;
    }

    .story-cta svg {
      transition: transform 160ms ease;
    }

    .story-cta:hover {
      color: #3b9eea;
    }

    .story-cta:hover svg {
      transform: translateX(4px);
    }

    .success-reveal {
      opacity: 0;
      transform: translateY(16px);
      transition: opacity 520ms ease, transform 520ms ease;
    }

    .success-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .success-page {
      padding-top: 44px;
      background: #ffffff;
      color: #161616;
    }

    .success-page-container {
      width: min(100%, var(--max));
      margin: 0 auto;
    }

    .success-page-hero {
      padding: 92px 24px 70px;
      border-bottom: 1px solid var(--line);
      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    }

    .success-page-title {
      margin: 0;
      max-width: 820px;
      color: #161616;
      font-family: var(--font-display);
      font-size: clamp(3rem, 5vw, 5rem);
      line-height: 1;
      font-weight: 300;
      letter-spacing: 0;
    }

    .success-page-intro {
      max-width: 680px;
      margin: 24px 0 0;
      color: #525252;
      font-size: clamp(1.08rem, 1.5vw, 1.24rem);
      line-height: 1.6;
      font-weight: 400;
    }

    .success-page-list {
      padding: 70px 24px 112px;
    }

    .success-story-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px;
      overflow: visible;
    }

    .success-story-grid .story-card {
      min-height: 320px;
      scroll-snap-align: none;
    }

    .editors-pickup {
      padding: 112px 24px 120px;
      overflow: hidden;
      background: radial-gradient(circle at 84% 18%, rgba(59, 158, 234, 0.12), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      color: var(--ink);
    }

    .editor-container {
      width: min(100%, var(--max));
      margin: 0 auto;
    }

    .editor-header {
      display: grid;
      grid-template-columns: minmax(0, 0.72fr) minmax(300px, 0.44fr);
      gap: 64px;
      align-items: end;
      margin-bottom: 44px;
    }

    .editor-title,
    .featured-title {
      font-family: var(--font-display);
    }

    .editor-title {
      margin: 0;
      max-width: 760px;
      color: var(--ink);
      font-size: clamp(3rem, 4.8vw, 5rem);
      font-weight: 300;
      line-height: 0.98;
      letter-spacing: 0;
    }

    .editor-supporting {
      margin: 0;
      color: var(--muted);
      font-size: clamp(1.08rem, 1.5vw, 1.24rem);
      font-weight: 400;
      line-height: 1.66;

    }

    .editor-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.82fr);
      gap: 24px;
      align-items: stretch;
    }

    .featured-article,
    .article-list {
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.86);
      box-shadow: 0 22px 70px rgba(16, 24, 32, 0.06);
      backdrop-filter: blur(18px);
    }

    .featured-article {
      display: grid;

      overflow: hidden;
    }

    .featured-media {
      position: relative;
      max-height: 280px;
      overflow: hidden;
      
    }

    .featured-media::before,
    .featured-media::after {
      content: "";
      border-radius: 50%;
      pointer-events: none;
    }

    .featured-media::before {
      right: -72px;
      bottom: -112px;
      width: 420px;
      height: 420px;
      box-shadow: inset 0 0 0 96px rgba(91, 155, 255, 0.055), inset 0 0 0 210px rgba(255, 255, 255, 0.62);
    }

    .featured-media::after {
      right: 138px;
      bottom: 58px;
      width: 122px;
      height: 122px;
      border: 1px solid rgba(233, 92, 129, 0.38);
    }

    .media-node {
      position: absolute;
      display: grid;
      place-items: center;
      width: 52px;
      height: 52px;
      border: 1px solid rgba(91, 155, 255, 0.28);
      border-radius: 8px;
      color: #3b9eea;
      background: rgba(255, 255, 255, 0.94);
      box-shadow: 0 18px 42px rgba(56, 87, 116, 0.1);
      font-size: 0.95rem;
      font-weight: 600;
    }

    .media-node.one { right: 94px; top: 62px; }
    .media-node.two { left: 54px; bottom: 54px; }
    .media-node.three { right: 32px; bottom: 54px; }

    .featured-copy { padding: 30px; }

    .article-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--quiet);
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .article-meta span:first-child { color: #3b9eea; }

    .featured-title {
      margin: 0;
      max-width: 680px;
      color: var(--ink);
      font-size: clamp(2rem, 3vw, 3rem);
      font-weight: 300;
      line-height: 1.04;
      letter-spacing: 0;
    }

    .featured-summary {
      max-width: 660px;
      margin: 18px 0 0;
      color: var(--muted);
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 300;
    }

    .read-link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-top: 26px;
      color: #3b9eea;
      font-size: 0.95rem;
      font-weight: 600;
      line-height: 1;
      text-decoration: none;
    }

    .article-list {
      display: grid;
      padding: 0;
      overflow: hidden;
    }

    .article-item {
      display: grid;
      padding: 26px 28px;
      border-bottom: 1px solid var(--line);
      text-decoration: none;
      transition: background-color 160ms ease;
    }

    .article-item:last-child { border-bottom: 0; }

    .article-item:hover,
    .article-item:focus-visible {
      background: #f7fbff;
      outline: none;
    }

    .article-row {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 18px;
      align-items: start;
    }

    .article-title {
      margin: 0;
      color: var(--ink);
      font-size: clamp(1.18rem, 1.7vw, 1.42rem);
      font-weight: 300;
      line-height: 1.4;
    }

    .article-description {
      margin: 0;
      color: var(--muted);
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 300;
    }

    .article-arrow {
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      border: 1px solid var(--line);
      border-radius: 8px;
      color: #3b9eea;
      background: #ffffff;
    }

    .editor-explore {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      margin-top: 24px;
      padding: 18px 20px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.82);
      box-shadow: 0 18px 54px rgba(16, 24, 32, 0.05);
      backdrop-filter: blur(16px);
    }

    .editor-filter-list {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .editor-filter {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 8px 12px;
      border: 1px solid #d7e4f5;
      color: #3b9eea;
      background: #edf5ff;
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-decoration: none;
      transition: border-color 160ms ease, color 160ms ease, transform 160ms ease;
    }

    .editor-filter:hover,
    .editor-filter:focus-visible {
      border-color: #e25b68;
      color: #e25b68;
      outline: none;
      transform: translateY(-1px);
    }

    .editor-more-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 44px;
      padding: 12px 16px;
      border: 1px solid #e25b68;
      border-radius: 999px;
      color: #e25b68;
      background: #ffffff;
      font-size: 0.9rem;
      font-weight: 700;
      line-height: 1;
      text-decoration: none;
      white-space: nowrap;
      transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
    }

    .editor-more-button:hover,
    .editor-more-button:focus-visible {
      color: #ffffff;
      background: #e25b68;
      outline: none;
      transform: translateY(-1px);
      box-shadow: 0 14px 30px rgba(233, 92, 129, 0.18);
    }

    .editor-more-button svg {
      transition: transform 160ms ease;
    }

    .editor-more-button:hover svg,
    .editor-more-button:focus-visible svg {
      transform: translateX(3px);
    }
    .partnership-cta {
      position: relative;
      padding: 86px 24px;
      overflow: hidden;
      background: #252f3e;
      color: #ffffff;
    }

    .partner-container,
    .footer-container {
      width: min(100%, var(--max));
      margin: 0 auto;
    }

    .partner-constellation {
      position: absolute;
      top: 26px;
      right: max(24px, calc((100vw - var(--max)) / 2));
      width: min(42vw, 520px);
      opacity: 0.34;
      pointer-events: none;
    }

    .partner-constellation .panel {
      fill: rgba(255, 255, 255, 0.045);
      stroke: rgba(255, 255, 255, 0.18);
      stroke-width: 1;
    }

    .partner-constellation .network-line {
      fill: none;
      stroke: rgba(255, 255, 255, 0.34);
      stroke-width: 1.1;
      stroke-dasharray: 5 8;
    }

    .partner-constellation .orbit-line {
      fill: none;
      stroke: rgba(255, 255, 255, 0.18);
      stroke-width: 1;
    }

    .partner-constellation .node {
      fill: #ffffff;
      opacity: 0.7;
    }

    .partner-constellation .node-accent {
      fill: #e25b68;
      opacity: 0.95;
    }

    .partner-header {
      position: relative;
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 24px;
      align-items: end;
      margin-bottom: 56px;
      z-index: 1;
    }

    .partner-copy {
      grid-column: 1 / span 8;
      max-width: 760px;
    }

    .partner-eyebrow {
      margin: 0 0 10px;
      color: #e25b68;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .partner-heading {
      margin: 0;
      max-width: 760px;
      color: #ffffff;
      font-size: clamp(3rem, 4.8vw, 5rem);
      line-height: 0.98;
      font-weight: 300;
      letter-spacing: 0;
    }

    .partner-heading .accent {
      color: #e25b68;
    }

    .partner-supporting {
      max-width: 640px;
      margin: 24px 0 0;
      color: #c6c6c6;
      font-size: clamp(1.08rem, 1.5vw, 1.24rem);
      line-height: 1.6;
      font-weight: 300;
    }

    .partner-action {
      grid-column: 10 / span 3;
      display: flex;
      justify-content: flex-end;
      padding-bottom: 10px;
    }

    .contact-button {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 50px;
      padding: 16px 26px;
      border: 1px solid rgba(255, 154, 164, 0.75);
      border-radius: 999px;
      background: #e25b68;
      color: #ffffff;
      box-shadow: 0 18px 38px rgba(226, 91, 104, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28);
      font-size: 0.98rem;
      line-height: 1.2;
      font-weight: 700;
      text-decoration: none;
      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    }

    .contact-button::after {
      content: "";
      position: absolute;
      
      inset: 5px;
      z-index: -1;
      border-radius: inherit;
      border: 1px solid rgba(255, 255, 255, 0.32);
      opacity: 0.8;
      transition: right 180ms ease, opacity 180ms ease;
    }

    .contact-button svg {
      transition: transform 180ms ease;
    }

    .contact-button:hover {
      border-color: rgba(255, 205, 211, 0.95);
      padding-left: 20px;
      background: #e25b68;
      transform: translateY(-2px);
      box-shadow: 0 24px 48px rgba(226, 91, 104, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    }

    .contact-button:hover::after {
      inset: 7px;
      opacity: 1;
    }

    .contact-button:hover svg {
      transform: translateX(5px);
    }

    .contact-button.interactive-hover-button {
      min-width: 166px;
      gap: 10px;
      border-color: rgba(255, 255, 255, 0.72);
      background: #ffffff;
      color: #101820;
      box-shadow: 0 18px 38px rgba(5, 8, 12, 0.16);
      transition: color 260ms ease, transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    }

    .contact-button.interactive-hover-button::before {
      content: "";
      position: absolute;
      left: 22px;
      top: 50%;
      z-index: -1;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #e25b68;
      transform: translateY(-50%);
      transition: left 300ms ease, top 300ms ease, width 300ms ease, height 300ms ease, transform 300ms ease, border-radius 300ms ease;
    }

    .contact-button.interactive-hover-button::after {
      display: none;
    }

    .contact-button-label,
    .contact-button-hover,
    .contact-button.interactive-hover-button svg {
      position: relative;
      z-index: 1;
    }

    .contact-button-label {
      transition: opacity 260ms ease, transform 260ms ease;
    }

    .contact-button-hover {
      position: absolute;
      inset: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding-right: 0;
      color: #ffffff;
      opacity: 0;
      transform: translateX(-20px);
      transition: opacity 260ms ease, transform 260ms ease;
      pointer-events: none;
    }

    .contact-button.interactive-hover-button:hover,
    .contact-button.interactive-hover-button:focus-visible {
      border-color: rgba(255, 154, 164, 0.86);
      color: #ffffff;
      background: #ffffff;
      transform: none;
      box-shadow: 0 24px 48px rgba(226, 91, 104, 0.34);
    }

    .contact-button.interactive-hover-button:hover::before,
    .contact-button.interactive-hover-button:focus-visible::before {
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      transform: none;
    }

    .contact-button.interactive-hover-button:hover .contact-button-label,
    .contact-button.interactive-hover-button:focus-visible .contact-button-label {
      opacity: 0;
      transform: translateX(24px);
    }

    .contact-button.interactive-hover-button:hover .contact-button-hover,
    .contact-button.interactive-hover-button:focus-visible .contact-button-hover {
      opacity: 1;
      transform: translateX(4px);
    }

    .contact-button.interactive-hover-button:hover svg,
    .contact-button.interactive-hover-button:focus-visible svg {
      transform: translateX(7px);
    }

    .contact-button:focus-visible,
    .footer-link:focus-visible,
    .social-link:focus-visible,
    .legal-link:focus-visible {
      outline: 2px solid #3b9eea;
      outline-offset: 3px;
    }

    .partnership-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      border-top: 1px solid rgba(255, 255, 255, 0.18);
      border-left: 1px solid rgba(255, 255, 255, 0.18);
    }

    .partnership-item {
      display: grid;
      align-content: start;
      min-height: 260px;
      padding: 30px;
      border-right: 1px solid rgba(255, 255, 255, 0.18);
      border-bottom: 1px solid rgba(255, 255, 255, 0.18);
      background: #303b4b;
      transition: background-color 160ms ease, border-color 160ms ease;
    }

    .partnership-item:hover {
      border-top-color: #e25b68;
      background: #354356;
    }

    .partnership-number {
      margin-bottom: 22px;
      color: #e25b68;
      font-size: 0.86rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0.08em;
    }

    .partnership-icon {
      width: 34px;
      height: 34px;
      margin-bottom: 26px;
      color: #ffffff;
    }

    .partnership-title {
      margin: 0;
      color: #ffffff;
      font-size: clamp(1.25rem, 2vw, 1.5rem);
      line-height: 1.18;
      font-weight: 300;
      letter-spacing: 0;
    }

    .partnership-description {
      margin: 16px 0 0;
      color: #c6c6c6;
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 300;
    }

    .partner-reveal {
      opacity: 0;
      transform: translateY(14px);
      transition: opacity 520ms ease, transform 520ms ease;
    }

    .partner-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .site-footer {
      padding: 80px 24px 40px;
      border-top: 1px solid #d6d6d6;
      background: #ffffff;
      color: #161616;
    }

    .footer-grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 32px 24px;
    }

    .footer-brand {
      grid-column: 1 / span 4;
      max-width: 360px;
    }

    .footer-logo {
      display: inline-flex;
      align-items: center;
      color: #161616;
      line-height: 1;
      text-decoration: none;
    }

    .footer-logo-img {
      display: block;
      width: 162px;
      height: auto;
    }

    .footer-statement {
      margin: 28px 0 0;
      color: #525252;
      font-size: 1rem;
      line-height: 1.6;
      font-weight: 300;
    }

    .social-links {
      display: flex;
      gap: 12px;
      margin-top: 28px;
    }

    .social-link {
      display: grid;
      place-items: center;
      width: 40px;
      height: 40px;
      color: #161616;
      text-decoration: none;
      transition: border-color 160ms ease, color 160ms ease, background-color 160ms ease;
    }

    .social-link:hover {
      color: #3b9eea;
    }

    .footer-nav {
      grid-column: 5 / span 8;
      display: grid;
      grid-template-columns: minmax(220px, 1.15fr) repeat(2, minmax(180px, 0.9fr));
      gap: 32px 56px;
      justify-content: space-between;
    }

    .footer-group-title {
      margin: 0 0 10px;
      color: #161616;
      font-size: 1rem;
      line-height: 1.3;
      font-weight: 700;
    }

    .footer-links {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .footer-link,
    .legal-link {
      color: #525252;
      font-size: 0.96rem;
      line-height: 1.35;
      font-weight: 300;
      text-decoration: none;
      transition: color 160ms ease;
    }

    .footer-link:hover,
    .legal-link:hover {
      color: #3b9eea;
    }

    .footer-bottom {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px;
      margin-top: 54px;
      padding-top: 28px;
      border-top: 1px solid #d6d6d6;
      color: #525252;
      font-size: 0.88rem;
      line-height: 1.4;
    }

    .legal-links {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
    }

    @media (max-width: 980px) {
      .header-container {
        gap: 18px;
        width: min(calc(100% - 44px), var(--max));
      }


  .banner4 iframe {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }
  .halo {
    position: relative;
    width: 80px;
    height: 80px;
    top: 36%;
    left: 58%;
    opacity: 0.6;
    }
      .desktop-nav {
        display: none;
      }

      .mobile-menu-button {
        display: inline-flex;
      }

      .mobile-menu {
        position: fixed;
        inset: 70px 0 auto 0;
        display: none;
        max-height: calc(100vh - 70px);
        overflow-y: auto;
        border-top: 1px solid rgba(255, 255, 255, 0.16);
      background: #3B9EEA;
        color: #ffffff;
        z-index: 1000;
        pointer-events: auto;
      }

      .site-header.is-menu-open .mobile-menu {
        display: block;
      }

      .mobile-menu-inner {
        width: min(100%, var(--max));
        margin: 0 auto;
        padding: 18px;
      }

      .mobile-nav-group {
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
      }

      .mobile-nav-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 54px;
        color: #ffffff;
        font-weight: 700;
        cursor: pointer;
      }

      .mobile-nav-links {
        display: grid;
        gap: 4px;
        padding: 0 0 16px;
      }

      .mobile-nav-links .dropdown-link {
        padding: 10px 0 10px 12px;
      }

      .hero-section {
        min-height: 720px;
        padding: 136px 22px 76px;
      }

      .hero-content {
        grid-column: 1 / span 6;
      }

      .hero-visual {
        grid-column: 7 / span 6;
        min-height: 460px;
      }

      .hero-intelligence-art {
        min-height: 440px;
        padding: 0;
      }

      .hero-upload-image {
        min-height: 440px;
      }

      .hero-art-signal {
        min-height: 108px;
        padding: 16px;
      }

      .hero-art-token.is-id {
        right: 68px;
        top: 190px;
      }

      .technology-journey {
        padding: 84px 22px 92px;
      }

      .section-heading {
        grid-column: 1 / span 7;
      }

      .section-intro p{
        grid-column: 8 / span 5;
        font-size:1.08rem;
      }

      .technology-stage {
        min-height: auto;
        row-gap: 30px;
      }

      .stage-kicker {
        grid-column: 1;
      }

      .stage-copy {
        grid-column: 2;
        padding-top: 42px;
      }

      .stage-visual {
        grid-column: 3;
        min-height: 330px;
        margin-left: 28px;
      }

      .global-reach {
        padding: 88px 22px;
      }

      .global-reach-container {
        width: min(100%, var(--max));
      }

      .global-reach-grid {
        gap: 22px;
      }

      .world-map-card {
        grid-column: 1 / span 7;
        min-height: 440px;
        padding: 24px;
      }

      .statistics-list {
        grid-column: 8 / span 5;
      }

      .statistic-panel {
        min-height: 150px;
        padding: 24px;
      }

      .success-stories {
        padding: 88px 22px 96px;
      }

      .success-header-copy {
        grid-column: 1 / span 8;
      }

      .carousel-meta {
        grid-column: 9 / span 4;
      }

      .success-carousel {
        grid-auto-columns: minmax(480px, 72%);
      }

      .story-card,.story-carda {
        padding: 28px;
      }

    .partnership-cta {
        padding: 88px 22px;
      }

      .partner-copy {
        grid-column: 1 / span 8;
      }

      .partner-action {
        grid-column: 9 / span 4;
      }

      .partnership-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .partnership-item {
        min-height: 240px;
        padding: 28px;
      }

      .site-footer {
        padding: 72px 22px 36px;
      }

      .footer-brand,
      .footer-nav {
        grid-column: 1 / span 12;
      }
      .editors-pickup { padding: 88px 22px 96px; }

      .editor-header,
      .editor-grid {
        grid-template-columns: 1fr;
      }

      .editor-header { gap: 22px; }

      .featured-article { grid-template-rows: 240px auto; }

    }

    @media (max-width: 750px) {
      .header-container {
        grid-template-columns: auto 1fr auto;
        min-height: 70px;
        width: min(calc(100% - 36px), var(--max));
        gap: 0;
      }

      .header-actions {
        gap: 8px;
      }

      .brand-logo {
        width: 132px;
      }

      .language-selector span {
        display: none;
      }

      .mobile-menu {
        top: 70px;
      }

      .mobile-menu-inner {
        padding:0 18px;
      }

      .hero-section {
        min-height: auto;
        padding: 104px 18px 50px;
      }

      .hero-container {
        grid-template-columns: 1fr;
        gap: 0px;
      }

      .hero-content,
      .hero-visual {
        grid-column: 1;
      }

      .hero-content {
        display: contents;
        max-width: none;
      }

      .hero-title {
        order: 1;
      }

      .hero-copy {
        order: 2;
      }

      .hero-visual {
        order: 3;
      }

      .scroll-cue {
        order: 4;
      }

      .hero-title,.hero-titlea {
        font-size: clamp(2.35rem, 10.5vw, 3.45rem);
        line-height: 1.06;
      }

      .hero-copy {
        max-width: 34ch;
        margin: 10px 0 30px 0;
        font-size: 0.98rem;
        line-height: 1.7;
      }

      .hero-copya {
        max-width: 34ch;
        margin: 10px 0;
        font-size: 0.98rem;
        line-height: 1.7;
      }

      .scroll-cue {
        width: 100%;
        margin-top: 0;
        padding: 14px;
        gap: 12px;
      }

      .hero-visual {
        min-height: 240px;
      }

      .hero-intelligence-art {
        width: 100%;
        min-height: auto;
        margin-left: 0;
        padding: 0;
      }

      .hero-intelligence-art::before {
        display: none;
      }

      .hero-intelligence-art::after {
        display: none;
      }

      .hero-upload-image {
        min-height: 320px;
      }

      .hero-risk-dots {

        font-size: clamp(0.6rem, 2vw, 0.8rem);
      }

      .hero-art-grid {
        grid-template-columns: 1fr;
      }

      .hero-art-signal {
        min-height: auto;
      }

      .hero-art-token {
        display: none;
      }
      .editor-explore {display: block;
    }
    .editor-filter-list{margin-bottom: 10px;}
      .technology-journey {
        padding: 56px 18px 64px;
      }

      .section-header,
      .technology-stage {
        grid-template-columns: 1fr;
      }

      .section-header {
        margin-bottom: 40px;
      }

      .section-heading,
      .section-intro,
      .stage-kicker,
      .stage-copy,
      .stage-visual {
        grid-column: 1;
      }

      .technology-title {
        font-size: clamp(2.45rem, 10vw, 3.45rem);
        line-height: 1.02;
      }

      .section-intro {
        max-width: none;
        font-size: 1.08rem;
        line-height: 1.62;

      }

      .journey-list {
        gap: 18px;
      }

      .journey-connector {
        left: 10px;
        top: 30px;
        bottom: 30px;
      }

      .technology-stage {
        padding: 30px 0 36px 48px;
      }

      .stage-kicker {
        position: static;
        gap: 10px;
        padding: 0;
      }

      .stage-number {
        position: absolute;
        left:-4px;
        top: 30px;
        width: 30px;
        height: 30px;
        font-size: 1rem;
      }

      .technology-stage.is-current .stage-number {
        box-shadow: 0 0 0 5px rgba(233, 92, 129, 0.12), 0 0 18px rgba(233, 92, 129, 0.18);
      }

      .technology-stage.is-current .stage-number::before {
        inset: -6px;
      }

      .stage-copy {
        padding-top: 0;
      }

      .stage-title {
        font-size:1.55rem;
        line-height: 1.08;
        padding-left: 0px;
      }

      .stage-statement {
        margin-bottom: 10px;
        font-size: clamp(1.18rem, 5.8vw, 1.45rem);
        line-height: 1.25;
      }

      .stage-description {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 300;
      }

      .capabilities {
        gap: 8px;
        margin-top: 20px;
      }

      .stage-visual {
        min-height: 220px;
        margin-left: 0;
        padding: 16px;
      }

      .global-reach {
        padding: 58px 18px;
      }

      .global-header {
        display: block;
        margin-bottom: 26px;
      }

      .global-heading {
        font-size: clamp(2.1rem, 9.5vw, 3.1rem);
        line-height: 1.04;
      }

      .global-supporting {
        margin-top: 18px;
        font-size: 1rem;
        line-height: 1.55;
      }

      .global-reach-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .world-map-card,
      .statistics-list {
        grid-column: 1;
      }

      .world-map-card {
        min-height: 260px;
        padding: 14px;
      }

      .world-map,
      .world-map svg {
        min-height: 230px;
      }

      .statistic-panel {
        min-height: auto;
      }

      .success-stories {
        padding:64px 18px;
      }

      .success-header {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 30px;
      }

      .success-header-copy,
      .carousel-meta {
        grid-column: 1;
      }

      .success-heading-full {
        display: none;
      }

      .success-heading-short {
        display: inline;
      }

      .success-heading {
        font-size: clamp(2.1rem, 9.5vw, 3.1rem);
        line-height: 1.04;
      }

      .success-supporting {
        margin-top: 18px;
        font-size: 1rem;
        line-height: 1.55;
      }

      .carousel-meta {
        justify-items: end;
        padding-top: 0;
      }

      .carousel-controls {
        order: 2;
      }

      .success-carousel {
        grid-auto-columns: 100%;
        gap: 14px;
      }

      .success-page {
        padding-top: 70px;
      }

      .success-page-hero {
        padding: 56px 18px 46px;
      }

      .success-page-title {
        font-size: clamp(2.2rem, 10vw, 3.1rem);
        line-height: 1.04;
      }

      .success-page-intro {
        margin-top: 18px;
        font-size: 1rem;
        line-height: 1.55;
      }

      .success-page-list {
        padding: 42px 18px 70px;
      }

      .success-story-grid {
        grid-template-columns: 1fr;
        gap: 16px;
      }

      .story-card,.story-carda {
        min-height: 0;
        padding: 20px;
      }

      .story-card-inner {
        gap: 12px;
      }

      .story-card-top {
        gap: 14px;
      }

      .story-tags {
        display: none;
      }

      .story-title {
        font-size: clamp(1.34rem, 6vw, 1.58rem);
        line-height: 1.18;
      }

      .story-description {
        font-size: 1rem;
        line-height: 1.5;
      }

      .story-footer {
        gap: 12px;
        padding-top: 18px;
      }

    .partnership-cta {
        padding: 58px 18px;
      }

      .partner-constellation {
        display: none;
      }

      .partner-header {
        grid-template-columns: 1fr;
        margin-bottom: 30px;
      }

      .partner-copy,
      .partner-action {
        grid-column: 1;
      }

      .partner-heading {
        font-size: clamp(2.1rem, 9.5vw, 3.1rem);
        line-height: 1.04;
      }

      .partner-supporting {
        margin-top: 18px;
        font-size: 1rem;
        line-height: 1.55;
      }

      .partner-action {
        justify-content: flex-end;
        padding-bottom: 0;
      }

      .partnership-item {
        min-height: auto;
        padding: 18px;
      }

      .partnership-number,
      .partnership-icon {
        margin-bottom: 20px;
      }

      .site-footer {
        padding: 52px 18px 30px;
      }

      .footer-grid,
      .footer-nav {
        grid-template-columns: 1fr;
      }

      .footer-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 24px;
      }

      .footer-group:first-child {
        grid-column: 1 / -1;
      }

      .footer-brand,
      .footer-nav {
        grid-column: 1;
      }

      .footer-brand {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        max-width: none;
      }

      .footer-brand .footer-logo-img {
        width: clamp(132px, 41vw, 162px);
      }

      .footer-brand .social-links {
        flex: 0 0 auto;
        gap: clamp(8px, 2.5vw, 12px);
        justify-content: flex-end;
        margin-top: 10px;
      }

      .footer-brand .social-link {
        width: clamp(34px, 10vw, 40px);
        height: clamp(34px, 10vw, 40px);
      }

      .footer-links {
        gap: 0;
      }

      .footer-link {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
      }

      .footer-bottom {
        display: grid;
        justify-content: stretch;
      }
    }

    .technology-title span {
      display: block;
    }


    @media (max-width: 460px) {
      .hero-section {
        padding-top: 96px;
        padding-bottom: 42px;
      }

      .brand-logo {
        width: 118px;
      }

      .hero-title,.hero-titlea {
        font-size: clamp(2.2rem, 9vw, 3.45rem);
      }

      .scroll-cue {
        grid-template-columns: 1fr;
      }

      .scroll-cue-action {
        justify-content: center;
        width: 42px;
        height: 42px;
      }

      .hero-visual {
        min-height: 210px;
      }

      .technology-stage {
        padding-left: 40px;
      }

      .capability-item {
        grid-template-columns: 34px 1fr;
        gap: 12px;
        padding: 10px 12px;
      }

      .capability-icon {
        width: 34px;
        height: 34px;
      }

      .stage-visual {
        width: 100%;
        margin-left: 0;
        min-height: 210px;
      }

      .statistic-number {
        font-size: 2.6rem;
      }

      .story-card,.story-card {
        padding: 18px;
      }

      .story-label-row {
        gap: 10px;
      }

      .story-category {
        font-size: 0.68rem;
      }

      .partnership-title {
        font-size: 1.18rem;
      }

      .legal-links {

        gap: 12px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
      }

      .stage-reveal,
      .global-reveal,
      .success-reveal,
      .partner-reveal {
        opacity: 1;
        transform: none;
      }

      .success-carousel {
        scroll-behavior: auto;
      }

    .hero-reveal {
        animation: none !important;
      }

      .hero-reveal {
        opacity: 1;
        transform: none;
      }
      .editors-pickup { padding: 58px 18px 64px; }

      .editor-title {
        font-size: clamp(2.3rem, 11vw, 3.1rem);
        line-height: 1.04;
      }

      .featured-copy,
      .article-item { padding: 22px; }

      .featured-media { min-height: 200px; }

      .editor-explore {
        display: grid;
        gap: 16px;
        padding: 16px;
      }

      .editor-more-button {
        width: 100%;
      }

    }





/* Cookie弹窗样式 */
.cookie-modal-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  display: none;
}
.cookie-modal {
  background: #fff;
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 32px;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.12);
}
.cookie-modal h3 {
  margin: 0 0 12px;
  font-size: 18px;
  color: #111;
}
.cookie-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 20px;
}
.cookie-desc ul {
  margin: 10px 0;
  padding-left: 20px;
}
.cookie-btn-group {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.cookie-btn {
  padding: 10px 22px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s;
}
.btn-accept-all {
  background: #3b9eea;
  color: #fff;
}
.btn-accept-necessary {
  background: #f5f7fa;
  color: #222;
  border: 1px solid #ddd;
}
.cookie-link {
  color: #3b9eea;
  text-decoration: underline;
}




/* 移动端适配 */
@media (max-width:768px) {
  .cookie-modal {
    padding: 16px 20px;
  }
  .cookie-btn-group {
    flex-direction: column;
  }
}

/* Purple global map panel */
.global-reach {
  background: #3b9eea;
  padding:0;
  color: #ffffff;
}

.global-reach-container {
  width: min(100%, 1128px);
  margin: 0 auto;
}

.global-reach-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  min-height: 445px;
  padding: 62px 0;
  overflow: hidden;
  background: #3b9eea;
}

.global-reach-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;

}

.global-header {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0;
  text-align: center;
}

.global-header .eyebrow,
.global-supporting {
  display: none;
}

.global-heading {
  max-width: 780px;
  margin: 0 auto;
  color: #ffffff;
  font-size: clamp(2.05rem, 3.15vw, 2.65rem);
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: 0;
}

.global-reach-grid {
  display: contents;
}

.world-map-card {
  position: absolute;
  opacity: 0.5;
  inset: 0;
  z-index: 1;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  pointer-events: none;
}

.world-map {
  width: 100%;
  height: 100%;
  min-height: 0;
}

.world-map img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
  opacity: 0.58;
  filter: grayscale(1) contrast(1.2) brightness(0.74);
  mix-blend-mode: multiply;
}

.statistics-list {
  position: relative;
  z-index: 2;
  display: grid;
  grid-column: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-self: center;
  width: 100%;
  
  gap: clamp(22px, 5vw, 72px);
  margin: 0 0 36px;
}

.statistic-panel {
  display: block;
  min-height: 0;
  padding:40px;
  border: 0;
  border: 1px solid #fff;
  background: transparent;
  text-align: center;
}

.statistic-number {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: clamp(3rem, 5.8vw, 4.5rem);
  line-height: 0.9;
  font-weight: 700;
  letter-spacing: 0;
}

.statistic-label {
  max-width: 280px;
  margin: 0 auto;
  color: #ffffff;
  font-size: clamp(1.04rem, 1.65vw, 1.25rem);
  line-height: 1.28;
  font-weight: 500;
}

.statistic-description {
  display: none;
}

.global-cta {
  position: relative;
  z-index: 2;
  justify-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 184px;
  min-height: 56px;
  padding: 0 34px;
  border-radius: 10px;
  background: #050505;
  color: #ffffff;
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22);
  transition: transform 180ms ease, background-color 180ms ease;
}

.global-cta:hover,
.global-cta:focus-visible {
  background: #151515;
  color: #ffffff;
  transform: translateY(-2px);
}

@media (max-width: 900px) {
  .global-reach {
    padding: 14px 12px 24px;
  }

  .global-reach-card {
    min-height: 520px;
    padding: 46px 28px 48px;
    border-radius: 28px;
  }

  .global-heading {
    font-size: clamp(1.8rem, 6.2vw, 2.35rem);
  }

  .statistics-list {
    grid-column: auto;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 34px 0 32px;
  }

  .statistic-number {
    margin-bottom: 8px;
    font-size: clamp(2.6rem, 12vw, 3.75rem);
  }
}

@media (max-width: 520px) {
  .global-reach-card {
    min-height: 560px;
    padding: 38px 20px 42px;
    border-radius: 24px;
  }

  .world-map img {
    width: 140%;
    max-width: none;
    transform: translateX(-14%);
  }

  .global-cta {
    width: 100%;
    max-width: 210px;
  }
}

.scale-stats {
  padding: 84px 0;
  background: #3b9eea;
  color: #fff;
}

.scale-stats-container {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1fr);
  gap: clamp(48px, 8vw, 20px);
  align-items: stretch;
  width: min(100%, 1160px);
  margin: 0 auto;
}

.scale-stats-copy {
  display: grid;
  align-content: space-between;
  min-height: 424px;
}

.scale-stats-heading {
  max-width: 560px;
  margin: 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(3rem, 4.8vw, 5rem);
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0;
}

.scale-stats-text {
  max-width: 500px;

  color: #fff;
  font-size: clamp(1.08rem, 1.5vw, 1.24rem);
  line-height: 1.55;
  font-weight: 300;
}

.scale-stats-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  gap: 14px;
  min-width: 178px;
  min-height: 52px;
  padding: 0 30px;
  border-radius: 999px;
  background: #ffffff;
  color: #050505;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: transform 180ms ease, background-color 180ms ease;
}

.scale-stats-link:hover,
.scale-stats-link:focus-visible {
  background: #e9f6ff;
  color: #050505;
  transform: translateY(-2px);
}

.scale-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.scale-stat-card {
  position: relative;
  display: grid;
  align-content: space-between;
  min-height: 200px;
  padding: 28px 26px 26px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.5);

  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.11) 1px, transparent 1.5px) 0 0 / 14px 14px,
    #3491d8;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.scale-stat-label {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #fff;
  font-size: clamp(1rem, 1.35vw, 1.12rem);
  line-height: 1.3;
  font-weight: 500;
}

.scale-stat-number {
  position: relative;
  z-index: 1;
  margin: 44px 0 0;
  color: #ffffff;
  font-family: var(--font-display);
  font-size: clamp(3.3rem, 5.3vw, 4rem);
  line-height: 1;
  font-weight: 300;
  letter-spacing:-3px;
}

.scale-stat-card.is-highlight .scale-stat-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #add400;
}

.scale-stat-card.is-highlight .scale-stat-label::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #add400;
  box-shadow: 0 0 12px rgba(0, 212, 106, 0.75);
}

.scale-stat-card.is-highlight .scale-stat-number {
  color: #add400;
}

@media (max-width: 980px) {
  .scale-stats-container {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .scale-stats-copy {
    min-height: 0;
  }

  .scale-stats-text {
    margin: 24px 0 28px;
  }
}

@media (max-width: 620px) {
  .scale-stats {
    padding: 42px 14px 56px;
  }
  .scale-stats-text {
    margin-left: 20px;
  }
  .scale-stats-heading {
    font-size: clamp(2.75rem, 13vw, 4.1rem);
  }

  .scale-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .scale-stat-card {
    grid-column: auto;
    min-height: 142px;
    padding: 18px 14px;
    border-radius: 16px;
  }

  .scale-stat-label {
    font-size: 0.9rem;
    line-height: 1.28;
  }

  .scale-stat-number {
    margin-top: 26px;
    font-size: clamp(2.15rem, 10vw, 2.85rem);
    letter-spacing: -1.5px;
  }
}

@media (max-width: 640px) {
  .scroll-cue,
  .hero-section.is-light .scroll-cue {
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-top: 24px;
    padding: 15px 17px;
    border: 1px solid #d9e3ef;
    border-radius: 7px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  }

  .scroll-cue-text {
    gap: 4px;
    min-width: 0;
  }

  .scroll-cue-label,
  .hero-section.is-light .scroll-cue-label {
    color: #3b9eea;
    font-size: 0.78rem;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: 0.04em;
  }

  .scroll-cue-title {
    color: #111827;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 800;
  }

  .scroll-cue-action,
  .hero-section.is-light .scroll-cue-action {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    color: #ffffff;
    background: #3b9eea;
  }
}