:root {
      --apple-bg: #000;
      --apple-text: #f5f5f7;
      --apple-muted: #b6b6ba;
      --apple-border: #ffffff26;
      --glass-bg: #1e1e2080;
      --badge-text: #dcb8ff;
      --section-sub: #967bb4;
    }

    body, html {
      margin: 0;
      padding: 0;
      background-color: var(--apple-bg);
      font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: var(--apple-text);
      overflow-x: clip !important;
    }

    .mac-navbar {
      position: fixed;
      top: 0; 
      left: 0;
      z-index: 1030;
      padding: 20px 0;
      background: #000000b3;
      backdrop-filter: blur(20px);
      border-bottom: 0.5px solid #ffffff1a;
    }

    .mac-buy-btn {
      background-color: #170645 !important;
      padding: 10px 20px;
      border-radius: 24px;
      font-size: 0.85rem;
      transition: all 0.3s ease;
    }

    .mac-buy-btn:hover {
        transition: all 0.3s ease;
        transform: scale(1.02);
    }

    .mac-nav-link {
      color: #e8e8edd6;
      font-size: 0.85rem;
      padding: 0.5rem 1rem;
      transition: color 0.2s;
      letter-spacing: -0.01em;
    }

    .mac-nav-link:hover { 
        color: #fff; 
    }

    .mac-nav-link.active {
        color: #b388ff;
    }

    .mac-brand img{
      filter: brightness(0) invert(1);
    }

    .mac-hero-section {
      min-height: 100vh;
      padding-top: 80px;
    }

    .mac-ambient-glow {
      top: 50%;
      right: 15%;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, #2997ff66 0%, #bf47ff4d 40%, transparent 70%);
      transform: translateY(-50%);
      filter: blur(80px);
      z-index: 0;
      pointer-events: none;
      animation: breathe-glow 8s ease-in-out infinite alternate;
    }

    .mac-eyebrow {
      color: var(--apple-muted);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
    }

    .mac-title {
      font-size: 3.5rem;
      line-height: 1.05;
      letter-spacing: -0.04em;
      margin-bottom: 1.25rem;
    }

    .mac-text-gradient {
      color: #b388ff;
    }

    .mac-subtitle {
      font-size: 1.1rem; 
      line-height: 1.5;
      color: var(--apple-muted);
      max-width: 90%;
      letter-spacing: -0.01em;
      margin-bottom: 2.5rem;
    }

    .mac-btn-group {
      gap: 1.5rem;
    }

    .mac-btn-primary {
      background: #f5f5f7;
      padding: 14px 28px;
      border-radius: 24px; 
      font-size: 0.95rem;
      letter-spacing: -0.01em;
      transition: transform 0.2s ease, filter 0.2s ease;
    }

    .mac-btn-primary:hover {
      transform: scale(1.02);
      filter: brightness(0.9);
      color: #000 !important;
    }

    .mac-btn-primary-hero {
      background: #170645;
      padding: 14px 28px;
      border-radius: 24px; 
      font-size: 0.95rem;
      letter-spacing: -0.01em;
      transition: transform 0.2s ease, filter 0.2s ease;
    }

    .mac-btn-primary-hero:hover {
      transform: scale(1.02);
      filter: brightness(0.9);
    }

    .mac-widget-container {
      z-index: 2;
      background: var(--glass-bg);
      backdrop-filter: blur(40px) saturate(150%);
      border: 0.5px solid #fff3;
      border-radius: 28px;
      padding: 2.5rem;
      box-shadow: 0 30px 60px #0006, inset 0 1px 0 #fff3;
    }

    .mac-widget-title {
      font-size: 0.85rem;
      color: var(--apple-muted);
      letter-spacing: 0.05em;
      margin-bottom: 2rem;
    }

    .mac-pipeline {
      padding-left: 2rem;
    }

    .mac-track {
      top: 10px; 
      left: 0;
      width: 2px; height: calc(100% - 20px);
      background: #ffffff1a;
      border-radius: 2px;
    }

    .mac-pulse {
      top: 10px; 
      left: -1px;
      width: 4px; 
      height: 50px;
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 0 15px 3px #fffc, 0 0 30px 5px #32c5ff80;
      animation: run-mac-pulse 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }

    .mac-node {
      gap: 1.25rem;
      margin-bottom: 2.5rem;
      opacity: 0.5;
      transition: opacity 0.5s ease;
    }

    .mac-node:last-child {
      margin-bottom: 0;
    }

    .mac-node-icon {
      width: 36px; 
      height: 36px;
      background: #ffffff0d;
      border: 0.5px solid #ffffff1a;
      border-radius: 10px;
      font-size: 1rem;
      color: var(--apple-text);
    }

    .mac-node-title {
      font-size: 1.05rem;;
      color: #fff;
      margin-bottom: 4px;
      letter-spacing: -0.01em;
    }

    .mac-node-desc {
      font-size: 0.85rem;
      color: var(--apple-muted);
      line-height: 1.4;
    }

    .mac-node-1 { 
      animation: light-up 6s infinite 0s; 
    }

    .mac-node-2 { 
      animation: light-up 6s infinite 1.5s; 
    }

    .mac-node-3 { 
      animation: light-up 6s infinite 2s; 
    }

    .mac-node-4 { 
      animation: light-up 6s infinite 2.5s; 
    }

    @keyframes breathe-glow {
      0% { 
        opacity: 0.6; 
        transform: translateY(-50%) scale(1); 
      }

      100% { 
        opacity: 1; 
        transform: translateY(-50%) scale(1.1); 
      }
    }

    @keyframes run-mac-pulse {
      0% { 
        top: 0; 
        opacity: 0; 
        height: 0; 
      }

      10% { 
        opacity: 1; 
        height: 50px; 
      }

      90% { 
        opacity: 1; 
        height: 50px; 
      }

      100% { 
        top: 85%; 
        opacity: 0; 
        height: 20px; 
      }
    }

    @keyframes light-up {
      0%, 100% { 
        opacity: 0.5; 
      }

      10%, 40% { 
        opacity: 1; 
      }
    }

    @media (width < 395px) {
      .mac-hero-section { 
        padding: 120px 0 !important; 
      }

      .mac-ambient-glow { 
        top: 60% !important;
        right: 60% !important; 
        transform: translate(50%, -50%) !important; 
      }

      .mac-eyebrow { 
        text-align: center !important;
      }

      .mac-title { 
        font-size: 2.5rem !important; 
        text-align: center !important;
      }

      .mac-subtitle { 
        font-size: 1.15rem !important; 
        text-align: center !important;
      }

      .mac-btn-group { 
        align-items: center !important;
        justify-content: center !important;
        gap: 1rem !important; 
      }

      .mac-btn-primary {
        font-size: 1.1rem !important; 
        text-align: center !important;
        padding: 10px 20px !important; 
      }

      .mac-btn-primary-hero {
        font-size: 1.1rem !important; 
        text-align: center !important;
        padding: 10px 20px !important; 
      }

      .mac-widget-container { 
        margin-top: 3rem !important;
        padding: 1.5rem !important; 
      }

      .mac-mobile-nav-link {
          padding: 18px 0;
          font-size: 18px !important;
          border-bottom: 1px solid #9898981d;
          color: #fff;
          text-align: center !important;
      }

    }

    
    @media (width > 395px) and (width <= 420px) {
      .mac-hero-section { 
        padding: 120px 0 !important; 
      }

      .mac-ambient-glow { 
        top: 60% !important;
        right: 60% !important; 
        transform: translate(50%, -50%) !important; 
      }

      .mac-eyebrow { 
        font-size: 0.85rem !important; 
        text-align: center !important;
      }

      .mac-title { 
        font-size: 2.9rem !important; 
        text-align: center !important;
      }

      .mac-subtitle { 
        font-size: 1.4rem !important; 
        text-align: center !important;
      }

      .mac-btn-group { 
        align-items: center !important;
        justify-content: center !important;
        gap: 1rem !important; 
      }

      .mac-btn-primary {
        font-size: 1.2rem !important; 
        text-align: center !important; 
        padding: 13px 25px !important;
      }

      .mac-btn-primary-hero {
        font-size: 1.2rem !important; 
        text-align: center !important;
        padding: 13px 25px !important; 
      }

      .mac-widget-container { 
        margin-top: 3rem !important;
        padding: 1.5rem !important; 
      }

      .mac-mobile-offcanvas {
        width: 100% !important;
        max-width: 100% !important;
      }

      .mac-mobile-nav-link {
          padding: 18px 0;
          font-size: 20px !important;
          border-bottom: 1px solid #9898981d;
          color: #fff;
      }

      .mac-mobile-sub-link {
          font-size: 18px !important;
          border-bottom: 1px solid #9898981d;
          color: #fff;
      }

      .mac-mobile-buy-btn {
          font-size: 20px !important;
          color: #fff;
      }
    }

    @media (width > 420px) and (width <= 450px) {
      .mac-hero-section { 
        padding: 120px 0 !important; 
      }

      .mac-ambient-glow { 
        top: 60% !important;
        right: 60% !important; 
        transform: translate(50%, -50%) !important; 
      }

      .mac-eyebrow { 
        font-size: 0.85rem !important; 
        text-align: center !important;
      }

      .mac-title { 
        font-size: 2.9rem !important; 
        text-align: center !important;
      }

      .mac-subtitle { 
        font-size: 1.4rem !important; 
        text-align: center !important;
      }

      .mac-btn-group { 
        align-items: center !important;
        justify-content: center !important;
        gap: 1rem !important; 
      }

      .mac-btn-primary {
        font-size: 1.2rem !important; 
        text-align: center !important; 
        padding: 13px 25px !important;
      }

      .mac-btn-primary-hero {
        font-size: 1.2rem !important; 
        text-align: center !important;
        padding: 13px 25px !important; 
      }

      .mac-widget-container { 
        margin-top: 3rem !important;
        padding: 1.5rem !important; 
      }

      .mac-mobile-offcanvas {
        width: 100% !important;
        max-width: 100% !important;
      }

         .mac-mobile-nav-link {
          padding: 18px 0;
          font-size: 22px !important;
          border-bottom: 1px solid #9898981d;
          color: #fff;
      }

      .mac-mobile-sub-link {
          font-size: 20px !important;
          border-bottom: 1px solid #9898981d;
          color: #fff;
      }

      .mac-mobile-buy-btn {
          font-size: 20px !important;
          color: #fff;
      }
    }

 @media (width > 760px) and (width <= 810px) {
      .mac-hero-section { 
        padding: 150px 0 !important; 
      }

      .mac-ambient-glow { 
        top: 60% !important;
        right: 60% !important; 
        transform: translate(50%, -50%) !important; 
      }

      .mac-eyebrow { 
        font-size: 1rem !important; 
        text-align: center !important;
      }

      .mac-title { 
        font-size: 3.2rem !important; 
        text-align: center !important;
      }

      .mac-subtitle { 
        font-size: 1.5rem !important; 
        text-align: center !important;
      }

      .mac-btn-group { 
        align-items: center !important;
        justify-content: center !important;
        gap: 1rem !important; 
      }

      .mac-btn-primary {
        font-size: 1.4rem !important; 
        text-align: center !important; 
        padding: 13px 25px !important;
      }

      .mac-btn-primary-hero {
        font-size: 1.4rem !important; 
        text-align: center !important;
        padding: 13px 25px !important; 
      }

      .mac-widget-title{
        font-size: 1.2rem !important; 
      }

      .mac-node-title{
        font-size: 1.5rem !important; 
      }

      .mac-node-desc{
        font-size: 1.2rem !important; 
      }

      .mac-widget-container { 
        margin-top: 3rem !important;
        padding: 1.5rem !important; 
      }

      .mac-mobile-offcanvas {
        width: 100% !important;
        max-width: 100% !important;
      }

      .mac-mobile-nav-link {
          padding: 20px 0;
          font-size: 24px !important;
          border-bottom: 1px solid #9898981d;
          color: #fff;
      }

      .mac-mobile-sub-link {
          font-size: 22px !important;
          border-bottom: 1px solid #9898981d;
          color: #fff;
      }

      .mac-mobile-buy-btn {
          font-size: 24px !important;
          color: #fff;
      }
    }

