:root {
      --bg: #050406;
      --bg-soft: #09070a;
      --surface: #0c0a0d;
      --surface-2: #111014;
      --text: #f7f3f6;
      --muted: #a99fa7;
      --muted-2: #756d73;
      --pink: #ff2d9b;
      --pink-2: #ff75bc;
      --pink-dark: #4d0d31;
      --line: rgba(255,255,255,.12);
      --line-soft: rgba(255,255,255,.07);
      --shadow: 0 40px 120px rgba(0,0,0,.46);
      --page: min(1280px, calc(100vw - 48px));
      --radius: 24px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: var(--bg); }
    body {
      margin: 0;
      background:
        radial-gradient(900px 700px at 85% 7%, rgba(255,45,155,.105), transparent 58%),
        radial-gradient(900px 900px at -20% 45%, rgba(255,45,155,.055), transparent 54%),
        var(--bg);
      color: var(--text);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.5;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

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

    ::selection { background: var(--pink); color: white; }
    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    button { color: inherit; }
    img, svg { display: block; max-width: 100%; }
    :focus-visible { outline: 2px solid var(--pink-2); outline-offset: 3px; }

    .skip-link {
      position: fixed;
      left: 16px;
      top: 16px;
      z-index: 1000;
      padding: 10px 14px;
      border-radius: 999px;
      background: white;
      color: black;
      transform: translateY(-180%);
      transition: transform .2s ease;
    }
    .skip-link:focus { transform: translateY(0); }

    .shell { width: var(--page); margin: 0 auto; }
    .section { position: relative; padding: 130px 0; }
    .section + .section { border-top: 1px solid var(--line-soft); }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 24px;
      color: #d8cfd5;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .17em;
      text-transform: uppercase;
    }
    .eyebrow::before {
      content: "";
      width: 32px;
      height: 1px;
      background: var(--pink);
      box-shadow: 0 0 18px rgba(255,45,155,.7);
    }

    .display {
      margin: 0;
      font-size: clamp(54px, 7.2vw, 116px);
      line-height: .93;
      letter-spacing: -.062em;
      font-weight: 720;
      max-width: 11ch;
    }
    .display .accent { color: var(--pink); }
    .h2 {
      margin: 0;
      font-size: clamp(40px, 5vw, 76px);
      line-height: .98;
      letter-spacing: -.05em;
      font-weight: 680;
      max-width: 13ch;
    }
    .lede {
      margin: 28px 0 0;
      max-width: 690px;
      color: #c2b8bf;
      font-size: clamp(18px, 1.8vw, 24px);
      line-height: 1.45;
    }
    .small { color: var(--muted); font-size: 14px; }

    /* Navigation */
    .nav-wrap {
      position: fixed;
      inset: 0 0 auto;
      z-index: 50;
      padding: 14px 0;
      transition: background .3s ease, border-color .3s ease, backdrop-filter .3s ease;
      border-bottom: 1px solid transparent;
    }
    .nav-wrap.scrolled {
      background: rgba(5,4,6,.74);
      backdrop-filter: blur(18px) saturate(130%);
      border-color: var(--line-soft);
    }
    .nav {
      width: var(--page);
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      min-height: 48px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      min-width: 180px;
    }
    .brand-mark {
      width: 30px;
      aspect-ratio: 1;
      border: 1px solid rgba(255,45,155,.65);
      border-radius: 50%;
      position: relative;
      box-shadow: 0 0 24px rgba(255,45,155,.25), inset 0 0 14px rgba(255,45,155,.08);
    }
    .brand-mark::after {
      content: "";
      position: absolute;
      inset: 7px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.34);
    }
    .wordmark {
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .16em;
      white-space: nowrap;
    }
    .wordmark .a { color: var(--pink-2); }
    .nav-links {
      display: flex;
      align-items: center;
      gap: 28px;
      color: #bdb3ba;
      font-size: 13px;
    }
    .nav-links a { transition: color .2s ease; }
    .nav-links a:hover { color: white; }
    .nav-actions { display: flex; align-items: center; gap: 10px; }
    .lang {
      border: 0;
      background: transparent;
      color: #bdb3ba;
      cursor: pointer;
      padding: 10px;
      font-size: 12px;
      letter-spacing: .12em;
    }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 48px;
      padding: 0 20px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.025);
      color: white;
      font-size: 14px;
      font-weight: 650;
      transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
    }
    .btn:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.24); }
    .btn-primary {
      background: var(--pink);
      border-color: var(--pink);
      color: #12050d;
      box-shadow: 0 12px 38px rgba(255,45,155,.22);
    }
    .btn-primary:hover { background: #ff4aa9; border-color: #ff4aa9; box-shadow: 0 18px 46px rgba(255,45,155,.32); }
    .btn svg { width: 15px; height: 15px; }
    .menu-btn { display: none; }
    .mobile-menu { display: none; }

    /* Hero */
    .hero {
      min-height: 100svh;
      padding: 150px 0 72px;
      display: grid;
      align-items: center;
      position: relative;
      overflow: clip;
    }
    .hero-grid {
      width: var(--page);
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr);
      gap: clamp(40px, 6vw, 96px);
      align-items: center;
    }
    .hero-copy { position: relative; z-index: 2; }
    .hero .display { max-width: 9.5ch; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
    .hero-note {
      margin-top: 26px;
      display: flex;
      align-items: center;
      gap: 10px;
      color: #91878e;
      font-size: 13px;
    }
    .hero-note-dot {
      width: 6px; height: 6px; border-radius: 50%; background: var(--pink);
      box-shadow: 0 0 16px rgba(255,45,155,.8);
    }

    .hero-visual {
      position: relative;
      min-height: 650px;
      display: grid;
      place-items: center;
      perspective: 1100px;
    }
    .orbit {
      position: absolute;
      width: min(640px, 47vw);
      aspect-ratio: 1;
      border-radius: 50%;
      border: 1px solid rgba(255,45,155,.56);
      box-shadow: 0 0 36px rgba(255,45,155,.14), inset 0 0 36px rgba(255,45,155,.03);
      transform: translate3d(var(--mx, 0), var(--my, 0), 0);
      transition: transform .15s ease-out;
    }
    .orbit::before, .orbit::after {
      content: "";
      position: absolute;
      inset: -10px;
      border-radius: inherit;
      border: 1px solid transparent;
      border-top-color: var(--pink);
      border-right-color: rgba(255,45,155,.2);
      animation: spin 18s linear infinite;
      filter: drop-shadow(0 0 7px rgba(255,45,155,.5));
    }
    .orbit::after {
      inset: 23px;
      border-top-color: rgba(255,255,255,.26);
      border-right-color: transparent;
      border-bottom-color: rgba(255,45,155,.26);
      animation-duration: 24s;
      animation-direction: reverse;
    }
    @keyframes spin { to { transform: rotate(360deg); } }

    .orbit-label {
      position: absolute;
      font-size: 10px;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: #7e737b;
      z-index: 1;
    }
    .orbit-label.top { top: 5%; left: 50%; transform: translateX(-50%); }
    .orbit-label.right { right: 1%; top: 50%; transform: translateY(-50%) rotate(90deg); }
    .orbit-label.bottom { bottom: 5%; left: 50%; transform: translateX(-50%); }
    .orbit-label.left { left: 1%; top: 50%; transform: translateY(-50%) rotate(-90deg); }

    .product-window {
      width: min(520px, 40vw);
      border-radius: 28px;
      border: 1px solid rgba(255,255,255,.14);
      background: linear-gradient(145deg, rgba(18,15,19,.96), rgba(8,7,9,.94));
      box-shadow: var(--shadow), 0 0 70px rgba(255,45,155,.09);
      overflow: hidden;
      position: relative;
      z-index: 3;
      transform: rotateY(-5deg) rotateX(2deg) translate3d(calc(var(--mx, 0) * -.14), calc(var(--my, 0) * -.14), 0);
      transition: transform .16s ease-out;
    }
    .product-top {
      height: 52px;
      border-bottom: 1px solid var(--line-soft);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 18px;
    }
    .dots { display: flex; gap: 6px; }
    .dots i { width: 6px; height: 6px; border-radius: 50%; background: #413b40; }
    .window-title { font-size: 11px; letter-spacing: .13em; text-transform: uppercase; color: #82777f; }
    .status { display: flex; align-items: center; gap: 7px; font-size: 11px; color: #aca1a9; }
    .status i { width: 6px; height: 6px; border-radius: 50%; background: #5bed8a; box-shadow: 0 0 14px rgba(91,237,138,.55); }
    .product-main {
      display: grid;
      grid-template-columns: 142px 1fr;
      min-height: 425px;
    }
    .product-side {
      border-right: 1px solid var(--line-soft);
      padding: 18px 12px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .side-item {
      height: 34px;
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 0 10px;
      border-radius: 9px;
      color: #7f757c;
      font-size: 11px;
    }
    .side-item.active { background: rgba(255,45,155,.085); color: #f5eaf1; }
    .side-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .8; }
    .product-content { padding: 22px; }
    .product-content-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
    .product-content h3 { margin: 0; font-size: 19px; letter-spacing: -.02em; }
    .ghost-pill { padding: 7px 10px; border: 1px solid var(--line-soft); border-radius: 999px; color: #8c8188; font-size: 10px; }
    .mock-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 12px; }
    .mock-card {
      border: 1px solid var(--line-soft);
      border-radius: 16px;
      background: rgba(255,255,255,.018);
      padding: 15px;
      min-height: 120px;
    }
    .mock-card.wide { grid-column: 1 / -1; min-height: 128px; }
    .mock-label { color: #766d73; text-transform: uppercase; letter-spacing: .13em; font-size: 9px; }
    .mock-value { margin-top: 12px; font-size: 24px; letter-spacing: -.04em; }
    .mock-value.pink { color: var(--pink-2); }
    .mock-sub { margin-top: 7px; color: #8d838a; font-size: 10px; }
    .mock-progress { margin-top: 20px; height: 5px; border-radius: 99px; background: #1f1b1e; overflow: hidden; }
    .mock-progress > span { display: block; width: 71%; height: 100%; background: linear-gradient(90deg, var(--pink), #ff89c8); border-radius: inherit; }
    .mock-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; font-size:10px; color:#948991; }
    .mock-row strong { color:#ddd4da; font-weight:600; }

    .hero-edge {
      position: absolute;
      left: 24px;
      bottom: 28px;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: .18em;
      color: #5c5559;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
    }

    /* Marquee */
    .ticker {
      border-top: 1px solid var(--line-soft);
      border-bottom: 1px solid var(--line-soft);
      overflow: hidden;
      background: rgba(255,255,255,.012);
    }
    .ticker-track {
      display: flex;
      width: max-content;
      animation: ticker 25s linear infinite;
    }
    .ticker-item {
      display: flex;
      align-items: center;
      gap: 20px;
      padding: 18px 28px;
      color: #a69ca3;
      font-size: 11px;
      letter-spacing: .15em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .ticker-item i { width: 4px; height: 4px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 10px rgba(255,45,155,.8); }
    @keyframes ticker { to { transform: translateX(-50%); } }

    /* Split section */
    .section-head { display: flex; justify-content: space-between; gap: 36px; align-items: end; margin-bottom: 68px; }
    .section-head .lede { max-width: 520px; font-size: 18px; margin-top: 0; }
    .pricing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .price-card {
      min-height: 480px;
      border: 1px solid var(--line);
      border-radius: 30px;
      padding: clamp(26px, 4vw, 48px);
      position: relative;
      overflow: hidden;
      background: linear-gradient(160deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .price-card.primary {
      background:
        radial-gradient(500px 330px at 15% 110%, rgba(255,45,155,.18), transparent 66%),
        linear-gradient(160deg, rgba(255,45,155,.075), rgba(255,255,255,.014));
      border-color: rgba(255,45,155,.3);
    }
    .price-label { display:flex; align-items:center; justify-content:space-between; gap:16px; color:#aaa0a7; font-size:12px; letter-spacing:.13em; text-transform:uppercase; }
    .price-chip { border:1px solid var(--line); border-radius:999px; padding:7px 10px; font-size:9px; color:#8d838a; }
    .price { margin-top: 70px; font-size: clamp(82px, 10vw, 150px); font-weight: 700; letter-spacing: -.075em; line-height: .8; }
    .price sup { font-size: .22em; vertical-align: top; position: relative; top: .25em; margin-right: 2px; color:#c9bec5; }
    .price-unit { margin-top: 24px; color:#948a91; font-size:13px; }
    .price-copy { margin-top: 52px; max-width: 420px; font-size: 17px; color:#cfc5cb; }
    .price-card::after {
      content:"";
      position:absolute;
      width:280px; height:280px; border-radius:50%;
      border:1px solid rgba(255,255,255,.06);
      right:-100px; bottom:-100px;
      box-shadow:0 0 80px rgba(255,45,155,.04);
    }

    .calculator {
      margin-top: 16px;
      border: 1px solid var(--line-soft);
      border-radius: 26px;
      padding: 28px 30px;
      display: grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 30px;
      align-items: center;
      background: rgba(255,255,255,.015);
    }
    .calc-title { font-size: 20px; font-weight: 620; letter-spacing: -.02em; }
    .calc-meta { margin-top: 6px; color:#837980; font-size: 12px; }
    .range-wrap { margin-top: 24px; }
    .range-head { display:flex; justify-content:space-between; gap:16px; margin-bottom:12px; font-size:12px; color:#938990; }
    input[type="range"] { width:100%; accent-color:var(--pink); cursor:pointer; }
    .calc-result { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .calc-box { border-left:1px solid var(--line); padding-left:20px; }
    .calc-box span { display:block; font-size:10px; color:#766d73; text-transform:uppercase; letter-spacing:.12em; }
    .calc-box strong { display:block; margin-top:8px; font-size:28px; letter-spacing:-.04em; }
    .calc-box strong.pink { color:var(--pink-2); }

    /* Workflow/product */
    .workflow-layout {
      display: grid;
      grid-template-columns: .86fr 1.14fr;
      gap: clamp(48px, 7vw, 110px);
      align-items: start;
    }
    .workflow-copy { position: sticky; top: 120px; }
    .workflow-copy .lede { font-size: 18px; max-width: 460px; }
    .steps { border-top: 1px solid var(--line); }
    .step {
      display: grid;
      grid-template-columns: 56px 1fr;
      gap: 24px;
      padding: 36px 0;
      border-bottom: 1px solid var(--line);
      opacity: .42;
      transition: opacity .3s ease, transform .3s ease;
    }
    .step.is-active { opacity: 1; transform: translateX(6px); }
    .step-num { color: var(--pink); font-size: 11px; letter-spacing:.12em; padding-top: 6px; }
    .step h3 { margin:0; font-size: clamp(28px, 3vw, 46px); letter-spacing:-.04em; font-weight:620; }
    .step p { margin: 14px 0 0; color:#9d939a; max-width:620px; }
    .step-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
    .step-tags span { border:1px solid var(--line-soft); border-radius:999px; padding:7px 10px; color:#7f757c; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }

    /* Product demo */
    .demo-shell {
      border:1px solid var(--line);
      border-radius:32px;
      overflow:hidden;
      background:linear-gradient(150deg, rgba(255,255,255,.025), rgba(255,255,255,.009));
      min-height:620px;
      display:grid;
      grid-template-columns:280px 1fr;
      box-shadow: var(--shadow);
    }
    .demo-nav { border-right:1px solid var(--line-soft); padding:28px 18px; display:flex; flex-direction:column; }
    .demo-brand { display:flex; align-items:center; gap:10px; margin-bottom:34px; padding:0 10px; }
    .demo-brand .brand-mark { width:24px; }
    .demo-brand span { font-size:11px; font-weight:800; letter-spacing:.14em; }
    .demo-tabs { display:flex; flex-direction:column; gap:6px; }
    .demo-tab {
      border:0;
      background:transparent;
      color:#7f757c;
      min-height:44px;
      border-radius:11px;
      padding:0 12px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      cursor:pointer;
      text-align:left;
      transition:background .2s ease, color .2s ease;
    }
    .demo-tab:hover { color:#d8cfd5; }
    .demo-tab.active { background:rgba(255,45,155,.08); color:white; }
    .demo-tab span { font-size:12px; }
    .demo-tab em { font-style:normal; color:#6d646a; font-size:10px; }
    .demo-note { margin-top:auto; padding:18px 10px 0; color:#5f575c; font-size:10px; line-height:1.5; }
    .demo-stage { padding: clamp(24px, 4vw, 48px); min-width:0; position:relative; overflow:hidden; }
    .demo-stage::before {
      content:""; position:absolute; width:420px; height:420px; border-radius:50%; border:1px solid rgba(255,45,155,.11); right:-210px; top:-150px;
      box-shadow:0 0 80px rgba(255,45,155,.06);
    }
    .demo-stage-head { display:flex; align-items:end; justify-content:space-between; gap:24px; position:relative; z-index:1; }
    .demo-kicker { color:#756c72; text-transform:uppercase; letter-spacing:.13em; font-size:9px; }
    .demo-stage h3 { margin:8px 0 0; font-size:34px; letter-spacing:-.04em; }
    .live-pill { display:flex; align-items:center; gap:8px; color:#9f949c; font-size:10px; border:1px solid var(--line-soft); border-radius:999px; padding:8px 11px; }
    .live-pill i { width:5px; height:5px; background:#5bed8a; border-radius:50%; }
    .demo-panel { margin-top:32px; display:none; position:relative; z-index:1; animation:panelIn .35s ease both; }
    .demo-panel.active { display:block; }
    @keyframes panelIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
    .field-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .field {
      min-height:106px;
      border:1px solid var(--line-soft);
      background:rgba(255,255,255,.018);
      border-radius:16px;
      padding:16px;
    }
    .field.wide { grid-column:1 / -1; }
    .field label { display:block; color:#746b71; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
    .field strong { display:block; margin-top:12px; font-size:18px; font-weight:560; }
    .field small { display:block; margin-top:7px; color:#847a81; }
    .switch-row { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:14px; }
    .switch { width:42px; height:23px; padding:3px; border-radius:99px; background:rgba(255,45,155,.22); border:1px solid rgba(255,45,155,.32); }
    .switch::after { content:""; display:block; width:15px; height:15px; border-radius:50%; margin-left:auto; background:var(--pink); box-shadow:0 0 12px rgba(255,45,155,.45); }
    .cost-table { margin-top:10px; border:1px solid var(--line-soft); border-radius:16px; overflow:hidden; }
    .cost-row { display:grid; grid-template-columns:1fr 120px; gap:16px; padding:16px 18px; border-bottom:1px solid var(--line-soft); align-items:center; }
    .cost-row:last-child { border-bottom:0; }
    .cost-row strong { font-size:14px; font-weight:560; }
    .cost-row span { color:#81777e; font-size:11px; }
    .cost-row b { text-align:right; font-size:22px; letter-spacing:-.04em; }
    .cost-row b.pink { color:var(--pink-2); }
    .signal { height:220px; margin-top:14px; border-radius:16px; border:1px solid var(--line-soft); position:relative; overflow:hidden; background:linear-gradient(180deg, rgba(255,45,155,.025), transparent); }
    .signal-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:100% 55px, 80px 100%; }
    .signal svg { position:absolute; inset:20px; width:calc(100% - 40px); height:calc(100% - 40px); }
    .signal path { fill:none; stroke:var(--pink); stroke-width:2; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 8px rgba(255,45,155,.35)); }

    /* Value blocks */
    .value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:64px; }
    .value {
      min-height:330px;
      padding:30px;
      border-top:1px solid var(--line);
      position:relative;
      background:linear-gradient(180deg, rgba(255,255,255,.018), transparent 70%);
    }
    .value::before { content:""; position:absolute; top:-1px; left:0; width:64px; height:1px; background:var(--pink); box-shadow:0 0 18px rgba(255,45,155,.5); }
    .value-num { color:#6f666c; font-size:11px; letter-spacing:.13em; }
    .value h3 { margin:68px 0 0; font-size:28px; line-height:1.08; letter-spacing:-.035em; font-weight:610; max-width:10ch; }
    .value p { margin:20px 0 0; color:#8f858c; max-width:32ch; }

    /* Network */
    .network {
      border:1px solid rgba(255,45,155,.22);
      border-radius:36px;
      min-height:560px;
      overflow:hidden;
      display:grid;
      grid-template-columns:1.05fr .95fr;
      background:
        radial-gradient(620px 420px at 10% 100%, rgba(255,45,155,.16), transparent 63%),
        linear-gradient(135deg, rgba(255,45,155,.04), rgba(255,255,255,.01));
    }
    .network-copy { padding: clamp(38px, 6vw, 72px); display:flex; flex-direction:column; justify-content:center; }
    .network-copy h2 { margin:0; max-width:9ch; font-size:clamp(44px,5.8vw,82px); line-height:.95; letter-spacing:-.055em; }
    .network-copy p { margin:26px 0 0; max-width:520px; color:#b7adb4; font-size:18px; }
    .network-copy .hero-actions { margin-top:32px; }
    .network-visual { position:relative; display:grid; place-items:center; min-height:520px; border-left:1px solid var(--line-soft); overflow:hidden; }
    .node-ring { width:380px; aspect-ratio:1; border-radius:50%; border:1px solid rgba(255,45,155,.5); position:relative; box-shadow:0 0 50px rgba(255,45,155,.08); }
    .node-ring::before { content:""; position:absolute; inset:48px; border-radius:inherit; border:1px solid rgba(255,255,255,.12); }
    .node-core { position:absolute; inset:50%; width:140px; height:140px; transform:translate(-50%,-50%); border-radius:50%; background:#080609; border:1px solid var(--line); display:grid; place-items:center; text-align:center; box-shadow:0 25px 70px rgba(0,0,0,.45); }
    .node-core strong { font-size:11px; letter-spacing:.16em; }
    .node { position:absolute; width:108px; min-height:58px; display:grid; place-items:center; text-align:center; border:1px solid var(--line); border-radius:14px; background:#0b090c; color:#ada3aa; font-size:10px; letter-spacing:.11em; text-transform:uppercase; box-shadow:0 16px 40px rgba(0,0,0,.28); }
    .node.one { top:6px; left:50%; transform:translateX(-50%); }
    .node.two { right:-35px; top:50%; transform:translateY(-50%); }
    .node.three { bottom:4px; left:50%; transform:translateX(-50%); }
    .node.four { left:-35px; top:50%; transform:translateY(-50%); }
    .connector { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 40deg, transparent, rgba(255,45,155,.24), transparent 15%, transparent 55%, rgba(255,45,155,.18), transparent 72%); animation:spin 10s linear infinite; mask:radial-gradient(circle, transparent 56%, black 57%, black 59%, transparent 60%); }

    /* FAQ */
    .faq { max-width:920px; margin-left:auto; }
    details { border-top:1px solid var(--line); }
    details:last-child { border-bottom:1px solid var(--line); }
    summary { list-style:none; cursor:pointer; padding:28px 0; display:flex; align-items:center; justify-content:space-between; gap:22px; font-size:19px; font-weight:560; }
    summary::-webkit-details-marker { display:none; }
    .plus { width:24px; height:24px; position:relative; flex:0 0 auto; }
    .plus::before,.plus::after { content:""; position:absolute; background:#7f757c; left:50%; top:50%; transform:translate(-50%,-50%); transition:transform .25s ease; }
    .plus::before { width:14px; height:1px; }
    .plus::after { width:1px; height:14px; }
    details[open] .plus::after { transform:translate(-50%,-50%) rotate(90deg); }
    details p { margin:-6px 0 28px; color:#958b92; max-width:700px; }

    /* Footer */
    .footer { padding:56px 0 28px; border-top:1px solid var(--line-soft); }
    .footer-top { display:flex; justify-content:space-between; gap:30px; align-items:center; }
    .footer-nav { display:flex; gap:22px; color:#7f757c; font-size:12px; }
    .footer-bottom { margin-top:54px; display:flex; justify-content:space-between; gap:20px; color:#5d555a; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }

    .reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
    .reveal.is-visible { opacity:1; transform:none; }


    /* ==========================================
       MOTION SYSTEM / IMMERSIVE TRANSITIONS
       ========================================== */
    body { cursor: default; }

    .intro {
      position:fixed; inset:0; z-index:300; display:grid; place-items:center; background:#030204; overflow:hidden;
      animation:introExit 2.15s .15s cubic-bezier(.76,0,.24,1) forwards; pointer-events:auto;
    }
    .intro::before {
      content:""; position:absolute; width:min(44vw,620px); aspect-ratio:1; border-radius:50%;
      border:1px solid rgba(255,45,155,.7); box-shadow:0 0 70px rgba(255,45,155,.12), inset 0 0 70px rgba(255,45,155,.05);
      animation:introRing 2.05s cubic-bezier(.55,0,.18,1) forwards;
    }
    .intro::after {
      content:""; position:absolute; width:1px; height:38vh; background:linear-gradient(transparent,var(--pink),transparent);
      box-shadow:0 0 22px rgba(255,45,155,.65); transform:scaleY(0); animation:introLine 1.1s .35s cubic-bezier(.2,.8,.2,1) forwards;
    }
    .intro-word { position:relative; z-index:2; font-size:clamp(32px,5vw,68px); font-weight:800; letter-spacing:.14em; text-transform:uppercase; transform:translateX(.07em); }
    .intro-word .hot { color:var(--pink-2); }
    .intro-meta { position:absolute; left:50%; bottom:9vh; transform:translateX(-50%); font-size:9px; letter-spacing:.22em; color:#675f64; text-transform:uppercase; white-space:nowrap; }
    .intro-meta i { display:inline-block;width:5px;height:5px;border-radius:50%;background:#5bed8a;box-shadow:0 0 12px rgba(91,237,138,.7);margin-right:9px; }
    @keyframes introRing {
      0%{transform:scale(.16) rotate(-40deg);opacity:0;border-width:2px}
      28%{opacity:1}
      62%{transform:scale(1) rotate(0);opacity:1}
      100%{transform:scale(4.1) rotate(42deg);opacity:0}
    }
    @keyframes introLine { to{transform:scaleY(1)} }
    @keyframes introExit {
      0%,62%{clip-path:circle(100% at 50% 50%);opacity:1}
      100%{clip-path:circle(0% at 50% 50%);opacity:0;visibility:hidden;pointer-events:none}
    }

    .motion-progress {
      position: fixed; inset: 0 0 auto 0; height: 2px; z-index: 120;
      background: linear-gradient(90deg, var(--pink), #ff91cc);
      transform-origin: 0 50%; transform: scaleX(var(--scroll-progress, 0));
      box-shadow: 0 0 18px rgba(255,45,155,.75); pointer-events: none;
    }
    .cursor-glow {
      position: fixed; left: 0; top: 0; width: 360px; height: 360px; border-radius: 50%;
      pointer-events: none; z-index: 1; opacity: .12;
      background: radial-gradient(circle, rgba(255,45,155,.52) 0%, rgba(255,45,155,.16) 28%, transparent 70%);
      transform: translate3d(calc(var(--cursor-x, -500px) - 180px), calc(var(--cursor-y, -500px) - 180px), 0);
      transition: opacity .3s ease; mix-blend-mode: screen; filter: blur(8px);
    }
    .ambient-layer { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
    .ambient-orb { position:absolute; border-radius:50%; filter: blur(70px); opacity:.08; will-change:transform; }
    .ambient-orb.a { width:38vw;height:38vw;left:-12vw;top:15vh;background:var(--pink); transform:translate3d(0, var(--sy-a,0px),0); }
    .ambient-orb.b { width:32vw;height:32vw;right:-10vw;top:55vh;background:#a21cff; transform:translate3d(0, var(--sy-b,0px),0); }
    .ambient-orb.c { width:28vw;height:28vw;left:38vw;top:165vh;background:#ff2d9b; opacity:.045; transform:translate3d(0, var(--sy-c,0px),0); }
    main, .footer, .nav-wrap, .mobile-menu { position: relative; z-index: 2; }

    .section { isolation:isolate; overflow:clip; }
    .motion-section > .shell { position:relative; z-index:2; }
    .section::before {
      content:""; position:absolute; width:72vw; height:72vw; border-radius:50%;
      border:1px solid rgba(255,45,155,.055); left:-40vw; top:10%; pointer-events:none; z-index:0;
      transform:translate3d(calc(var(--scene-p, .5) * 7vw), calc((var(--scene-p, .5) - .5) * -10vh),0) rotate(calc(var(--scene-p, .5) * 20deg));
      transition:opacity .2s linear; opacity:.85;
    }
    .section:nth-of-type(even)::before { left:auto; right:-42vw; }

    .kinetic-word {
      position:absolute; z-index:0; left:50%; top:48%; transform:translate(-50%,-50%) translateX(calc((var(--scene-p,.5) - .5) * -10vw));
      font-size:clamp(110px, 19vw, 310px); font-weight:800; letter-spacing:-.09em; line-height:.75;
      color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.032); white-space:nowrap; pointer-events:none; user-select:none;
    }

    .reveal { --reveal-delay: 0ms; transition-delay: var(--reveal-delay); }
    .reveal:nth-child(2) { --reveal-delay: 70ms; }
    .reveal:nth-child(3) { --reveal-delay: 130ms; }
    .reveal:nth-child(4) { --reveal-delay: 190ms; }
    .reveal.is-visible { will-change:transform,opacity; }

    .hero { --hero-p:0; }
    .hero::before {
      content:"BLACK APPS"; position:absolute; left:-3vw; bottom:-.12em; z-index:0;
      font-size:clamp(130px, 18vw, 310px); line-height:.72; font-weight:850; letter-spacing:-.095em;
      color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.038); white-space:nowrap;
      transform:translate3d(calc(var(--hero-p) * -9vw), calc(var(--hero-p) * 4vh),0); pointer-events:none;
    }
    .hero::after {
      content:""; position:absolute; inset:12% -10% auto auto; width:48vw; height:48vw; border-radius:50%;
      background:radial-gradient(circle, rgba(255,45,155,.12), transparent 67%); filter:blur(20px); opacity:calc(.9 - var(--hero-p) * .7);
      transform:scale(calc(1 + var(--hero-p) * .28)); pointer-events:none;
    }
    .hero-copy { transform:translate3d(0, calc(var(--hero-p) * -8vh),0); opacity:calc(1 - var(--hero-p) * .62); }
    .hero-visual { transform:translate3d(0, calc(var(--hero-p) * 7vh),0) scale(calc(1 - var(--hero-p) * .06)); }
    .hero .display { text-wrap:balance; }
    .hero .display .accent { position:relative; display:inline; }
    .hero .display .accent::after {
      content:""; position:absolute; left:0; right:0; bottom:.04em; height:.06em; background:var(--pink); transform-origin:left; transform:scaleX(calc(1 - var(--hero-p) * .5)); box-shadow:0 0 24px rgba(255,45,155,.5); opacity:.72;
    }
    .hero-scan {
      position:absolute; inset:0; z-index:4; pointer-events:none; overflow:hidden; border-radius:inherit; mix-blend-mode:screen; opacity:.48;
    }
    .hero-scan::after {
      content:""; position:absolute; left:-20%; right:-20%; height:1px; top:-5%; background:linear-gradient(90deg,transparent,rgba(255,45,155,.9),transparent);
      box-shadow:0 0 18px rgba(255,45,155,.9); animation:scan 5.6s cubic-bezier(.55,0,.25,1) infinite;
    }
    @keyframes scan { 0%,9%{top:-5%;opacity:0} 15%{opacity:1} 66%{top:105%;opacity:.9} 72%,100%{top:105%;opacity:0} }

    .telemetry {
      position:absolute; z-index:6; min-width:132px; padding:12px 13px; border:1px solid rgba(255,255,255,.11); border-radius:14px;
      background:rgba(9,7,10,.72); backdrop-filter:blur(16px); box-shadow:0 18px 45px rgba(0,0,0,.35);
      transform:translate3d(0, calc((var(--hero-p) - .2) * var(--float, 30px)), 0);
    }
    .telemetry small { display:block;color:#70676d;font-size:8px;letter-spacing:.14em;text-transform:uppercase; }
    .telemetry strong { display:block;margin-top:5px;font-size:16px;letter-spacing:-.03em; }
    .telemetry.t1 { right:-10px; top:20%; --float:-50px; }
    .telemetry.t2 { left:-22px; bottom:17%; --float:62px; }
    .telemetry.t3 { right:8%; bottom:4%; --float:-34px; }
    .telemetry .pulse { display:inline-block;width:5px;height:5px;border-radius:50%;background:#5bed8a;box-shadow:0 0 12px rgba(91,237,138,.7);margin-right:6px; }

    .scroll-cue {
      position:absolute; left:50%; bottom:28px; width:58px; height:58px; transform:translateX(-50%); border-radius:50%;
      display:grid;place-items:center;border:1px solid rgba(255,255,255,.1); color:#756c72; z-index:3;
    }
    .scroll-cue::before { content:""; position:absolute; inset:6px; border-radius:50%; border:1px solid transparent; border-top-color:var(--pink); animation:spin 4s linear infinite; }
    .scroll-cue svg { width:15px; animation:cue 1.7s ease-in-out infinite; }
    @keyframes cue { 0%,100%{transform:translateY(-3px)} 50%{transform:translateY(4px)} }

    .transition-band {
      height: clamp(190px, 28vw, 360px); position:relative; overflow:hidden; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft);
      background:linear-gradient(180deg, rgba(255,255,255,.006), rgba(255,45,155,.018), rgba(255,255,255,.006)); z-index:2;
      --tp:.5;
    }
    .transition-band::before {
      content:""; position:absolute; width:clamp(220px, 34vw, 520px); aspect-ratio:1; border-radius:50%;
      left:50%; top:50%; transform:translate(-50%,-50%) scale(calc(.65 + var(--tp)*.65)) rotate(calc(var(--tp)*120deg));
      border:1px solid rgba(255,45,155,.32); box-shadow:0 0 70px rgba(255,45,155,.07), inset 0 0 60px rgba(255,45,155,.035);
    }
    .transition-band::after {
      content:""; position:absolute; left:0; right:0; top:50%; height:1px;
      background:linear-gradient(90deg,transparent 0%,rgba(255,45,155,.4) 20%,rgba(255,255,255,.22) 50%,rgba(255,45,155,.4) 80%,transparent 100%);
      transform:scaleX(calc(.22 + var(--tp)*.9)); box-shadow:0 0 20px rgba(255,45,155,.18);
    }
    .transition-word {
      position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) translateX(calc((var(--tp) - .5) * -18vw));
      font-size:clamp(58px, 13vw, 180px); font-weight:760; letter-spacing:-.075em; line-height:.75; white-space:nowrap;
      color:rgba(255,255,255,.92); mix-blend-mode:screen; text-transform:uppercase;
    }
    .transition-word .stroke { color:transparent; -webkit-text-stroke:1px rgba(255,45,155,.9); }
    .transition-index { position:absolute; left:5vw; bottom:24px; font-size:9px; letter-spacing:.18em; color:#6f666c; text-transform:uppercase; }
    .transition-index.right { left:auto; right:5vw; }

    .price-card, .demo-shell, .network { will-change: transform; transform-style: preserve-3d; }
    .price-card { transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(calc((.5 - var(--card-p,.5)) * 14px)); }
    .price-card::before {
      content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(380px circle at var(--gx,50%) var(--gy,50%),rgba(255,45,155,.11),transparent 62%);opacity:0;transition:opacity .25s ease;
    }
    .price-card:hover::before { opacity:1; }
    .price { transform:translate3d(calc((var(--card-p,.5)-.5)*-18px),0,0); transition:transform .12s linear; }
    .pricing-grid { position:relative; }
    .pricing-grid::before {
      content:"";position:absolute;left:50%;top:-56px;width:1px;height:calc(100% + 112px);background:linear-gradient(transparent,rgba(255,45,155,.45),transparent);box-shadow:0 0 22px rgba(255,45,155,.35);opacity:.45;transform:scaleY(var(--economy-line, .2));transform-origin:50% 0;
    }
    #economics .calculator { transform:translate3d(0,calc((.5 - var(--scene-p,.5))*18px),0); }

    .steps { position:relative; }
    .steps::before { content:"";position:absolute;left:27px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.06); }
    .steps::after { content:"";position:absolute;left:27px;top:0;width:1px;height:calc(var(--flow-p,0)*100%);background:linear-gradient(var(--pink),#ff7ebf);box-shadow:0 0 18px rgba(255,45,155,.55); }
    .step { position:relative; transform-origin:left center; }
    .step::before { content:"";position:absolute;left:22px;top:43px;width:11px;height:11px;border-radius:50%;background:#0b090c;border:1px solid rgba(255,255,255,.12);z-index:2;transition:.3s ease; }
    .step.is-active::before { background:var(--pink);border-color:var(--pink);box-shadow:0 0 22px rgba(255,45,155,.7);transform:scale(1.15); }
    .step.is-active h3 { text-shadow:0 0 42px rgba(255,45,155,.09); }

    .demo-shell { position:relative; transform:perspective(1500px) rotateX(calc((.5 - var(--scene-p,.5))*3deg)) rotateY(calc((var(--scene-p,.5)-.5)*3deg)); }
    .demo-shell::after { content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.06) 47%,transparent 64%);transform:translateX(calc((var(--scene-p,.5) - .5)*160%));mix-blend-mode:screen; }
    #platform .value:nth-child(1){transform:translateY(calc((.5 - var(--scene-p,.5))*24px));}
    #platform .value:nth-child(2){transform:translateY(calc((.5 - var(--scene-p,.5))*-18px));}
    #platform .value:nth-child(3){transform:translateY(calc((.5 - var(--scene-p,.5))*30px));}
    .signal path { stroke-dasharray: 900; stroke-dashoffset: calc(900 - var(--signal-p, 0) * 900); }

    .network { position:relative; transform:perspective(1400px) rotateX(calc((.5 - var(--scene-p,.5))*2deg)) scale(calc(.97 + var(--scene-p,.5)*.03)); }
    .network::before { content:"BLACKROOM";position:absolute;left:-2%;bottom:-.19em;font-size:clamp(100px,14vw,220px);font-weight:800;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);white-space:nowrap;pointer-events:none; }
    .node-ring { transform:rotate(calc(var(--scene-p,.5)*60deg)) scale(calc(.88 + var(--scene-p,.5)*.12)); }
    .node-ring .node, .node-core { --counter: calc(var(--scene-p,.5)*-60deg); }
    .node.one { transform:translateX(-50%) rotate(var(--counter)); }
    .node.two { transform:translateY(-50%) rotate(var(--counter)); }
    .node.three { transform:translateX(-50%) rotate(var(--counter)); }
    .node.four { transform:translateY(-50%) rotate(var(--counter)); }
    .node-core { transform:translate(-50%,-50%) rotate(var(--counter)); }

    .faq details { position:relative; overflow:hidden; transition:background .3s ease; }
    .faq details::before { content:"";position:absolute;left:0;top:0;width:0;height:1px;background:var(--pink);box-shadow:0 0 16px rgba(255,45,155,.5);transition:width .45s cubic-bezier(.2,.8,.2,1); }
    .faq details[open]::before, .faq details:hover::before { width:100%; }
    .faq details[open] { background:linear-gradient(90deg,rgba(255,45,155,.035),transparent 60%); }
    .faq summary { transition:padding-left .35s ease,color .35s ease; }
    .faq details[open] summary { padding-left:16px;color:white; }
    .faq p { animation:faqIn .42s cubic-bezier(.2,.8,.2,1) both; }
    @keyframes faqIn { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }

    .btn { position:relative; overflow:hidden; }
    .btn::after { content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 46%,transparent 70%);transform:translateX(-130%);transition:transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none; }
    .btn:hover::after { transform:translateX(130%); }
    .magnetic { transform:translate3d(var(--mag-x,0),var(--mag-y,0),0); }

    .loaded .hero .eyebrow { animation:heroIn .75s .05s both cubic-bezier(.2,.8,.2,1); }
    .loaded .hero .display { animation:heroIn .95s .12s both cubic-bezier(.16,.85,.2,1); }
    .loaded .hero .lede { animation:heroIn .9s .22s both cubic-bezier(.2,.8,.2,1); }
    .loaded .hero .hero-actions { animation:heroIn .9s .31s both cubic-bezier(.2,.8,.2,1); }
    .loaded .hero .hero-note { animation:heroIn .9s .39s both cubic-bezier(.2,.8,.2,1); }
    .loaded .hero .hero-visual { animation:visualIn 1.2s .14s both cubic-bezier(.15,.8,.15,1); }
    @keyframes heroIn { from{opacity:0;transform:translateY(34px);clip-path:inset(0 0 100% 0)} to{opacity:1;transform:none;clip-path:inset(0)} }
    @keyframes visualIn { from{opacity:0;filter:blur(12px)} to{opacity:1;filter:none} }

    @media (pointer:fine) {
      .cursor-glow { display:block; }
      .price-card, .demo-shell, .network { transition:transform .15s ease-out; }
    }

    @media (max-width: 1024px) {
      :root { --page: min(100% - 36px, 940px); }
      .nav-links { display:none; }
      .hero-grid { grid-template-columns:1fr; }
      .hero { min-height:auto; padding-top:140px; }
      .hero .display { max-width:10ch; }
      .hero-visual { min-height:600px; }
      .orbit { width:min(620px, 82vw); }
      .product-window { width:min(540px, 74vw); }
      .workflow-layout { grid-template-columns:1fr; }
      .workflow-copy { position:relative; top:auto; }
      .demo-shell { grid-template-columns:220px 1fr; }
      .network { grid-template-columns:1fr; }
      .network-visual { border-left:0; border-top:1px solid var(--line-soft); }
    }


    @media (max-width: 760px) {
      .cursor-glow { display:none; }
      .ambient-orb { filter:blur(50px); opacity:.055; }
      .transition-band { height:190px; }
      .transition-word { font-size:clamp(54px,18vw,96px); }
      .transition-index.right { display:none; }
      .telemetry { transform:none; min-width:108px; padding:9px 10px; }
      .telemetry.t1 { right:-2px; top:10%; }
      .telemetry.t2 { left:0; bottom:9%; }
      .telemetry.t3 { display:none; }
      .scroll-cue { display:none; }
      .hero::before { font-size:31vw; bottom:3%; }
      .price-card { transform:none !important; }
      .pricing-grid::before { display:none; }
      .demo-shell, .network { transform:none !important; }
      .kinetic-word { font-size:28vw; opacity:.8; }
      .section::before { width:120vw;height:120vw; }
    }

    @media (max-width: 760px) {
      :root { --page: calc(100vw - 28px); --radius:20px; }
      .section { padding:88px 0; }
      .nav { min-height:44px; }
      .brand { min-width:0; }
      .wordmark { font-size:12px; letter-spacing:.12em; }
      .brand-mark { width:26px; }
      .nav-actions .btn { display:none; }
      .menu-btn { display:inline-flex; width:40px; height:40px; padding:0; border-radius:50%; border:1px solid var(--line); background:rgba(255,255,255,.02); position:relative; }
      .menu-btn::before, .menu-btn::after { content:""; position:absolute; left:12px; right:12px; height:1px; background:#cfc5cb; transition:transform .2s ease, top .2s ease; }
      .menu-btn::before { top:15px; }
      .menu-btn::after { top:22px; }
      .menu-btn.open::before { top:19px; transform:rotate(45deg); }
      .menu-btn.open::after { top:19px; transform:rotate(-45deg); }
      .mobile-menu { position:fixed; z-index:45; inset:72px 14px auto; border:1px solid var(--line); background:rgba(8,7,9,.96); backdrop-filter:blur(18px); border-radius:20px; padding:14px; display:none; box-shadow:0 30px 80px rgba(0,0,0,.45); }
      .mobile-menu.open { display:block; }
      .mobile-menu a { display:block; padding:14px 12px; color:#c7bdc3; border-radius:12px; }
      .mobile-menu a:hover { background:rgba(255,255,255,.03); }
      .display { font-size:clamp(46px, 12.5vw, 62px); }
      .h2 { font-size:clamp(40px, 12vw, 60px); }
      .lede { font-size:18px; }
      .hero { padding-top:130px; }
      .hero-grid { gap:44px; }
      .hero-actions { flex-direction:column; align-items:stretch; }
      .hero-actions .btn { width:100%; }
      .hero-visual { min-height:470px; margin-inline:-12px; }
      .orbit { width:430px; max-width:110vw; }
      .product-window { width:min(410px, 92vw); transform:none !important; }
      .product-main { grid-template-columns:92px 1fr; min-height:360px; }
      .product-side { padding:12px 8px; }
      .side-item { padding:0 6px; font-size:9px; }
      .product-content { padding:16px; }
      .mock-grid { grid-template-columns:1fr; }
      .mock-card.wide { grid-column:auto; }
      .section-head { align-items:start; flex-direction:column; margin-bottom:44px; }
      .pricing-grid { grid-template-columns:1fr; }
      .price-card { min-height:400px; }
      .price { margin-top:54px; }
      .calculator { grid-template-columns:1fr; padding:24px 20px; }
      .calc-result { padding-top:20px; border-top:1px solid var(--line-soft); }
      .demo-shell { grid-template-columns:1fr; min-height:0; }
      .demo-nav { border-right:0; border-bottom:1px solid var(--line-soft); padding:18px 14px 14px; }
      .demo-brand { margin-bottom:14px; }
      .demo-tabs { flex-direction:row; overflow:auto; scrollbar-width:none; }
      .demo-tabs::-webkit-scrollbar { display:none; }
      .demo-tab { min-width:120px; flex:0 0 auto; }
      .demo-tab em { display:none; }
      .demo-note { display:none; }
      .demo-stage { padding:24px 16px 26px; }
      .demo-stage-head { align-items:start; }
      .demo-stage h3 { font-size:28px; }
      .field-grid { grid-template-columns:1fr; }
      .field.wide { grid-column:auto; }
      .value-grid { grid-template-columns:1fr; margin-top:44px; }
      .value { min-height:260px; }
      .value h3 { margin-top:50px; max-width:13ch; }
      .network { border-radius:26px; }
      .network-copy { padding:38px 24px; }
      .network-copy h2 { max-width:10ch; }
      .network-visual { min-height:430px; }
      .node-ring { width:290px; }
      .node { width:90px; min-height:52px; font-size:9px; }
      .node.two { right:-26px; }
      .node.four { left:-26px; }
      .footer-top { align-items:flex-start; flex-direction:column; }
      .footer-nav { flex-wrap:wrap; }
      .footer-bottom { flex-direction:column; }
      .hero-edge { display:none; }
    }

    @media (prefers-reduced-motion: reduce) {
      .intro { display:none !important; }
      html { scroll-behavior:auto; }
      *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
      .ticker-track { transform:none !important; }
    }
  

/* Release fix: animated section stacking had put the navigation behind the page. */
.nav-wrap { position: fixed; inset: 0 0 auto; z-index: 160; }
.mobile-menu { z-index: 150; }
.h2 .accent, .network h2 .accent { color: var(--pink); }

/* Native, no-JS language navigation, also works on file:// after extraction. */
.language-menu { position: relative; z-index: 210; border: 0; flex: none; }
.language-menu > summary.language-trigger {
  list-style: none; margin: 0; padding: 9px 11px 9px 15px; gap: 8px;
  min-height: 40px; min-width: 66px; display: flex; align-items: center;
  justify-content: space-between; color: #f1e8ee; font-size: 12px;
  font-weight: 700; letter-spacing: .09em; border: 1px solid rgba(255,255,255,.18);
  border-radius: 99px; background: rgba(16,12,16,.92); cursor: pointer;
  transition: border-color .25s ease, background .25s ease;
}
.language-menu > summary.language-trigger::-webkit-details-marker { display: none; }
.language-menu > summary.language-trigger:hover { border-color: rgba(255,45,155,.65); background: rgba(255,45,155,.08); }
.language-menu > summary.language-trigger::after { content: ''; display: block; width: 5px; height: 5px;
  border-bottom: 1.5px solid var(--pink-2); border-right: 1.5px solid var(--pink-2);
  transform: translateY(-2px) rotate(45deg); transition: transform .2s ease;
}
.language-menu[open] > summary.language-trigger::after { transform: translateY(2px) rotate(225deg); }
.language-popover {
  position: absolute; z-index: 250; top: calc(100% + 9px); right: 0; width: 206px;
  display: flex; flex-direction: column; gap: 3px; padding: 9px;
  border: 1px solid rgba(255,255,255,.15); border-radius: 18px;
  background: #110c12; box-shadow: 0 28px 65px rgba(0,0,0,.66);
  backdrop-filter: blur(16px);
}
.language-popover a { display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 12px; border-radius: 10px; color: #c7b9c4; font-size: 13px;
  line-height: 1.2; text-align: start; transition: color .2s ease, background .2s ease;
}
.language-popover a small { color: #7c6c75; font-size: 10px; }
.language-popover a:hover, .language-popover a[aria-current="page"] { color: white; background: rgba(255,45,155,.12); }
.language-popover a[aria-current="page"] small { color: var(--pink-2); }
.language-menu:focus-within { z-index: 260; }

/* Proper bidi/isolation for prices and Latin brand names in Hebrew. */
html[dir="rtl"] body { font-family: Arial, "Noto Sans Hebrew", "Segoe UI", sans-serif; }
html[dir="rtl"] .language-popover { right: auto; left: 0; }
html[dir="rtl"] .product-side, html[dir="rtl"] .demo-nav { border-right: 0; border-left: 1px solid var(--line-soft); }
html[dir="rtl"] .calc-box { border-left: 0; border-right: 1px solid var(--line); padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .network-visual { border-left: 0; border-right: 1px solid var(--line-soft); }
html[dir="rtl"] .faq { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .faq details::before { left: auto; right: 0; }
html[dir="rtl"] .faq details[open] summary { padding-left: 0; padding-right: 16px; }
html[dir="rtl"] .steps::before, html[dir="rtl"] .steps::after { left: auto; right: 27px; }
html[dir="rtl"] .step::before { left: auto; right: 22px; }
html[dir="rtl"] .step.is-active { transform: translateX(-6px); }
html[dir="rtl"] .hero-edge { left: auto; right: 24px; }
html[dir="rtl"] .motion-progress { transform-origin: 100% 50%; }
html[dir="rtl"] .price, html[dir="rtl"] .calc-box strong, html[dir="rtl"] .mock-value,
html[dir="rtl"] .cost-row b, html[dir="rtl"] .telemetry strong { direction:ltr; unicode-bidi:isolate; }
html[dir="rtl"] .cost-row b { text-align: left; }
html[dir="rtl"] .hero-actions svg { transform: scaleX(-1); }
html[dir="rtl"] .ticker-track { animation-direction: reverse; }
html[dir="rtl"] .price sup { margin-right: 0; margin-left: 2px; }
html[dir="rtl"] .intro-word, html[dir="rtl"] .wordmark { direction:ltr; unicode-bidi:isolate; }
html[dir="rtl"] bdi[dir="ltr"] { unicode-bidi:isolate; }

@media (max-width: 760px) {
  .language-popover { width: 188px; }
  .nav-actions { gap: 7px; }
  html[dir="rtl"] .network-visual { border-right: 0; border-top: 1px solid var(--line-soft); }
  html[dir="rtl"] .demo-nav { border-left: 0; border-bottom: 1px solid var(--line-soft); }
  html[dir="rtl"] .calc-box { border-right: 0; padding-right: 0; padding-left: 0; }
  html[dir="rtl"] .hero-edge { display: none; }
}

/* SEO release: readable without JS; shared layout for all six locales. */
:root {scroll-padding-top:105px}
*, *::before, *::after {box-sizing:border-box}
html {scroll-behavior:smooth}
body {line-height:1.6}
[hidden] {display:none!important}
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible {outline:3px solid #ff75bc;outline-offset:5px}
.reveal,.hero .reveal,.loaded .hero .reveal {opacity:1!important;transform:none!important;animation:none!important}
.hero .display,.loaded .hero .display,.hero .lede,.hero .hero-actions,.hero .hero-note,.hero .hero-visual,.hero .eyebrow {animation:none!important;opacity:1!important;transform:none!important}
.hero .display {font-size:clamp(40px,5.3vw,78px);line-height:1.05;letter-spacing:-.045em;max-width:16ch;overflow-wrap:anywhere}
.hero .lede {max-width:62ch;font-size:18px;line-height:1.65}
.hero {min-height:auto;padding-top:160px;padding-bottom:70px}
.hero-grid {align-items:center;gap:42px}
.hero-grid>*,.section-head>*,.article-layout>*,.calc-fields>*,.result-cards>* {min-width:0}
.section {padding:85px 0}
.h2 {font-size:clamp(32px,4vw,56px);line-height:1.12;max-width:22ch;overflow-wrap:anywhere}
.section-head .lede {line-height:1.65}
.hero-visual {margin-top:20px}
.hero-visual .orbit {animation:none}
.hero-visual .concept-label {position:relative;z-index:4;margin-top:24px;background:#100c12;border:1px solid #3d2634;padding:12px 16px;border-radius:12px;color:#d2c8d0;font-size:13px;line-height:1.65}
.concept-label,.terms-note {color:#c7bdc5;font-size:14px;line-height:1.7}
.terms-note {margin-top:24px;border-inline-start:3px solid var(--pink);padding-inline-start:18px;max-width:85ch}
.terms-note a,.prose a,.source-list a,.breadcrumbs a {color:#ff9bce;text-decoration:underline;text-underline-offset:4px}
.motion-section .kinetic-word {display:none}
.ambient-orb,.hero-scan,.pulse,.live-pill i,.ticker-track,.node-ring,.orbit,.brand-mark::before {animation:none!important}
.ambient-layer {opacity:.4}
.nav-links {gap:22px}
.nav-links a {font-size:13px;white-space:nowrap}
.nav-actions .btn {font-size:12px;padding:12px 17px}
.mobile-menu {display:none}
.js .mobile-menu.open {display:flex;visibility:visible;opacity:1;pointer-events:auto;transform:none}
.demo-panel {display:block;margin-top:14px}
.js .demo-panel {display:none}
.js .demo-panel.active {display:block}
.demo-tab {min-height:44px}
.demo-note {font-size:13px;line-height:1.6}
.demo-shell {transform:none!important}
.step {opacity:1;transform:none}
.skip-link {z-index:500}
.footer-nav {flex-wrap:wrap}
.footer-bottom {gap:20px}
.page-content {padding:140px 0 80px}
.breadcrumbs {display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0 0 30px;font-size:13px;color:#b9aeb7;line-height:1.7}
.breadcrumbs li+li::before {content:'/';margin-inline-end:9px;color:#786b75}
.page-header {max-width:1040px;margin-bottom:40px}
.page-header h1 {font-size:clamp(36px,5vw,68px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere;margin:18px 0 24px}
.page-header .lead {font-size:20px;line-height:1.7;color:#c7bdc5;max-width:77ch}
.page-meta {font-size:12px;letter-spacing:.06em;color:#a99fa7;margin-top:18px}
.article-layout {display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:start}
.prose {font-size:17px;line-height:1.85;max-width:82ch}
.prose section {margin-bottom:40px;scroll-margin-top:110px}
.prose h2 {font-size:28px;line-height:1.25;letter-spacing:-.02em;margin:0 0 19px;overflow-wrap:anywhere}
.prose p {margin:0 0 18px;color:#c7bdc5}
.prose ul,.prose ol {padding-inline-start:24px;margin:18px 0;color:#c7bdc5}
.prose li {padding-inline-start:4px;margin-bottom:12px}
.prose strong {color:var(--text)}
.toc {position:sticky;top:115px;border:1px solid #35242e;border-radius:16px;padding:22px;background:#100b0f;font-size:13px}
.toc strong {display:block;margin-bottom:12px}
.toc ol {margin:0;padding-inline-start:18px;color:#c7bdc5}
.toc li {padding-bottom:10px;line-height:1.6}
.toc a {color:inherit;text-decoration:none}
.toc a:hover {color:#ff9bce}
.guides-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}
.guide-card {border:1px solid #3b2834;border-radius:18px;background:linear-gradient(150deg,#1c1019,#0e0a0d);padding:27px;display:flex;flex-direction:column;gap:14px;min-width:0}
.guide-card h3,.guide-card h2 {font-size:22px;line-height:1.3;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere;max-width:none}
.guide-card p {font-size:14px;line-height:1.75;color:#bfb3bd;margin:0}
.guide-card a {color:#ff9bce;font-size:14px;font-weight:700;margin-top:auto;text-decoration:underline;text-underline-offset:4px}
.home-intro {padding-top:50px}
.home-intro .prose {max-width:95ch;margin-top:24px}
.contact-panel {padding:34px;border:1px solid #49303e;background:#160e14;border-radius:20px;margin:48px 0 0;display:flex;gap:30px;align-items:center;justify-content:space-between}
.contact-panel h2 {font-size:28px;line-height:1.2;margin:0 0 14px}
.contact-panel p {font-size:15px;line-height:1.7;max-width:65ch;color:#c7bdc5;margin:0}
.contact-panel .btn {flex-shrink:0}
.related-section {margin-top:65px;padding-top:35px;border-top:1px solid #32232d}
.related-section>h2 {font-size:28px;line-height:1.3}
.source-list {font-size:14px;margin-top:40px;padding:24px;border:1px solid #36252f;border-radius:14px;overflow-wrap:anywhere}
.source-list h2 {font-size:20px;margin:0 0 12px}
.source-list ul {padding-inline-start:20px;margin:0}
.source-list li {margin:8px 0}
.page-faq {margin-top:45px}
.page-faq h2 {font-size:28px}
.page-faq .faq p {line-height:1.8}
.cost-calculator {margin:30px 0 48px;border:1px solid #593047;background:linear-gradient(135deg,#26101e,#100b0f);padding:30px;border-radius:22px}
.cost-calculator h2 {font-size:29px;line-height:1.25;margin:0 0 18px}
.cost-calculator p {font-size:15px;line-height:1.75;color:#c7bdc5;max-width:90ch}
.calc-fields {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}
.calc-fields label {font-size:13px;font-weight:600;color:#e8dfe5;display:flex;flex-direction:column;gap:8px;justify-content:space-between}
.calc-fields input {width:100%;min-width:0;border:1px solid #6b4058;border-radius:10px;background:#0b080a;color:#fff;padding:13px;font:inherit;font-size:18px}
.calc-fields input[aria-invalid=true] {border-color:#ff778b}
.result-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.result-card {padding:24px;background:#0c080b;border:1px solid #38242f;border-radius:15px;min-width:0}
.result-card h3 {font-size:18px;margin:0 0 18px;color:#ff9bce}
.result-card dl {margin:0;display:grid;gap:14px}
.result-card dl>div {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #33202b;padding-top:12px}
.result-card dt {font-size:14px;color:#c7bdc5}
.result-card dd {margin:0;font-size:19px;font-weight:700}
.result-card output {unicode-bidi:plaintext}
.calc-error {color:#ffb7c7!important;font-weight:600}
.preview-banner {background:#4e1535;color:#fff;padding:10px 18px;text-align:center;font-size:13px;position:relative;z-index:180}
body:has(.preview-banner) .nav-wrap {top:44px}
.print-btn {font:inherit;font-size:13px;background:none;border:1px solid #593047;color:#ffc6e3;padding:8px 15px;border-radius:8px;cursor:pointer;margin-top:12px}
html:not(.js) .print-btn {display:none}
[dir=rtl] .breadcrumbs,[dir=rtl] .prose,[dir=rtl] .page-header,[dir=rtl] .toc,[dir=rtl] .guide-card {text-align:start}
[dir=rtl] .page-header h1,[dir=rtl] .hero .display {letter-spacing:0;line-height:1.2}
[dir=rtl] .cost-calculator input {direction:ltr;text-align:right}
@media(max-width:1160px){.nav-links{gap:15px}.nav-actions{gap:12px}.nav-actions .btn{display:none}.hero .display{font-size:clamp(39px,5.5vw,66px)}}
@media(max-width:980px){.article-layout{grid-template-columns:1fr;gap:28px}.toc{position:static;grid-row:1}.toc ol{columns:2}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:125px}.hero .display{max-width:21ch;font-size:clamp(42px,7vw,70px)}.hero-grid{gap:20px}.hero-visual{max-width:630px;width:100%;margin:20px auto 0}.hero-visual .concept-label{margin-top:25px}.contact-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.section{padding:56px 0}.page-content{padding-top:115px}.page-header h1{font-size:clamp(34px,7.5vw,52px)}.page-header .lead{font-size:18px}.page-header{margin-bottom:28px}.prose{font-size:16px}.prose h2{font-size:25px}.guides-grid{grid-template-columns:1fr}.calc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-calculator{padding:22px 18px}.result-cards{grid-template-columns:1fr}.toc ol{columns:1}.nav{width:calc(100% - 28px);gap:10px}.nav-actions{gap:12px}.nav .brand-mark{width:29px;height:29px}.nav .wordmark{font-size:16px}.language-trigger{min-width:44px}.hero .display{font-size:clamp(34px,8.4vw,53px);line-height:1.1;max-width:19ch}.hero{padding-top:115px}.hero .lede{font-size:17px}.hero-actions{gap:12px}.hero-actions .btn{min-height:46px;white-space:normal;text-align:center}.product-window{width:100%;transform:none!important}.telemetry,.orbit-label{display:none}.hero-visual{padding:0;min-height:0}.hero-visual .concept-label{margin-top:18px}.network{padding:28px 22px}.contact-panel{padding:26px 20px}.section-head{gap:24px}.h2{font-size:36px}.pricing-grid{gap:18px}.price-card{padding:28px 24px}.hero-note{font-size:13px}.footer-nav{gap:16px}.footer-bottom{font-size:11px}.brand{flex-shrink:0}.js .mobile-menu.open{position:fixed;top:80px;inset-inline:14px;max-height:calc(100vh - 100px);overflow:auto;background:#120a10;padding:20px;border:1px solid #593047;border-radius:16px;flex-direction:column;gap:18px}.mobile-menu a{font-size:16px}.menu-btn{display:block}html:not(.js) .mobile-menu{display:flex;position:relative;top:auto;inset:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto;flex-wrap:wrap;gap:15px;padding:100px 20px 12px}html:not(.js) .hero,html:not(.js) .page-content{padding-top:32px}html:not(.js) .menu-btn{display:none}.page-meta{letter-spacing:0}.preview-banner{font-size:11px}body:has(.preview-banner) .nav-wrap{top:55px}}
@media(max-width:370px){.nav .wordmark{font-size:14px}.nav .brand-mark{display:none}.nav-actions{gap:8px}.calc-fields{grid-template-columns:1fr}.hero .display{font-size:34px}.hero-actions .btn{width:100%}.product-side{display:none}.mock-card{padding:13px}.h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{color:#000;background:#fff}.nav-wrap,.mobile-menu,.ambient-layer,.footer,.contact-panel,.related-section,.print-btn,.hero-visual,.toc{display:none!important}.page-content,.section{padding:0}.shell{width:100%}.article-layout{display:block}.prose,.prose p,.prose li,.page-header .lead{color:#222}.prose a{color:#000}.page-header h1{font-size:30pt}.prose h2{break-after:avoid}.prose section{break-inside:avoid}.source-list{border:1px solid #999}.page-meta{color:#333}}