:root {
      color-scheme: dark;
      --night: #020711;
      --night-soft: #071525;
      --cyan: #6cddff;
      --blue: #1674bb;
      --ice: #eafaff;
      --paper: #eef5f8;
      --paper-bright: #f9fcfd;
      --ink: #102d3d;
      --muted: #587282;
      --line-dark: rgba(102, 210, 255, .18);
      --line-light: rgba(28, 111, 151, .16);
      --shell: min(100% - 64px, 1480px);
    }

    * { box-sizing: border-box; }

    html {
      min-width: 320px;
      scroll-behavior: smooth;
      background: var(--night);
    }

    body {
      min-width: 320px;
      margin: 0;
      overflow-x: hidden;
      color: #eaf4ff;
      background: var(--night);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    button, input, a { font: inherit; }
    img, svg { max-width: 100%; }
    a { color: inherit; }
    main { overflow: clip; }

    .skip-link {
      position: fixed;
      top: 10px;
      left: 10px;
      z-index: 1000;
      padding: 10px 14px;
      color: #06111d;
      border-radius: 8px;
      background: #dff9ff;
      transform: translateY(-150%);
      transition: transform .2s ease;
    }

    .skip-link:focus { transform: translateY(0); }

    .site-header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      height: 90px;
      padding: 28px clamp(28px, 3vw, 48px) 0;
      display: flex;
      align-items: flex-start;
      isolation: isolate;
      opacity: 0;
      transform: translateY(-10px);
      animation: headerIn .9s ease .15s forwards;
    }

    .site-header::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      opacity: 0;
      background: linear-gradient(180deg, rgba(248, 252, 255, .97) 0%, rgba(243, 249, 253, .88) 72%, rgba(243, 249, 253, 0) 100%);
      box-shadow: 0 12px 36px rgba(43, 83, 117, .08);
      -webkit-backdrop-filter: blur(18px) saturate(130%);
      backdrop-filter: blur(18px) saturate(130%);
      transition: opacity .55s ease;
    }

    .site-header.is-light::before { opacity: 1; }

    .mini-logo {
      margin: 9px 58px 0 0;
      flex: 0 0 auto;
      color: #bfeeff;
      background: linear-gradient(105deg, #68cfff 0%, #bfefff 17%, #fff 29%, #68cfff 46%, #e9fbff 64%, #70d6ff 82%, #d6f7ff 100%);
      background-size: 240% 100%;
      background-position: 0% 50%;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 15px;
      font-weight: 500;
      line-height: 18px;
      letter-spacing: .08em;
      text-decoration: none;
      white-space: nowrap;
      opacity: .9;
      filter: drop-shadow(0 0 8px rgba(73, 190, 255, .34));
      transition: opacity .25s ease, filter .35s ease;
      animation: miniLogoShimmer 9s ease-in-out infinite alternate;
    }

    .mini-logo:hover,
    .mini-logo:focus-visible {
      opacity: 1;
      filter: drop-shadow(0 0 11px rgba(82, 203, 255, .62));
    }

    .site-header.is-light .mini-logo {
      filter: brightness(.56) saturate(1.5) drop-shadow(0 2px 7px rgba(18, 99, 160, .16));
    }

    .main-nav {
      min-height: 38px;
      display: flex;
      align-items: center;
      gap: clamp(28px, 3.25vw, 54px);
    }

    .main-nav a,
    .header-actions a {
      color: rgba(220, 233, 247, .72);
      text-decoration: none;
      font-size: 12px;
      transition: color .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
    }

    .main-nav a:hover,
    .main-nav a:focus-visible { color: #eef8ff; }
    .site-header.is-light .main-nav a { color: rgba(24, 47, 70, .7); }
    .site-header.is-light .main-nav a:hover,
    .site-header.is-light .main-nav a:focus-visible { color: #0869b5; }

    .header-actions {
      margin-left: auto;
      display: flex;
      align-items: center;
      gap: 27px;
    }

    .header-actions a {
      min-width: 142px;
      height: 36px;
      padding-inline: 16px;
      border: 1px solid rgba(44, 147, 255, .38);
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #e9f8ff;
      background: linear-gradient(180deg, rgba(26, 113, 201, .82), rgba(9, 62, 119, .92));
      box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 0 22px rgba(17, 119, 233, .14);
      white-space: nowrap;
    }

    .header-actions a:hover,
    .header-actions a:focus-visible {
      color: #fff;
      border-color: rgba(76, 177, 255, .66);
      box-shadow: 0 0 24px rgba(20, 127, 255, .2);
    }

    .site-header.is-light .header-actions a {
      color: #f8fcff;
      border-color: rgba(18, 110, 181, .28);
      background: linear-gradient(180deg, #1782d1, #0d65aa);
      box-shadow: 0 8px 24px rgba(18, 105, 171, .2), inset 0 1px rgba(255, 255, 255, .2);
    }

    .menu-toggle {
      position: relative;
      width: 40px;
      height: 40px;
      margin: -2px 0 0 10px;
      padding: 0;
      flex: 0 0 40px;
      display: none;
      border: 1px solid rgba(91, 193, 238, .34);
      border-radius: 11px;
      color: #8edfff;
      background: rgba(4, 15, 29, .68);
      box-shadow: inset 0 0 18px rgba(39, 151, 217, .08), 0 8px 24px rgba(0, 0, 0, .14);
      -webkit-backdrop-filter: blur(12px) saturate(130%);
      backdrop-filter: blur(12px) saturate(130%);
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      transition: color .35s ease, border-color .35s ease, background .55s ease, box-shadow .35s ease;
    }

    .menu-toggle span {
      position: absolute;
      left: 10px;
      width: 18px;
      height: 1px;
      border-radius: 2px;
      background: currentColor;
      box-shadow: 0 0 7px currentColor;
      transform-origin: center;
      transition: top .32s ease, opacity .24s ease, transform .32s cubic-bezier(.2, .72, .2, 1);
    }

    .menu-toggle span:nth-child(1) { top: 12px; }
    .menu-toggle span:nth-child(2) { top: 19px; }
    .menu-toggle span:nth-child(3) { top: 26px; }
    .site-header.is-menu-open .menu-toggle span:nth-child(1) { top: 19px; transform: rotate(45deg); }
    .site-header.is-menu-open .menu-toggle span:nth-child(2) { opacity: 0; transform: scaleX(.2); }
    .site-header.is-menu-open .menu-toggle span:nth-child(3) { top: 19px; transform: rotate(-45deg); }

    .menu-toggle:hover,
    .menu-toggle:focus-visible,
    .site-header.is-menu-open .menu-toggle {
      color: #e4faff;
      border-color: rgba(112, 221, 255, .7);
      box-shadow: inset 0 0 20px rgba(52, 171, 232, .14), 0 0 20px rgba(36, 168, 235, .18);
    }

    .site-header.is-light .menu-toggle {
      color: #166d95;
      border-color: rgba(32, 115, 153, .28);
      background: rgba(248, 252, 253, .84);
    }

    .menu-toggle:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }

    [data-reveal] {
      opacity: 0;
      transform: translateY(26px);
      transition: opacity .8s ease, transform .85s cubic-bezier(.2, .7, .2, 1);
    }

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

    .partner-hero {
      position: relative;
      min-height: 900px;
      overflow: hidden;
      isolation: isolate;
      background:
        radial-gradient(circle at 77% 38%, rgba(12, 121, 219, .22), transparent 29%),
        radial-gradient(circle at 13% 83%, rgba(45, 175, 219, .1), transparent 24%),
        linear-gradient(142deg, #020711 0%, #071728 56%, #020912 100%);
    }

    .partner-hero::before {
      content: "PARTNERS";
      position: absolute;
      left: -1.5vw;
      bottom: -2.8vw;
      z-index: -2;
      color: transparent;
      -webkit-text-stroke: 1px rgba(116, 215, 250, .045);
      font-size: clamp(110px, 17vw, 290px);
      font-weight: 650;
      line-height: .78;
      letter-spacing: -.085em;
      white-space: nowrap;
    }

    .hero-grid {
      position: absolute;
      inset: 0;
      z-index: -3;
      opacity: .23;
      background-image:
        linear-gradient(rgba(98, 202, 247, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(98, 202, 247, .055) 1px, transparent 1px);
      background-size: 52px 52px;
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 88%, transparent);
      mask-image: linear-gradient(90deg, transparent, #000 18%, #000 88%, transparent);
    }

    .hero-circuit {
      position: absolute;
      inset: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      pointer-events: none;
      opacity: .7;
    }

    .hero-circuit path {
      fill: none;
      stroke: rgba(98, 210, 255, .11);
      stroke-width: 1;
      vector-effect: non-scaling-stroke;
    }

    .hero-circuit .current {
      stroke: rgba(137, 232, 255, .64);
      stroke-width: 1.2;
      stroke-dasharray: 4 96;
      filter: drop-shadow(0 0 6px rgba(96, 218, 255, .82));
      animation: currentRun 8s linear infinite;
    }

    .hero-shell {
      width: var(--shell);
      min-height: 900px;
      margin: 0 auto;
      padding: 142px 0 96px;
      display: grid;
      grid-template-columns: minmax(0, .83fr) minmax(520px, 1.17fr);
      align-items: center;
      gap: clamp(62px, 8vw, 130px);
    }

    .hero-copy { position: relative; z-index: 2; }

    .breadcrumbs {
      margin: 0 0 clamp(60px, 8vh, 92px);
      display: flex;
      align-items: center;
      gap: 10px;
      color: rgba(184, 213, 232, .45);
      font-size: 9px;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .breadcrumbs a { text-decoration: none; transition: color .25s ease; }
    .breadcrumbs a:hover { color: #c9f3ff; }
    .breadcrumbs span::before { content: "/"; margin-right: 10px; color: rgba(111, 199, 237, .32); }

    .eyebrow {
      margin: 0 0 20px;
      display: flex;
      align-items: center;
      gap: 13px;
      color: #79dfff;
      font-size: 9px;
      font-weight: 600;
      letter-spacing: .22em;
      text-transform: uppercase;
    }

    .eyebrow::before {
      content: "";
      width: 29px;
      height: 1px;
      background: linear-gradient(90deg, #66dcff, transparent);
      box-shadow: 0 0 8px rgba(89, 211, 255, .55);
    }

    .hero-title {
      max-width: 730px;
      margin: 0;
      color: #f0faff;
      font-size: clamp(60px, 7.4vw, 116px);
      font-weight: 390;
      line-height: .9;
      letter-spacing: -.07em;
    }

    .hero-title em {
      display: block;
      color: #a7eaff;
      font-style: normal;
      font-weight: 310;
    }

    .hero-lead {
      max-width: 600px;
      margin: 34px 0 0;
      color: rgba(215, 234, 247, .68);
      font-size: clamp(14px, 1.18vw, 18px);
      line-height: 1.72;
    }

    .hero-actions {
      margin-top: 37px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 13px;
    }

    .button-primary,
    .button-ghost {
      min-height: 50px;
      padding: 0 23px;
      border-radius: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: .045em;
      transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease;
    }

    .button-primary {
      color: #f8fdff;
      border: 1px solid rgba(84, 190, 250, .48);
      background: linear-gradient(180deg, #1885d0, #0c5e9d);
      box-shadow: 0 17px 38px rgba(5, 78, 145, .25), inset 0 1px rgba(255, 255, 255, .18);
    }

    .button-primary::after {
      content: "";
      width: 7px;
      height: 7px;
      border-top: 1px solid currentColor;
      border-right: 1px solid currentColor;
      transform: rotate(45deg);
    }

    .button-ghost {
      color: rgba(218, 239, 249, .73);
      border: 1px solid rgba(116, 208, 244, .18);
      background: rgba(10, 31, 49, .36);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
    }

    .button-primary:hover,
    .button-primary:focus-visible,
    .button-ghost:hover,
    .button-ghost:focus-visible {
      transform: translateY(-3px);
      border-color: rgba(110, 220, 255, .68);
      box-shadow: 0 20px 44px rgba(4, 82, 149, .3);
    }

    .hero-caption {
      margin-top: 29px;
      display: flex;
      align-items: center;
      gap: 11px;
      color: rgba(183, 211, 226, .43);
      font-size: 9px;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .hero-caption::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #6fe1ff;
      box-shadow: 0 0 0 5px rgba(98, 220, 255, .06), 0 0 12px rgba(98, 220, 255, .62);
      animation: nodePulse 2.7s ease-in-out infinite;
    }

    .network-panel {
      position: relative;
      min-height: 610px;
      overflow: hidden;
      border: 1px solid rgba(100, 205, 247, .15);
      border-radius: 28px;
      background:
        radial-gradient(circle at 50% 48%, rgba(16, 125, 210, .18), transparent 36%),
        linear-gradient(145deg, rgba(7, 27, 45, .82), rgba(2, 12, 23, .72));
      box-shadow: inset 0 1px rgba(255, 255, 255, .03), 0 40px 100px rgba(0, 0, 0, .23);
      -webkit-backdrop-filter: blur(18px) saturate(115%);
      backdrop-filter: blur(18px) saturate(115%);
    }

    .network-panel::before,
    .network-panel::after {
      content: "";
      position: absolute;
      pointer-events: none;
    }

    .network-panel::before {
      inset: 15px;
      border: 1px solid rgba(100, 205, 247, .065);
      border-radius: 19px;
      background:
        linear-gradient(rgba(84, 191, 236, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(84, 191, 236, .035) 1px, transparent 1px);
      background-size: 38px 38px;
      -webkit-mask-image: radial-gradient(circle at 50% 47%, #000, transparent 84%);
      mask-image: radial-gradient(circle at 50% 47%, #000, transparent 84%);
    }

    .network-panel::after {
      left: 50%;
      top: 47%;
      width: 300px;
      height: 300px;
      border: 1px solid rgba(102, 213, 255, .055);
      border-radius: 50%;
      box-shadow: 0 0 0 48px rgba(67, 180, 226, .012), 0 0 0 96px rgba(67, 180, 226, .009);
      transform: translate(-50%, -50%);
    }

    .network-topbar {
      position: absolute;
      top: 31px;
      left: 34px;
      right: 34px;
      z-index: 4;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      color: rgba(182, 219, 236, .55);
      font-size: 8px;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .network-status { display: flex; align-items: center; gap: 9px; }
    .network-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #71e1ff; box-shadow: 0 0 10px #57cfff; }
    .network-code { color: rgba(137, 187, 210, .34); }

    .system-diagram {
      position: absolute;
      inset: 86px 38px 105px;
      z-index: 3;
    }

    .system-routes {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      overflow: visible;
      pointer-events: none;
    }

    .system-routes .route {
      fill: none;
      stroke: rgba(103, 206, 246, .22);
      stroke-width: 1;
      vector-effect: non-scaling-stroke;
    }

    .system-routes .route-soft { stroke: rgba(103, 206, 246, .08); }

    .system-routes .signal {
      fill: none;
      stroke: #b8f2ff;
      stroke-width: 1.2;
      stroke-dasharray: 3 97;
      vector-effect: non-scaling-stroke;
      filter: drop-shadow(0 0 6px rgba(102, 222, 255, .82));
      animation: mapSignal 6.8s linear infinite;
    }

    .system-routes .signal.delay { animation-delay: -3.4s; }
    .system-routes .route-node { fill: #071c2c; stroke: rgba(125, 223, 255, .58); stroke-width: 1; vector-effect: non-scaling-stroke; }
    .system-routes .route-dot { fill: #c9f6ff; filter: drop-shadow(0 0 5px #69d8ff); }

    .system-module {
      position: absolute;
      top: 0;
      z-index: 4;
      width: 41%;
      min-height: 132px;
      padding: 24px;
      border: 1px solid rgba(105, 208, 247, .16);
      border-radius: 17px;
      display: flex;
      align-items: center;
      gap: 18px;
      color: rgba(218, 240, 249, .8);
      background: linear-gradient(145deg, rgba(8, 32, 51, .92), rgba(4, 20, 34, .88));
      box-shadow: 0 18px 40px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .035);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
    }

    .system-module::before {
      content: "";
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: -1px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(111, 220, 255, .56), transparent);
      box-shadow: 0 0 8px rgba(90, 209, 250, .28);
    }

    .system-module--partner { left: 0; }

    .system-module--technology {
      right: 0;
      border-color: rgba(110, 218, 255, .3);
      background: linear-gradient(145deg, rgba(18, 78, 119, .92), rgba(5, 28, 47, .94));
      box-shadow: 0 20px 46px rgba(3, 66, 114, .22), inset 0 1px rgba(255, 255, 255, .045);
    }

    .system-symbol {
      width: 50px;
      height: 50px;
      flex: 0 0 50px;
      display: grid;
      place-items: center;
      color: #78dcfa;
      border: 1px solid rgba(111, 211, 249, .19);
      border-radius: 13px;
      background: rgba(20, 82, 119, .16);
    }

    .system-symbol svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.25; }
    .system-module--technology .system-symbol { color: #b1efff; border-color: rgba(122, 224, 255, .28); box-shadow: inset 0 0 18px rgba(74, 194, 235, .08), 0 0 18px rgba(64, 184, 229, .07); }

    .system-copy { min-width: 0; }
    .system-index { margin-bottom: 8px; display: block; color: rgba(144, 199, 220, .38); font-size: 6px; letter-spacing: .16em; text-transform: uppercase; }
    .system-copy strong { display: block; color: #e9faff; font-size: clamp(15px, 1.25vw, 20px); font-weight: 490; line-height: 1.12; letter-spacing: -.03em; }
    .system-copy small { margin-top: 7px; display: block; overflow: hidden; color: rgba(160, 203, 220, .43); font-size: 6px; letter-spacing: .11em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }

    .system-junction {
      position: absolute;
      left: 50%;
      top: 52.5%;
      z-index: 5;
      width: 58px;
      height: 58px;
      border: 1px solid rgba(119, 222, 255, .42);
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #c8f5ff;
      background: linear-gradient(145deg, #12476b, #071c30);
      box-shadow: 0 0 0 8px rgba(77, 190, 234, .035), 0 0 28px rgba(62, 184, 233, .2), inset 0 0 18px rgba(94, 210, 250, .09);
      font-size: 20px;
      font-weight: 300;
      transform: translate(-50%, -50%);
    }

    .system-junction::before {
      content: "";
      position: absolute;
      inset: 8px;
      border: 1px solid rgba(126, 226, 255, .13);
      border-radius: 50%;
    }

    .system-result {
      position: absolute;
      left: 50%;
      bottom: 0;
      z-index: 4;
      width: min(74%, 420px);
      min-height: 106px;
      padding: 20px 25px;
      border: 1px solid rgba(111, 216, 255, .3);
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      background: linear-gradient(145deg, rgba(18, 78, 118, .94), rgba(5, 29, 48, .96));
      box-shadow: 0 20px 47px rgba(3, 66, 111, .22), inset 0 1px rgba(255, 255, 255, .05);
      transform: translateX(-50%);
    }

    .system-result-copy { min-width: 0; }
    .system-result-copy span { display: block; color: rgba(145, 205, 226, .46); font-size: 6px; letter-spacing: .15em; text-transform: uppercase; }
    .system-result-copy strong { margin-top: 8px; display: block; color: #ecfbff; font-size: clamp(17px, 1.45vw, 23px); font-weight: 480; line-height: 1.12; letter-spacing: -.035em; }

    .system-result-mark {
      width: 43px;
      height: 43px;
      flex: 0 0 43px;
      border: 1px solid rgba(125, 226, 255, .33);
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #bff3ff;
      background: rgba(78, 190, 232, .08);
      box-shadow: 0 0 17px rgba(71, 191, 237, .1);
    }

    .system-result-mark svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.4; }

    .network-footer {
      position: absolute;
      left: 34px;
      right: 34px;
      bottom: 30px;
      z-index: 4;
      padding-top: 19px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      border-top: 1px solid rgba(95, 197, 237, .12);
    }

    .network-metric { min-width: 0; }
    .network-metric strong { display: block; color: rgba(224, 247, 255, .82); font-size: 10px; font-weight: 500; }
    .network-metric span { margin-top: 5px; display: block; overflow: hidden; color: rgba(156, 197, 214, .38); font-size: 6px; letter-spacing: .12em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }

    .light-bridge {
      position: relative;
      height: 150px;
      margin-top: -1px;
      overflow: hidden;
      background: linear-gradient(180deg, #020912 0%, #112739 32%, #91b5c5 72%, var(--paper) 100%);
    }

    .light-bridge::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      width: 1px;
      height: 92%;
      background: linear-gradient(180deg, #8fe8ff, rgba(92, 186, 221, .18), transparent);
      box-shadow: 0 0 13px rgba(85, 211, 255, .55);
    }

    .light-bridge::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 22px;
      width: 11px;
      height: 11px;
      border: 1px solid rgba(45, 128, 160, .75);
      border-radius: 50%;
      background: #eaf7fa;
      box-shadow: 0 0 0 7px rgba(35, 126, 160, .06), 0 0 17px rgba(46, 145, 180, .32);
      transform: translateX(-50%);
    }

    .benefits {
      position: relative;
      color: var(--ink);
      background: var(--paper);
      isolation: isolate;
    }

    .benefits::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: .37;
      background-image: radial-gradient(rgba(26, 111, 151, .18) .7px, transparent .7px);
      background-size: 26px 26px;
      -webkit-mask-image: linear-gradient(90deg, #000, transparent 30%, transparent 70%, #000);
      mask-image: linear-gradient(90deg, #000, transparent 30%, transparent 70%, #000);
    }

    .section-shell {
      width: var(--shell);
      margin: 0 auto;
      padding: clamp(102px, 12vw, 180px) 0;
    }

    .section-heading {
      display: grid;
      grid-template-columns: minmax(0, .98fr) minmax(320px, .52fr);
      align-items: end;
      gap: clamp(60px, 9vw, 142px);
    }

    .section-kicker {
      margin: 0 0 18px;
      display: flex;
      align-items: center;
      gap: 12px;
      color: #287796;
      font-size: 8px;
      font-weight: 600;
      letter-spacing: .22em;
      text-transform: uppercase;
    }

    .section-kicker::before { content: ""; width: 28px; height: 1px; background: linear-gradient(90deg, #287f9f, transparent); }

    .section-title {
      max-width: 850px;
      margin: 0;
      color: #153a4d;
      font-size: clamp(48px, 6.7vw, 100px);
      font-weight: 390;
      line-height: .94;
      letter-spacing: -.065em;
    }

    .section-intro {
      margin: 0;
      color: rgba(44, 76, 92, .68);
      font-size: clamp(14px, 1.14vw, 17px);
      line-height: 1.75;
    }

    .benefit-grid {
      margin-top: clamp(62px, 8vw, 106px);
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      border-top: 1px solid rgba(23, 105, 140, .18);
      border-left: 1px solid rgba(23, 105, 140, .18);
    }

    .benefit-card {
      position: relative;
      min-height: 390px;
      padding: clamp(28px, 3vw, 44px);
      overflow: hidden;
      border-right: 1px solid rgba(23, 105, 140, .18);
      border-bottom: 1px solid rgba(23, 105, 140, .18);
      background: rgba(249, 252, 253, .5);
      transition: color .45s ease, background .45s ease, transform .45s ease, box-shadow .45s ease;
    }

    .benefit-card::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0;
      background: radial-gradient(circle at 50% 115%, rgba(75, 190, 230, .25), transparent 55%), linear-gradient(145deg, #0a3852, #071b2b);
      transition: opacity .45s ease;
    }

    .benefit-card::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, #74dfff, transparent);
      box-shadow: 0 0 10px rgba(80, 205, 250, .55);
      transition: width .55s ease;
    }

    .benefit-card:hover {
      z-index: 2;
      color: #eefbff;
      transform: translateY(-8px);
      box-shadow: 0 26px 60px rgba(24, 75, 102, .17);
    }

    .benefit-card:hover::before { opacity: 1; }
    .benefit-card:hover::after { width: 100%; }

    .benefit-top {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
    }

    .benefit-icon {
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(28, 119, 155, .19);
      border-radius: 14px;
      color: #1e789d;
      background: rgba(255, 255, 255, .56);
      transition: color .45s ease, border-color .45s ease, background .45s ease, box-shadow .45s ease;
    }

    .benefit-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.35; }
    .benefit-index { color: rgba(26, 98, 127, .38); font-size: 9px; letter-spacing: .15em; }
    .benefit-card:hover .benefit-icon { color: #a7edff; border-color: rgba(114, 220, 255, .32); background: rgba(44, 150, 196, .1); box-shadow: 0 0 22px rgba(69, 189, 236, .11); }
    .benefit-card:hover .benefit-index { color: rgba(172, 225, 244, .47); }

    .benefit-card h3 {
      position: relative;
      z-index: 2;
      min-height: 2.4em;
      margin: 88px 0 18px;
      color: #163b4e;
      font-size: clamp(22px, 1.75vw, 29px);
      font-weight: 470;
      line-height: 1.17;
      letter-spacing: -.04em;
      transition: color .45s ease;
    }

    .benefit-card p {
      position: relative;
      z-index: 2;
      margin: 0;
      color: rgba(44, 76, 91, .66);
      font-size: 12px;
      line-height: 1.68;
      transition: color .45s ease;
    }

    .benefit-card:hover h3 { color: #eefaff; }
    .benefit-card:hover p { color: rgba(215, 237, 246, .68); }

    .fit-section {
      position: relative;
      color: var(--ink);
      background: linear-gradient(180deg, var(--paper) 0%, #f8fbfc 18%, #f8fbfc 100%);
    }

    .fit-shell {
      width: var(--shell);
      margin: 0 auto;
      padding: clamp(40px, 5vw, 74px) 0 clamp(120px, 13vw, 190px);
      display: grid;
      grid-template-columns: minmax(390px, .74fr) minmax(0, 1.26fr);
      gap: clamp(64px, 9vw, 145px);
      align-items: center;
    }

    .fit-copy .section-title { font-size: clamp(50px, 6.3vw, 92px); }
    .fit-copy .section-intro { max-width: 580px; margin-top: 32px; }

    .fit-note {
      margin-top: 43px;
      padding: 20px 0 20px 23px;
      border-left: 1px solid rgba(29, 119, 154, .35);
      color: rgba(37, 78, 96, .78);
      font-size: 13px;
      line-height: 1.65;
    }

    .fit-visual {
      position: relative;
      min-height: 620px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: 18px;
    }

    .fit-card {
      position: relative;
      min-height: 540px;
      padding: clamp(30px, 3vw, 46px);
      overflow: hidden;
      border: 1px solid rgba(28, 109, 143, .16);
      border-radius: 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background:
        linear-gradient(rgba(34, 119, 154, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 119, 154, .045) 1px, transparent 1px),
        rgba(237, 246, 249, .82);
      background-size: 31px 31px, 31px 31px, auto;
      box-shadow: 0 24px 65px rgba(35, 86, 111, .08);
      transition: transform .45s ease, box-shadow .45s ease;
    }

    .fit-card:nth-child(2) { margin-top: 78px; margin-bottom: -78px; }
    .fit-card:hover { transform: translateY(-7px); box-shadow: 0 31px 72px rgba(35, 86, 111, .14); }

    .fit-card::after {
      content: "";
      position: absolute;
      width: 230px;
      height: 230px;
      right: -106px;
      top: -104px;
      border: 1px solid rgba(29, 115, 150, .12);
      border-radius: 50%;
      box-shadow: 0 0 0 35px rgba(29, 115, 150, .026), 0 0 0 70px rgba(29, 115, 150, .018);
    }

    .fit-symbol {
      position: relative;
      width: 84px;
      height: 84px;
      display: grid;
      place-items: center;
      color: #247e9f;
      border: 1px solid rgba(31, 122, 157, .2);
      border-radius: 22px;
      background: rgba(255, 255, 255, .56);
      box-shadow: inset 0 0 26px rgba(43, 143, 180, .04);
    }

    .fit-symbol svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 1.2; }
    .fit-card-index { position: absolute; top: 39px; right: 39px; color: rgba(28, 103, 132, .34); font-size: 8px; letter-spacing: .18em; }
    .fit-card h3 { margin: 0 0 18px; color: #15394b; font-size: clamp(29px, 2.5vw, 40px); font-weight: 410; line-height: 1; letter-spacing: -.055em; }
    .fit-card p { margin: 0; color: rgba(43, 76, 91, .64); font-size: 12px; line-height: 1.72; }

    .white-label {
      position: relative;
      color: #eaf8ff;
      background: #f8fbfc;
    }

    .white-label-shell {
      width: var(--shell);
      margin: 0 auto;
      padding: 0 0 clamp(112px, 12vw, 180px);
    }

    .white-label-card {
      position: relative;
      min-height: 660px;
      padding: clamp(54px, 6vw, 92px);
      overflow: hidden;
      border: 1px solid rgba(104, 211, 250, .2);
      border-radius: 30px;
      display: grid;
      grid-template-columns: minmax(0, 1.03fr) minmax(420px, .77fr);
      align-items: center;
      gap: clamp(62px, 8vw, 132px);
      background:
        radial-gradient(circle at 79% 38%, rgba(16, 130, 217, .22), transparent 31%),
        linear-gradient(145deg, #061522 0%, #09253a 54%, #030b13 100%);
      box-shadow: 0 38px 100px rgba(28, 74, 96, .19), inset 0 1px rgba(255, 255, 255, .04);
      isolation: isolate;
    }

    .white-label-card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      opacity: .38;
      background-image:
        linear-gradient(rgba(95, 202, 244, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(95, 202, 244, .05) 1px, transparent 1px);
      background-size: 38px 38px;
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 35%, #000);
      mask-image: linear-gradient(90deg, transparent, #000 35%, #000);
    }

    .white-label-card::after {
      content: "WHITE LABEL";
      position: absolute;
      left: 44px;
      bottom: -22px;
      z-index: -1;
      color: transparent;
      -webkit-text-stroke: 1px rgba(121, 220, 255, .045);
      font-size: clamp(82px, 10vw, 164px);
      font-weight: 650;
      line-height: .8;
      letter-spacing: -.075em;
      white-space: nowrap;
    }

    .white-label-copy { position: relative; z-index: 2; }

    .white-label-kicker {
      margin: 0 0 22px;
      display: flex;
      align-items: center;
      gap: 13px;
      color: #78dfff;
      font-size: 8px;
      font-weight: 600;
      letter-spacing: .22em;
      text-transform: uppercase;
    }

    .white-label-kicker::before {
      content: "";
      width: 29px;
      height: 1px;
      background: linear-gradient(90deg, #72ddff, transparent);
      box-shadow: 0 0 8px rgba(90, 211, 255, .4);
    }

    .white-label-title {
      max-width: 760px;
      margin: 0;
      color: #f0fbff;
      font-size: clamp(48px, 5.4vw, 84px);
      font-weight: 390;
      line-height: .94;
      letter-spacing: -.065em;
    }

    .white-label-title span { color: #a9eaff; }

    .white-label-text {
      max-width: 680px;
      margin: 31px 0 0;
      color: rgba(207, 230, 241, .66);
      font-size: clamp(14px, 1.12vw, 17px);
      line-height: 1.75;
    }

    .white-label-points {
      margin: 35px 0 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 13px;
      list-style: none;
    }

    .white-label-points li {
      min-height: 78px;
      padding: 16px;
      border: 1px solid rgba(105, 204, 241, .13);
      border-radius: 13px;
      display: flex;
      align-items: center;
      gap: 10px;
      color: rgba(214, 237, 246, .7);
      background: rgba(8, 31, 48, .47);
      font-size: 9px;
      line-height: 1.5;
    }

    .white-label-points li::before {
      content: "";
      width: 6px;
      height: 6px;
      flex: 0 0 6px;
      border: 1px solid #7be3ff;
      border-radius: 50%;
      box-shadow: 0 0 9px rgba(94, 216, 255, .45);
    }

    .white-label-button {
      width: fit-content;
      min-height: 51px;
      margin-top: 32px;
      padding: 0 23px;
      border: 1px solid rgba(86, 193, 248, .43);
      border-radius: 12px;
      display: inline-flex;
      align-items: center;
      gap: 14px;
      color: #f6fdff;
      background: linear-gradient(180deg, #1884cf, #0c5d9b);
      box-shadow: 0 16px 35px rgba(4, 78, 143, .24), inset 0 1px rgba(255, 255, 255, .17);
      text-decoration: none;
      font-size: 11px;
      transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    }

    .white-label-button::after { content: "↗"; font-size: 15px; font-weight: 300; }
    .white-label-button:hover,
    .white-label-button:focus-visible { transform: translateY(-3px); border-color: rgba(113, 220, 255, .7); box-shadow: 0 21px 43px rgba(4, 78, 143, .32); }

    .white-label-visual {
      position: relative;
      min-height: 470px;
      padding: 30px;
      overflow: hidden;
      border: 1px solid rgba(108, 211, 250, .15);
      border-radius: 23px;
      background:
        linear-gradient(rgba(92, 197, 238, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(92, 197, 238, .045) 1px, transparent 1px),
        rgba(2, 13, 24, .56);
      background-size: 28px 28px, 28px 28px, auto;
      box-shadow: inset 0 0 48px rgba(56, 175, 224, .055);
    }

    .white-label-visual::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1px;
      height: 66%;
      background: linear-gradient(180deg, transparent, rgba(113, 218, 255, .58), transparent);
      box-shadow: 0 0 9px rgba(87, 207, 250, .35);
      transform: translate(-50%, -50%);
    }

    .white-label-visual::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 9px;
      height: 9px;
      border: 1px solid rgba(122, 226, 255, .72);
      border-radius: 50%;
      background: #0b2c44;
      box-shadow: 0 0 0 6px rgba(83, 196, 239, .05), 0 0 17px rgba(80, 202, 248, .55);
      transform: translate(-50%, -50%);
      animation: nodePulse 2.7s ease-in-out infinite;
    }

    .label-flow {
      position: relative;
      z-index: 2;
      height: 100%;
      display: grid;
      grid-template-rows: repeat(3, 1fr);
      align-items: center;
      gap: 29px;
    }

    .flow-card {
      position: relative;
      width: min(100%, 310px);
      min-height: 88px;
      padding: 18px 20px;
      border: 1px solid rgba(100, 199, 238, .16);
      border-radius: 14px;
      display: flex;
      align-items: center;
      gap: 16px;
      color: rgba(216, 240, 249, .78);
      background: rgba(5, 23, 39, .87);
      box-shadow: 0 15px 35px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .03);
    }

    .flow-card:nth-child(2) {
      margin-left: auto;
      border-color: rgba(104, 216, 255, .42);
      background: linear-gradient(145deg, rgba(19, 88, 134, .92), rgba(7, 36, 58, .96));
      box-shadow: 0 17px 40px rgba(4, 76, 131, .24), inset 0 1px rgba(255, 255, 255, .06);
    }

    .flow-card:nth-child(3) { opacity: .48; border-style: dashed; }

    .flow-index {
      width: 35px;
      height: 35px;
      flex: 0 0 35px;
      display: grid;
      place-items: center;
      color: #8be6ff;
      border: 1px solid rgba(111, 216, 255, .27);
      border-radius: 10px;
      font-size: 7px;
      letter-spacing: .09em;
    }

    .flow-copy strong { display: block; color: #e9faff; font-size: 13px; font-weight: 500; }
    .flow-copy span { margin-top: 5px; display: block; color: rgba(165, 207, 225, .43); font-size: 6px; letter-spacing: .14em; text-transform: uppercase; }

    .flow-result {
      position: absolute;
      right: 24px;
      bottom: 20px;
      z-index: 4;
      padding: 9px 12px;
      color: rgba(193, 234, 247, .74);
      border: 1px solid rgba(104, 211, 249, .17);
      border-radius: 999px;
      background: rgba(5, 27, 45, .84);
      font-size: 6px;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .flow-result::before {
      content: "";
      width: 5px;
      height: 5px;
      margin-right: 7px;
      display: inline-block;
      border-radius: 50%;
      background: #7be4ff;
      box-shadow: 0 0 8px rgba(91, 213, 255, .6);
    }

    .process {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      background:
        radial-gradient(circle at 76% 34%, rgba(9, 109, 192, .2), transparent 32%),
        linear-gradient(145deg, #06111d, #071d30 62%, #030a12);
    }

    .process::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: .36;
      background-image:
        linear-gradient(rgba(91, 201, 243, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(91, 201, 243, .045) 1px, transparent 1px);
      background-size: 42px 42px;
      -webkit-mask-image: radial-gradient(circle at center, #000, transparent 76%);
      mask-image: radial-gradient(circle at center, #000, transparent 76%);
    }

    .process-shell {
      width: var(--shell);
      min-height: 760px;
      margin: 0 auto;
      padding: clamp(108px, 12vw, 170px) 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .process .section-kicker { color: #7ce3ff; }
    .process .section-kicker::before { background: linear-gradient(90deg, #7ce3ff, transparent); }
    .process .section-title { max-width: 980px; color: #eefaff; }

    .process-grid {
      position: relative;
      margin-top: clamp(67px, 8vw, 104px);
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .process-grid::before {
      content: "";
      position: absolute;
      top: 25px;
      left: 8%;
      right: 8%;
      height: 1px;
      background: linear-gradient(90deg, rgba(101, 214, 255, .07), rgba(101, 214, 255, .45), rgba(101, 214, 255, .07));
      box-shadow: 0 0 9px rgba(76, 193, 237, .22);
    }

    .process-step {
      position: relative;
      padding: 0 clamp(28px, 3vw, 48px) 0 0;
    }

    .process-step + .process-step { padding-left: clamp(28px, 3vw, 48px); border-left: 1px solid rgba(104, 205, 243, .1); }

    .step-node {
      position: relative;
      z-index: 2;
      width: 51px;
      height: 51px;
      display: grid;
      place-items: center;
      color: #a7edff;
      border: 1px solid rgba(109, 219, 255, .43);
      border-radius: 50%;
      background: #092238;
      box-shadow: 0 0 0 7px rgba(82, 193, 237, .035), 0 0 24px rgba(66, 184, 233, .18);
      font-size: 9px;
      letter-spacing: .1em;
    }

    .process-step h3 { margin: 43px 0 18px; color: #e9f9ff; font-size: clamp(24px, 2vw, 32px); font-weight: 430; letter-spacing: -.045em; }
    .process-step p { max-width: 340px; margin: 0; color: rgba(195, 222, 235, .58); font-size: 12px; line-height: 1.72; }
    .process-step a { color: #86e4ff; text-decoration-color: rgba(134, 228, 255, .34); text-underline-offset: 4px; }

    .contact-section {
      position: relative;
      color: var(--ink);
      background: linear-gradient(180deg, #dbe9ef 0%, #f8fbfc 10%, #f8fbfc 100%);
    }

    .contact-section::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      width: 1px;
      height: 76px;
      background: linear-gradient(180deg, rgba(115, 224, 255, .72), rgba(30, 121, 158, .16));
      box-shadow: 0 0 10px rgba(73, 183, 218, .25);
    }

    .contact-shell {
      width: var(--shell);
      margin: 0 auto;
      padding: clamp(124px, 14vw, 200px) 0;
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(330px, .55fr);
      gap: clamp(65px, 10vw, 160px);
      align-items: center;
    }

    .contact-title {
      max-width: 970px;
      margin: 0;
      color: #15394b;
      font-size: clamp(56px, 7.7vw, 118px);
      font-weight: 380;
      line-height: .9;
      letter-spacing: -.07em;
    }

    .contact-lead { max-width: 640px; margin: 34px 0 0; color: rgba(42, 76, 92, .67); font-size: 15px; line-height: 1.75; }

    .email-line {
      width: fit-content;
      max-width: 100%;
      margin-top: 49px;
      padding-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 20px;
      color: #176f98;
      border-bottom: 1px solid rgba(25, 110, 148, .27);
    }

    .email-link {
      overflow-wrap: anywhere;
      color: inherit;
      font-size: clamp(24px, 3.3vw, 52px);
      font-weight: 420;
      letter-spacing: -.045em;
      text-decoration: none;
      transition: color .3s ease;
    }

    .email-link:hover,
    .email-link:focus-visible { color: #0a4f74; }

    .copy-email {
      width: 42px;
      height: 42px;
      padding: 0;
      flex: 0 0 42px;
      display: grid;
      place-items: center;
      color: #247b9e;
      border: 1px solid rgba(26, 111, 148, .2);
      border-radius: 12px;
      background: rgba(255, 255, 255, .55);
      cursor: pointer;
      transition: color .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;
    }

    .copy-email:hover,
    .copy-email:focus-visible { color: #0b5c81; border-color: rgba(23, 108, 146, .42); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(34, 100, 128, .11); }
    .copy-email svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; }

    .request-card {
      position: relative;
      padding: clamp(32px, 3.8vw, 54px);
      overflow: hidden;
      border: 1px solid rgba(29, 113, 147, .17);
      border-radius: 24px;
      background:
        linear-gradient(rgba(34, 119, 154, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 119, 154, .04) 1px, transparent 1px),
        rgba(235, 245, 248, .78);
      background-size: 28px 28px, 28px 28px, auto;
      box-shadow: 0 28px 72px rgba(36, 88, 112, .1);
    }

    .request-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 92px;
      height: 1px;
      background: linear-gradient(90deg, #2783a8, transparent);
      box-shadow: 0 0 8px rgba(39, 131, 168, .32);
    }

    .request-card h2 { margin: 0; color: #173e50; font-size: 22px; font-weight: 470; letter-spacing: -.035em; }
    .request-list { margin: 35px 0 0; padding: 0; display: grid; gap: 22px; list-style: none; counter-reset: request; }
    .request-list li { position: relative; min-height: 30px; padding-left: 45px; color: rgba(43, 75, 90, .7); font-size: 12px; line-height: 1.55; counter-increment: request; }
    .request-list li::before { content: "0" counter(request); position: absolute; top: -2px; left: 0; color: #267a9c; font-size: 9px; letter-spacing: .11em; }
    .request-list li::after { content: ""; position: absolute; top: 15px; left: 1px; width: 24px; height: 1px; background: linear-gradient(90deg, rgba(37, 122, 157, .48), transparent); }

    .request-button {
      width: 100%;
      min-height: 52px;
      margin-top: 40px;
      border: 1px solid rgba(22, 109, 166, .28);
      border-radius: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      color: #f8fdff;
      background: linear-gradient(180deg, #1683cf, #0d619e);
      box-shadow: 0 14px 32px rgba(15, 103, 162, .2), inset 0 1px rgba(255, 255, 255, .18);
      text-decoration: none;
      font-size: 11px;
      transition: transform .3s ease, box-shadow .3s ease;
    }

    .request-button::after { content: "↗"; font-size: 15px; font-weight: 300; }
    .request-button:hover,
    .request-button:focus-visible { transform: translateY(-3px); box-shadow: 0 19px 38px rgba(15, 103, 162, .27); }

    .copy-toast {
      position: fixed;
      left: 50%;
      bottom: 26px;
      z-index: 200;
      padding: 11px 16px;
      color: #eafaff;
      border: 1px solid rgba(102, 211, 255, .23);
      border-radius: 11px;
      background: rgba(3, 17, 29, .92);
      box-shadow: 0 15px 42px rgba(0, 0, 0, .26);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      font-size: 10px;
      letter-spacing: .07em;
      opacity: 0;
      pointer-events: none;
      transform: translate(-50%, 14px);
      transition: opacity .3s ease, transform .3s ease;
    }

    .copy-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

    .site-footer {
      --footer-ink: #173b4d;
      --footer-steel: #2c7794;
      --footer-ice: #ecf5f7;
      position: relative;
      min-height: 720px;
      overflow: hidden;
      color: var(--footer-ink);
      background:
        radial-gradient(circle at 13% 8%, rgba(79, 151, 178, .09), transparent 27%),
        linear-gradient(180deg, #edf5f7 0%, #e7f0f3 52%, #eaf2f4 100%);
      isolation: isolate;
    }

    .site-footer::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      opacity: .38;
      background-image:
        linear-gradient(rgba(31, 111, 142, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(31, 111, 142, .05) 1px, transparent 1px);
      background-size: 46px 46px;
      -webkit-mask-image: radial-gradient(circle at 50% 38%, #000, transparent 80%);
      mask-image: radial-gradient(circle at 50% 38%, #000, transparent 80%);
    }

    .site-footer::after {
      content: "FLEXCORE";
      position: absolute;
      right: -1.5vw;
      bottom: -2vw;
      z-index: -1;
      color: transparent;
      -webkit-text-stroke: 1px rgba(40, 111, 137, .055);
      font-size: clamp(90px, 14vw, 240px);
      font-weight: 650;
      line-height: .8;
      letter-spacing: -.08em;
      white-space: nowrap;
    }

    .footer-signal { position: absolute; top: 0; left: 5.2vw; right: 5.2vw; z-index: 3; height: 92px; overflow: hidden; pointer-events: none; }
    .footer-signal::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 53px; background: linear-gradient(180deg, rgba(196, 239, 249, .92), rgba(30, 131, 169, .32)); box-shadow: 0 0 13px rgba(72, 187, 219, .34); }
    .footer-signal-rail { position: absolute; top: 53px; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(28, 121, 158, .2) 11%, rgba(51, 145, 178, .54) 50%, rgba(28, 121, 158, .2) 89%, transparent); }
    .footer-signal-rail::before,
    .footer-signal-rail::after { content: ""; position: absolute; top: 0; width: clamp(70px, 10vw, 150px); height: 1px; opacity: .92; background: linear-gradient(90deg, transparent, #effcff 50%, transparent); filter: drop-shadow(0 0 6px rgba(59, 169, 202, .7)); animation: footerSignalRun 7.5s linear infinite; }
    .footer-signal-rail::after { animation-delay: -3.75s; }
    .footer-signal-node { position: absolute; top: 47px; left: 50%; width: 13px; height: 13px; border: 1px solid rgba(42, 133, 166, .72); border-radius: 50%; background: #eff8fa; box-shadow: 0 0 0 6px rgba(42, 130, 163, .055), 0 0 18px rgba(47, 149, 181, .3); transform: translateX(-50%); }
    .footer-signal-node::after { content: ""; position: absolute; inset: 3px; border-radius: inherit; background: #247c9c; box-shadow: 0 0 8px rgba(42, 145, 179, .55); animation: footerNodePulse 2.8s ease-in-out infinite; }

    .footer-inner {
      position: relative;
      z-index: 2;
      width: min(100%, 1600px);
      min-height: 720px;
      margin: 0 auto;
      padding: clamp(116px, 14vh, 158px) clamp(30px, 5.2vw, 82px) clamp(34px, 4.5vh, 56px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: clamp(46px, 6vh, 74px);
    }

    .footer-main { display: grid; grid-template-columns: minmax(340px, .82fr) minmax(560px, 1.18fr); gap: clamp(64px, 8vw, 132px); align-items: start; }
    .footer-brand { min-width: 0; overflow: visible; }
    .footer-kicker { margin: 0 0 16px; display: flex; align-items: center; gap: 11px; color: rgba(48, 91, 109, .58); font-size: 9px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; }
    .footer-kicker::before { content: ""; width: 24px; height: 1px; background: linear-gradient(90deg, var(--footer-steel), transparent); box-shadow: 0 0 7px rgba(48, 141, 174, .2); }

    .footer-wordmark {
      width: fit-content;
      padding: .08em .035em .14em 0;
      display: inline-block;
      overflow: visible;
      color: var(--footer-ice);
      background: linear-gradient(108deg, #173f54 0%, #6f9bab 34%, #245f78 58%, #89afbc 78%, #173f54 100%);
      background-size: 230% 100%;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      filter: drop-shadow(0 12px 30px rgba(49, 108, 130, .1));
      font-size: clamp(48px, 5.1vw, 84px);
      font-weight: 500;
      line-height: 1;
      letter-spacing: -.075em;
      white-space: nowrap;
      text-decoration: none;
      animation: footerWordmarkFlow 10s ease-in-out infinite alternate;
    }

    .footer-tagline { max-width: 470px; margin: 30px 0 0; color: rgba(48, 78, 92, .75); font-size: clamp(14px, 1.1vw, 17px); line-height: 1.7; }
    .footer-accreditation { width: fit-content; max-width: 100%; margin-top: 24px; padding: 10px 13px 10px 11px; display: inline-flex; align-items: center; gap: 9px; color: rgba(42, 84, 102, .75); border: 1px solid rgba(34, 111, 141, .18); border-radius: 999px; background: rgba(255, 255, 255, .48); font-size: 9px; letter-spacing: .09em; line-height: 1.35; text-decoration: none; text-transform: uppercase; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
    .footer-accreditation::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #277f9f; box-shadow: 0 0 10px rgba(43, 141, 174, .42); animation: footerNodePulse 2.8s ease-in-out infinite; }

    .footer-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(26px, 3.3vw, 54px); }
    .footer-column { position: relative; min-width: 0; padding-top: 19px; border-top: 1px solid rgba(29, 104, 134, .18); }
    .footer-column::before { content: ""; position: absolute; top: -1px; left: 0; width: 34px; height: 1px; background: #277c9c; box-shadow: 0 0 8px rgba(41, 137, 170, .3); transition: width .45s ease; }
    .footer-column:hover::before { width: min(100%, 88px); }
    .footer-column-title { margin: 0 0 21px; color: rgba(47, 86, 102, .58); font-size: 9px; font-weight: 500; letter-spacing: .19em; text-transform: uppercase; }
    .footer-links { margin: 0; padding: 0; display: grid; gap: 13px; list-style: none; }
    .footer-links a,
    .footer-links span { width: fit-content; max-width: 100%; display: inline-flex; align-items: center; gap: 8px; color: rgba(38, 70, 84, .78); font-size: 12px; line-height: 1.45; text-decoration: none; }
    .footer-links a { transition: color .28s ease, transform .28s ease; }
    .footer-links a::after { content: ""; width: 13px; height: 1px; opacity: 0; background: currentColor; transform: translateX(-8px); transition: opacity .28s ease, transform .28s ease; }
    .footer-links a:hover,
    .footer-links a:focus-visible { color: #0a4865; transform: translateX(3px); }
    .footer-links a:hover::after,
    .footer-links a:focus-visible::after { opacity: .58; transform: translateX(0); }
    .footer-links .footer-contact-primary { color: #153f54; font-size: 14px; letter-spacing: -.015em; }
    .footer-links .footer-hours { color: rgba(61, 91, 103, .58); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }

    .footer-meta { margin-top: auto; display: grid; gap: 25px; }
    .footer-location { padding: 24px 0; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-top: 1px solid rgba(29, 104, 134, .15); border-bottom: 1px solid rgba(29, 104, 134, .15); }
    .footer-address { display: flex; align-items: center; gap: 13px; color: rgba(35, 73, 90, .78); font-size: clamp(13px, 1.05vw, 16px); line-height: 1.45; text-decoration: none; }
    .footer-address::before { content: ""; width: 9px; height: 9px; flex: 0 0 9px; border: 1px solid #337e99; border-radius: 50%; box-shadow: 0 0 0 5px rgba(48, 132, 162, .05), 0 0 10px rgba(51, 139, 169, .18); }
    .footer-location-meta { display: flex; align-items: center; gap: 15px; color: rgba(55, 83, 95, .54); font-size: 9px; letter-spacing: .15em; text-transform: uppercase; white-space: nowrap; }
    .footer-location-meta::before { content: ""; width: 34px; height: 1px; background: linear-gradient(90deg, transparent, rgba(35, 112, 141, .4)); }
    .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgba(59, 85, 96, .52); font-size: 9px; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
    .footer-legal { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; }
    .footer-to-top { display: inline-flex; align-items: center; gap: 12px; color: rgba(39, 77, 94, .7); text-decoration: none; }
    .footer-to-top::after { content: ""; width: 8px; height: 8px; border-top: 1px solid currentColor; border-left: 1px solid currentColor; transform: translateY(2px) rotate(45deg); transition: transform .3s ease; }
    .footer-to-top:hover::after { transform: translateY(-3px) rotate(45deg); }

    @keyframes headerIn { to { opacity: 1; transform: translateY(0); } }
    @keyframes miniLogoShimmer { to { background-position: 100% 50%; } }
    @keyframes currentRun { to { stroke-dashoffset: -100; } }
    @keyframes mapSignal { to { stroke-dashoffset: -100; } }
    @keyframes nodePulse { 50% { opacity: .35; transform: scale(.72); } }
    @keyframes coreOrbit { to { transform: rotate(360deg); } }
    @keyframes footerSignalRun { from { left: -14%; } to { left: 100%; } }
    @keyframes footerNodePulse { 50% { opacity: .36; transform: scale(.65); } }
    @keyframes footerWordmarkFlow { to { background-position: 100% 50%; } }

    @media (max-width: 1220px) {
      :root { --shell: min(100% - 48px, 1480px); }
      .mini-logo { margin-right: 34px; }
      .main-nav { gap: 24px; }
      .hero-shell { grid-template-columns: minmax(0, .78fr) minmax(470px, 1fr); gap: 52px; }
      .network-panel { min-height: 570px; }
      .benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .benefit-card { min-height: 350px; }
      .benefit-card h3 { margin-top: 68px; }
      .fit-shell { grid-template-columns: minmax(330px, .65fr) minmax(0, 1.35fr); gap: 54px; }
      .white-label-card { grid-template-columns: minmax(0, 1fr) minmax(370px, .72fr); gap: 54px; }
      .white-label-points { grid-template-columns: 1fr; }
      .white-label-points li { min-height: 0; }
      .footer-main { grid-template-columns: minmax(280px, .7fr) minmax(540px, 1.3fr); gap: 58px; }
    }

    @media (max-width: 980px) {
      .hero-shell { min-height: auto; padding: 136px 0 100px; grid-template-columns: 1fr; gap: 70px; }
      .hero-copy { max-width: 780px; }
      .network-panel { width: min(100%, 760px); min-height: 620px; margin-inline: auto; }
      .section-heading { grid-template-columns: 1fr; gap: 28px; }
      .section-intro { max-width: 700px; }
      .fit-shell { grid-template-columns: 1fr; gap: 68px; }
      .fit-copy { max-width: 780px; }
      .fit-visual { width: min(100%, 760px); margin-inline: auto; }
      .white-label-card { grid-template-columns: 1fr; }
      .white-label-copy { max-width: 780px; }
      .white-label-points { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .white-label-visual { width: min(100%, 660px); min-height: 500px; margin-inline: auto; }
      .contact-shell { grid-template-columns: 1fr; }
      .request-card { width: min(100%, 600px); }
      .footer-main { grid-template-columns: 1fr; }
      .footer-brand { max-width: 650px; }
    }

    @media (max-width: 860px) {
      .main-nav {
        position: absolute;
        top: 76px;
        left: 18px;
        right: 18px;
        z-index: 2;
        min-height: 0;
        padding: 9px;
        display: grid;
        gap: 0;
        overflow: hidden;
        border: 1px solid rgba(83, 184, 232, .25);
        border-radius: 18px;
        background:
          linear-gradient(rgba(62, 166, 222, .045) 1px, transparent 1px),
          linear-gradient(90deg, rgba(62, 166, 222, .045) 1px, transparent 1px),
          rgba(3, 12, 24, .95);
        background-size: 24px 24px, 24px 24px, auto;
        box-shadow: 0 22px 60px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .04);
        -webkit-backdrop-filter: blur(22px) saturate(135%);
        backdrop-filter: blur(22px) saturate(135%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px) scale(.985);
        transform-origin: 80% 0;
        transition: opacity .28s ease, transform .38s cubic-bezier(.2, .78, .2, 1), visibility 0s linear .38s, background .7s ease, border-color .7s ease;
      }

      .main-nav::before { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 1px; background: linear-gradient(90deg, transparent, rgba(119, 226, 255, .8), transparent); box-shadow: 0 0 12px rgba(85, 211, 255, .42); }
      .site-header.is-menu-open .main-nav { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); transition-delay: 0s; }
      .main-nav a { min-height: 48px; padding: 0 14px; display: flex; align-items: center; border-bottom: 1px solid rgba(102, 178, 218, .12); font-size: 12px; letter-spacing: .045em; }
      .main-nav a:last-child { border-bottom: 0; }
      .site-header.is-light .main-nav { border-color: rgba(25, 111, 158, .2); background: linear-gradient(rgba(21, 112, 160, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 112, 160, .045) 1px, transparent 1px), rgba(245, 250, 252, .96); background-size: 24px 24px, 24px 24px, auto; box-shadow: 0 22px 60px rgba(25, 71, 99, .16), inset 0 1px rgba(255, 255, 255, .7); }
      .menu-toggle { display: block; }
      .mini-logo { margin-right: 0; }
      .header-actions { gap: 10px; }
      .process-grid { grid-template-columns: 1fr; gap: 0; }
      .process-grid::before { top: 0; bottom: 0; left: 25px; right: auto; width: 1px; height: auto; }
      .process-step,
      .process-step + .process-step { min-height: 210px; padding: 0 0 50px 90px; border-left: 0; }
      .process-step:last-child { min-height: 0; padding-bottom: 0; }
      .step-node { position: absolute; top: 0; left: 0; }
      .process-step h3 { margin-top: 0; }
    }

    @media (max-width: 700px) {
      :root { --shell: min(100% - 32px, 1480px); }
      .partner-hero { min-height: auto; }
      .hero-shell { padding: 115px 0 76px; gap: 54px; }
      .breadcrumbs { margin-bottom: 42px; }
      .hero-title { font-size: clamp(53px, 16.5vw, 78px); }
      .hero-lead { margin-top: 27px; font-size: 14px; }
      .hero-actions { align-items: stretch; flex-direction: column; }
      .button-primary,
      .button-ghost { width: 100%; }
      .network-panel { min-height: 700px; border-radius: 18px; }
      .network-topbar { top: 25px; left: 24px; right: 24px; }
      .system-diagram { inset: 76px 24px 104px; }
      .system-diagram::before { content: ""; position: absolute; top: 52px; bottom: 52px; left: 50%; width: 1px; background: linear-gradient(180deg, transparent, rgba(108, 216, 255, .4), transparent); box-shadow: 0 0 7px rgba(87, 204, 247, .22); }
      .system-routes { display: none; }
      .system-module { width: 100%; min-height: 108px; padding: 18px; }
      .system-module--partner { top: 0; left: 0; }
      .system-module--technology { top: 132px; right: auto; left: 0; }
      .system-symbol { width: 44px; height: 44px; flex-basis: 44px; }
      .system-copy strong { font-size: 16px; }
      .system-junction { top: 59%; width: 52px; height: 52px; }
      .system-result { width: 100%; min-height: 98px; padding: 18px 20px; }
      .system-result-copy strong { font-size: 18px; }
      .network-footer { left: 24px; right: 24px; bottom: 23px; }
      .network-metric strong { font-size: 8px; }
      .light-bridge { height: 118px; }
      .section-shell { padding: 96px 0 112px; }
      .section-title { font-size: clamp(47px, 14vw, 68px); }
      .benefit-grid { margin-top: 52px; grid-template-columns: 1fr; }
      .benefit-card { min-height: 330px; }
      .benefit-card h3 { min-height: 0; margin-top: 68px; }
      .fit-shell { padding: 28px 0 130px; gap: 52px; }
      .fit-visual { min-height: 0; grid-template-columns: 1fr; }
      .fit-card,
      .fit-card:nth-child(2) { min-height: 390px; margin: 0; }
      .fit-symbol { width: 70px; height: 70px; }
      .white-label-shell { padding-bottom: 112px; }
      .white-label-card { min-height: 0; padding: 48px 26px 26px; border-radius: 20px; gap: 50px; }
      .white-label-title { font-size: clamp(45px, 13.5vw, 65px); }
      .white-label-text { margin-top: 27px; font-size: 14px; }
      .white-label-points { grid-template-columns: 1fr; }
      .white-label-points li { min-height: 0; }
      .white-label-button { width: 100%; justify-content: center; }
      .white-label-visual { min-height: 450px; padding: 22px; border-radius: 16px; }
      .flow-card { width: min(88%, 310px); }
      .process-shell { min-height: 0; padding: 100px 0 112px; }
      .process-grid { margin-top: 62px; }
      .contact-shell { padding: 116px 0 125px; gap: 58px; }
      .contact-title { font-size: clamp(52px, 15vw, 76px); }
      .contact-lead { margin-top: 28px; font-size: 14px; }
      .email-line { margin-top: 38px; gap: 12px; }
      .email-link { font-size: clamp(22px, 7vw, 34px); }
      .copy-email { width: 38px; height: 38px; flex-basis: 38px; }
      .footer-inner { min-height: auto; padding-inline: 20px; }
      .footer-columns { grid-template-columns: 1fr; gap: 32px; }
      .footer-location { align-items: flex-start; flex-direction: column; gap: 15px; }
      .footer-location-meta { white-space: normal; }
      .footer-bottom { align-items: flex-start; flex-direction: column; }
      .site-footer::after { right: 16px; bottom: 18px; font-size: 17vw; }
    }

    @media (max-width: 620px) {
      .site-header { height: 74px; padding: 19px 18px 0; }
      .header-actions .primary { min-width: 124px; height: 34px; padding-inline: 12px; font-size: 11px; }
      .main-nav { top: 66px; left: 10px; right: 10px; }
    }

    @media (max-width: 450px) {
      .header-actions .primary { min-width: 112px; padding-inline: 9px; font-size: 10px; }
      .network-code { display: none; }
      .network-metric:nth-child(2) { display: none; }
      .network-footer { grid-template-columns: repeat(2, 1fr); }
      .system-copy small { white-space: normal; }
      .fit-card { min-height: 350px; }
      .request-card { padding: 30px 24px; }
      .footer-wordmark { font-size: clamp(46px, 15vw, 60px); }
      .footer-accreditation { align-items: flex-start; border-radius: 16px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; }
      [data-reveal] { opacity: 1; transform: none; transition: none; }
      .benefit-card,
      .fit-card { transition: none; }
    }

/* Runtime fallback: keep the circuit drawing, remove the expensive moving current. */
html.motion-lite [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}

html.motion-lite .hero-circuit .current,
html.motion-lite .system-routes .signal {
  display: none !important;
  animation: none !important;
  filter: none !important;
}

html.motion-lite .hero-caption::before,
html.motion-lite .white-label-visual::after {
  animation: none !important;
}