@media (width > 815px) and (width <= 840px) {
      .mac-hero-section { 
        padding: 150px 0 !important; 
      }

      .mac-ambient-glow { 
        top: 60% !important;
        right: 60% !important; 
        transform: translate(50%, -50%) !important; 
      }

      .mac-eyebrow { 
        font-size: 1rem !important; 
        text-align: center !important;
      }

      .mac-title { 
        font-size: 3.3rem !important; 
        text-align: center !important;
      }

      .mac-subtitle { 
        font-size: 1.7rem !important; 
        text-align: center !important;
      }

      .mac-btn-group { 
        align-items: center !important;
        justify-content: center !important;
        gap: 1rem !important; 
      }

      .mac-btn-primary {
        font-size: 1.4rem !important; 
        text-align: center !important; 
        padding: 13px 25px !important;
      }

      .mac-btn-primary-hero {
        font-size: 1.4rem !important; 
        text-align: center !important;
        padding: 13px 25px !important; 
      }

      .mac-widget-container { 
        margin-top: 3rem !important;
        padding: 1.5rem !important; 
      }

      .mac-mobile-offcanvas {
        width: 100% !important;
        max-width: 100% !important;
      }

      .mac-widget-title{
        font-size: 1.1rem !important; 
      }

      .mac-node-title{
        font-size: 1.4rem !important; 
      }

      .mac-node-desc{
        font-size: 1.1rem !important; 
      }

      .mac-mobile-nav-link {
          padding: 20px 0;
          font-size: 26px !important;
          border-bottom: 1px solid #9898981d;
          color: #fff;
      }

      .mac-mobile-sub-link {
          font-size: 24px !important;
          border-bottom: 1px solid #9898981d;
          color: #fff;
      }

      .mac-mobile-buy-btn {
          font-size: 24px !important;
          color: #fff;
      }
    }

    @media (width <= 991px) {
      .mac-hero-section { 
        padding: 120px 0; 
      }

      .mac-ambient-glow { 
        right: 50%; 
        transform: translate(50%, -50%); 
      }

      .mac-title { 
        font-size: 2.75rem; 
      }

      .mac-subtitle { 
        font-size: 1.1rem; 
      }

      .mac-btn-group { 
        align-items: center;
        justify-content: center;
        gap: 2rem; 
      }

      .mac-btn-primary { 
        text-align: center; 
      }

      .mac-widget-container { 
        margin-top: 3rem;
        padding: 1.5rem; 
      }
    }

