/* PromanOS marketing stylesheet · generated by design-system/split-bundles.mjs */
/* index-before-xai-layout */
@scope (html[data-page-bundle="index-before-xai-layout"]) {
:scope {
      --bg: var(--pro-bg);
      --panel: var(--pro-surface-subtle);
      --panel-strong: var(--pro-surface-raised);
      --line: var(--pro-line);
      --line-strong: var(--pro-line-strong);
      --text: var(--pro-text);
      --muted: var(--pro-muted);
      --soft: var(--pro-text-strong);
      --green: var(--pro-green);
      --amber: #f7d787;
      --blue: var(--pro-blue);
      --radius: var(--pro-radius-card);
      --header-h: 64px;
    }

    * { box-sizing: border-box; }
    :scope, body { width: 100%; height: 100%; margin: 0; }
    :scope { background: var(--bg); color-scheme: dark; }
    body {
      overflow: hidden;
      color: var(--text);
      background:
        radial-gradient(980px 520px at 80% -12%, rgba(104, 89, 255, 0.09), transparent 60%),
        radial-gradient(760px 460px at 5% 112%, rgba(46, 190, 157, 0.065), transparent 62%),
        var(--bg);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: 0.14;
      background-image:
        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 80px 80px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 85%);
    }

    a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
    button { font: inherit; }
    a, button { touch-action: manipulation; }

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

    .shell {
      width: min(1600px, 100%);
      height: 100dvh;
      margin: 0 auto;
      padding: 0 clamp(18px, 3vw, 48px) clamp(14px, 2vw, 28px);
      display: grid;
      grid-template-rows: var(--header-h) minmax(0, 1fr);
      position: relative;
      z-index: 1;
      padding-bottom: clamp(28px, 3vw, 38px);
    }

    header {
      height: var(--header-h);
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 24px;
      border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 650;
      letter-spacing: -0.02em;
      font-size: 17.5px;
      white-space: nowrap;
    }

    .brand-mark {
      width: 27px;
      height: 27px;
      position: relative;
      border-radius: 9px;
      border: 1px solid rgba(255,255,255,.26);
      background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.75) 0 4%, transparent 5%),
        linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.025));
      box-shadow: inset 0 0 22px rgba(255,255,255,.03), 0 0 22px rgba(133,163,255,.06);
    }
    .brand-mark::before,
    .brand-mark::after {
      content: "";
      position: absolute;
      inset: 5px;
      border: 1px solid rgba(255,255,255,.38);
      border-radius: 50%;
      transform: rotate(36deg) scaleX(.6);
    }
    .brand-mark::after { transform: rotate(-36deg) scaleX(.6); }

    .brand-logo {
      width: 29px;
      height: 29px;
      flex: 0 0 29px;
      display: block;
      object-fit: contain;
      border-radius: 8px;
    }

    nav {
      justify-self: center;
      display: flex;
      align-items: center;
      gap: clamp(16px, 2.2vw, 30px);
      color: #94999f;
      font-size: 14px;
    }
    nav a { transition: color .18s ease; }
    nav a:hover { color: #fff; }

    .header-actions {
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 14px;
      min-width: 0;
    }

    .pro-download-menu { position: relative; }
    .pro-download-trigger {
      height: 40px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 0 13px;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 999px;
      color: #d2d8df;
      background: rgba(255,255,255,.035);
      font-size: 13.5px;
      font-weight: 680;
      line-height: 1;
      list-style: none;
      white-space: nowrap;
      cursor: pointer;
      transition: color .18s ease, border-color .18s ease, background .18s ease;
    }
    .pro-download-trigger::-webkit-details-marker { display: none; }
    .pro-download-trigger:hover,
    .pro-download-menu[open] .pro-download-trigger {
      color: #fff;
      border-color: rgba(255,255,255,.25);
      background: rgba(255,255,255,.075);
    }
    .pro-download-trigger:focus-visible,
    .pro-download-panel a:focus-visible {
      outline: 2px solid rgba(158,199,255,.85);
      outline-offset: 3px;
    }
    .pro-download-trigger svg {
      width: 15px;
      height: 15px;
      flex: 0 0 auto;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.65;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .pro-download-label-short { display: none; }
    .pro-download-chevron {
      width: 7px;
      height: 7px;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: translateY(-2px) rotate(45deg);
      transition: transform .2s ease;
      opacity: .72;
    }
    .pro-download-menu[open] .pro-download-chevron { transform: translateY(2px) rotate(225deg); }
    .pro-download-panel {
      width: 270px;
      position: absolute;
      z-index: 85;
      top: calc(100% + 10px);
      right: 0;
      display: grid;
      gap: 4px;
      padding: 7px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 16px;
      background: rgba(18,20,24,.96);
      box-shadow: 0 20px 55px rgba(0,0,0,.42);
      backdrop-filter: blur(22px);
    }
    .pro-download-panel a {
      min-height: 58px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 10px 12px;
      border-radius: 11px;
      color: #e8edf2;
      text-decoration: none;
      transition: background .18s ease, color .18s ease;
    }
    .pro-download-panel a:hover { color: #fff; background: rgba(255,255,255,.08); }
    .pro-download-panel strong,
    .pro-download-panel small { display: block; }
    .pro-download-panel strong { font-size: 14px; font-weight: 680; }
    .pro-download-panel small { margin-top: 4px; color: #939ca6; font-size: 12.5px; }
    :scope[data-theme="light"] .pro-download-trigger {
      color: #30363d;
      border-color: rgba(42,47,54,.18);
      background: rgba(42,47,54,.045);
    }
    :scope[data-theme="light"] .pro-download-trigger:hover,
    :scope[data-theme="light"] .pro-download-menu[open] .pro-download-trigger { background: rgba(42,47,54,.09); }
    :scope[data-theme="light"] .pro-download-panel {
      border-color: rgba(42,47,54,.16);
      background: rgba(246,244,239,.97);
      box-shadow: 0 20px 50px rgba(47,43,37,.2);
    }
    :scope[data-theme="light"] .pro-download-panel a { color: #20252b; }
    :scope[data-theme="light"] .pro-download-panel a:hover { color: #11151a; background: rgba(42,47,54,.08); }
    :scope[data-theme="light"] .pro-download-panel small { color: #68717a; }

    .theme-toggle {
      position: relative;
      width: 36px;
      height: 36px;
      flex: 0 0 36px;
      display: inline-grid;
      place-items: center;
      padding: 0;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 50%;
      color: #b8c0c9;
      background: transparent;
      cursor: pointer;
      transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
    }
    .theme-toggle:hover {
      color: #fff;
      border-color: rgba(255,255,255,.22);
      background: rgba(255,255,255,.065);
      transform: translateY(-1px);
    }
    .theme-toggle:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .8);
      outline-offset: 3px;
    }
    .theme-toggle svg {
      position: absolute;
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: opacity .22s ease, transform .3s ease;
    }
    .theme-icon-sun { opacity: 1; transform: rotate(0) scale(1); }
    .theme-icon-moon { opacity: 0; transform: rotate(-35deg) scale(.7); }

    .language-picker {
      position: relative;
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
    }
    .language-picker::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 50%;
      width: 5px;
      height: 5px;
      border-right: 1.5px solid #8f99a5;
      border-bottom: 1.5px solid #8f99a5;
      transform: translateY(-70%) rotate(45deg);
      pointer-events: none;
    }
    .language-select {
      width: 60px;
      min-height: 36px;
      padding: 7px 25px 7px 10px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 999px;
      appearance: none;
      -webkit-appearance: none;
      color: #b8c0c9;
      background: transparent;
      font: inherit;
      font-weight: 650;
      letter-spacing: .02em;
      cursor: pointer;
      outline: none;
      transition: color .18s ease, border-color .18s ease, background .18s ease;
    }
    .language-select:hover {
      color: #fff;
      border-color: rgba(255,255,255,.22);
      background: rgba(255,255,255,.055);
    }
    .language-select:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .8);
      outline-offset: 3px;
    }
    .language-select option {
      color: #11151b;
      background: #fff;
    }

    .signin { color: #b8c0c9; padding: 8px 7px; }
    .signin:hover { color: white; }
    .primary {
      padding: 9px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.23);
      background: rgba(255,255,255,.92);
      color: #090b0f;
      font-weight: 600;
      box-shadow: none;
      transition: transform .18s ease, background .18s ease;
    }
    .primary:hover { transform: translateY(-1px); background: #fff; }

    main {
      min-height: 0;
      padding-top: clamp(14px, 2.2vh, 24px);
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      gap: clamp(14px, 2vh, 20px);
    }

    .hero {
      display: grid;
      grid-template-columns: 1fr;
      align-items: end;
      gap: 32px;
      min-height: 104px;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #aeb6c0;
      font-size: 14px;
      font-weight: 650;
      letter-spacing: .15em;
      text-transform: uppercase;
      margin-bottom: 8px;
    }
    .eyebrow::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: none;
    }

    h1 {
      margin: 0;
      max-width: 850px;
      font-size: clamp(30px, 4.2vw, 64px);
      line-height: .98;
      letter-spacing: -0.045em;
      font-weight: 540;
    }
    h1 span {
      color: #92969c;
      font-weight: 430;
    }
    h1 .hero-main {
      color: var(--text);
      font-weight: 540;
    }

    .launcher {
      min-height: 0;
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(84px, .52fr);
      gap: clamp(9px, 1.15vw, 15px);
    }

    .card {
      position: relative;
      min-width: 0;
      min-height: 0;
      overflow: hidden;
      border-radius: var(--radius);
      border: 1px solid var(--line);
      background: rgba(255,255,255,.038);
      box-shadow: none;
      transition: transform .2s ease, border-color .2s ease, background .2s ease;
      isolation: isolate;
    }
    .card:not(.disabled):hover {
      transform: translateY(-1px);
      border-color: var(--line-strong);
      background: rgba(255,255,255,.055);
      box-shadow: none;
    }

    .card-main-link {
      position: absolute;
      inset: 0;
      z-index: 1;
      border-radius: inherit;
    }
    .card-main-link:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .8);
      outline-offset: -3px;
    }
    .has-download .card-top,
    .has-download .product-body {
      position: relative;
      z-index: 2;
      pointer-events: none;
    }

    .major {
      padding: clamp(15px, 1.65vw, 25px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .business { grid-column: 1 / span 6; grid-row: 1; }
    .pro1 { grid-column: 7 / span 3; grid-row: 1; }
    .model-router { grid-column: 10 / span 3; grid-row: 1; }
    .pronet { grid-column: 1 / span 5; grid-row: 2; }
    .market { grid-column: 6 / span 7; grid-row: 2; }

    .major::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 72%;
      border-radius: 0 0 var(--radius) var(--radius);
      background: linear-gradient(90deg, var(--content-scrim-left), var(--content-scrim-mid) 72%, var(--content-scrim-right));
      mask-image: linear-gradient(to bottom, transparent, #000 28%, #000);
      pointer-events: none;
      z-index: 1;
      opacity: 1;
      transition: opacity .38s ease;
    }

    .major {
      --tile-image: none;
      --tile-scrim-left: rgba(5,5,6,.94);
      --tile-scrim-mid: rgba(5,5,6,.56);
      --tile-scrim-right: rgba(5,5,6,.14);
      --content-scrim-left: rgba(5,5,6,.94);
      --content-scrim-mid: rgba(5,5,6,.74);
      --content-scrim-right: rgba(5,5,6,.12);
    }
    .major::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      border-radius: inherit;
      background-image:
        linear-gradient(90deg, var(--tile-scrim-left) 0%, var(--tile-scrim-mid) 48%, var(--tile-scrim-right) 100%),
        var(--tile-image);
      background-position: center;
      background-size: cover;
      opacity: .88;
      filter: saturate(.9) contrast(1.08);
      transform: scale(1.01);
      transition: opacity .35s ease, filter .35s ease, transform .6s cubic-bezier(.22,1,.36,1);
    }
    .major:hover::after,
    .major:focus-within::after {
      opacity: .98;
      filter: saturate(1.04) contrast(1.1);
      transform: scale(1.025);
    }
    .major > .card-top,
    .major > .product-body {
      position: relative;
      z-index: 1;
    }
    .business { --tile-image: url("assets/tile-promanos-business-v3.webp"); }
    .pro1 { --tile-image: url("assets/tile-pro-1.webp"); }
    .model-router {
      --tile-image: url("assets/tile-model-router-photoreal-v1.webp");
      --tile-image: image-set(url("assets/tile-model-router-photoreal-v1.avif") type("image/avif"), url("assets/tile-model-router-photoreal-v1.webp") type("image/webp"));
      --tile-position: 70% 50%;
    }
    .pronet { --tile-image: url("assets/tile-pronet.webp"); }
    .market { --tile-image: url("assets/tile-marketplace.webp"); }

    .card-top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
    }
    .product-kicker {
      color: #aeb6c0;
      font-size: 13.5px;
      font-weight: 600;
      letter-spacing: .11em;
      text-transform: uppercase;
    }
    .status {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      flex: 0 0 auto;
      padding: 5px 8px;
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 999px;
      color: #aab3bd;
      background: rgba(255,255,255,.035);
      font-size: 13.5px;
      line-height: 1;
      font-weight: 650;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .status::before {
      content: "";
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: currentColor;
      box-shadow: none;
    }
    .status.available { color: var(--green); }
    .status.beta { color: var(--blue); }
    .status.preview { color: #cfb8ff; }
    .status.soon { color: var(--amber); opacity: .9; }

    .product-body { margin-top: auto; }
    .product-name {
      margin: 0 0 5px;
      font-size: clamp(20px, 2.1vw, 31px);
      line-height: 1;
      letter-spacing: -0.035em;
      font-weight: 560;
    }
    .product-desc {
      margin: 0;
      max-width: 580px;
      color: #d3d6da;
      font-size: clamp(13.5px, .93vw, 14px);
      line-height: 1.45;
      font-weight: 450;
    }
    .card-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 14px;
      margin-top: clamp(10px, 1.2vh, 16px);
    }
    .card-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      min-width: 0;
    }
    .tags {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }
    .tag {
      color: #7f8994;
      font-size: 13.5px;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .tag + .tag::before { content: "·"; margin-right: 5px; color: #4f5760; }
    .go {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: #11151a;
      font-size: 14px;
      padding: 3px 3px 3px 9px;
      border: 1px solid #f2f4f6;
      border-radius: 999px;
      background: #f2f4f6;
      box-shadow: none;
      backdrop-filter: none;
      font-weight: 620;
      white-space: nowrap;
      transition: background .2s ease, border-color .2s ease;
    }
    .go .arrow {
      display: inline-grid;
      place-items: center;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      color: #343a41;
      background: #e2e6ea;
      border: 1px solid #d7dce1;
      transition: transform .2s ease, background .2s ease;
    }
    .card:not(.disabled):hover .go { background: #fff; border-color: #fff; }
    .card:not(.disabled):hover .go .arrow { transform: translateX(2px); background: #d9dee3; }

    .download-button {
      position: relative;
      z-index: 3;
      pointer-events: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-height: 30px;
      padding: 6px 10px;
      border: 1px solid #3a4149;
      border-radius: 999px;
      color: #e2e7ec;
      background: #20252b;
      box-shadow: none;
      font-size: 14px;
      font-weight: 620;
      line-height: 1;
      white-space: nowrap;
      transition: transform .2s ease, background .2s ease;
    }
    .download-button:hover {
      color: #fff;
      border-color: #4a535d;
      background: #2b3138;
      box-shadow: none;
      transform: translateY(-1px);
    }
    .download-button:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .9);
      outline-offset: 2px;
    }
    .download-button svg {
      width: 13px;
      height: 13px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .disabled {
      opacity: .62;
      filter: saturate(.65);
    }
    .disabled .go { color: #7f8790; }

    .utility {
      grid-row: 3;
      padding: clamp(12px, 1.25vw, 18px);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .chat { grid-column: 1 / span 3; }
    .benchmarks { grid-column: 4 / span 3; }
    .developers { grid-column: 7 / span 3; }
    .docs { grid-column: 10 / span 3; }

    .utility-copy { min-width: 0; }
    .utility h3 {
      margin: 0 0 4px;
      font-size: clamp(13.5px, 1.05vw, 16px);
      letter-spacing: -0.02em;
      font-weight: 560;
    }
    .utility p {
      margin: 0;
      color: #7f8994;
      font-size: clamp(13.5px, .75vw, 13.5px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .utility-icon {
      flex: 0 0 auto;
      width: 29px;
      height: 29px;
      border-radius: 9px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
      display: grid;
      place-items: center;
      color: #b8c0ca;
      font-size: 14.5px;
      transition: transform .2s ease, background .2s ease;
    }
    .utility:hover .utility-icon { transform: translateX(2px); background: rgba(255,255,255,.08); }

    /* Keep cards calm at rest; reveal supporting copy when a mouse or keyboard targets them. */
    @media (hover: hover) and (pointer: fine) {
      .major::before { opacity: 0; }
      .major:hover::before,
      .major:focus-visible::before,
      .major:focus-within::before { opacity: 1; }
      .major .product-name { margin-bottom: 0; }
      .major .product-desc {
        max-height: 0;
        margin-top: 0;
        opacity: 0;
        overflow: hidden;
        filter: blur(1.5px);
        transform: translateY(5px);
        transition:
          max-height .64s cubic-bezier(.16, 1, .3, 1),
          margin-top .58s cubic-bezier(.16, 1, .3, 1),
          opacity .52s ease-out,
          filter .52s ease-out,
          transform .64s cubic-bezier(.16, 1, .3, 1);
        will-change: opacity, filter, transform;
      }
      .major:hover .product-desc,
      .major:focus-visible .product-desc,
      .major:focus-within .product-desc {
        max-height: 76px;
        margin-top: 5px;
        opacity: 1;
        filter: blur(0);
        transform: translateY(0);
      }
      .utility p {
        max-height: 0;
        margin-top: 0;
        opacity: 0;
        filter: blur(1px);
        transform: translateY(4px);
        transition:
          max-height .58s cubic-bezier(.16, 1, .3, 1),
          margin-top .54s cubic-bezier(.16, 1, .3, 1),
          opacity .48s ease-out,
          filter .48s ease-out,
          transform .58s cubic-bezier(.16, 1, .3, 1);
        will-change: opacity, filter, transform;
      }
      .utility:hover p,
      .utility:focus-visible p {
        max-height: 18px;
        margin-top: 4px;
        opacity: 1;
        filter: blur(0);
        transform: translateY(0);
      }
    }



    .site-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: max(8px, env(safe-area-inset-bottom));
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      font-size: 14px;
      line-height: 1;
      color: #7f8994;
      z-index: 2;
      pointer-events: auto;
    }
    .site-footer a {
      color: inherit;
      transition: color .18s ease;
    }
    .site-footer a:hover { color: #cfd5dc; }
    .site-footer .dot {
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: rgba(255,255,255,.22);
    }

    .kbd-focus:focus-visible,
    a:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .8);
      outline-offset: 3px;
    }

    :scope[data-theme="light"] {
      --bg: var(--pro-bg);
      --panel: var(--pro-surface-subtle);
      --panel-strong: var(--pro-surface-raised);
      --line: var(--pro-line);
      --line-strong: var(--pro-line-strong);
      --text: var(--pro-text-strong);
      --muted: var(--pro-muted);
      --soft: var(--pro-text);
      --green: #0f6a47;
      --amber: #835411;
      --blue: var(--pro-blue);
      color-scheme: light;
    }
    :scope[data-theme="light"] body {
      background:
        radial-gradient(1000px 560px at 84% -14%, rgba(91, 102, 177, .14), transparent 60%),
        radial-gradient(760px 500px at -5% 42%, rgba(40, 144, 128, .1), transparent 62%),
        radial-gradient(760px 500px at 55% 114%, rgba(164, 111, 88, .09), transparent 64%),
        var(--bg);
    }
    :scope[data-theme="light"] body::before {
      opacity: .14;
      background-image:
        linear-gradient(rgba(42,47,54,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(42,47,54,.045) 1px, transparent 1px);
    }
    :scope[data-theme="light"] header { border-bottom-color: rgba(31,36,42,.18); }
    :scope[data-theme="light"] .brand-mark {
      border-color: rgba(42,47,54,.28);
      background:
        radial-gradient(circle at 35% 30%, rgba(42,47,54,.72) 0 4%, transparent 5%),
        linear-gradient(145deg, rgba(42,47,54,.09), rgba(42,47,54,.025));
      box-shadow: inset 0 0 22px rgba(42,47,54,.025), 0 0 22px rgba(72,97,151,.08);
    }
    :scope[data-theme="light"] .brand-mark::before,
    :scope[data-theme="light"] .brand-mark::after { border-color: rgba(42,47,54,.42); }
    :scope[data-theme="light"] nav,
    :scope[data-theme="light"] .signin,
    :scope[data-theme="light"] .eyebrow,
    :scope[data-theme="light"] .product-kicker { color: #414b55; }
    :scope[data-theme="light"] nav a:hover,
    :scope[data-theme="light"] .signin:hover { color: #161a1f; }
    :scope[data-theme="light"] h1 span { color: #4d5358; }
    :scope[data-theme="light"] h1 .hero-main { color: #111315; }
    :scope[data-theme="light"] .tag,
    :scope[data-theme="light"] .utility p,
    :scope[data-theme="light"] .site-footer { color: #46515b; }
    :scope[data-theme="light"] .tag + .tag::before { color: #77736c; }
    :scope[data-theme="light"] .language-picker::after { border-color: #414b55; }
    :scope[data-theme="light"] .language-select,
    :scope[data-theme="light"] .theme-toggle {
      color: #303941;
      border-color: rgba(31,36,42,.22);
      background: rgba(31,36,42,.065);
    }
    :scope[data-theme="light"] .language-select:hover,
    :scope[data-theme="light"] .theme-toggle:hover {
      color: #181c21;
      border-color: rgba(42,47,54,.28);
      background: rgba(42,47,54,.08);
    }
    :scope[data-theme="light"] .language-select option { color: #15191e; background: #e8e2d7; }
    :scope[data-theme="light"] .primary {
      color: #f4f0e8;
      border-color: #2b3036;
      background: #2b3036;
      box-shadow: none;
    }
    :scope[data-theme="light"] .primary:hover { color: #f4f0e8; background: #171b20; }
    :scope[data-theme="light"] .download-button {
      color: #e2e7ec;
      border-color: #3a4149;
      background: #20252b;
      box-shadow: none;
    }
    :scope[data-theme="light"] .download-button:hover {
      color: #fff;
      border-color: #4a535d;
      background: #2b3138;
      box-shadow: none;
    }
    :scope[data-theme="light"] .card {
      background: linear-gradient(145deg, rgba(246,244,239,.78), rgba(205,203,198,.62));
      box-shadow: none;
    }
    :scope[data-theme="light"] .card:not(.disabled):hover {
      background: linear-gradient(145deg, rgba(249,247,242,.88), rgba(205,204,200,.72));
      box-shadow: none;
    }
    :scope[data-theme="light"] .major {
      --tile-scrim-left: rgba(240,237,230,.94);
      --tile-scrim-mid: rgba(231,228,222,.5);
      --tile-scrim-right: rgba(214,211,205,.08);
      --content-scrim-left: rgba(240,237,230,.96);
      --content-scrim-mid: rgba(232,230,224,.84);
      --content-scrim-right: rgba(232,230,224,.14);
    }
    :scope[data-theme="light"] .business {
      --tile-scrim-left: rgba(226,239,236,.95);
      --tile-scrim-mid: rgba(207,228,228,.5);
      --tile-scrim-right: rgba(116,155,176,.06);
      --content-scrim-left: rgba(224,239,236,.97);
      --content-scrim-mid: rgba(211,231,229,.86);
      --content-scrim-right: rgba(211,231,229,.13);
    }
    :scope[data-theme="light"] .pro1 {
      --tile-scrim-left: rgba(234,232,244,.95);
      --tile-scrim-mid: rgba(212,216,241,.48);
      --tile-scrim-right: rgba(99,113,187,.05);
      --content-scrim-left: rgba(235,233,245,.97);
      --content-scrim-mid: rgba(218,220,240,.86);
      --content-scrim-right: rgba(218,220,240,.13);
    }
    :scope[data-theme="light"] .model-router {
      --tile-scrim-left: rgba(230,238,250,.95);
      --tile-scrim-mid: rgba(199,218,244,.48);
      --tile-scrim-right: rgba(61,117,196,.04);
      --content-scrim-left: rgba(232,239,251,.97);
      --content-scrim-mid: rgba(207,222,246,.86);
      --content-scrim-right: rgba(207,222,246,.13);
    }
    :scope[data-theme="light"] .pronet {
      --tile-scrim-left: rgba(222,240,233,.95);
      --tile-scrim-mid: rgba(196,230,221,.46);
      --tile-scrim-right: rgba(42,149,135,.04);
      --content-scrim-left: rgba(221,240,234,.97);
      --content-scrim-mid: rgba(201,231,223,.86);
      --content-scrim-right: rgba(201,231,223,.13);
    }
    :scope[data-theme="light"] .market {
      --tile-scrim-left: rgba(241,230,222,.93);
      --tile-scrim-mid: rgba(227,207,211,.42);
      --tile-scrim-right: rgba(115,82,143,.04);
      --content-scrim-left: rgba(242,231,223,.96);
      --content-scrim-mid: rgba(229,212,214,.84);
      --content-scrim-right: rgba(229,212,214,.12);
    }
    :scope[data-theme="light"] .major::after {
      opacity: .9;
      filter: saturate(1.12) contrast(1.06) brightness(1.01);
    }
    :scope[data-theme="light"] .major:hover::after,
    :scope[data-theme="light"] .major:focus-within::after {
      opacity: 1;
      filter: saturate(1.25) contrast(1.08) brightness(1.01);
    }
    :scope[data-theme="light"] .utility.chat {
      background: linear-gradient(135deg, rgba(229,240,236,.86), rgba(200,216,210,.68));
    }
    :scope[data-theme="light"] .utility.benchmarks {
      background: linear-gradient(135deg, rgba(234,234,244,.86), rgba(207,209,224,.68));
    }
    :scope[data-theme="light"] .utility.developers {
      background: linear-gradient(135deg, rgba(230,238,241,.86), rgba(201,215,221,.68));
    }
    :scope[data-theme="light"] .utility.docs {
      background: linear-gradient(135deg, rgba(241,233,226,.86), rgba(220,204,197,.68));
    }
    :scope[data-theme="light"] .utility {
      background-size: 140% 140%;
      transition: transform .2s ease, border-color .2s ease, background-position .35s ease;
    }
    :scope[data-theme="light"] .utility.chat:hover,
    :scope[data-theme="light"] .utility.benchmarks:hover,
    :scope[data-theme="light"] .utility.developers:hover,
    :scope[data-theme="light"] .utility.docs:hover {
      background-position: 100% 100%;
    }
    :scope[data-theme="light"] .status {
      color: #59626b;
      border-color: rgba(42,47,54,.14);
      background: rgba(42,47,54,.05);
    }
    :scope[data-theme="light"] .status.available { color: #167a55; }
    :scope[data-theme="light"] .status.beta { color: #386eae; }
    :scope[data-theme="light"] .status.preview { color: #7651a8; }
    :scope[data-theme="light"] .status.soon { color: #926016; }
    :scope[data-theme="light"] .product-desc {
      color: #25313a;
      font-weight: 520;
    }
    :scope[data-theme="light"] .go { color: #272c32; }
    :scope[data-theme="light"] .major .go {
      padding: 3px 3px 3px 9px;
      border: 1px solid rgba(42,47,54,.13);
      border-radius: 999px;
      background: rgba(245,242,236,.78);
      backdrop-filter: blur(9px);
    }
    :scope[data-theme="light"] .go .arrow,
    :scope[data-theme="light"] .utility-icon {
      color: #4d5660;
      border-color: rgba(42,47,54,.13);
      background: rgba(42,47,54,.055);
    }
    :scope[data-theme="light"] .card:not(.disabled):hover .go .arrow,
    :scope[data-theme="light"] .utility:hover .utility-icon { background: rgba(42,47,54,.1); }
    :scope[data-theme="light"] .disabled { opacity: .8; filter: saturate(.78); }
    :scope[data-theme="light"] .disabled .go { color: #505a64; }
    :scope[data-theme="light"] .site-footer a:hover { color: #292e34; }
    :scope[data-theme="light"] .site-footer .dot { background: rgba(42,47,54,.28); }
    :scope[data-theme="light"] .eyebrow::before { box-shadow: none; }
    :scope[data-theme="light"] .theme-icon-sun { opacity: 0; transform: rotate(35deg) scale(.7); }
    :scope[data-theme="light"] .theme-icon-moon { opacity: 1; transform: rotate(0) scale(1); }

    @media (max-width: 900px) {
      :scope { --header-h: 56px; --radius: 17px; }
      .shell {
        padding-top: env(safe-area-inset-top);
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
        padding-bottom: max(10px, env(safe-area-inset-bottom));
      }
      nav { display: none; }
      header { grid-template-columns: 1fr auto; gap: 12px; }
      .brand { font-size: 15.5px; gap: 8px; }
      .brand-mark { width: 25px; height: 25px; border-radius: 8px; }
      .brand-logo { width: 27px; height: 27px; flex-basis: 27px; border-radius: 7px; }
      .header-actions .signin { display: none; }
      .pro-download-label-long { display: none; }
      .pro-download-label-short { display: inline; }
      .pro-download-trigger { height: 40px; padding-inline: 11px; }
      .language-select {
        width: 55px;
        min-height: 40px;
        padding: 8px 23px 8px 9px;
        font-size: 14px;
      }
      .theme-toggle { width: 40px; height: 40px; flex-basis: 40px; }
      .language-picker::after { right: 9px; }
      .primary {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        padding: 8px 13px;
        font-size: 14px;
      }
      .site-footer {
        bottom: max(6px, env(safe-area-inset-bottom));
        font-size: 13.5px;
        gap: 10px;
      }
      main { padding-top: 10px; gap: 10px; }
      .hero { grid-template-columns: 1fr; min-height: auto; gap: 6px; }
      .eyebrow { margin-bottom: 5px; }
      h1 { max-width: 680px; font-size: clamp(30px, 8.4vw, 46px); line-height: .96; }

      /* Mobile launcher: four core products 2×2 + one compact service dock. */
      .launcher {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .72fr) minmax(62px, .34fr);
        gap: 7px;
      }
      .business { grid-column: 1 / span 2; grid-row: 1; }
      .pro1 { grid-column: 3 / span 2; grid-row: 1; }
      .pronet { grid-column: 1 / span 2; grid-row: 2; }
      .market { grid-column: 3 / span 2; grid-row: 2; }
      .model-router { grid-column: 1 / span 4; grid-row: 3; }
      .chat { grid-column: 1; grid-row: 4; }
      .benchmarks { grid-column: 2; grid-row: 4; }
      .developers { grid-column: 3; grid-row: 4; }
      .docs { grid-column: 4; grid-row: 4; }

      .major { padding: 12px; }
      .major::before { width: 190px; height: 190px; right: -80px; top: -85px; }
      .product-kicker { font-size: 13.5px; }
      .status { font-size: 13.5px; padding: 4px 6px; }
      .product-name { font-size: clamp(17px, 4.9vw, 24px); }
      .product-desc {
        font-size: 13.5px;
        line-height: 1.34;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }
      .card-bottom { margin-top: 7px; }
      .tags { display: none; }
      .go { font-size: 13.5px; }
      .go .arrow { width: 21px; height: 21px; }
      .download-button { min-height: 27px; padding: 5px 8px; font-size: 13.5px; }
      .download-button svg { width: 11px; height: 11px; }
      .has-download .go { display: none; }

      .utility {
        min-height: 62px;
        padding: 9px 7px 8px;
        align-items: flex-end;
        justify-content: flex-end;
      }
      .utility-copy { width: 100%; }
      .utility h3 {
        margin: 0;
        max-width: 100%;
        font-size: clamp(13.5px, 2.15vw, 13.5px);
        line-height: 1.05;
        letter-spacing: -0.025em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .utility p { display: none; }
      .utility-icon {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 22px;
        height: 22px;
        border: 0;
        background: transparent;
        font-size: 14px;
      }
    }

    @media (max-width: 560px) {
      .header-actions .primary { display: none; }
      .pro-download-panel { width: min(270px, calc(100vw - 24px)); }
    }

    @media (max-height: 720px) and (min-width: 901px) {
      :scope { --header-h: 56px; --radius: 17px; }
      .shell { padding-bottom: 12px; }
      main { padding-top: 11px; gap: 11px; }
      .hero { min-height: 82px; }
      .eyebrow { margin-bottom: 5px; font-size: 13.5px; }
      h1 { font-size: clamp(30px, 3.7vw, 50px); }
      .launcher { gap: 9px; grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(68px,.44fr); }
      .major { padding: 14px 16px; }
      .product-name { font-size: clamp(18px, 1.7vw, 26px); }
      .product-desc { font-size: 13.5px; }
      .card-bottom { margin-top: 7px; }
      .utility { padding: 10px 13px; }
      .utility p { display: none; }
    }

    @media (max-width: 520px) {
      .shell {
        padding-left: max(9px, env(safe-area-inset-left));
        padding-right: max(9px, env(safe-area-inset-right));
        padding-bottom: max(8px, env(safe-area-inset-bottom));
      }
      main { padding-top: 8px; gap: 8px; }
      .hero { gap: 4px; }
      .eyebrow { font-size: 13.5px; margin-bottom: 3px; }
      h1 { font-size: clamp(28px, 9.4vw, 38px); }
      .launcher { gap: 6px; grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(0,.68fr) minmax(58px,.32fr); }
      .major { padding: 10px; }
      .product-kicker { display: none; }
      .status { font-size: 13.5px; padding: 3px 5px; }
      .status::before { width: 4px; height: 4px; }
      .product-name { font-size: clamp(15px, 4.8vw, 20px); margin-bottom: 4px; }
      .product-desc { font-size: 13.5px; line-height: 1.28; -webkit-line-clamp: 2; }
      .card-bottom { margin-top: 6px; }
      .go { font-size: 13.5px; }
      .go .arrow { display: none; }
      .download-button { min-height: 25px; padding: 5px 7px; font-size: 13.5px; }
      .utility { min-height: 58px; padding: 8px 6px 7px; }
      .utility h3 { font-size: clamp(13.5px, 2.35vw, 13.5px); }
      .utility-icon { top: 6px; right: 6px; width: 20px; height: 20px; font-size: 13.5px; }
      .site-footer { font-size: 13.5px; gap: 8px; }
    }

    @media (max-width: 380px) {
      :scope { --header-h: 52px; --radius: 15px; }
      .brand { font-size: 14.5px; }
      .brand-mark { width: 23px; height: 23px; }
      .brand-logo { width: 25px; height: 25px; flex-basis: 25px; }
      .language-select { width: 51px; min-height: 36px; padding-left: 8px; padding-right: 21px; font-size: 13.5px; }
      .language-picker::after { right: 8px; }
      .header-actions { gap: 6px; }
      .theme-toggle { width: 34px; height: 34px; flex-basis: 34px; }
      .primary { min-height: 36px; padding: 7px 9px; font-size: 13.5px; }
      h1 { font-size: clamp(27px, 9vw, 33px); }
      .major { padding: 9px; }
      .product-name { font-size: clamp(14px, 4.7vw, 18px); }
      .product-desc { font-size: 13.5px; }
      .go { font-size: 13.5px; }
    }

    /* Short phones: preserve the no-scroll promise by removing secondary copy first. */
    @media (max-width: 520px) and (max-height: 650px) {
      :scope { --header-h: 50px; }
      main { padding-top: 6px; gap: 6px; }
      .eyebrow { display: none; }
      h1 { font-size: clamp(25px, 8.6vw, 31px); }
      .launcher { gap: 5px; grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(0,.62fr) 52px; }
      .major { padding: 8px; }
      .product-desc { -webkit-line-clamp: 1; }
      .status { font-size: 13.5px; }
      .utility { min-height: 52px; }
      .site-footer { font-size: 13.5px; }
    }

    /* Landscape phones: use width aggressively instead of stacking vertically. */
    @media (max-width: 900px) and (orientation: landscape) and (max-height: 560px) {
      :scope { --header-h: 48px; --radius: 14px; }
      .shell { padding-bottom: max(6px, env(safe-area-inset-bottom)); }
      main { padding-top: 6px; gap: 6px; grid-template-rows: auto minmax(0,1fr); }
      .hero {
        grid-template-columns: 1fr;
        align-items: end;
        gap: 0;
      }
      .eyebrow { display: none; }
      h1 { font-size: clamp(23px, 4.2vw, 34px); }
      .launcher {
        grid-template-columns: repeat(15, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr) 52px;
        gap: 6px;
      }
      .business { grid-column: 1 / span 3; grid-row: 1; }
      .pro1 { grid-column: 4 / span 3; grid-row: 1; }
      .pronet { grid-column: 7 / span 3; grid-row: 1; }
      .market { grid-column: 10 / span 3; grid-row: 1; }
      .model-router { grid-column: 13 / span 3; grid-row: 1; }
      .chat { grid-column: 1 / span 4; grid-row: 2; }
      .benchmarks { grid-column: 5 / span 4; grid-row: 2; }
      .developers { grid-column: 9 / span 4; grid-row: 2; }
      .docs { grid-column: 13 / span 3; grid-row: 2; }
      .major { padding: 9px; }
      .product-kicker { display: none; }
      .product-name { font-size: clamp(14px, 2.35vw, 18px); }
      .product-desc { font-size: 13.5px; -webkit-line-clamp: 2; }
      .card-bottom { margin-top: 5px; }
      .go { font-size: 13.5px; }
      .go .arrow { display: none; }
      .utility { min-height: 52px; padding: 7px 8px; }
      .utility h3 { font-size: 13.5px; }
    }

    @media (hover: none) {
      .card:not(.disabled):hover { transform: none; }
      .card:not(.disabled):active {
        transform: scale(.985);
        border-color: var(--line-strong);
        background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.03));
      }
      .primary:hover { transform: none; }
      .primary:active { transform: scale(.98); }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
    }
}

/* index */
@scope (html[data-page-bundle="index"]) {
    /* Keep the language list on one axis: a 100%-wide grid child plus the
       vertical scrollbar could create a few pixels of horizontal overflow. */
    .pro-language-panel { min-width: 0; }
    .pro-language-options {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      padding-right: 0;
      overflow-x: hidden;
      scrollbar-gutter: auto;
    }
    .pro-language-option {
      width: 100%;
      max-width: none;
      min-width: 0;
    }
    .pro-language-option > span {
      min-width: 0;
      overflow: hidden;
    }

:scope {
      --bg: #050506;
      --panel: rgba(255, 255, 255, 0.038);
      --panel-strong: rgba(255, 255, 255, 0.058);
      --line: rgba(255, 255, 255, 0.13);
      --line-strong: rgba(255, 255, 255, 0.22);
      --text: #f6f6f4;
      --muted: #94999f;
      --soft: #d5d7da;
      --green: #99f6c1;
      --amber: #f7d787;
      --blue: #9ec7ff;
      --radius: 18px;
      --header-h: 72px;
    }

    * { box-sizing: border-box; }
    :scope, body { width: 100%; height: 100%; margin: 0; }
    :scope { background: var(--bg); color-scheme: dark; }
    body {
      overflow: hidden;
      color: var(--text);
      background:
        radial-gradient(980px 520px at 80% -12%, rgba(104, 89, 255, 0.09), transparent 60%),
        radial-gradient(760px 460px at 5% 112%, rgba(46, 190, 157, 0.065), transparent 62%),
        var(--bg);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: 0.14;
      background-image:
        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 80px 80px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 85%);
    }

    a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
    button { font: inherit; }
    a, button { touch-action: manipulation; }

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

    .shell {
      width: min(1600px, 100%);
      height: 100dvh;
      margin: 0 auto;
      padding: 0 clamp(18px, 3vw, 48px) clamp(14px, 2vw, 28px);
      display: grid;
      grid-template-rows: var(--header-h) minmax(0, 1fr);
      position: relative;
      z-index: 1;
      padding-bottom: clamp(28px, 3vw, 38px);
    }

    header {
      height: var(--header-h);
      position: relative;
      z-index: 100;
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 24px;
      border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 800;
      letter-spacing: -0.02em;
      font-size: 17px;
      white-space: nowrap;
    }

    .brand-mark {
      width: 27px;
      height: 27px;
      position: relative;
      border-radius: 9px;
      border: 1px solid rgba(255,255,255,.26);
      background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.75) 0 4%, transparent 5%),
        linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.025));
      box-shadow: inset 0 0 22px rgba(255,255,255,.03), 0 0 22px rgba(133,163,255,.06);
    }
    .brand-mark::before,
    .brand-mark::after {
      content: "";
      position: absolute;
      inset: 5px;
      border: 1px solid rgba(255,255,255,.38);
      border-radius: 50%;
      transform: rotate(36deg) scaleX(.6);
    }
    .brand-mark::after { transform: rotate(-36deg) scaleX(.6); }

    .brand-logo {
      width: 29px;
      height: 29px;
      flex: 0 0 29px;
      display: block;
      object-fit: contain;
      border-radius: 8px;
    }

    nav {
      justify-self: center;
      display: flex;
      align-items: center;
      gap: clamp(16px, 2.2vw, 30px);
      color: #94999f;
      font-size: 14px;
    }
    nav a { transition: color .18s ease; }
    nav a:hover { color: #fff; }

    .header-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      min-width: 0;
    }

    .theme-toggle {
      position: relative;
      width: 42px;
      height: 42px;
      flex: 0 0 42px;
      display: inline-grid;
      place-items: center;
      padding: 0;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 50%;
      color: #b8c0c9;
      background: transparent;
      cursor: pointer;
      transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
    }
    .theme-toggle:hover {
      color: #fff;
      border-color: rgba(255,255,255,.22);
      background: rgba(255,255,255,.065);
      transform: translateY(-1px);
    }
    .theme-toggle:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .8);
      outline-offset: 3px;
    }
    .theme-toggle svg {
      position: absolute;
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: opacity .22s ease, transform .3s ease;
    }
    .theme-icon-sun { opacity: 1; transform: rotate(0) scale(1); }
    .theme-icon-moon { opacity: 0; transform: rotate(-35deg) scale(.7); }

    .language-picker {
      position: relative;
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      isolation: isolate;
    }
    .language-trigger {
      min-width: 70px;
      min-height: 34px;
      padding: 0 10px;
      border: 1px solid rgba(255,255,255,.105);
      border-radius: 12px;
      color: #d2d8df;
      background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      font: inherit;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      cursor: pointer;
      outline: none;
      transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
    }
    .language-trigger:hover,
    .language-picker.is-open .language-trigger {
      color: #fff;
      border-color: rgba(120,151,255,.34);
      background:
        radial-gradient(70px 42px at 100% 0%, rgba(111,93,255,.13), transparent 70%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
      transform: translateY(-1px);
    }
    .language-trigger:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .8);
      outline-offset: 3px;
    }
    .language-trigger svg {
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .language-code {
      font-size: 14px;
      line-height: 1;
      font-weight: 650;
      letter-spacing: .08em;
    }
    .language-chevron {
      width: 6px;
      height: 6px;
      margin-left: 1px;
      border-right: 1.3px solid currentColor;
      border-bottom: 1.3px solid currentColor;
      opacity: .72;
      transform: translateY(-2px) rotate(45deg);
      transition: transform .25s cubic-bezier(.22,1,.36,1);
    }
    .language-picker.is-open .language-chevron { transform: translateY(2px) rotate(225deg); }
    .language-backdrop {
      position: fixed;
      inset: 0;
      z-index: 70;
      border: 0;
      background: rgba(0,0,0,.26);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .24s ease, visibility .24s ease;
    }
    .language-panel {
      position: absolute;
      z-index: 72;
      top: calc(100% + 10px);
      right: 0;
      width: min(334px, calc(100vw - 24px));
      padding: 8px;
      color: #f4f5f6;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 18px;
      background:
        radial-gradient(220px 130px at 100% 0%, rgba(91,91,255,.13), transparent 70%),
        rgba(24,25,28,.985);
      backdrop-filter: blur(22px) saturate(1.2);
      box-shadow: 0 18px 55px rgba(0,0,0,.32);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(-8px) scale(.975);
      transform-origin: 90% 0;
      transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .28s cubic-bezier(.22,1,.36,1);
    }
    .language-picker.is-open .language-backdrop,
    .language-picker.is-open .language-panel {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
    .language-picker.is-open .language-panel { transform: translateY(0) scale(1); }
    .language-panel-head {
      min-height: 48px;
      padding: 7px 8px 9px 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .language-panel-title {
      margin: 0;
      font-size: 15.5px;
      font-weight: 620;
      letter-spacing: -.02em;
    }
    .language-close {
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 50%;
      color: #e8ebef;
      background: rgba(255,255,255,.075);
      display: grid;
      place-items: center;
      cursor: pointer;
      transition: background .18s ease, transform .18s ease;
    }
    .language-close:hover { background: rgba(255,255,255,.14); transform: rotate(4deg); }
    .language-close svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 1.8; }
    .language-search-wrap {
      position: relative;
      display: block;
      margin: 0 2px 7px;
    }
    .language-search-wrap svg {
      position: absolute;
      left: 13px;
      top: 50%;
      width: 15px;
      height: 15px;
      fill: none;
      stroke: #9299a3;
      stroke-width: 1.8;
      transform: translateY(-50%);
      pointer-events: none;
    }
    .language-search {
      width: 100%;
      height: 42px;
      padding: 0 13px 0 38px;
      border: 1px solid rgba(255,255,255,.09);
      border-radius: 12px;
      outline: none;
      color: #f4f6f8;
      background: rgba(255,255,255,.055);
      font: inherit;
      font-size: 13.5px;
      transition: border-color .18s ease, background .18s ease;
    }
    .language-search::placeholder { color: #8e959f; }
    .language-search:focus { border-color: rgba(133,157,255,.55); background: rgba(255,255,255,.075); }
    .language-options {
      display: grid;
      gap: 3px;
      max-height: none;
      overflow: hidden;
    }
    .language-option {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      min-height: 58px;
      padding: 9px 12px;
      border: 1px solid transparent;
      border-radius: 12px;
      color: #eef1f4;
      background: transparent;
      display: grid;
      grid-template-columns: 1fr 28px;
      align-items: center;
      gap: 12px;
      text-align: left;
      cursor: pointer;
      transition:
        border-color .2s ease,
        background .2s ease,
        transform .28s cubic-bezier(.22,1,.36,1);
    }
    .language-option::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: 0;
      background: linear-gradient(105deg, transparent 12%, rgba(134,151,255,.13) 48%, transparent 84%);
      opacity: 0;
      transform: translateX(-65%);
      transition: opacity .22s ease, transform .5s cubic-bezier(.22,1,.36,1);
      pointer-events: none;
    }
    .language-option:hover,
    .language-option:focus-visible {
      outline: none;
      border-color: rgba(139,159,255,.28);
      background: rgba(255,255,255,.075);
      transform: translateY(-1px);
    }
    .language-option:hover::before,
    .language-option:focus-visible::before { opacity: 1; transform: translateX(65%); }
    .language-option[aria-selected="true"] {
      border-color: rgba(121,145,255,.25);
      background: linear-gradient(100deg, rgba(101,119,255,.15), rgba(255,255,255,.045));
    }
    .language-native {
      display: block;
      font-size: 14.5px;
      line-height: 1.2;
      font-weight: 600;
      letter-spacing: -.015em;
      transition: color .2s ease, transform .3s cubic-bezier(.22,1,.36,1);
    }
    .language-meta {
      display: block;
      margin-top: 4px;
      color: #8e959f;
      font-size: 14px;
      line-height: 1.2;
      transition: color .2s ease, transform .3s cubic-bezier(.22,1,.36,1);
    }
    .language-option:hover .language-native,
    .language-option:focus-visible .language-native { color: #fff; transform: translateX(3px); }
    .language-option:hover .language-meta,
    .language-option:focus-visible .language-meta { color: #aeb7c5; transform: translateX(3px); }
    .language-check {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: #f3f5f7;
      color: #121418;
      display: grid;
      place-items: center;
      opacity: 0;
      transform: scale(.72);
      transition: opacity .18s ease, transform .24s cubic-bezier(.22,1,.36,1);
    }
    .language-check svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; }
    .language-option[aria-selected="true"] .language-check { opacity: 1; transform: scale(1); }
    .language-option[aria-selected="true"]:hover .language-check,
    .language-option[aria-selected="true"]:focus-visible .language-check { transform: scale(1.06) rotate(-4deg); }
    .language-empty {
      margin: 0;
      padding: 20px 12px;
      color: #8e959f;
      font-size: 14px;
      text-align: center;
    }
    .language-option[hidden],
    .language-empty[hidden] { display: none !important; }

    .signin { color: #b8c0c9; padding: 8px 7px; }
    .signin:hover { color: white; }
    .primary {
      padding: 9px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.23);
      background: rgba(255,255,255,.92);
      color: #090b0f;
      font-weight: 600;
      box-shadow: none;
      transition: transform .18s ease, background .18s ease;
    }
    .primary:hover { transform: translateY(-1px); background: #fff; }

    main {
      min-height: 0;
      padding-top: clamp(14px, 2.2vh, 24px);
      display: grid;
      grid-template-rows: minmax(0, 1fr);
      gap: clamp(14px, 2vh, 20px);
    }

    .hero {
      display: grid;
      grid-template-columns: 1fr;
      align-items: end;
      gap: 32px;
      min-height: 104px;
    }

    h1 {
      margin: 0;
      max-width: 850px;
      font-size: clamp(30px, 4.2vw, 64px);
      line-height: .98;
      letter-spacing: -0.045em;
      font-weight: 540;
    }
    h1 span {
      color: #92969c;
      font-weight: 430;
    }
    h1 .hero-main {
      color: var(--text);
      font-weight: 540;
    }

    .launcher {
      min-height: 0;
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(84px, .52fr);
      gap: clamp(9px, 1.15vw, 15px);
    }

    /* Structural rail wrappers stay invisible to the desktop grid. */
    .product-rail,
    .utility-rail { display: contents; }

    .card {
      position: relative;
      min-width: 0;
      min-height: 0;
      overflow: hidden;
      border-radius: var(--radius);
      border: 1px solid rgba(255,255,255,.145);
      background: #141619;
      box-shadow: none;
      transition: transform .2s ease, border-color .2s ease, background .2s ease;
      isolation: isolate;
    }
    .card:not(.disabled):hover {
      transform: translateY(-1px);
      border-color: rgba(255,255,255,.24);
      background: #191c20;
      box-shadow: none;
    }

    /* One-time staggered entrance. Individual translate keeps hover transforms independent. */
    .launcher .card { --reveal-delay: 0ms; }
    .launcher .card:nth-child(2) { --reveal-delay: 65ms; }
    .launcher .card:nth-child(3) { --reveal-delay: 130ms; }
    .launcher .card:nth-child(4) { --reveal-delay: 210ms; }
    .launcher .card:nth-child(5) { --reveal-delay: 275ms; }
    .launcher .card:nth-child(6) { --reveal-delay: 390ms; }
    .launcher .card:nth-child(7) { --reveal-delay: 455ms; }
    .launcher .card:nth-child(8) { --reveal-delay: 520ms; }
    .launcher .card:nth-child(9) { --reveal-delay: 585ms; }
    .launcher.reveal-pending .card {
      opacity: 0;
      translate: 0 16px;
    }
    .launcher.reveal-ready .card {
      transition:
        opacity .52s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay),
        translate .68s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay),
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
    }

    .card-main-link {
      position: absolute;
      inset: 0;
      z-index: 1;
      border-radius: inherit;
    }
    .card-main-link:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .8);
      outline-offset: -3px;
    }
    .has-download .card-top,
    .has-download .product-body {
      position: relative;
      z-index: 2;
      pointer-events: none;
    }

    .major {
      padding: clamp(15px, 1.65vw, 25px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .business { grid-column: 1 / span 6; grid-row: 1; }
    .pro1 { grid-column: 7 / span 3; grid-row: 1; }
    .model-router { grid-column: 10 / span 3; grid-row: 1; }
    .pronet { grid-column: 1 / span 5; grid-row: 2; }
    .market { grid-column: 6 / span 7; grid-row: 2; }

    .major::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background:
        linear-gradient(180deg, rgba(3,5,8,.38) 0%, rgba(3,5,8,.16) 42%, rgba(3,5,8,.52) 100%),
        linear-gradient(90deg, rgba(3,5,8,.18), rgba(3,5,8,.08));
      pointer-events: none;
      z-index: 1;
      opacity: 1;
      transition: opacity .32s ease;
    }
    .major:hover::before,
    .major:focus-visible::before,
    .major:focus-within::before { opacity: .68; }

    .major {
      --tile-image: none;
      --tile-position: center;
    }
    .major::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      border-radius: inherit;
      background-image: var(--tile-image);
      background-position: var(--tile-position);
      background-size: cover;
      opacity: 1;
      filter: saturate(1.08) contrast(1.03);
      transform: scale(1.01);
      transition: opacity .35s ease, filter .35s ease, transform .6s cubic-bezier(.22,1,.36,1);
    }
    .major:hover::after,
    .major:focus-within::after {
      opacity: 1;
      filter: saturate(1.18) contrast(1.04);
      transform: scale(1.025);
    }
    .major > .card-top,
    .major > .product-body {
      position: relative;
      z-index: 2;
    }
    .business {
      --tile-image: url("assets/tile-promanos-business-generated-v5.webp");
      --tile-image: image-set(url("assets/tile-promanos-business-generated-v5.avif") type("image/avif"), url("assets/tile-promanos-business-generated-v5.webp") type("image/webp"));
      --tile-position: 58% 52%;
    }
    .pro1 {
      --tile-image: url("assets/tile-pro-1-generated-v3.webp");
      --tile-image: image-set(url("assets/tile-pro-1-generated-v3.avif") type("image/avif"), url("assets/tile-pro-1-generated-v3.webp") type("image/webp"));
      --tile-position: 68% 50%;
    }
    .model-router {
      --tile-image: url("assets/tile-model-router-photoreal-v1.webp");
      --tile-image: image-set(url("assets/tile-model-router-photoreal-v1.avif") type("image/avif"), url("assets/tile-model-router-photoreal-v1.webp") type("image/webp"));
      --tile-position: 70% 50%;
    }
    .pronet {
      --tile-image: url("assets/tile-pronet-generated-v4.webp");
      --tile-image: image-set(url("assets/tile-pronet-generated-v4.avif") type("image/avif"), url("assets/tile-pronet-generated-v4.webp") type("image/webp"));
      --tile-position: 66% 52%;
    }
    .market {
      --tile-image: url("assets/tile-marketplace-generated-v6.webp");
      --tile-image: image-set(url("assets/tile-marketplace-generated-v6.avif") type("image/avif"), url("assets/tile-marketplace-generated-v6.webp") type("image/webp"));
      --tile-position: 64% 52%;
    }

    .card-top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
    }
    .product-kicker {
      color: #aeb6c0;
      font-size: 13.5px;
      font-weight: 600;
      letter-spacing: .11em;
      text-transform: uppercase;
    }
    .status {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      flex: 0 0 auto;
      padding: 5.5px 9px;
      border: 1px solid rgba(255,255,255,.24);
      border-radius: 999px;
      color: #eef2f6;
      background: #24282d;
      background-image: none;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      font-size: 13.5px;
      line-height: 1;
      font-weight: 720;
      letter-spacing: .08em;
      text-transform: uppercase;
      text-shadow: none;
    }
    .status::before {
      content: "";
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: currentColor;
      box-shadow: none;
    }
    .status.available {
      color: #8af0c9;
      border-color: rgba(80,220,167,.48);
      background: rgba(13,60,45,.82);
    }
    .status.beta {
      color: #bdd7ee;
      border-color: #3b536a;
      background: #223445;
    }
    .status.preview {
      color: #d5c5e8;
      border-color: #554266;
      background: #382d45;
    }
    .status.soon {
      color: #ffe0a1;
      border-color: rgba(225,166,73,.5);
      background: rgba(77,52,14,.84);
      opacity: 1;
    }

    .product-body { margin-top: auto; }
    .product-name {
      margin: 0 0 5px;
      font-size: clamp(20px, 2.1vw, 31px);
      line-height: 1;
      letter-spacing: -0.035em;
      font-weight: 560;
    }
    .product-desc {
      margin: 0;
      max-width: 580px;
      color: #d3d6da;
      font-size: clamp(13.5px, .93vw, 14px);
      line-height: 1.45;
      font-weight: 450;
    }
    .card-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 14px;
      margin-top: clamp(10px, 1.2vh, 16px);
    }
    .card-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      min-width: 0;
    }
    .tags {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }
    .tag {
      color: #7f8994;
      font-size: 13.5px;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .tag + .tag::before { content: "·"; margin-right: 5px; color: #4f5760; }
    .go {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: #e8ecf1;
      font-size: 14px;
      padding: 3px 3px 3px 9px;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 999px;
      background: rgba(5,5,6,.58);
      backdrop-filter: blur(9px);
      font-weight: 560;
      white-space: nowrap;
    }
    .go .arrow {
      display: inline-grid;
      place-items: center;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.08);
      transition: transform .2s ease, background .2s ease;
    }
    .card:not(.disabled):hover .go .arrow { transform: translateX(2px); background: rgba(255,255,255,.12); }

    .download-button {
      position: relative;
      z-index: 3;
      pointer-events: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-height: 30px;
      padding: 6px 10px;
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 999px;
      color: #101318;
      background: rgba(255,255,255,.9);
      box-shadow: none;
      font-size: 14px;
      font-weight: 620;
      line-height: 1;
      white-space: nowrap;
      transition: transform .2s ease, background .2s ease;
    }
    .download-button:hover {
      color: #101318;
      background: #fff;
      box-shadow: none;
      transform: translateY(-1px);
    }
    .download-button:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .9);
      outline-offset: 2px;
    }
    .download-button svg {
      width: 13px;
      height: 13px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .disabled {
      opacity: .78;
      filter: saturate(.72);
    }
    .market.disabled {
      opacity: .92;
      filter: saturate(.94);
    }
    .disabled .go { color: #7f8790; }

    .utility {
      --utility-accent: 112, 126, 148;
      grid-row: 3;
      padding: clamp(12px, 1.25vw, 18px);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      border-color: rgba(255,255,255,.115);
      background:
        radial-gradient(150px 100px at 92% 10%, rgba(var(--utility-accent), .16), transparent 72%),
        linear-gradient(135deg, rgba(29,31,35,.98), rgba(17,19,22,.98));
    }
    .utility::before {
      content: "";
      position: absolute;
      z-index: 0;
      width: 92px;
      height: 92px;
      right: -27px;
      top: -50px;
      border: 1px solid rgba(var(--utility-accent), .20);
      border-radius: 50%;
      box-shadow:
        0 0 0 14px rgba(var(--utility-accent), .045),
        0 0 0 29px rgba(var(--utility-accent), .025);
      opacity: .75;
      transition: transform .45s cubic-bezier(.22, 1, .36, 1), opacity .3s ease;
      pointer-events: none;
    }
    .utility::after {
      content: "";
      position: absolute;
      z-index: 1;
      left: 18px;
      right: 18px;
      bottom: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(var(--utility-accent), .5), transparent);
      opacity: .55;
      pointer-events: none;
    }
    .utility:hover::before {
      transform: translate(-5px, 5px) scale(1.08);
      opacity: 1;
    }
    .chat { --utility-accent: 50, 211, 170; grid-column: 1 / span 3; }
    .benchmarks { --utility-accent: 137, 116, 255; grid-column: 4 / span 3; }
    .developers { --utility-accent: 74, 160, 255; grid-column: 7 / span 3; }
    .docs { --utility-accent: 231, 157, 106; grid-column: 10 / span 3; }

    .utility-copy {
      position: relative;
      z-index: 2;
      min-width: 0;
    }
    .utility h3 {
      margin: 0 0 4px;
      font-size: clamp(13.5px, 1.05vw, 16px);
      letter-spacing: -0.02em;
      font-weight: 560;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .utility h3::before {
      content: "";
      width: 5px;
      height: 5px;
      flex: 0 0 5px;
      border-radius: 50%;
      background: rgb(var(--utility-accent));
      box-shadow: 0 0 12px rgba(var(--utility-accent), .7);
    }
    .utility p {
      margin: 0;
      color: #7f8994;
      font-size: clamp(13.5px, .75vw, 13.5px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .utility-icon {
      position: relative;
      z-index: 2;
      flex: 0 0 auto;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 1px solid rgba(var(--utility-accent), .25);
      background: rgba(var(--utility-accent), .08);
      display: grid;
      place-items: center;
      color: #d9dfe7;
      font-size: 14.5px;
      transition: transform .2s ease, background .2s ease;
    }
    .utility:hover .utility-icon {
      transform: translate(2px, -1px);
      background: rgba(var(--utility-accent), .16);
    }

    /* Keep cards calm at rest; reveal supporting copy with a light slide. */
    @media (hover: hover) and (pointer: fine) {
      .major .product-name { margin-bottom: 0; }
      .major .product-desc {
        max-height: 0;
        margin-top: 0;
        opacity: 0;
        overflow: hidden;
        filter: blur(3px);
        transform: translateY(8px);
        transition:
          max-height .48s cubic-bezier(.22, 1, .36, 1),
          margin-top .48s cubic-bezier(.22, 1, .36, 1),
          opacity .42s ease,
          filter .42s ease,
          transform .48s cubic-bezier(.22, 1, .36, 1);
        will-change: opacity, filter, transform;
      }
      .utility p {
        max-height: 0;
        margin-top: 0;
        opacity: 0;
        overflow: hidden;
        filter: blur(2px);
        transform: translateY(6px);
        transition:
          max-height .42s cubic-bezier(.22, 1, .36, 1),
          margin-top .42s cubic-bezier(.22, 1, .36, 1),
          opacity .38s ease,
          filter .38s ease,
          transform .42s cubic-bezier(.22, 1, .36, 1);
        will-change: opacity, filter, transform;
      }
      .major:hover .product-desc,
      .major:focus-visible .product-desc,
      .major:focus-within .product-desc {
        max-height: 76px;
        margin-top: 5px;
        opacity: 1;
        filter: blur(0);
        transform: translateY(0);
      }
      .utility:hover p,
      .utility:focus-visible p {
        max-height: 18px;
        margin-top: 4px;
        opacity: 1;
        filter: blur(0);
        transform: translateY(0);
      }
    }



    .site-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: max(8px, env(safe-area-inset-bottom));
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      font-size: 14px;
      line-height: 1;
      color: #7f8994;
      z-index: 2;
      pointer-events: auto;
    }
    .site-footer a {
      color: inherit;
      transition: color .18s ease;
    }
    .site-footer a:hover { color: #cfd5dc; }
    .site-footer .dot {
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: rgba(255,255,255,.22);
    }

    .kbd-focus:focus-visible,
    a:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .8);
      outline-offset: 3px;
    }

    :scope[data-theme="light"] {
      --bg: #e7e3db;
      --panel: rgba(20, 22, 24, .035);
      --panel-strong: rgba(20, 22, 24, .065);
      --line: rgba(18, 20, 22, .18);
      --line-strong: rgba(18, 20, 22, .34);
      --text: #111315;
      --muted: #4c5359;
      --soft: #2c3136;
      --green: #0f6a47;
      --amber: #835411;
      --blue: #285f9d;
      color-scheme: light;
    }
    :scope[data-theme="light"] body {
      background:
        radial-gradient(1000px 560px at 84% -14%, rgba(91, 102, 177, .14), transparent 60%),
        radial-gradient(760px 500px at -5% 42%, rgba(40, 144, 128, .1), transparent 62%),
        radial-gradient(760px 500px at 55% 114%, rgba(164, 111, 88, .09), transparent 64%),
        var(--bg);
    }
    :scope[data-theme="light"] body::before {
      opacity: .14;
      background-image:
        linear-gradient(rgba(42,47,54,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(42,47,54,.045) 1px, transparent 1px);
    }
    :scope[data-theme="light"] header { border-bottom-color: rgba(31,36,42,.18); }
    :scope[data-theme="light"] .brand-mark {
      border-color: rgba(42,47,54,.28);
      background:
        radial-gradient(circle at 35% 30%, rgba(42,47,54,.72) 0 4%, transparent 5%),
        linear-gradient(145deg, rgba(42,47,54,.09), rgba(42,47,54,.025));
      box-shadow: inset 0 0 22px rgba(42,47,54,.025), 0 0 22px rgba(72,97,151,.08);
    }
    :scope[data-theme="light"] .brand-mark::before,
    :scope[data-theme="light"] .brand-mark::after { border-color: rgba(42,47,54,.42); }
    :scope[data-theme="light"] nav,
    :scope[data-theme="light"] .signin,
    :scope[data-theme="light"] .product-kicker { color: #414b55; }
    :scope[data-theme="light"] nav a:hover,
    :scope[data-theme="light"] .signin:hover { color: #161a1f; }
    :scope[data-theme="light"] h1 span { color: #4d5358; }
    :scope[data-theme="light"] h1 .hero-main { color: #111315; }
    :scope[data-theme="light"] .tag,
    :scope[data-theme="light"] .utility p,
    :scope[data-theme="light"] .site-footer { color: #46515b; }
    :scope[data-theme="light"] .tag + .tag::before { color: #77736c; }
    :scope[data-theme="light"] .language-trigger,
    :scope[data-theme="light"] .theme-toggle {
      color: #303941;
      border-color: rgba(31,36,42,.22);
      background: rgba(31,36,42,.065);
    }
    :scope[data-theme="light"] .language-trigger {
      border-color: rgba(31,36,42,.16);
      background: linear-gradient(145deg, rgba(255,255,255,.32), rgba(31,36,42,.035));
    }
    :scope[data-theme="light"] .language-trigger:hover,
    :scope[data-theme="light"] .language-picker.is-open .language-trigger,
    :scope[data-theme="light"] .theme-toggle:hover {
      color: #181c21;
      border-color: rgba(42,47,54,.28);
      background: rgba(42,47,54,.08);
    }
    :scope[data-theme="light"] .language-trigger:hover,
    :scope[data-theme="light"] .language-picker.is-open .language-trigger {
      border-color: rgba(77,105,181,.34);
      background:
        radial-gradient(70px 42px at 100% 0%, rgba(91,78,210,.11), transparent 70%),
        linear-gradient(145deg, rgba(255,255,255,.42), rgba(31,36,42,.045));
    }
    :scope[data-theme="light"] .language-backdrop { background: rgba(37,35,31,.18); }
    :scope[data-theme="light"] .primary {
      color: #f4f0e8;
      border-color: #2b3036;
      background: #2b3036;
      box-shadow: none;
    }
    :scope[data-theme="light"] .primary:hover { color: #f4f0e8; background: #171b20; }
    :scope[data-theme="light"] .download-button {
      color: #f4f0e8;
      border-color: #242a30;
      background: #242a30;
      box-shadow: none;
    }
    :scope[data-theme="light"] .download-button:hover {
      color: #f4f0e8;
      background: #11151a;
      box-shadow: none;
    }
    :scope[data-theme="light"] .card {
      border-color: rgba(31,36,42,.16);
      background: linear-gradient(145deg, rgba(246,244,239,.78), rgba(205,203,198,.62));
      box-shadow: none;
    }
    :scope[data-theme="light"] .card:not(.disabled):hover {
      border-color: rgba(31,36,42,.27);
      background: linear-gradient(145deg, rgba(249,247,242,.88), rgba(205,204,200,.72));
      box-shadow: none;
    }
    :scope[data-theme="light"] .major {
      --tile-scrim-left: rgba(5,7,10,.5);
      --tile-scrim-mid: rgba(5,7,10,.12);
      --tile-scrim-right: rgba(5,7,10,0);
      --content-scrim-left: rgba(5,7,10,.78);
      --content-scrim-mid: rgba(5,7,10,.46);
      --content-scrim-right: rgba(5,7,10,.04);
    }
    :scope[data-theme="light"] .major::after {
      opacity: .98;
      filter: saturate(1.28) contrast(1.05) brightness(1.04);
    }
    :scope[data-theme="light"] .major:hover::after,
    :scope[data-theme="light"] .major:focus-within::after {
      opacity: 1;
      filter: saturate(1.38) contrast(1.06) brightness(1.05);
    }
    :scope[data-theme="light"] .utility {
      border-color: rgba(15,18,22,.32);
      background:
        radial-gradient(190px 130px at 96% -8%, rgba(var(--utility-accent), .28), transparent 68%),
        linear-gradient(145deg, rgba(43,46,50,.99), rgba(22,24,27,.99));
    }
    :scope[data-theme="light"] .card.utility:hover,
    :scope[data-theme="light"] .card.utility:focus-visible {
      border-color: rgba(var(--utility-accent), .52);
      background:
        radial-gradient(210px 145px at 92% 0%, rgba(var(--utility-accent), .4), transparent 68%),
        linear-gradient(145deg, rgba(48,51,55,.99), rgba(25,27,30,.99));
    }
    :scope[data-theme="light"] .utility::before {
      border-color: rgba(var(--utility-accent), .28);
      opacity: .7;
      box-shadow:
        0 0 0 14px rgba(var(--utility-accent), .07),
        0 0 0 29px rgba(var(--utility-accent), .035);
    }
    :scope[data-theme="light"] .utility::after { opacity: .72; }
    :scope[data-theme="light"] .utility h3::before {
      box-shadow: 0 0 12px rgba(var(--utility-accent), .66);
    }
    :scope[data-theme="light"] .utility h3 {
      color: #f5f6f7;
      font-weight: 590;
      letter-spacing: -.025em;
    }
    :scope[data-theme="light"] .utility p {
      color: rgba(225,230,236,.68);
    }
    :scope[data-theme="light"] .status {
      color: #303840;
      border-color: rgba(42,47,54,.25);
      background: rgba(245,243,237,.9);
      text-shadow: none;
    }
    :scope[data-theme="light"] .status.available {
      color: #0d6847;
      border-color: rgba(24,132,91,.48);
      background: rgba(213,241,230,.94);
    }
    :scope[data-theme="light"] .status.beta {
      color: #bdd7ee;
      border-color: #3b536a;
      background: #223445;
    }
    :scope[data-theme="light"] .status.preview {
      color: #d5c5e8;
      border-color: #554266;
      background: #382d45;
    }
    :scope[data-theme="light"] .status.soon {
      color: #784900;
      border-color: rgba(161,105,20,.46);
      background: rgba(250,236,204,.94);
    }
    :scope[data-theme="light"] .product-desc {
      color: #25313a;
      font-weight: 520;
    }
    :scope[data-theme="light"] .major .product-kicker {
      color: rgba(238,243,248,.82);
      text-shadow: 0 1px 3px rgba(0,0,0,.5);
    }
    :scope[data-theme="light"] .major .product-name {
      color: #f7f7f4;
      text-shadow: 0 1px 4px rgba(0,0,0,.6);
    }
    :scope[data-theme="light"] .major .product-desc {
      color: #eef1f4;
      font-weight: 500;
      text-shadow: 0 1px 3px rgba(0,0,0,.5);
    }
    :scope[data-theme="light"] .major .tag {
      color: rgba(226,232,238,.72);
      text-shadow: 0 1px 2px rgba(0,0,0,.5);
    }
    :scope[data-theme="light"] .major .tag + .tag::before {
      color: rgba(226,232,238,.42);
    }
    :scope[data-theme="light"] .go { color: #11151a; }
    :scope[data-theme="light"] .major .go {
      padding: 3px 3px 3px 9px;
      border: 1px solid #f2f4f6;
      border-radius: 999px;
      background: #f2f4f6;
      box-shadow: none;
      backdrop-filter: none;
    }
    :scope[data-theme="light"] .major .go .arrow {
      color: #343a41;
      border-color: #d7dce1;
      background: #e2e6ea;
    }
    :scope[data-theme="light"] .utility-icon {
      color: #eef2f6;
      border-color: rgba(255,255,255,.16);
      background: rgba(255,255,255,.065);
    }
    :scope[data-theme="light"] .card:not(.disabled):hover .go .arrow,
    :scope[data-theme="light"] .utility:hover .utility-icon { background: rgba(var(--utility-accent), .24); }
    :scope[data-theme="light"] .disabled { opacity: .8; filter: saturate(.78); }
    :scope[data-theme="light"] .market.disabled { opacity: .94; filter: saturate(1); }
    :scope[data-theme="light"] .disabled .go { color: #505a64; }
    :scope[data-theme="light"] .site-footer a:hover { color: #292e34; }
    :scope[data-theme="light"] .site-footer .dot { background: rgba(42,47,54,.28); }
    :scope[data-theme="light"] .theme-icon-sun { opacity: 0; transform: rotate(35deg) scale(.7); }
    :scope[data-theme="light"] .theme-icon-moon { opacity: 1; transform: rotate(0) scale(1); }

    @media (max-width: 900px) {
      :scope { --header-h: 56px; --radius: 17px; }
      .shell {
        padding-top: env(safe-area-inset-top);
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
        padding-bottom: max(10px, env(safe-area-inset-bottom));
      }
      nav { display: none; }
      header { grid-template-columns: 1fr auto; gap: 12px; }
      .brand { font-size: 15.5px; gap: 8px; }
      .brand-mark { width: 25px; height: 25px; border-radius: 8px; }
      .brand-logo { width: 27px; height: 27px; flex-basis: 27px; border-radius: 7px; }
      .header-actions .signin { display: none; }
      .language-trigger {
        min-width: 66px;
        min-height: 40px;
        padding: 8px 9px;
      }
      .theme-toggle { width: 40px; height: 40px; flex-basis: 40px; }
      .language-panel {
        position: fixed;
        top: max(66px, env(safe-area-inset-top));
        right: 12px;
        left: 12px;
        width: auto;
        transform-origin: 80% 0;
      }
      .primary {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        padding: 8px 13px;
        font-size: 14px;
      }
      .site-footer {
        bottom: max(6px, env(safe-area-inset-bottom));
        font-size: 13.5px;
        gap: 10px;
      }
      main { padding-top: 10px; gap: 10px; }
      .hero { grid-template-columns: 1fr; min-height: auto; gap: 6px; }
      h1 { max-width: 680px; font-size: clamp(30px, 8.4vw, 46px); line-height: .96; }

      /* Mobile launcher: four core products 2×2 + one compact service dock. */
      .launcher {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .72fr) minmax(62px, .34fr);
        gap: 7px;
      }
      .business { grid-column: 1 / span 2; grid-row: 1; }
      .pro1 { grid-column: 3 / span 2; grid-row: 1; }
      .pronet { grid-column: 1 / span 2; grid-row: 2; }
      .market { grid-column: 3 / span 2; grid-row: 2; }
      .model-router { grid-column: 1 / span 4; grid-row: 3; }
      .chat { grid-column: 1; grid-row: 4; }
      .benchmarks { grid-column: 2; grid-row: 4; }
      .developers { grid-column: 3; grid-row: 4; }
      .docs { grid-column: 4; grid-row: 4; }

      .major { padding: 12px; }
      .major::before { width: 190px; height: 190px; right: -80px; top: -85px; }
      .product-kicker { font-size: 13.5px; }
      .status { font-size: 13.5px; padding: 4px 6px; }
      .product-name { font-size: clamp(17px, 4.9vw, 24px); }
      .product-desc {
        font-size: 13.5px;
        line-height: 1.34;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }
      .card-bottom { margin-top: 7px; }
      .tags { display: none; }
      .go { font-size: 13.5px; }
      .go .arrow { width: 21px; height: 21px; }
      .download-button { min-height: 27px; padding: 5px 8px; font-size: 13.5px; }
      .download-button svg { width: 11px; height: 11px; }
      .has-download .go { display: none; }

      .utility {
        min-height: 62px;
        padding: 9px 7px 8px;
        align-items: flex-end;
        justify-content: flex-end;
      }
      .utility-copy { width: 100%; }
      .utility h3 {
        margin: 0;
        max-width: 100%;
        font-size: clamp(13.5px, 2.15vw, 13.5px);
        line-height: 1.05;
        letter-spacing: -0.025em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .utility p { display: none; }
      .utility-icon {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 22px;
        height: 22px;
        border: 0;
        background: transparent;
        font-size: 14px;
      }
    }

    @media (max-height: 720px) and (min-width: 901px) {
      :scope { --header-h: 56px; --radius: 17px; }
      .shell { padding-bottom: 12px; }
      main { padding-top: 11px; gap: 11px; }
      .hero { min-height: 82px; }
      h1 { font-size: clamp(30px, 3.7vw, 50px); }
      .launcher { gap: 9px; grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(68px,.44fr); }
      .major { padding: 14px 16px; }
      .product-name { font-size: clamp(18px, 1.7vw, 26px); }
      .product-desc { font-size: 13.5px; }
      .card-bottom { margin-top: 7px; }
      .utility { padding: 10px 13px; }
      .utility p { display: none; }
    }

    @media (max-width: 520px) {
      .shell {
        padding-left: max(9px, env(safe-area-inset-left));
        padding-right: max(9px, env(safe-area-inset-right));
        padding-bottom: max(8px, env(safe-area-inset-bottom));
      }
      main { padding-top: 8px; gap: 8px; }
      .hero { gap: 4px; }
      h1 { font-size: clamp(28px, 9.4vw, 38px); }
      .launcher { gap: 6px; grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(0,.68fr) minmax(58px,.32fr); }
      .major { padding: 10px; }
      .product-kicker { display: none; }
      .status { font-size: 13.5px; padding: 3px 5px; }
      .status::before { width: 4px; height: 4px; }
      .product-name { font-size: clamp(15px, 4.8vw, 20px); margin-bottom: 4px; }
      .product-desc { font-size: 13.5px; line-height: 1.28; -webkit-line-clamp: 2; }
      .card-bottom { margin-top: 6px; }
      .go { font-size: 13.5px; }
      .go .arrow { display: none; }
      .download-button { min-height: 25px; padding: 5px 7px; font-size: 13.5px; }
      .utility { min-height: 58px; padding: 8px 6px 7px; }
      .utility h3 { font-size: clamp(13.5px, 2.35vw, 13.5px); }
      .utility-icon { top: 6px; right: 6px; width: 20px; height: 20px; font-size: 13.5px; }
      .site-footer { font-size: 13.5px; gap: 8px; }
    }

    @media (max-width: 380px) {
      :scope { --header-h: 52px; --radius: 15px; }
      .brand { font-size: 14.5px; }
      .brand-mark { width: 23px; height: 23px; }
      .brand-logo { width: 25px; height: 25px; flex-basis: 25px; }
      .language-trigger { min-width: 60px; min-height: 36px; padding-inline: 8px; }
      .language-trigger svg { display: none; }
      .header-actions { gap: 6px; }
      .theme-toggle { width: 34px; height: 34px; flex-basis: 34px; }
      .primary { min-height: 36px; padding: 7px 9px; font-size: 13.5px; }
      h1 { font-size: clamp(27px, 9vw, 33px); }
      .major { padding: 9px; }
      .product-name { font-size: clamp(14px, 4.7vw, 18px); }
      .product-desc { font-size: 13.5px; }
      .go { font-size: 13.5px; }
    }

    /* Short phones: preserve the no-scroll promise by removing secondary copy first. */
    @media (max-width: 520px) and (max-height: 650px) {
      :scope { --header-h: 50px; }
      main { padding-top: 6px; gap: 6px; }
      h1 { font-size: clamp(25px, 8.6vw, 31px); }
      .launcher { gap: 5px; grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(0,.62fr) 52px; }
      .major { padding: 8px; }
      .product-desc { -webkit-line-clamp: 1; }
      .status { font-size: 13.5px; }
      .utility { min-height: 52px; }
      .site-footer { font-size: 13.5px; }
    }

    /* Landscape phones: use width aggressively instead of stacking vertically. */
    @media (max-width: 900px) and (orientation: landscape) and (max-height: 560px) {
      :scope { --header-h: 48px; --radius: 14px; }
      .shell { padding-bottom: max(6px, env(safe-area-inset-bottom)); }
      main { padding-top: 6px; gap: 6px; grid-template-rows: minmax(0,1fr); }
      .hero {
        grid-template-columns: 1fr;
        align-items: end;
        gap: 0;
      }
      h1 { font-size: clamp(23px, 4.2vw, 34px); }
      .launcher {
        grid-template-columns: repeat(15, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr) 52px;
        gap: 6px;
      }
      .business { grid-column: 1 / span 3; grid-row: 1; }
      .pro1 { grid-column: 4 / span 3; grid-row: 1; }
      .pronet { grid-column: 7 / span 3; grid-row: 1; }
      .market { grid-column: 10 / span 3; grid-row: 1; }
      .model-router { grid-column: 13 / span 3; grid-row: 1; }
      .chat { grid-column: 1 / span 4; grid-row: 2; }
      .benchmarks { grid-column: 5 / span 4; grid-row: 2; }
      .developers { grid-column: 9 / span 4; grid-row: 2; }
      .docs { grid-column: 13 / span 3; grid-row: 2; }
      .major { padding: 9px; }
      .product-kicker { display: none; }
      .product-name { font-size: clamp(14px, 2.35vw, 18px); }
      .product-desc { font-size: 13.5px; -webkit-line-clamp: 2; }
      .card-bottom { margin-top: 5px; }
      .go { font-size: 13.5px; }
      .go .arrow { display: none; }
      .utility { min-height: 52px; padding: 7px 8px; }
      .utility h3 { font-size: 13.5px; }
    }

    /* Desktop: smaller composition with deliberate breathing room. */
    @media (min-width: 901px) {
      main {
        padding-top: 0;
        grid-template-rows: auto;
        align-content: center;
        gap: 0;
      }
      .launcher {
        width: calc(100% - clamp(20px, 2.5vw, 40px));
        height: min(70vh, 680px);
        margin-inline: auto;
        gap: clamp(11px, 1vw, 14px);
      }
      .utility {
        top: clamp(16px, 1.5vw, 22px);
      }
    }

    /* Portrait mobile: two tactile, independently swipeable card rails. */
    @media (max-width: 760px) and (orientation: portrait) {
      :scope,
      body {
        height: auto;
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
      }
      body { overscroll-behavior-x: none; }
      .shell {
        width: 100%;
        height: auto;
        min-height: 100dvh;
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
        padding-bottom: max(18px, env(safe-area-inset-bottom));
        grid-template-rows: var(--header-h) auto;
        align-content: start;
      }
      header {
        position: sticky;
        top: 0;
        z-index: 100;
        margin-inline: -1px;
        background: rgba(5, 6, 8, .86);
        backdrop-filter: blur(18px) saturate(1.25);
        -webkit-backdrop-filter: blur(18px) saturate(1.25);
      }
      :scope[data-theme="light"] header { background: rgba(232, 228, 220, .88); }
      main {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: auto;
        padding-top: 14px;
        overflow: visible;
      }
      .launcher {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto;
        min-height: 0;
        margin: 0;
        display: block;
        overflow: visible;
      }
      .product-rail,
      .utility-rail {
        display: grid;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        grid-auto-flow: column;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }
      .product-rail::-webkit-scrollbar,
      .utility-rail::-webkit-scrollbar { display: none; }
      .product-rail {
        grid-auto-columns: min(82vw, 380px);
        gap: 12px;
        padding: 0 0 10px;
        scroll-padding-inline: 0;
      }
      .product-rail .major {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100%;
        min-width: 0;
        min-height: 430px;
        height: clamp(430px, calc(100dvh - var(--header-h) - 205px), 760px);
        max-height: none;
        aspect-ratio: auto;
        padding: 15px;
        border-radius: 22px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
      }
      .product-rail .product-kicker {
        display: inline;
        font-size: 13.5px;
      }
      .product-rail .status {
        padding: 4px 7px;
        font-size: 13.5px;
      }
      .product-rail .product-name {
        margin-bottom: 5px;
        font-size: clamp(24px, 7vw, 31px);
        line-height: .98;
      }
      .product-rail .product-desc {
        display: -webkit-box;
        max-height: none;
        margin-top: 0;
        font-size: clamp(13.5px, 2.9vw, 13.5px);
        line-height: 1.36;
        opacity: 1;
        filter: none;
        transform: none;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
      }
      .product-rail .card-bottom { margin-top: 10px; }
      .product-rail .download-button {
        min-height: 32px;
        padding: 7px 11px;
        font-size: 13.5px;
      }
      .product-rail .go { font-size: 13.5px; }
      .product-rail .go .arrow { display: grid; }

      .utility-rail {
        grid-auto-columns: min(72vw, 285px);
        gap: 10px;
        margin-top: 22px;
        padding: 0 0 10px;
        scroll-padding-inline: 0;
      }
      .utility-rail .utility {
        grid-column: auto !important;
        grid-row: auto !important;
        top: 0 !important;
        width: 100%;
        min-height: 104px;
        padding: 15px;
        align-items: center;
        justify-content: space-between;
        border-radius: 19px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
      }
      .utility-rail .utility-copy { width: auto; }
      .utility-rail .utility h3 {
        margin: 0 0 5px;
        font-size: 14.5px;
        line-height: 1.1;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
      }
      .utility-rail .utility p {
        display: block;
        max-height: none;
        margin: 0;
        font-size: 13.5px;
        line-height: 1.3;
        opacity: 1;
        filter: none;
        transform: none;
      }
      .utility-rail .utility-icon {
        position: relative;
        top: auto;
        right: auto;
        width: 32px;
        height: 32px;
        border: 1px solid rgba(var(--utility-accent), .25);
        background: rgba(var(--utility-accent), .1);
        font-size: 14px;
      }
      .site-footer {
        position: static;
        margin: 18px auto 0;
        padding-bottom: 2px;
        transform: none;
      }
    }

    /* Photorealistic utility-card media: shared readability treatment, distinct semantic scenes. */
    .utility {
      background: #111419;
    }
    .utility.chat {
      --utility-image: url("assets/tile-utility-chat-generated-v5.webp");
      --utility-image: image-set(url("assets/tile-utility-chat-generated-v5.avif") type("image/avif"), url("assets/tile-utility-chat-generated-v5.webp") type("image/webp"));
    }
    .utility.benchmarks {
      --utility-image: url("assets/tile-utility-benchmarks-generated-v5.webp");
      --utility-image: image-set(url("assets/tile-utility-benchmarks-generated-v5.avif") type("image/avif"), url("assets/tile-utility-benchmarks-generated-v5.webp") type("image/webp"));
    }
    .utility.developers {
      --utility-image: url("assets/tile-utility-developers-generated-v5.webp");
      --utility-image: image-set(url("assets/tile-utility-developers-generated-v5.avif") type("image/avif"), url("assets/tile-utility-developers-generated-v5.webp") type("image/webp"));
    }
    .utility.docs {
      --utility-image: url("assets/tile-utility-docs-generated-v5.webp");
      --utility-image: image-set(url("assets/tile-utility-docs-generated-v5.avif") type("image/avif"), url("assets/tile-utility-docs-generated-v5.webp") type("image/webp"));
    }
    .utility::before {
      content: "";
      position: absolute;
      inset: -2px;
      z-index: 0;
      width: auto;
      height: auto;
      border: 0;
      border-radius: inherit;
      background-image: var(--utility-image);
      background-position: center;
      background-size: cover;
      box-shadow: none;
      opacity: .9;
      filter: saturate(1.12) contrast(1.04);
      transform: scale(1.015);
      transition: transform .55s cubic-bezier(.22,1,.36,1),filter .42s ease,opacity .42s ease;
      pointer-events: none;
    }
    .utility::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      height: auto;
      background:
        linear-gradient(90deg,rgba(4,7,10,.88) 0%,rgba(4,7,10,.66) 38%,rgba(4,7,10,.28) 72%,rgba(4,7,10,.12) 100%),
        linear-gradient(0deg,rgba(4,7,10,.32),transparent 65%);
      opacity: 1;
      pointer-events: none;
    }
    .utility:hover::before,
    .utility:focus-visible::before {
      opacity: 1;
      filter: saturate(1.32) contrast(1.06) brightness(1.08);
      transform: scale(1.055);
    }
    .utility h3 {
      color: #f7f8f9;
      font-weight: 650;
      text-shadow: 0 1px 8px rgba(0,0,0,.62);
    }
    .utility p {
      color: rgba(237,241,245,.74);
      text-shadow: 0 1px 7px rgba(0,0,0,.65);
    }
    .utility-icon {
      color: #f7f8f9;
      border-color: rgba(255,255,255,.28);
      background: rgba(8,12,16,.42);
      backdrop-filter: blur(10px);
    }
    :scope[data-theme="light"] .utility,
    :scope[data-theme="light"] .card.utility:hover,
    :scope[data-theme="light"] .card.utility:focus-visible {
      background: #14171b;
    }
    :scope[data-theme="light"] .utility::before {
      opacity: .94;
      filter: saturate(1.2) contrast(1.04) brightness(1.03);
      box-shadow: none;
    }
    :scope[data-theme="light"] .utility::after {
      opacity: 1;
      background:
        linear-gradient(90deg,rgba(5,8,11,.82) 0%,rgba(5,8,11,.57) 40%,rgba(5,8,11,.2) 74%,rgba(5,8,11,.07) 100%),
        linear-gradient(0deg,rgba(5,8,11,.24),transparent 66%);
    }
    :scope[data-theme="light"] .utility:hover::before,
    :scope[data-theme="light"] .utility:focus-visible::before {
      opacity: 1;
      filter: saturate(1.38) contrast(1.05) brightness(1.08);
    }
    :scope[data-theme="light"] .utility h3 { color: #fff; }
    :scope[data-theme="light"] .utility p { color: rgba(241,244,247,.78); }

    /* Keep every primary product card on the same four-corner information grid. */
    .major > .card-top { width: 100%; }
    .major > .product-body {
      width: 100%;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas:
        "name actions"
        "description actions";
      column-gap: 14px;
      align-items: end;
    }
    .major .product-desc { grid-area: description; }
    .major .product-name {
      grid-area: name;
      align-self: end;
      margin: 0;
    }
    .major .card-bottom { display: contents; }
    .major .tags {
      grid-area: metadata;
      margin-top: clamp(8px, 1vh, 12px);
      margin-bottom: 7px;
    }
    .major .card-actions,
    .major .card-bottom > .go {
      grid-area: actions;
      align-self: end;
      justify-self: end;
    }
    .major .card-actions { flex-wrap: wrap; }
    .has-download .go { display: inline-flex; }

    /* Quiet white editorial link: underline only the label and keep the arrow separate. */
    .major .go,
    :scope[data-theme="light"] .major .go {
      gap: 8px;
      padding: 2px 0;
      border: 0;
      border-radius: 0;
      color: rgba(255,255,255,.9);
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      font-size: 14px;
      font-weight: 450;
      line-height: 1;
      transition: color .22s ease;
    }
    .major .go > span:first-child {
      text-decoration-line: underline;
      text-decoration-color: rgba(255,255,255,.3);
      text-decoration-thickness: 1px;
      text-underline-offset: 2px;
      transition: text-decoration-color .22s ease;
    }
    .major .go .arrow,
    :scope[data-theme="light"] .major .go .arrow {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      align-self: center;
      vertical-align: middle;
      width: auto;
      height: auto;
      border: 0;
      border-radius: 0;
      color: currentColor;
      background: transparent;
      font-size: 16px;
      font-weight: 400;
      line-height: 1;
      transform: none;
      translate: 0 0;
      transition: translate .2s ease;
    }
    .card:not(.disabled):hover .go,
    .card:not(.disabled):focus-visible .go,
    .card:not(.disabled):focus-within .go {
      border-color: transparent;
      background: transparent;
      color: #fff;
    }
    .card:not(.disabled):hover .go > span:first-child,
    .card:not(.disabled):focus-visible .go > span:first-child,
    .card:not(.disabled):focus-within .go > span:first-child {
      text-decoration-color: rgba(255,255,255,.58);
    }
    .card:not(.disabled):hover .go .arrow,
    .card:not(.disabled):focus-visible .go .arrow,
    .card:not(.disabled):focus-within .go .arrow {
      background: transparent;
      transform: none;
      translate: 3px 0;
    }
    .major .download-button,
    :scope[data-theme="light"] .major .download-button {
      color: #101318;
      border-color: rgba(255,255,255,.92);
      background: #f4f6f8;
      box-shadow: 0 4px 14px rgba(0,0,0,.18);
    }
    .major .download-button:hover,
    :scope[data-theme="light"] .major .download-button:hover {
      color: #090b0e;
      border-color: #fff;
      background: #fff;
      box-shadow: 0 6px 18px rgba(0,0,0,.24);
    }

    /* Small coherence pass: shared type rhythm, calmer metadata and restrained motion. */
.major > .card-top { align-items: center; justify-content: space-between; }
    .major .product-kicker {
      color: rgba(232,237,242,.68);
      font-size: 12px;
      font-weight: 600;
      line-height: 24px;
      letter-spacing: .075em;
    }
    .major .status {
      min-height: 24px;
      gap: 0;
      padding: 4px 8px;
      color: #989fa8;
      border-color: rgba(160,168,178,.28);
      background: rgba(5,7,10,.48);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: .06em;
    }
    :scope[data-theme="light"] .major .status {
      color: #afb4bb;
      border-color: rgba(188,194,202,.28);
      background: rgba(26,29,34,.58);
    }
    .major .status::before { display: none; }
    .major .product-kicker { display: none; }
    .major .card-top { justify-content: flex-start; }
    .major .product-name {
      line-height: 1.02;
      letter-spacing: -.015em;
      font-weight: 540;
    }
    .major .product-desc {
      max-width: 445px;
      color: rgba(235,238,242,.76);
      font-size: 13px;
      line-height: 1.45;
      font-weight: 430;
    }
    .business .product-desc { max-width: 390px; }
    .major .tags {
      gap: 4px;
      margin-bottom: 6px;
    }
    .major .tag {
      color: rgba(226,232,238,.54);
      font-size: 11.5px;
      font-weight: 500;
      letter-spacing: .055em;
    }
    .major .tag + .tag::before {
      margin-right: 4px;
      color: rgba(226,232,238,.3);
    }
    .major:hover::before,
    .major:focus-visible::before,
    .major:focus-within::before { opacity: .74; }
    .major:hover::after,
    .major:focus-within::after {
      filter: saturate(1.12) contrast(1.03);
      transform: scale(1.018);
    }

    .utility::before,
    :scope[data-theme="light"] .utility::before {
      opacity: .76;
      filter: saturate(.88) contrast(1.02);
      transform: scale(1.01);
    }
      .utility:hover::before,
      .utility:focus-visible::before,
      :scope[data-theme="light"] .utility:hover::before,
      :scope[data-theme="light"] .utility:focus-visible::before {
        opacity: .9;
      filter: saturate(1) contrast(1.03);
      transform: scale(1.025);
    }
    .utility h3,
    :scope[data-theme="light"] .utility h3 {
      margin-bottom: 3px;
      color: #f4f6f8;
      font-size: 14px;
      font-weight: 560;
      letter-spacing: .005em;
      text-shadow: none;
    }
    .utility h3::before { display: none; }
    .utility { justify-content: center; }
    .utility-copy {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      text-align: left;
      transform: translateY(2px);
      transition: transform .5s cubic-bezier(.22,1,.36,1);
    }
    @media (hover: hover) and (pointer: fine) {
      .utility h3 { margin-bottom: 0; }
      .utility:hover .utility-copy,
      .utility:focus-visible .utility-copy {
        transform: translateY(-5px);
      }
    }
    .utility p,
    :scope[data-theme="light"] .utility p {
      color: rgba(237,241,245,.62);
      font-size: 12.5px;
      text-shadow: none;
    }
    .utility-icon,
    :scope[data-theme="light"] .utility-icon {
      display: inline-block;
      width: auto;
      height: auto;
      border: 0;
      border-radius: 0;
      color: rgba(247,249,251,.84);
      background: transparent;
      backdrop-filter: none;
      font-size: 17px;
      font-weight: 400;
      line-height: 1;
    }
    .utility:hover .utility-icon,
    .utility:focus-visible .utility-icon {
      background: transparent;
      opacity: 1;
      transform: translate(2px, -2px);
    }
    .utility .utility-icon,
    :scope[data-theme="light"] .utility .utility-icon {
      position: absolute;
      top: 13px;
      right: 14px;
      z-index: 3;
      opacity: .68;
      transition: opacity .24s ease, transform .28s cubic-bezier(.22,1,.36,1);
    }

    /* Compact header actions while preserving the existing hierarchy. */
    .pro-global-actions .pro-theme-toggle {
      width: 32px;
      min-width: 32px;
      height: 32px;
      flex-basis: 32px;
      padding: 0;
      border-radius: 50%;
      background: transparent;
    }
    .pro-global-actions .pro-theme-toggle svg { width: 14px; height: 14px; }
    .pro-global-actions .pro-language-trigger {
      width: 70px;
      min-width: 70px;
      height: 32px;
      justify-content: center;
      gap: 6px;
      padding-inline: 7px;
      background: transparent;
      font-size: 12.5px;
    }
    .pro-global-actions .pro-theme-toggle:hover,
    .pro-global-actions .pro-language-trigger:hover,
    .pro-global-actions .pro-language-trigger[aria-expanded="true"] {
      background: color-mix(in srgb, var(--pro-surface-raised) 86%, var(--pro-text) 14%);
    }
    .pro-global-actions .pro-language-trigger svg { width: 14px; height: 14px; }
    .pro-global-actions .pro-language-chevron {
      display: inline-block;
      flex: 0 0 auto;
      width: 5px;
      height: 5px;
      margin-left: 1px;
      border-right: 1.25px solid currentColor;
      border-bottom: 1.25px solid currentColor;
      opacity: .58;
      transform: translateY(-1.5px) rotate(45deg);
    }
    .pro-global-actions .pro-language-trigger[aria-expanded="true"] .pro-language-chevron {
      transform: translateY(1.5px) rotate(225deg);
    }
    .pro-global-actions > .pro-button {
      min-height: 36px;
      padding: 7px 12px;
      font-size: 13.5px;
    }

    .card:not(.disabled) {
      transition:
        transform .34s cubic-bezier(.22, 1, .36, 1),
        opacity .28s ease,
        filter .28s ease,
        border-color .26s ease,
        background .26s ease,
        box-shadow .34s ease;
    }

    @media (hover: none) {
      .card:not(.disabled):hover { transform: none; }
      .card:not(.disabled):active {
        transform: scale(.985);
        border-color: var(--line-strong);
        background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.03));
      }
      .primary:hover { transform: none; }
      .primary:active { transform: scale(.98); }
    }

    /* Separate cards through tonal elevation instead of a permanent perimeter stroke. */
    .launcher .card {
      border-color: transparent;
      box-shadow:
        0 14px 34px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.07);
    }

    /* Keep the imagery vivid while preserving a stable text scrim. */
    .major::before { opacity: .72; }
    .major::after {
      filter: saturate(1.2) contrast(1.04) brightness(1.12);
    }

    @media (any-hover: hover) {
      .launcher:has(.card:hover) .card:not(:hover),
      .launcher:has(.card:focus-within) .card:not(:focus-within) {
        opacity: .78;
        filter: brightness(.82) saturate(.82);
      }
      .card:not(.disabled):hover,
      .card:not(.disabled):focus-within {
        z-index: 3;
        opacity: 1;
        filter: none;
        transform: translateY(-4px) scale(1.015);
        border-color: transparent;
        box-shadow:
          0 20px 45px rgba(0,0,0,.58),
          inset 0 1px 0 rgba(255,255,255,.1);
      }
      .major:hover::before,
      .major:focus-within::before { opacity: .46; }
      .major:hover::after,
      .major:focus-within::after {
        filter: saturate(1.28) contrast(1.05) brightness(1.18);
        transform: scale(1.028);
      }
      .utility:hover::before,
      .utility:focus-within::before {
        opacity: 1;
        filter: saturate(1.1) contrast(1.04) brightness(1.12);
        transform: scale(1.035);
      }
    }

    /* On hover, add a soft local scrim only behind the lower-left text area. */
    .major .product-body {
      isolation: isolate;
    }
    .major .product-body::before {
      content: "";
      position: absolute;
      z-index: 0;
      left: -25px;
      bottom: -25px;
      width: min(600px, calc(100% + 25px));
      height: calc(100% + 72px);
      border-radius: 0 52% 0 0;
      background: radial-gradient(
        ellipse 96% 90% at 0% 100%,
        rgba(1, 2, 4, .98) 0%,
        rgba(1, 2, 4, .9) 42%,
        rgba(1, 2, 4, .5) 70%,
        transparent 100%
      );
      opacity: 0;
      filter: blur(1px);
      pointer-events: none;
      transition: opacity .52s cubic-bezier(.22, 1, .36, 1);
    }
    .major .product-name,
    .major .product-desc,
    .major .card-actions,
    .major .card-bottom > .go {
      position: relative;
      z-index: 1;
    }
    @media (any-hover: hover) {
      .major:hover .product-body::before,
      .major:focus-within .product-body::before {
        opacity: 1;
      }
      .major:hover .product-desc,
      .major:focus-within .product-desc { color: rgba(245,247,249,.9); }
    }

    .pro-global-brand { font-weight: 500; }

    /* Keep the desktop navigation centered against the full header width. */
    @media (min-width: 1121px) {
      .pro-global-header {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      }
      .pro-global-brand { justify-self: start; }
      .pro-global-nav { grid-column: 2; justify-self: center; }
      .pro-global-actions { justify-self: end; }
    }

    @media (prefers-reduced-motion: reduce) {
      .launcher.reveal-pending .card {
        opacity: revert;
        translate: none;
      }
      .launcher.reveal-ready .card { transition: none; }
    }

    /* The page shell follows the same canonical header geometry as the design system. */
    @media (max-width: 900px) {
      :scope { --header-h: 64px; }
    }
    @media (max-height: 720px) and (min-width: 901px) {
      :scope { --header-h: 72px; }
    }
    @media (max-width: 380px),
           (max-width: 520px) and (max-height: 650px),
           (max-width: 900px) and (orientation: landscape) and (max-height: 560px) {
      :scope { --header-h: 64px; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
    }
}

/* pricing */
@scope (html[data-page-bundle="pricing"]) {
:scope{
      --bg:#030508;--text:#f4f6f8;--muted:#96a0ab;--soft:#cbd2d9;
      --line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.15);
      --blue:#a8cfff;--green:#9bf2c3;--violet:#d4b8ff;--amber:#f4d08a;
      --radius:20px;--header:64px;--content:1480px
    }
    *{box-sizing:border-box}
    :scope,body{margin:0;min-height:100%;background:var(--bg)}
    body{
      color:var(--text);
      font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      -webkit-font-smoothing:antialiased;
      background:
        radial-gradient(1000px 600px at 84% -10%,rgba(82,121,255,.075),transparent 58%),
        radial-gradient(820px 520px at 8% 108%,rgba(51,210,153,.05),transparent 58%),
        linear-gradient(180deg,#04070b 0%,#020407 100%);
    }
    body::before{
      content:"";position:fixed;inset:0;pointer-events:none;opacity:.1;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:64px 64px;
      mask-image:linear-gradient(to bottom,rgba(0,0,0,.94),transparent 75%)
    }
    a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
    button,select{font:inherit}
    .wrap{width:min(var(--content),100%);margin:auto;padding:0 clamp(16px,2.7vw,40px)}
    header{
      height:var(--header);position:sticky;top:0;z-index:40;
      border-bottom:1px solid rgba(255,255,255,.08);
      background:rgba(3,5,8,.84);backdrop-filter:blur(14px)
    }
    .header-inner{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
    .brand{display:inline-flex;align-items:center;gap:9px;font-weight:720;letter-spacing:-.02em;white-space:nowrap}
    .brand-mark{width:27px;height:27px;position:relative;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02))}
    .brand-mark::before,.brand-mark::after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.36);border-radius:50%;transform:rotate(36deg) scaleX(.6)}
    .brand-mark::after{transform:rotate(-36deg) scaleX(.6)}
    nav{justify-self:center;display:flex;gap:clamp(16px,2.2vw,30px);font-size:14px;color:#a8b1bb}
    nav a:hover,nav a.active{color:#fff}
    .actions{display:flex;align-items:center;gap:8px;font-size:14px}
    .lang{min-height:36px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#b6bec7;padding:0 10px}
    .signin{color:#b7c0c9;padding:8px 6px}
    .cta,.secondary{
      min-height:36px;border-radius:999px;border:1px solid var(--line);
      display:inline-flex;align-items:center;justify-content:center;padding:0 13px;font-weight:640
    }
    .cta{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border-color:rgba(255,255,255,.14)}
    .secondary{background:rgba(255,255,255,.02);color:#c5cdd5}
    .cta:hover,.secondary:hover{border-color:var(--line2);background:rgba(255,255,255,.055)}

    main{padding:36px 0 10px}
    .hero{text-align:center;max-width:950px;margin:0 auto}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a9b3bd;font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:11px}
    .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(155,242,195,.7)}
    h1{margin:0;font-size:clamp(38px,5.2vw,72px);line-height:.95;letter-spacing:-.058em;font-weight:670}
    h1 span{color:#8f99a5;font-weight:520}
    .hero p{max-width:760px;margin:14px auto 0;color:#99a4ae;font-size:14.5px;line-height:1.58}
    .billing-toggle{display:inline-flex;margin-top:18px;padding:3px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
    .toggle-btn{border:0;background:transparent;color:#88949f;border-radius:9px;padding:8px 14px;font-size:14px;font-weight:650;cursor:pointer}
    .toggle-btn.active{background:rgba(255,255,255,.075);color:#fff}
    .discount{color:var(--green);font-size:13.5px;margin-left:4px}

    .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
    .plan{
      min-width:0;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);
      background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.017));
      padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 42px rgba(0,0,0,.22)
    }
    .plan.featured{border-color:rgba(168,207,255,.22);background:linear-gradient(145deg,rgba(93,133,210,.08),rgba(255,255,255,.018))}
    .plan.featured::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,rgba(115,158,255,.18),transparent 67%)}
    .plan>*{position:relative;z-index:1}
    .plan-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
    .plan-name{font-size:21px;font-weight:660;letter-spacing:-.035em}
    .badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 8px;font-size:13.5px;font-weight:760;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);background:rgba(255,255,255,.025)}
    .badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
    .plan-desc{color:#909ba6;font-size:14px;line-height:1.5;margin-top:8px;min-height:54px}
    .price{margin-top:20px}
    .price-main{display:flex;align-items:baseline;gap:7px}
    .amount{font-size:36px;font-weight:700;letter-spacing:-.045em}
    .period{font-size:14px;color:#7f8a95}
    .price-note{margin-top:5px;color:#76818c;font-size:13.5px;line-height:1.4;min-height:28px}
    .plan-action{width:100%;margin-top:17px;min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:#edf1f5;font-weight:650;cursor:pointer}
    .featured .plan-action{background:#edf2f7;color:#090c10;border-color:#edf2f7}
    .plan-action:hover{filter:brightness(1.05)}
    .features{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.065);padding-top:16px}
    .features li{display:flex;gap:9px;color:#aab4be;font-size:14px;line-height:1.42}
    .features li::before{content:"✓";color:var(--green);font-weight:800}
    .features .muted{color:#727e89}.features .muted::before{content:"·";color:#64707b}

    .section{margin-top:34px}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}
    .section-head h2{margin:0;font-size:clamp(24px,2.3vw,35px);letter-spacing:-.04em}
    .section-head p{margin:0;max-width:650px;color:#8e99a4;font-size:14px;line-height:1.5;text-align:right}
    .usage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
    .usage-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018);padding:15px;min-height:170px}
    .usage-card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-85px;background:radial-gradient(circle,rgba(168,207,255,.1),transparent 66%)}
    .usage-card:nth-child(2)::before{background:radial-gradient(circle,rgba(212,184,255,.1),transparent 66%)}
    .usage-card:nth-child(3)::before{background:radial-gradient(circle,rgba(155,242,195,.1),transparent 66%)}
    .usage-card:nth-child(4)::before{background:radial-gradient(circle,rgba(244,208,138,.11),transparent 66%)}
    .usage-card:nth-child(5)::before{background:radial-gradient(circle,rgba(100,205,234,.1),transparent 66%)}
    .usage-card>*{position:relative;z-index:1}
    .usage-kicker{color:#77838e;font-size:13.5px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
    .usage-card h3{margin:0 0 7px;font-size:16.5px;letter-spacing:-.025em}
    .usage-card p{margin:0;color:#8d98a3;font-size:13.5px;line-height:1.5}
    .usage-price{margin-top:16px;font-size:14px;color:#cbd3da}.usage-price strong{color:#fff;font-size:14px}

    .compare{
      margin-top:14px;border:1px solid var(--line);border-radius:18px;overflow:hidden;
      background:rgba(255,255,255,.015)
    }
    .compare-row{display:grid;grid-template-columns:minmax(220px,1.25fr) repeat(3,minmax(120px,.75fr));border-top:1px solid rgba(255,255,255,.055)}
    .compare-row:first-child{border-top:0;background:rgba(255,255,255,.025)}
    .compare-cell{padding:13px 15px;font-size:14px;color:#98a3ad;border-left:1px solid rgba(255,255,255,.05)}
    .compare-cell:first-child{border-left:0;color:#cbd3da}.compare-row:first-child .compare-cell{font-weight:700;color:#e9edf1}
    .yes{color:var(--green);font-weight:700}.partial{color:var(--amber)}.no{color:#65717c}

    .note-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:14px}
    .note{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018);padding:18px}
    .note-kicker{font-size:13.5px;color:#77838e;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}
    .note h3{margin:0 0 8px;font-size:18px;letter-spacing:-.03em}
    .note p{margin:0;color:#8e99a4;font-size:14px;line-height:1.55}
    .note-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
    .note-link{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 9px;font-size:13.5px;color:#aeb8c1;background:rgba(255,255,255,.018)}
    .note-link:hover{color:#fff;border-color:rgba(255,255,255,.16)}

    footer{margin-top:30px;border-top:1px solid rgba(255,255,255,.07);padding:18px 0 24px;color:#77838e;font-size:13.5px}
    .footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
    .footer-links{display:flex;gap:13px}

    @media(max-width:1100px){
      .usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
      .usage-card:nth-child(n+4){min-height:150px}
    }
    @media(max-width:900px){
      :scope{--header:56px}
      nav{display:none}.header-inner{grid-template-columns:1fr auto}.signin{display:none}
      main{padding-top:26px}.plans{grid-template-columns:1fr}.plan-desc{min-height:auto}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .section-head{display:block}.section-head p{text-align:left;margin-top:7px}.note-grid{grid-template-columns:1fr}
    }
    @media(max-width:640px){
      .wrap{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
      .brand{font-size:14.5px}.brand-mark{width:23px;height:23px}.actions{gap:5px}.lang{min-height:34px;padding:0 7px}.cta{min-height:34px;padding:0 9px;font-size:13.5px}
      h1{font-size:38px}.hero p{font-size:14px}.billing-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr}.toggle-btn{padding:9px 8px}
      .plans{margin-top:20px}.plan{padding:17px}.amount{font-size:32px}
      .usage-grid{grid-template-columns:1fr}
      .compare{overflow:auto}.compare-row{min-width:680px}
      .footer-inner{flex-direction:column;align-items:flex-start}
    }
}

/* pro-1 */
@scope (html[data-page-bundle="pro-1"]) {
:scope {
      --bg:#030508;
      --text:#f4f6f8;
      --muted:#98a2ad;
      --soft:#cbd2d9;
      --line:rgba(255,255,255,.09);
      --line-strong:rgba(255,255,255,.15);
      --blue:#a8cfff;
      --green:#9bf2c3;
      --violet:#d4b8ff;
      --amber:#f6d48a;
      --radius:22px;
      --header-h:66px;
    }
    *{box-sizing:border-box}
    :scope,body{margin:0;width:100%;min-height:100%;background:var(--bg)}
    body{
      color:var(--text);
      font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      -webkit-font-smoothing:antialiased;
      background:
        radial-gradient(1000px 600px at 82% -8%,rgba(96,116,255,.09),transparent 58%),
        radial-gradient(760px 480px at 4% 108%,rgba(100,74,210,.06),transparent 58%),
        linear-gradient(180deg,#04070b 0%,#020407 100%);
    }
    body::before{
      content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;
      background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);
    }
    a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
    .shell{width:min(1600px,100%);margin:0 auto;padding:0 clamp(18px,3vw,48px) 28px;position:relative;z-index:1}
    header{height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border-bottom:1px solid rgba(255,255,255,.08)}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;font-size:17.5px;white-space:nowrap}
    .brand-mark{width:27px;height:27px;position:relative;border-radius:9px;border:1px solid rgba(255,255,255,.26);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75) 0 4%,transparent 5%),linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025));box-shadow:inset 0 0 22px rgba(255,255,255,.03),0 0 22px rgba(133,163,255,.06)}
    .brand-mark::before,.brand-mark::after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.38);border-radius:50%;transform:rotate(36deg) scaleX(.6)}
    .brand-mark::after{transform:rotate(-36deg) scaleX(.6)}
    nav{justify-self:center;display:flex;gap:clamp(16px,2.2vw,30px);align-items:center;color:#adb5bf;font-size:14px}
    nav a{transition:color .18s ease} nav a:hover{color:#fff}
    .header-actions{display:flex;align-items:center;gap:9px;font-size:14px}
    .language-picker{position:relative;display:inline-flex;align-items:center}
    .language-picker::after{content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;border-right:1.5px solid #8f99a5;border-bottom:1.5px solid #8f99a5;transform:translateY(-70%) rotate(45deg);pointer-events:none}
    .language-select{width:60px;min-height:36px;padding:7px 25px 7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;appearance:none;-webkit-appearance:none;color:#b8c0c9;background:rgba(255,255,255,.026);font:inherit;font-weight:650;cursor:pointer;outline:none}
    .language-select option{color:#11151b;background:#fff}
    .signin{color:#b8c0c9;padding:8px 7px}.signin:hover{color:#fff}
    .primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:640;transition:.18s ease;white-space:nowrap}
    .primary{padding:9px 15px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.03));color:#f4f6f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.28)}
    .primary::after{content:"↗";font-size:14px;color:#b8d4ff}.primary:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.04))}
    .secondary{padding:9px 14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#dbe2e9}.secondary:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.17);color:#fff}

    main{padding-top:clamp(20px,3vw,42px)}
    .hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(22px,3vw,46px);align-items:stretch}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#aeb6c0;font-size:14px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}
    .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px rgba(168,207,255,.75)}
    h1{margin:0;max-width:860px;font-size:clamp(42px,5.2vw,76px);line-height:.94;letter-spacing:-.06em;font-weight:670}
    h1 span{color:#8f99a6;font-weight:520}
    .hero-copy{margin:18px 0 0;max-width:740px;color:#aeb6c0;font-size:clamp(14px,1.15vw,17px);line-height:1.58}
    .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
    .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
    .chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.026);color:#a9b2bd;font-size:14px;letter-spacing:.03em}
    .chip .dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.chip.beta{color:var(--blue)}.chip.hybrid{color:var(--violet)}.chip.api{color:var(--green)}

    .orchestrator{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 42px rgba(0,0,0,.26);padding:clamp(18px,2vw,26px);overflow:hidden;min-height:100%}
    .orchestrator::before{content:"";position:absolute;width:320px;height:320px;right:-100px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(112,142,255,.17),transparent 67%)}
    .orch-head,.orch-flow,.orch-foot{position:relative;z-index:1}
    .orch-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
    .orch-title strong{display:block;font-size:26px;letter-spacing:-.035em}.orch-title span{display:block;margin-top:4px;color:#8f99a6;font-size:14px;text-transform:uppercase;letter-spacing:.12em}
    .status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--blue);background:rgba(255,255,255,.03);font-size:13.5px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
    .orch-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:24px}
    .node{min-height:92px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.022);padding:13px;display:flex;flex-direction:column;justify-content:space-between}
    .node small{color:#8e99a4;font-size:13.5px;text-transform:uppercase;letter-spacing:.12em}.node strong{font-size:14.5px;line-height:1.25}.arrow{color:#697480;font-size:16.5px}
    .orch-foot{margin-top:18px;color:#9aa3ae;font-size:14px;line-height:1.55}

    .section{margin-top:clamp(18px,2.5vw,34px)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}
    .section-head h2{margin:0;font-size:clamp(25px,2.3vw,36px);letter-spacing:-.04em}.section-head p{margin:0;max-width:560px;color:#8f99a5;font-size:14px;line-height:1.5}
    .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
    .card{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 42px rgba(0,0,0,.22);padding:clamp(16px,1.6vw,23px);min-height:190px}
    .card::before{content:"";position:absolute;width:210px;height:210px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(168,207,255,.10),transparent 66%)}
    .card>*{position:relative;z-index:1}.card-kicker{color:#aeb6c0;font-size:13.5px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;margin-bottom:22px}.card h3{margin:0 0 8px;font-size:clamp(18px,1.45vw,23px);letter-spacing:-.03em}.card p{margin:0;color:#98a2ad;font-size:14px;line-height:1.52}
    .routing::before{background:radial-gradient(circle,rgba(212,184,255,.12),transparent 66%)}.reasoning::before{background:radial-gradient(circle,rgba(168,207,255,.12),transparent 66%)}.tools::before{background:radial-gradient(circle,rgba(155,242,195,.12),transparent 66%)}.efficiency::before{background:radial-gradient(circle,rgba(246,212,138,.11),transparent 66%)}

    .lower{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(10px,1.2vw,16px);margin-top:clamp(10px,1.2vw,16px)}
    .panel{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018));padding:clamp(18px,2vw,26px)}
    .panel-kicker{color:#aeb6c0;font-size:13.5px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}.panel h3{margin:0 0 12px;font-size:clamp(21px,1.8vw,28px);letter-spacing:-.035em}.panel p{margin:0;color:#98a2ad;font-size:14px;line-height:1.55}
    .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.step{padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.step-num{color:#74808c;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.step strong{font-size:14px;line-height:1.25;display:block}.step span{display:block;margin-top:5px;color:#7f8994;font-size:14px;line-height:1.35}
    .link-list{display:grid;gap:10px;margin-top:16px}.link-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#cbd3db;font-size:14px}.link-item strong{color:#f1f4f7}.link-item span:last-child{color:#82909d}

    footer{display:flex;justify-content:center;align-items:center;gap:12px;padding:26px 0 4px;color:#7f8994;font-size:14px}footer .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.22)}footer a:hover{color:#cfd5dc}
    a:focus-visible,.language-select:focus-visible{outline:2px solid rgba(158,199,255,.8);outline-offset:3px}

    @media(max-width:980px){
      :scope{--header-h:56px;--radius:18px}.shell{padding-top:env(safe-area-inset-top);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
      nav{display:none}header{grid-template-columns:1fr auto}.brand{font-size:15.5px}.brand-mark{width:25px;height:25px}.signin{display:none}.language-select{width:55px;min-height:40px;font-size:14px}.primary{min-height:40px;padding:8px 13px;font-size:14px}
      main{padding-top:18px}.hero{grid-template-columns:1fr;gap:14px}h1{font-size:clamp(36px,8vw,54px)}.orchestrator{min-height:auto}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.lower{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:640px){
      .shell{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}.hero-copy{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions a{width:100%}.orch-flow{grid-template-columns:1fr;gap:7px}.arrow{transform:rotate(90deg);text-align:center}.node{min-height:70px}.grid4{grid-template-columns:1fr}.card{min-height:auto}.section-head{align-items:start;flex-direction:column;gap:6px}.steps{grid-template-columns:1fr}.link-item{align-items:flex-start}.link-item span:last-child{display:none}footer{font-size:13.5px;gap:8px;flex-wrap:wrap}
    }
    @media(max-width:390px){
      :scope{--header-h:52px}.brand{font-size:14.5px}.brand-mark{width:23px;height:23px}.header-actions{gap:6px}.language-select{width:51px;min-height:36px;font-size:13.5px;padding-left:8px;padding-right:21px}.primary{min-height:36px;padding:7px 10px;font-size:13.5px}.primary::after{font-size:13.5px}.hero-actions{grid-template-columns:1fr}h1{font-size:32px}
    }
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
}

/* products */
@scope (html[data-page-bundle="products"]) {
:scope {
      --bg: #030508;
      --text: #f4f6f8;
      --muted: #97a1ad;
      --soft: #cbd2d9;
      --line: rgba(255,255,255,.09);
      --line-strong: rgba(255,255,255,.16);
      --card: rgba(255,255,255,.032);
      --card-strong: rgba(255,255,255,.05);
      --green: #9bf2c3;
      --blue: #a8cfff;
      --amber: #f6d48a;
      --violet: #d4b8ff;
      --radius: 22px;
      --header-h: 66px;
    }

    * { box-sizing: border-box; }
    :scope { background: var(--bg); scroll-behavior: smooth; }
    :scope, body { margin: 0; min-height: 100%; }
    body {
      color: var(--text);
      background:
        radial-gradient(1100px 620px at 82% -8%, rgba(89,122,255,.075), transparent 56%),
        radial-gradient(900px 580px at 8% 102%, rgba(52,211,153,.045), transparent 56%),
        linear-gradient(180deg, #04070b 0%, #020407 100%);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      opacity: .12;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size: 64px 64px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.95), transparent 88%);
    }

    a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
    button, select { font: inherit; }
    button, a, select { touch-action: manipulation; }

    .shell {
      width: min(1600px, 100%);
      margin: 0 auto;
      padding: 0 clamp(18px,3vw,48px) 28px;
      position: relative;
      z-index: 1;
    }

    header {
      height: var(--header-h);
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 24px;
      border-bottom: 1px solid rgba(255,255,255,.08);
      position: sticky;
      top: 0;
      z-index: 20;
      background: linear-gradient(180deg, rgba(3,5,8,.96), rgba(3,5,8,.78));
      backdrop-filter: blur(18px);
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 700;
      letter-spacing: -.02em;
      font-size: 17.5px;
      white-space: nowrap;
    }
    .brand-mark {
      width: 27px;
      height: 27px;
      position: relative;
      border-radius: 9px;
      border: 1px solid rgba(255,255,255,.26);
      background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.75) 0 4%, transparent 5%),
        linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.025));
      box-shadow: inset 0 0 22px rgba(255,255,255,.03), 0 0 22px rgba(133,163,255,.06);
    }
    .brand-mark::before, .brand-mark::after {
      content: "";
      position: absolute;
      inset: 5px;
      border: 1px solid rgba(255,255,255,.38);
      border-radius: 50%;
      transform: rotate(36deg) scaleX(.6);
    }
    .brand-mark::after { transform: rotate(-36deg) scaleX(.6); }

    nav {
      justify-self: center;
      display: flex;
      align-items: center;
      gap: clamp(16px,2.2vw,30px);
      color: #aeb6bf;
      font-size: 14px;
    }
    nav a { transition: color .18s ease; }
    nav a:hover, nav a[aria-current="page"] { color: #fff; }

    .header-actions {
      display: flex;
      align-items: center;
      gap: 9px;
      min-width: 0;
      font-size: 14px;
    }
    .language-picker { position: relative; display: inline-flex; align-items: center; }
    .language-picker::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 50%;
      width: 5px;
      height: 5px;
      border-right: 1.5px solid #8f99a5;
      border-bottom: 1.5px solid #8f99a5;
      transform: translateY(-70%) rotate(45deg);
      pointer-events: none;
    }
    .language-select {
      width: 60px;
      min-height: 36px;
      padding: 7px 25px 7px 10px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 999px;
      appearance: none;
      -webkit-appearance: none;
      color: #b8c0c9;
      background: rgba(255,255,255,.026);
      font-weight: 650;
      letter-spacing: .02em;
      outline: none;
      cursor: pointer;
    }
    .language-select option { color: #11151b; background: #fff; }
    .signin { color: #b8c0c9; padding: 8px 7px; }
    .signin:hover { color: #fff; }

    .primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 9px 15px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.14);
      background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.03));
      color: #f4f6f8;
      font-weight: 640;
      letter-spacing: -.01em;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.28);
      backdrop-filter: blur(10px);
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .primary::after { content: "↗"; color: #b8d4ff; font-size: 14px; }
    .primary:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.22); background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.04)); }

    main { padding-top: clamp(34px,5vw,74px); }

    .hero {
      display: grid;
      grid-template-columns: minmax(0,1.18fr) minmax(330px,.82fr);
      gap: clamp(26px,4vw,64px);
      align-items: end;
      padding-bottom: clamp(28px,4vw,52px);
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #aeb6c0;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .15em;
      text-transform: uppercase;
      margin-bottom: 12px;
    }
    .eyebrow::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 14px rgba(155,242,195,.7);
    }
    h1 {
      margin: 0;
      max-width: 900px;
      font-size: clamp(42px,6vw,82px);
      line-height: .93;
      letter-spacing: -.06em;
      font-weight: 660;
    }
    h1 span { color: #8f99a6; font-weight: 520; }
    .hero-copy {
      margin: 0;
      color: #aeb6c0;
      font-size: clamp(13.5px,1.1vw,16px);
      line-height: 1.58;
      max-width: 580px;
    }

    .filters-wrap {
      position: sticky;
      top: var(--header-h);
      z-index: 15;
      margin: 0 0 22px;
      padding: 10px 0;
      background: linear-gradient(180deg, rgba(3,5,8,.96), rgba(3,5,8,.78) 80%, transparent);
      backdrop-filter: blur(16px);
    }
    .filters {
      display: flex;
      align-items: center;
      gap: 8px;
      overflow-x: auto;
      scrollbar-width: none;
      padding-bottom: 1px;
    }
    .filters::-webkit-scrollbar { display: none; }
    .filter-btn {
      flex: 0 0 auto;
      min-height: 38px;
      padding: 8px 13px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.09);
      background: rgba(255,255,255,.022);
      color: #9fa9b4;
      cursor: pointer;
      font-size: 14px;
      font-weight: 620;
      transition: color .18s ease, background .18s ease, border-color .18s ease;
    }
    .filter-btn:hover { color: #fff; border-color: rgba(255,255,255,.16); }
    .filter-btn.active {
      color: #f4f6f8;
      border-color: rgba(255,255,255,.16);
      background: rgba(255,255,255,.065);
    }

    .section { margin-top: clamp(26px,4vw,52px); }
    .section[hidden] { display: none !important; }
    .section-head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 24px;
      margin-bottom: 16px;
    }
    .section-kicker {
      margin: 0 0 7px;
      color: #858f9b;
      font-size: 13.5px;
      font-weight: 700;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .section h2 {
      margin: 0;
      font-size: clamp(24px,2.5vw,38px);
      line-height: 1;
      letter-spacing: -.045em;
      font-weight: 640;
    }
    .section-note {
      margin: 0;
      max-width: 520px;
      color: #89939f;
      font-size: 14px;
      line-height: 1.5;
      text-align: right;
    }

    .grid { display: grid; gap: clamp(10px,1.2vw,16px); }
    .core-grid { grid-template-columns: repeat(12,minmax(0,1fr)); }
    .tools-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .infra-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }

    .card {
      position: relative;
      min-width: 0;
      overflow: hidden;
      border-radius: var(--radius);
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 20px 42px rgba(0,0,0,.24);
      transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, opacity .2s ease;
      isolation: isolate;
    }
    .card::before {
      content: "";
      position: absolute;
      width: 260px;
      height: 260px;
      right: -95px;
      top: -125px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(124,154,255,.12), transparent 67%);
      z-index: -1;
      pointer-events: none;
    }
    .card:hover {
      transform: translateY(-2px);
      border-color: var(--line-strong);
      background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 24px 48px rgba(0,0,0,.32);
    }
    .card[data-accent="green"]::before { background: radial-gradient(circle, rgba(77,219,163,.12), transparent 67%); }
    .card[data-accent="amber"]::before { background: radial-gradient(circle, rgba(246,196,99,.12), transparent 67%); }
    .card[data-accent="violet"]::before { background: radial-gradient(circle, rgba(190,150,255,.12), transparent 67%); }

    .core-card {
      min-height: 260px;
      padding: clamp(18px,1.8vw,27px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .core-card.promanos { grid-column: span 6; }
    .core-card.pro1 { grid-column: span 3; }
    .core-card.pronet { grid-column: span 3; }
    .core-card.marketplace { grid-column: span 5; }
    .core-card.token { grid-column: span 4; }
    .core-card.chat { grid-column: span 3; }

    .card-top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
    }
    .kicker {
      color: #aeb6c0;
      font-size: 13.5px;
      font-weight: 650;
      letter-spacing: .11em;
      text-transform: uppercase;
    }
    .status {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      flex: 0 0 auto;
      padding: 5px 8px;
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 999px;
      color: #aab3bd;
      background: rgba(255,255,255,.026);
      font-size: 13.5px;
      line-height: 1;
      font-weight: 760;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .status::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
    .status.available { color: var(--green); }
    .status.beta { color: var(--blue); }
    .status.preview { color: var(--violet); }
    .status.soon { color: var(--amber); }

    .card-body { margin-top: 42px; }
    .product-name {
      margin: 0 0 8px;
      font-size: clamp(24px,2vw,34px);
      line-height: 1;
      letter-spacing: -.04em;
      font-weight: 640;
    }
    .product-desc {
      margin: 0;
      max-width: 640px;
      color: #99a3ae;
      font-size: clamp(13.5px,.95vw,14px);
      line-height: 1.52;
    }
    .card-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-top: 22px;
    }
    .tags { display: flex; flex-wrap: wrap; gap: 5px; }
    .tag { color: #7f8994; font-size: 13.5px; letter-spacing: .08em; text-transform: uppercase; }
    .tag + .tag::before { content: "·"; margin-right: 5px; color: #505861; }
    .go { display: inline-flex; align-items: center; gap: 7px; color: #e7ecf1; font-size: 14px; font-weight: 620; white-space: nowrap; }
    .go .arrow { display: inline-grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }

    .tool-card, .infra-card {
      min-height: 210px;
      padding: 18px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .tool-icon, .infra-icon {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.09);
      background: rgba(255,255,255,.028);
      color: #c9d2db;
      font-size: 17.5px;
      margin-bottom: 28px;
    }
    .tool-card h3, .infra-card h3 {
      margin: 0 0 7px;
      font-size: 19px;
      line-height: 1.05;
      letter-spacing: -.03em;
      font-weight: 630;
    }
    .tool-card p, .infra-card p {
      margin: 0;
      color: #8f99a5;
      font-size: 14px;
      line-height: 1.48;
    }
    .mini-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      margin-top: 18px;
    }
    .mini-link { color: #dfe6ed; font-size: 14px; font-weight: 620; }

    .footer {
      margin-top: clamp(42px,6vw,76px);
      min-height: 56px;
      border-top: 1px solid rgba(255,255,255,.075);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      color: #76808b;
      font-size: 14px;
    }
    .footer-links { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
    .footer a:hover { color: #cfd5dc; }
    .dot-sep { width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,.2); }

    .hidden-card { display: none !important; }

    a:focus-visible, button:focus-visible, select:focus-visible {
      outline: 2px solid rgba(158,199,255,.8);
      outline-offset: 3px;
    }

    @media (max-width: 1050px) {
      :scope { --header-h: 58px; --radius: 18px; }
      nav { display: none; }
      header { grid-template-columns: 1fr auto; }
      .signin { display: none; }
      .hero { grid-template-columns: 1fr; gap: 14px; }
      .hero-copy { max-width: 760px; }
      .core-card.promanos { grid-column: span 7; }
      .core-card.pro1 { grid-column: span 5; }
      .core-card.pronet { grid-column: span 5; }
      .core-card.marketplace { grid-column: span 7; }
      .core-card.token { grid-column: span 6; }
      .core-card.chat { grid-column: span 6; }
      .tools-grid, .infra-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    }

    @media (max-width: 700px) {
      .shell {
        padding-left: max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right));
      }
      header { gap: 10px; }
      .brand { font-size: 15.5px; gap: 8px; }
      .brand-mark { width: 24px; height: 24px; border-radius: 8px; }
      .header-actions { gap: 6px; }
      .primary { min-height: 38px; padding: 7px 10px; font-size: 13.5px; gap: 6px; }
      .primary::after { font-size: 13.5px; }
      .language-select { width: 52px; min-height: 38px; padding: 7px 22px 7px 8px; font-size: 13.5px; }
      .language-picker::after { right: 8px; }
      main { padding-top: 26px; }
      h1 { font-size: clamp(36px,11vw,54px); }
      .hero { padding-bottom: 24px; }
      .filters-wrap { margin-bottom: 10px; padding: 8px 0; }
      .filter-btn { min-height: 36px; padding: 7px 11px; font-size: 14px; }
      .section { margin-top: 30px; }
      .section-head { display: block; margin-bottom: 12px; }
      .section-note { margin-top: 8px; text-align: left; }
      .core-grid { grid-template-columns: 1fr; }
      .core-card.promanos, .core-card.pro1, .core-card.pronet, .core-card.marketplace, .core-card.token, .core-card.chat { grid-column: auto; }
      .core-card { min-height: 210px; padding: 16px; }
      .card-body { margin-top: 28px; }
      .product-name { font-size: 24px; }
      .card-bottom { margin-top: 18px; }
      .tools-grid, .infra-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
      .tool-card, .infra-card { min-height: 180px; padding: 14px; }
      .tool-icon, .infra-icon { width: 34px; height: 34px; margin-bottom: 22px; }
      .tool-card h3, .infra-card h3 { font-size: 16.5px; }
      .tool-card p, .infra-card p { font-size: 14px; }
      .footer { align-items: flex-start; flex-direction: column; padding: 20px 0 6px; }
    }

    @media (max-width: 430px) {
      .eyebrow { font-size: 13.5px; }
      h1 { font-size: 34px; }
      .hero-copy { font-size: 14px; }
      .tools-grid, .infra-grid { grid-template-columns: 1fr; }
      .tool-card, .infra-card { min-height: 158px; }
      .tool-icon, .infra-icon { margin-bottom: 14px; }
      .mini-bottom { margin-top: 13px; }
    }

    @media (hover: none) {
      .card:hover { transform: none; }
      .card:active { transform: scale(.992); }
      .primary:hover { transform: none; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
    }
}

/* promanos-account-creator, promanos-account-earn, promanos-account-missions, promanos-account-partner, promanos-creator-program, promanos-earn-pro, promanos-partner-program, promanos-referral, promanos-rewards-terms, pronet-windows-download */
@scope (html:is([data-page-bundle="promanos-account-creator"],[data-page-bundle="promanos-account-earn"],[data-page-bundle="promanos-account-missions"],[data-page-bundle="promanos-account-partner"],[data-page-bundle="promanos-creator-program"],[data-page-bundle="promanos-earn-pro"],[data-page-bundle="promanos-partner-program"],[data-page-bundle="promanos-referral"],[data-page-bundle="promanos-rewards-terms"],[data-page-bundle="pronet-windows-download"])) {
:scope{--bg:#030508;--panel:#111419;--panel2:#171b21;--line:rgba(255,255,255,.1);--strong:rgba(255,255,255,.18);--text:#f5f7f9;--muted:#8f9aa6;--soft:#cfd6dd;--green:#53e3b1;--blue:#72b7ff;--violet:#9b7cff;--amber:#f2bd68;--red:#ff7f94;--radius:20px;--max:1480px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(900px 540px at 88% -10%,rgba(92,87,255,.11),transparent 60%),radial-gradient(780px 540px at 2% 110%,rgba(45,220,168,.07),transparent 60%),linear-gradient(180deg,#05070a,#020305)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 86%)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),100%);margin:auto;padding-inline:clamp(16px,3vw,44px)}
.topbar{height:66px;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(3,5,8,.82);backdrop-filter:blur(18px) saturate(1.3)}.topbar .wrap{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:17.5px;font-weight:750;letter-spacing:-.025em}.brand img{width:29px;height:29px;object-fit:contain}.brand small{color:#6f7a85;font-size:13.5px;font-weight:650}.topnav{justify-self:center;display:flex;gap:28px;color:#a6afb9;font-size:14px}.topnav a:hover{color:white}.top-actions{display:flex;gap:8px;align-items:center}.chip,.button{min-height:37px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#ccd3da;font-size:14px;font-weight:650}.button:hover,.chip:hover{border-color:var(--strong);background:rgba(255,255,255,.06)}.button.primary{background:#f3f5f7;color:#090b0e;border-color:#fff}.button.primary:hover{background:#fff}.button.green{background:rgba(83,227,177,.12);color:#a7f5d8;border-color:rgba(83,227,177,.28)}
.public-main{position:relative;z-index:1}.public-hero{min-height:430px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.75fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(58px,9vh,108px)}.eyebrow{display:flex;align-items:center;gap:9px;color:#aab4be;text-transform:uppercase;letter-spacing:.17em;font-size:13.5px;font-weight:800}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(83,227,177,.75)}h1{margin:16px 0 18px;font-size:clamp(42px,6vw,86px);line-height:.92;letter-spacing:-.058em;font-weight:590}h1 span{color:#858f9a}.lead{max-width:750px;color:#aab3bd;font-size:clamp(15px,1.4vw,19px);line-height:1.55}.actions-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.hero-card{padding:26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));min-height:290px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-130px;border:1px solid rgba(114,183,255,.2);box-shadow:0 0 0 32px rgba(114,183,255,.035),0 0 0 66px rgba(155,124,255,.022)}.hero-card>*{position:relative;z-index:1}.hero-card .label,.section-label{color:#74808c;text-transform:uppercase;letter-spacing:.14em;font-size:13.5px;font-weight:800}.hero-card strong{font-size:clamp(25px,3vw,42px);letter-spacing:-.045em}.hero-card p{margin:8px 0 0;color:#929da8;line-height:1.5;font-size:14px}.mini-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-flow span{padding:10px;border:1px solid var(--line);border-radius:12px;color:#cdd4da;background:rgba(255,255,255,.025);font-size:13.5px;text-align:center}.mini-flow i{display:block;width:5px;height:5px;border-radius:50%;background:var(--green);margin:0 auto 6px}
.section{padding-block:34px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}.section-head h2{margin:7px 0 0;font-size:clamp(27px,3vw,44px);letter-spacing:-.045em;font-weight:600}.section-head p{max-width:620px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.card{grid-column:span 4;min-height:190px;padding:21px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.018));position:relative;overflow:hidden}.card.wide{grid-column:span 6}.card.full{grid-column:1/-1}.card.accent{background:radial-gradient(320px 180px at 100% 0,rgba(83,227,177,.12),transparent 65%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018))}.card .icon{width:36px;height:36px;border-radius:11px;border:1px solid rgba(114,183,255,.25);background:rgba(114,183,255,.08);color:#b7d8ff;display:grid;place-items:center;font-size:13.5px;font-weight:800;margin-bottom:30px}.card h3{margin:0 0 8px;font-size:20px;letter-spacing:-.03em}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.card .meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:#aeb7c0;font-size:13.5px}.tag.green{color:#9ef1d3;border-color:rgba(83,227,177,.25);background:rgba(83,227,177,.06)}.tag.amber{color:#f5d39a;border-color:rgba(242,189,104,.25);background:rgba(242,189,104,.06)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.step b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(155,124,255,.11);color:#c7b8ff;font-size:13.5px;margin-bottom:34px}.step strong{display:block;font-size:14.5px;margin-bottom:6px}.step p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.notice{padding:16px 18px;border:1px solid rgba(242,189,104,.2);border-radius:16px;background:rgba(242,189,104,.045);color:#b8a98c;font-size:14px;line-height:1.55}.notice strong{color:#f1d198}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:18px 2px}.faq summary{cursor:pointer;font-weight:650;font-size:14.5px}.faq p{max-width:820px;color:var(--muted);font-size:14px;line-height:1.55}.footer{position:relative;z-index:1;margin-top:42px;border-top:1px solid var(--line);padding:22px 0 30px;color:#68737e;font-size:13.5px}.footer .wrap{display:flex;justify-content:space-between;gap:18px}.footer nav{display:flex;gap:18px}
.account-layout{position:relative;z-index:1;display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;padding-top:18px}.sidebar{position:sticky;top:84px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);overflow:hidden}.profile-mini{padding:14px;border-bottom:1px solid var(--line)}.profile-mini strong{display:block;font-size:14px}.profile-mini span{display:block;color:#6f7b86;font-size:13.5px;margin-top:4px}.side-nav{padding:8px}.side-nav .group-label{margin:12px 10px 5px;color:#56616c;text-transform:uppercase;letter-spacing:.13em;font-size:13.5px;font-weight:800}.side-nav a{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:9px;color:#7f8a95;font-size:13.5px;font-weight:650}.side-nav a:hover{background:rgba(255,255,255,.035);color:#dfe4e9}.side-nav a.active{background:rgba(255,255,255,.075);color:white}.side-nav a b{font-size:13.5px;color:#58636e}.account-main{min-width:0}.account-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:18px 4px 22px}.account-hero h1{font-size:clamp(34px,4vw,58px);margin:11px 0 10px}.account-hero p{margin:0;max-width:760px;color:var(--muted);font-size:14px;line-height:1.5}.account-hero .actions-row{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.stat{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.stat span,.metric-label{display:block;color:#78838e;font-size:13.5px;text-transform:uppercase;letter-spacing:.1em}.stat strong{display:block;margin:8px 0 4px;font-size:24px;letter-spacing:-.04em}.stat small{color:#697580;font-size:13.5px}.green-text{color:var(--green)}.blue-text{color:var(--blue)}.violet-text{color:#b9a8ff}.amber-text{color:var(--amber)}
.panel-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-bottom:12px}.panel{grid-column:span 6;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);overflow:hidden}.panel.full{grid-column:1/-1}.panel.third{grid-column:span 4}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.panel-head strong{font-size:14px}.panel-head span,.panel-head a{color:#75818c;font-size:13.5px}.panel-body{padding:15px}.list{display:grid;gap:7px}.list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018)}.list-row .bullet{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(114,183,255,.08);color:#b7d7fa;font-size:13.5px;font-weight:800}.list-row strong{display:block;font-size:13.5px}.list-row span{display:block;color:#707b86;font-size:13.5px;margin-top:3px}.list-row em{font-style:normal;color:#cfd6dd;font-size:13.5px}.progress{height:5px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.progress i{display:block;height:100%;width:var(--value,50%);background:linear-gradient(90deg,var(--green),var(--blue));border-radius:inherit}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.tab{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.02);color:#7d8893;font-size:13.5px;cursor:pointer}.tab.active{background:rgba(255,255,255,.09);color:white;border-color:var(--strong)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.055);font-size:13.5px}.data-table th{color:#65717c;text-transform:uppercase;letter-spacing:.08em}.data-table td{color:#c8cfd6}.status{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(83,227,177,.08);color:#9cebd0;font-size:13.5px}.status.pending{background:rgba(242,189,104,.08);color:#e8c88f}.codebox{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#090b0e;font:13.5px ui-monospace,SFMono-Regular,Consolas,monospace;color:#b8d6ff}.codebox button{border:0;border-radius:8px;padding:6px 9px;background:rgba(255,255,255,.08);color:#dce2e8;cursor:pointer}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mission{padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}.mission-top{display:flex;justify-content:space-between;gap:10px}.mission h3{font-size:14.5px;margin:22px 0 7px}.mission p{color:var(--muted);font-size:13.5px;line-height:1.45;min-height:42px}.mission .reward{margin-top:16px;color:#a9f0d5;font-size:14px;font-weight:750}.mission .button{margin-top:12px;width:100%}
.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,16px);padding:10px 14px;border:1px solid var(--strong);border-radius:12px;background:#171a1f;color:#dfe4e9;font-size:14px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topnav{display:none}.topbar .wrap{grid-template-columns:1fr auto}.brand small{display:none}.account-layout{grid-template-columns:minmax(0,1fr);max-width:100%;overflow:hidden}.account-main{width:100%;max-width:100%;overflow:hidden}.sidebar{position:static;width:100%;max-width:100%;min-width:0;overflow:hidden}.profile-mini{display:none}.side-nav{display:flex;width:100%;max-width:100%;min-width:0;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-nav .group-label{display:none}.side-nav a{flex:0 0 auto;border:1px solid var(--line)}.public-hero{grid-template-columns:1fr;min-height:auto}.hero-card{min-height:250px}.card,.card.wide{grid-column:span 6}.steps{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.panel.third{grid-column:1/-1}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{padding-inline:12px}.top-actions .chip{display:none}.topbar{height:58px}.brand{font-size:15.5px}.brand img{width:25px;height:25px}.public-hero{padding-block:42px}.public-hero h1{font-size:44px}.lead{font-size:14.5px}.section{padding-block:25px}.section-head{align-items:start;flex-direction:column}.card,.card.wide{grid-column:1/-1;min-height:165px}.steps{grid-template-columns:1fr}.mini-flow{grid-template-columns:1fr}.account-hero{align-items:start;flex-direction:column}.account-hero .actions-row{margin-top:4px}.stats{grid-template-columns:1fr 1fr}.mission-grid{grid-template-columns:1fr}.data-table{min-width:620px}.table-wrap{overflow-x:auto}.footer .wrap{flex-direction:column}.footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
}

/* promanos-business-windows-download */
@scope (html[data-page-bundle="promanos-business-windows-download"]) {
:scope{
  --bg:#030508;--text:#f4f6f8;--muted:#919ca7;--line:rgba(255,255,255,.09);
  --blue:#a8cfff;--green:#9bf2c3;--violet:#d4b8ff;--amber:#f4d08a;
  --header:64px;--content:1460px
}
*{box-sizing:border-box}
:scope,body{margin:0;min-height:100%;background:var(--bg)}
body{
  color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(1000px 600px at 78% -12%,rgba(82,121,255,.09),transparent 58%),
    radial-gradient(820px 520px at 2% 110%,rgba(51,210,153,.05),transparent 58%),
    linear-gradient(180deg,#04070b 0%,#020407 100%)
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.94),transparent 74%)
}
a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}
.wrap{width:min(var(--content),100%);margin:auto;padding:0 clamp(14px,2.5vw,36px)}

header{
  height:var(--header);position:sticky;top:0;z-index:70;border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(3,5,8,.87);backdrop-filter:blur(14px)
}
.header-inner{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:720;letter-spacing:-.02em}
.mark{width:27px;height:27px;position:relative;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02))}
.mark::before,.mark::after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.36);border-radius:50%;transform:rotate(36deg) scaleX(.6)}
.mark::after{transform:rotate(-36deg) scaleX(.6)}
.brand-sub{font-size:13.5px;color:#64707b;font-weight:600}
nav{justify-self:center;display:flex;gap:clamp(16px,2.2vw,30px);font-size:14px;color:#a8b1bb}
nav a:hover{color:#fff}
.actions{display:flex;align-items:center;gap:8px;font-size:14px}
.lang{min-height:36px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#b6bec7;padding:0 10px}
.account{min-height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;padding:0 13px;background:rgba(255,255,255,.02);color:#c5cdd5;font-weight:620}

.hero{padding:54px 0 28px;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:28px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a9b3bd;font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 13px rgba(168,207,255,.65)}
h1{margin:0;font-size:clamp(42px,6vw,78px);line-height:.94;letter-spacing:-.06em}
h1 span{display:block;color:#8f99a5;font-weight:520}
.hero p{margin:14px 0 0;max-width:760px;color:#8d98a3;font-size:14px;line-height:1.58}
.hero-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.meta-pill{border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:5px 7px;color:#687580;font-size:13.5px}
.meta-pill.blue{color:#bcd9ff;border-color:rgba(168,207,255,.08)}
.meta-pill.amber{color:#d4b77c;border-color:rgba(244,208,138,.08)}

.download-card{
  border:1px solid var(--line);border-radius:20px;background:
    radial-gradient(circle at 84% 18%,rgba(168,207,255,.08),transparent 32%),
    rgba(255,255,255,.014);padding:16px
}
.download-top{display:flex;justify-content:space-between;gap:10px;align-items:start}
.win-logo{
  width:48px;height:48px;border-radius:13px;border:1px solid rgba(168,207,255,.09);background:rgba(168,207,255,.018);
  display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:10px
}
.win-logo i{background:#a8cfff;opacity:.8}
.download-card h2{margin:0;font-size:16.5px}.download-card p{margin:5px 0 0;color:#66727d;font-size:13.5px;line-height:1.45}
.preview-pill{border:1px solid rgba(244,208,138,.08);border-radius:999px;padding:5px 7px;color:#d4b77c;background:rgba(244,208,138,.01);font-size:13.5px}
.selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.field label{display:block;color:#66727d;font-size:13.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.field select{width:100%;min-height:36px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#070a0e;color:#dce3ea;outline:none;padding:0 8px;font-size:13.5px}
.download-btn{
  width:100%;min-height:43px;margin-top:11px;border-radius:10px;border:1px solid #edf2f7;background:#edf2f7;color:#090c10;
  font-size:13.5px;font-weight:730
}
.download-note{text-align:center;color:#59646f;font-size:13.5px;line-height:1.4;margin-top:7px}
.download-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}
.spec{border:1px solid rgba(255,255,255,.045);border-radius:8px;background:rgba(255,255,255,.008);padding:7px}
.spec span{display:block;color:#59646f;font-size:13.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.spec strong{display:block;font-size:13.5px;color:#b8c2cb}

.section{padding:22px 0}
.section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:10px}
.section-head h2{margin:0;font-size:20px;letter-spacing:-.03em}.section-head p{margin:5px 0 0;color:#66727d;font-size:13.5px;line-height:1.45;max-width:740px}
.section-head a{font-size:13.5px;color:#8aa8c7}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.card{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.014);padding:11px}
.icon{width:31px;height:31px;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);display:grid;place-items:center;font-size:13.5px;font-weight:700}
.icon.blue{color:#cfe3ff;border-color:rgba(168,207,255,.09);background:rgba(168,207,255,.02)}
.icon.green{color:#b8e9cb;border-color:rgba(155,242,195,.09);background:rgba(155,242,195,.02)}
.icon.violet{color:#decaff;border-color:rgba(212,184,255,.09);background:rgba(212,184,255,.02)}
.card strong{display:block;font-size:13.5px;margin-top:8px}.card p{margin:5px 0 0;color:#66727d;font-size:13.5px;line-height:1.45}

.install-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:9px}
.steps{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.014);overflow:hidden}
.step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px;border-top:1px solid rgba(255,255,255,.045)}
.step:first-child{border-top:0}
.num{width:26px;height:26px;border-radius:8px;border:1px solid rgba(168,207,255,.08);background:rgba(168,207,255,.018);display:grid;place-items:center;color:#bcd9ff;font-size:13.5px;font-weight:700}
.step strong{display:block;font-size:13.5px}.step p{margin:4px 0 0;color:#65717c;font-size:13.5px;line-height:1.42}

.security-card{border:1px solid rgba(155,242,195,.07);border-radius:15px;background:rgba(155,242,195,.012);padding:11px}
.security-card strong{display:block;font-size:13.5px;color:#afe2c3}.security-card p{margin:5px 0 0;color:#6d8274;font-size:13.5px;line-height:1.45}
.hash{
  margin-top:9px;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:#070a0e;padding:8px;
  font:13.5px/1.5 ui-monospace,monospace;color:#708078;word-break:break-all
}
.hash span{color:#8fa89b}
.security-card button{width:100%;min-height:31px;margin-top:8px;border-radius:8px;border:1px solid rgba(155,242,195,.07);background:rgba(155,242,195,.01);color:#82aa92;font-size:13.5px}

.requirements{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.014);overflow:hidden}
.req-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px;padding:10px 11px;border-top:1px solid rgba(255,255,255,.045);font-size:13.5px}
.req-row:first-child{border-top:0}.req-row span{color:#65717c}.req-row strong{color:#bbc4cc}
.req-row .tbd{color:#d4b77c}

.update-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.update{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.014);padding:10px}
.update-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.update strong{font-size:13.5px}.update p{margin:6px 0 0;color:#65717c;font-size:13.5px;line-height:1.45}
.tag{border:1px solid rgba(255,255,255,.05);border-radius:999px;padding:4px 6px;color:#63707b;font-size:13.5px}
.tag.blue{color:#bcd9ff;border-color:rgba(168,207,255,.08)}.tag.amber{color:#d4b77c;border-color:rgba(244,208,138,.08)}

.faq{display:grid;gap:6px}
.faq-item{border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.01);overflow:hidden}
.faq-q{width:100%;border:0;background:transparent;color:#c3ccd4;text-align:left;padding:10px 11px;display:flex;justify-content:space-between;gap:10px;font-size:13.5px;font-weight:650}
.faq-q span:last-child{color:#5f6b76}
.faq-a{display:none;padding:0 11px 10px;color:#65717c;font-size:13.5px;line-height:1.45}
.faq-item.open .faq-a{display:block}

.notice{
  border:1px solid rgba(244,208,138,.08);border-radius:11px;background:rgba(244,208,138,.013);
  padding:9px 10px;color:#7b705c;font-size:13.5px;line-height:1.46;margin-top:8px
}
.notice strong{color:#c8ad78}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);padding:10px 13px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(10,14,20,.95);color:#dce3ea;font-size:13.5px;opacity:0;pointer-events:none;transition:.2s;z-index:140}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

footer{border-top:1px solid rgba(255,255,255,.07);padding:18px 0 24px;color:#77838e;font-size:13.5px}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:13px}

@media(max-width:1040px){
  .hero{grid-template-columns:1fr}.download-card{max-width:640px}.grid-3{grid-template-columns:repeat(2,1fr)}.install-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  :scope{--header:56px}nav{display:none}.hero{padding-top:32px}
}
@media(max-width:620px){
  .wrap{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .brand{font-size:14.5px}.brand-sub{display:none}.mark{width:23px;height:23px}.actions{gap:5px}.lang{min-height:34px;padding:0 7px}.account{display:none}
  h1{font-size:42px}.hero p{font-size:13.5px}.download-card{padding:13px}.selector-grid,.download-specs,.grid-3,.update-grid{grid-template-columns:1fr}
  .req-row{grid-template-columns:110px minmax(0,1fr)}.footer-inner{flex-direction:column;align-items:flex-start}
}
}

/* promanos */
@scope (html[data-page-bundle="promanos"]) {
:scope{
      --bg:#030508;--text:#f4f6f8;--muted:#98a2ad;--soft:#cbd2d9;
      --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.15);
      --blue:#a8cfff;--green:#9bf2c3;--violet:#d4b8ff;--amber:#f6d48a;
      --radius:22px;--header-h:66px;
    }
    *{box-sizing:border-box} :scope,body{margin:0;width:100%;min-height:100%;background:var(--bg)}
    body{color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:
      radial-gradient(1100px 620px at 82% -10%,rgba(79,119,255,.08),transparent 56%),
      radial-gradient(900px 560px at 8% 110%,rgba(52,211,153,.05),transparent 58%),
      linear-gradient(180deg,#04070b 0%,#020407 100%)}
    body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%)}
    a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent} button,select{font:inherit}
    .shell{width:min(1600px,100%);min-height:100dvh;margin:0 auto;padding:0 clamp(18px,3vw,48px) 24px;position:relative;z-index:1}
    header{height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border-bottom:1px solid rgba(255,255,255,.08)}
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;font-size:17.5px;white-space:nowrap}
    .brand-mark{width:27px;height:27px;position:relative;border-radius:9px;border:1px solid rgba(255,255,255,.26);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75) 0 4%,transparent 5%),linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025));box-shadow:inset 0 0 22px rgba(255,255,255,.03),0 0 22px rgba(133,163,255,.06)}
    .brand-mark::before,.brand-mark::after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.38);border-radius:50%;transform:rotate(36deg) scaleX(.6)}.brand-mark::after{transform:rotate(-36deg) scaleX(.6)}
    nav{justify-self:center;display:flex;align-items:center;gap:clamp(16px,2.2vw,30px);color:#adb5bf;font-size:14px}nav a{transition:color .18s ease}nav a:hover{color:#fff}
    .header-actions{display:flex;align-items:center;gap:9px;font-size:14px}
    .language-picker{position:relative;display:inline-flex}.language-picker::after{content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;border-right:1.5px solid #8f99a5;border-bottom:1.5px solid #8f99a5;transform:translateY(-70%) rotate(45deg);pointer-events:none}
    .language-select{width:60px;min-height:36px;padding:7px 25px 7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;appearance:none;color:#b8c0c9;background:rgba(255,255,255,.026);font-weight:650;letter-spacing:.02em;outline:none}.language-select option{color:#11151b;background:#fff}
    .signin{color:#b8c0c9;padding:8px 7px}.signin:hover{color:#fff}
    .primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:640;transition:.18s ease}
    .primary{padding:10px 15px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.28)}
    .primary::after{content:"↓";font-size:14px;color:#b8d4ff}.primary:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.04))}
    .secondary{padding:10px 14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#dbe2e9}.secondary:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.17);color:#fff}

    main{padding-top:clamp(16px,2.2vh,28px)}
    .hero{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(350px,.86fr);gap:clamp(18px,2.2vw,34px);align-items:stretch}
    .hero-main{padding:clamp(10px,1.4vw,18px) 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#aeb6c0;font-size:14px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px rgba(168,207,255,.7)}
    h1{margin:0;max-width:20ch;font-size:clamp(40px,4.8vw,68px);line-height:1;letter-spacing:-.045em;font-weight:660}.hero-mainline{color:#f4f6f8;font-weight:660}.hero-accent{display:block;max-width:22ch;margin-top:.18em;color:#919ba7;font-size:.82em;font-weight:520;line-height:1.06;letter-spacing:-.035em}
    .hero-copy{margin:20px 0 0;max-width:64ch;color:#aeb6c0;font-size:clamp(15px,1.16vw,18px);line-height:1.65}
    .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.meta-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
    .chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.026);color:#a9b2bd;font-size:14px;letter-spacing:.03em}.chip .dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.chip.preview{color:var(--violet)}.chip.windows{color:var(--blue)}.chip.agents{color:var(--green)}

    .product-preview,.card{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 42px rgba(0,0,0,.26)}
    .product-preview{padding:clamp(16px,1.8vw,22px);display:grid;gap:14px;background:radial-gradient(520px 260px at 90% 0,rgba(98,139,255,.12),transparent 65%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
    .preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.preview-head strong{display:block;font-size:clamp(20px,1.55vw,25px);line-height:1.15;letter-spacing:-.025em}.preview-head small{display:block;margin-top:6px;color:#9aa4ae;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
    .badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--violet);background:rgba(255,255,255,.03);font-size:13.5px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
    .preview-window{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#070b10;box-shadow:0 18px 40px rgba(0,0,0,.34)}
    .preview-toolbar{min-height:40px;padding:0 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);color:#cdd5dd;font-size:12.5px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#53606d}.window-dots i:nth-child(2){background:#6c7b8a}.window-dots i:nth-child(3){background:#8fa1b2}.preview-status{justify-self:end;color:var(--green);font-size:12px}
    .preview-layout{display:grid;grid-template-columns:42px 1fr;min-height:250px}.preview-sidebar{padding:13px 9px;display:flex;flex-direction:column;align-items:center;gap:11px;border-right:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.012)}.preview-sidebar span{width:20px;height:20px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.025)}.preview-sidebar span.is-active{border-color:rgba(168,207,255,.5);background:rgba(168,207,255,.16);box-shadow:0 0 15px rgba(168,207,255,.12)}
    .preview-content{padding:14px;display:grid;gap:12px}.preview-task{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025)}.preview-task small{display:block;margin-bottom:5px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.preview-task strong{display:block;font-size:15px}.preview-task p{margin:6px 0 0;color:#9aa4ae;font-size:13px;line-height:1.48}
    .preview-flow{display:grid;gap:7px}.preview-flow>div{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(255,255,255,.06);border-radius:11px;color:#7f8994;background:rgba(255,255,255,.014)}.preview-flow i{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.12);border-radius:50%;font-size:11px;font-style:normal}.preview-flow span{min-width:0}.preview-flow strong,.preview-flow small{display:block}.preview-flow strong{color:#c2cbd4;font-size:13px;line-height:1.3}.preview-flow small{margin-top:3px;font-size:12px;line-height:1.35}.preview-flow .is-complete i{border-color:rgba(155,242,195,.38);background:rgba(155,242,195,.12);color:var(--green)}.preview-flow .is-active{border-color:rgba(168,207,255,.22);background:rgba(168,207,255,.055)}.preview-flow .is-active i{border-color:rgba(168,207,255,.48);background:rgba(168,207,255,.14);color:var(--blue);box-shadow:0 0 14px rgba(168,207,255,.13)}.preview-flow .is-active strong{color:#e5edf5}.preview-note{margin:0;max-width:68ch;color:#a4aeb8;font-size:14px;line-height:1.58}

    .section{margin-top:clamp(14px,1.6vw,20px)}
    .photo-section{--section-photo:none;position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,2.5vw,38px);border:1px solid rgba(255,255,255,.11);border-radius:calc(var(--radius) + 4px);background:#070a0e;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 60px rgba(0,0,0,.28)}
    .photo-section::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(4,7,11,.62) 0%,rgba(4,7,11,.38) 38%,rgba(4,7,11,.1) 72%,rgba(4,7,11,.02) 100%),linear-gradient(0deg,rgba(3,5,8,.22),transparent 62%),var(--section-photo);background-size:cover;background-position:center;background-repeat:no-repeat}
    .photo-section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%,rgba(2,4,7,.04))}
    .photo-section>*{position:relative;z-index:1}
    .capabilities-photo-section{--section-photo:url("assets/section-business-capabilities-photo-v1.png")}
    .workflows-photo-section{--section-photo:url("assets/section-business-workflows-photo-v1.png")}
    .process-photo-section{--section-photo:url("assets/section-business-process-photo-v1.png")}
    .capabilities-photo-section::before,.process-photo-section::before{background-position:right center}
    .workflows-photo-section::before{background-position:center}
    .photo-section .card,.photo-section .case-card{border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(8,12,17,.58),rgba(8,12,17,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.16);backdrop-filter:blur(4px) saturate(1.08)}
    .photo-section .section-head{padding:4px 6px;text-shadow:0 2px 18px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.9)}
    .photo-section .section-head p,.photo-section .card p,.photo-section .case-card p{color:#b8c1ca}
    .section-head{display:flex;justify-content:space-between;gap:clamp(20px,3vw,48px);align-items:end;margin-bottom:20px}.section-head h2{margin:0;max-width:24ch;font-size:clamp(28px,2.6vw,40px);line-height:1.08;letter-spacing:-.035em}.section-head p{margin:0;color:#9aa4ae;font-size:clamp(14.5px,1vw,16px);max-width:58ch;line-height:1.62;text-align:right}
    .capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.3vw,18px)}
    .card{padding:clamp(19px,1.7vw,25px);min-height:205px}.card::before{content:"";position:absolute;width:210px;height:210px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(168,207,255,.11),transparent 66%);pointer-events:none}.card>*{position:relative;z-index:1}
    .card:nth-child(2)::before{background:radial-gradient(circle,rgba(155,242,195,.11),transparent 66%)}.card:nth-child(3)::before{background:radial-gradient(circle,rgba(212,184,255,.11),transparent 66%)}.card:nth-child(4)::before{background:radial-gradient(circle,rgba(246,212,138,.10),transparent 66%)}
    .card-kicker{color:#aeb6c0;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:13px}.card h3{margin:0 0 10px;font-size:clamp(20px,1.55vw,25px);line-height:1.15;letter-spacing:-.025em;font-weight:640}.card p{margin:0;color:#9da7b1;font-size:14.5px;line-height:1.62}
    .wide-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(12px,1.4vw,20px)}
    .use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,18px)}.case-card{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:15px;padding:clamp(18px,1.6vw,23px);border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022)}.case-card>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(168,207,255,.22);border-radius:10px;color:var(--blue);background:rgba(168,207,255,.06);font-size:12.5px;font-weight:700}.case-card h3{margin:1px 0 7px;font-size:18.5px;line-height:1.2;letter-spacing:-.02em}.case-card p{margin:0;color:#9da7b1;font-size:14.5px;line-height:1.58}
    .flow-list,.link-list{margin:16px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.flow-list li,.link-list li{display:flex;gap:10px;color:#c7cfd7;font-size:14.5px;line-height:1.58}.flow-list li::before,.link-list li::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;margin-top:7px;background:rgba(255,255,255,.58);box-shadow:0 0 10px rgba(255,255,255,.22)}.flow-list strong,.link-list strong{color:#f0f4f7;font-weight:620}
    .text-link{display:inline-flex;align-items:center;min-height:40px;margin-top:12px;color:#cfe1ff;font-size:14px;font-weight:620;border-bottom:1px solid rgba(168,207,255,.22)}.text-link:hover{color:#fff;border-color:rgba(255,255,255,.5)}
    .footer{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:center;align-items:center;gap:12px;color:#7f8994;font-size:14px}.footer .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.22)}.footer a:hover{color:#cfd5dc}
    a:focus-visible,.language-select:focus-visible{outline:2px solid rgba(158,199,255,.8);outline-offset:3px}

    .header-preview::after{content:"↗"}
    @media(max-width:980px){:scope{--header-h:60px;--radius:18px}.shell{padding-top:env(safe-area-inset-top);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}nav{display:none}header{grid-template-columns:1fr auto;gap:12px}.brand{font-size:15.5px}.brand-mark{width:25px;height:25px}.signin{display:none}.language-select{width:55px;min-height:44px;padding:8px 23px 8px 9px;font-size:14px}.primary,.secondary{min-height:44px;padding:9px 13px;font-size:14px}.pro-language-trigger,.pro-mobile-nav-trigger{min-width:44px!important;min-height:44px!important}.hero{grid-template-columns:1fr}.capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.use-cases{grid-template-columns:1fr}.wide-grid{grid-template-columns:1fr}.section-head{align-items:start}.section-head p{text-align:left}.flow-list,.link-list{grid-template-columns:1fr 1fr}}
    @media(max-width:640px){h1{font-size:clamp(34px,9.5vw,46px)}.hero-accent{font-size:.78em;margin-top:.22em}.hero-copy{font-size:15px;line-height:1.65}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .primary,.hero-actions .secondary{width:100%}.photo-section{padding:20px 14px}.photo-section::before{background-image:linear-gradient(90deg,rgba(4,7,11,.7),rgba(4,7,11,.34)),linear-gradient(0deg,rgba(3,5,8,.38),rgba(3,5,8,.04) 65%),var(--section-photo);background-position:center}.photo-section .card,.photo-section .case-card{background:linear-gradient(145deg,rgba(8,12,17,.68),rgba(8,12,17,.46));backdrop-filter:blur(4px) saturate(1.06)}.capabilities{grid-template-columns:1fr}.card{min-height:auto}.section-head{display:block}.section-head p{margin-top:10px;text-align:left}.flow-list,.link-list{grid-template-columns:1fr}.preview-layout{grid-template-columns:34px 1fr}.preview-sidebar{padding-inline:6px}.preview-content{padding:10px}.footer{font-size:13.5px;gap:8px;flex-wrap:wrap}.footer a{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px}}
    @media(max-width:420px){:scope{--header-h:58px;--radius:16px}.brand{font-size:14.5px}.brand-mark{width:23px;height:23px}.header-actions{gap:6px}.header-actions>.primary{min-height:44px;padding:8px 10px;font-size:13px}.hero-actions{grid-template-columns:1fr}.preview-toolbar{grid-template-columns:1fr auto}.preview-toolbar>span:nth-child(2){display:none}.preview-status{font-size:11.5px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
}

/* pronet */
@scope (html[data-page-bundle="pronet"]) {
:scope{
      --bg:#030508;--text:#f4f6f8;--muted:#98a2ad;--soft:#cbd2d9;
      --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.15);
      --blue:#a8cfff;--green:#9bf2c3;--violet:#d4b8ff;--amber:#f6d48a;
      --radius:22px;--header-h:66px
    }
    *{box-sizing:border-box}
    :scope,body{margin:0;width:100%;min-height:100%;background:var(--bg)}
    body{
      color:var(--text);
      font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      -webkit-font-smoothing:antialiased;
      background:
        radial-gradient(1000px 600px at 82% -8%,rgba(70,205,150,.075),transparent 58%),
        radial-gradient(760px 480px at 5% 108%,rgba(72,140,255,.055),transparent 58%),
        linear-gradient(180deg,#04070b 0%,#020407 100%);
    }
    body::before{
      content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:64px 64px;
      mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);
    }
    a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
    .shell{width:min(1600px,100%);margin:0 auto;padding:0 clamp(18px,3vw,48px) 28px;position:relative;z-index:1}
    header{
      height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;
      gap:24px;border-bottom:1px solid rgba(255,255,255,.08)
    }
    .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;font-size:17.5px;white-space:nowrap}
    .brand-mark{width:27px;height:27px;position:relative;border-radius:9px;border:1px solid rgba(255,255,255,.26);
      background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75) 0 4%,transparent 5%),
      linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025));
      box-shadow:inset 0 0 22px rgba(255,255,255,.03),0 0 22px rgba(133,163,255,.06)}
    .brand-mark::before,.brand-mark::after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.38);border-radius:50%;transform:rotate(36deg) scaleX(.6)}
    .brand-mark::after{transform:rotate(-36deg) scaleX(.6)}
    nav{justify-self:center;display:flex;gap:clamp(16px,2.2vw,30px);align-items:center;color:#adb5bf;font-size:14px}
    nav a{transition:color .18s ease}nav a:hover{color:#fff}
    .header-actions{display:flex;align-items:center;gap:9px;font-size:14px}
    .language-picker{position:relative;display:inline-flex;align-items:center}
    .language-picker::after{content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;border-right:1.5px solid #8f99a5;border-bottom:1.5px solid #8f99a5;transform:translateY(-70%) rotate(45deg);pointer-events:none}
    .language-select{width:60px;min-height:36px;padding:7px 25px 7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;appearance:none;-webkit-appearance:none;color:#b8c0c9;background:rgba(255,255,255,.026);font:inherit;font-weight:650;cursor:pointer;outline:none}
    .language-select option{color:#11151b;background:#fff}
    .signin{color:#b8c0c9;padding:8px 7px}.signin:hover{color:#fff}
    .primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:640;transition:.18s ease;white-space:nowrap}
    .primary{padding:9px 15px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.03));color:#f4f6f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.28)}
    .primary::after{content:"↓";font-size:14px;color:#bcebd4}
    .primary:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.04))}
    .secondary{padding:9px 14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#dbe2e9}
    .secondary:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.17);color:#fff}

    main{padding-top:clamp(20px,3vw,42px)}
    .hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:clamp(22px,3vw,46px);align-items:stretch}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#aeb6c0;font-size:14px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}
    .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(155,242,195,.75)}
    h1{margin:0;max-width:900px;font-size:clamp(42px,5.2vw,76px);line-height:.94;letter-spacing:-.06em;font-weight:670}
    h1 span{color:#8f99a6;font-weight:520}
    .hero-copy{margin:18px 0 0;max-width:760px;color:#aeb6c0;font-size:clamp(14px,1.15vw,17px);line-height:1.58}
    .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
    .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
    .chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.026);color:#a9b2bd;font-size:14px;letter-spacing:.03em}
    .chip .dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
    .chip.beta{color:var(--blue)}.chip.compute{color:var(--green)}.chip.windows{color:var(--violet)}

    .network-map{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 42px rgba(0,0,0,.26);padding:clamp(18px,2vw,26px);overflow:hidden;min-height:100%}
    .network-map::before{content:"";position:absolute;width:340px;height:340px;right:-100px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(68,210,155,.16),transparent 67%)}
    .network-head,.network-flow,.network-foot{position:relative;z-index:1}
    .network-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
    .network-title strong{display:block;font-size:26px;letter-spacing:-.035em}.network-title span{display:block;margin-top:4px;color:#8f99a6;font-size:14px;text-transform:uppercase;letter-spacing:.12em}
    .status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--blue);background:rgba(255,255,255,.03);font-size:13.5px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}
    .status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
    .network-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:24px}
    .node{min-height:96px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.022);padding:13px;display:flex;flex-direction:column;justify-content:space-between}
    .node small{color:#8e99a4;font-size:13.5px;text-transform:uppercase;letter-spacing:.12em}.node strong{font-size:14.5px;line-height:1.25}.arrow{color:#697480;font-size:16.5px}
    .network-foot{margin-top:18px;color:#9aa3ae;font-size:14px;line-height:1.55}

    .section{margin-top:clamp(18px,2.5vw,34px)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}
    .section-head h2{margin:0;font-size:clamp(25px,2.3vw,36px);letter-spacing:-.04em}
    .section-head p{margin:0;max-width:600px;color:#8f99a5;font-size:14px;line-height:1.5}
    .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
    .card{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 42px rgba(0,0,0,.22);padding:clamp(16px,1.6vw,23px);min-height:190px}
    .card::before{content:"";position:absolute;width:210px;height:210px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(155,242,195,.1),transparent 66%)}
    .card>*{position:relative;z-index:1}.card-kicker{color:#aeb6c0;font-size:13.5px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;margin-bottom:22px}.card h3{margin:0 0 8px;font-size:clamp(18px,1.45vw,23px);letter-spacing:-.03em}.card p{margin:0;color:#98a2ad;font-size:14px;line-height:1.52}
    .compute-card::before{background:radial-gradient(circle,rgba(155,242,195,.12),transparent 66%)}.network-card::before{background:radial-gradient(circle,rgba(168,207,255,.12),transparent 66%)}.search-card::before{background:radial-gradient(circle,rgba(212,184,255,.12),transparent 66%)}.participation-card::before{background:radial-gradient(circle,rgba(246,212,138,.11),transparent 66%)}

    .lower{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(10px,1.2vw,16px);margin-top:clamp(10px,1.2vw,16px)}
    .panel{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018));padding:clamp(18px,2vw,26px)}
    .panel-kicker{color:#aeb6c0;font-size:13.5px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}.panel h3{margin:0 0 12px;font-size:clamp(21px,1.8vw,28px);letter-spacing:-.035em}.panel p{margin:0;color:#98a2ad;font-size:14px;line-height:1.55}
    .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
    .step{padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
    .step-num{color:#74808c;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.step strong{font-size:14px;line-height:1.25;display:block;margin-bottom:4px}.step span{color:#87929d;font-size:14px;line-height:1.4}
    .links{display:grid;gap:9px;margin-top:16px}.link-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.018)}
    .link-row strong{font-size:14px}.link-row span{color:#818c97;font-size:14px;text-align:right}
    footer{display:flex;justify-content:center;align-items:center;gap:12px;color:#7f8994;font-size:14px;padding:20px 0 6px}
    footer .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.22)}

    @media(max-width:980px){
      :scope{--header-h:56px;--radius:18px}
      .shell{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom))}
      nav{display:none}header{grid-template-columns:1fr auto;gap:12px}.signin{display:none}
      .brand{font-size:15.5px}.brand-mark{width:25px;height:25px;border-radius:8px}
      .language-select{width:55px;min-height:40px;padding:8px 23px 8px 9px;font-size:14px}
      .primary{min-height:40px;padding:8px 13px;font-size:14px}
      main{padding-top:18px}.hero{grid-template-columns:1fr}.network-map{min-height:auto}
      .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
      .lower{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:620px){
      .header-actions{gap:6px}.brand{font-size:14.5px}.brand-mark{width:23px;height:23px}
      .language-select{width:51px;min-height:36px;padding-left:8px;padding-right:21px;font-size:13.5px}
      .header-actions>.primary{min-height:36px;padding:7px 10px;font-size:13.5px}
      h1{font-size:clamp(34px,12vw,48px)}.hero-copy{font-size:14px}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
      .hero-actions .primary,.hero-actions .secondary{width:100%;min-width:0;padding-inline:8px;white-space:normal;text-align:center}
      .network-flow{grid-template-columns:1fr;gap:6px}.network-flow .arrow{transform:rotate(90deg);justify-self:center}.node{min-height:72px}
      .grid4{grid-template-columns:1fr}.card{min-height:auto}.section-head{display:block}.section-head p{margin-top:8px}
      .steps{grid-template-columns:1fr 1fr}.link-row{align-items:flex-start;flex-direction:column;gap:4px}.link-row span{text-align:left}
      footer{font-size:13.5px;gap:8px}
    }
    @media(max-width:380px){
      .hero-actions{grid-template-columns:1fr}.steps{grid-template-columns:1fr}
    }
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
}

/* token */
@scope (html[data-page-bundle="token"]) {
:scope {
      --bg: #030508;
      --panel: rgba(255,255,255,.035);
      --panel-strong: rgba(255,255,255,.05);
      --line: rgba(255,255,255,.09);
      --line-strong: rgba(255,255,255,.15);
      --text: #f4f6f8;
      --muted: #98a2ad;
      --soft: #cad1d8;
      --blue: #a8cfff;
      --green: #9bf2c3;
      --amber: #f6d48a;
      --violet: #d4b8ff;
      --radius: 22px;
      --header-h: 66px;
    }

    * { box-sizing: border-box; }
    :scope, body { width: 100%; height: 100%; margin: 0; }
    :scope { background: var(--bg); }
    body {
      overflow: hidden;
      color: var(--text);
      background:
        radial-gradient(1100px 620px at 84% -10%, rgba(89, 122, 255, 0.08), transparent 56%),
        radial-gradient(900px 540px at 10% 118%, rgba(52, 211, 153, 0.05), transparent 56%),
        linear-gradient(180deg, #04070b 0%, #020407 100%);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .12;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size: 64px 64px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 88%);
    }

    a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
    button { font: inherit; }

    .shell {
      width: min(1600px, 100%);
      height: 100dvh;
      margin: 0 auto;
      padding: 0 clamp(18px, 3vw, 48px);
      display: grid;
      grid-template-rows: var(--header-h) minmax(0, 1fr) 28px;
      position: relative;
      z-index: 1;
    }

    header {
      height: var(--header-h);
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 24px;
      border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 700;
      letter-spacing: -0.02em;
      font-size: 17.5px;
      white-space: nowrap;
    }

    .brand-mark {
      width: 27px;
      height: 27px;
      position: relative;
      border-radius: 9px;
      border: 1px solid rgba(255,255,255,.26);
      background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.75) 0 4%, transparent 5%),
        linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.025));
      box-shadow: inset 0 0 22px rgba(255,255,255,.03), 0 0 22px rgba(133,163,255,.06);
    }
    .brand-mark::before,
    .brand-mark::after {
      content: "";
      position: absolute;
      inset: 5px;
      border: 1px solid rgba(255,255,255,.38);
      border-radius: 50%;
      transform: rotate(36deg) scaleX(.6);
    }
    .brand-mark::after { transform: rotate(-36deg) scaleX(.6); }

    nav {
      justify-self: center;
      display: flex;
      align-items: center;
      gap: clamp(16px, 2.2vw, 30px);
      color: #adb5bf;
      font-size: 14px;
    }
    nav a { transition: color .18s ease; }
    nav a:hover { color: #fff; }

    .header-actions {
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 14px;
      min-width: 0;
    }

    .language-picker {
      position: relative;
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
    }
    .language-picker::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 50%;
      width: 5px;
      height: 5px;
      border-right: 1.5px solid #8f99a5;
      border-bottom: 1.5px solid #8f99a5;
      transform: translateY(-70%) rotate(45deg);
      pointer-events: none;
    }
    .language-select {
      width: 60px;
      min-height: 36px;
      padding: 7px 25px 7px 10px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 999px;
      appearance: none;
      -webkit-appearance: none;
      color: #b8c0c9;
      background: rgba(255,255,255,.026);
      font: inherit;
      font-weight: 650;
      letter-spacing: .02em;
      cursor: pointer;
      outline: none;
      transition: color .18s ease, border-color .18s ease, background .18s ease;
    }
    .language-select:hover {
      color: #fff;
      border-color: rgba(255,255,255,.22);
      background: rgba(255,255,255,.04);
    }
    .language-select option { color: #11151b; background: #fff; }

    .signin { color: #b8c0c9; padding: 8px 7px; }
    .signin:hover { color: white; }

    .primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 9px 15px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.14);
      background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.03));
      color: #f4f6f8;
      font-weight: 640;
      letter-spacing: -0.01em;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.28);
      backdrop-filter: blur(10px);
      transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
    }
    .primary::after {
      content: "↗";
      font-size: 14px;
      line-height: 1;
      color: #b8d4ff;
      opacity: .92;
      transition: transform .18s ease, color .18s ease;
    }
    .primary:hover {
      transform: translateY(-1px);
      border-color: rgba(255,255,255,.22);
      background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.04));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 32px rgba(0,0,0,.34);
      color: #ffffff;
    }
    .primary:hover::after { transform: translate(1px, -1px); color: #d7e6ff; }

    .secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 9px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.1);
      background: rgba(255,255,255,.025);
      color: #dbe2e9;
      font-weight: 600;
      transition: background .18s ease, border-color .18s ease, color .18s ease;
    }
    .secondary:hover {
      background: rgba(255,255,255,.045);
      border-color: rgba(255,255,255,.17);
      color: #fff;
    }

    main {
      min-height: 0;
      padding-top: clamp(12px, 1.6vh, 18px);
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      gap: clamp(10px, 1.4vh, 14px);
    }

    .hero {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
      gap: clamp(18px, 2vw, 28px);
      align-items: stretch;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #aeb6c0;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .15em;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
    .eyebrow::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--amber);
      box-shadow: 0 0 14px rgba(246,212,138,.72);
    }

    h1 {
      margin: 0;
      font-size: clamp(34px, 4.4vw, 64px);
      line-height: .96;
      letter-spacing: -0.055em;
      font-weight: 660;
      max-width: 850px;
    }
    h1 span { color: #909aa7; font-weight: 520; }

    .hero-copy {
      margin-top: 14px;
      max-width: 680px;
      color: #aeb6c0;
      font-size: clamp(13.5px, 1.08vw, 16px);
      line-height: 1.56;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 18px;
    }

    .meta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 14px;
    }
    .chip {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.026);
      color: #a9b2bd;
      font-size: 14px;
      letter-spacing: .03em;
    }
    .chip .dot {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: currentColor;
      box-shadow: 0 0 8px currentColor;
    }
    .chip.preview { color: var(--violet); }
    .chip.utility { color: var(--amber); }
    .chip.ecosystem { color: var(--green); }

    .summary {
      min-height: 0;
      border-radius: var(--radius);
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 20px 42px rgba(0,0,0,.26);
      padding: clamp(14px, 1.5vw, 20px);
      display: grid;
      grid-template-rows: auto auto auto auto;
      gap: 9px;
      position: relative;
      overflow: hidden;
    }
    .summary::before {
      content: "";
      position: absolute;
      width: 280px;
      height: 280px;
      right: -90px;
      top: -120px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(246, 196, 99, .16), transparent 67%);
      z-index: 0;
      pointer-events: none;
    }
    .summary > * { position: relative; z-index: 1; }

    .ticker {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
    }
    .ticker-name {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }
    .ticker-name strong {
      font-size: clamp(20px, 1.5vw, 25px);
      font-weight: 660;
      letter-spacing: -0.03em;
    }
    .ticker-name span {
      color: #95a0ab;
      font-size: 13.5px;
      text-transform: uppercase;
      letter-spacing: .1em;
    }
    .badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 9px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.1);
      color: var(--violet);
      background: rgba(255,255,255,.03);
      font-size: 13.5px;
      font-weight: 760;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    .badge::before {
      content: "";
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: currentColor;
      box-shadow: 0 0 8px currentColor;
    }

    .summary-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px;
    }
    .metric {
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.022);
      padding: 8px 10px;
      min-height: 58px;
    }
    .metric-label {
      color: #8e99a4;
      font-size: 13.5px;
      text-transform: uppercase;
      letter-spacing: .1em;
      margin-bottom: 3px;
    }
    .metric-value {
      font-size: 14.5px;
      font-weight: 620;
      letter-spacing: -.02em;
    }
    .metric-sub {
      margin-top: 2px;
      color: #7f8994;
      font-size: 13.5px;
      line-height: 1.25;
    }

    .summary-note {
      color: #9aa3ae;
      font-size: 13.5px;
      line-height: 1.35;
    }

    .content-grid {
      min-height: 0;
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-template-rows: minmax(0, .9fr) minmax(0, 1.1fr);
      gap: clamp(10px, 1.2vw, 16px);
    }

    .card {
      position: relative;
      min-width: 0;
      min-height: 0;
      overflow: hidden;
      border-radius: var(--radius);
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 20px 42px rgba(0,0,0,.26);
      padding: clamp(13px, 1.25vw, 18px);
    }
    .card::before {
      content: "";
      position: absolute;
      width: 210px;
      height: 210px;
      right: -80px;
      top: -90px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(168,207,255,.11), transparent 66%);
      z-index: 0;
    }
    .card > * { position: relative; z-index: 1; }

    .access::before { background: radial-gradient(circle, rgba(168,207,255,.12), transparent 66%); }
    .payments::before { background: radial-gradient(circle, rgba(246,212,138,.12), transparent 66%); }
    .incentives::before { background: radial-gradient(circle, rgba(155,242,195,.12), transparent 66%); }
    .network::before { background: radial-gradient(circle, rgba(212,184,255,.12), transparent 66%); }
    .flow::before { background: radial-gradient(circle, rgba(155,242,195,.10), transparent 66%); }

    .access { grid-column: 1 / span 3; grid-row: 1; }
    .payments { grid-column: 4 / span 3; grid-row: 1; }
    .incentives { grid-column: 7 / span 3; grid-row: 1; }
    .network { grid-column: 10 / span 3; grid-row: 1; }
    .flow { grid-column: 1 / span 7; grid-row: 2; }
    .links { grid-column: 8 / span 5; grid-row: 2; }

    .card-kicker {
      color: #aeb6c0;
      font-size: 13.5px;
      font-weight: 650;
      letter-spacing: .11em;
      text-transform: uppercase;
      margin-bottom: 8px;
    }
    .card h2, .card h3 {
      margin: 0 0 8px;
      font-size: clamp(17px, 1.35vw, 22px);
      line-height: 1;
      letter-spacing: -0.03em;
      font-weight: 640;
    }
    .card p {
      margin: 0;
      color: #98a2ad;
      font-size: clamp(13.5px, .82vw, 13.5px);
      line-height: 1.4;
    }

    .flow-list, .link-list {
      margin: 9px 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 16px;
      row-gap: 7px;
    }
    .flow-list li,
    .link-list li {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      color: #c7cfd7;
      font-size: 14px;
      line-height: 1.35;
    }
    .flow-list li::before,
    .link-list li::before {
      content: "";
      flex: 0 0 auto;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      margin-top: 5px;
      background: rgba(255,255,255,.58);
      box-shadow: 0 0 10px rgba(255,255,255,.22);
    }
    .flow-list strong,
    .link-list strong { color: #f0f4f7; font-weight: 620; }

    .link-list a {
      color: #dfe7ef;
      border-bottom: 1px solid rgba(223,231,239,.16);
      transition: color .18s ease, border-color .18s ease;
    }
    .link-list a:hover {
      color: #fff;
      border-color: rgba(255,255,255,.4);
    }

    .footer {
      position: static;
      min-height: 28px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      font-size: 14px;
      line-height: 1;
      color: #7f8994;
      z-index: 2;
    }
    .footer a { color: inherit; transition: color .18s ease; }
    .footer a:hover { color: #cfd5dc; }
    .footer .dot {
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: rgba(255,255,255,.22);
    }

    a:focus-visible, button:focus-visible, .language-select:focus-visible {
      outline: 2px solid rgba(158, 199, 255, .8);
      outline-offset: 3px;
    }

    @media (min-width: 981px) and (max-height: 820px) {
      :scope { --header-h: 58px; --radius: 18px; }
      .shell { grid-template-rows: var(--header-h) minmax(0, 1fr) 24px; }
      main { padding-top: 9px; gap: 9px; }
      .eyebrow { margin-bottom: 6px; font-size: 13.5px; }
      h1 { font-size: clamp(30px, 3.8vw, 50px); }
      .hero-copy { margin-top: 9px; font-size: 14px; line-height: 1.4; }
      .meta-row { margin-top: 9px; }
      .chip { padding: 5px 8px; font-size: 13.5px; }
      .hero-actions { margin-top: 10px; }
      .primary, .secondary { padding-top: 7px; padding-bottom: 7px; font-size: 14px; }
      .summary { padding: 11px 13px; gap: 6px; }
      .summary-grid { gap: 5px; }
      .metric { padding: 6px 8px; min-height: 48px; }
      .metric-sub { display: none; }
      .summary-note { font-size: 13.5px; line-height: 1.25; }
      .card { padding: 11px 13px; }
      .card-kicker { margin-bottom: 5px; font-size: 13.5px; }
      .card h2, .card h3 { margin-bottom: 5px; font-size: 16.5px; }
      .card p { font-size: 13.5px; line-height: 1.32; }
      .flow-list, .link-list { margin-top: 6px; row-gap: 5px; column-gap: 12px; }
      .flow-list li, .link-list li { font-size: 13.5px; line-height: 1.25; gap: 6px; }
      .flow-list li::before, .link-list li::before { width: 5px; height: 5px; margin-top: 4px; }
      .footer { min-height: 24px; font-size: 13.5px; }
    }

    @media (max-width: 980px) {
      :scope { --header-h: 56px; --radius: 18px; }
      .shell {
        padding-top: env(safe-area-inset-top);
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
        padding-bottom: max(6px, env(safe-area-inset-bottom));
        height: auto;
        min-height: 100dvh;
        grid-template-rows: var(--header-h) auto auto;
      }
      nav { display: none; }
      header { grid-template-columns: 1fr auto; gap: 12px; }
      .brand { font-size: 15.5px; gap: 8px; }
      .brand-mark { width: 25px; height: 25px; border-radius: 8px; }
      .signin { display: none; }
      .primary { min-height: 40px; padding: 8px 13px; font-size: 14px; }
      .language-select { width: 55px; min-height: 40px; padding: 8px 23px 8px 9px; font-size: 14px; }
      .language-picker::after { right: 9px; }
      main { padding-top: 10px; gap: 10px; overflow: auto; }
      .hero { grid-template-columns: 1fr; }
      h1 { font-size: clamp(30px, 8vw, 46px); }
      .hero-copy { font-size: 14px; line-height: 1.46; }
      .summary { grid-template-rows: auto auto auto auto; }
      .content-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
      }
      .access, .payments, .incentives, .network, .flow, .links { grid-column: auto; grid-row: auto; }
      .footer { padding: 8px 0 2px; font-size: 13.5px; }
      body { overflow: auto; }
    }

    @media (max-width: 640px) {
      .hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
      .primary, .secondary { width: 100%; }
      .summary-grid { grid-template-columns: 1fr 1fr; }
      .content-grid { grid-template-columns: 1fr; gap: 8px; }
      .flow-list, .link-list { grid-template-columns: 1fr; }
      .card { padding: 14px; }
      .card-kicker { margin-bottom: 10px; }
      .card h2, .card h3 { font-size: 18px; }
      .card p, .flow-list li, .link-list li { font-size: 14px; }
      .footer { font-size: 13.5px; gap: 8px; }
    }

    @media (max-width: 420px) {
      :scope { --header-h: 52px; --radius: 16px; }
      .brand { font-size: 14.5px; }
      .brand-mark { width: 23px; height: 23px; }
      .header-actions { gap: 6px; }
      .primary { min-height: 36px; padding: 7px 10px; font-size: 13.5px; gap: 6px; }
      .primary::after { font-size: 13.5px; }
      .language-select { width: 51px; min-height: 36px; padding-left: 8px; padding-right: 21px; font-size: 13.5px; }
      .language-picker::after { right: 8px; }
      h1 { font-size: 28px; }
      .hero-copy { font-size: 14px; }
      .summary-grid { grid-template-columns: 1fr; }
      .metric { min-height: auto; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
    }
}