html {
        scroll-behavior: smooth;
      }
      body {
        overflow-x: hidden;
      }
      .features-nav {
        background: rgba(245, 243, 238, 0.92);
      }
      .features-hero {
        max-width: 1460px;
        margin: 0 auto;
        padding: 56px 64px 34px;
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(430px, 1.05fr);
        gap: 56px;
        align-items: end;
      }
      .features-hero h1 {
        margin: 0;
        max-width: 800px;
        font-size: clamp(56px, 6.4vw, 92px);
        line-height: 0.94;
        letter-spacing: -0.045em;
        font-weight: 500;
      }
      .features-hero .lead {
        margin-top: 24px;
        max-width: 620px;
        font-size: 20px;
      }
      .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 26px;
      }
      .hero-actions .btn {
        min-height: 46px;
        padding: 14px 20px;
        font-size: 15px;
      }
      .workflow-rail {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        margin-top: 28px;
        border-top: 1px solid var(--rule);
        border-bottom: 1px solid var(--rule);
      }
      .workflow-rail a {
        min-height: 64px;
        display: flex;
        align-items: center;
        padding: 0 14px;
        color: var(--fg-60);
        font: 600 10.5px/1.25 var(--font-mono);
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }
      .workflow-rail a + a {
        border-left: 1px solid var(--rule);
      }
      .workflow-rail a:hover {
        color: var(--fg);
        background: rgba(255, 255, 255, 0.42);
      }
      .ops-panel {
        border: 1px solid var(--rule);
        border-radius: var(--r-lg);
        background: #fff;
        box-shadow: 0 22px 70px rgba(12, 12, 14, 0.07);
        overflow: hidden;
      }
      .ops-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        padding: 16px 18px;
        border-bottom: 1px solid var(--rule);
      }
      .ops-panel-meta-kicker {
        font-size: 11px;
        color: var(--fg-45);
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .ops-panel-meta-value {
        display: block;
        margin-top: 6px;
      }
      .ops-tabs {
        display: flex;
        gap: 6px;
      }
      .ops-tab {
        padding: 7px 10px;
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.035);
        color: var(--fg-60);
        font: 600 10px/1 var(--font-mono);
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }
      .ops-tab.active {
        background: var(--acc-bg);
        color: var(--acc);
      }
      .ops-body {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(230px, 0.95fr);
      }
      .ops-table {
        padding: 18px;
        border-right: 1px solid var(--rule);
      }
      .ops-row {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr auto;
        gap: 12px;
        align-items: center;
        min-height: 46px;
        border-bottom: 1px solid var(--rule);
        font-size: 13px;
      }
      .ops-row:last-child {
        border-bottom: 0;
      }
      .ops-row strong {
        font-weight: 600;
      }
      .status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 76px;
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(0, 102, 255, 0.1);
        color: var(--acc);
        font: 600 10px/1 var(--font-mono);
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }
      .status.warn {
        background: rgba(245, 158, 11, 0.12);
        color: #9a6400;
      }
      .ops-map {
        padding: 18px;
        background: linear-gradient(180deg, #f9f9f7, #fff);
      }
      .route-preview-map {
        min-height: 214px;
        border: 1px solid var(--rule);
        border-radius: var(--r);
        position: relative;
        overflow: hidden;
        background: #f7f6f2;
      }
      .route-preview-map .leaflet-control-attribution {
        border-radius: 5px;
        font-size: 9px;
        background: rgba(255, 255, 255, 0.78);
      }
      .route-preview-map .leaflet-tile-pane {
        opacity: 0.78;
        filter: saturate(0.55) contrast(0.95);
      }
      .route-preview-marker {
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: var(--acc);
        border: 3px solid #fff;
        box-shadow: 0 0 0 5px rgba(0, 102, 255, 0.16);
      }
      .route-preview-depot {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        background: var(--fg);
        border: 3px solid #fff;
        box-shadow: 0 0 0 5px rgba(12, 12, 14, 0.12);
      }
      .ops-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-top: 12px;
      }
      .ops-stat {
        padding: 12px;
        border: 1px solid var(--rule);
        border-radius: var(--r-sm);
        background: #fff;
      }
      .ops-stat strong {
        display: block;
        font: 600 17px/1 var(--font-mono);
      }
      .ops-stat span {
        display: block;
        margin-top: 6px;
        color: var(--fg-60);
        font-size: 11px;
        line-height: 1.25;
      }
      .section-wrap {
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 72px 64px;
      }
      .section-kicker {
        color: var(--acc);
        font: 600 11px/1 var(--font-mono);
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .section-title {
        margin: 18px 0 0;
        max-width: 760px;
        font-size: clamp(36px, 4vw, 56px);
        line-height: 1;
        letter-spacing: -0.035em;
        font-weight: 500;
      }
      .section-lead {
        margin-top: 18px;
        max-width: 680px;
        font-size: 16px;
        line-height: 1.6;
        color: var(--fg-60);
      }
      .feature-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin-top: 34px;
      }
      .feature-card {
        min-height: 220px;
        padding: 24px;
        border: 1px solid var(--rule);
        border-radius: var(--r);
        background: rgba(255, 255, 255, 0.62);
      }
      .feature-card h3 {
        margin: 22px 0 10px;
        font-size: 22px;
        line-height: 1.12;
        letter-spacing: -0.018em;
      }
      .feature-card p {
        color: var(--fg-60);
        font-size: 14px;
        line-height: 1.55;
      }
      .card-num {
        color: var(--acc);
        font: 600 11px/1 var(--font-mono);
      }
      .split-section {
        display: grid;
        grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
        gap: 56px;
        align-items: start;
      }
      .process-list {
        border-top: 1px solid var(--rule);
        margin-top: 8px;
      }
      .process-item {
        display: grid;
        grid-template-columns: 82px 1fr;
        gap: 22px;
        padding: 22px 0;
        border-bottom: 1px solid var(--rule);
      }
      .process-item .step {
        color: var(--acc);
        font: 600 12px/1 var(--font-mono);
      }
      .process-item h3 {
        margin: 0 0 8px;
        font-size: 20px;
        line-height: 1.18;
        letter-spacing: -0.014em;
      }
      .process-item p {
        color: var(--fg-60);
        font-size: 14px;
        line-height: 1.55;
      }
      .dark-section {
        background: var(--dark);
        color: var(--dark-fg);
      }
      .dark-section .section-lead,
      .dark-section .feature-card p {
        color: rgba(245, 243, 238, 0.68);
      }
      .dark-section .feature-card {
        background: rgba(255, 255, 255, 0.035);
        border-color: var(--dark-rule);
      }
      .handoff-panel {
        margin-top: 34px;
        border: 1px solid var(--dark-rule);
        border-radius: var(--r-lg);
        background: rgba(255, 255, 255, 0.035);
        overflow: hidden;
      }
      .handoff-row {
        display: grid;
        grid-template-columns: 190px 1fr auto;
        gap: 18px;
        align-items: center;
        padding: 16px 18px;
        border-bottom: 1px solid var(--dark-rule);
        font-size: 14px;
      }
      .handoff-row:last-child {
        border-bottom: 0;
      }
      .handoff-row .mono {
        color: var(--acc);
        font-size: 11px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
      .handoff-row .muted {
        color: rgba(245, 243, 238, 0.58);
      }
      .cta-band {
        padding: 40px 64px 96px;
      }
      .cta-inner {
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 58px 52px;
        border-radius: var(--r-lg);
        background: var(--dark);
        color: var(--dark-fg);
        position: relative;
        overflow: hidden;
      }
      .cta-glow {
        top: -120px;
        right: -100px;
        width: 460px;
        height: 360px;
      }
      .cta-content {
        position: relative;
      }
      .cta-inner h2 {
        margin: 18px 0 0;
        max-width: 720px;
        font-size: clamp(36px, 4.3vw, 58px);
        line-height: 1;
        letter-spacing: -0.035em;
        font-weight: 500;
      }
      .cta-inner p {
        margin-top: 18px;
        max-width: 600px;
        color: rgba(245, 243, 238, 0.68);
        font-size: 16px;
        line-height: 1.6;
      }
      .cta-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 28px;
      }
      .minimal-footer {
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 28px 64px;
        border-top: 1px solid var(--rule);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
      }
      .footer-links {
        display: flex;
        gap: 20px;
      }
      .copyright {
        color: var(--fg-45);
        font: 11px/1.5 var(--font-mono);
      }
      @media (max-width: 1080px) {
        .features-hero {
          grid-template-columns: 1fr;
          padding-left: 36px;
          padding-right: 36px;
        }
        .ops-body {
          grid-template-columns: 1fr;
        }
        .ops-table {
          border-right: 0;
          border-bottom: 1px solid var(--rule);
        }
        .workflow-rail {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .workflow-rail a:nth-child(5) {
          border-left: 0;
        }
        .workflow-rail a:nth-child(n + 5) {
          border-top: 1px solid var(--rule);
        }
        .feature-grid {
          grid-template-columns: 1fr 1fr;
        }
        .split-section {
          grid-template-columns: 1fr;
          gap: 34px;
        }
      }
      @media (max-width: 720px) {
        .features-nav {
          padding: 14px 18px;
        }
        .features-nav .nav-left {
          gap: 18px;
        }
        .features-nav .nav-right {
          display: none;
        }
        .features-nav .nav-right .link {
          display: none;
        }
        .features-nav .btn {
          min-height: 38px;
          padding: 9px 12px;
          font-size: 12px;
        }
        .features-hero {
          width: min(100%, 390px);
          max-width: 100%;
          margin: 0;
          padding: 36px 20px 24px;
          gap: 28px;
        }
        .features-hero h1 {
          max-width: 10ch;
          font-size: 42px;
          line-height: 0.96;
          overflow-wrap: break-word;
        }
        .features-hero .lead {
          font-size: 17px;
        }
        .hero-actions .btn {
          flex: 1 1 0;
          min-width: 0;
          justify-content: center;
          text-align: center;
          white-space: normal;
        }
        .workflow-rail {
          grid-template-columns: 1fr 1fr;
        }
        .workflow-rail a {
          min-height: 50px;
          padding: 0 10px;
          font-size: 9.5px;
        }
        .workflow-rail a:nth-child(odd) {
          border-left: 0;
        }
        .workflow-rail a:nth-child(n + 3) {
          border-top: 1px solid var(--rule);
        }
        .ops-panel {
          width: 100%;
          border-radius: var(--r);
        }
        .ops-panel-head {
          align-items: flex-start;
          flex-direction: column;
        }
        .ops-row {
          grid-template-columns: 1fr;
          gap: 5px;
          padding: 10px 0;
        }
        .ops-stats {
          grid-template-columns: 1fr;
        }
        .section-wrap {
          padding: 56px 20px;
        }
        .feature-grid {
          grid-template-columns: 1fr;
        }
        .process-item {
          grid-template-columns: 1fr;
          gap: 10px;
        }
        .handoff-row {
          grid-template-columns: 1fr;
          gap: 8px;
        }
        .cta-band {
          padding: 24px 20px 72px;
        }
        .cta-inner {
          padding: 42px 28px;
        }
        .minimal-footer {
          padding: 24px 20px;
          align-items: flex-start;
          flex-direction: column;
        }
        .footer-links {
          flex-wrap: wrap;
        }
      }