/* Mobile Nav */
.mac-mobile-offcanvas {
    width: 100%;
    max-width: 100%;
    background-color: #000;
}

.mac-mobile-header {
    padding: 20px 24px;
    border-bottom: 1px solid #9898981d;
}

.mac-mobile-logo {
    height: 45px;
    filter: brightness(0) invert(1);
}

.mac-mobile-close {
    filter: brightness(0) invert(1);
    margin-left: auto;
}

.mac-mobile-body {
    padding: 0 24px;
}

.mac-mobile-nav-link {
    padding: 18px 0;
    border-bottom: 1px solid #9898981d;
    color: #fff;
}

.mac-mobile-nav-link:hover,
.mac-mobile-nav-link.active {
    color: #7c3aed;
}

.mac-mobile-chevron {
    font-size: 14px;
    transition: transform 0.2s ease;
}

.mac-mobile-dropdown-toggle[aria-expanded="true"] .mac-mobile-chevron {
    transform: rotate(180deg);
}

.dropdown-menu{
  background-color: #0a0a0a;
  min-width: 102px;
}

.dropdown-item{
  font-size: 0.85rem;
  color: #fff;
}

.dropdown-menu .dropdown-item:hover{
  background-color: transparent;
  color: #b388ff;
}

.mac-mobile-sub-link {
    padding: 14px 0 14px 20px;
    border-bottom: 1px solid #9898981d;
    color: #b7b7b7;
    font-size: 15px;
}

.mac-mobile-sub-link:hover {
    color: #5626a8;
}

