:root {
      --ink: #171813;
      --ink-2: #23251f;
      --paper: #f4f1e8;
      --paper-2: #e9e5da;
      --white: #fffef9;
      --blue: #2457ff;
      --blue-dark: #1539bb;
      --acid: #d8ff43;
      --orange: #ff6737;
      --green: #24b778;
      --muted: #696b62;
      --line: rgba(23, 24, 19, .16);
      --soft-line: rgba(255, 255, 255, .15);
      --shadow: 0 32px 80px rgba(23, 24, 19, .16);
      --page: min(1480px, calc(100% - 56px));
      --font-text: "Inter", Arial, Helvetica, sans-serif;
      --font-display: "Manrope", "Inter", Arial, Helvetica, sans-serif;
    }

    * { box-sizing: border-box; }
    html { max-width: 100%; scroll-behavior: smooth; overflow-x: hidden; }
    body {
      max-width: 100%;
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: var(--font-text);
      -webkit-font-smoothing: antialiased;
      overflow-x: clip;
    }
    h1, h2, h3, h4, h5, .brand-copy strong { font-family: var(--font-display); }
    body.menu-open { overflow: hidden; }
    a { color: inherit; text-decoration: none; }
    button, input, textarea { font: inherit; }
    button { color: inherit; }
    img, svg { display: block; }
    ::selection { color: var(--ink); background: var(--acid); }

    .skip-link {
      position: fixed;
      left: 16px;
      top: -60px;
      z-index: 200;
      padding: 12px 16px;
      color: white;
      background: var(--blue);
    }
    .skip-link:focus { top: 16px; }

    .topbar {
      position: sticky;
      top: 0;
      z-index: 80;
      background: rgba(244, 241, 232, .92);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(18px);
    }
    .topbar-inner {
      width: var(--page);
      height: 86px;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      flex: none;
    }
    .brand-mark {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      color: var(--acid);
      background: var(--ink);
      border-radius: 50%;
      font-size: 20px;
      font-weight: 900;
      letter-spacing: -.06em;
    }
    .brand-copy strong {
      display: block;
      font-size: 19px;
      line-height: 1;
      letter-spacing: .05em;
    }
    .brand-copy small {
      display: block;
      margin-top: 4px;
      font-size: 7px;
      font-weight: 800;
      letter-spacing: .2em;
    }
    .desktop-nav {
      display: flex;
      align-items: center;
      gap: 34px;
      font-size: 12px;
      font-weight: 800;
    }
    .desktop-nav a {
      position: relative;
      padding: 8px 0;
    }
    .desktop-nav a::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 2px;
      background: var(--blue);
      transform: scaleX(0);
      transform-origin: right;
      transition: transform .25s ease;
    }
    .desktop-nav a:hover::after {
      transform: scaleX(1);
      transform-origin: left;
    }
    .topbar-cta {
      display: inline-flex;
      align-items: center;
      gap: 18px;
      padding: 13px 18px;
      color: white;
      background: var(--ink);
      border-radius: 3px;
      font-size: 12px;
      font-weight: 800;
      transition: transform .2s ease, background .2s ease;
    }
    .topbar-cta:hover { background: var(--blue); transform: translateY(-2px); }
    .menu-button {
      display: none;
      width: 44px;
      height: 44px;
      border: 1px solid var(--line);
      background: transparent;
      cursor: pointer;
    }
    .menu-button span,
    .menu-button::before,
    .menu-button::after {
      content: "";
      display: block;
      width: 19px;
      height: 2px;
      margin: 4px auto;
      background: var(--ink);
      transition: .2s ease;
    }
    .menu-button.active span { opacity: 0; }
    .menu-button.active::before { transform: translateY(6px) rotate(45deg); }
    .menu-button.active::after { transform: translateY(-6px) rotate(-45deg); }
    .mobile-nav {
      display: none;
      position: fixed;
      inset: 86px 0 0;
      z-index: 75;
      padding: 36px 28px;
      color: white;
      background: var(--ink);
    }
    .mobile-nav.active { display: flex; flex-direction: column; }
    .mobile-nav a {
      padding: 18px 0;
      border-bottom: 1px solid var(--soft-line);
      font-size: 30px;
      font-weight: 800;
      letter-spacing: -.04em;
    }
    .mobile-nav a:last-child { color: var(--acid); }

    .hero {
      width: var(--page);
      min-height: calc(100vh - 86px);
      margin: auto;
      display: grid;
      grid-template-columns: minmax(620px, .92fr) minmax(560px, 1.08fr);
      align-items: center;
      gap: 48px;
      padding: 58px 0 72px;
    }
    .hero-copy,
    .product-scene { min-width: 0; }
    .kicker {
      display: flex;
      align-items: center;
      gap: 11px;
      margin: 0;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    .kicker-dot {
      width: 9px;
      height: 9px;
      background: var(--blue);
      border-radius: 50%;
      box-shadow: 0 0 0 5px rgba(36, 87, 255, .12);
    }
    h1 {
      max-width: 700px;
      margin: 29px 0 30px;
      font-size: clamp(56px, 4.75vw, 90px);
      line-height: .93;
      letter-spacing: -.064em;
      font-weight: 800;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: manual;
    }
    h1 em { color: var(--blue); font-style: normal; }
    .hero-lead {
      max-width: 590px;
      margin: 0;
      color: #55574f;
      font-size: 18px;
      line-height: 1.55;
    }
    .hero-actions {
      display: flex;
      align-items: center;
      gap: 28px;
      margin-top: 36px;
    }
    .hero-price-link {
      max-width: 560px;
      display: grid;
      grid-template-columns: auto auto minmax(0, 1fr);
      align-items: center;
      gap: 16px;
      margin-top: 28px;
      padding: 14px 16px;
      background: rgba(255,255,255,.58);
      border: 1px solid var(--line);
      border-left: 4px solid var(--acid);
      transition: transform .2s ease, border-color .2s ease, background .2s ease;
    }
    .hero-price-link:hover,
    .hero-price-link:focus-visible {
      background: var(--white);
      border-color: rgba(36,87,255,.38);
      transform: translateY(-2px);
      outline: none;
    }
    .hero-price-link span {
      font-size: 8px;
      font-weight: 900;
      letter-spacing: .12em;
    }
    .hero-price-link strong {
      font-family: var(--font-display);
      font-size: 22px;
      letter-spacing: -.04em;
      white-space: nowrap;
    }
    .hero-price-link small {
      color: var(--blue);
      font-size: 9px;
      font-weight: 900;
      text-align: right;
    }
    .button-primary,
    .button-light,
    .button-acid {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      min-height: 54px;
      padding: 0 19px;
      border: 0;
      border-radius: 3px;
      cursor: pointer;
      font-size: 12px;
      font-weight: 900;
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .button-primary {
      min-width: 210px;
      color: white;
      background: var(--blue);
    }
    .button-primary:hover,
    .button-light:hover,
    .button-acid:hover {
      transform: translateY(-3px);
      box-shadow: 0 14px 30px rgba(23, 24, 19, .16);
    }
    .button-primary b { font-size: 18px; }
    .button-light { color: var(--ink); background: white; }
    .button-acid { color: var(--ink); background: var(--acid); }
    .link-arrow {
      display: inline-flex;
      align-items: center;
      gap: 13px;
      padding-bottom: 5px;
      border-bottom: 1px solid;
      font-size: 12px;
      font-weight: 900;
    }
    .hero-proof {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 17px;
      max-width: 600px;
      margin-top: 61px;
      padding-top: 19px;
      border-top: 1px solid var(--line);
    }
    .proof-item { display: flex; gap: 10px; align-items: flex-start; }
    .proof-item b { color: var(--blue); font-size: 10px; }
    .proof-item span { font-size: 10px; line-height: 1.42; font-weight: 800; }

    .product-scene {
      position: relative;
      min-height: 680px;
      padding: 76px 27px 27px;
      overflow: hidden;
      color: white;
      background: var(--ink);
      border-radius: 4px;
      box-shadow: var(--shadow);
    }
    .product-scene::before {
      content: "";
      position: absolute;
      top: -190px;
      right: -100px;
      width: 520px;
      height: 520px;
      background: rgba(216, 255, 67, .17);
      border-radius: 50%;
      filter: blur(90px);
    }
    .scene-meta {
      position: absolute;
      top: 27px;
      right: 28px;
      left: 28px;
      display: flex;
      justify-content: space-between;
      color: #b9bbb2;
      font-size: 8px;
      font-weight: 800;
      letter-spacing: .16em;
    }
    .scene-meta span:first-child { color: var(--acid); }
    .app-window {
      position: relative;
      height: 552px;
      display: grid;
      grid-template-columns: 57px 1fr;
      overflow: hidden;
      color: var(--ink);
      background: #f8f8f2;
      border-radius: 5px;
    }
    .app-rail {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
      padding: 17px 0;
      color: #7e8178;
      background: #10120f;
    }
    .rail-logo {
      margin-bottom: 17px;
      color: var(--acid);
      font-size: 17px;
      font-weight: 900;
    }
    .rail-icon {
      width: 29px;
      height: 29px;
      display: grid;
      place-items: center;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 900;
    }
    .rail-icon.active { color: var(--ink); background: var(--acid); }
    .rail-user {
      width: 29px;
      height: 29px;
      display: grid;
      place-items: center;
      margin-top: auto;
      color: white;
      background: #34372f;
      border-radius: 50%;
      font-size: 8px;
      font-weight: 800;
    }
    .app-content { min-width: 0; padding: 28px 27px; }
    .app-heading {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }
    .app-heading small {
      color: #83867c;
      font-size: 7px;
      font-weight: 900;
      letter-spacing: .16em;
    }
    .app-heading h2 { margin: 5px 0 0; font-size: 25px; letter-spacing: -.045em; }
    .app-heading button {
      padding: 11px 13px;
      color: white;
      background: var(--blue);
      border: 0;
      border-radius: 3px;
      font-size: 9px;
      font-weight: 900;
    }
    .mini-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 24px;
    }
    .mini-metric {
      min-width: 0;
      padding: 14px;
      background: white;
      border: 1px solid #dedfd7;
    }
    .mini-metric span,
    .mini-metric small {
      display: block;
      overflow: hidden;
      color: #85887e;
      font-size: 7px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .mini-metric strong { display: block; margin: 8px 0; font-size: 25px; }
    .production-card {
      margin-top: 13px;
      background: white;
      border: 1px solid #dedfd7;
    }
    .production-head {
      display: flex;
      justify-content: space-between;
      padding: 14px;
      border-bottom: 1px solid #e7e7e0;
      font-size: 9px;
    }
    .production-head span { color: #86897f; }
    .production-row {
      display: grid;
      grid-template-columns: 8px minmax(115px, 1fr) minmax(90px, 1.15fr) 31px;
      align-items: center;
      gap: 11px;
      padding: 15px 14px;
      border-bottom: 1px solid #eeeeea;
    }
    .production-row:last-child { border: 0; }
    .state-dot { width: 7px; height: 7px; background: var(--blue); border-radius: 50%; }
    .state-dot.orange { background: #f0a62c; }
    .state-dot.green { background: var(--green); }
    .production-row strong,
    .production-row small { display: block; }
    .production-row strong { overflow: hidden; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
    .production-row small { margin-top: 4px; color: #85887e; font-size: 7px; }
    .progress { height: 4px; overflow: hidden; background: #e9e9e3; }
    .progress i { display: block; height: 100%; background: var(--blue); }
    .production-row > b { font-size: 9px; }
    .scene-float {
      position: absolute;
      right: 10px;
      bottom: 17px;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 15px 20px;
      color: var(--ink);
      background: var(--acid);
      box-shadow: 0 20px 40px rgba(0, 0, 0, .3);
      transform: rotate(-2deg);
    }
    .scene-float > b {
      width: 29px;
      height: 29px;
      display: grid;
      place-items: center;
      color: var(--acid);
      background: var(--ink);
      border-radius: 50%;
    }
    .scene-float small,
    .scene-float strong { display: block; }
    .scene-float small { font-size: 7px; font-weight: 900; letter-spacing: .12em; }
    .scene-float strong { margin-top: 4px; font-size: 12px; }

    .flow-strip {
      min-height: 92px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(20px, 3vw, 52px);
      padding: 18px 30px;
      color: white;
      background: var(--blue);
      overflow: hidden;
    }
    .flow-strip span {
      flex: none;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .12em;
    }
    .flow-strip b { color: var(--acid); font-size: 18px; }

    .section { width: var(--page); margin: auto; padding: 122px 0; }
    .section-head {
      display: grid;
      grid-template-columns: .72fr 1.28fr;
      gap: 40px;
      margin-bottom: 58px;
    }
    .section-index {
      display: flex;
      align-items: flex-start;
      gap: 13px;
      padding-top: 8px;
      color: var(--muted);
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    .section-index b { color: var(--blue); }
    .section-title {
      max-width: 900px;
      margin: 0;
      font-size: clamp(43px, 5.1vw, 80px);
      line-height: .96;
      letter-spacing: -.058em;
      font-weight: 800;
    }
    .section-title em { color: var(--blue); font-style: normal; }

    .logic-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      border-top: 1px solid var(--line);
      border-left: 1px solid var(--line);
    }
    .logic-card {
      position: relative;
      min-height: 260px;
      padding: 23px 20px;
      background: rgba(255, 254, 249, .36);
      border-right: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      transition: background .25s ease, transform .25s ease;
    }
    .logic-card:hover {
      z-index: 2;
      background: var(--white);
      transform: translateY(-8px);
      box-shadow: 0 18px 45px rgba(23, 24, 19, .1);
    }
    .logic-no { color: var(--blue); font-size: 9px; font-weight: 900; }
    .logic-icon {
      width: 37px;
      height: 37px;
      display: grid;
      place-items: center;
      margin-top: 31px;
      color: var(--ink);
      background: var(--acid);
      border-radius: 50%;
      font-size: 16px;
      font-weight: 900;
    }
    .logic-card h3 { margin: 20px 0 10px; font-size: 17px; letter-spacing: -.03em; }
    .logic-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }

    .demo-section {
      padding: 120px 0;
      color: white;
      background: var(--ink);
      overflow: hidden;
    }
    .demo-wrap { width: var(--page); margin: auto; }
    .demo-section .section-head { margin-bottom: 48px; }
    .demo-section .section-index { color: #a3a59d; }
    .demo-section .section-title em { color: var(--acid); }
    .demo-shell {
      display: grid;
      grid-template-columns: 205px minmax(0, 1fr);
      min-height: 650px;
      color: var(--ink);
      background: #f7f7f1;
      border-radius: 5px;
      box-shadow: 0 34px 90px rgba(0, 0, 0, .38);
      overflow: hidden;
    }
    .demo-sidebar {
      padding: 25px 18px;
      color: white;
      background: #0e100d;
    }
    .demo-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 40px; }
    .demo-logo .brand-mark { width: 34px; height: 34px; font-size: 16px; }
    .demo-logo strong { font-size: 15px; }
    .demo-logo small { display: block; margin-top: 3px; color: #8d9087; font-size: 7px; }
    .demo-nav-label { margin: 25px 10px 9px; color: #6f726a; font-size: 7px; font-weight: 900; letter-spacing: .17em; }
    .demo-nav-button {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 11px 10px;
      color: #aeb1a8;
      background: transparent;
      border: 0;
      border-radius: 3px;
      cursor: pointer;
      text-align: left;
      font-size: 10px;
      font-weight: 700;
    }
    .demo-nav-button:hover { color: white; }
    .demo-nav-button.active { color: var(--ink); background: var(--acid); }
    .demo-nav-button i {
      width: 22px;
      height: 22px;
      display: grid;
      place-items: center;
      border: 1px solid currentColor;
      border-radius: 3px;
      font-size: 9px;
      font-style: normal;
    }
    .demo-user {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 55px;
      padding: 14px 8px 0;
      border-top: 1px solid #292c27;
    }
    .demo-user b {
      width: 29px;
      height: 29px;
      display: grid;
      place-items: center;
      background: #33362f;
      border-radius: 50%;
      font-size: 8px;
    }
    .demo-user strong { display: block; font-size: 9px; }
    .demo-user small { display: block; margin-top: 3px; color: #7f8279; font-size: 7px; }
    .demo-main { min-width: 0; padding: 31px; }
    .demo-top {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 22px;
      padding-bottom: 22px;
      border-bottom: 1px solid #dadbd3;
    }
    .demo-top small {
      display: block;
      color: #85887e;
      font-size: 7px;
      font-weight: 900;
      letter-spacing: .15em;
    }
    .demo-top h3 { margin: 6px 0 0; font-size: 27px; letter-spacing: -.04em; }
    .demo-top-actions { display: flex; gap: 8px; }
    .icon-button {
      min-width: 38px;
      height: 38px;
      padding: 0 12px;
      background: white;
      border: 1px solid #d9dad2;
      border-radius: 3px;
      cursor: pointer;
      font-size: 9px;
      font-weight: 900;
    }
    .icon-button.blue { color: white; background: var(--blue); border-color: var(--blue); }
    .demo-view { display: none; padding-top: 20px; }
    .demo-view.active { display: block; animation: reveal .3s ease; }
    @keyframes reveal {
      from { opacity: 0; transform: translateY(7px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .demo-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .demo-metric {
      min-width: 0;
      padding: 15px;
      background: white;
      border: 1px solid #ddded6;
    }
    .demo-metric > span { color: #7d8077; font-size: 8px; }
    .demo-metric strong { display: block; margin: 10px 0 8px; font-size: 23px; letter-spacing: -.04em; }
    .demo-metric small { display: block; color: #91948a; font-size: 7px; line-height: 1.4; }
    .positive { color: #119761 !important; }
    .warning { color: #d56f18 !important; }
    .demo-grid {
      display: grid;
      grid-template-columns: 1.35fr .65fr;
      gap: 11px;
      margin-top: 11px;
    }
    .demo-panel { min-width: 0; background: white; border: 1px solid #ddded6; }
    .demo-panel-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 46px;
      padding: 0 14px;
      border-bottom: 1px solid #e8e8e2;
    }
    .demo-panel-head strong { font-size: 10px; }
    .demo-panel-head button,
    .demo-panel-head span { color: #777a71; background: none; border: 0; font-size: 7px; }
    .stage-list { padding: 3px 14px; }
    .stage-row {
      display: grid;
      grid-template-columns: 9px minmax(110px, 1.1fr) minmax(90px, 1fr) 35px 23px;
      align-items: center;
      gap: 10px;
      padding: 13px 0;
      border-bottom: 1px solid #eeeeea;
    }
    .stage-row:last-child { border: 0; }
    .stage-row strong { display: block; overflow: hidden; font-size: 8px; white-space: nowrap; text-overflow: ellipsis; }
    .stage-row small { display: block; margin-top: 4px; color: #898c83; font-size: 7px; }
    .stage-row > b { font-size: 8px; }
    .stage-row > em { color: #a1a39b; font-size: 12px; font-style: normal; }
    .deadline-list { padding: 4px 13px; }
    .deadline {
      display: grid;
      grid-template-columns: 37px 1fr;
      gap: 10px;
      padding: 11px 0;
      border-bottom: 1px solid #eeeeea;
    }
    .deadline:last-child { border: 0; }
    .deadline-date {
      padding: 6px 2px;
      text-align: center;
      color: white;
      background: var(--blue);
      font-size: 7px;
      font-weight: 900;
    }
    .deadline-date.orange { background: var(--orange); }
    .deadline-date strong { display: block; font-size: 12px; }
    .deadline > div:last-child strong { display: block; font-size: 8px; line-height: 1.3; }
    .deadline > div:last-child small { display: block; margin-top: 4px; color: #8b8e85; font-size: 7px; }

    .order-table { width: 100%; border-collapse: collapse; }
    .order-table th {
      padding: 11px 12px;
      color: #888b82;
      background: #f2f2ed;
      text-align: left;
      font-size: 7px;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .order-table td {
      padding: 13px 12px;
      border-bottom: 1px solid #eeeeea;
      font-size: 8px;
      vertical-align: middle;
    }
    .order-table tr:last-child td { border: 0; }
    .order-name strong { display: block; font-size: 9px; }
    .order-name small { display: block; margin-top: 4px; color: #8b8e85; font-size: 7px; }
    .status {
      display: inline-block;
      padding: 5px 7px;
      border-radius: 20px;
      color: #1b55c8;
      background: #e5edff;
      font-size: 7px;
      font-weight: 900;
      white-space: nowrap;
    }
    .status.orange { color: #b56115; background: #fff0dc; }
    .status.green { color: #0d8051; background: #dcf5e9; }
    .status.gray { color: #666961; background: #ecece7; }
    .payment { font-weight: 900; }
    .payment small { display: block; margin-top: 4px; color: #92958c; font-weight: 400; }

    .economy-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 11px;
    }
    .profit-card {
      min-height: 275px;
      display: grid;
      grid-template-columns: 1fr 142px;
      align-items: center;
      gap: 15px;
      padding: 24px;
      color: white;
      background: var(--blue);
    }
    .profit-card small { color: #cbd7ff; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
    .profit-card h4 { margin: 12px 0 5px; font-size: 34px; letter-spacing: -.06em; }
    .profit-card p { margin: 0; color: #dbe2ff; font-size: 8px; line-height: 1.5; }
    .donut {
      width: 126px;
      height: 126px;
      display: grid;
      place-items: center;
      background: conic-gradient(var(--acid) 0 31%, white 31% 64%, #ff8d68 64% 79%, #7d9aff 79%);
      border-radius: 50%;
    }
    .donut::after {
      content: "31%";
      width: 80px;
      height: 80px;
      display: grid;
      place-items: center;
      color: white;
      background: var(--blue);
      border-radius: 50%;
      font-size: 20px;
      font-weight: 900;
    }
    .cost-lines { padding: 5px 15px; }
    .cost-line {
      display: grid;
      grid-template-columns: 1fr 95px 80px;
      gap: 12px;
      padding: 14px 0;
      border-bottom: 1px solid #eeeeea;
      font-size: 8px;
    }
    .cost-line:last-child { border: 0; }
    .cost-line span { color: #81847b; }
    .cost-line strong:last-child { text-align: right; }

    .route-card {
      margin-top: 11px;
      padding: 18px;
      background: white;
      border: 1px solid #ddded6;
    }
    .route-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 18px;
    }
    .route-head strong { display: block; font-size: 10px; }
    .route-head small { display: block; margin-top: 4px; color: #8b8e85; font-size: 7px; }
    .route-head > span {
      padding: 6px 8px;
      color: #1b55c8;
      background: #e5edff;
      border-radius: 20px;
      font-size: 7px;
      font-weight: 900;
      white-space: nowrap;
    }
    .route-track {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 7px;
    }
    .route-step {
      position: relative;
      min-height: 83px;
      padding: 11px 10px;
      color: #777a72;
      background: #f1f1ec;
      border: 1px solid transparent;
    }
    .route-step:not(:last-child)::after {
      content: "›";
      position: absolute;
      top: 31px;
      right: -8px;
      z-index: 2;
      width: 16px;
      height: 16px;
      display: grid;
      place-items: center;
      color: #9b9e94;
      background: #f7f7f1;
      border-radius: 50%;
      font-size: 12px;
    }
    .route-step b {
      width: 20px;
      height: 20px;
      display: grid;
      place-items: center;
      margin-bottom: 12px;
      color: white;
      background: #a7aaa0;
      border-radius: 50%;
      font-size: 7px;
    }
    .route-step strong { display: block; font-size: 8px; }
    .route-step small { display: block; margin-top: 4px; font-size: 7px; line-height: 1.35; }
    .route-step.done { color: #0b7d4e; background: #e1f6ec; }
    .route-step.done b { background: var(--green); }
    .route-step.current {
      color: var(--ink);
      background: var(--acid);
      border-color: #bcd82f;
    }
    .route-step.current b { color: var(--acid); background: var(--ink); }
    .route-step.next { color: #1c53c4; background: #e7eeff; }
    .route-step.next b { background: var(--blue); }
    .workshop-grid {
      display: grid;
      grid-template-columns: 1.26fr .74fr;
      gap: 11px;
      margin-top: 11px;
    }
    .department-list { padding: 3px 14px; }
    .department-row {
      display: grid;
      grid-template-columns: 33px minmax(120px, 1fr) minmax(90px, 1fr) 74px;
      align-items: center;
      gap: 11px;
      padding: 12px 0;
      border-bottom: 1px solid #eeeeea;
    }
    .department-row:last-child { border: 0; }
    .staff-avatar {
      width: 31px;
      height: 31px;
      display: grid;
      place-items: center;
      color: white;
      background: var(--blue);
      border-radius: 50%;
      font-size: 8px;
      font-weight: 900;
    }
    .staff-avatar.orange { background: var(--orange); }
    .staff-avatar.green { background: var(--green); }
    .staff-avatar.dark { background: var(--ink); }
    .department-row strong { display: block; overflow: hidden; font-size: 8px; white-space: nowrap; text-overflow: ellipsis; }
    .department-row small { display: block; margin-top: 4px; color: #898c83; font-size: 7px; }
    .workload span { display: flex; justify-content: space-between; margin-bottom: 5px; color: #7e8178; font-size: 7px; }
    .handoff-button {
      min-height: 29px;
      padding: 0 9px;
      color: white;
      background: var(--blue);
      border: 0;
      border-radius: 3px;
      cursor: pointer;
      font-size: 7px;
      font-weight: 900;
    }
    .handoff-button:disabled {
      color: #8f9289;
      background: #e9e9e3;
      cursor: default;
    }
    .movement-list { padding: 3px 13px; }
    .movement-item {
      display: grid;
      grid-template-columns: 38px 10px 1fr;
      gap: 8px;
      padding: 11px 0;
      border-bottom: 1px solid #eeeeea;
    }
    .movement-item:last-child { border: 0; }
    .movement-item > time { color: #7e8178; font-size: 7px; font-weight: 900; }
    .movement-pin {
      width: 7px;
      height: 7px;
      margin-top: 1px;
      background: var(--blue);
      border-radius: 50%;
    }
    .movement-pin.green { background: var(--green); }
    .movement-pin.orange { background: var(--orange); }
    .movement-item strong { display: block; font-size: 8px; line-height: 1.35; }
    .movement-item small { display: block; margin-top: 4px; color: #8b8e85; font-size: 7px; line-height: 1.35; }
    .employee-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 11px;
    }
    .employee-card {
      min-width: 0;
      padding: 16px;
      background: white;
      border: 1px solid #ddded6;
      transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    }
    .employee-card.active {
      border-color: var(--blue);
      box-shadow: 0 8px 24px rgba(36,87,255,.1);
      transform: translateY(-3px);
    }
    .employee-head { display: flex; align-items: center; gap: 10px; }
    .employee-head .staff-avatar { width: 35px; height: 35px; }
    .employee-head strong { display: block; font-size: 9px; }
    .employee-head small { display: block; margin-top: 4px; color: #888b82; font-size: 7px; }
    .employee-status {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      margin-top: 14px;
      padding: 5px 7px;
      color: #0d8051;
      background: #dcf5e9;
      border-radius: 20px;
      font-size: 7px;
      font-weight: 900;
    }
    .employee-status.busy { color: #b56115; background: #fff0dc; }
    .employee-status.wait { color: #666961; background: #ecece7; }
    .employee-task {
      min-height: 58px;
      margin-top: 12px;
      padding-top: 11px;
      border-top: 1px solid #eeeeea;
    }
    .employee-task span { color: #8b8e85; font-size: 7px; }
    .employee-task strong { display: block; margin-top: 5px; font-size: 8px; line-height: 1.35; }
    .employee-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-top: 12px;
    }
    .employee-stats div { padding: 8px; background: #f3f3ee; }
    .employee-stats b { display: block; font-size: 12px; }
    .employee-stats small { display: block; margin-top: 3px; color: #8b8e85; font-size: 6px; }
    .employee-open {
      width: 100%;
      margin-top: 11px;
      padding: 9px 0 0;
      color: var(--blue);
      background: transparent;
      border: 0;
      border-top: 1px solid #eeeeea;
      cursor: pointer;
      text-align: left;
      font-size: 7px;
      font-weight: 900;
    }
    .employee-workspace {
      margin-top: 11px;
      background: white;
      border: 1px solid #ddded6;
      animation: reveal .3s ease;
    }
    .workspace-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 17px;
      border-bottom: 1px solid #e8e8e2;
    }
    .workspace-person { display: flex; align-items: center; gap: 11px; }
    .workspace-person .staff-avatar { width: 39px; height: 39px; }
    .workspace-person strong { display: block; font-size: 11px; }
    .workspace-person small { display: block; margin-top: 4px; color: #85887e; font-size: 7px; }
    .workspace-departments { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
    .workspace-departments span {
      padding: 4px 6px;
      color: #1b55c8;
      background: #e5edff;
      border-radius: 20px;
      font-size: 6px;
      font-weight: 900;
    }
    .workspace-shift { text-align: right; }
    .workspace-shift span { display: block; color: #888b82; font-size: 7px; }
    .workspace-shift strong { display: block; margin-top: 5px; font-size: 10px; }
    .workspace-body {
      display: grid;
      grid-template-columns: 1.3fr .7fr;
      gap: 11px;
      padding: 11px;
      background: #f3f3ee;
    }
    .workspace-panel { background: white; border: 1px solid #e0e1d9; }
    .workspace-panel-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 43px;
      padding: 0 13px;
      border-bottom: 1px solid #eeeeea;
    }
    .workspace-panel-title strong { font-size: 9px; }
    .workspace-panel-title span { color: #888b82; font-size: 7px; }
    .volume-summary {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      background: #e3e4dc;
      border-bottom: 1px solid #e3e4dc;
    }
    .volume-summary div { min-width: 0; padding: 12px; background: white; }
    .volume-summary span { display: block; color: #8b8e85; font-size: 6px; }
    .volume-summary strong { display: block; margin-top: 6px; font-size: 15px; letter-spacing: -.04em; }
    .employee-task-table { width: 100%; border-collapse: collapse; }
    .employee-task-table th {
      padding: 9px 10px;
      color: #8b8e85;
      background: #f4f4ef;
      text-align: left;
      font-size: 6px;
      letter-spacing: .08em;
    }
    .employee-task-table td {
      padding: 10px;
      border-bottom: 1px solid #eeeeea;
      font-size: 7px;
      vertical-align: middle;
    }
    .employee-task-table tr:last-child td { border: 0; }
    .employee-task-table strong { display: block; font-size: 8px; }
    .employee-task-table small { display: block; margin-top: 3px; color: #8b8e85; font-size: 6px; }
    .task-volume { font-weight: 900; white-space: nowrap; }
    .task-volume small { font-weight: 400; }
    .department-stack { padding: 3px 12px; }
    .department-stack-item {
      padding: 12px 0;
      border-bottom: 1px solid #eeeeea;
    }
    .department-stack-item:last-child { border: 0; }
    .department-stack-item header { display: flex; justify-content: space-between; gap: 10px; }
    .department-stack-item strong { font-size: 8px; }
    .department-stack-item header span { color: #85887e; font-size: 7px; }
    .department-stack-item p { margin: 6px 0 9px; color: #85887e; font-size: 7px; line-height: 1.4; }
    .department-stack-item .progress { height: 5px; }
    .workspace-action {
      width: calc(100% - 24px);
      min-height: 35px;
      margin: 10px 12px 12px;
      color: white;
      background: var(--blue);
      border: 0;
      border-radius: 3px;
      cursor: pointer;
      font-size: 8px;
      font-weight: 900;
    }
    .workspace-action:disabled { color: #85887e; background: #e4e5de; cursor: default; }
    .module-configurator {
      padding: 16px;
      color: white;
      background: #111310;
      border: 1px solid #2f322d;
    }
    .module-config-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 20px;
      padding: 5px 5px 18px;
      border-bottom: 1px solid #3a3d37;
    }
    .module-config-head h4 { margin: 0; font-size: 16px; letter-spacing: -.035em; }
    .module-config-head p { margin: 5px 0 0; color: #8e9188; font-size: 8px; }
    .module-total { text-align: right; }
    .module-total span { display: block; color: #8e9188; font-size: 7px; letter-spacing: .1em; }
    .module-total strong { display: block; margin-top: 5px; color: var(--acid); font-size: 19px; }
    .module-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .module-option {
      min-height: 67px;
      display: grid;
      grid-template-columns: 31px minmax(0, 1fr) auto 29px;
      align-items: center;
      gap: 11px;
      padding: 10px 6px;
      border-bottom: 1px solid #383b35;
      cursor: pointer;
      transition: background .2s ease;
    }
    .module-option:nth-child(odd) { padding-right: 18px; border-right: 1px solid #383b35; }
    .module-option:nth-child(even) { padding-left: 18px; }
    .module-option.selected { background: rgba(216,255,67,.07); }
    .module-option.active-example {
      background: rgba(36,87,255,.16);
      box-shadow: inset 3px 0 0 var(--blue);
    }
    .module-symbol {
      width: 29px;
      height: 29px;
      display: grid;
      place-items: center;
      border: 1px solid #d9dbd3;
      border-radius: 50%;
      font-size: 10px;
      font-style: normal;
    }
    .module-option.selected .module-symbol { color: var(--ink); background: var(--acid); border-color: var(--acid); }
    .module-name strong { display: block; overflow: hidden; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
    .module-name small { display: block; margin-top: 4px; color: #7f8279; font-size: 6px; line-height: 1.35; }
    .module-price {
      padding: 6px 7px;
      border-radius: 20px;
      font-size: 7px;
      font-weight: 900;
      white-space: nowrap;
    }
    .module-price.tier-standard { color: var(--ink); background: var(--acid); }
    .module-price.tier-individual { color: white; background: var(--blue); }
    .module-option-individual { background: rgba(36,87,255,.06); }
    .module-add {
      width: 27px;
      height: 27px;
      display: grid;
      place-items: center;
      color: #a8aba2;
      background: transparent;
      border: 1px solid #65685f;
      border-radius: 50%;
      cursor: pointer;
      font-size: 14px;
    }
    .module-option.selected .module-add { color: var(--ink); background: var(--acid); border-color: var(--acid); transform: rotate(45deg); }
    .module-foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 17px 5px 2px;
    }
    .module-foot p { max-width: 440px; margin: 0; color: #8e9188; font-size: 7px; line-height: 1.45; }
    .module-foot button {
      min-height: 35px;
      padding: 0 13px;
      color: var(--ink);
      background: var(--acid);
      border: 0;
      border-radius: 3px;
      cursor: pointer;
      font-size: 8px;
      font-weight: 900;
      white-space: nowrap;
    }
    .module-example-shell {
      margin-top: 11px;
      color: var(--ink);
      background: white;
      border: 1px solid #ddded6;
      animation: reveal .3s ease;
    }
    .module-example-top {
      min-height: 60px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 13px 16px;
      border-bottom: 1px solid #e5e6de;
    }
    .module-example-heading { display: flex; align-items: center; gap: 11px; }
    .module-example-heading .module-symbol {
      flex: none;
      color: var(--ink);
      background: var(--acid);
      border-color: var(--acid);
    }
    .module-example-heading strong { display: block; font-size: 11px; }
    .module-example-heading small { display: block; margin-top: 4px; color: #85887e; font-size: 7px; }
    .example-badge {
      padding: 6px 8px;
      color: #1b55c8;
      background: #e5edff;
      border-radius: 20px;
      font-size: 7px;
      font-weight: 900;
      white-space: nowrap;
    }
    .module-example-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      background: #e5e6de;
      border-bottom: 1px solid #e5e6de;
    }
    .module-example-metrics article { min-width: 0; padding: 13px 16px; background: white; }
    .module-example-metrics span { display: block; color: #85887e; font-size: 7px; }
    .module-example-metrics strong { display: block; margin-top: 7px; font-size: 18px; letter-spacing: -.04em; }
    .module-example-body {
      display: grid;
      grid-template-columns: 1.34fr .66fr;
      gap: 11px;
      padding: 11px;
      background: #f3f3ee;
    }
    .example-table-wrap { min-width: 0; overflow-x: auto; background: white; border: 1px solid #e0e1d9; }
    .example-table { width: 100%; border-collapse: collapse; }
    .example-table th {
      padding: 10px;
      color: #898c83;
      background: #f5f5f0;
      text-align: left;
      font-size: 6px;
      letter-spacing: .08em;
    }
    .example-table td {
      padding: 11px 10px;
      border-bottom: 1px solid #eeeeea;
      font-size: 7px;
      line-height: 1.35;
    }
    .example-table tr:last-child td { border: 0; }
    .example-table td:first-child { font-weight: 900; }
    .example-side { padding: 14px; background: var(--ink); color: white; }
    .example-side small { color: #85887e; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
    .example-side h5 { margin: 11px 0 8px; font-size: 15px; letter-spacing: -.035em; }
    .example-side p { margin: 0; color: #adafa7; font-size: 8px; line-height: 1.55; }
    .example-steps { margin: 15px 0 0; padding: 0; list-style: none; }
    .example-steps li {
      position: relative;
      padding: 8px 0 8px 18px;
      border-top: 1px solid #30332d;
      color: #d1d3cc;
      font-size: 7px;
      line-height: 1.35;
    }
    .example-steps li::before {
      content: "✓";
      position: absolute;
      top: 8px;
      left: 0;
      color: var(--acid);
      font-weight: 900;
    }
    .example-action {
      width: 100%;
      min-height: 34px;
      margin-top: 12px;
      color: var(--ink);
      background: var(--acid);
      border: 0;
      border-radius: 3px;
      cursor: pointer;
      font-size: 8px;
      font-weight: 900;
    }

    .demo-caption {
      display: flex;
      justify-content: space-between;
      gap: 30px;
      margin-top: 25px;
      color: #a8aaa2;
      font-size: 10px;
      line-height: 1.55;
    }
    .demo-caption p { max-width: 520px; margin: 0; }
    .demo-caption strong { color: var(--acid); }

    .control-section {
      width: var(--page);
      margin: auto;
      padding: 122px 0;
    }
    .control-layout {
      display: grid;
      grid-template-columns: .82fr 1.18fr;
      gap: 72px;
      align-items: start;
    }
    .sticky-copy { position: sticky; top: 126px; }
    .sticky-copy h2 {
      margin: 23px 0 26px;
      font-size: clamp(46px, 5vw, 76px);
      line-height: .94;
      letter-spacing: -.06em;
    }
    .sticky-copy h2 em { color: var(--blue); font-style: normal; }
    .sticky-copy > p:last-of-type {
      max-width: 510px;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.65;
    }
    .control-list { border-top: 1px solid var(--line); }
    .control-item {
      display: grid;
      grid-template-columns: 58px 1fr auto;
      gap: 20px;
      padding: 31px 0;
      border-bottom: 1px solid var(--line);
    }
    .control-item > b { color: var(--blue); font-size: 11px; }
    .control-item h3 { margin: 0; font-size: 23px; letter-spacing: -.035em; }
    .control-item p { max-width: 520px; margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
    .control-item > span {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      background: var(--white);
      border-radius: 50%;
      font-size: 14px;
    }

    .signal-section {
      position: relative;
      overflow: hidden;
      padding: 122px 0;
      color: white;
      background: var(--blue);
    }
    .signal-section::before {
      content: "OPERLAB";
      position: absolute;
      right: -20px;
      bottom: -75px;
      color: rgba(255,255,255,.055);
      font-size: 330px;
      line-height: .75;
      font-weight: 900;
      letter-spacing: -.08em;
    }
    .signal-inner {
      position: relative;
      width: var(--page);
      margin: auto;
    }
    .signal-section .kicker { color: var(--acid); }
    .signal-section .kicker-dot { background: var(--acid); box-shadow: 0 0 0 5px rgba(216,255,67,.16); }
    .signal-title {
      max-width: 980px;
      margin: 26px 0 70px;
      font-size: clamp(50px, 6.5vw, 104px);
      line-height: .9;
      letter-spacing: -.067em;
    }
    .signal-title em { color: var(--acid); font-style: normal; }
    .signal-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border-top: 1px solid rgba(255,255,255,.26);
      border-left: 1px solid rgba(255,255,255,.26);
    }
    .signal-card {
      min-height: 205px;
      padding: 24px;
      border-right: 1px solid rgba(255,255,255,.26);
      border-bottom: 1px solid rgba(255,255,255,.26);
    }
    .signal-card b { color: var(--acid); font-size: 33px; letter-spacing: -.05em; }
    .signal-card h3 { margin: 31px 0 9px; font-size: 14px; }
    .signal-card p { margin: 0; color: #c8d3ff; font-size: 10px; line-height: 1.5; }

    .cta-section {
      width: var(--page);
      margin: auto;
      padding: 122px 0;
    }
    .cta-box {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      min-height: 550px;
      color: white;
      background: var(--ink);
      box-shadow: var(--shadow);
    }
    .cta-copy { position: relative; overflow: hidden; padding: 57px; }
    .cta-copy,
    .messenger-panel { min-width: 0; }
    .cta-copy::after {
      content: "K";
      position: absolute;
      right: -23px;
      bottom: -100px;
      color: rgba(216, 255, 67, .08);
      font-size: 420px;
      line-height: 1;
      font-weight: 900;
    }
    .cta-copy .kicker { color: var(--acid); }
    .cta-copy h2 {
      position: relative;
      z-index: 1;
      max-width: 650px;
      margin: 25px 0;
      font-size: clamp(47px, 5.2vw, 78px);
      line-height: .94;
      letter-spacing: -.06em;
    }
    .cta-copy p {
      position: relative;
      z-index: 1;
      max-width: 530px;
      color: #b7bab0;
      font-size: 14px;
      line-height: 1.65;
    }
    .cta-tags {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 35px;
    }
    .cta-tags span {
      padding: 8px 10px;
      border: 1px solid #3b3e37;
      border-radius: 20px;
      color: #c8cbc1;
      font-size: 8px;
      font-weight: 800;
    }
    .contact-form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 57px;
      color: var(--ink);
      background: var(--acid);
    }
    .contact-form h3 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.04em; }
    .contact-form > p { margin: 0 0 25px; color: #4d551e; font-size: 11px; line-height: 1.5; }
    .field { position: relative; margin-top: 14px; }
    .field label {
      position: absolute;
      top: 10px;
      left: 0;
      color: #5d642d;
      font-size: 7px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .field input,
    .field textarea {
      width: 100%;
      padding: 29px 0 10px;
      color: var(--ink);
      background: transparent;
      border: 0;
      border-bottom: 1px solid rgba(23,24,19,.36);
      border-radius: 0;
      outline: none;
      font-size: 13px;
    }
    .field textarea { min-height: 86px; resize: vertical; }
    .field input:focus,
    .field textarea:focus { border-bottom-color: var(--ink); }
    .form-submit {
      min-height: 54px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 27px;
      padding: 0 19px;
      color: white;
      background: var(--ink);
      border: 0;
      border-radius: 3px;
      cursor: pointer;
      font-size: 11px;
      font-weight: 900;
    }
    .form-submit span { font-size: 18px; }
    .form-note { margin: 13px 0 0 !important; color: #646a36 !important; font-size: 8px !important; }
    .form-success {
      display: none;
      min-height: 260px;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
    }
    .form-success.active { display: flex; animation: reveal .35s ease; }
    .form-success b {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      margin-bottom: 22px;
      color: var(--acid);
      background: var(--ink);
      border-radius: 50%;
      font-size: 20px;
    }
    .form-success h3 { font-size: 30px; }
    .messenger-panel {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 57px;
      color: var(--ink);
      background: var(--acid);
    }
    .messenger-panel h3 {
      margin: 0 0 8px;
      font-size: 26px;
      letter-spacing: -.04em;
    }
    .messenger-panel > p {
      max-width: 480px;
      margin: 0;
      color: #4d551e;
      font-size: 11px;
      line-height: 1.55;
    }
    .messenger-links {
      display: grid;
      gap: 10px;
      margin-top: 27px;
    }
    .messenger-link {
      min-width: 0;
      min-height: 82px;
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr) 28px;
      align-items: center;
      gap: 14px;
      padding: 13px 16px;
      color: white;
      border-radius: 4px;
      overflow: hidden;
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .messenger-link:hover,
    .messenger-link:focus-visible {
      transform: translateY(-3px);
      box-shadow: 0 15px 34px rgba(23,24,19,.22);
      outline: none;
    }
    .messenger-link.whatsapp { background: #168c4f; }
    .messenger-link.telegram { background: #168bd2; }
    .messenger-link.max { background: #3154e8; }
    .messenger-icon {
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      background: rgba(255,255,255,.16);
      border: 1px solid rgba(255,255,255,.42);
      border-radius: 50%;
      font-size: 12px;
      font-weight: 900;
    }
    .messenger-copy { min-width: 0; }
    .messenger-copy small {
      display: block;
      color: rgba(255,255,255,.7);
      font-size: 7px;
      font-weight: 900;
      letter-spacing: .14em;
    }
    .messenger-copy strong {
      display: block;
      margin-top: 5px;
      overflow: hidden;
      font-size: 14px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .messenger-copy em {
      display: block;
      margin-top: 4px;
      color: rgba(255,255,255,.74);
      font-size: 8px;
      font-style: normal;
    }
    .messenger-link > b { font-size: 18px; text-align: right; }
    .messenger-note {
      margin-top: 14px !important;
      color: #656d31 !important;
      font-size: 8px !important;
    }

    .pricing-section {
      width: 100%;
      padding: 122px 0;
      color: white;
      background: #10120f;
    }
    .pricing-inner { width: var(--page); margin: auto; }
    .pricing-section .section-index { color: #8f9289; }
    .pricing-section .section-title { color: white; }
    .pricing-section .section-title em { color: var(--acid); }
    .pricing-intro {
      max-width: 700px;
      margin: 22px 0 0;
      color: #aeb1a8;
      font-size: 14px;
      line-height: 1.65;
    }
    .base-plan {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
      margin-top: 50px;
      border: 1px solid #353832;
      background: #171916;
    }
    .base-plan-content { padding: 42px; }
    .base-plan-eyebrow {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding-bottom: 23px;
      border-bottom: 1px solid #353832;
    }
    .base-plan-eyebrow span {
      color: #8e9188;
      font-size: 8px;
      font-weight: 900;
      letter-spacing: .14em;
    }
    .base-plan-eyebrow b {
      padding: 7px 10px;
      color: var(--ink);
      background: var(--acid);
      border-radius: 20px;
      font-size: 8px;
      letter-spacing: .08em;
    }
    .base-plan-content h3 {
      max-width: 650px;
      margin: 31px 0 9px;
      font-size: clamp(32px, 3.4vw, 51px);
      line-height: .98;
      letter-spacing: -.055em;
    }
    .base-plan-content > p {
      max-width: 650px;
      margin: 0;
      color: #aeb1a8;
      font-size: 12px;
      line-height: 1.62;
    }
    .base-feature-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      margin-top: 31px;
      background: #343731;
      border: 1px solid #343731;
    }
    .base-feature {
      min-height: 118px;
      display: grid;
      grid-template-columns: 33px minmax(0, 1fr);
      gap: 13px;
      padding: 18px;
      background: #1c1f1a;
    }
    .base-feature > b {
      width: 31px;
      height: 31px;
      display: grid;
      place-items: center;
      color: var(--acid);
      border: 1px solid #565a51;
      border-radius: 50%;
      font-size: 10px;
    }
    .base-feature strong {
      display: block;
      font-size: 12px;
    }
    .base-feature p {
      margin: 6px 0 0;
      color: #8e9188;
      font-size: 9px;
      line-height: 1.5;
    }
    .base-plan-price {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 42px;
      color: var(--ink);
      background: var(--acid);
    }
    .base-plan-price small {
      display: block;
      font-size: 8px;
      font-weight: 900;
      letter-spacing: .15em;
    }
    .base-plan-price strong {
      display: block;
      margin-top: 18px;
      font-family: var(--font-display);
      font-size: clamp(52px, 6vw, 84px);
      line-height: .9;
      letter-spacing: -.07em;
      white-space: nowrap;
    }
    .base-plan-price p {
      margin: 22px 0 0;
      color: #4d551e;
      font-size: 11px;
      line-height: 1.6;
    }
    .base-plan-price ul {
      margin: 32px 0 0;
      padding: 0;
      list-style: none;
    }
    .base-plan-price li {
      position: relative;
      padding: 12px 0 12px 22px;
      border-top: 1px solid rgba(23,24,19,.2);
      font-size: 10px;
      font-weight: 800;
      line-height: 1.4;
    }
    .base-plan-price li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: var(--blue-dark);
    }
    .price-contact {
      min-height: 54px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-top: 31px;
      padding: 0 18px;
      color: white;
      background: var(--ink);
      border-radius: 3px;
      font-size: 10px;
      font-weight: 900;
      transition: transform .2s ease, background .2s ease;
    }
    .price-contact:hover,
    .price-contact:focus-visible {
      background: var(--blue);
      transform: translateY(-2px);
      outline: none;
    }
    .addons-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
      align-items: end;
      gap: 40px;
      margin: 86px 0 30px;
    }
    .addons-head h3 {
      margin: 0;
      font-size: clamp(35px, 4.5vw, 62px);
      letter-spacing: -.055em;
    }
    .addons-head p {
      margin: 0;
      color: #989b92;
      font-size: 11px;
      line-height: 1.6;
    }
    .public-module-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      border-top: 1px solid #393c36;
      border-left: 1px solid #393c36;
    }
    .public-module-card {
      min-height: 112px;
      display: grid;
      grid-template-columns: 39px minmax(0, 1fr) auto;
      align-items: center;
      gap: 17px;
      padding: 21px 24px;
      border-right: 1px solid #393c36;
      border-bottom: 1px solid #393c36;
      background: #151714;
      transition: background .2s ease, transform .2s ease;
    }
    .public-module-card:hover {
      z-index: 1;
      background: #1d201a;
      transform: translateY(-2px);
    }
    .public-module-card > i {
      width: 37px;
      height: 37px;
      display: grid;
      place-items: center;
      color: var(--acid);
      border: 1px solid #60645a;
      border-radius: 50%;
      font-size: 12px;
      font-style: normal;
    }
    .public-module-card strong {
      display: block;
      font-size: 12px;
      line-height: 1.35;
    }
    .public-module-card p {
      margin: 6px 0 0;
      color: #85887f;
      font-size: 8px;
      line-height: 1.5;
    }
    .public-module-card b {
      color: var(--acid);
      font-size: 11px;
      white-space: nowrap;
    }
    .pricing-foot {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 32px;
      margin-top: 28px;
      padding: 25px 28px;
      color: var(--ink);
      background: var(--white);
    }
    .pricing-foot strong {
      display: block;
      font-size: 13px;
    }
    .pricing-foot p {
      max-width: 800px;
      margin: 7px 0 0;
      color: var(--muted);
      font-size: 10px;
      line-height: 1.55;
    }
    .pricing-foot a {
      min-height: 46px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      color: white;
      background: var(--blue);
      border-radius: 3px;
      font-size: 9px;
      font-weight: 900;
      white-space: nowrap;
    }
    .pricing-plans {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin-top: 50px;
    }
    .pricing-plan {
      min-width: 0;
      display: flex;
      flex-direction: column;
      padding: 38px;
      border: 1px solid #3b3e37;
    }
    .pricing-plan-standard { background: #181a17; }
    .pricing-plan-individual {
      color: var(--ink);
      background: var(--acid);
      border-color: var(--acid);
    }
    .plan-topline {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding-bottom: 20px;
      border-bottom: 1px solid #3b3e37;
    }
    .pricing-plan-individual .plan-topline { border-bottom-color: rgba(23,24,19,.22); }
    .plan-topline span {
      color: #91948b;
      font-size: 8px;
      font-weight: 900;
      letter-spacing: .14em;
    }
    .pricing-plan-individual .plan-topline span { color: #555d27; }
    .plan-topline b {
      padding: 7px 10px;
      color: var(--ink);
      background: var(--acid);
      border-radius: 20px;
      font-size: 8px;
      letter-spacing: .07em;
    }
    .pricing-plan-individual .plan-topline b { color: white; background: var(--ink); }
    .pricing-plan h3 {
      max-width: 560px;
      margin: 30px 0 0;
      font-size: clamp(31px, 3.25vw, 49px);
      line-height: 1;
      letter-spacing: -.055em;
    }
    .plan-price { margin-top: 29px; }
    .plan-price strong {
      display: block;
      font-family: var(--font-display);
      font-size: clamp(48px, 5vw, 72px);
      line-height: .9;
      letter-spacing: -.07em;
      white-space: nowrap;
    }
    .plan-price small {
      display: block;
      margin-top: 12px;
      color: #8f9289;
      font-size: 7px;
      font-weight: 900;
      letter-spacing: .14em;
    }
    .pricing-plan-individual .plan-price small { color: #596226; }
    .plan-lead {
      max-width: 610px;
      margin: 24px 0 0;
      color: #aaada4;
      font-size: 11px;
      line-height: 1.65;
    }
    .pricing-plan-individual .plan-lead { color: #4d551e; }
    .plan-module-group { margin-top: 30px; }
    .plan-group-title {
      display: block;
      padding-bottom: 10px;
      color: #7f8279;
      border-bottom: 1px solid #373a34;
      font-size: 7px;
      font-weight: 900;
      letter-spacing: .14em;
    }
    .plan-module-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 18px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .plan-module-list li {
      position: relative;
      min-height: 44px;
      display: flex;
      align-items: center;
      padding: 10px 0 10px 21px;
      border-bottom: 1px solid #30332e;
      font-size: 9px;
      font-weight: 700;
      line-height: 1.4;
    }
    .plan-module-list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: var(--acid);
      font-weight: 900;
    }
    .plan-not-included {
      margin-top: 30px;
      padding: 17px;
      color: #c3c6bd;
      background: #10120f;
      border-left: 3px solid var(--orange);
    }
    .plan-not-included strong { display: block; color: white; font-size: 9px; }
    .plan-not-included p { margin: 7px 0 0; color: #969990; font-size: 8px; line-height: 1.55; }
    .plan-inherits {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 30px;
      padding: 15px;
      background: rgba(255,255,255,.5);
      border: 1px solid rgba(23,24,19,.18);
      font-size: 10px;
      font-weight: 900;
    }
    .plan-inherits b {
      width: 27px;
      height: 27px;
      display: grid;
      place-items: center;
      flex: none;
      color: var(--acid);
      background: var(--ink);
      border-radius: 50%;
    }
    .advanced-module-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      margin-top: 20px;
      background: rgba(23,24,19,.18);
      border: 1px solid rgba(23,24,19,.18);
    }
    .advanced-module-list article {
      min-height: 132px;
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      align-content: start;
      gap: 12px;
      padding: 17px;
      background: rgba(255,255,255,.35);
    }
    .advanced-module-list i {
      width: 32px;
      height: 32px;
      display: grid;
      place-items: center;
      color: var(--acid);
      background: var(--ink);
      border-radius: 50%;
      font-size: 10px;
      font-style: normal;
    }
    .advanced-module-list strong { display: block; font-size: 10px; line-height: 1.35; }
    .advanced-module-list p { margin: 6px 0 0; color: #566023; font-size: 8px; line-height: 1.5; }
    .individual-note {
      margin-top: 20px;
      padding: 15px 17px;
      color: #525b24;
      background: rgba(255,255,255,.42);
      font-size: 8px;
      line-height: 1.55;
    }
    .plan-button {
      min-height: 54px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-top: auto;
      padding: 0 18px;
      color: var(--ink);
      background: var(--acid);
      border-radius: 3px;
      font-size: 9px;
      font-weight: 900;
      transition: transform .2s ease, background .2s ease;
    }
    .pricing-plan-standard .plan-button { margin-top: 30px; }
    .pricing-plan-individual .plan-button { margin-top: 30px; color: white; background: var(--ink); }
    .plan-button:hover,
    .plan-button:focus-visible { background: var(--blue); color: white; transform: translateY(-2px); outline: none; }

    footer { color: white; background: #0c0e0b; }
    .footer-inner {
      width: var(--page);
      min-height: 215px;
      display: grid;
      grid-template-columns: 1.4fr .8fr .8fr;
      gap: 40px;
      margin: auto;
      padding: 52px 0;
    }
    .footer-brand p { max-width: 390px; margin: 19px 0 0; color: #8f9289; font-size: 10px; line-height: 1.55; }
    .footer-column h3 { margin: 0 0 15px; color: #72756d; font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
    .footer-column a { display: block; margin-top: 10px; color: #c0c3b9; font-size: 10px; }
    .footer-column a:hover { color: var(--acid); }
    .footer-bottom {
      width: var(--page);
      min-height: 58px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: auto;
      color: #62655e;
      border-top: 1px solid #252822;
      font-size: 8px;
    }

    .toast {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 120;
      max-width: 310px;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 15px 18px;
      color: white;
      background: var(--ink);
      box-shadow: 0 18px 50px rgba(0,0,0,.28);
      transform: translateY(130%);
      transition: transform .3s ease;
      font-size: 10px;
      line-height: 1.45;
    }
    .toast.show { transform: translateY(0); }
    .toast b {
      width: 26px;
      height: 26px;
      display: grid;
      place-items: center;
      flex: none;
      color: var(--ink);
      background: var(--acid);
      border-radius: 50%;
    }

    @media (max-width: 1320px) {
      :root { --page: min(calc(100% - 40px), 1100px); }
      .desktop-nav { gap: 20px; }
      .hero { grid-template-columns: 1fr; gap: 56px; }
      .hero-copy { max-width: 840px; }
      h1 { max-width: 820px; font-size: clamp(58px, 7.6vw, 88px); }
      .hero-proof { grid-template-columns: repeat(3, 1fr); }
      .logic-grid { grid-template-columns: repeat(3, 1fr); }
      .demo-shell { grid-template-columns: 170px minmax(0, 1fr); }
      .demo-metrics { grid-template-columns: repeat(2, 1fr); }
      .workshop-grid { grid-template-columns: 1fr; }
      .employee-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .workspace-body { grid-template-columns: 1fr; }
      .module-grid { grid-template-columns: 1fr; }
      .module-option,
      .module-option:nth-child(odd),
      .module-option:nth-child(even) {
        padding-right: 6px;
        padding-left: 6px;
        border-right: 0;
      }
      .base-plan { grid-template-columns: minmax(0, 1fr) 360px; }
      .base-plan-content,
      .base-plan-price { padding: 34px; }
      .control-layout { gap: 45px; }
    }

    @media (max-width: 940px) {
      .desktop-nav, .topbar-cta { display: none; }
      .menu-button { display: block; }
      .hero {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 56px;
        padding-top: 60px;
      }
      .hero-copy { max-width: 760px; }
      .hero-proof { grid-template-columns: repeat(3, 1fr); }
      .proof-item:last-child { display: flex; }
      .product-scene { min-height: 630px; }
      .flow-strip { justify-content: flex-start; overflow-x: auto; }
      .section-head { grid-template-columns: 1fr; gap: 21px; }
      .demo-shell { grid-template-columns: 78px minmax(0, 1fr); }
      .demo-logo span, .demo-nav-button span, .demo-nav-label, .demo-user div { display: none; }
      .demo-logo { justify-content: center; }
      .demo-nav-button { justify-content: center; padding: 10px; }
      .demo-user { justify-content: center; }
      .demo-grid { grid-template-columns: 1fr; }
      .deadline-panel { display: none; }
      .base-plan { grid-template-columns: 1fr; }
      .base-plan-price strong { font-size: 72px; }
      .addons-head { grid-template-columns: 1fr; gap: 16px; }
      .pricing-plans { grid-template-columns: 1fr; }
      .control-layout { grid-template-columns: 1fr; }
      .sticky-copy { position: static; }
      .signal-grid { grid-template-columns: repeat(2, 1fr); }
      .cta-box { grid-template-columns: 1fr; }
      .footer-inner { grid-template-columns: 1.3fr .7fr .7fr; }
    }

    @media (max-width: 680px) {
      :root { --page: calc(100vw - 28px); }
      .topbar-inner { height: 74px; }
      .mobile-nav { top: 74px; }
      .hero { padding: 43px 0 51px; }
      .hero-copy,
      .hero-lead { width: 100%; max-width: 100%; min-width: 0; }
      h1 {
        max-width: 100%;
        font-size: clamp(42px, 12.4vw, 58px);
        line-height: .96;
        letter-spacing: -.052em;
      }
      .sticky-copy h2,
      .signal-title,
      .cta-copy h2 { font-size: clamp(39px, 12vw, 48px); }
      .hero-lead { font-size: 15px; }
      .hero-actions { flex-direction: column; align-items: flex-start; gap: 20px; }
      .hero-price-link {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 1fr;
        gap: 7px;
      }
      .hero-price-link strong { white-space: normal; }
      .hero-price-link small { text-align: left; }
      .hero-proof { gap: 13px; overflow-x: auto; }
      .proof-item { min-width: 125px; }
      .product-scene { min-height: 468px; padding: 61px 12px 12px; }
      .app-window { height: 395px; grid-template-columns: 42px 1fr; }
      .app-rail { gap: 10px; padding: 12px 0; }
      .rail-icon { width: 26px; height: 26px; }
      .app-content { padding: 20px 13px; }
      .app-heading h2 { font-size: 21px; }
      .app-heading button { display: none; }
      .mini-metrics { grid-template-columns: 1fr 1fr; }
      .mini-metric:last-child { display: none; }
      .production-row { grid-template-columns: 8px 1fr 29px; }
      .production-row .progress { display: none; }
      .scene-float { display: none; }
      .flow-strip { min-height: 76px; }
      .section, .control-section, .cta-section { padding: 84px 0; }
      .section-title { font-size: 43px; }
      .logic-grid { grid-template-columns: 1fr 1fr; }
      .logic-card { min-height: 230px; padding: 19px 16px; }
      .demo-section, .signal-section { padding: 84px 0; }
      .demo-shell { grid-template-columns: 1fr; min-height: 570px; }
      .demo-sidebar {
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 10px;
        overflow-x: auto;
      }
      .demo-logo { margin: 0 7px 0 0; }
      .demo-logo .brand-mark { width: 30px; height: 30px; }
      .demo-nav-label, .demo-user { display: none; }
      .demo-nav-button { width: 37px; flex: none; padding: 7px; }
      .demo-nav-button i { width: 23px; height: 23px; }
      .demo-main { padding: 20px 12px; }
      .demo-top { align-items: center; }
      .demo-top h3 { font-size: 22px; }
      .demo-top-actions .icon-button:not(.blue) { display: none; }
      .demo-metrics { grid-template-columns: 1fr 1fr; }
      .demo-metric { padding: 12px; }
      .demo-metric strong { font-size: 20px; }
      .stage-row { grid-template-columns: 8px 1fr 31px; }
      .stage-row .progress, .stage-row > em { display: none; }
      .order-table th:nth-child(2),
      .order-table td:nth-child(2),
      .order-table th:nth-child(4),
      .order-table td:nth-child(4) { display: none; }
      .order-table th, .order-table td { padding: 10px 7px; }
      .economy-grid { grid-template-columns: 1fr; }
      .profit-card { grid-template-columns: 1fr 105px; padding: 18px; }
      .donut { width: 96px; height: 96px; }
      .donut::after { width: 60px; height: 60px; font-size: 16px; }
      .cost-line { grid-template-columns: 1fr 70px; }
      .cost-line span { display: none; }
      .route-card { padding: 12px; overflow: hidden; }
      .route-head { align-items: flex-start; flex-direction: column; gap: 10px; }
      .route-track {
        grid-template-columns: repeat(5, 116px);
        padding-bottom: 7px;
        overflow-x: auto;
      }
      .department-row { grid-template-columns: 31px minmax(0, 1fr) auto; }
      .department-row .workload { display: none; }
      .department-row .handoff-button { min-width: 66px; padding: 0 6px; }
      .employee-grid { grid-template-columns: 1fr; }
      .workspace-top { align-items: flex-start; flex-direction: column; }
      .workspace-shift { text-align: left; }
      .workspace-body { padding: 7px; }
      .volume-summary { grid-template-columns: 1fr 1fr; }
      .module-grid { grid-template-columns: 1fr; }
      .module-option,
      .module-option:nth-child(odd),
      .module-option:nth-child(even) {
        padding: 10px 4px;
        border-right: 0;
      }
      .module-name strong { white-space: normal; line-height: 1.3; }
      .module-foot { align-items: flex-start; flex-direction: column; }
      .module-example-top { align-items: flex-start; flex-wrap: wrap; }
      .module-example-metrics { grid-template-columns: 1fr 1fr 1fr; }
      .module-example-metrics article { padding: 10px 8px; }
      .module-example-metrics strong { font-size: 14px; }
      .module-example-body { grid-template-columns: 1fr; padding: 7px; }
      .demo-caption { flex-direction: column; }
      .pricing-section { padding: 84px 0; }
      .pricing-inner,
      .base-plan,
      .base-plan-content,
      .base-plan-price,
      .addons-head,
      .public-module-grid,
      .pricing-foot { width: 100%; max-width: 100%; min-width: 0; }
      .pricing-plan { width: 100%; max-width: 100%; min-width: 0; padding: 27px 20px; }
      .plan-topline { align-items: flex-start; flex-direction: column; }
      .pricing-plan h3,
      .plan-lead { max-width: 100%; overflow-wrap: anywhere; }
      .plan-price strong { font-size: clamp(43px, 14vw, 62px); white-space: normal; }
      .plan-module-list,
      .advanced-module-list { grid-template-columns: 1fr; }
      .advanced-module-list article { min-height: 112px; }
      .pricing-section .section-title,
      .pricing-intro,
      .base-plan-content h3,
      .base-plan-content > p,
      .addons-head h3,
      .addons-head p { max-width: 100%; overflow-wrap: anywhere; }
      .base-plan { margin-top: 36px; }
      .base-plan-content,
      .base-plan-price { padding: 26px 20px; }
      .base-plan-eyebrow { align-items: flex-start; flex-direction: column; }
      .base-feature-grid { grid-template-columns: 1fr; }
      .base-feature { min-height: 104px; }
      .base-plan-price strong { font-size: clamp(50px, 16vw, 68px); white-space: normal; }
      .addons-head { margin: 67px 0 25px; }
      .public-module-grid { grid-template-columns: 1fr; }
      .public-module-card {
        min-height: 104px;
        grid-template-columns: 39px minmax(0, 1fr);
        gap: 12px;
        padding: 17px 15px;
      }
      .public-module-card b { grid-column: 2; white-space: normal; }
      .pricing-foot { grid-template-columns: 1fr; padding: 22px 20px; }
      .pricing-foot a { width: 100%; }
      .control-item { grid-template-columns: 34px 1fr; }
      .control-item > span { display: none; }
      .control-item h3 { font-size: 20px; }
      .signal-grid { grid-template-columns: 1fr; }
      .signal-card { min-height: 170px; }
      .signal-title { margin-bottom: 50px; }
      .cta-copy, .contact-form, .messenger-panel { padding: 36px 24px; }
      .messenger-panel h3 { font-size: 23px; }
      .messenger-link {
        min-height: 76px;
        grid-template-columns: 40px minmax(0, 1fr) 22px;
        gap: 11px;
        padding: 11px 13px;
      }
      .messenger-icon { width: 40px; height: 40px; }
      .messenger-copy strong { font-size: 12px; }
      .footer-inner { grid-template-columns: 1fr 1fr; }
      .footer-brand { grid-column: 1 / -1; }
      .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; gap: 6px; }
    }

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

    @media (max-width: 420px) {
      :root { --page: calc(100vw - 20px); }
      .topbar-inner { height: 68px; }
      .mobile-nav { top: 68px; padding: 28px 20px; }
      .brand-copy small { display: none; }
      .hero { gap: 44px; padding: 35px 0 44px; }
      .hero-lead { font-size: 14px; }
      .hero-proof { margin-top: 44px; }
      .product-scene { min-height: 446px; }
      .app-window { grid-template-columns: 38px 1fr; }
      .app-content { padding: 17px 10px; }
      .mini-metric { padding: 10px; }
      .mini-metric strong { font-size: 20px; }
      .section-title { font-size: 39px; }
      .demo-main { padding: 16px 8px; }
      .demo-top-actions .icon-button.blue { padding: 0 8px; font-size: 7px; }
      .demo-metric { padding: 10px 8px; }
      .demo-metric strong { font-size: 18px; }
      .cta-copy,
      .messenger-panel { padding: 30px 18px; }
      .messenger-link {
        grid-template-columns: 38px minmax(0, 1fr) 18px;
        gap: 9px;
        padding: 10px;
      }
      .messenger-icon { width: 38px; height: 38px; }
      .messenger-copy strong { font-size: 11px; }
      .footer-inner { gap: 28px 18px; }
    }