:root {
      color-scheme: dark;
      --night: #020711;
      --night-soft: #071525;
      --cyan: #6cddff;
      --blue: #1479bd;
      --ice: #eafaff;
      --paper: #eef5f8;
      --paper-bright: #f9fcfd;
      --ink: #102f40;
      --muted: #587383;
      --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; }
    [hidden] { display: none !important; }

    .page-top-anchor { position: absolute; top: 0; left: 0; width: 1px; height: 1px; pointer-events: none; }
    .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); }

    .platform-hero {
      position: relative;
      min-height: 920px;
      overflow: hidden;
      isolation: isolate;
      background:
        radial-gradient(circle at 76% 35%, rgba(10, 119, 215, .24), transparent 30%),
        radial-gradient(circle at 13% 80%, rgba(37, 164, 211, .1), transparent 25%),
        linear-gradient(142deg, #020711 0%, #071728 56%, #020912 100%);
    }

    .platform-hero::before { content: "PLATFORM"; position: absolute; left: -1.5vw; bottom: -3vw; z-index: -3; color: transparent; -webkit-text-stroke: 1px rgba(116, 215, 250, .045); font-size: clamp(115px, 18vw, 300px); font-weight: 650; line-height: .78; letter-spacing: -.085em; white-space: nowrap; }

    .hero-grid { position: absolute; inset: 0; z-index: -4; opacity: .24; 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: -2; width: 100%; height: 100%; pointer-events: none; opacity: .72; }
    .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, .66); 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: 920px; margin: 0 auto; padding: 142px 0 96px; display: grid; grid-template-columns: minmax(0, .78fr) minmax(570px, 1.22fr); align-items: center; gap: clamp(62px, 7vw, 116px); }
    .hero-copy { position: relative; z-index: 3; }
    .breadcrumbs { margin: 0 0 clamp(58px, 7vh, 84px); 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: 710px; margin: 0; color: #f0faff; font-size: clamp(60px, 7vw, 110px); 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: 610px; margin: 34px 0 0; color: rgba(215, 234, 247, .68); font-size: clamp(14px, 1.15vw, 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-tags { margin: 30px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
    .hero-tags li { padding: 8px 11px; color: rgba(181, 216, 231, .49); border: 1px solid rgba(105, 204, 242, .12); border-radius: 999px; background: rgba(8, 28, 44, .35); font-size: 7px; letter-spacing: .13em; text-transform: uppercase; }

    .console-window { position: relative; min-height: 610px; overflow: hidden; border: 1px solid rgba(103, 207, 247, .2); border-radius: 25px; background: linear-gradient(145deg, rgba(8, 31, 52, .94), rgba(2, 13, 25, .9)); box-shadow: 0 42px 110px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .04); -webkit-backdrop-filter: blur(18px) saturate(115%); backdrop-filter: blur(18px) saturate(115%); }
    .console-window::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(82, 186, 229, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(82, 186, 229, .04) 1px, transparent 1px); background-size: 32px 32px; -webkit-mask-image: radial-gradient(circle at 58% 40%, #000, transparent 78%); mask-image: radial-gradient(circle at 58% 40%, #000, transparent 78%); }

    .console-topbar { position: relative; z-index: 3; height: 57px; padding: 0 21px; border-bottom: 1px solid rgba(102, 203, 242, .12); display: flex; align-items: center; gap: 15px; background: rgba(4, 18, 31, .68); }
    .console-dots { display: flex; gap: 6px; }
    .console-dots i { width: 6px; height: 6px; border: 1px solid rgba(127, 220, 250, .36); border-radius: 50%; }
    .console-title { color: rgba(194, 225, 237, .56); font-size: 7px; letter-spacing: .17em; text-transform: uppercase; }
    .console-live { margin-left: auto; display: flex; align-items: center; gap: 8px; color: rgba(158, 207, 225, .42); font-size: 6px; letter-spacing: .15em; text-transform: uppercase; }
    .console-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #79e1ff; box-shadow: 0 0 9px rgba(89, 215, 255, .75); animation: nodePulse 2.6s ease-in-out infinite; }

    .console-layout { position: relative; z-index: 2; min-height: 553px; display: grid; grid-template-columns: 74px 1fr; }
    .console-sidebar { padding: 25px 16px; border-right: 1px solid rgba(103, 203, 241, .1); display: flex; flex-direction: column; align-items: center; gap: 14px; background: rgba(3, 17, 29, .45); }
    .console-logo { width: 38px; height: 38px; margin-bottom: 19px; border: 1px solid rgba(110, 215, 251, .28); border-radius: 12px; display: grid; place-items: center; color: #a7ebff; background: linear-gradient(145deg, rgba(21, 91, 137, .68), rgba(7, 35, 57, .88)); box-shadow: inset 0 0 17px rgba(90, 204, 245, .06), 0 0 17px rgba(71, 187, 230, .08); font-size: 10px; font-weight: 600; }
    .console-nav-item { width: 37px; height: 37px; border: 1px solid transparent; border-radius: 11px; display: grid; place-items: center; color: rgba(143, 192, 211, .38); }
    .console-nav-item svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.3; }
    .console-nav-item.is-active { color: #8ce6ff; border-color: rgba(103, 210, 249, .2); background: rgba(25, 103, 148, .18); box-shadow: inset 0 0 16px rgba(78, 193, 234, .05); }

    .console-main { min-width: 0; padding: 31px; }
    .console-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
    .console-heading small { margin-bottom: 7px; display: block; color: rgba(148, 199, 218, .36); font-size: 6px; letter-spacing: .15em; text-transform: uppercase; }
    .console-heading strong { color: #e9f9ff; font-size: clamp(20px, 1.8vw, 29px); font-weight: 430; letter-spacing: -.045em; }
    .console-heading time { color: rgba(151, 200, 218, .39); font-size: 7px; letter-spacing: .12em; text-transform: uppercase; }

    .console-statuses { margin-top: 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    .console-status { min-width: 0; padding: 17px; border: 1px solid rgba(103, 202, 240, .11); border-radius: 13px; background: rgba(8, 30, 47, .58); }
    .console-status span { display: block; color: rgba(147, 198, 216, .38); font-size: 6px; letter-spacing: .14em; text-transform: uppercase; }
    .console-status strong { margin-top: 14px; display: flex; align-items: center; gap: 8px; color: rgba(225, 247, 254, .8); font-size: 11px; font-weight: 470; white-space: nowrap; }
    .console-status strong::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #67dcff; box-shadow: 0 0 8px rgba(91, 215, 255, .5); }

    .console-grid { margin-top: 13px; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(180px, .8fr); gap: 13px; }
    .console-card { min-width: 0; min-height: 194px; padding: 21px; border: 1px solid rgba(103, 202, 240, .11); border-radius: 15px; background: rgba(7, 27, 44, .67); box-shadow: inset 0 1px rgba(255, 255, 255, .02); }
    .console-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .console-card-head strong { color: rgba(221, 244, 252, .75); font-size: 9px; font-weight: 470; }
    .console-card-head span { color: rgba(139, 190, 208, .32); font-size: 6px; letter-spacing: .12em; text-transform: uppercase; }
    .console-chart { width: 100%; height: 116px; margin-top: 20px; overflow: visible; }
    .console-chart .grid-line { stroke: rgba(106, 197, 232, .08); stroke-width: 1; }
    .console-chart .area { fill: url(#console-area); }
    .console-chart .line { fill: none; stroke: #6edfff; stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(91, 214, 255, .35)); }
    .console-chart .point { fill: #caf7ff; stroke: #0b405f; stroke-width: 3; vector-effect: non-scaling-stroke; }
    .console-orders { margin: 20px 0 0; padding: 0; display: grid; gap: 12px; list-style: none; }
    .console-orders li { padding-bottom: 11px; border-bottom: 1px solid rgba(102, 196, 232, .08); display: flex; align-items: center; gap: 10px; }
    .console-orders li:last-child { border-bottom: 0; }
    .console-orders i { width: 7px; height: 7px; flex: 0 0 7px; border: 1px solid rgba(110, 215, 250, .44); border-radius: 50%; }
    .console-orders span { min-width: 0; overflow: hidden; color: rgba(195, 225, 236, .57); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
    .console-orders small { margin-left: auto; color: rgba(119, 205, 236, .46); font-size: 6px; letter-spacing: .08em; text-transform: uppercase; }

    .console-foot { margin-top: 13px; min-height: 72px; padding: 18px 20px; border: 1px solid rgba(103, 202, 240, .1); border-radius: 14px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: linear-gradient(90deg, rgba(15, 64, 95, .52), rgba(7, 28, 45, .5)); }
    .console-foot strong { display: block; color: rgba(225, 247, 254, .78); font-size: 10px; font-weight: 480; }
    .console-foot span { margin-top: 6px; display: block; color: rgba(143, 193, 211, .34); font-size: 6px; letter-spacing: .12em; text-transform: uppercase; }
    .console-foot-badge { padding: 8px 10px; color: #9ce9ff; border: 1px solid rgba(107, 213, 249, .22); border-radius: 999px; background: rgba(39, 131, 173, .08); font-size: 6px; letter-spacing: .13em; text-transform: uppercase; }

    .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%); }

    .dark-bridge { position: relative; height: 150px; margin-bottom: -1px; overflow: hidden; background: linear-gradient(180deg, var(--paper) 0%, #91b5c5 28%, #112739 68%, #020912 100%); }
    .dark-bridge::before { content: ""; position: absolute; left: 50%; top: 8%; width: 1px; height: 92%; background: linear-gradient(180deg, transparent, rgba(92, 186, 221, .35), #8fe8ff); box-shadow: 0 0 13px rgba(85, 211, 255, .48); }
    .dark-bridge::after { content: ""; position: absolute; left: 50%; top: 20px; 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%); }

    .entry-section { position: relative; min-height: 100vh; display: grid; align-items: center; overflow: hidden; color: var(--ink); background: radial-gradient(circle at 78% 34%, rgba(52, 151, 190, .09), transparent 29%), linear-gradient(145deg, #f8fbfc, var(--paper)); isolation: isolate; }
    .entry-section::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .34; background-image: radial-gradient(rgba(26, 111, 151, .18) .7px, transparent .7px); background-size: 27px 27px; -webkit-mask-image: linear-gradient(90deg, #000, transparent 28%, transparent 72%, #000); mask-image: linear-gradient(90deg, #000, transparent 28%, transparent 72%, #000); }
    .entry-section::after { content: "EXPLORE"; position: absolute; right: -1vw; bottom: -2vw; z-index: -1; color: transparent; -webkit-text-stroke: 1px rgba(35, 108, 137, .05); font-size: clamp(105px, 17vw, 280px); font-weight: 650; line-height: .78; letter-spacing: -.08em; pointer-events: none; }
    .entry-circuit { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; opacity: .66; }
    .entry-circuit path { fill: none; stroke: rgba(31, 121, 158, .14); stroke-width: 1; vector-effect: non-scaling-stroke; }
    .entry-circuit .trace-soft { stroke: rgba(31, 121, 158, .075); }
    .entry-circuit .signal { stroke: rgba(46, 163, 205, .72); stroke-width: 1.35; stroke-dasharray: 2.5 97.5; filter: drop-shadow(0 0 5px rgba(47, 173, 216, .52)); animation: entrySignalRun 11s linear infinite; }
    .entry-circuit .signal--two { animation-delay: -3.8s; animation-duration: 13s; }
    .entry-circuit .signal--three { animation-delay: -7.2s; animation-duration: 15s; }
    .entry-circuit circle { fill: #f3fbfd; stroke: rgba(37, 134, 171, .45); stroke-width: 1; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(40, 153, 195, .32)); transform-box: fill-box; transform-origin: center; animation: entryNodePulse 5.4s ease-in-out infinite; }
    .entry-circuit circle:nth-of-type(2) { animation-delay: -1.8s; }
    .entry-circuit circle:nth-of-type(3) { animation-delay: -3.5s; }
    .entry-shell { position: relative; z-index: 2; width: var(--shell); margin: 0 auto; padding: clamp(136px, 13vw, 188px) 0 clamp(104px, 11vw, 164px); }
    .entry-section .entry-breadcrumbs { margin: clamp(18px, 2vh, 28px) 0 clamp(42px, 5vh, 62px); color: rgba(29, 78, 101, .52); font-weight: 400; }
    .entry-section .entry-breadcrumbs a:hover,
    .entry-section .entry-breadcrumbs a:focus-visible { color: #176f94; }
    .entry-section .entry-breadcrumbs span::before { color: rgba(31, 116, 151, .28); }
    .entry-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; }
    .entry-heading-copy { max-width: 890px; }
    .entry-section .section-kicker { color: #287796; }
    .entry-section .section-kicker::before { background: linear-gradient(90deg, #287f9f, transparent); box-shadow: none; }
    .entry-title { margin: 0; color: #153a4d; font-size: clamp(46px, 5.4vw, 82px); font-weight: 390; line-height: .95; letter-spacing: -.062em; }
    .entry-note { max-width: 380px; margin: 0 0 7px; color: rgba(43, 76, 91, .62); font-size: 13px; line-height: 1.7; }
    .entry-grid { margin-top: clamp(52px, 6vw, 82px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }

    .entry-card { position: relative; min-height: 430px; padding: clamp(29px, 3vw, 43px); overflow: hidden; border: 1px solid rgba(28, 109, 145, .16); border-radius: 24px; display: flex; flex-direction: column; color: #173b4d; background: #f8fbfc; box-shadow: 0 24px 65px rgba(35, 86, 111, .08); text-decoration: none; isolation: isolate; transition: transform .45s cubic-bezier(.2, .75, .2, 1), box-shadow .45s ease, border-color .45s ease; }
    .entry-card::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .42; background-image: linear-gradient(rgba(34, 119, 154, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(34, 119, 154, .045) 1px, transparent 1px); background-size: 31px 31px; -webkit-mask-image: radial-gradient(circle at 75% 78%, #000, transparent 76%); mask-image: radial-gradient(circle at 75% 78%, #000, transparent 76%); }
    .entry-card::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #7ce3ff, transparent); box-shadow: 0 0 10px rgba(82, 207, 250, .5); transition: width .55s ease; }
    .entry-card:hover,
    .entry-card:focus-visible { transform: translateY(-9px); border-color: rgba(53, 149, 188, .32); box-shadow: 0 35px 78px rgba(26, 79, 105, .15); }
    .entry-card:hover::after,
    .entry-card:focus-visible::after { width: 100%; }
    .entry-card:focus-visible { outline: 1px solid #2b86aa; outline-offset: 4px; }

    .entry-card--features { color: #eaf9ff; border-color: rgba(102, 210, 250, .2); background: radial-gradient(circle at 78% 74%, rgba(22, 137, 214, .22), transparent 37%), linear-gradient(145deg, #071928, #082b43 58%, #04111d); box-shadow: 0 27px 70px rgba(8, 50, 79, .2); }
    .entry-card--features::before { opacity: .5; background-image: linear-gradient(rgba(102, 210, 250, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(102, 210, 250, .045) 1px, transparent 1px); }
    .entry-card--shops { background: radial-gradient(circle at 84% 82%, rgba(50, 151, 191, .15), transparent 37%), linear-gradient(145deg, #f9fcfd, #dfedf2); }
    .entry-card--video { color: #effbff; border-color: rgba(126, 220, 255, .28); background: radial-gradient(circle at 71% 76%, rgba(121, 225, 255, .25), transparent 35%), linear-gradient(145deg, #1689c7, #0b5f94 65%, #07466f); box-shadow: 0 27px 70px rgba(13, 98, 148, .2); }
    .entry-card--video::before { opacity: .38; background-image: linear-gradient(rgba(220, 248, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(220, 248, 255, .07) 1px, transparent 1px); }

    .entry-card-top { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: rgba(37, 84, 103, .46); font-size: 7px; letter-spacing: .17em; text-transform: uppercase; }
    .entry-card--features .entry-card-top,
    .entry-card--video .entry-card-top { color: rgba(204, 238, 249, .48); }
    .entry-arrow { width: 37px; height: 37px; border: 1px solid rgba(36, 113, 145, .18); border-radius: 11px; display: grid; place-items: center; color: #23799b; background: rgba(255, 255, 255, .32); font-size: 16px; font-weight: 300; transition: transform .35s ease, color .35s ease, border-color .35s ease, background .35s ease; }
    .entry-card--features .entry-arrow,
    .entry-card--video .entry-arrow { color: #b8f0ff; border-color: rgba(130, 224, 255, .23); background: rgba(79, 187, 226, .08); }
    .entry-card:hover .entry-arrow,
    .entry-card:focus-visible .entry-arrow { transform: translate(3px, -3px); }

    .entry-card-copy { position: relative; z-index: 4; max-width: 360px; margin-top: 43px; }
    .entry-card h2 { margin: 0; color: inherit; font-size: clamp(34px, 3.3vw, 52px); font-weight: 410; line-height: .96; letter-spacing: -.055em; }
    .entry-card p { margin: 19px 0 0; color: rgba(42, 77, 92, .65); font-size: 12px; line-height: 1.66; }
    .entry-card--features p,
    .entry-card--video p { color: rgba(210, 237, 247, .62); }
    .entry-link-label { position: relative; z-index: 5; width: fit-content; margin-top: auto; padding-top: 31px; display: flex; align-items: center; gap: 12px; color: #1d7698; font-size: 9px; letter-spacing: .05em; }
    .entry-link-label::after { content: ""; width: 22px; height: 1px; background: currentColor; transition: width .35s ease; }
    .entry-card:hover .entry-link-label::after { width: 37px; }
    .entry-card--features .entry-link-label,
    .entry-card--video .entry-link-label { color: #a6ebff; }

    .entry-transition { position: relative; height: clamp(190px, 18vw, 280px); margin: -1px 0; overflow: hidden; isolation: isolate; background: radial-gradient(ellipse at 50% 32%, rgba(111, 211, 237, .19), transparent 38%), linear-gradient(180deg, var(--paper) 0%, #e5eff3 17%, #bed3dd 36%, #6c8999 58%, #20394c 79%, #06111d 100%); }
    .entry-transition::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .36; background-image: linear-gradient(rgba(25, 105, 141, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(25, 105, 141, .07) 1px, transparent 1px); background-size: 32px 32px; -webkit-mask-image: linear-gradient(180deg, #000, transparent 75%); mask-image: linear-gradient(180deg, #000, transparent 75%); }
    .entry-transition::after { content: ""; position: absolute; left: 50%; bottom: -74px; z-index: -1; width: min(74vw, 1120px); height: 150px; border-radius: 50%; background: rgba(38, 148, 191, .16); filter: blur(44px); transform: translateX(-50%); }
    .entry-transition-circuit { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
    .entry-transition-circuit path { fill: none; stroke: url(#transitionTrace); stroke-width: 1; vector-effect: non-scaling-stroke; }
    .entry-transition-circuit .transition-signal { stroke: rgba(190, 243, 255, .9); stroke-width: 1.4; stroke-dasharray: 2 98; filter: drop-shadow(0 0 6px rgba(95, 218, 255, .8)); animation: entrySignalRun 9s linear infinite; }
    .entry-transition-circuit .transition-signal--two { animation-delay: -3s; animation-duration: 11s; }
    .entry-transition-circuit .transition-signal--three { animation-delay: -6.4s; animation-duration: 13s; }
    .transition-node { position: absolute; z-index: 2; width: 9px; height: 9px; border: 1px solid rgba(144, 229, 250, .74); border-radius: 50%; background: #edfafd; box-shadow: 0 0 0 6px rgba(92, 204, 233, .07), 0 0 13px rgba(101, 220, 248, .42); transform: translate(-50%, -50%); animation: transitionNodePulse 4.8s ease-in-out infinite; }
    .transition-node--left { left: 26.9%; top: 48.1%; }
    .transition-node--center { left: 50%; top: 86.5%; animation-delay: -1.7s; }
    .transition-node--right { left: 73.1%; top: 48.1%; animation-delay: -3.2s; }

    .feature-diagram { position: absolute; right: -22px; bottom: -20px; z-index: 2; width: 235px; height: 235px; border: 1px solid rgba(111, 221, 255, .1); border-radius: 50%; box-shadow: 0 0 0 34px rgba(84, 198, 239, .022), 0 0 0 68px rgba(84, 198, 239, .014); }
    .feature-diagram::before,
    .feature-diagram::after { content: ""; position: absolute; left: 50%; top: 50%; background: rgba(110, 220, 255, .16); transform: translate(-50%, -50%); }
    .feature-diagram::before { width: 100%; height: 1px; }
    .feature-diagram::after { width: 1px; height: 100%; }
    .feature-core { position: absolute; left: 50%; top: 50%; z-index: 2; width: 72px; height: 72px; border: 1px solid rgba(123, 226, 255, .4); border-radius: 18px; display: grid; place-items: center; color: #d3f7ff; background: linear-gradient(145deg, #165a83, #08263e); box-shadow: 0 0 0 8px rgba(84, 198, 239, .03), 0 0 26px rgba(67, 190, 237, .18); font-size: 13px; font-weight: 560; transform: translate(-50%, -50%); }
    .feature-dot { position: absolute; width: 12px; height: 12px; border: 1px solid rgba(122, 224, 255, .52); border-radius: 50%; background: #08243a; box-shadow: 0 0 10px rgba(91, 213, 255, .42); }
    .feature-dot--one { left: 13%; top: 23%; }
    .feature-dot--two { right: 13%; top: 23%; }
    .feature-dot--three { left: 8%; bottom: 25%; }
    .feature-dot--four { right: 8%; bottom: 25%; }

    .shop-stack { position: absolute; right: -7px; bottom: -9px; z-index: 2; width: 250px; height: 195px; }
    .shop-window { position: absolute; width: 180px; height: 125px; padding: 13px; border: 1px solid rgba(28, 111, 148, .16); border-radius: 14px; background: rgba(251, 253, 254, .92); box-shadow: 0 18px 38px rgba(35, 89, 113, .13); }
    .shop-window:nth-child(1) { left: 0; top: 49px; transform: rotate(-6deg); }
    .shop-window:nth-child(2) { right: 0; top: 12px; transform: rotate(5deg); }
    .shop-window-bar { height: 6px; margin-bottom: 13px; border-radius: 999px; background: linear-gradient(90deg, #267e9f 23%, rgba(38, 126, 159, .09) 23%); }
    .shop-window-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
    .shop-window-grid i { height: 55px; border-radius: 7px; background: linear-gradient(145deg, #dbeaf0, #eff6f8); box-shadow: inset 0 -10px rgba(35, 124, 158, .04); }
    .shop-window-grid i::after { content: ""; width: 60%; height: 3px; margin: 38px auto 0; display: block; border-radius: 999px; background: rgba(35, 119, 153, .22); }

    .video-visual { position: absolute; right: -15px; bottom: -25px; z-index: 2; width: 245px; height: 245px; border: 1px solid rgba(209, 247, 255, .17); border-radius: 50%; box-shadow: 0 0 0 35px rgba(214, 248, 255, .035), 0 0 0 70px rgba(214, 248, 255, .018); }
    .video-play { position: absolute; left: 50%; top: 50%; width: 84px; height: 84px; border: 1px solid rgba(218, 249, 255, .55); border-radius: 50%; display: grid; place-items: center; color: #effcff; background: rgba(7, 74, 112, .34); box-shadow: 0 0 32px rgba(174, 240, 255, .2), inset 0 0 24px rgba(214, 249, 255, .08); transform: translate(-50%, -50%); }
    .video-play::before { content: ""; margin-left: 5px; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 14px solid currentColor; }
    .video-wave { position: absolute; left: 50%; bottom: 22px; width: 145px; height: 24px; display: flex; align-items: center; justify-content: center; gap: 4px; transform: translateX(-50%); }
    .video-wave i { width: 2px; height: var(--h); border-radius: 2px; background: rgba(223, 250, 255, .65); box-shadow: 0 0 5px rgba(220, 249, 255, .2); }

    .modules-section { position: relative; color: var(--ink); background: var(--paper); isolation: isolate; }
    .modules-section::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .34; background-image: radial-gradient(rgba(26, 111, 151, .18) .7px, transparent .7px); background-size: 26px 26px; -webkit-mask-image: linear-gradient(90deg, #000, transparent 29%, transparent 70%, #000); mask-image: linear-gradient(90deg, #000, transparent 29%, transparent 70%, #000); }
    .section-shell { width: var(--shell); margin: 0 auto; padding: clamp(104px, 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: 900px; 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; }

    .module-browser { margin-top: clamp(64px, 8vw, 108px); display: grid; grid-template-columns: minmax(250px, .33fr) minmax(0, 1.67fr); gap: 22px; }
    .module-tabs { padding: 12px; border: 1px solid rgba(28, 111, 148, .15); border-radius: 20px; display: grid; align-content: start; gap: 4px; background: rgba(249, 252, 253, .58); box-shadow: 0 20px 55px rgba(37, 88, 111, .06); }
    .module-tab { position: relative; min-height: 65px; padding: 0 18px; border: 0; border-radius: 13px; display: flex; align-items: center; gap: 14px; color: rgba(37, 75, 92, .63); background: transparent; cursor: pointer; text-align: left; font-size: 11px; transition: color .3s ease, background .3s ease, box-shadow .3s ease; }
    .module-tab::after { content: ""; width: 7px; height: 7px; margin-left: auto; border-top: 1px solid currentColor; border-right: 1px solid currentColor; opacity: .35; transform: rotate(45deg); }
    .module-tab-index { color: rgba(40, 114, 143, .35); font-size: 7px; letter-spacing: .12em; }
    .module-tab:hover,
    .module-tab:focus-visible { color: #155d7c; background: rgba(224, 239, 245, .62); }
    .module-tab[aria-selected="true"] { color: #eaf9ff; background: linear-gradient(145deg, #147bb4, #0e5c88); box-shadow: 0 12px 28px rgba(18, 105, 154, .2), inset 0 1px rgba(255, 255, 255, .15); }
    .module-tab[aria-selected="true"] .module-tab-index { color: rgba(220, 246, 255, .55); }

    .module-panels { min-width: 0; }
    .module-panel { position: relative; min-height: 560px; padding: clamp(38px, 5vw, 70px); overflow: hidden; border: 1px solid rgba(27, 108, 143, .16); border-radius: 24px; background: linear-gradient(145deg, rgba(249, 252, 253, .94), rgba(225, 239, 245, .84)); box-shadow: 0 26px 70px rgba(35, 84, 107, .09); animation: panelIn .5s ease both; }
    .module-panel::before { content: ""; position: absolute; inset: 0; opacity: .38; background-image: linear-gradient(rgba(29, 111, 146, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(29, 111, 146, .045) 1px, transparent 1px); background-size: 36px 36px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 42%, #000); mask-image: linear-gradient(90deg, transparent, #000 42%, #000); pointer-events: none; }
    .module-panel::after { content: attr(data-code); position: absolute; right: -12px; bottom: -24px; color: transparent; -webkit-text-stroke: 1px rgba(24, 103, 135, .055); font-size: clamp(88px, 10vw, 158px); font-weight: 650; line-height: .8; letter-spacing: -.08em; white-space: nowrap; pointer-events: none; }
    .module-panel-head { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 30px; }
    .module-panel-index { color: rgba(28, 104, 134, .38); font-size: 8px; letter-spacing: .18em; text-transform: uppercase; }
    .module-panel h3 { max-width: 760px; margin: 17px 0 0; color: #153c50; font-size: clamp(37px, 4vw, 64px); font-weight: 410; line-height: .97; letter-spacing: -.055em; }
    .module-panel p { max-width: 720px; margin: 25px 0 0; color: rgba(43, 76, 91, .65); font-size: 13px; line-height: 1.72; }
    .module-count { width: 68px; height: 68px; border: 1px solid rgba(29, 111, 146, .18); border-radius: 18px; display: grid; place-items: center; color: #247a9c; background: rgba(255, 255, 255, .48); box-shadow: inset 0 0 20px rgba(40, 132, 168, .035); font-size: 18px; font-weight: 430; }
    .module-tags { position: relative; z-index: 2; margin: clamp(45px, 6vw, 72px) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 9px; list-style: none; }
    .module-tags li { min-height: 39px; padding: 0 14px; border: 1px solid rgba(27, 108, 143, .15); border-radius: 11px; display: inline-flex; align-items: center; color: rgba(34, 74, 91, .74); background: rgba(255, 255, 255, .5); font-size: 10px; box-shadow: inset 0 1px rgba(255, 255, 255, .55); }
    .module-panel-link { position: relative; z-index: 2; width: fit-content; margin-top: 37px; display: inline-flex; align-items: center; gap: 13px; color: #176e94; text-decoration: none; font-size: 10px; letter-spacing: .04em; }
    .module-panel-link::after { content: ""; width: 22px; height: 1px; background: currentColor; transition: width .3s ease; }
    .module-panel-link:hover::after { width: 35px; }

    .commerce-section { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 76% 36%, rgba(8, 108, 193, .2), transparent 31%), linear-gradient(145deg, #06111d, #071d30 62%, #030a12); }
    .commerce-section::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .35; 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 78%); mask-image: radial-gradient(circle at center, #000, transparent 78%); }
    .commerce-shell { width: var(--shell); min-height: 860px; margin: 0 auto; padding: clamp(112px, 12vw, 174px) 0; display: flex; flex-direction: column; justify-content: center; }
    .commerce-section .section-kicker { color: #7ce3ff; }
    .commerce-section .section-kicker::before { background: linear-gradient(90deg, #7ce3ff, transparent); }
    .commerce-heading { display: grid; grid-template-columns: minmax(0, .95fr) minmax(330px, .5fr); align-items: end; gap: clamp(60px, 9vw, 142px); }
    .commerce-section .section-title { color: #eefaff; }
    .commerce-section .section-intro { color: rgba(195, 223, 236, .58); }

    .commerce-flow { position: relative; margin-top: clamp(72px, 8vw, 108px); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .commerce-flow::before { content: ""; position: absolute; top: 33px; left: 6%; right: 6%; height: 1px; background: linear-gradient(90deg, rgba(101, 214, 255, .06), rgba(101, 214, 255, .5), rgba(101, 214, 255, .06)); box-shadow: 0 0 9px rgba(76, 193, 237, .22); }
    .commerce-flow::after { content: ""; position: absolute; top: 33px; left: 0; width: 90px; height: 1px; background: linear-gradient(90deg, transparent, #d3f7ff, transparent); filter: drop-shadow(0 0 6px rgba(88, 214, 255, .85)); animation: flowRun 8s linear infinite; }
    .flow-step { position: relative; z-index: 2; min-width: 0; padding-right: clamp(16px, 2.5vw, 38px); }
    .flow-step + .flow-step { padding-left: clamp(16px, 2.5vw, 38px); border-left: 1px solid rgba(103, 204, 242, .08); }
    .flow-node { width: 66px; height: 66px; border: 1px solid rgba(111, 221, 255, .38); border-radius: 19px; display: grid; place-items: center; color: #9aeaff; background: linear-gradient(145deg, rgba(18, 80, 121, .87), rgba(5, 27, 45, .96)); box-shadow: 0 0 0 7px rgba(82, 193, 237, .025), 0 0 24px rgba(66, 184, 233, .14), inset 0 0 18px rgba(94, 210, 250, .055); }
    .flow-node svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.25; }
    .flow-step h3 { min-height: 2.4em; margin: 36px 0 16px; color: #e9f9ff; font-size: clamp(18px, 1.55vw, 25px); font-weight: 430; line-height: 1.2; letter-spacing: -.04em; }
    .flow-step p { margin: 0; color: rgba(190, 218, 231, .5); font-size: 11px; line-height: 1.65; }

    .commerce-cards { margin-top: clamp(68px, 7vw, 96px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(103, 204, 242, .12); border-left: 1px solid rgba(103, 204, 242, .12); }
    .commerce-card { min-height: 192px; padding: clamp(25px, 3vw, 42px); border-right: 1px solid rgba(103, 204, 242, .12); border-bottom: 1px solid rgba(103, 204, 242, .12); background: rgba(5, 24, 40, .37); }
    .commerce-card strong { color: rgba(233, 250, 255, .86); font-size: clamp(21px, 2vw, 30px); font-weight: 430; letter-spacing: -.04em; }
    .commerce-card p { max-width: 390px; margin: 18px 0 0; color: rgba(191, 220, 232, .52); font-size: 11px; line-height: 1.68; }

    .control-section { position: relative; color: var(--ink); background: linear-gradient(180deg, #dceaf0 0%, #f8fbfc 9%, #f8fbfc 100%); }
    .control-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); }
    .control-shell { width: var(--shell); margin: 0 auto; padding: clamp(124px, 14vw, 200px) 0; display: grid; grid-template-columns: minmax(390px, .72fr) minmax(0, 1.28fr); gap: clamp(65px, 9vw, 145px); align-items: center; }
    .control-copy .section-title { font-size: clamp(50px, 6.3vw, 92px); }
    .control-copy .section-intro { max-width: 590px; margin-top: 32px; }
    .control-list { margin: 42px 0 0; padding: 0; display: grid; gap: 17px; list-style: none; }
    .control-list li { position: relative; padding-left: 31px; color: rgba(39, 76, 93, .72); font-size: 12px; line-height: 1.58; }
    .control-list li::before { content: ""; position: absolute; top: .58em; left: 0; width: 7px; height: 7px; border: 1px solid #2c83a4; border-radius: 50%; box-shadow: 0 0 8px rgba(43, 137, 171, .22); }

    .workspace { position: relative; min-height: 610px; padding: 24px; overflow: hidden; border: 1px solid rgba(27, 109, 144, .16); border-radius: 25px; background: linear-gradient(145deg, #e6f1f5, #f9fcfd); box-shadow: 0 30px 80px rgba(35, 82, 104, .12); }
    .workspace::before { content: ""; position: absolute; inset: 0; opacity: .34; background-image: linear-gradient(rgba(30, 112, 147, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 112, 147, .045) 1px, transparent 1px); background-size: 31px 31px; pointer-events: none; }
    .workspace-bar { position: relative; z-index: 2; height: 54px; padding: 0 18px; border: 1px solid rgba(30, 111, 146, .13); border-radius: 14px; display: flex; align-items: center; gap: 13px; background: rgba(255, 255, 255, .65); }
    .workspace-brand { color: #1e7193; font-size: 10px; font-weight: 600; letter-spacing: .04em; }
    .workspace-search { width: min(42%, 240px); height: 28px; margin-left: 20px; border: 1px solid rgba(29, 108, 141, .11); border-radius: 8px; display: flex; align-items: center; padding-inline: 11px; color: rgba(48, 93, 112, .38); background: rgba(231, 242, 246, .75); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
    .workspace-user { width: 29px; height: 29px; margin-left: auto; border: 1px solid rgba(31, 111, 144, .18); border-radius: 9px; display: grid; place-items: center; color: #287d9e; font-size: 8px; }
    .workspace-grid { position: relative; z-index: 2; margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(190px, .75fr); gap: 17px; }
    .workspace-column { display: grid; gap: 17px; }
    .workspace-widget { min-height: 205px; padding: 22px; border: 1px solid rgba(28, 108, 142, .13); border-radius: 17px; background: rgba(255, 255, 255, .66); box-shadow: 0 13px 34px rgba(36, 92, 116, .06); }
    .workspace-widget--small { min-height: 138px; }
    .workspace-widget-head { display: flex; justify-content: space-between; gap: 14px; color: rgba(37, 80, 98, .68); font-size: 9px; }
    .workspace-widget-head span:last-child { color: rgba(42, 103, 128, .34); font-size: 6px; letter-spacing: .12em; text-transform: uppercase; }
    .workspace-bars { height: 105px; margin-top: 26px; display: flex; align-items: flex-end; gap: 9px; }
    .workspace-bars i { height: var(--h); flex: 1 1 0; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #3ca8cf, #1c779f); opacity: calc(.42 + var(--n)); box-shadow: 0 5px 10px rgba(39, 130, 166, .07); }
    .workspace-ring { width: 88px; height: 88px; margin: 31px auto 0; border: 13px solid rgba(41, 132, 167, .09); border-top-color: #2586ac; border-right-color: #54b4d3; border-radius: 50%; box-shadow: 0 0 0 1px rgba(32, 112, 145, .05); transform: rotate(24deg); }
    .workspace-lines { margin-top: 24px; display: grid; gap: 12px; }
    .workspace-lines i { height: 7px; border-radius: 999px; background: linear-gradient(90deg, rgba(38, 128, 164, .2) var(--w), rgba(38, 128, 164, .055) var(--w)); }

    .foundation-section { position: relative; color: var(--ink); background: #f8fbfc; }
    .foundation-shell { width: var(--shell); margin: 0 auto; padding: 0 0 clamp(124px, 14vw, 200px); }
    .foundation-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(27, 105, 139, .17); border-left: 1px solid rgba(27, 105, 139, .17); }
    .foundation-card { position: relative; min-height: 330px; padding: clamp(28px, 3vw, 44px); border-right: 1px solid rgba(27, 105, 139, .17); border-bottom: 1px solid rgba(27, 105, 139, .17); background: rgba(239, 247, 249, .58); transition: transform .4s ease, box-shadow .4s ease, background .4s ease; }
    .foundation-card:hover { z-index: 2; transform: translateY(-7px); background: #f9fcfd; box-shadow: 0 25px 56px rgba(30, 83, 107, .11); }
    .foundation-icon { width: 52px; height: 52px; border: 1px solid rgba(28, 117, 153, .19); border-radius: 14px; display: grid; place-items: center; color: #227b9e; background: rgba(255, 255, 255, .58); }
    .foundation-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.3; }
    .foundation-card h3 { margin: 77px 0 17px; color: #173c4e; font-size: clamp(21px, 1.7vw, 28px); font-weight: 460; line-height: 1.17; letter-spacing: -.04em; }
    .foundation-card p { margin: 0; color: rgba(43, 76, 91, .65); font-size: 11px; line-height: 1.68; }

    .platform-cta { position: relative; min-height: 620px; overflow: hidden; display: grid; place-items: center; text-align: center; isolation: isolate; background: radial-gradient(circle at 50% 45%, rgba(12, 122, 208, .24), transparent 35%), linear-gradient(145deg, #05111d, #071e31 60%, #020910); }
    .platform-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .34; background-image: linear-gradient(rgba(92, 200, 241, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(92, 200, 241, .045) 1px, transparent 1px); background-size: 44px 44px; -webkit-mask-image: radial-gradient(circle at center, #000, transparent 78%); mask-image: radial-gradient(circle at center, #000, transparent 78%); }
    .cta-inner { width: min(100% - 48px, 1120px); padding: 110px 0; }
    .cta-kicker { margin: 0 0 24px; color: #77defc; font-size: 8px; letter-spacing: .22em; text-transform: uppercase; }
    .cta-title { margin: 0; color: #eefaff; font-size: clamp(52px, 7.5vw, 112px); font-weight: 380; line-height: .91; letter-spacing: -.07em; }
    .cta-text { max-width: 660px; margin: 30px auto 0; color: rgba(200, 226, 238, .6); font-size: 15px; line-height: 1.73; }
    .cta-actions { margin-top: 40px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 13px; }

    .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 entrySignalRun { to { stroke-dashoffset: -100; } }
    @keyframes entryNodePulse { 50% { opacity: .38; transform: scale(.7); } }
    @keyframes transitionNodePulse { 50% { opacity: .45; box-shadow: 0 0 0 10px rgba(92, 204, 233, 0), 0 0 18px rgba(101, 220, 248, .62); } }
    @keyframes nodePulse { 50% { opacity: .4; transform: scale(.72); } }
    @keyframes panelIn { from { opacity: 0; transform: translateY(12px); } }
    @keyframes flowRun { from { left: -8%; } to { left: 100%; } }
    @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, .72fr) minmax(510px, 1fr); gap: 48px; }
      .console-main { padding: 25px; }
      .module-browser { grid-template-columns: minmax(220px, .3fr) minmax(0, 1.7fr); }
      .flow-step { padding-right: 20px; }
      .flow-step + .flow-step { padding-left: 20px; }
      .foundation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .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: 790px; }
      .console-window { width: min(100%, 820px); margin-inline: auto; }
      .entry-heading { align-items: flex-start; flex-direction: column; gap: 25px; }
      .entry-note { max-width: 700px; margin-bottom: 0; }
      .entry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .entry-card--video { grid-column: span 2; min-height: 370px; }
      .entry-card--video .entry-card-copy { max-width: 520px; }
      .section-heading,
      .commerce-heading { grid-template-columns: 1fr; gap: 29px; }
      .section-intro { max-width: 720px; }
      .module-browser { grid-template-columns: 1fr; }
      .module-tabs { padding: 8px; display: flex; overflow-x: auto; scrollbar-width: thin; }
      .module-tab { min-width: max-content; min-height: 52px; padding-inline: 16px; }
      .module-tab::after { display: none; }
      .commerce-flow { grid-template-columns: 1fr; }
      .commerce-flow::before { top: 0; bottom: 0; left: 32px; right: auto; width: 1px; height: auto; }
      .commerce-flow::after { display: none; }
      .flow-step,
      .flow-step + .flow-step { min-height: 176px; padding: 0 0 45px 100px; border-left: 0; }
      .flow-step:last-child { min-height: 0; padding-bottom: 0; }
      .flow-node { position: absolute; top: 0; left: 0; }
      .flow-step h3 { min-height: 0; margin-top: 0; }
      .commerce-cards { grid-template-columns: 1fr; }
      .control-shell { grid-template-columns: 1fr; gap: 70px; }
      .control-copy { max-width: 780px; }
      .workspace { width: min(100%, 800px); margin-inline: auto; }
      .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; }
    }

    @media (max-width: 700px) {
      :root { --shell: min(100% - 32px, 1480px); }
      .platform-hero { min-height: auto; }
      .hero-shell { padding: 115px 0 76px; gap: 54px; }
      .breadcrumbs { margin-bottom: 42px; }
      .hero-title { font-size: clamp(52px, 16vw, 76px); }
      .hero-lead { margin-top: 27px; font-size: 14px; }
      .hero-actions { align-items: stretch; flex-direction: column; }
      .button-primary,
      .button-ghost { width: 100%; }
      .console-window { min-height: 640px; border-radius: 18px; }
      .console-layout { min-height: 583px; grid-template-columns: 54px 1fr; }
      .console-sidebar { padding: 18px 8px; }
      .console-logo { width: 34px; height: 34px; margin-bottom: 12px; }
      .console-nav-item { width: 33px; height: 33px; }
      .console-main { padding: 21px 15px; }
      .console-heading time { display: none; }
      .console-statuses { grid-template-columns: 1fr; gap: 8px; }
      .console-status { padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
      .console-status strong { margin-top: 0; }
      .console-grid { grid-template-columns: 1fr; }
      .console-card--orders { display: none; }
      .console-foot { margin-top: 10px; }
      .light-bridge,
      .dark-bridge { height: 118px; }
      .entry-shell { padding: 112px 0 108px; }
      .entry-section .entry-breadcrumbs { margin-top: 38px; margin-bottom: 38px; }
      .entry-title { font-size: clamp(45px, 13.5vw, 66px); }
      .entry-grid { margin-top: 46px; grid-template-columns: 1fr; }
      .entry-card,
      .entry-card--video { grid-column: auto; min-height: 410px; padding: 29px 25px; border-radius: 19px; }
      .entry-card-copy { max-width: 440px; margin-top: 35px; }
      .entry-card h2 { font-size: clamp(35px, 11vw, 49px); }
      .entry-card p { max-width: 390px; }
      .entry-circuit { opacity: .48; }
      .entry-transition { height: 170px; }
      .feature-diagram { right: -49px; bottom: -45px; transform: scale(.82); }
      .shop-stack { right: -24px; bottom: -18px; transform: scale(.87); transform-origin: right bottom; }
      .video-visual { right: -45px; bottom: -49px; transform: scale(.82); }
      .section-shell { padding: 96px 0 112px; }
      .section-title { font-size: clamp(47px, 14vw, 68px); }
      .module-browser { margin-top: 52px; }
      .module-panel { min-height: 610px; padding: 34px 23px; border-radius: 18px; }
      .module-panel-head { grid-template-columns: 1fr; }
      .module-count { width: 54px; height: 54px; grid-row: 1; }
      .module-panel h3 { font-size: clamp(35px, 10vw, 49px); }
      .module-tags { margin-top: 39px; }
      .module-tags li { min-height: 36px; padding-inline: 11px; font-size: 9px; }
      .commerce-shell { min-height: 0; padding: 100px 0 112px; }
      .commerce-flow { margin-top: 62px; }
      .commerce-cards { margin-top: 66px; }
      .commerce-card { min-height: 170px; }
      .control-shell { padding: 116px 0 130px; gap: 55px; }
      .control-copy .section-title { font-size: clamp(47px, 14vw, 68px); }
      .workspace { min-height: 620px; padding: 15px; border-radius: 18px; }
      .workspace-grid { grid-template-columns: 1fr; }
      .workspace-column:last-child { grid-template-columns: repeat(2, 1fr); }
      .workspace-widget--small { min-height: 150px; }
      .workspace-ring { width: 68px; height: 68px; margin-top: 24px; }
      .foundation-shell { padding-bottom: 125px; }
      .foundation-grid { grid-template-columns: 1fr; }
      .foundation-card { min-height: 295px; }
      .platform-cta { min-height: 560px; }
      .cta-inner { width: min(100% - 32px, 1120px); padding: 90px 0; }
      .cta-title { font-size: clamp(48px, 14vw, 70px); }
      .cta-text { font-size: 14px; }
      .cta-actions { align-items: stretch; flex-direction: column; }
      .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; }
      .hero-tags li:nth-child(3) { display: none; }
      .console-live { display: none; }
      .console-topbar { padding-inline: 15px; }
      .console-heading strong { font-size: 20px; }
      .console-status strong { font-size: 9px; }
      .console-foot-badge { display: none; }
      .workspace-search { display: none; }
      .entry-card { min-height: 440px; }
      .entry-card p { max-width: 92%; }
      .feature-diagram,
      .shop-stack,
      .video-visual { opacity: .76; }
      .workspace-column:last-child { grid-template-columns: 1fr; }
      .foundation-card { min-height: 275px; }
      .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; }
      .foundation-card { transition: none; }
    }