.mac-mobile-cta {
    padding-top: 24px;
}

.mac-mobile-buy-btn {
    padding: 13px 20px;
    background-color: #7c3aed;
    border-radius: 24px;
}

.mac-mobile-buy-btn:hover {
    background-color: #42178e;
}

/* Flow Section */
.proba-workflows-section {
    background-color: var(--apple-bg); 
    padding: 60px 0;
    color: #fff;
}

.workflow-main-title {
    font-size: 2.5rem; 
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.workflow-subtitle {
    font-size: 1rem;
    line-height: 1.6;
}

.workflow-giant-num {
    font-size: clamp(3rem, 5vw, 4.5rem);
    line-height: 1;
}

.workflow-desc {
    font-size: 1rem;
    line-height: 1.5;
}

.theme-accent {
    color: #b388ff; 
}

.text-lavender {
    color: #a795c1; 
}

.tracking-wider {
    letter-spacing: 0.05em;
    font-size: 0.7rem;
}

.custom-border-bottom {
    border-bottom: 1px solid #231836; 
}

.workflow-step {
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    border-radius: 6px; 
    margin-bottom: 4px;
}

.workflow-step:hover {
    background-color: #160f24; 
    border-bottom-color: transparent; 
}

.step-number {
    color: #1e152e; 
    transition: color 0.4s ease, transform 0.4s ease, text-shadow 0.4s ease;
}

.workflow-step:hover .step-number {
    color: #b388ff; 
    transform: translateX(8px);
    text-shadow: 0 0 15px #b388ff66;
}

.badge-purple {
    background-color: #b388ff1a; 
    color: #d6bcfa; 
    border: 1px solid #b388ff40; 
}

@media (width < 991.98px) {
    .badge-purple {
        font-size: 0.75rem;
    }
}

/* Modules Section */
.core-modules-section {
    background-color: #000; 
}

.core-theme-accent { 
  color: #b388ff; 
}

.core-text-lavender { 
  color: #a795c1 !important; 
}

.core-text-purple-bright { 
  color: #d6bcfa; 
}

.core-fs-sm { 
  font-size: 0.875rem; 
  line-height: 1.6; 
}

.core-tracking-wider { 
  letter-spacing: 0.05em; 
  font-size: 0.85rem;
}

.core-section-title { 
  font-size: 2.5rem; 
}

.core-section-desc { 
  font-size: 1rem; 
  line-height: 1.6; 
}

.core-card {
    background-color: #161022; 
    border-radius: 24px;       
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    border: 1px solid #b388ff0d !important; 
}

.core-card:hover {
    transform: translateY(-5px);
    background-color: #1a1329;
    box-shadow: 0 15px 35px #b388ff14; 
}

.core-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 14px;
}

.core-bg-purple-soft {
    background-color: #b388ff1f;
}

.core-action-icon {
    width: 32px;
    height: 32px;
    background-color: #ffffff08;
    color: #967bb4;
    font-size: 0.875rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.core-icon-box-animated {
    width: 40px;
    height: 40px;
}

.core-card:hover .core-action-icon {
    background-color: #b388ff33;
    color: #fff;
}

  .core-btn-module {
    background-color: #ffffff0a;
    color: #a795c1;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: all 0.3s ease;
}

.core-btn-module:hover, .core-card:hover .core-btn-module {
    background-color: #b388ff26;
    color: #d6bcfa;
}

#modules{
  scroll-margin-top: 80px;
}

/* Security Section */
.security-accordion-section {
    padding: 60px 0;
}

.sec-acc-header {
    margin-bottom: 70px;
    max-width: 750px;
}

.sec-acc-eyebrow {
    padding: 6px 16px;
    background-color: #120a1f; 
    color: #dcb8ff; 
    border: 1px solid #2a1a40;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

.sec-acc-title {
    font-size: 2.5rem;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 10px;
}

.sec-acc-subtitle {
    font-size: 1rem;
    color: #967bb4; 
    line-height: 1.6;
}

.sec-accordion-wrap {
    max-width: 900px;
}

.sec-accordion .accordion-item {
    border-bottom: 1px solid #221633 !important; 
}

.sec-accordion .accordion-item:last-child {
    border-bottom: none;
}

.sec-accordion .accordion-button {
    font-size: 1.35rem;
    padding: 35px 20px;
    gap: 20px;
    transition: all 0.3s ease;
}

.sec-accordion .accordion-button:hover {
    background-color: #dcb8ff05;
}

.sec-accordion .accordion-button:not(.collapsed) {
    background-color: #dcb8ff0a;
    color: #fff;
    border-bottom: 1px solid #dcb8ff0d;
}

.sec-acc-icon {
    width: 50px;
    height: 50px;
    background-color: #120a1f;
    border: 1px solid #2a1a40;
    border-radius: 12px;
    color: #dcb8ff;
    font-size: 1.4rem;
    transition: all 0.3s ease;
}

.sec-accordion .accordion-button:not(.collapsed) .sec-acc-icon {
    background-color: #dcb8ff;
    color: #000;
}

.sec-accordion .accordion-button::after {
    display: none; 
}

.sec-acc-toggle-icon {
    color: #6c5c8f;
    font-size: 1.5rem;
    transition: transform 0.4s ease;
}

.sec-accordion .accordion-button:not(.collapsed) .sec-acc-toggle-icon {
    transform: rotate(180deg);
    color: #dcb8ff;
}

.sec-accordion .accordion-body {
    padding: 40px 20px 50px 90px; 
}

.sec-data-row {
    margin-bottom: 30px;
}

.sec-data-row:last-child {
    margin-bottom: 0;
}

.sec-data-label {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

.label-standard { 
  color: #8b83a3; 
}

.label-benefit { 
  color: #dcb8ff; 
}

.sec-data-text {
    font-size: 1rem;
    color: #a59fb8; 
    line-height: 1.7;
}

.accordion-item-title {
    font-size: 1.35rem !important;
    color: #fff !important;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

@media (width < 768px) {
    .sec-accordion .accordion-button {
        font-size: 1.15rem;
        padding: 25px 10px;
        gap: 15px;
    }

    .sec-acc-icon {
        width: 44px;
        height: 44px;
        font-size: 1.2rem;
    }

    .sec-accordion .accordion-body {
        padding: 20px 10px 30px;
    }
}

/* Use Cases Section */
.uc-dark-section {
    padding: 40px 0;
}

.uc-dark-header {
    margin-bottom: 70px;
    max-width: 700px;
}

.uc-dark-eyebrow {
    padding: 6px 16px;
    background-color: #120a1f; 
    color: #dcb8ff; 
    border: 1px solid #2a1a40;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

.uc-dark-title {
    font-size: 2.5rem;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 10px;
}

.uc-dark-subtitle {
    font-size: 1rem;
    color: #967bb4; 
    line-height: 1.6;
}

.uc-dark-card {
    background: linear-gradient(145deg, #130a1d 0%, #0a0510 100%);
    border: 1px solid #221633;
    border-radius: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.uc-dark-card:hover {
    transform: translateY(-6px);
    border-color: #352352;
}

.uc-dark-body {
    padding: 35px;
    flex-grow: 1; 
}

.uc-dark-title-wrap {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.uc-dark-badge {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: #dcb8ff1a;
    color: #dcb8ff;
    border: 1px solid #dcb8ff33;
    font-size: 0.95rem;
    margin-top: 3px;
}

.uc-dark-card-title {
    font-size: 1.2rem;
    line-height: 1.4;
}

.uc-dark-desc {
    font-size: 0.9rem;
    color: #9ca3af;
    line-height: 1.7;
}

.uc-dark-divider {
    height: 1px;
    background: linear-gradient(90deg, #dcb8ff26 0%, #dcb8ff00 100%);
    margin: 25px 0;
}

.uc-dark-powered {
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #72688f;
    margin-bottom: 12px;
}

.uc-dark-pills {
    flex-wrap: wrap;
    gap: 8px;
}

.uc-dark-pill {
    background-color: #17102499;
    border: 1px solid #281d3d;
    color: #dcb8ff;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.75rem;
}

.uc-dark-footer {
    background-color: #0000004d; 
    border-top: 1px solid #221633;
    padding: 25px 35px;
}

.uc-dark-proof-title {
    font-size: 0.95rem;
    margin-bottom: 8px;
    gap: 10px;
}

.uc-dark-proof-title i {
    color: #dcb8ff; 
    font-size: 1.1rem;
}

.uc-dark-proof-desc {
    font-size: 0.85rem;
    color: #8b83a3; 
    line-height: 1.6;
}

/* Problem Section */
.transform-section {
    padding: 40px 0;
}

.transform-header {
    margin-bottom: 80px;
    max-width: 800px;
}

.transform-eyebrow {
    padding: 6px 16px;
    background-color: #dcb8ff1a; 
    color: #dcb8ff; 
    border: 1px solid #dcb8ff33;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    margin-bottom: 20px;
}

.transform-title {
    font-size: 2.5rem;
    letter-spacing: -0.03em;
    line-height: 1.2;
    margin-bottom: 20px;
}

.transform-subtitle {
    font-size: 1rem;
    line-height: 1.6;
}

.transform-row {
    margin-bottom: 40px;
    border-bottom: 1px solid #221633; 
    padding-bottom: 40px;
}

.transform-row:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.transform-step-title {
    font-size: 1.2rem;
    margin-bottom: 25px;
    gap: 12px;
}

.transform-step-number {
    width: 36px;
    height: 36px;
    background-color: #120a1f;
    border: 1px solid #2a1a40;
    color: #dcb8ff;
    font-size: 1rem;
}

.state-box {
    padding: 25px 30px;
    border-radius: 16px;
}

.state-before {
    background-color: #ffffff05;
    border: 1px dashed #ffffff1a;
}

.state-label-before {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    color: #ff6b6b; 
    margin-bottom: 12px;
    gap: 8px;
}

.state-text-before {
    font-size: 1rem;
    color: #8b83a3; 
    line-height: 1.6;
}

.state-after {
    background: linear-gradient(135deg, #dcb8ff14 0%, #dcb8ff05 100%);
    border: 1px solid #dcb8ff33;
    box-shadow: 0 10px 30px #dcb8ff0d;
}

.state-label-after {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    color: #dcb8ff; 
    margin-bottom: 12px;
    gap: 8px;
}

.state-text-after {
    font-size: 1.05rem;
    line-height: 1.6;
}

.transform-arrow-wrap {
    color: #4a3b69;
    font-size: 1.8rem;
}

@media (width < 767px) {
    .transform-arrow-wrap {
        height: auto;
        padding: 15px 0;
    }
    
    .transform-step-title {
        font-size: 1.3rem;
    }
}

/* Scale Section */
.scale-img-layout {
    padding: 60px 0;
}

.scale-left-wrap {
    padding-right: 40px;
    top: 120px;
}

.scale-eyebrow {
    font-size: 0.9rem;
    color: var(--badge-text);
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}

.scale-title {
    font-size: 3rem;
    letter-spacing: -0.04em;
    line-height: 1.05;
    margin-bottom: 30px;
}

.scale-desc {
    font-size: 1.1rem;
    color: var(--section-sub);
    line-height: 1.6;
    margin-bottom: 40px;
}

.scale-global-cta {
    color: #170645;
    padding: 16px 28px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.scale-global-cta:hover {
    background: #f1f3f5;
    transition: all 0.3s ease;
    transform: translateY(-5px);

}

.scale-box {
    border-radius: 20px;
    padding: 40px;
    transition: transform 0.3s ease;
}

.scale-box:hover {
    transform: translateY(-5px);
}

.scale-box-accent {
    background-color: #170645;
    color: #fff;
    box-shadow: 0 15px 35px #522bff33;
}

.scale-box-light {
    background: linear-gradient(145deg, #130a1d 0%, #0a0510 100%);
    color: var(--badge-text);
    border: 1px solid #221633;
}

.scale-logo-area {
    margin-bottom: 40px;
}

.scale-content-area {
    flex-grow: 1;
    margin-bottom: 30px;
}

.scale-box-label {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    margin-bottom: 8px;
}

.scale-box-accent .scale-box-label { 
  color: var(--badge-text); 
}

.scale-box-light .scale-box-label { 
  color: var(--badge-text); 
}

.scale-box-text {
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 25px;
}

.scale-box-text:last-child {
    margin-bottom: 0;
}

.scale-divider {
    height: 1px;
    margin-bottom: 20px;
}

  .scale-image-wrapper {
      width: 60px; 
      height: 60px; 
      border-radius: 12px; 
      padding: 12px; 
  }

  .scale-box-light .scale-image-wrapper {
      background-color: #ffffff26; 
  }

  .scale-logo-img {
      max-width: 100%;
      max-height: 100%;
  }

.scale-box-accent .scale-divider { 
  background-color: #b2b1ff33; 
}

.scale-box-light .scale-divider { 
  background-color: #b2b1ff33; 
}

.scale-footer-wrap {
    gap: 15px;
}

.scale-phase-title {
    font-size: 1rem;
}

.scale-card-cta {
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    gap: 5px;
    transition: opacity 0.2s ease;
}

.scale-card-cta:hover {
    opacity: 0.7;
}

@media (width < 768px) {
    .scale-left-wrap {
        position: relative;
        top: 0;
        padding-right: 0;
        margin-bottom: 50px;
    }

    .scale-eyebrow {
        text-align: center !important;
    }

    .scale-title {
        font-size: 2.5rem;
        text-align: center !important;
    }

    .scale-desc {
        text-align: center !important;
    }

    .scale-global-cta {
      display: flex !important;
      width: fit-content !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .scale-box {
        padding: 30px 25px;
    }
}

/* Footer */
.site-footer {
    border-top: 1px solid #221633;
    padding: 80px 0 30px;
}

.footer-brand-wrap {
    margin-bottom: 40px;
    padding-right: 20px;
}

.footer-brand-header {
    gap: 15px;
    margin-bottom: 20px;
}

.footer-logo-icon {
    width: 40px; 
    height: 40px;
}

.footer-logo-icon-img {
    max-width: 100%;
    max-height: 100%;
}

.footer-brand-name {
    font-size: 1.5rem;
    color: var(--badge-text);
    letter-spacing: -0.02em;
}

.footer-desc {
    font-size: 0.95rem;
    color: var(--section-sub); 
    line-height: 1.7;
    margin-bottom: 25px;
    max-width: 320px;
}

.footer-heading {
    font-size: 0.8rem;
    letter-spacing: 0.1em;
    color: var(--badge-text); 
    margin-bottom: 20px;
}

.footer-list {
    margin: 0 0 40px;
}

.footer-list li {
    margin-bottom: 12px;
}

.footer-list li:last-child {
    margin-bottom: 0;
}

.footer-link {
    font-size: 0.95rem;
    color: var(--section-sub);
    transition: color 0.2s ease, transform 0.2s ease;
}

.footer-link:hover {
    color: #fff;
    transform: translateX(3px);
}

.footer-bottom {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #ffffff0d;
    gap: 20px;
}

.footer-copyright {
    font-size: 0.85rem;
    color: #6c5c8f;
}

@media (width < 991px) {
    .footer-bottom {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }
}

/* Hero Section Government */
.hero-section {
    background-image: url('/assets/images/hero.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.hero-section-ent {
    background-image: url('/assets/images/hero-ent.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.hero-overlay {
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #0a0a0cc0 0%, #000000b8 100%);
    z-index: 1;
}

.hero-overlay-ent {
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #0a0a0c00 0%, #000000a1 100%);
    z-index: 1;
}

.hero-content {
    z-index: 2;
    max-width: 950px;
}

.hero-badge {
    background-color: #ffffff1a;
    border: 1px solid #ffffff26;
    color: #e2e2e2;
    font-size: 0.9rem;
    padding: 8px 20px;
    gap: 8px;
    backdrop-filter: blur(4px);
}

.hero-title {
    letter-spacing: -1px;
    line-height: 1.2;
    font-size: 3rem !important;
}

.hero-subtitle {
    color: #b3b3b3;
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 750px;
}

.btn-cta {
    background-color: #dcb8ff !important;
    color: #1a1a1a !important;
    padding: 12px 26px;
    transition: all 0.3s ease;
}

.btn-cta:hover {
    color: #1a1a1a;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px #dcb8ff6e;
}

@media (width < 768px) {
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
}

.pricing-body {
    padding: 40px 0;
}

.pricing-section {
    max-width: 900px;
    padding: 120px 0;
}

.pricing-header-title {
    font-size: 2.5rem;
    letter-spacing: -1px;
    margin-bottom: 12px;
}

.pricing-header-subtitle {
    color: #a395d1; 
    font-size: 1rem;
    margin-bottom: 40px;
}

.billing-toggle {
    gap: 16px;
    margin-bottom: 50px;
    font-size: 0.95rem;
}

.switch-container {
    width: 56px;
    height: 30px;
}

.switch-input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-slider {
    cursor: pointer;
    inset: 0;
    background-color: #140645;
    transition: .4s;
    border-radius: 34px;
    border: 1px solid #381c91;
}

.switch-slider::before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%;
}

.switch-input:checked + .switch-slider {
    background-color: #6d45e5;
    border-color: #6d45e5;
}

.switch-input:checked + .switch-slider::before {
    transform: translateX(26px);
}

.toggle-label {
    color: #7b66b5;
    transition: color 0.3s;
}

.toggle-label-active {
    color: #fff;
}

.pricing-cards-container {
    gap: 30px;
    flex-wrap: wrap;
}

.card-wrapper {
    max-width: 400px;
    border-radius: 28px;
    padding: 24px 16px 16px;
}

.card-wrapper-basic {
    background-color: #2b137d; 
}

.card-wrapper-pro {
    background-color: #140645; 
}

.card-title {
    font-size: 1.1rem;
    margin-bottom: 16px;
    padding-left: 8px;
}

.card-inner {
    background-color: #08021c; 
    border-radius: 20px;
    padding: 32px 24px;
    flex-grow: 1;
    border: 1px solid #1c0b54;
}

.popular-badge {
    top: -15px;
    right: -10px;
    background-color: #6d45e5; 
    font-size: 0.85rem;
    padding: 8px 16px;
    border-radius: 8px;
    transform: rotate(6deg);
    box-shadow: 2px 4px 15px #0006;
    gap: 6px;
    z-index: 10;
}

.badge-pin {
    width: 10px;
    height: 10px;
    background-color: #140645; 
    box-shadow: -1px 2px 2px #0000004d;
}

.price-container {
    align-items: baseline;
    margin-bottom: 8px;
}

.price-currency {
    font-size: 2rem;
}

.price-amount {
    font-size: 3.5rem;
    letter-spacing: -2px;
    line-height: 1;
}

.price-period {
    font-size: 0.95rem;
    color: #a395d1;
    margin-left: 4px;
}

.plan-description {
    color: #a395d1;
    font-size: 0.85rem;
    line-height: 1.5;
    margin-bottom: 24px;
    min-height: 45px;
}

.annual-savings-note {
    display: none; 
    color: #9e84ff;
}

.features-list {
    margin-bottom: 32px;
    flex-grow: 1;
}

.feature-item {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 0.95rem;
    line-height: 1.4;
    color: #e0d8ff; 
}

.feature-check-icon {
    width: 20px;
    height: 20px;
    background-color: #140645; 
    margin-top: 2px;
    border: 1px solid #381c91;
}

.feature-check-svg {
    width: 12px;
    height: 12px;
    stroke: #9e84ff; 
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.cta-button {
    padding: 16px;
    border-radius: 12px;
    background-color: #6d45e5; 
    font-size: 1rem;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.2s, background-color 0.2s;
}

.cta-button:hover {
    background-color: #835bf5;
    transform: scale(0.98);
}

@media (width < 767px) {
    .pricing-cards-container {
        flex-direction: column;
        align-items: center;
    }

    .popular-badge {
        top: -15px;
        right: 20px;
        background-color: #6d45e5; 
        font-size: 0.85rem;
        padding: 8px 16px;
        border-radius: 8px;
        transform: rotate(6deg);
        box-shadow: 2px 4px 15px #0006;
        gap: 6px;
        z-index: 10;
    }

    .card-wrapper {
        max-width: none !important; 
        border-radius: 28px;
        padding: 24px 16px 16px;
    }
}

/* Contact Page */
.contact-section {
    padding: 120px 0;
}

.contact-heading {
    font-size: 3rem;
    letter-spacing: -0.5px;
}

.contact-subtitle {
    color: var(--section-sub);
    font-size: 1.05rem;
    max-width: 600px;
    line-height: 1.6;
}

.contact-label {
    font-size: 0.95rem;
}

.contact-value {
    color: var(--section-sub);
}

.contact-form .form-label {
    font-size: 0.95rem;
    margin-bottom: 10px;
    padding-left: 4px;
}

.custom-input {
    background-color: #08021c !important;
    border: 1px solid #1c0b54 !important;
    border-radius: 12px;
    padding: 14px 18px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.custom-input::placeholder {
    color: #4a3b7d !important; 
    font-size: 0.95rem;
}

.custom-input:focus {
    border-color: #6d45e5 !important;
    box-shadow: 0 0 0 3px #6d45e533 !important;
    outline: none;
}

.form-dark-wrapper {
    background-color: #08021c; /* Matches pricing card inner */
    border: 1px solid #1c0b54;
}

.custom-input {
    background-color: #08021c !important; /* Solid background is required for floating labels */
    border: 1px solid #1c0b54 !important;
    color: #fff !important;
    border-radius: 12px;
}

.custom-input:focus {
    border-color: #6d45e5 !important;
    box-shadow: 0 0 0 3px #6d45e533 !important;
    outline: none;
}

.text-label-dark {
    color: #4a3b7d !important; 
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: #9e84ff !important; 
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after {
    background-color: #08021c !important; 
}

/* Modules Section */
.modules-section {
    padding: 80px 0;
}

.modules-container {
    max-width: 1100px;
}

.modules-heading {
    font-size: 2.5rem;
    letter-spacing: -1px;
}

.modules-subtitle {
    color: #a395d1;
    font-size: 1.05rem;
    max-width: 600px;
}

.module-card {
    background-color: #0f0816; 
    border: 1px solid #170f23;
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.module-icon-wrapper {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background-color: #6d45e51a; 
    transition: all 0.3s ease;
}

.module-icon {
    color: #d7b4f9; 
    transition: all 0.3s ease;
}

.module-title {
    font-size: 1.08rem;
    transition: color 0.3s ease;
}

.module-description {
    font-size: 0.95rem;
    color: #a395d1;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.module-card:hover {
    border-color: #4f347b;
    box-shadow: 0 10px 30px #6d45e540;
    transform: translateY(-5px);
}

.module-card:hover .module-icon-wrapper {
    background-color: #6d45e541;
}

.module-card:hover .module-icon {
    color: #fff;
}

.module-card:hover .module-description {
    color: #e0d8ff; 
}

#modules {
    padding-top: 22px;
}

.footer-socials {
    gap: 12px;
}

.social-link {
    width: 42px;
    height: 42px;
    background: linear-gradient(145deg, #1a0f2e 0%, #0d0717 100%);
    border: 1px solid #dcb8ff26;
    border-radius: 12px;
    color: #a59fb8;
    font-size: 1.2rem;
    box-shadow: 0 4px 10px #0080;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.social-link:hover {
    background: linear-gradient(145deg, #dcb8ff 0%, #b882ff 100%);
    color: #000;
    border-color: #dcb8ff;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 10px 15px #dcb8ff2b;
}

#automation {
  scroll-margin-top: 80px;
}

@media (width < 370px) {
  .hero-badge{
    margin-top: 110px !important;
  }

  .hero-title {
    font-size: 2rem !important;
  }

  .modules-heading{
    font-size: 2rem !important;
  }

  .mac-mobile-cta{
    margin-top: 200px !important;
  }
}

@media (width > 370px) and (width < 376px) {
  .hero-badge{
    margin-top: 110px !important;
  }

  .hero-title {
    font-size: 2rem !important;
  }

  .hero-subtitle{
    font-size: 1rem !important;
    margin-bottom: 20px !important;
  }

  .modules-heading{
    font-size: 2rem !important;
  }

  .mac-mobile-cta{
    margin-top: 200px !important;
  }
}

@media (width > 378px) and (width < 390px) {
    .hero-badge{
    margin-top: 110px !important;
  }

    .hero-title {
    font-size: 2.2rem !important;
  }

  .modules-heading{
    font-size: 2.2rem !important;
  }

  .mac-mobile-cta{
    margin-top: 260px !important;
  }
}

@media (width > 390px) and (width < 412px) {
    .hero-badge{
    margin-top: 130px !important;
  }

    .hero-title {
    font-size: 2rem !important;
  }

  .modules-heading{
    font-size: 2.2rem !important;
  }

  .mac-mobile-cta{
    margin-top: 160px !important;
  }
}

@media (width > 414px) and (width < 420px) {
    .hero-badge{
    margin-top: 110px !important;
  }

    .hero-title {
    font-size: 2.3rem !important;
  }

  .modules-heading{
    font-size: 2.3rem !important;
  }

  .mac-mobile-cta{
    margin-top: 200px !important;
  }
}

@media (width > 420px) and (width < 429px) {
    .hero-badge{
    margin-top: 110px !important;
  }

    .hero-title {
    font-size: 2.3rem !important;
  }

  .modules-heading{
    font-size: 2.3rem !important;
  }

  .mac-mobile-cta{
    margin-top: 200px !important;
  }
}

@media (width > 760px) and (width < 770px) {
    .hero-badge{
    margin-top: 20px !important;
    font-size: 1rem !important;
  }

    .hero-title {
    font-size: 2.9rem !important;
    margin-bottom: 50px !important;
  }

  .hero-subtitle{
    font-size: 1.4rem !important;
    margin-bottom: 50px !important;
  }

  .modules-heading{
    font-size: 2.9rem !important;
  }

  .mac-mobile-cta{
    margin-top: 290px !important;
  }

  .btn-cta{
    font-size: 1.2rem !important;
  }
}

@media (width > 810px) and (width < 821px) {
    .hero-badge{
    margin-top: 10px !important;
    font-size: 1.2rem !important;
  }

    .hero-title {
    font-size: 3.5rem !important;
    margin-bottom: 50px !important;
  }

  .hero-subtitle{
    font-size: 1.6rem !important;
    margin-bottom: 60px !important;
  }

  .modules-heading{
    font-size: 3rem !important;
  }

  .btn-cta{
    font-size: 1.2rem !important;
  }

  .mac-mobile-cta{
    margin-top: 390px !important;
  }
}