/*
Theme Name: Arham SEO Growth
Theme URI: https://arhamblog.online/
Author: Arham
Author URI: https://arhamblog.online/
Description: A custom SEO and digital marketing landing page theme converted from the Arham HTML design.
Version: 1.0.0
Text Domain: arham-seo-growth
*/

:root {
      --bg: #070707;
      --surface: #111111;
      --surface-2: #ffffff;
      --text: #f7f4f2;
      --muted: #301315;
      --line: #a00a13;
      --blue: #ffffff;
      --blue-dark: #d8949a;
      --purple: #f7e0e2;
      --purple-soft: #ffffff;
      --success: #e0babd;
      --shadow-sm: 0 12px 30px rgba(29, 53, 120, 0.08);
      --shadow-lg: 0 28px 70px rgba(42, 57, 124, 0.14);
      --radius: 22px;
      --container: 1160px;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: "Montserrat", Arial, sans-serif;
      background:
        radial-gradient(circle at 14% 5%, rgba(54, 98, 255, 0.08), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(122, 77, 248, 0.08), transparent 26%),
        var(--bg);
      color: var(--text);
      line-height: 1.65;
      overflow-x: hidden;
    }

    body.menu-open {
      overflow: hidden;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    img {
      max-width: 100%;
      display: block;
    }

    button,
    input,
    textarea,
    select {
      font: inherit;
    }

    .container {
      width: min(calc(100% - 40px), var(--container));
      margin: 0 auto;
    }

    .section {
      padding: 96px 0;
    }

    .section-sm {
      padding: 70px 0;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 13px;
      border-radius: 999px;
      border: 1px solid rgba(54, 98, 255, 0.16);
      background: rgba(54, 98, 255, 0.07);
      color: var(--blue);
      font-size: 0.8rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .eyebrow::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--blue), var(--purple));
      box-shadow: 0 0 0 5px rgba(54, 98, 255, 0.08);
    }

    .section-title {
      margin-top: 18px;
      max-width: 760px;
      font-size: clamp(2rem, 4.4vw, 3.7rem);
      line-height: 1.08;
      letter-spacing: -0.045em;
    }

    .section-copy {
      max-width: 650px;
      margin-top: 18px;
      color: var(--muted);
      font-size: 1rem;
    }

    .gradient-text {
      background: linear-gradient(110deg, var(--blue) 10%, var(--purple) 70%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 50px;
      padding: 0 20px;
      border: 1px solid transparent;
      border-radius: 14px;
      font-weight: 800;
      font-size: 0.93rem;
      transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
      cursor: pointer;
    }

    .btn:hover {
      transform: translateY(-2px);
    }

    .btn-primary {
      color: white;
      background: linear-gradient(115deg, var(--blue), var(--purple));
      box-shadow: 0 15px 34px rgba(74, 83, 218, 0.25);
    }

    .btn-primary:hover {
      box-shadow: 0 19px 42px rgba(74, 83, 218, 0.33);
    }

    .btn-secondary {
      background: white;
      color: var(--text);
      border-color: var(--line);
      box-shadow: var(--shadow-sm);
    }

    .btn-arrow {
      width: 22px;
      height: 22px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.18);
    }

    /* Header */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 1000;
      backdrop-filter: blur(16px);
      background: rgba(248, 250, 255, 0.82);
      border-bottom: 1px solid rgba(231, 235, 243, 0.8);
    }

    .nav {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 26px;
    }

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

    .brand-mark {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      border-radius: 13px;
      color: white;
      font-weight: 800;
      background: linear-gradient(135deg, var(--blue), var(--purple));
      box-shadow: 0 10px 24px rgba(72, 76, 213, 0.24);
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 28px;
      color: #432325;
      font-size: 0.91rem;
      font-weight: 600;
    }

    .nav-links a {
      transition: color 0.2s ease;
    }

    .nav-links a:hover {
      color: var(--blue);
    }

    .nav-actions {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .menu-toggle {
      display: none;
      width: 45px;
      height: 45px;
      border: 1px solid var(--line);
      background: white;
      border-radius: 12px;
      cursor: pointer;
    }

    .menu-toggle span {
      display: block;
      width: 19px;
      height: 2px;
      background: var(--text);
      margin: 4px auto;
      transition: transform 0.25s ease;
    }

    /* Hero */
    .hero {
      position: relative;
      padding: 92px 0 86px;
      overflow: hidden;
    }

    .hero::after {
      content: "";
      position: absolute;
      right: -180px;
      top: 90px;
      width: 440px;
      height: 440px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(54, 98, 255, 0.14), rgba(122, 77, 248, 0.10));
      filter: blur(8px);
      z-index: -1;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1.02fr 0.98fr;
      align-items: center;
      gap: 68px;
    }

    .hero h1 {
      margin-top: 20px;
      font-size: clamp(3rem, 6.2vw, 5.9rem);
      line-height: 0.98;
      letter-spacing: -0.064em;
      max-width: 790px;
    }

    .hero p {
      margin-top: 24px;
      max-width: 650px;
      color: var(--muted);
      font-size: 1.06rem;
    }

    .hero-actions {
      margin-top: 32px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
    }

    .hero-note {
      margin-top: 20px;
      display: flex;
      align-items: center;
      gap: 9px;
      color: #3a1a1c;
      font-size: 0.86rem;
      font-weight: 600;
    }

    .hero-note svg {
      color: var(--success);
      flex: 0 0 auto;
    }

    .dashboard-wrap {
      position: relative;
    }

    .dashboard {
      position: relative;
      padding: 18px;
      border-radius: 26px;
      background: rgba(255, 255, 255, 0.88);
      border: 1px solid rgba(225, 231, 244, 0.95);
      box-shadow: var(--shadow-lg);
      transform: perspective(1200px) rotateY(-5deg) rotateX(2deg);
    }

    .dashboard-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 4px 4px 16px;
    }

    .window-dots {
      display: flex;
      gap: 6px;
    }

    .window-dots i {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #870c13;
    }

    .dashboard-tag {
      padding: 7px 10px;
      border-radius: 999px;
      background: #eee7e8;
      color: var(--blue);
      font-size: 0.73rem;
      font-weight: 800;
    }

    .dashboard-body {
      display: grid;
      grid-template-columns: 0.33fr 0.67fr;
      overflow: hidden;
      min-height: 390px;
      border-radius: 20px;
      background: #f6f1f2;
      border: 1px solid var(--line);
    }

    .dashboard-side {
      padding: 22px 14px;
      border-right: 1px solid var(--line);
      background: white;
    }

    .side-logo {
      width: 34px;
      height: 34px;
      margin-bottom: 28px;
      border-radius: 10px;
      background: linear-gradient(135deg, var(--blue), var(--purple));
    }

    .side-row {
      height: 9px;
      margin: 13px 0;
      border-radius: 10px;
      background: #b50a15;
    }

    .side-row.active {
      background: linear-gradient(90deg, rgba(54, 98, 255, 0.26), rgba(122, 77, 248, 0.14));
    }

    .dashboard-main {
      padding: 24px;
    }

    .dash-heading {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 20px;
    }

    .dash-heading small {
      display: block;
      color: var(--muted);
      font-size: 0.66rem;
      font-weight: 700;
      margin-bottom: 5px;
    }

    .dash-heading strong {
      font-size: 1.25rem;
      letter-spacing: -0.04em;
    }

    .trend-pill {
      color: var(--success);
      background: rgba(20, 184, 122, 0.09);
      padding: 7px 9px;
      border-radius: 999px;
      font-size: 0.68rem;
      font-weight: 800;
    }

    .chart-card {
      padding: 18px;
      border-radius: 17px;
      background: white;
      border: 1px solid var(--line);
    }

    .chart-bars {
      height: 155px;
      display: flex;
      align-items: flex-end;
      gap: 10px;
      padding-top: 20px;
      border-bottom: 1px solid #8a070f;
    }

    .chart-bars span {
      flex: 1;
      min-width: 7px;
      border-radius: 8px 8px 2px 2px;
      background: linear-gradient(180deg, var(--purple-soft), var(--blue));
      opacity: 0.93;
    }

    .metric-grid {
      margin-top: 14px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
    }

    .metric-card {
      padding: 13px;
      border-radius: 14px;
      background: white;
      border: 1px solid var(--line);
    }

    .metric-card small {
      display: block;
      color: var(--muted);
      font-size: 0.64rem;
      margin-bottom: 4px;
    }

    .metric-card strong {
      font-size: 0.95rem;
    }

    .float-card {
      position: absolute;
      padding: 13px 15px;
      border-radius: 15px;
      background: rgba(255, 255, 255, 0.96);
      border: 1px solid var(--line);
      box-shadow: var(--shadow-sm);
      z-index: 4;
    }

    .float-card small {
      display: block;
      color: var(--muted);
      font-size: 0.68rem;
    }

    .float-card strong {
      font-size: 0.85rem;
    }

    .float-card.one {
      left: -34px;
      bottom: 44px;
    }

    .float-card.two {
      right: -34px;
      top: 64px;
    }

    /* Services */
    .services-grid {
      margin-top: 48px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .service-card {
      position: relative;
      padding: 28px;
      min-height: 248px;
      border-radius: var(--radius);
      background: white;
      border: 1px solid var(--line);
      box-shadow: var(--shadow-sm);
      overflow: hidden;
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .service-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 46px rgba(29, 53, 120, 0.12);
      border-color: rgba(54, 98, 255, 0.22);
    }

    .service-icon {
      width: 50px;
      height: 50px;
      display: grid;
      place-items: center;
      border-radius: 15px;
      color: white;
      background: linear-gradient(135deg, var(--blue), var(--purple));
      box-shadow: 0 12px 24px rgba(64, 75, 218, 0.2);
    }

    .service-card h3 {
      margin-top: 22px;
      font-size: 1.06rem;
    }

    .service-card p {
      margin-top: 10px;
      color: var(--muted);
      font-size: 0.9rem;
    }

    .service-link {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-top: 18px;
      color: var(--blue);
      font-weight: 800;
      font-size: 0.82rem;
    }

    /* Features */
    .feature-shell {
      display: grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: 62px;
      align-items: center;
    }

    .feature-panel {
      position: relative;
      min-height: 480px;
      padding: 28px;
      border-radius: 28px;
      background: linear-gradient(145deg, #111938, #18265c 68%, #a65257);
      box-shadow: var(--shadow-lg);
      overflow: hidden;
    }

    .feature-panel::before {
      content: "";
      position: absolute;
      width: 280px;
      height: 280px;
      top: -100px;
      right: -80px;
      border-radius: 50%;
      background: rgba(122, 77, 248, 0.3);
      filter: blur(8px);
    }

    .feature-panel::after {
      content: "";
      position: absolute;
      width: 220px;
      height: 220px;
      bottom: -85px;
      left: -55px;
      border-radius: 50%;
      background: rgba(54, 98, 255, 0.3);
      filter: blur(8px);
    }

    .feature-stack {
      position: relative;
      z-index: 2;
      display: grid;
      gap: 14px;
    }

    .feature-mini {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 18px;
      border-radius: 17px;
      color: white;
      background: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(8px);
    }

    .feature-mini span {
      font-size: 0.82rem;
      color: rgba(255, 255, 255, 0.75);
    }

    .feature-mini strong {
      display: block;
      margin-top: 2px;
    }

    .feature-mini .status {
      padding: 7px 10px;
      border-radius: 999px;
      color: #ffffff;
      background: rgba(20, 184, 122, 0.16);
      font-size: 0.7rem;
      font-weight: 800;
    }

    .feature-list {
      margin-top: 34px;
      display: grid;
      gap: 18px;
    }

    .feature-item {
      display: grid;
      grid-template-columns: 48px 1fr;
      gap: 16px;
      align-items: start;
    }

    .feature-check {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      color: var(--blue);
      background: rgba(54, 98, 255, 0.08);
      border: 1px solid rgba(54, 98, 255, 0.12);
    }

    .feature-item h3 {
      font-size: 1rem;
    }

    .feature-item p {
      margin-top: 6px;
      color: var(--muted);
      font-size: 0.9rem;
    }

    /* Process */
    .process-grid {
      position: relative;
      margin-top: 48px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }

    .process-card {
      padding: 28px 24px;
      border-radius: 20px;
      background: white;
      border: 1px solid var(--line);
      box-shadow: var(--shadow-sm);
    }

    .step-no {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      margin-bottom: 20px;
      border-radius: 13px;
      color: white;
      background: linear-gradient(135deg, var(--blue), var(--purple));
      font-weight: 800;
      font-size: 0.82rem;
    }

    .process-card h3 {
      font-size: 1rem;
    }

    .process-card p {
      margin-top: 9px;
      color: var(--muted);
      font-size: 0.86rem;
    }

    /* CTA */
    .audit-shell {
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr 0.8fr;
      gap: 46px;
      align-items: center;
      padding: 58px;
      border-radius: 30px;
      color: white;
      background: linear-gradient(125deg, #ff3b45, #ff315f 62%, #ff315f);
      box-shadow: 0 28px 70px rgba(61, 73, 205, 0.25);
    }

    .audit-shell::after {
      content: "";
      position: absolute;
      width: 320px;
      height: 320px;
      right: -100px;
      top: -150px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.12);
    }

    .audit-shell h2 {
      position: relative;
      z-index: 2;
      font-size: clamp(2rem, 4vw, 3.6rem);
      line-height: 1.08;
      letter-spacing: -0.045em;
    }

    .audit-shell p {
      position: relative;
      z-index: 2;
      margin-top: 16px;
      max-width: 590px;
      color: rgba(255, 255, 255, 0.8);
    }

    .audit-box {
      position: relative;
      z-index: 2;
      padding: 20px;
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.11);
      border: 1px solid rgba(255, 255, 255, 0.18);
      backdrop-filter: blur(10px);
    }

    .audit-box ul {
      list-style: none;
      display: grid;
      gap: 13px;
    }

    .audit-box li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 0.88rem;
      font-weight: 600;
    }

    .audit-box li span {
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.15);
    }

    .audit-shell .btn-secondary {
      margin-top: 26px;
      color: var(--blue-dark);
    }

    /* About */
    .about-grid {
      display: grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: 70px;
      align-items: center;
    }

    .about-visual {
      position: relative;
      min-height: 470px;
      border-radius: 28px;
      background: linear-gradient(145deg, #ffffff, #f3e9eb);
      border: 1px solid var(--line);
      overflow: hidden;
    }

    .orbit {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 320px;
      height: 320px;
      transform: translate(-50%, -50%);
      border: 1px dashed rgba(54, 98, 255, 0.24);
      border-radius: 50%;
    }

    .orbit::before,
    .orbit::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      border: 1px dashed rgba(122, 77, 248, 0.2);
    }

    .orbit::before {
      inset: 48px;
    }

    .orbit::after {
      inset: 92px;
    }

    .core-logo {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 110px;
      height: 110px;
      display: grid;
      place-items: center;
      transform: translate(-50%, -50%);
      border-radius: 28px;
      color: white;
      background: linear-gradient(135deg, var(--blue), var(--purple));
      box-shadow: 0 22px 48px rgba(74, 83, 218, 0.28);
      font-size: 2rem;
      font-weight: 800;
      z-index: 3;
    }

    .orbit-chip {
      position: absolute;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 13px;
      border-radius: 13px;
      background: white;
      border: 1px solid var(--line);
      box-shadow: var(--shadow-sm);
      font-size: 0.75rem;
      font-weight: 800;
      z-index: 4;
    }

    .orbit-chip::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--blue), var(--purple));
    }

    .chip-1 { left: 34px; top: 80px; }
    .chip-2 { right: 34px; top: 112px; }
    .chip-3 { left: 48px; bottom: 78px; }
    .chip-4 { right: 42px; bottom: 70px; }

    .about-copy-list {
      margin-top: 30px;
      display: grid;
      gap: 12px;
    }

    .about-copy-list div {
      display: flex;
      align-items: center;
      gap: 11px;
      font-size: 0.91rem;
      font-weight: 700;
    }

    .about-copy-list i {
      width: 28px;
      height: 28px;
      display: grid;
      place-items: center;
      border-radius: 9px;
      font-style: normal;
      color: var(--blue);
      background: rgba(54, 98, 255, 0.08);
    }

    /* Insights */
    .insights-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 26px;
    }

    .insights-grid {
      margin-top: 46px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .insight-card {
      overflow: hidden;
      border-radius: 22px;
      background: white;
      border: 1px solid var(--line);
      box-shadow: var(--shadow-sm);
    }

    .insight-cover {
      position: relative;
      height: 190px;
      overflow: hidden;
      background: linear-gradient(135deg, #eadfe1, #f0e5e7);
    }

    .insight-cover::before,
    .insight-cover::after {
      content: "";
      position: absolute;
      border-radius: 50%;
    }

    .insight-cover::before {
      width: 190px;
      height: 190px;
      right: -30px;
      top: -52px;
      background: rgba(54, 98, 255, 0.22);
    }

    .insight-cover::after {
      width: 130px;
      height: 130px;
      left: 24px;
      bottom: -46px;
      background: rgba(122, 77, 248, 0.18);
    }

    .cover-icon {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      color: #ff4b55;
      font-size: 2.5rem;
      font-weight: 800;
      z-index: 2;
    }

    .insight-body {
      padding: 22px;
    }

    .insight-tag {
      color: var(--blue);
      font-size: 0.72rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .insight-body h3 {
      margin-top: 10px;
      line-height: 1.42;
      font-size: 1rem;
    }

    .insight-body p {
      margin-top: 10px;
      color: var(--muted);
      font-size: 0.86rem;
    }

    /* Contact */
    .contact-grid {
      display: grid;
      grid-template-columns: 0.8fr 1.2fr;
      gap: 56px;
      align-items: start;
    }

    .contact-points {
      margin-top: 28px;
      display: grid;
      gap: 14px;
    }

    .contact-point {
      display: flex;
      gap: 13px;
      align-items: flex-start;
      color: #3f1e20;
      font-size: 0.9rem;
    }

    .contact-point span {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      border-radius: 10px;
      color: var(--blue);
      background: rgba(54, 98, 255, 0.08);
    }

    .contact-card {
      padding: 30px;
      border-radius: 24px;
      background: white;
      border: 1px solid var(--line);
      box-shadow: var(--shadow-lg);
    }

    .form-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }

    .field {
      display: grid;
      gap: 7px;
    }

    .field.full {
      grid-column: 1 / -1;
    }

    .field label {
      font-size: 0.78rem;
      font-weight: 800;
      color: #462728;
    }

    .field input,
    .field textarea,
    .field select {
      width: 100%;
      border: 1px solid var(--line);
      border-radius: 13px;
      background: #f8f4f4;
      color: var(--text);
      outline: none;
      padding: 13px 14px;
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .field textarea {
      min-height: 125px;
      resize: vertical;
    }

    .field input:focus,
    .field textarea:focus,
    .field select:focus {
      border-color: rgba(54, 98, 255, 0.52);
      box-shadow: 0 0 0 4px rgba(54, 98, 255, 0.08);
    }

    .form-note {
      margin-top: 12px;
      color: var(--muted);
      font-size: 0.74rem;
    }

    /* Footer */
    .footer {
      padding: 62px 0 28px;
      color: #ef3742;
      background: #0e1530;
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 1.4fr repeat(3, 0.7fr);
      gap: 38px;
    }

    .footer .brand {
      color: white;
    }

    .footer-copy {
      max-width: 390px;
      margin-top: 17px;
      color: #801b21;
      font-size: 0.86rem;
    }

    .footer h4 {
      margin-bottom: 16px;
      color: white;
      font-size: 0.9rem;
    }

    .footer ul {
      list-style: none;
      display: grid;
      gap: 10px;
      color: #871a21;
      font-size: 0.84rem;
    }

    .footer a:hover {
      color: white;
    }

    .footer-bottom {
      margin-top: 44px;
      padding-top: 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      color: #631b20;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      font-size: 0.78rem;
    }

    /* Motion system */
    .motion-section {
      position: relative;
      isolation: isolate;
    }

    .motion-section > .container {
      position: relative;
      z-index: 1;
    }

    main > .motion-section:not(.hero)::before {
      content: "";
      position: absolute;
      top: 16%;
      left: -220px;
      width: 390px;
      height: 390px;
      border-radius: 50%;
      pointer-events: none;
      opacity: 0;
      transform: translate3d(-35px, 30px, 0) scale(0.72);
      background: radial-gradient(circle, rgba(54, 98, 255, 0.11), rgba(122, 77, 248, 0.045) 48%, transparent 72%);
      filter: blur(4px);
      transition: opacity 1.15s ease, transform 1.35s cubic-bezier(.2,.75,.25,1);
      z-index: 0;
    }

    main > .motion-section:nth-of-type(even)::before {
      left: auto;
      right: -220px;
      background: radial-gradient(circle, rgba(122, 77, 248, 0.11), rgba(54, 98, 255, 0.045) 48%, transparent 72%);
    }

    main > .motion-section.section-visible::before {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
    }

    .gradient-text {
      background-size: 220% 220%;
    }

    .section-visible .gradient-text,
    .hero.section-visible .gradient-text {
      animation: gradientFlow 5.5s ease-in-out infinite;
    }

    .section-visible .eyebrow::before,
    .hero.section-visible .eyebrow::before {
      animation: dotPulse 2.2s ease-in-out infinite;
    }

    .section-visible .service-icon {
      background-size: 180% 180%;
      animation: iconGlow 4.4s ease-in-out infinite;
    }

    .service-card::before {
      content: "";
      position: absolute;
      top: -120%;
      left: -38%;
      width: 42%;
      height: 320%;
      pointer-events: none;
      opacity: 0;
      transform: rotate(18deg);
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.82), transparent);
      transition: left .75s ease, opacity .3s ease;
    }

    .service-card.reveal.visible:hover {
      transform: translateY(-9px) scale(1.012);
      box-shadow: 0 24px 52px rgba(29, 53, 120, 0.15);
    }

    .service-card:hover::before {
      left: 118%;
      opacity: .9;
    }

    .process-card,
    .insight-card,
    .feature-mini,
    .feature-item,
    .contact-card,
    .audit-box {
      transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
    }

    .process-card.reveal.visible:hover,
    .insight-card.reveal.visible:hover {
      transform: translateY(-7px);
    }

    .feature-mini:hover,
    .feature-item:hover {
      transform: translateX(5px);
    }

    .section-visible .chart-bars span {
      transform-origin: bottom;
      animation: growBar .85s cubic-bezier(.2,.8,.2,1) both;
    }

    .section-visible .chart-bars span:nth-child(1) { animation-delay: .08s; }
    .section-visible .chart-bars span:nth-child(2) { animation-delay: .14s; }
    .section-visible .chart-bars span:nth-child(3) { animation-delay: .20s; }
    .section-visible .chart-bars span:nth-child(4) { animation-delay: .26s; }
    .section-visible .chart-bars span:nth-child(5) { animation-delay: .32s; }
    .section-visible .chart-bars span:nth-child(6) { animation-delay: .38s; }
    .section-visible .chart-bars span:nth-child(7) { animation-delay: .44s; }
    .section-visible .chart-bars span:nth-child(8) { animation-delay: .50s; }

    .hero.section-visible .dashboard-wrap {
      animation: dashboardFloat 6s ease-in-out 1s infinite;
    }

    .hero.section-visible .float-card.one {
      animation: floatCardOne 4.8s ease-in-out 1.15s infinite;
    }

    .hero.section-visible .float-card.two {
      animation: floatCardTwo 5.2s ease-in-out 1.35s infinite;
    }

    .section-visible .feature-mini:nth-child(1) { animation: miniFloat 5.2s ease-in-out infinite; }
    .section-visible .feature-mini:nth-child(2) { animation: miniFloat 5.8s ease-in-out .35s infinite; }
    .section-visible .feature-mini:nth-child(3) { animation: miniFloat 5.4s ease-in-out .7s infinite; }
    .section-visible .feature-mini:nth-child(4) { animation: miniFloat 6s ease-in-out 1.05s infinite; }

    .section-visible .audit-shell::after {
      animation: auditOrb 7.5s ease-in-out infinite;
    }

    .section-visible .orbit {
      animation: orbitSpin 24s linear infinite;
    }

    .section-visible .core-logo {
      animation: corePulse 4s ease-in-out infinite;
    }

    .section-visible .orbit-chip {
      animation: chipFloat 4.8s ease-in-out infinite;
    }

    .section-visible .chip-1 { animation-delay: .4s; }
    .section-visible .chip-2 { animation-delay: .8s; }
    .section-visible .chip-3 { animation-delay: 1.2s; }
    .section-visible .chip-4 { animation-delay: 1.6s; }

    @keyframes gradientFlow {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }

    @keyframes dotPulse {
      0%, 100% { transform: scale(1); box-shadow: 0 0 0 5px rgba(54, 98, 255, 0.08); }
      50% { transform: scale(1.28); box-shadow: 0 0 0 9px rgba(122, 77, 248, 0.06); }
    }

    @keyframes iconGlow {
      0%, 100% { background-position: 0% 50%; box-shadow: 0 12px 24px rgba(64, 75, 218, 0.20); }
      50% { background-position: 100% 50%; box-shadow: 0 16px 32px rgba(122, 77, 248, 0.30); }
    }

    @keyframes growBar {
      from { transform: scaleY(.06); opacity: .28; }
      to { transform: scaleY(1); opacity: .93; }
    }

    @keyframes dashboardFloat {
      0%, 100% { transform: translate3d(0, 0, 0); }
      50% { transform: translate3d(0, -10px, 0); }
    }

    @keyframes floatCardOne {
      0%, 100% { transform: translate3d(0, 0, 0) rotate(-1deg); }
      50% { transform: translate3d(0, -11px, 0) rotate(1deg); }
    }

    @keyframes floatCardTwo {
      0%, 100% { transform: translate3d(0, 0, 0) rotate(1deg); }
      50% { transform: translate3d(0, 10px, 0) rotate(-1deg); }
    }

    @keyframes miniFloat {
      0%, 100% { transform: translateX(0); }
      50% { transform: translateX(5px); }
    }

    @keyframes auditOrb {
      0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
      50% { transform: translate3d(-34px, 24px, 0) scale(1.08); }
    }

    @keyframes orbitSpin {
      from { transform: translate(-50%, -50%) rotate(0deg); }
      to { transform: translate(-50%, -50%) rotate(360deg); }
    }

    @keyframes corePulse {
      0%, 100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 22px 48px rgba(74, 83, 218, 0.28); }
      50% { transform: translate(-50%, -50%) scale(1.055); box-shadow: 0 28px 60px rgba(122, 77, 248, 0.34); }
    }

    @keyframes chipFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-7px); }
    }

    /* Reveal */
    .reveal {
      --reveal-x: 0px;
      --reveal-y: 28px;
      --reveal-scale: .985;
      --reveal-delay: 0ms;
      opacity: 0;
      filter: blur(7px);
      transform: translate3d(var(--reveal-x), var(--reveal-y), 0) scale(var(--reveal-scale));
      transition:
        opacity .78s ease var(--reveal-delay),
        filter .78s ease var(--reveal-delay),
        transform .9s cubic-bezier(.2,.75,.25,1) var(--reveal-delay);
      will-change: opacity, transform;
    }

    .reveal.reveal-left { --reveal-x: -36px; --reveal-y: 8px; }
    .reveal.reveal-right { --reveal-x: 36px; --reveal-y: 8px; }
    .reveal.reveal-scale { --reveal-y: 12px; --reveal-scale: .94; }

    .reveal.visible {
      opacity: 1;
      filter: blur(0);
      transform: translate3d(0, 0, 0) scale(1);
    }

    /* Responsive */
    @media (max-width: 1020px) {
      .nav-links,
      .nav-actions .btn {
        display: none;
      }

      .menu-toggle {
        display: block;
      }

      .nav-links.mobile-open {
        position: fixed;
        display: grid;
        top: 77px;
        left: 20px;
        right: 20px;
        padding: 22px;
        gap: 0;
        border-radius: 18px;
        background: white;
        border: 1px solid var(--line);
        box-shadow: var(--shadow-lg);
      }

      .nav-links.mobile-open a {
        padding: 12px 4px;
        border-bottom: 1px solid #940710;
      }

      .nav-links.mobile-open a:last-child {
        border-bottom: none;
      }

      .hero-grid,
      .feature-shell,
      .about-grid,
      .audit-shell,
      .contact-grid {
        grid-template-columns: 1fr;
      }

      .hero-grid {
        gap: 54px;
      }

      .dashboard {
        max-width: 690px;
        margin: 0 auto;
        transform: none;
      }

      .services-grid,
      .insights-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .process-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .audit-shell {
        padding: 46px;
      }

      .footer-grid {
        grid-template-columns: 1.3fr 1fr 1fr;
      }

      .footer-grid > div:last-child {
        grid-column: 2 / 4;
      }
    }

    @media (max-width: 700px) {
      .container {
        width: min(calc(100% - 26px), var(--container));
      }

      .section {
        padding: 72px 0;
      }

      .hero {
        padding: 68px 0 64px;
      }

      .hero h1 {
        font-size: clamp(2.75rem, 13vw, 4.7rem);
      }

      .hero-actions .btn {
        width: 100%;
      }

      .dashboard-body {
        grid-template-columns: 1fr;
      }

      .dashboard-side {
        display: none;
      }

      .dashboard-main {
        padding: 16px;
      }

      .float-card {
        display: none;
      }

      .services-grid,
      .insights-grid,
      .process-grid,
      .form-grid {
        grid-template-columns: 1fr;
      }

      .feature-panel,
      .about-visual {
        min-height: 410px;
      }

      .orbit {
        width: 275px;
        height: 275px;
      }

      .chip-1 { left: 14px; top: 66px; }
      .chip-2 { right: 14px; top: 95px; }
      .chip-3 { left: 16px; bottom: 56px; }
      .chip-4 { right: 16px; bottom: 48px; }

      .audit-shell {
        padding: 34px 24px;
      }

      .contact-card {
        padding: 22px;
      }

      .field.full {
        grid-column: auto;
      }

      .insights-head {
        align-items: flex-start;
        flex-direction: column;
      }

      .footer-grid {
        grid-template-columns: 1fr 1fr;
      }

      .footer-grid > div:first-child,
      .footer-grid > div:last-child {
        grid-column: 1 / -1;
      }

      .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
      }
    }


    /* =========================================================
       V3 — Reference-inspired interactive motion layer
       Inspired by live dashboard / SERP / ticker interaction patterns,
       while keeping Arham's original visual identity and content.
       ========================================================= */

    .scroll-progress {
      position: fixed;
      inset: 0 auto auto 0;
      width: 0;
      height: 3px;
      z-index: 9999;
      pointer-events: none;
      background: linear-gradient(90deg, var(--blue), var(--purple), #ffffff);
      box-shadow: 0 0 18px rgba(122, 77, 248, .5);
      transform-origin: left;
    }

    .hero {
      position: relative;
      overflow: hidden;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .4;
      background-image:
        linear-gradient(rgba(54,98,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(54,98,255,.04) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(to bottom, black, transparent 88%);
      animation: gridDrift 20s linear infinite;
    }

    .hero::after {
      content: "";
      position: absolute;
      width: 520px;
      height: 520px;
      border-radius: 50%;
      right: -250px;
      top: -180px;
      pointer-events: none;
      background: conic-gradient(from 45deg, rgba(255,59,69,.12), rgba(122,77,248,.03), rgba(181,92,255,.13), rgba(255,59,69,.12));
      filter: blur(12px);
      animation: haloSpin 18s linear infinite;
    }

    .hero-grid { position: relative; z-index: 2; }

    .hero-copy h1 .word,
    .section-title .word {
      display: inline-block;
      opacity: 0;
      transform: translateY(26px) rotate(1.4deg);
      filter: blur(6px);
      transition:
        opacity .64s ease var(--word-delay, 0ms),
        transform .78s cubic-bezier(.2,.78,.22,1) var(--word-delay, 0ms),
        filter .64s ease var(--word-delay, 0ms);
    }

    .section-visible .hero-copy h1 .word,
    .section-visible .section-title .word,
    .visible .section-title .word {
      opacity: 1;
      transform: translateY(0) rotate(0deg);
      filter: blur(0);
    }

    .live-signal {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin: 0 0 16px;
      padding: 8px 12px;
      border: 1px solid rgba(255,59,69,.12);
      border-radius: 999px;
      background: rgba(255,255,255,.65);
      box-shadow: 0 10px 26px rgba(30,48,118,.06);
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #401d1f;
      backdrop-filter: blur(12px);
    }

    .live-signal i {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #daaaaf;
      box-shadow: 0 0 0 0 rgba(25,184,120,.4);
      animation: livePulse 1.7s ease-out infinite;
    }

    .live-signal b {
      min-width: 104px;
      color: var(--text);
      transition: opacity .18s ease, transform .18s ease;
    }

    .live-signal b.changing { opacity: 0; transform: translateY(5px); }

    .dashboard {
      transform-style: preserve-3d;
      will-change: transform;
    }

    .dashboard-wrap::before,
    .dashboard-wrap::after {
      content: "";
      position: absolute;
      pointer-events: none;
      border-radius: 50%;
      z-index: -1;
    }

    .dashboard-wrap::before {
      width: 280px;
      height: 280px;
      left: 9%;
      top: 8%;
      border: 1px dashed rgba(54,98,255,.17);
      animation: orbitSpinSimple 22s linear infinite;
    }

    .dashboard-wrap::after {
      width: 390px;
      height: 390px;
      right: -3%;
      bottom: -18%;
      border: 1px solid rgba(122,77,248,.09);
      box-shadow: inset 0 0 60px rgba(122,77,248,.04);
      animation: breatheRing 6s ease-in-out infinite;
    }

    .dashboard-top { position: relative; overflow: hidden; }
    .dashboard-top::after {
      content: "";
      position: absolute;
      left: -25%;
      bottom: 0;
      width: 24%;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--purple), transparent);
      animation: scannerHorizontal 4s linear infinite;
    }

    .live-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-left: auto;
      padding: 5px 8px;
      border-radius: 999px;
      font-size: .62rem;
      font-weight: 800;
      letter-spacing: .04em;
      color: #9b2735;
      background: rgba(20,184,122,.09);
      border: 1px solid rgba(20,184,122,.16);
    }
    .live-pill::before {
      content: "";
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--success);
      animation: blink .95s steps(2, end) infinite;
    }

    .signal-console {
      position: relative;
      overflow: hidden;
      margin-top: 14px;
      border-radius: 12px;
      padding: 10px 12px;
      background: #10162a;
      color: #ea1d29;
      font-size: .68rem;
      font-weight: 600;
      letter-spacing: .02em;
      box-shadow: inset 0 1px rgba(255,255,255,.05);
    }
    .signal-console::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent 0%, rgba(88,113,255,.12) 48%, transparent 100%);
      transform: translateX(-100%);
      animation: consoleSweep 3.8s ease-in-out infinite;
    }
    .signal-console .prompt { color: #ff6b86; margin-right: 7px; }
    .signal-console .console-text { color: #ffffff; }
    .signal-console .caret {
      display: inline-block;
      width: 6px;
      height: 12px;
      margin-left: 3px;
      vertical-align: -2px;
      background: #ff6b86;
      animation: blink .8s steps(2, end) infinite;
    }

    .keyword-marquee {
      position: relative;
      overflow: hidden;
      border-top: 1px solid rgba(54,98,255,.09);
      border-bottom: 1px solid rgba(54,98,255,.09);
      background: rgba(255,255,255,.65);
      backdrop-filter: blur(12px);
    }

    .keyword-marquee::before,
    .keyword-marquee::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100px;
      z-index: 2;
      pointer-events: none;
    }
    .keyword-marquee::before { left: 0; background: linear-gradient(90deg, var(--bg), transparent); }
    .keyword-marquee::after { right: 0; background: linear-gradient(-90deg, var(--bg), transparent); }

    .marquee-track {
      display: flex;
      width: max-content;
      animation: marqueeFlow 23s linear infinite;
    }
    .marquee-group {
      display: flex;
      align-items: center;
      gap: 24px;
      padding: 15px 12px;
      white-space: nowrap;
      color: #543033;
      font-size: .78rem;
      font-weight: 800;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
    .marquee-group span::after {
      content: "✦";
      margin-left: 24px;
      color: var(--purple);
      opacity: .7;
    }
    .keyword-marquee:hover .marquee-track { animation-play-state: paused; }

    .motion-section::after {
      content: attr(data-section-index);
      position: absolute;
      right: max(20px, calc((100vw - var(--container)) / 2));
      top: 46px;
      font-size: clamp(3rem, 7vw, 6.2rem);
      font-weight: 800;
      line-height: 1;
      letter-spacing: -.06em;
      color: rgba(55, 70, 122, .035);
      pointer-events: none;
      z-index: 0;
      transform: translateY(28px);
      opacity: 0;
      transition: opacity 1s ease, transform 1.2s cubic-bezier(.2,.75,.25,1);
    }
    .motion-section.section-visible::after { opacity: 1; transform: translateY(0); }
    .hero.motion-section::after { top: 115px; }

    .service-card,
    .process-card,
    .insight-card,
    .contact-card,
    .audit-shell {
      transform-style: preserve-3d;
      will-change: transform;
    }

    .tilt-card > * { transform: translateZ(16px); }

    .service-card .service-icon,
    .process-card .step-no,
    .insight-card .cover-icon { transform: translateZ(28px); }

    .service-card:hover .service-icon { animation: iconPop .55s cubic-bezier(.2,.8,.2,1); }
    .process-card:hover .step-no { letter-spacing: .08em; }

    .feature-panel::after,
    .about-visual::after {
      content: "";
      position: absolute;
      inset: -35%;
      pointer-events: none;
      background: conic-gradient(from 90deg, transparent, rgba(76,96,255,.09), transparent 38%, rgba(146,83,255,.07), transparent 75%);
      animation: haloSpin 18s linear infinite;
      z-index: 0;
    }
    .feature-panel > *, .about-visual > * { position: relative; z-index: 1; }

    .feature-mini {
      overflow: hidden;
      position: relative;
    }
    .feature-mini::after {
      content: "";
      position: absolute;
      left: -110%;
      top: 0;
      width: 60%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
      transform: skewX(-18deg);
    }
    .section-visible .feature-mini::after { animation: cardScan 4.8s ease-in-out infinite; }
    .section-visible .feature-mini:nth-child(2)::after { animation-delay: .5s; }
    .section-visible .feature-mini:nth-child(3)::after { animation-delay: 1s; }
    .section-visible .feature-mini:nth-child(4)::after { animation-delay: 1.5s; }

    .process-grid { position: relative; }
    .process-grid::before {
      content: "";
      position: absolute;
      left: 6%;
      right: 6%;
      top: 50%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255,59,69,.12), rgba(255,107,134,.12), transparent);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 1.5s cubic-bezier(.2,.8,.2,1) .2s;
      pointer-events: none;
    }
    #process.section-visible .process-grid::before { transform: scaleX(1); }

    .audit-shell { overflow: hidden; }
    .audit-shell::before {
      content: "";
      position: absolute;
      inset: -80% -20%;
      pointer-events: none;
      background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.15) 48%, transparent 58%);
      transform: translateX(-55%);
      animation: auditSweep 6s ease-in-out infinite;
    }

    .about-visual .orbit::before,
    .about-visual .orbit::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      inset: 15%;
      border: 1px dashed rgba(122,77,248,.17);
      animation: orbitReverse 16s linear infinite;
    }
    .about-visual .orbit::after {
      inset: 31%;
      border-style: solid;
      border-color: rgba(255,59,69,.10);
      animation-duration: 10s;
    }

    .insight-cover { overflow: hidden; position: relative; }
    .insight-cover::after {
      content: "";
      position: absolute;
      width: 120%;
      height: 1px;
      left: -10%;
      top: -10%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent);
      box-shadow: 0 0 24px rgba(255,255,255,.4);
      transform: rotate(-9deg);
    }
    .insight-card:hover .insight-cover::after { animation: coverScan .95s ease; }

    .contact-card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(120deg, rgba(255,59,69,.24), transparent 34%, transparent 66%, rgba(255,107,134,.18));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      opacity: .65;
      background-size: 240% 240%;
      animation: borderFlow 7s linear infinite;
    }

    .magnetic { display: inline-flex; will-change: transform; }

    @keyframes gridDrift {
      from { background-position: 0 0, 0 0; }
      to { background-position: 58px 58px, 58px 58px; }
    }
    @keyframes haloSpin { to { transform: rotate(360deg); } }
    @keyframes livePulse {
      0% { box-shadow: 0 0 0 0 rgba(25,184,120,.38); }
      70% { box-shadow: 0 0 0 8px rgba(25,184,120,0); }
      100% { box-shadow: 0 0 0 0 rgba(25,184,120,0); }
    }
    @keyframes blink { 50% { opacity: .18; } }
    @keyframes orbitSpinSimple { to { transform: rotate(360deg); } }
    @keyframes orbitReverse { to { transform: rotate(-360deg); } }
    @keyframes breatheRing {
      0%,100% { transform: scale(.96); opacity: .65; }
      50% { transform: scale(1.05); opacity: 1; }
    }
    @keyframes scannerHorizontal { to { left: 110%; } }
    @keyframes consoleSweep {
      0%,15% { transform: translateX(-100%); }
      70%,100% { transform: translateX(100%); }
    }
    @keyframes marqueeFlow { to { transform: translateX(-50%); } }
    @keyframes iconPop {
      0%,100% { transform: translateZ(28px) scale(1) rotate(0); }
      50% { transform: translateZ(28px) scale(1.12) rotate(-7deg); }
    }
    @keyframes cardScan {
      0%, 20% { left: -110%; }
      52%, 100% { left: 150%; }
    }
    @keyframes auditSweep {
      0%,18% { transform: translateX(-55%); }
      55%,100% { transform: translateX(55%); }
    }
    @keyframes coverScan {
      from { top: -10%; }
      to { top: 115%; }
    }
    @keyframes borderFlow {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    @media (max-width: 760px) {
      .motion-section::after { font-size: 3.5rem; right: 18px; top: 30px; }
      .hero.motion-section::after { top: 90px; }
      .keyword-marquee::before, .keyword-marquee::after { width: 45px; }
      .marquee-group { gap: 18px; font-size: .7rem; }
      .process-grid::before { display: none; }
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      *, *::before, *::after {
        transition: none !important;
        animation: none !important;
      }

      .reveal {
        opacity: 1;
        filter: none;
        transform: none;
      }
    }
  

    /* =========================================================
       V4 — Pain-point copy + safer motion + founder photo
       Text remains readable even if JavaScript or observers fail.
       ========================================================= */

    /* Safer reveal system: visible by default, animated only when triggered. */
    .reveal,
    .reveal.reveal-left,
    .reveal.reveal-right,
    .reveal.reveal-scale {
      opacity: 1;
      filter: none;
      transform: none;
      transition: none;
    }
    .reveal.visible {
      animation: v4Reveal .82s cubic-bezier(.16,.8,.2,1) both;
      animation-delay: var(--reveal-delay, 0ms);
    }
    .reveal.reveal-left.visible { animation-name: v4RevealLeft; }
    .reveal.reveal-right.visible { animation-name: v4RevealRight; }
    .reveal.reveal-scale.visible { animation-name: v4RevealScale; }

    .hero-copy h1,
    .section-title {
      position: relative;
      opacity: 1 !important;
      filter: none !important;
      transform: none !important;
    }
    .section-visible .hero-copy h1,
    .section-visible .section-title,
    .visible .section-title {
      animation: headlineLift .9s cubic-bezier(.18,.8,.2,1) both;
    }
    .hero-copy h1::after,
    .section-title::after {
      content: "";
      display: block;
      width: 74px;
      height: 4px;
      margin-top: 18px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--blue), var(--purple));
      transform: scaleX(.22);
      transform-origin: left;
      opacity: .55;
    }
    .section-visible .hero-copy h1::after,
    .section-visible .section-title::after {
      animation: underlineGrow 1s cubic-bezier(.2,.8,.2,1) .15s both;
    }

    .hero-pains {
      margin-top: 22px;
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
    }
    .hero-pains span {
      padding: 9px 11px;
      border-radius: 999px;
      border: 1px solid rgba(255,59,69,.10);
      background: rgba(255,255,255,.76);
      color: #492527;
      font-size: .73rem;
      font-weight: 800;
      box-shadow: 0 10px 26px rgba(40,53,113,.055);
      animation: painPillFloat 5s ease-in-out infinite;
    }
    .hero-pains span:nth-child(2) { animation-delay: .65s; }
    .hero-pains span:nth-child(3) { animation-delay: 1.3s; }

    .rank-ladder {
      display: grid;
      gap: 7px;
      margin-top: 14px;
      padding: 11px;
      border-radius: 14px;
      background: #f6f1f2;
      border: 1px solid var(--line);
      overflow: hidden;
    }
    .rank-row {
      display: grid;
      grid-template-columns: 32px 1fr auto;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 6px 9px;
      border-radius: 10px;
      background: white;
      color: #351618;
      font-size: .68rem;
      border: 1px solid #a10912;
    }
    .rank-row b { color: #331012; transition: transform .18s ease, opacity .18s ease; }
    .rank-row.muted { opacity: .56; }
    .rank-row.arham-row {
      color: #1e2b4f;
      background: linear-gradient(90deg, rgba(255,59,69,.07), rgba(255,107,134,.05));
      border-color: rgba(80,93,231,.16);
      box-shadow: 0 8px 18px rgba(52,66,140,.06);
      animation: rankPulse 2.2s ease-in-out infinite;
    }
    .rank-row.arham-row b { color: var(--blue); font-size: .8rem; }
    .rank-row.arham-row b.rank-changing { transform: translateY(-5px); opacity: 0; }
    .rank-row em {
      font-style: normal;
      padding: 4px 6px;
      border-radius: 999px;
      color: #9b2735;
      background: rgba(20,184,122,.09);
      font-size: .58rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .04em;
    }

    .pain-strip {
      position: relative;
      overflow: hidden;
      background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(239,244,255,.74));
      border-top: 1px solid rgba(54,98,255,.06);
      border-bottom: 1px solid rgba(54,98,255,.06);
    }
    .pain-strip::before {
      content: "";
      position: absolute;
      width: 520px;
      height: 520px;
      left: -330px;
      top: -250px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(54,98,255,.13), transparent 67%);
      animation: painGlow 8s ease-in-out infinite alternate;
      pointer-events: none;
    }
    .pain-head { max-width: 850px; position: relative; z-index: 1; }
    .pain-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 42px;
    }
    .pain-card {
      position: relative;
      min-height: 300px;
      padding: 28px;
      border-radius: 22px;
      background: rgba(255,255,255,.82);
      border: 1px solid rgba(223,229,243,.92);
      box-shadow: 0 16px 36px rgba(37,52,119,.075);
      overflow: hidden;
      transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    }
    .pain-card::after {
      content: "";
      position: absolute;
      inset: auto -20% -72% -20%;
      height: 210px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255,107,134,.09), transparent 64%);
      transform: translateY(28px);
      transition: transform .55s ease;
      pointer-events: none;
    }
    .pain-card:hover {
      transform: translateY(-7px);
      border-color: rgba(72,89,229,.23);
      box-shadow: 0 24px 58px rgba(37,52,119,.12);
    }
    .pain-card:hover::after { transform: translateY(0); }
    .pain-no {
      display: inline-grid;
      place-items: center;
      width: 42px;
      height: 42px;
      border-radius: 13px;
      color: var(--blue);
      background: rgba(255,59,69,.07);
      font-size: .76rem;
      font-weight: 800;
    }
    .pain-card h3 {
      margin-top: 20px;
      font-size: 1.12rem;
      line-height: 1.35;
      letter-spacing: -.025em;
    }
    .pain-card p { margin-top: 11px; color: var(--muted); font-size: .88rem; }
    .pain-solution {
      position: relative;
      z-index: 2;
      margin-top: 20px;
      padding-top: 16px;
      border-top: 1px solid var(--line);
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 10px;
      align-items: start;
      color: #552f32;
      font-size: .78rem;
      font-weight: 700;
    }
    .pain-solution i {
      display: grid;
      place-items: center;
      width: 28px;
      height: 28px;
      border-radius: 9px;
      color: white;
      font-style: normal;
      background: linear-gradient(135deg, var(--blue), var(--purple));
    }

    .service-kicker {
      display: block;
      margin-top: 18px;
      color: var(--blue);
      font-size: .7rem;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .service-card h3 { margin-top: 8px; font-size: 1.08rem; line-height: 1.4; }
    .service-card { min-height: 330px; }
    .service-card::after {
      content: "";
      position: absolute;
      width: 160px;
      height: 160px;
      right: -85px;
      top: -85px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255,107,134,.09), transparent 70%);
      transform: scale(.7);
      transition: transform .5s ease;
      pointer-events: none;
    }
    .service-card:hover::after { transform: scale(1.2); }

    .about-photo-wrap {
      position: relative;
      min-height: 540px;
      display: grid;
      place-items: center;
      isolation: isolate;
    }
    .photo-glow {
      position: absolute;
      width: 86%;
      height: 86%;
      border-radius: 46% 54% 50% 50%;
      background: conic-gradient(from 120deg, rgba(255,59,69,.14), rgba(255,107,134,.06), rgba(255,59,69,.04), rgba(255,107,134,.12));
      filter: blur(24px);
      animation: photoAura 10s linear infinite;
      z-index: -1;
    }
    .about-photo-card {
      position: relative;
      width: min(430px, 88%);
      aspect-ratio: 1 / 1.15;
      overflow: hidden;
      border-radius: 34px;
      border: 1px solid rgba(255,255,255,.8);
      background: #e9101d;
      box-shadow: 0 34px 72px rgba(32,48,111,.2);
      transform: rotate(-2deg);
      transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease;
    }
    .about-photo-wrap:hover .about-photo-card {
      transform: rotate(0deg) translateY(-6px);
      box-shadow: 0 40px 84px rgba(32,48,111,.24);
    }
    .about-photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 18%;
      transform: scale(1.015);
      transition: transform 1s cubic-bezier(.2,.8,.2,1);
    }
    .about-photo-wrap:hover .about-photo { transform: scale(1.055); }
    .photo-sheen {
      position: absolute;
      inset: -10% auto -10% -50%;
      width: 38%;
      transform: skewX(-18deg);
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
      animation: photoSheen 5.6s ease-in-out infinite;
      pointer-events: none;
    }
    .photo-chip {
      position: absolute;
      z-index: 5;
      min-width: 118px;
      padding: 10px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,.91);
      border: 1px solid rgba(225,231,244,.95);
      box-shadow: 0 14px 34px rgba(34,48,109,.11);
      backdrop-filter: blur(12px);
      animation: chipFloat 5.4s ease-in-out infinite;
    }
    .photo-chip span { display: block; color: var(--muted); font-size: .61rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
    .photo-chip b { display: block; margin-top: 2px; font-size: .78rem; }
    .photo-chip.chip-a { left: 0; top: 16%; }
    .photo-chip.chip-b { right: -3%; top: 44%; animation-delay: .8s; }
    .photo-chip.chip-c { left: 5%; bottom: 10%; animation-delay: 1.6s; }

    /* Ambient section animation: subtle, no custom cursor. */
    .motion-section {
      position: relative;
      isolation: isolate;
    }
    .motion-section::before {
      content: "";
      position: absolute;
      z-index: -1;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      right: -160px;
      top: 28%;
      background: radial-gradient(circle, rgba(101,83,244,.07), transparent 68%);
      animation: sectionDrift 9s ease-in-out infinite alternate;
      pointer-events: none;
    }
    .motion-section:nth-of-type(even)::before {
      right: auto;
      left: -170px;
      animation-delay: 1.4s;
    }

    .process-card.visible .step-no { animation: stepPop .7s cubic-bezier(.18,.85,.25,1) both; }
    .feature-item { transition: transform .3s ease; }
    .feature-item:hover { transform: translateX(6px); }
    .contact-point { transition: transform .3s ease, color .3s ease; }
    .contact-point:hover { transform: translateX(6px); color: #26334f; }

    @keyframes v4Reveal {
      from { opacity: .35; transform: translateY(24px); filter: blur(4px); }
      to { opacity: 1; transform: none; filter: none; }
    }
    @keyframes v4RevealLeft {
      from { opacity: .35; transform: translateX(-28px); filter: blur(4px); }
      to { opacity: 1; transform: none; filter: none; }
    }
    @keyframes v4RevealRight {
      from { opacity: .35; transform: translateX(28px); filter: blur(4px); }
      to { opacity: 1; transform: none; filter: none; }
    }
    @keyframes v4RevealScale {
      from { opacity: .35; transform: scale(.96) translateY(16px); filter: blur(3px); }
      to { opacity: 1; transform: none; filter: none; }
    }
    @keyframes headlineLift {
      from { transform: translateY(18px); opacity: .62; filter: blur(3px); }
      to { transform: none; opacity: 1; filter: none; }
    }
    @keyframes underlineGrow { from { transform: scaleX(.22); opacity: .4; } to { transform: scaleX(1); opacity: 1; } }
    @keyframes painPillFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
    @keyframes rankPulse { 0%,100% { transform: translateX(0); } 50% { transform: translateX(3px); } }
    @keyframes painGlow { from { transform: translate(-8px, -8px) scale(.95); } to { transform: translate(25px, 18px) scale(1.08); } }
    @keyframes photoAura { to { transform: rotate(360deg); } }
    @keyframes photoSheen { 0%,25% { left: -50%; } 55%,100% { left: 120%; } }
    @keyframes chipFloat { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-8px) rotate(1deg); } }
    @keyframes sectionDrift { from { transform: translateY(-20px) scale(.92); } to { transform: translateY(30px) scale(1.08); } }
    @keyframes stepPop { from { transform: scale(.78) rotate(-8deg); } to { transform: scale(1) rotate(0); } }

    @media (max-width: 980px) {
      .pain-grid { grid-template-columns: 1fr; }
      .pain-card { min-height: auto; }
      .about-photo-wrap { min-height: 500px; }
      .photo-chip.chip-a { left: 7%; }
      .photo-chip.chip-b { right: 4%; }
    }

    @media (max-width: 760px) {
      .hero-pains { gap: 7px; }
      .hero-pains span { font-size: .66rem; }
      .pain-grid { margin-top: 30px; }
      .pain-card { padding: 23px; }
      .service-card { min-height: auto; }
      .about-photo-wrap { min-height: 450px; margin-bottom: 12px; }
      .about-photo-card { width: 86%; border-radius: 26px; }
      .photo-chip { min-width: 104px; padding: 8px 10px; }
      .photo-chip.chip-a { left: 0; top: 12%; }
      .photo-chip.chip-b { right: 0; top: 46%; }
      .photo-chip.chip-c { left: 2%; bottom: 8%; }
      .rank-row { grid-template-columns: 30px 1fr; }
      .rank-row em { display: none; }
    }

    @media (prefers-reduced-motion: reduce) {
      .reveal.visible,
      .section-visible .hero-copy h1,
      .section-visible .section-title,
      .section-visible .hero-copy h1::after,
      .section-visible .section-title::after,
      .hero-pains span,
      .rank-row.arham-row,
      .photo-glow,
      .photo-sheen,
      .photo-chip,
      .motion-section::before,
      .process-card.visible .step-no {
        animation: none !important;
      }
    }


    /* V5 refinements: smaller hero type + advanced specialty banner + interactive Growth Signal Lab */
    .hero h1 {
      font-size: clamp(2.65rem, 4.85vw, 4.75rem);
      line-height: 1.015;
      letter-spacing: -0.052em;
      max-width: 720px;
    }
    .hero p { max-width: 625px; }

    .specialty-marquee {
      background:
        linear-gradient(90deg, rgba(54,98,255,.045), rgba(122,77,248,.055)),
        rgba(255,255,255,.78);
    }
    .specialty-marquee .marquee-group {
      padding: 17px 14px;
      gap: 28px;
      font-size: .76rem;
      letter-spacing: .095em;
      color: #2f3a56;
    }
    .specialty-marquee .marquee-group span {
      display: inline-flex;
      align-items: center;
      gap: 12px;
    }
    .specialty-marquee .marquee-group span::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--blue), var(--purple));
      box-shadow: 0 0 0 5px rgba(89,78,235,.07), 0 0 18px rgba(89,78,235,.28);
      animation: specialtyPulse 2.2s ease-in-out infinite;
    }
    .specialty-marquee .marquee-group span::after {
      content: "";
      width: 24px;
      height: 1px;
      margin-left: 28px;
      background: linear-gradient(90deg, rgba(255,59,69,.12), rgba(255,59,69,.42));
      opacity: .9;
    }

    .signal-lab-section {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 15% 22%, rgba(54,98,255,.075), transparent 28%),
        radial-gradient(circle at 88% 76%, rgba(122,77,248,.075), transparent 30%),
        linear-gradient(180deg, #f8f4f4 0%, #ffffff 100%);
    }
    .signal-lab-section::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .28;
      background-image:
        linear-gradient(rgba(67,79,145,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(67,79,145,.06) 1px, transparent 1px);
      background-size: 48px 48px;
      mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
    }
    .lab-intro { max-width: 900px; position: relative; z-index: 2; }
    .signal-lab {
      position: relative;
      z-index: 2;
      margin-top: 46px;
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: 18px;
      padding: 14px;
      border-radius: 30px;
      border: 1px solid rgba(69,81,151,.12);
      background: rgba(255,255,255,.64);
      box-shadow: 0 35px 85px rgba(47,59,119,.11);
      backdrop-filter: blur(18px);
      overflow: hidden;
    }
    .signal-lab::after {
      content: "";
      position: absolute;
      width: 280px;
      height: 280px;
      border-radius: 50%;
      right: 24%;
      top: -170px;
      background: radial-gradient(circle, rgba(105,84,247,.19), transparent 66%);
      filter: blur(8px);
      pointer-events: none;
      animation: labAmbient 7s ease-in-out infinite alternate;
    }
    .lab-selector {
      display: grid;
      align-content: start;
      gap: 10px;
      padding: 10px;
    }
    .lab-tab {
      appearance: none;
      width: 100%;
      display: grid;
      grid-template-columns: 42px 1fr 34px;
      align-items: center;
      gap: 12px;
      text-align: left;
      padding: 19px 17px;
      border: 1px solid transparent;
      border-radius: 18px;
      color: #573234;
      background: transparent;
      cursor: pointer;
      transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease;
    }
    .lab-tab:hover { transform: translateX(4px); background: rgba(255,255,255,.72); }
    .lab-tab.active {
      background: #fff;
      border-color: rgba(70,83,166,.12);
      box-shadow: 0 16px 35px rgba(48,61,124,.09);
      transform: translateX(5px);
    }
    .lab-tab .tab-index {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      font-size: .71rem;
      font-weight: 900;
      color: #ff6b86;
      background: #f0e9ea;
      transition: color .3s ease, background .3s ease;
    }
    .lab-tab.active .tab-index {
      color: #fff;
      background: linear-gradient(135deg, var(--blue), var(--purple));
      box-shadow: 0 9px 22px rgba(84,74,230,.24);
    }
    .lab-tab b { display: block; font-size: .94rem; color: #222c47; }
    .lab-tab small { display: block; margin-top: 4px; line-height: 1.45; color: #371114; font-size: .72rem; }
    .lab-tab > i {
      width: 31px;
      height: 31px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      font-style: normal;
      color: #ff6b86;
      background: #f1eaea;
      transition: transform .35s ease, color .35s ease, background .35s ease;
    }
    .lab-tab.active > i {
      color: #fff;
      background: #242c47;
      transform: rotate(9deg) scale(1.06);
    }

    .lab-console {
      position: relative;
      min-height: 555px;
      overflow: hidden;
      border-radius: 22px;
      color: #ffffff;
      background:
        radial-gradient(circle at 72% 20%, rgba(101,83,244,.24), transparent 32%),
        linear-gradient(150deg, #11172b 0%, #171c35 52%, #12172b 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
    }
    .lab-console::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .16;
      background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
      background-size: 34px 34px;
    }
    .lab-console-top {
      position: relative;
      z-index: 3;
      height: 52px;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      padding: 0 17px;
      border-bottom: 1px solid rgba(255,255,255,.07);
      font-size: .69rem;
      letter-spacing: .03em;
      color: #aaa4a2;
    }
    .lab-console-top .window-dots { justify-self: start; }
    .lab-console-top > span { justify-self: center; }
    .lab-console-top > b {
      justify-self: end;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-size: .63rem;
      color: #aaa4a2;
      letter-spacing: .08em;
    }
    .lab-console-top > b i,
    .lab-status-dot {
      width: 7px;
      height: 7px;
      display: inline-block;
      border-radius: 50%;
      background: #ff6b86;
      box-shadow: 0 0 0 5px rgba(112,240,189,.08), 0 0 16px rgba(112,240,189,.45);
      animation: labLivePulse 1.8s ease-in-out infinite;
    }

    .lab-scan-stage {
      position: relative;
      z-index: 2;
      height: 205px;
      display: grid;
      place-items: center;
      overflow: hidden;
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .lab-scan-stage::before {
      content: "";
      position: absolute;
      width: 340px;
      height: 340px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(101,83,244,.14), rgba(54,98,255,.025) 48%, transparent 66%);
      animation: labCoreBreath 4s ease-in-out infinite;
    }
    .lab-scan-line {
      position: absolute;
      z-index: 5;
      left: 7%;
      right: 7%;
      height: 1px;
      top: 8%;
      background: linear-gradient(90deg, transparent, rgba(120,126,255,.25), #ff5a68, rgba(120,126,255,.25), transparent);
      box-shadow: 0 0 20px rgba(132,114,255,.5);
      animation: labScan 3.8s cubic-bezier(.4,0,.2,1) infinite;
    }
    .lab-orbit {
      position: absolute;
      border: 1px solid rgba(137,131,255,.19);
      border-radius: 50%;
    }
    .orbit-a { width: 178px; height: 178px; animation: labSpin 12s linear infinite; }
    .orbit-b { width: 126px; height: 126px; border-style: dashed; animation: labSpinReverse 9s linear infinite; }
    .lab-orbit::after {
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      top: -4px;
      left: 50%;
      background: #ff5a68;
      box-shadow: 0 0 14px rgba(156,138,255,.9);
    }
    .lab-core {
      position: relative;
      z-index: 3;
      width: 76px;
      height: 76px;
      display: grid;
      place-items: center;
      border-radius: 24px;
      font-size: 1.5rem;
      color: #fff;
      background: linear-gradient(135deg, #ff3b45, #ff315f);
      box-shadow: 0 20px 48px rgba(73,78,224,.34), inset 0 1px 0 rgba(255,255,255,.24);
      animation: labCoreFloat 3.3s ease-in-out infinite;
    }
    .lab-node {
      position: absolute;
      z-index: 3;
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 7px 10px;
      border: 1px solid rgba(255,255,255,.09);
      border-radius: 999px;
      color: #e91a27;
      background: rgba(20,26,49,.72);
      box-shadow: 0 12px 26px rgba(0,0,0,.13);
      backdrop-filter: blur(8px);
      font-size: .62rem;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .lab-node i { width: 6px; height: 6px; border-radius: 50%; background: #ff5a68; box-shadow: 0 0 10px rgba(119,137,255,.7); }
    .node-one { left: 12%; top: 28%; animation: nodeDriftA 5s ease-in-out infinite; }
    .node-two { right: 10%; top: 36%; animation: nodeDriftB 5.5s ease-in-out infinite; }
    .node-three { left: 19%; bottom: 16%; animation: nodeDriftC 6.2s ease-in-out infinite; }

    .lab-status-row {
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 9px;
      padding: 13px 18px;
      border-bottom: 1px solid rgba(255,255,255,.06);
      color: #b4141d;
      font-size: .67rem;
    }
    .lab-status-row em { color: #50171a; font-style: normal; font-size: .61rem; }
    #labStatus { transition: opacity .18s ease, transform .18s ease; }
    .lab-changing #labStatus { opacity: .25; transform: translateY(3px); }

    .lab-output {
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-columns: 1.18fr .82fr;
      gap: 10px;
      padding: 14px 14px 10px;
    }
    .lab-output-card {
      min-height: 136px;
      padding: 18px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.07);
      background: rgba(255,255,255,.045);
      transition: transform .35s ease, border-color .35s ease, background .35s ease;
    }
    .lab-output-card:hover { transform: translateY(-3px); border-color: rgba(148,133,255,.22); background: rgba(255,255,255,.065); }
    .lab-output-card small {
      display: block;
      margin-bottom: 8px;
      color: #69191e;
      font-size: .62rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .08em;
    }
    .lab-output-card h3 { color: #fff; font-size: 1.18rem; line-height: 1.18; }
    .lab-output-card p { margin-top: 8px; color: #8c151c; font-size: .76rem; line-height: 1.65; }
    .lab-output-card.action { background: linear-gradient(145deg, rgba(255,59,69,.11), rgba(255,107,134,.08)); }
    .lab-output-card.action a {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 13px;
      color: #ffffff;
      font-size: .7rem;
      font-weight: 800;
    }
    .lab-output-card.action a span { transition: transform .25s ease; }
    .lab-output-card.action a:hover span { transform: translateX(4px); }
    .lab-output.switching .lab-output-card { animation: labOutputSwitch .52s cubic-bezier(.2,.8,.2,1) both; }
    .lab-output.switching .lab-output-card:nth-child(2) { animation-delay: .06s; }

    .lab-meter {
      position: relative;
      z-index: 3;
      height: 32px;
      display: flex;
      align-items: end;
      gap: 4px;
      padding: 0 15px 12px;
      opacity: .52;
    }
    .lab-meter span {
      flex: 1;
      height: var(--meter);
      max-height: 17px;
      min-height: 4px;
      border-radius: 99px 99px 2px 2px;
      background: linear-gradient(180deg, #ffffff, #ffffff);
      transform-origin: bottom;
      animation: labMeter 2.1s ease-in-out infinite alternate;
    }
    .lab-meter span:nth-child(2n) { animation-delay: -.5s; }
    .lab-meter span:nth-child(3n) { animation-delay: -1s; }

    @keyframes specialtyPulse { 0%,100% { transform: scale(.82); opacity: .68; } 50% { transform: scale(1.1); opacity: 1; } }
    @keyframes labAmbient { from { transform: translate3d(-16px,-8px,0) scale(.9); } to { transform: translate3d(24px,18px,0) scale(1.08); } }
    @keyframes labLivePulse { 0%,100% { opacity: .5; transform: scale(.86); } 50% { opacity: 1; transform: scale(1.06); } }
    @keyframes labScan { 0% { top: 8%; opacity: 0; } 12% { opacity: 1; } 80% { opacity: .9; } 100% { top: 92%; opacity: 0; } }
    @keyframes labSpin { to { transform: rotate(360deg); } }
    @keyframes labSpinReverse { to { transform: rotate(-360deg); } }
    @keyframes labCoreBreath { 0%,100% { transform: scale(.9); opacity: .65; } 50% { transform: scale(1.12); opacity: 1; } }
    @keyframes labCoreFloat { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-7px) rotate(2deg); } }
    @keyframes nodeDriftA { 0%,100% { transform: translate(0,0); } 50% { transform: translate(8px,-5px); } }
    @keyframes nodeDriftB { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-8px,6px); } }
    @keyframes nodeDriftC { 0%,100% { transform: translate(0,0); } 50% { transform: translate(6px,7px); } }
    @keyframes labOutputSwitch { 0% { opacity: .35; transform: translateY(8px) scale(.985); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
    @keyframes labMeter { from { transform: scaleY(.55); opacity: .5; } to { transform: scaleY(1); opacity: 1; } }

    @media (max-width: 980px) {
      .signal-lab { grid-template-columns: 1fr; }
      .lab-selector { grid-template-columns: repeat(3, 1fr); }
      .lab-tab { grid-template-columns: 34px 1fr; padding: 15px 13px; }
      .lab-tab > i { display: none; }
      .lab-tab small { display: none; }
      .lab-console { min-height: 540px; }
    }
    @media (max-width: 680px) {
      .hero h1 { font-size: clamp(2.3rem, 11vw, 3.35rem); line-height: 1.03; letter-spacing: -.045em; }
      .specialty-marquee .marquee-group { font-size: .69rem; padding: 15px 10px; gap: 18px; }
      .specialty-marquee .marquee-group span::after { margin-left: 18px; width: 17px; }
      .signal-lab { padding: 8px; border-radius: 23px; margin-top: 34px; }
      .lab-selector { grid-template-columns: 1fr; padding: 5px; }
      .lab-tab { grid-template-columns: 38px 1fr 30px; padding: 14px; }
      .lab-tab > i { display: grid; }
      .lab-tab small { display: block; }
      .lab-console { min-height: auto; border-radius: 18px; }
      .lab-console-top { grid-template-columns: auto 1fr; gap: 10px; }
      .lab-console-top > span { justify-self: start; }
      .lab-console-top > b { display: none; }
      .lab-scan-stage { height: 190px; }
      .node-one { left: 5%; }
      .node-two { right: 5%; }
      .node-three { left: 10%; }
      .lab-status-row { grid-template-columns: auto 1fr; }
      .lab-status-row em { display: none; }
      .lab-output { grid-template-columns: 1fr; }
      .lab-output-card { min-height: auto; }
    }
    @media (prefers-reduced-motion: reduce) {
      .specialty-marquee .marquee-group span::before,
      .signal-lab::after,
      .lab-console-top > b i,
      .lab-status-dot,
      .lab-scan-line,
      .orbit-a,
      .orbit-b,
      .lab-scan-stage::before,
      .lab-core,
      .lab-node,
      .lab-meter span { animation: none !important; }
    }

  

    /* =========================================================
       V6 — uploaded brand mark + trust + live buyer journey + FAQ
       ========================================================= */
    .brand { gap: 9px; }
    .brand-logo-shell {
      width: 44px;
      height: 38px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      position: relative;
    }
    .brand-logo-shell::after {
      content: "";
      position: absolute;
      inset: 6px 1px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(90,80,245,.18), transparent 70%);
      filter: blur(7px);
      z-index: -1;
    }
    .brand-logo { width: 44px; height: auto; display: block; filter: drop-shadow(0 6px 10px rgba(55,49,142,.12)); }
    .brand-name { letter-spacing: -.035em; }
    .footer .brand-logo-shell { width: 54px; height: 46px; }
    .footer .brand-logo { width: 54px; }

    .side-logo {
      width: 36px !important;
      height: 28px !important;
      border-radius: 0 !important;
      background: none !important;
      display: grid;
      place-items: center;
      overflow: visible !important;
      box-shadow: none !important;
    }
    .side-logo img { width: 34px; height: auto; display: block; }

    .hero-email-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 13px;
      color: #401b1e;
      font-size: .78rem;
      font-weight: 650;
      text-decoration: none;
      transition: color .25s ease, transform .25s ease;
    }
    .hero-email-link span {
      width: 26px; height: 26px; display:grid; place-items:center;
      border-radius: 8px;
      background: linear-gradient(135deg, rgba(54,98,255,.1), rgba(144,74,239,.11));
      color: var(--primary);
    }
    .hero-email-link b { color: #293753; font-weight: 800; }
    .hero-email-link:hover { color: var(--primary); transform: translateX(3px); }

    /* One-time hero dashboard blur reveal. No looping blur. */
    .dashboard-wrap.reveal { filter: none !important; }
    .dashboard {
      filter: blur(12px);
      opacity: .38;
    }
    .hero.section-visible .dashboard {
      animation: dashboardOneTimeReveal 1.15s cubic-bezier(.18,.82,.22,1) .16s forwards !important;
    }
    @keyframes dashboardOneTimeReveal {
      0% { filter: blur(12px); opacity: .38; }
      60% { filter: blur(2px); opacity: .88; }
      100% { filter: blur(0); opacity: 1; }
    }

    .specialty-marquee .marquee-track { animation-duration: 38s; }
    .specialty-marquee .marquee-group { min-width: max-content; }
    .specialty-marquee .marquee-group span { white-space: nowrap; }

    /* Trust section */
    .trust-section {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 14% 16%, rgba(54,98,255,.09), transparent 28%),
        radial-gradient(circle at 88% 76%, rgba(142,74,239,.09), transparent 30%),
        linear-gradient(180deg, rgba(247,249,255,.72), rgba(255,255,255,.94));
    }
    .trust-section::before {
      content:"";
      position:absolute;
      width: 560px; height: 560px; border-radius:50%;
      right:-330px; top:-220px;
      border: 1px dashed rgba(100,86,236,.16);
      animation: trustOrbit 24s linear infinite;
      pointer-events:none;
    }
    .trust-head { max-width: 800px; }
    .trust-grid {
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 34px;
    }
    .trust-card {
      position:relative;
      min-height: 270px;
      padding: 24px 22px;
      border: 1px solid rgba(57,75,120,.1);
      border-radius: 22px;
      background: rgba(255,255,255,.78);
      box-shadow: 0 18px 55px rgba(39,52,102,.07);
      overflow:hidden;
      isolation:isolate;
      transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease, border-color .38s ease;
    }
    .trust-card::before {
      content:"";
      position:absolute;
      width: 180px; height: 180px;
      border-radius:50%;
      right:-105px; top:-100px;
      background: radial-gradient(circle, rgba(82,94,255,.15), transparent 70%);
      transition: transform .5s ease;
      z-index:-1;
    }
    .trust-card::after {
      content:"";
      position:absolute;
      top:-120%; left:-30%; width:42%; height:330%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
      transform: rotate(18deg);
      opacity:0;
      transition: left .75s ease, opacity .25s ease;
      pointer-events:none;
    }
    .trust-card:hover { transform: translateY(-8px); border-color: rgba(80,91,241,.22); box-shadow: 0 27px 70px rgba(41,51,115,.12); }
    .trust-card:hover::before { transform: scale(1.18); }
    .trust-card:hover::after { left:120%; opacity:.72; }
    .trust-icon {
      width: 52px; height:52px; border-radius: 16px;
      display:grid; place-items:center;
      margin-bottom: 24px;
      background: linear-gradient(145deg, #ffffff, #fff);
      border:1px solid rgba(73,88,215,.12);
      box-shadow: inset 0 0 0 6px rgba(91,84,245,.025);
      position:relative;
    }
    .trust-icon::before { content:""; position:absolute; inset:-6px; border:1px solid rgba(100,83,245,.12); border-radius:19px; animation: trustPulse 3.6s ease-in-out infinite; }
    .trust-icon span { font-size:.72rem; font-weight:900; color:var(--primary); }
    .trust-card h3 { font-size:1.05rem; line-height:1.32; letter-spacing:-.025em; margin-bottom:10px; }
    .trust-card p { color:var(--muted); font-size:.84rem; line-height:1.72; }
    .trust-ribbon {
      margin-top: 18px;
      padding: 16px 18px;
      border-radius: 19px;
      border: 1px solid rgba(67,78,126,.1);
      background: rgba(255,255,255,.82);
      display:flex; align-items:center; justify-content:space-between; gap:18px;
      box-shadow: 0 16px 45px rgba(41,50,96,.06);
    }
    .trust-brand-stamp { display:flex; align-items:center; gap:12px; }
    .trust-brand-stamp img { width:48px; height:auto; filter: drop-shadow(0 6px 12px rgba(74,65,185,.14)); }
    .trust-brand-stamp small { display:block; color:#3e1113; font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
    .trust-brand-stamp strong { display:block; margin-top:2px; font-size:.9rem; color:#27344e; }
    .trust-ribbon > a { text-decoration:none; color:var(--primary); font-size:.82rem; font-weight:850; white-space:nowrap; }
    .trust-ribbon > a span { display:inline-block; transition:transform .25s ease; }
    .trust-ribbon > a:hover span { transform:translateX(4px); }

    /* Live buyer journey */
    .journey-section {
      position:relative;
      overflow:hidden;
      background: #0c1020;
      color:#fff;
    }
    .journey-section::before {
      content:""; position:absolute; inset:0;
      background:
        linear-gradient(rgba(117,126,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(117,126,255,.045) 1px, transparent 1px),
        radial-gradient(circle at 18% 20%, rgba(59,100,255,.2), transparent 25%),
        radial-gradient(circle at 84% 78%, rgba(164,68,241,.17), transparent 27%);
      background-size:54px 54px,54px 54px,auto,auto;
      animation: journeyGrid 22s linear infinite;
      pointer-events:none;
    }
    .journey-intro { max-width: 850px; position:relative; z-index:1; }
    .journey-section .eyebrow { color:#ffffff; border-color:rgba(255,59,69,.22); background:rgba(255,59,69,.08); }
    .journey-section .section-title { color:#ffffff; }
    .journey-section .section-copy { color:#6b171c; }
    .journey-shell {
      margin-top:36px;
      position:relative; z-index:1;
      padding: 18px;
      border:1px solid rgba(154,161,255,.14);
      border-radius: 28px;
      background: linear-gradient(180deg, rgba(26,31,56,.9), rgba(14,18,34,.93));
      box-shadow: 0 35px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
      overflow:hidden;
    }
    .journey-shell::after {
      content:""; position:absolute; width:280px; height:280px; border-radius:50%;
      right:-130px; top:-145px;
      background:conic-gradient(from 30deg, rgba(58,100,255,.2), rgba(148,67,241,.14), transparent 65%);
      filter:blur(10px); animation:journeyHalo 14s linear infinite; pointer-events:none;
    }
    .journey-livebar {
      display:grid;
      grid-template-columns: auto 1fr auto;
      align-items:center;
      gap:16px;
      padding: 8px 8px 16px;
      color:#561a1e;
      font-size:.72rem;
      border-bottom:1px solid rgba(255,255,255,.065);
      position:relative; z-index:2;
    }
    .journey-livebar > span { display:inline-flex; align-items:center; gap:7px; color:#9d1a22; font-weight:850; letter-spacing:.09em; font-size:.64rem; }
    .journey-livebar > span i { width:7px; height:7px; border-radius:50%; background:#da7982; box-shadow:0 0 0 0 rgba(255,59,69,.4); animation: livePing 2.1s infinite; }
    .journey-livebar strong { color:#ffffff; font-size:.78rem; font-weight:760; text-align:center; transition:opacity .22s ease, transform .22s ease; }
    .journey-livebar em { font-style:normal; font-size:.66rem; }
    .journey-rail { position:relative; height:46px; margin: 8px 12% -4px; }
    .journey-rail::before {
      content:""; position:absolute; left:0; right:0; top:21px; height:2px;
      background:linear-gradient(90deg, rgba(65,112,255,.35), rgba(147,75,245,.55), rgba(70,126,255,.35));
      box-shadow:0 0 18px rgba(95,88,255,.18);
    }
    .journey-pulse {
      position:absolute; left:0; top:14px; width:16px; height:16px; border-radius:50%;
      background:#fff; border:4px solid #ffffff;
      box-shadow:0 0 0 7px rgba(105,119,255,.11), 0 0 30px rgba(119,87,255,.7);
      transform:translateX(-50%);
      transition:left .75s cubic-bezier(.18,.84,.2,1);
      z-index:2;
    }
    .journey-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; position:relative; z-index:2; }
    .journey-step {
      appearance:none; text-align:left; color:inherit; font:inherit; cursor:pointer;
      min-height:286px; padding:24px 22px 20px;
      border-radius:20px; border:1px solid rgba(255,255,255,.075);
      background:rgba(255,255,255,.028);
      position:relative; overflow:hidden;
      transition:transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease;
    }
    .journey-step::before { content:""; position:absolute; inset:auto -10% -70% -10%; height:70%; background:radial-gradient(circle, rgba(255,59,69,.18), transparent 68%); opacity:0; transition:opacity .35s ease, transform .5s ease; }
    .journey-step.active { border-color:rgba(255,59,69,.38); background:rgba(255,59,69,.08); box-shadow:0 20px 50px rgba(0,0,0,.18), inset 0 0 45px rgba(255,59,69,.06); transform:translateY(-5px); }
    .journey-step.active::before { opacity:1; transform:translateY(-18px); }
    .journey-no { position:absolute; top:16px; right:17px; color:#411a1d; font-size:.67rem; font-weight:900; letter-spacing:.08em; }
    .journey-symbol { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; margin-bottom:27px; background:linear-gradient(145deg, rgba(255,59,69,.16), rgba(255,107,134,.10)); color:#ffffff; border:1px solid rgba(255,59,69,.15); transition:transform .35s ease, box-shadow .35s ease; }
    .journey-step.active .journey-symbol { transform:rotate(-5deg) scale(1.08); box-shadow:0 0 28px rgba(102,89,255,.24); }
    .journey-step small { color:#49181b; font-size:.64rem; letter-spacing:.13em; font-weight:900; }
    .journey-step h3 { margin:9px 0 9px; color:#ffffff; font-size:1.08rem; line-height:1.33; letter-spacing:-.025em; }
    .journey-step p { color:#5f171c; font-size:.79rem; line-height:1.68; }
    .journey-step > b { display:inline-block; margin-top:14px; font-size:.64rem; letter-spacing:.12em; color:#ffffff; }
    .journey-footer { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:12px; padding:16px 14px 2px; position:relative; z-index:2; }
    .journey-footer > div { display:flex; gap:12px; align-items:center; min-width:0; }
    .journey-footer #journeyStageNo { width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,#ffffff,#f0c4c8); font-size:.74rem; font-weight:900; box-shadow:0 8px 25px rgba(255,59,69,.20); }
    .journey-footer p { color:#5f171b; font-size:.76rem; line-height:1.5; margin:0; }
    .journey-footer p strong { color:#f78791; }
    .journey-footer a { color:#ffffff; text-decoration:none; font-size:.76rem; font-weight:820; white-space:nowrap; }
    .journey-footer a span { display:inline-block; transition:transform .25s ease; }
    .journey-footer a:hover span { transform:translateX(4px); }

    /* Contact email */
    .contact-email-card {
      display:flex; align-items:center; gap:12px;
      max-width:520px; margin-top:22px; padding:13px 15px;
      border-radius:16px; border:1px solid rgba(55,76,125,.1);
      background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(245,247,255,.9));
      text-decoration:none; box-shadow:0 12px 36px rgba(48,56,104,.06);
      transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }
    .contact-email-card:hover { transform:translateY(-3px); border-color:rgba(76,88,235,.2); box-shadow:0 20px 45px rgba(48,56,104,.1); }
    .contact-email-card > span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,#ffffff,#f2e8ea); color:var(--primary); }
    .contact-email-card div { flex:1; min-width:0; }
    .contact-email-card small { display:block; color:#401114; font-size:.67rem; margin-bottom:2px; }
    .contact-email-card strong { display:block; color:#26344e; font-size:.84rem; overflow-wrap:anywhere; }
    .contact-email-card > i { color:var(--primary); font-style:normal; font-weight:900; }

    /* FAQ */
    .faq-section { position:relative; overflow:hidden; background:linear-gradient(180deg,#f8f4f4,#ffffff); }
    .faq-section::before { content:"?"; position:absolute; right:3%; top:-9%; font-size:25rem; line-height:1; font-weight:900; color:rgba(78,89,210,.025); transform:rotate(8deg); pointer-events:none; }
    .faq-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:72px; align-items:start; position:relative; z-index:1; }
    .faq-intro { position:sticky; top:118px; }
    .faq-prompt { margin-top:26px; padding:18px 19px; border-radius:18px; border:1px solid rgba(62,78,126,.1); background:rgba(255,255,255,.72); box-shadow:0 14px 42px rgba(47,55,105,.06); }
    .faq-prompt span { display:block; color:#3b1013; font-size:.68rem; text-transform:uppercase; letter-spacing:.1em; font-weight:850; }
    .faq-prompt strong { display:block; color:#283650; margin:5px 0 10px; font-size:.9rem; }
    .faq-prompt a { color:var(--primary); font-size:.78rem; font-weight:850; text-decoration:none; }
    .faq-list { display:flex; flex-direction:column; gap:10px; }
    .faq-item { border:1px solid rgba(55,72,116,.1); border-radius:18px; background:rgba(255,255,255,.85); overflow:hidden; box-shadow:0 10px 32px rgba(44,52,100,.045); transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; }
    .faq-item:hover { border-color:rgba(80,86,226,.18); }
    .faq-item.open { border-color:rgba(82,87,227,.22); box-shadow:0 18px 48px rgba(47,54,118,.08); transform:translateX(-4px); }
    .faq-question { width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 20px; border:0; background:none; text-align:left; color:#26344f; font:inherit; cursor:pointer; font-size:.9rem; font-weight:820; line-height:1.45; }
    .faq-question i { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:#ffffff; color:var(--primary); font-style:normal; font-size:1.2rem; transition:transform .35s cubic-bezier(.2,.8,.2,1), background .3s ease, color .3s ease; }
    .faq-item.open .faq-question i { transform:rotate(45deg); background:linear-gradient(135deg,#ffffff,#efc0c4); color:#fff; }
    .faq-answer { max-height:0; overflow:hidden; transition:max-height .48s cubic-bezier(.2,.78,.2,1); }
    .faq-answer > div { padding:0 20px 20px; }
    .faq-answer p { color:var(--muted); font-size:.82rem; line-height:1.75; margin:0; padding-right:42px; }

    @keyframes trustOrbit { to { transform:rotate(360deg); } }
    @keyframes trustPulse { 0%,100%{opacity:.3; transform:scale(.94)} 50%{opacity:.75; transform:scale(1.05)} }
    @keyframes journeyGrid { to { background-position:54px 54px,54px 54px,0 0,0 0; } }
    @keyframes journeyHalo { to { transform:rotate(360deg); } }

    @media (max-width: 1080px) {
      .trust-grid { grid-template-columns:repeat(2,1fr); }
      .faq-layout { grid-template-columns:1fr; gap:34px; }
      .faq-intro { position:relative; top:auto; max-width:760px; }
    }
    @media (max-width: 760px) {
      .brand-name { display:none; }
      .brand-logo-shell { width:46px; }
      .brand-logo { width:46px; }
      .trust-grid { grid-template-columns:1fr; }
      .trust-card { min-height:auto; }
      .trust-ribbon { align-items:flex-start; flex-direction:column; }
      .trust-ribbon > a { white-space:normal; overflow-wrap:anywhere; }
      .journey-livebar { grid-template-columns:1fr; gap:5px; }
      .journey-livebar strong { text-align:left; }
      .journey-rail { display:none; }
      .journey-steps { grid-template-columns:1fr; margin-top:12px; }
      .journey-step { min-height:auto; }
      .journey-footer { align-items:flex-start; flex-direction:column; }
      .journey-footer a { white-space:normal; }
      .faq-answer p { padding-right:0; }
      .hero-email-link { align-items:flex-start; }
    }
    @media (prefers-reduced-motion: reduce) {
      .trust-section::before,
      .trust-icon::before,
      .journey-section::before,
      .journey-shell::after,
      .journey-livebar > span i { animation:none !important; }
      .dashboard { filter:none !important; opacity:1 !important; animation:none !important; }
      .journey-pulse { transition:none !important; }
    }

  

    /* V7 — focused motion upgrade for services, approach, audit CTA and final CTA */
    .focus-motion-section { isolation:isolate; }

    /* Services: staged launch, gradient trace, icon pop, light pass. */
    #services .services-grid { perspective:1200px; }
    #services .service-card {
      transform-style:preserve-3d;
      border-color:rgba(70,84,150,.11);
      box-shadow:0 18px 48px rgba(32,48,100,.075);
    }
    #services .service-card::before {
      content:"";
      position:absolute;
      inset:0;
      padding:1px;
      border-radius:inherit;
      background:linear-gradient(120deg, transparent 18%, rgba(63,96,255,.58), rgba(143,69,243,.50), transparent 82%);
      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;
      mask-composite:exclude;
      opacity:0;
      transform:translateX(-38%);
      pointer-events:none;
    }
    #services .service-card::after {
      width:210px;
      height:210px;
      right:-118px;
      top:-118px;
      opacity:.65;
      transform:scale(.64);
    }
    #services .service-card.visible::before { animation:serviceBorderTrace 1.25s .16s cubic-bezier(.2,.75,.25,1) both; }
    #services .service-card.visible::after { animation:serviceAuraIn 1.15s .22s cubic-bezier(.2,.8,.2,1) both; }
    #services .service-card.visible .service-icon { animation:serviceIconLaunch .9s .18s cubic-bezier(.18,.88,.28,1.25) both; }
    #services .service-card.visible .service-kicker { animation:serviceCopyRise .68s .30s both; }
    #services .service-card.visible h3 { animation:serviceCopyRise .72s .38s both; }
    #services .service-card.visible p { animation:serviceCopyRise .72s .48s both; }
    #services .service-card.visible .service-link { animation:serviceCopyRise .72s .58s both; }
    #services .service-icon { position:relative; overflow:hidden; }
    #services .service-icon::after {
      content:"";
      position:absolute;
      inset:-35%;
      background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.62) 49%,transparent 68%);
      transform:translateX(-145%) rotate(8deg);
    }
    #services .service-card.visible .service-icon::after { animation:iconSheen 1.1s .65s ease both; }
    #services .service-card:hover {
      transform:translateY(-9px) rotateX(1.8deg);
      box-shadow:0 28px 62px rgba(38,50,125,.14);
    }
    #services .service-card:hover .service-icon { transform:translateY(-2px) rotate(-4deg) scale(1.05); }
    #services .service-link span { display:inline-block; transition:transform .25s ease; }
    #services .service-card:hover .service-link span { transform:translateX(5px); }

    /* Why-this-approach: cards behave like a system coming online, then settle. */
    .approach-motion .feature-panel { transform-style:preserve-3d; }
    .approach-motion .feature-panel::before { animation:none; }
    .approach-motion .feature-panel.visible::before { animation:approachOrbDrift 6.8s 1s ease-in-out infinite alternate; }
    .approach-motion .feature-panel.visible { animation:panelSettle 1.05s cubic-bezier(.2,.8,.2,1) both; }
    .approach-motion .feature-stack::before {
      content:"";
      position:absolute;
      left:0; right:0; top:-28px;
      height:2px;
      background:linear-gradient(90deg,transparent,rgba(115,151,255,.85),rgba(190,133,255,.9),transparent);
      box-shadow:0 0 18px rgba(102,125,255,.55);
      opacity:0;
      transform:translateY(-12px);
      pointer-events:none;
    }
    .approach-motion .feature-panel.visible .feature-stack::before { animation:systemScan 2.3s .48s cubic-bezier(.2,.7,.2,1) both; }
    .approach-motion .feature-mini {
      opacity:0;
      transform:translate3d(-24px,8px,0) scale(.975);
      transition:border-color .3s ease, background .3s ease, transform .3s ease;
    }
    .approach-motion .feature-panel.visible .feature-mini { animation:miniOnline .72s cubic-bezier(.2,.8,.2,1) forwards; }
    .approach-motion .feature-panel.visible .feature-mini:nth-child(1) { animation-delay:.22s; }
    .approach-motion .feature-panel.visible .feature-mini:nth-child(2) { animation-delay:.36s; }
    .approach-motion .feature-panel.visible .feature-mini:nth-child(3) { animation-delay:.50s; }
    .approach-motion .feature-panel.visible .feature-mini:nth-child(4) { animation-delay:.64s; }
    .approach-motion .feature-mini:hover { transform:translateX(5px); background:rgba(255,255,255,.135); border-color:rgba(255,255,255,.22); }
    .approach-motion .feature-mini .status { position:relative; overflow:hidden; }
    .approach-motion .feature-mini .status::before {
      content:"";
      position:absolute;
      width:5px;height:5px;border-radius:50%;
      left:8px;top:50%;transform:translateY(-50%);
      background:#f5cbcf;
      box-shadow:0 0 0 0 rgba(116,246,189,.45);
      opacity:0;
    }
    .approach-motion .feature-panel.visible .feature-mini .status { padding-left:18px; }
    .approach-motion .feature-panel.visible .feature-mini .status::before { opacity:1; animation:statusPing 2.6s 1s ease-out infinite; }

    .approach-motion .feature-list { position:relative; }
    .approach-motion .feature-item { opacity:0; transform:translateX(26px); }
    .approach-motion .reveal.visible .feature-item { animation:featureItemIn .75s cubic-bezier(.2,.8,.2,1) forwards; }
    .approach-motion .reveal.visible .feature-item:nth-child(1) { animation-delay:.30s; }
    .approach-motion .reveal.visible .feature-item:nth-child(2) { animation-delay:.45s; }
    .approach-motion .reveal.visible .feature-item:nth-child(3) { animation-delay:.60s; }
    .approach-motion .feature-check { position:relative; overflow:hidden; transform:scale(.86); }
    .approach-motion .reveal.visible .feature-check { animation:checkStamp .62s cubic-bezier(.18,.9,.25,1.25) both; }
    .approach-motion .reveal.visible .feature-item:nth-child(1) .feature-check { animation-delay:.52s; }
    .approach-motion .reveal.visible .feature-item:nth-child(2) .feature-check { animation-delay:.67s; }
    .approach-motion .reveal.visible .feature-item:nth-child(3) .feature-check { animation-delay:.82s; }
    .approach-motion .feature-check::after {
      content:"";
      position:absolute;inset:0;
      background:radial-gradient(circle at 50% 50%,rgba(73,105,255,.20),transparent 66%);
      opacity:0;
    }
    .approach-motion .reveal.visible .feature-check::after { animation:checkGlow 1.2s .55s ease-out both; }

    /* Audit CTA: one-time beam + staggered diagnostic checklist. */
    .audit-motion .audit-shell { isolation:isolate; }
    .audit-motion .audit-shell::before {
      content:"";
      position:absolute;
      top:-40%; bottom:-40%; left:-34%;
      width:22%;
      z-index:1;
      transform:skewX(-18deg) translateX(-280%);
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,255,255,.34),rgba(255,255,255,.12),transparent);
      filter:blur(1px);
      pointer-events:none;
    }
    .audit-motion .audit-shell.visible::before { animation:auditBeam 1.7s .38s cubic-bezier(.25,.65,.25,1) both; }
    .audit-motion .audit-shell.visible h2 { animation:auditCopyIn .84s .12s cubic-bezier(.2,.8,.2,1) both; }
    .audit-motion .audit-shell.visible p { animation:auditCopyIn .84s .24s cubic-bezier(.2,.8,.2,1) both; }
    .audit-motion .audit-shell.visible .btn { animation:auditCopyIn .84s .38s cubic-bezier(.2,.8,.2,1) both; }
    .audit-motion .audit-box {
      transform:translateX(20px) scale(.975);
      opacity:0;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.11);
    }
    .audit-motion .audit-shell.visible .audit-box { animation:auditBoxIn .78s .34s cubic-bezier(.2,.8,.2,1) forwards; }
    .audit-motion .audit-box li { opacity:0; transform:translateX(20px); }
    .audit-motion .audit-shell.visible .audit-box li { animation:auditItemIn .58s cubic-bezier(.2,.8,.2,1) forwards; }
    .audit-motion .audit-shell.visible .audit-box li:nth-child(1) { animation-delay:.58s; }
    .audit-motion .audit-shell.visible .audit-box li:nth-child(2) { animation-delay:.72s; }
    .audit-motion .audit-shell.visible .audit-box li:nth-child(3) { animation-delay:.86s; }
    .audit-motion .audit-shell.visible .audit-box li:nth-child(4) { animation-delay:1s; }
    .audit-motion .audit-box li span { position:relative; overflow:hidden; }
    .audit-motion .audit-shell.visible .audit-box li span { animation:auditCheckPop .52s cubic-bezier(.18,.9,.25,1.25) both; }
    .audit-motion .audit-shell.visible .audit-box li:nth-child(1) span { animation-delay:.68s; }
    .audit-motion .audit-shell.visible .audit-box li:nth-child(2) span { animation-delay:.82s; }
    .audit-motion .audit-shell.visible .audit-box li:nth-child(3) span { animation-delay:.96s; }
    .audit-motion .audit-shell.visible .audit-box li:nth-child(4) span { animation-delay:1.10s; }
    .audit-motion .audit-shell .btn-secondary { position:relative; overflow:hidden; }
    .audit-motion .audit-shell .btn-secondary::after {
      content:""; position:absolute; inset:-2px auto -2px -42%; width:34%;
      transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(90,98,255,.10),rgba(90,98,255,.22),transparent);
    }
    .audit-motion .audit-shell.visible .btn-secondary::after { animation:buttonLight 1.2s 1.12s ease both; }

    /* Final CTA */
    .final-cta-section {
      position:relative;
      overflow:hidden;
      padding-top:34px;
      padding-bottom:88px;
      background:linear-gradient(180deg,#ffffff 0%,#ffffff 100%);
    }
    .final-cta-shell {
      position:relative;
      min-height:470px;
      overflow:hidden;
      display:grid;
      grid-template-columns:1.08fr .92fr;
      align-items:center;
      gap:28px;
      padding:clamp(38px,5vw,72px);
      border-radius:34px;
      color:#fff;
      background:
        radial-gradient(circle at 82% 18%,rgba(171,114,255,.42),transparent 30%),
        radial-gradient(circle at 16% 84%,rgba(60,130,255,.27),transparent 34%),
        linear-gradient(128deg,#101a43 0%,#17275f 42%,#b87175 72%,#c66066 100%);
      box-shadow:0 34px 90px rgba(24,37,93,.28);
      isolation:isolate;
    }
    .final-cta-grid {
      position:absolute; inset:0; z-index:-2; opacity:.28;
      background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to right,#000,transparent 86%);
    }
    .final-cta-orb { position:absolute; border-radius:50%; filter:blur(2px); z-index:-1; pointer-events:none; }
    .final-cta-orb.orb-one { width:340px;height:340px;right:-100px;top:-130px;background:rgba(255,255,255,.08); }
    .final-cta-orb.orb-two { width:220px;height:220px;left:43%;bottom:-150px;background:rgba(89,133,255,.13); }
    .final-cta-copy { position:relative; z-index:2; max-width:690px; }
    .final-cta-eyebrow { display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.075);font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#ffffff; }
    .final-cta-eyebrow i { width:7px;height:7px;border-radius:50%;background:#eea6ac;box-shadow:0 0 0 5px rgba(126,240,192,.10); }
    .final-cta-copy h2 { margin-top:20px;max-width:700px;font-size:clamp(2.45rem,5vw,5.1rem);line-height:.98;letter-spacing:-.055em; }
    .final-cta-copy p { margin-top:20px;max-width:660px;color:rgba(232,237,255,.76);font-size:clamp(.92rem,1.35vw,1.08rem);line-height:1.75; }
    .final-cta-actions { display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px; }
    .final-cta-primary { color:#172557;background:#fff;box-shadow:0 16px 36px rgba(8,16,50,.22); }
    .final-cta-primary:hover { transform:translateY(-3px);box-shadow:0 22px 46px rgba(8,16,50,.30); }
    .final-cta-email { color:#ffffff;text-decoration:none;font-size:.79rem;font-weight:760;border-bottom:1px solid rgba(220,228,255,.26);padding-bottom:3px; }
    .final-cta-trust { display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:26px;color:rgba(227,234,255,.72);font-size:.72rem;font-weight:680; }
    .final-cta-trust span { display:inline-flex;align-items:center;gap:7px; }
    .final-cta-trust b { display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(126,240,192,.12);color:#f5babf;font-size:.68rem; }
    .final-cta-visual { position:relative;min-height:330px;display:grid;place-items:center;z-index:2; }
    .cta-radar { position:relative;width:min(330px,80vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center; }
    .radar-ring { position:absolute;border-radius:50%;border:1px solid rgba(207,219,255,.18); }
    .radar-ring.r1 { inset:6%; }
    .radar-ring.r2 { inset:22%; border-style:dashed; }
    .radar-ring.r3 { inset:38%; border-color:rgba(192,163,255,.30); }
    .radar-sweep { position:absolute;inset:6%;border-radius:50%;overflow:hidden; }
    .radar-sweep::before { content:"";position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:0 0;background:conic-gradient(from 0deg,rgba(129,168,255,.30),transparent 24deg); }
    .radar-core { width:82px;height:82px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(135deg,#ffffff,#ffffff);box-shadow:0 20px 50px rgba(40,59,190,.38),0 0 0 10px rgba(255,255,255,.045);font-size:1.55rem;font-weight:900;letter-spacing:-.05em; }
    .radar-node { position:absolute;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(9,17,53,.42);backdrop-filter:blur(10px);color:#eee7e8;font-size:.68rem;font-weight:800;box-shadow:0 14px 30px rgba(6,12,40,.18); }
    .radar-node i { width:7px;height:7px;border-radius:50%;background:#f2b3b8;box-shadow:0 0 12px rgba(140,244,199,.7); }
    .radar-node.node-a { left:-2%;top:28%; }
    .radar-node.node-b { right:-4%;top:43%; }
    .radar-node.node-c { left:20%;bottom:3%; }
    .final-cta-signal { position:absolute;left:0;right:0;top:0;height:2px;z-index:4;overflow:hidden;opacity:.85; }
    .final-cta-signal span { position:absolute;top:0;width:18%;height:100%;background:linear-gradient(90deg,transparent,#ffffff,#ffffff,transparent);filter:drop-shadow(0 0 8px rgba(127,172,255,.7));transform:translateX(-150%); }
    .final-cta-signal span:nth-child(2) { animation-delay:.75s !important; }
    .final-cta-signal span:nth-child(3) { animation-delay:1.5s !important; }
    .final-cta-shell.visible .final-cta-copy { animation:finalCopyIn .85s .10s cubic-bezier(.2,.8,.2,1) both; }
    .final-cta-shell.visible .final-cta-visual { animation:finalVisualIn 1s .22s cubic-bezier(.2,.8,.2,1) both; }
    .final-cta-shell.visible .final-cta-signal span { animation:signalDash 3.6s .25s ease-in-out infinite; }
    .final-cta-shell.visible .radar-sweep::before { animation:radarRotate 5.5s .4s linear infinite; }
    .final-cta-shell.visible .radar-ring.r1 { animation:ringBreath 3.4s ease-in-out infinite; }
    .final-cta-shell.visible .radar-ring.r2 { animation:radarRotate 14s linear infinite reverse; }
    .final-cta-shell.visible .radar-core { animation:coreFloat 3.8s ease-in-out infinite; }
    .final-cta-shell.visible .radar-node.node-a { animation:nodeFloatA 4.2s .3s ease-in-out infinite; }
    .final-cta-shell.visible .radar-node.node-b { animation:nodeFloatB 4.8s .8s ease-in-out infinite; }
    .final-cta-shell.visible .radar-node.node-c { animation:nodeFloatC 4.5s .5s ease-in-out infinite; }

    @keyframes serviceBorderTrace { 0%{opacity:0;transform:translateX(-42%)} 28%{opacity:1} 100%{opacity:.35;transform:translateX(0)} }
    @keyframes serviceAuraIn { from{opacity:0;transform:scale(.35)} to{opacity:.65;transform:scale(1)} }
    @keyframes serviceIconLaunch { 0%{opacity:0;transform:translateY(18px) scale(.68) rotate(-10deg)} 65%{opacity:1;transform:translateY(-3px) scale(1.08) rotate(3deg)} 100%{opacity:1;transform:none} }
    @keyframes serviceCopyRise { from{opacity:0;transform:translateY(13px)} to{opacity:1;transform:none} }
    @keyframes iconSheen { from{transform:translateX(-145%) rotate(8deg)} to{transform:translateX(210%) rotate(8deg)} }
    @keyframes panelSettle { from{box-shadow:0 20px 60px rgba(23,35,102,.12);transform:translateX(-14px) scale(.985)} to{box-shadow:var(--shadow-lg);transform:none} }
    @keyframes approachOrbDrift { from{transform:translate3d(0,0,0) scale(.96)} to{transform:translate3d(-34px,28px,0) scale(1.12)} }
    @keyframes systemScan { 0%{opacity:0;transform:translateY(-10px)} 25%{opacity:1} 100%{opacity:0;transform:translateY(410px)} }
    @keyframes miniOnline { from{opacity:0;transform:translate3d(-24px,8px,0) scale(.975)} to{opacity:1;transform:none} }
    @keyframes statusPing { 0%{box-shadow:0 0 0 0 rgba(116,246,189,.44)} 70%{box-shadow:0 0 0 8px rgba(116,246,189,0)} 100%{box-shadow:0 0 0 0 rgba(116,246,189,0)} }
    @keyframes featureItemIn { from{opacity:0;transform:translateX(26px)} to{opacity:1;transform:none} }
    @keyframes checkStamp { 0%{opacity:0;transform:scale(.58) rotate(-14deg)} 70%{opacity:1;transform:scale(1.08) rotate(2deg)} 100%{opacity:1;transform:scale(1) rotate(0)} }
    @keyframes checkGlow { 0%{opacity:.95;transform:scale(.4)} 100%{opacity:0;transform:scale(1.7)} }
    @keyframes auditBeam { from{transform:skewX(-18deg) translateX(-280%)} to{transform:skewX(-18deg) translateX(780%)} }
    @keyframes auditCopyIn { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:none} }
    @keyframes auditBoxIn { from{opacity:0;transform:translateX(20px) scale(.975)} to{opacity:1;transform:none} }
    @keyframes auditItemIn { from{opacity:0;transform:translateX(20px)} to{opacity:1;transform:none} }
    @keyframes auditCheckPop { from{transform:scale(.55) rotate(-12deg);background:rgba(255,255,255,.04)} to{transform:none;background:rgba(255,255,255,.15)} }
    @keyframes buttonLight { from{left:-42%} to{left:122%} }
    @keyframes finalCopyIn { from{opacity:0;transform:translateX(-28px)} to{opacity:1;transform:none} }
    @keyframes finalVisualIn { from{opacity:0;transform:translateX(34px) scale(.94)} to{opacity:1;transform:none} }
    @keyframes signalDash { 0%{transform:translateX(-150%);opacity:0} 15%{opacity:1} 65%{opacity:1} 100%{transform:translateX(720%);opacity:0} }
    @keyframes radarRotate { to{transform:rotate(360deg)} }
    @keyframes ringBreath { 0%,100%{transform:scale(1);opacity:.55} 50%{transform:scale(1.045);opacity:1} }
    @keyframes coreFloat { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-8px) rotate(1deg)} }
    @keyframes nodeFloatA { 0%,100%{transform:translate(0,0)} 50%{transform:translate(8px,-7px)} }
    @keyframes nodeFloatB { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-7px,8px)} }
    @keyframes nodeFloatC { 0%,100%{transform:translate(0,0)} 50%{transform:translate(5px,-8px)} }

    @media (max-width:1020px) {
      .final-cta-shell { grid-template-columns:1fr; }
      .final-cta-visual { min-height:280px; }
      .final-cta-copy { max-width:760px; }
    }
    @media (max-width:700px) {
      .final-cta-section { padding-bottom:60px; }
      .final-cta-shell { padding:34px 24px;border-radius:26px; }
      .final-cta-copy h2 { font-size:clamp(2.25rem,11vw,3.4rem); }
      .final-cta-visual { min-height:245px; }
      .cta-radar { width:min(260px,78vw); }
      .radar-node { font-size:.61rem; }
      .radar-node.node-a { left:-5%; }
      .radar-node.node-b { right:-7%; }
      .final-cta-trust { display:grid;gap:9px; }
      .audit-motion .audit-shell.visible::before { animation-duration:1.35s; }
    }

    @media (prefers-reduced-motion: reduce) {
      #services .service-card.visible::before,
      #services .service-card.visible::after,
      #services .service-card.visible .service-icon,
      #services .service-card.visible .service-icon::after,
      #services .service-card.visible .service-kicker,
      #services .service-card.visible h3,
      #services .service-card.visible p,
      #services .service-card.visible .service-link,
      .approach-motion .feature-panel.visible,
      .approach-motion .feature-panel.visible::before,
      .approach-motion .feature-panel.visible .feature-stack::before,
      .approach-motion .feature-panel.visible .feature-mini,
      .approach-motion .feature-panel.visible .feature-mini .status::before,
      .approach-motion .reveal.visible .feature-item,
      .approach-motion .reveal.visible .feature-check,
      .approach-motion .reveal.visible .feature-check::after,
      .audit-motion .audit-shell.visible::before,
      .audit-motion .audit-shell.visible h2,
      .audit-motion .audit-shell.visible p,
      .audit-motion .audit-shell.visible .btn,
      .audit-motion .audit-shell.visible .audit-box,
      .audit-motion .audit-shell.visible .audit-box li,
      .audit-motion .audit-shell.visible .audit-box li span,
      .audit-motion .audit-shell.visible .btn-secondary::after,
      .final-cta-shell.visible .final-cta-copy,
      .final-cta-shell.visible .final-cta-visual,
      .final-cta-shell.visible .final-cta-signal span,
      .final-cta-shell.visible .radar-sweep::before,
      .final-cta-shell.visible .radar-ring,
      .final-cta-shell.visible .radar-core,
      .final-cta-shell.visible .radar-node { animation:none !important; }
      .approach-motion .feature-mini,
      .approach-motion .feature-item,
      .audit-motion .audit-box,
      .audit-motion .audit-box li { opacity:1 !important; transform:none !important; }
    }

  

    /* V8 — Real results / proof gallery + LinkedIn trust layer */
    .results-section {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 10% 18%, rgba(65,103,255,.10), transparent 25%),
        radial-gradient(circle at 89% 72%, rgba(145,75,242,.09), transparent 27%),
        #f6f1f2;
    }
    .results-section::before {
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.42;
      background-image:linear-gradient(rgba(61,89,191,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(61,89,191,.045) 1px,transparent 1px);
      background-size:54px 54px;
      mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 80%,transparent);
    }
    .results-head {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);
      align-items:end;
      gap:44px;
      margin-bottom:38px;
    }
    .results-head .section-title { max-width:820px; }
    .results-intro-note {
      padding:18px 20px;
      border:1px solid rgba(69,91,175,.14);
      border-radius:18px;
      background:rgba(255,255,255,.75);
      box-shadow:0 14px 38px rgba(32,49,105,.07);
      color:#3e171a;
      font-size:.82rem;
      line-height:1.7;
      backdrop-filter:blur(10px);
    }
    .results-intro-note strong { color:#15203d; }
    .results-proof-grid {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);
      gap:26px;
      align-items:stretch;
    }
    .proof-summary {
      position:relative;
      overflow:hidden;
      padding:30px;
      border-radius:28px;
      color:#fff;
      background:linear-gradient(145deg,#121d46 0%,#1f2d69 48%,#a9575c 100%);
      box-shadow:0 28px 70px rgba(24,34,82,.20);
      isolation:isolate;
    }
    .proof-summary::before {
      content:"";
      position:absolute;
      width:240px;height:240px;
      border-radius:50%;
      right:-110px;top:-100px;
      background:linear-gradient(135deg,rgba(88,128,255,.35),rgba(187,87,255,.24));
      filter:blur(4px);
      z-index:-1;
    }
    .proof-kicker {
      display:inline-flex;
      align-items:center;
      gap:9px;
      font-size:.68rem;
      font-weight:850;
      letter-spacing:.105em;
      text-transform:uppercase;
      color:#ffffff;
    }
    .proof-kicker i { width:8px;height:8px;border-radius:50%;background:#eeacb2;box-shadow:0 0 0 6px rgba(116,240,189,.09); }
    .proof-summary h3 { margin:18px 0 12px;font-size:clamp(1.85rem,3vw,2.55rem);line-height:1.06;letter-spacing:-.04em; }
    .proof-summary > p { color:rgba(230,235,255,.72);font-size:.84rem;line-height:1.75; }
    .proof-stats { display:grid;gap:11px;margin:24px 0 22px; }
    .proof-stat {
      position:relative;
      overflow:hidden;
      display:grid;
      grid-template-columns:90px 1fr;
      gap:14px;
      align-items:center;
      padding:15px 16px;
      border:1px solid rgba(255,255,255,.11);
      border-radius:16px;
      background:rgba(255,255,255,.065);
      opacity:0;
      transform:translateY(18px) scale(.98);
    }
    .proof-stat::after {
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.12) 46%,transparent 72%);
      transform:translateX(-130%);
    }
    .results-section.section-visible .proof-stat { animation:proofStatIn .7s cubic-bezier(.2,.8,.2,1) forwards; }
    .results-section.section-visible .proof-stat:nth-child(2){animation-delay:.14s}.results-section.section-visible .proof-stat:nth-child(3){animation-delay:.28s}
    .results-section.section-visible .proof-stat::after { animation:proofStatShine 1.15s .7s ease both; }
    .results-section.section-visible .proof-stat:nth-child(2)::after{animation-delay:.86s}.results-section.section-visible .proof-stat:nth-child(3)::after{animation-delay:1.02s}
    .proof-stat strong { font-size:1.48rem;letter-spacing:-.045em;color:#fff; }
    .proof-stat span { color:#f0dfe2;font-size:.71rem;line-height:1.45; }
    .proof-linkedin {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      text-decoration:none;
      color:#fff;
      padding-top:18px;
      border-top:1px solid rgba(255,255,255,.12);
      font-size:.76rem;
      font-weight:760;
    }
    .proof-linkedin .li-left { display:flex;align-items:center;gap:10px; }
    .linkedin-icon { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#d8949a;font-weight:900;font-size:.86rem; }
    .proof-linkedin b { display:inline-block;transition:transform .25s ease; }
    .proof-linkedin:hover b { transform:translate(3px,-3px); }

    .results-browser {
      position:relative;
      min-width:0;
      overflow:hidden;
      border:1px solid rgba(51,69,142,.14);
      border-radius:28px;
      background:#fff;
      box-shadow:0 26px 70px rgba(34,49,102,.13);
      opacity:0;
      transform:translateY(26px) scale(.985);
    }
    .results-section.section-visible .results-browser { animation:resultsBrowserIn .9s .15s cubic-bezier(.2,.8,.2,1) forwards; }
    .results-browser::after {
      content:"";
      position:absolute;
      top:0;bottom:0;width:24%;
      left:-32%;
      z-index:8;
      pointer-events:none;
      background:linear-gradient(90deg,transparent,rgba(121,147,255,.14),rgba(255,255,255,.42),transparent);
      transform:skewX(-13deg);
    }
    .results-section.section-visible .results-browser::after { animation:resultsScanOnce 1.5s .9s ease-in-out both; }
    .results-browser-top {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:15px 17px;
      border-bottom:1px solid #d60b17;
      background:linear-gradient(180deg,#fff,#f8f4f4);
    }
    .browser-dots { display:flex;gap:6px; }
    .browser-dots i { width:8px;height:8px;border-radius:50%;background:#9d0d16; }
    .browser-dots i:nth-child(1){background:#ff8e8e}.browser-dots i:nth-child(2){background:#ffd36f}.browser-dots i:nth-child(3){background:#d54951}
    .results-live-label { display:flex;align-items:center;gap:8px;color:#3f181b;font-size:.69rem;font-weight:740; }
    .results-live-label i { width:7px;height:7px;border-radius:50%;background:#d77881;box-shadow:0 0 0 5px rgba(255,59,69,.10);animation:resultLivePulse 2s ease-in-out infinite; }
    .results-tabs {
      display:flex;
      gap:8px;
      padding:13px 14px 0;
      overflow:auto;
      scrollbar-width:none;
    }
    .results-tabs::-webkit-scrollbar{display:none}
    .result-tab {
      flex:0 0 auto;
      border:0;
      cursor:pointer;
      padding:10px 13px;
      border-radius:11px;
      background:#f50a18;
      color:#3a1618;
      font:inherit;
      font-size:.72rem;
      font-weight:780;
      transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;
    }
    .result-tab:hover { transform:translateY(-2px); }
    .result-tab.active { color:#fff;background:linear-gradient(135deg,#ffffff,#eebbbf);box-shadow:0 8px 20px rgba(73,85,231,.22); }
    .results-stage { position:relative;min-height:390px;padding:14px; }
    .result-panel { display:none; }
    .result-panel.active { display:block;animation:resultPanelIn .62s cubic-bezier(.2,.8,.2,1) both; }
    .result-image-shell {
      position:relative;
      overflow:hidden;
      min-height:300px;
      display:flex;
      align-items:center;
      justify-content:center;
      border:1px solid #aa0a14;
      border-radius:17px;
      background:#f83a45;
    }
    .result-image-shell img { display:block;width:100%;height:auto;max-height:420px;object-fit:contain;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease; }
    .result-image-shell:hover img { transform:scale(1.018); }
    .result-image-shell::before {
      content:"";
      position:absolute;
      inset:0;
      z-index:2;
      pointer-events:none;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
      border-radius:17px;
    }
    .result-caption {
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:18px;
      padding:15px 4px 3px;
    }
    .result-caption h4 { margin:0 0 5px;color:#111b35;font-size:.89rem; }
    .result-caption p { margin:0;max-width:620px;color:#3e1517;font-size:.72rem;line-height:1.6; }
    .result-source { flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#ffffff;color:#db868d;font-size:.62rem;font-weight:820;letter-spacing:.03em;white-space:nowrap; }
    .results-disclaimer {
      position:relative;
      z-index:2;
      display:flex;
      align-items:flex-start;
      gap:10px;
      margin-top:16px;
      color:#3c1315;
      font-size:.68rem;
      line-height:1.55;
    }
    .results-disclaimer span { width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:50%;background:#ffffff;color:#e39da3;font-size:.67rem;font-weight:900; }
    .about-social-row { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px; }
    .linkedin-btn {
      display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:12px 15px;border:1px solid #d9101c;border-radius:13px;background:#fff;color:#17213a;font-size:.76rem;font-weight:800;box-shadow:0 10px 28px rgba(37,51,104,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
    }
    .linkedin-btn:hover { transform:translateY(-3px);border-color:#f6abb2;box-shadow:0 16px 34px rgba(255,59,69,.10); }
    .linkedin-btn .linkedin-icon { width:28px;height:28px;background:#ecbfc3;color:#fff; }

    @keyframes proofStatIn { to{opacity:1;transform:none} }
    @keyframes proofStatShine { 0%{transform:translateX(-130%)}100%{transform:translateX(150%)} }
    @keyframes resultsBrowserIn { to{opacity:1;transform:none} }
    @keyframes resultsScanOnce { 0%{left:-32%;opacity:0}15%{opacity:1}100%{left:112%;opacity:0} }
    @keyframes resultPanelIn { from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none} }
    @keyframes resultLivePulse { 50%{box-shadow:0 0 0 9px rgba(72,217,164,0)} }

    @media (max-width: 980px) {
      .results-head { grid-template-columns:1fr;gap:20px; }
      .results-proof-grid { grid-template-columns:1fr; }
      .proof-summary { padding:26px; }
      .results-stage { min-height:auto; }
    }
    @media (max-width: 620px) {
      .results-browser,.proof-summary { border-radius:22px; }
      .results-browser-top { padding:13px 14px; }
      .results-stage { padding:10px; }
      .result-image-shell { min-height:190px;border-radius:13px; }
      .result-caption { flex-direction:column;gap:9px; }
      .proof-stat { grid-template-columns:78px 1fr; }
      .results-intro-note { font-size:.77rem; }
    }
    @media (prefers-reduced-motion: reduce) {
      .proof-stat,.results-browser { opacity:1!important;transform:none!important;animation:none!important; }
      .proof-stat::after,.results-browser::after,.results-live-label i { animation:none!important; }
      .result-panel.active { animation:none!important; }
    }

  

    /* V9 — refined hover interactions, no distracting center-line effects */
    #services .service-card::before {
      content:"" !important;
      position:absolute !important;
      inset:0 !important;
      padding:0 !important;
      border-radius:inherit !important;
      background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%), rgba(76,104,255,.18), rgba(141,78,243,.08) 28%, transparent 62%) !important;
      -webkit-mask:none !important;
      mask:none !important;
      opacity:0 !important;
      transform:none !important;
      animation:none !important;
      transition:opacity .28s ease !important;
      pointer-events:none;
    }
    #services .service-card.visible::before { animation:none !important; }
    #services .service-card:hover::before { opacity:1 !important; }
    #services .service-card::after {
      content:"";
      position:absolute;
      width:150px !important;
      height:150px !important;
      right:-70px !important;
      top:-72px !important;
      border-radius:50%;
      background:conic-gradient(from 210deg, rgba(62,102,255,.24), rgba(147,76,240,.22), transparent 72%) !important;
      opacity:.22 !important;
      transform:scale(.82) rotate(-12deg) !important;
      filter:blur(1px);
      transition:opacity .35s ease, transform .55s cubic-bezier(.18,.82,.2,1) !important;
      animation:none !important;
      pointer-events:none;
    }
    #services .service-card.visible::after { animation:none !important; }
    #services .service-card:hover::after { opacity:.72 !important; transform:scale(1.18) rotate(18deg) !important; }
    #services .service-card {
      --mx:50%; --my:50%;
      transition:transform .35s cubic-bezier(.18,.82,.2,1), box-shadow .35s ease, border-color .35s ease !important;
    }
    #services .service-card:hover {
      border-color:rgba(82,96,235,.23) !important;
      box-shadow:0 28px 70px rgba(42,53,128,.16), 0 0 0 1px rgba(92,102,240,.035) inset !important;
    }
    #services .service-card .service-icon {
      transition:transform .42s cubic-bezier(.18,.88,.2,1.22), box-shadow .35s ease, border-radius .35s ease !important;
    }
    #services .service-card:hover .service-icon {
      transform:translateY(-5px) rotate(-6deg) scale(1.09) !important;
      border-radius:18px 12px 18px 12px;
      box-shadow:0 18px 36px rgba(73,79,220,.29), 0 0 0 7px rgba(86,91,231,.055);
    }
    #services .service-card h3,
    #services .service-card p,
    #services .service-card .service-kicker,
    #services .service-card .service-link { position:relative; z-index:2; }
    #services .service-card .service-link { transition:letter-spacing .3s ease, color .3s ease; }
    #services .service-card:hover .service-link { letter-spacing:.012em; color:#e49fa5; }

    /* Buyer Journey: pointer-following spotlight + tactile cards instead of passive motion only. */
    .journey-step {
      --jx:50%; --jy:50%; --jrx:0deg; --jry:0deg; --jlift:0px;
      transform:perspective(900px) translateY(var(--jlift)) rotateX(var(--jrx)) rotateY(var(--jry));
      transition:transform .32s cubic-bezier(.18,.82,.2,1), border-color .32s ease, background .32s ease, box-shadow .32s ease;
    }
    .journey-step::before {
      inset:0 !important;
      height:auto !important;
      background:radial-gradient(260px circle at var(--jx) var(--jy), rgba(109,113,255,.22), rgba(157,76,241,.08) 33%, transparent 68%) !important;
      opacity:0;
      transform:none !important;
      transition:opacity .28s ease !important;
    }
    .journey-step::after {
      content:"";
      position:absolute;
      inset:10px;
      border-radius:15px;
      border:1px solid rgba(173,179,255,0);
      opacity:0;
      transform:scale(.97);
      transition:opacity .32s ease, transform .32s ease, border-color .32s ease;
      pointer-events:none;
    }
    .journey-step:hover { --jlift:-8px; border-color:rgba(255,59,69,.28); background:rgba(255,59,69,.08); box-shadow:0 24px 58px rgba(0,0,0,.26), inset 0 0 48px rgba(255,59,69,.055); }
    .journey-step:hover::before, .journey-step.active::before { opacity:1 !important; }
    .journey-step:hover::after { opacity:1; transform:scale(1); border-color:rgba(173,179,255,.11); }
    .journey-step.active { --jlift:-5px; }
    .journey-step:hover .journey-symbol {
      transform:translateY(-4px) rotate(-7deg) scale(1.12) !important;
      box-shadow:0 0 34px rgba(102,89,255,.30), 0 12px 28px rgba(0,0,0,.18) !important;
    }
    .journey-step h3, .journey-step p, .journey-step b, .journey-step small, .journey-step .journey-no, .journey-step .journey-symbol { position:relative; z-index:2; }
    .journey-step p { transition:color .28s ease, transform .28s ease; }
    .journey-step:hover p { color:#9f1921; transform:translateY(-1px); }
    .journey-step > b { transition:color .28s ease, letter-spacing .28s ease, transform .28s ease; }
    .journey-step:hover > b { color:#ffffff; letter-spacing:.15em; transform:translateX(3px); }
    .journey-rail::before { opacity:.42; }
    .journey-pulse { box-shadow:0 0 0 7px rgba(105,119,255,.09), 0 0 26px rgba(119,87,255,.58); }

    /* FAQ feels optimistic and polished on interaction. */
    .faq-item:hover { transform:translateY(-2px); box-shadow:0 16px 42px rgba(47,54,118,.07); }
    .faq-item.open { transform:translateY(-2px); }
    .faq-question span { transition:color .25s ease, transform .25s ease; }
    .faq-item:hover .faq-question span { color:#26314d; transform:translateX(3px); }

    @media (prefers-reduced-motion: reduce) {
      #services .service-card::before,
      #services .service-card::after,
      .journey-step::before,
      .journey-step::after { transition:none !important; }
      .journey-step { transform:none !important; }
    }



/* =========================
   V10 — USA CLIENT TRUST CTA
   ========================= */
.usa-proof-section.section{
  position:relative;
  overflow:hidden;
  padding-top:112px;
  padding-bottom:112px;
  background:
    radial-gradient(circle at 12% 18%, rgba(79,70,229,.17), transparent 30%),
    radial-gradient(circle at 88% 72%, rgba(168,85,247,.16), transparent 33%),
    linear-gradient(135deg,#07112f 0%,#101b46 46%,#171247 100%);
  isolation:isolate;
}
.usa-proof-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,transparent,black 16%,black 84%,transparent);
  animation:usaGridShift 18s linear infinite;
}
.usa-proof-section::after{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  border-radius:50%;
  right:-250px;
  top:-270px;
  z-index:-2;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 82px rgba(255,255,255,.018),0 0 0 164px rgba(255,255,255,.012);
  animation:usaHaloSpin 20s linear infinite;
}
@keyframes usaGridShift{to{background-position:54px 54px}}
@keyframes usaHaloSpin{to{transform:rotate(360deg)}}
.usa-proof-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:70px;
  align-items:center;
}
.usa-proof-copy{position:relative;z-index:2;color:#fff}
.usa-proof-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 13px;
  border:1px solid rgba(153,169,255,.28);
  border-radius:999px;
  background:rgba(91,75,255,.10);
  backdrop-filter:blur(12px);
  color:#f0dfe2;
  font-weight:800;
  font-size:12px;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:24px;
}
.usa-proof-live{
  width:9px;height:9px;border-radius:50%;
  background:#ffffff;
  box-shadow:0 0 0 0 rgba(139,123,255,.55);
  animation:usaLivePulse 1.8s ease-out infinite;
}
@keyframes usaLivePulse{0%{box-shadow:0 0 0 0 rgba(139,123,255,.5)}70%{box-shadow:0 0 0 9px rgba(139,123,255,0)}100%{box-shadow:0 0 0 0 rgba(139,123,255,0)}}
.usa-proof-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(40px,4.65vw,68px);
  line-height:.99;
  letter-spacing:-.048em;
  max-width:720px;
}
.usa-proof-copy h2 .usa-highlight{
  display:block;
  margin-top:8px;
  background:linear-gradient(95deg,#ffffff 4%,#ffffff 48%,#ff8a98 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  background-size:180% 100%;
  animation:usaTextGlow 5s ease-in-out infinite alternate;
}
@keyframes usaTextGlow{to{background-position:100% 50%}}
.usa-proof-copy>p{
  margin:24px 0 0;
  max-width:650px;
  color:#c81a25;
  font-size:18px;
  line-height:1.78;
}
.usa-proof-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:32px;
}
.usa-proof-fact{
  position:relative;
  overflow:hidden;
  padding:18px 18px 17px;
  border-radius:18px;
  border:1px solid rgba(180,190,255,.14);
  background:rgba(255,255,255,.055);
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.usa-proof-fact::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at var(--fx,50%) var(--fy,50%),rgba(128,119,255,.23),transparent 45%);
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}
.usa-proof-fact:hover{transform:translateY(-4px);border-color:rgba(157,144,255,.38);background:rgba(255,255,255,.075)}
.usa-proof-fact:hover::before{opacity:1}
.usa-proof-fact strong{display:block;position:relative;color:#fff;font-size:15px;margin-bottom:5px}
.usa-proof-fact span{display:block;position:relative;color:#ae1f28;font-size:13px;line-height:1.55}
.usa-proof-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:30px}
.usa-market-btn{
  position:relative;
  overflow:hidden;
  min-height:56px;
  padding:0 23px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-decoration:none;
  background:linear-gradient(100deg,#ffffff,#f3ced2 55%,#efc0c4);
  color:#fff;
  font-weight:800;
  box-shadow:0 16px 42px rgba(79,70,229,.27);
  transition:transform .3s ease,box-shadow .3s ease;
}
.usa-market-btn::before{
  content:"";
  position:absolute;top:-120%;left:-25%;width:22%;height:340%;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  animation:usaBtnSweep 4.4s ease-in-out infinite;
}
@keyframes usaBtnSweep{0%,55%{left:-35%;opacity:0}65%{opacity:1}92%,100%{left:125%;opacity:0}}
.usa-market-btn:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(255,59,69,.30)}
.usa-market-btn span{font-size:20px;transition:transform .3s ease}.usa-market-btn:hover span{transform:translateX(5px)}
.usa-proof-micro{color:#931f26;font-size:12px;line-height:1.5;max-width:235px}

.usa-network-card{
  --ux:50%;--uy:50%;
  position:relative;
  min-height:550px;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(163,177,255,.19);
  background:
    radial-gradient(circle at var(--ux) var(--uy),rgba(131,99,255,.16),transparent 27%),
    linear-gradient(145deg,rgba(21,35,82,.94),rgba(24,19,75,.92));
  box-shadow:0 34px 85px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.07);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .35s ease;
}
.usa-network-card:hover{border-color:rgba(168,153,255,.36);transform:translateY(-4px)}
.usa-network-card::before{
  content:"";
  position:absolute;
  inset:-70%;
  background:conic-gradient(from 0deg,transparent 0 28%,rgba(107,91,255,.12) 33%,transparent 39% 70%,rgba(181,82,255,.09) 76%,transparent 82%);
  animation:usaConic 16s linear infinite;
  pointer-events:none;
}
@keyframes usaConic{to{transform:rotate(360deg)}}
.usa-network-top{
  position:absolute;z-index:6;left:24px;right:24px;top:22px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
}
.usa-network-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.usa-network-title b{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#ffffff,#edb7bc);box-shadow:0 8px 20px rgba(255,59,69,.22)}
.usa-network-status{display:flex;align-items:center;gap:8px;color:#c61d28;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.usa-network-status i{width:7px;height:7px;border-radius:50%;background:#e6929a;box-shadow:0 0 14px #e6929a;animation:usaStatusBlink 1.6s ease-in-out infinite}
@keyframes usaStatusBlink{50%{opacity:.45;transform:scale(.72)}}
.usa-network-stage{position:absolute;inset:74px 18px 106px;border-radius:27px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.055)}
.usa-network-stage::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(173,182,255,.22) 1px,transparent 1px);
  background-size:23px 23px;
  opacity:.28;
  animation:usaDots 14s linear infinite;
}
@keyframes usaDots{to{background-position:23px 23px}}
.usa-watermark{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);
  font-size:clamp(130px,14vw,210px);font-weight:900;letter-spacing:-.08em;
  color:transparent;-webkit-text-stroke:1px rgba(178,187,255,.1);
  opacity:.68;user-select:none;
}
.usa-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.usa-links line{stroke:url(#usaLineGradient);stroke-width:.45;stroke-dasharray:2.5 3;vector-effect:non-scaling-stroke;opacity:.62;animation:usaLinkFlow 4s linear infinite}
.usa-links line:nth-child(2n){animation-duration:5.2s;animation-direction:reverse}.usa-links line:nth-child(3n){animation-duration:6.4s}
@keyframes usaLinkFlow{to{stroke-dashoffset:-24}}
.usa-node{
  position:absolute;z-index:3;width:9px;height:9px;border-radius:50%;
  background:#ffffff;border:2px solid rgba(255,255,255,.68);
  box-shadow:0 0 0 0 rgba(139,123,255,.35),0 0 20px rgba(128,108,255,.72);
  animation:usaNodePulse 2.5s ease-out infinite;
}
.usa-node::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(173,159,255,.15)}
@keyframes usaNodePulse{0%{box-shadow:0 0 0 0 rgba(139,123,255,.42),0 0 18px rgba(128,108,255,.6)}75%,100%{box-shadow:0 0 0 12px rgba(139,123,255,0),0 0 22px rgba(128,108,255,.72)}}
.usa-node.n1{left:16%;top:26%;animation-delay:.1s}.usa-node.n2{left:29%;top:17%;animation-delay:.7s}.usa-node.n3{left:43%;top:29%;animation-delay:1.1s}.usa-node.n4{left:64%;top:18%;animation-delay:.4s}.usa-node.n5{left:82%;top:31%;animation-delay:1.5s}.usa-node.n6{left:88%;top:55%;animation-delay:.8s}.usa-node.n7{left:72%;top:72%;animation-delay:1.2s}.usa-node.n8{left:54%;top:80%;animation-delay:.2s}.usa-node.n9{left:33%;top:73%;animation-delay:1.7s}.usa-node.n10{left:12%;top:61%;animation-delay:.9s}.usa-node.n11{left:21%;top:45%;animation-delay:1.3s}.usa-node.n12{left:75%;top:46%;animation-delay:.5s}
.usa-orbit-wrap{
  position:absolute;z-index:4;left:50%;top:51%;transform:translate(-50%,-50%);
  width:210px;height:210px;border-radius:50%;display:grid;place-items:center;
}
.usa-orbit-wrap::before,.usa-orbit-wrap::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(166,153,255,.19)}
.usa-orbit-wrap::before{inset:1px;animation:usaOrbitPulse 3.3s ease-in-out infinite}.usa-orbit-wrap::after{inset:-26px;border-style:dashed;animation:usaOrbitSpin 13s linear infinite}
@keyframes usaOrbitPulse{50%{transform:scale(1.06);border-color:rgba(192,173,255,.36);box-shadow:0 0 40px rgba(107,88,255,.15)}}
@keyframes usaOrbitSpin{to{transform:rotate(360deg)}}
.usa-count-core{
  width:152px;height:152px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.14),rgba(91,67,230,.26) 32%,rgba(17,25,68,.97) 73%);
  border:1px solid rgba(195,190,255,.28);
  box-shadow:0 20px 55px rgba(24,17,89,.55),inset 0 0 30px rgba(115,95,255,.18);
}
.usa-count-number{display:flex;align-items:flex-start;color:#fff;font-size:58px;line-height:.8;font-weight:900;letter-spacing:-.08em}
.usa-count-number sup{font-size:22px;line-height:1;margin-left:3px;color:#ffffff;letter-spacing:0}
.usa-count-label{margin-top:13px;color:#b51c25;font-size:9px;line-height:1.35;text-align:center;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.usa-channel-chip{
  position:absolute;z-index:5;display:flex;align-items:center;gap:8px;
  padding:9px 12px;border-radius:999px;border:1px solid rgba(182,190,255,.17);
  background:rgba(12,20,57,.78);backdrop-filter:blur(10px);color:#ffffff;
  font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
  animation:usaChipFloat 4s ease-in-out infinite;
}
.usa-channel-chip i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#ffffff,#f3c7cb);box-shadow:0 0 12px rgba(132,107,255,.8)}
.usa-channel-chip.search{left:7%;top:15%}.usa-channel-chip.content{right:5%;top:21%;animation-delay:-1.2s}.usa-channel-chip.social{right:10%;bottom:11%;animation-delay:-2.2s}
@keyframes usaChipFloat{50%{transform:translateY(-7px)}}
.usa-network-footer{
  position:absolute;left:24px;right:24px;bottom:20px;z-index:5;
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.usa-signal{
  padding:11px 12px 10px;border-radius:13px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.035)
}
.usa-signal-head{display:flex;align-items:center;justify-content:space-between;color:#bd1923;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.usa-signal-head i{width:5px;height:5px;border-radius:50%;background:#ff5a68;box-shadow:0 0 9px #ff5a68}
.usa-signal-track{height:3px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.usa-signal-track b{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ffffff,#f4cdd1);box-shadow:0 0 12px rgba(126,98,255,.55)}
.usa-proof-section.is-live .usa-signal-track b{animation:usaSignalFill 1.25s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay,.4s)}
@keyframes usaSignalFill{to{width:var(--fill,78%)}}
.usa-proof-section.is-live .usa-proof-eyebrow{animation:usaEnter .65s .05s both}
.usa-proof-section.is-live .usa-proof-copy h2{animation:usaEnter .8s .15s both}
.usa-proof-section.is-live .usa-proof-copy>p{animation:usaEnter .8s .28s both}
.usa-proof-section.is-live .usa-proof-fact:nth-child(1){animation:usaEnter .7s .38s both}.usa-proof-section.is-live .usa-proof-fact:nth-child(2){animation:usaEnter .7s .48s both}
.usa-proof-section.is-live .usa-proof-actions{animation:usaEnter .7s .58s both}
.usa-proof-section.is-live .usa-network-card{animation:usaPanelIn .95s .12s both}
@keyframes usaEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes usaPanelIn{from{opacity:0;transform:translateY(28px) scale(.965) rotateY(-3deg)}to{opacity:1;transform:none}}

@media(max-width:1050px){
  .usa-proof-grid{grid-template-columns:1fr;gap:46px}
  .usa-network-card{min-height:520px;max-width:760px;width:100%;margin:0 auto}
  .usa-proof-copy{max-width:800px}
}
@media(max-width:700px){
  .usa-proof-section.section{padding-top:86px;padding-bottom:86px}
  .usa-proof-copy h2{font-size:clamp(36px,11vw,50px)}
  .usa-proof-copy>p{font-size:16px}
  .usa-proof-facts{grid-template-columns:1fr}
  .usa-network-card{min-height:470px;border-radius:26px}
  .usa-network-top{left:17px;right:17px;top:17px}
  .usa-network-status{display:none}
  .usa-network-stage{inset:63px 12px 96px}
  .usa-network-footer{left:14px;right:14px;bottom:14px;gap:6px}
  .usa-signal{padding:9px 8px}.usa-signal-head{font-size:7px}
  .usa-orbit-wrap{width:170px;height:170px}.usa-count-core{width:126px;height:126px}.usa-count-number{font-size:48px}
  .usa-channel-chip{font-size:8px;padding:7px 9px}
  .usa-channel-chip.search{left:4%;top:12%}.usa-channel-chip.content{right:3%;top:18%}.usa-channel-chip.social{right:5%;bottom:9%}
  .usa-proof-micro{max-width:none}
}
@media(max-width:430px){
  .usa-network-card{min-height:430px}
  .usa-network-footer{grid-template-columns:1fr 1fr 1fr}
  .usa-signal-head span{max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .usa-channel-chip.content{display:none}
}
@media(prefers-reduced-motion:reduce){
  .usa-proof-section::before,.usa-proof-section::after,.usa-proof-live,.usa-proof-copy h2 .usa-highlight,.usa-market-btn::before,.usa-network-card::before,.usa-network-stage::before,.usa-links line,.usa-node,.usa-orbit-wrap::before,.usa-orbit-wrap::after,.usa-network-status i,.usa-channel-chip{animation:none!important}
  .usa-proof-section.is-live .usa-proof-eyebrow,.usa-proof-section.is-live .usa-proof-copy h2,.usa-proof-section.is-live .usa-proof-copy>p,.usa-proof-section.is-live .usa-proof-fact,.usa-proof-section.is-live .usa-proof-actions,.usa-proof-section.is-live .usa-network-card{animation:none!important}
  .usa-signal-track b{width:var(--fill,78%)!important}
}




/* ============================================================
   V11 PERFORMANCE PASS
   Keeps the hero / Growth Lab / Results / USA trust moments rich,
   while reducing paint, pointer and off-screen animation cost.
   ============================================================ */

/* Faster, lighter entrance motion across the page. */
.reveal {
  filter: blur(2px) !important;
  transition:
    opacity .42s ease var(--reveal-delay),
    filter .42s ease var(--reveal-delay),
    transform .54s cubic-bezier(.2,.75,.25,1) var(--reveal-delay) !important;
}
.reveal.visible { filter: blur(0) !important; }
.hero-copy h1 .word,
.section-title .word {
  filter: blur(2px) !important;
  transition:
    opacity .44s ease var(--word-delay,0ms),
    transform .54s cubic-bezier(.2,.78,.22,1) var(--word-delay,0ms),
    filter .44s ease var(--word-delay,0ms) !important;
}

/* Keep the requested one-time Growth Overview blur, but make it crisp sooner. */
.dashboard { filter: blur(7px); opacity:.52; }
.hero.section-visible .dashboard {
  animation: dashboardOneTimeReveal .72s cubic-bezier(.18,.82,.22,1) .08s forwards !important;
}
@keyframes dashboardOneTimeReveal {
  0%   { filter:blur(7px); opacity:.52; }
  58%  { filter:blur(1px); opacity:.94; }
  100% { filter:blur(0); opacity:1; }
}

/* Two lower-priority sections are intentionally calm/static. */
#insights .reveal,
#faq .reveal {
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
}
#insights *, #insights *::before, #insights *::after,
#faq::before, #faq::after {
  animation:none !important;
}
#insights .insight-card {
  transform:none !important;
  transition:box-shadow .18s ease, border-color .18s ease !important;
}
#insights .insight-card:hover {
  transform:none !important;
  box-shadow:0 16px 38px rgba(29,53,120,.10) !important;
}
#faq .faq-item { transition:border-color .18s ease, box-shadow .18s ease !important; }
#faq .faq-item:hover,
#faq .faq-item.open { transform:none !important; }
#faq .faq-question i { transition:transform .2s ease, background .2s ease, color .2s ease !important; }
#faq .faq-answer { transition:max-height .22s ease !important; }

/* Backdrop blur on a sticky element repaints during every scroll frame. */
.site-header {
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:rgba(248,250,255,.97) !important;
}

/* Skip rendering distant page sections until the browser approaches them. */
main > section:not(.hero) {
  content-visibility:auto;
  contain-intrinsic-size:760px;
}

/* Off-screen / hidden-page continuous animations consume no frames. */
.perf-paused,
.perf-paused *,
.perf-paused::before,
.perf-paused::after,
.perf-paused *::before,
.perf-paused *::after,
body.page-hidden *,
body.page-hidden *::before,
body.page-hidden *::after {
  animation-play-state:paused !important;
}

/* A slightly quicker marquee feels more responsive without becoming hard to read. */
.specialty-marquee .marquee-track { animation-duration:32s !important; }

/* Reduce expensive decorative blur radius without changing the visual language. */
.journey-shell::after { filter:blur(5px) !important; }
.hero::after { filter:blur(4px) !important; }
.feature-panel::before,
.feature-panel::after { filter:blur(4px) !important; }

/* Avoid excessive compositor layer retention once reveal has completed. */
.reveal.visible { will-change:auto !important; }

@media (max-width: 900px) {
  /* Mobile gets simpler ambient motion where GPU headroom is usually lower. */
  .dashboard-wrap::before,
  .dashboard-wrap::after,
  .signal-lab-section::before,
  .signal-lab-section::after,
  .journey-shell::after,
  .usa-proof-section::before,
  .usa-proof-section::after {
    animation:none !important;
  }
  .dashboard-wrap::before,
  .dashboard-wrap::after { opacity:.38; }
  .reveal { filter:none !important; }
}

@media (prefers-reduced-motion: reduce) {
  main > section:not(.hero) { content-visibility:visible; }
}



/* ============================================================
   V12 MOBILE + SPEED PASS
   - touch devices do not run pointer-follow calculations
   - scroll progress uses a compositor transform
   - mobile reveal thresholds are lower in JS
   - only visible sections keep continuous CSS animation running
   - signature mobile entrances remain visible and intentional
   ============================================================ */

.scroll-progress{
  width:100% !important;
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}

/* Avoid promoting many cards/layers indefinitely. */
.service-card,
.process-card,
.insight-card,
.contact-card,
.audit-shell,
.dashboard,
.journey-step,
.usa-network-card{
  will-change:auto !important;
}

/* Paint containment helps long mobile pages without breaking sizing. */
.service-card,
.pain-card,
.trust-card,
.process-card,
.insight-card,
.faq-item{
  contain:paint;
}

/* Mobile/touch: no hover-only visual state should get stuck after a tap. */
@media (hover:none), (pointer:coarse){
  #services .service-card:hover,
  .pain-card:hover,
  .trust-card:hover,
  .journey-step:hover,
  .insight-card:hover,
  .faq-item:hover,
  .contact-email-card:hover{
    transform:none !important;
  }

  #services .service-card:hover::before,
  #services .service-card:hover::after,
  .journey-step:hover::before,
  .journey-step:hover::after{
    opacity:0 !important;
  }
}

/* Make entrance motion obvious on phones, but cheap: opacity + transform only. */
@keyframes v12MobileReveal {
  from { opacity:.28; transform:translate3d(0,20px,0) scale(.985); }
  to   { opacity:1; transform:translate3d(0,0,0) scale(1); }
}
@keyframes v12MobileRevealLeft {
  from { opacity:.30; transform:translate3d(-18px,8px,0); }
  to   { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v12MobileRevealRight {
  from { opacity:.30; transform:translate3d(18px,8px,0); }
  to   { opacity:1; transform:translate3d(0,0,0); }
}

@media (max-width:900px) and (prefers-reduced-motion:no-preference){
  .reveal.visible{
    filter:none !important;
    animation:v12MobileReveal .50s cubic-bezier(.18,.82,.22,1) both !important;
    animation-delay:min(var(--reveal-delay,0ms), 180ms) !important;
  }
  .reveal.reveal-left.visible{
    animation-name:v12MobileRevealLeft !important;
  }
  .reveal.reveal-right.visible{
    animation-name:v12MobileRevealRight !important;
  }

  /* Keep key "alive" moments on mobile without running every desktop ornament. */
  .hero.section-visible .dashboard-wrap{
    animation:dashboardFloat 6.8s ease-in-out 1s infinite !important;
  }
  .section-visible .core-logo{
    animation:corePulse 5s ease-in-out infinite !important;
  }
  .final-cta-shell.visible .radar-core{
    animation:coreFloat 4.6s ease-in-out infinite !important;
  }
  .usa-proof-section.is-live .usa-node{
    animation:usaNodePulse 3.2s ease-out 2 !important;
  }

  /* Reduce expensive glass blur on phones. */
  .signal-lab,
  .live-signal,
  .feature-mini,
  .photo-chip,
  .radar-node,
  .usa-channel-chip{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* Long sections trigger smoothly without costly blur filters. */
  .reveal,
  .hero-copy h1 .word,
  .section-title .word{
    filter:none !important;
  }

  /* Keep continuous decorative effects calmer on mobile. */
  .hero-pains span,
  .photo-chip,
  .orbit-chip{
    animation-duration:7s !important;
  }
}

/* Pause CSS work outside the viewport, but never suppress one-time reveal state. */
.perf-paused *:not(.reveal),
.perf-paused::before,
.perf-paused::after,
.perf-paused *::before,
.perf-paused *::after{
  animation-play-state:paused !important;
}
.perf-active *{
  animation-play-state:running;
}

/* Images below the fold decode lazily; reserve smooth scaling only when needed. */
.result-image-shell img,
.about-photo{
  content-visibility:auto;
}

/* Accessibility remains authoritative. */
@media (prefers-reduced-motion:reduce){
  .reveal,
  .reveal.visible{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
  }
}



/* ============================================================
   V15 MOBILE RELIABILITY + PERFORMANCE
   Keeps the same visual design while making motion cheaper and
   intersection-triggered entrances more dependable on phones.
   ============================================================ */

/* Prevent grid children from forcing accidental horizontal overflow. */
.hero-grid > *,
.feature-shell > *,
.about-grid > *,
.contact-grid > *,
.usa-proof-grid > *,
.audit-shell > * { min-width:0; }

/* Only desktop/tablet uses content-visibility. Some mobile WebKit builds can
   delay intersection calculations for skipped content, which makes reveals
   appear late or not at all. */
@media (max-width:900px){
  main > section:not(.hero){
    content-visibility:visible !important;
    contain-intrinsic-size:auto !important;
  }

  html{ -webkit-text-size-adjust:100%; }
  body{ touch-action:pan-y; }

  .hero{ padding:58px 0 58px; }
  .hero-grid{ gap:40px; }
  .hero h1{
    font-size:clamp(2.55rem,12vw,4.25rem);
    line-height:.99;
    letter-spacing:-.055em;
    overflow-wrap:normal;
  }
  .hero p{ font-size:1rem; }

  /* Transform/opacity only: avoids blur-frame drops during the most visible
     mobile entrance. */
  .dashboard{
    filter:none !important;
    opacity:1;
    transform:none;
  }
  .hero.section-visible .dashboard{
    animation:v15DashboardMobileIn .62s cubic-bezier(.18,.82,.22,1) .04s both !important;
  }
  @keyframes v15DashboardMobileIn{
    from{ opacity:.34; transform:translate3d(0,18px,0) scale(.975); }
    to{ opacity:1; transform:translate3d(0,0,0) scale(1); }
  }

  /* The wrapper no longer floats forever on phones. The entrance remains,
     but the page settles after it loads, reducing GPU/battery usage. */
  .hero.section-visible .dashboard-wrap{ animation:none !important; }

  /* Expensive paint-based ambient effects become static on mobile. */
  .hero::before,
  .hero::after,
  .section-visible .gradient-text,
  .section-visible .service-icon,
  .hero.section-visible .gradient-text{
    animation:none !important;
  }
  .hero::after{ filter:none !important; opacity:.55; }

  /* Small status pulse runs briefly rather than forever. */
  .section-visible .eyebrow::before,
  .hero.section-visible .eyebrow::before{
    animation:dotPulse 2.2s ease-in-out 2 !important;
  }

  /* Lightweight, predictable reveal: transform + opacity only. */
  .reveal{
    filter:none !important;
    will-change:auto !important;
  }
  .reveal.visible{
    animation-duration:.46s !important;
    animation-delay:min(var(--reveal-delay,0ms),130ms) !important;
  }

  /* Glass blur causes frequent repaints on iOS/Android GPUs. */
  .site-header,
  .live-signal,
  .feature-mini,
  .photo-chip,
  .radar-node,
  .usa-channel-chip,
  .signal-lab{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* Touch targets + mobile navigation reliability. */
  .btn{ min-height:52px; }
  .menu-toggle{ min-width:46px; min-height:46px; touch-action:manipulation; }
  .nav-links.mobile-open{
    max-height:calc(100vh - 96px);
    max-height:calc(100dvh - 96px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .nav-links.mobile-open a{ min-height:46px; display:flex; align-items:center; }

  /* Touch devices should react to taps, not desktop hover simulation. */
  .service-card,
  .pain-card,
  .trust-card,
  .journey-step,
  .insight-card,
  .faq-item,
  .contact-email-card{
    -webkit-tap-highlight-color:transparent;
  }
}

@media (max-width:520px){
  .container{ width:min(calc(100% - 24px),var(--container)); }
  .hero{ padding-top:48px; }
  .hero-grid{ gap:32px; }
  .hero h1{ font-size:clamp(2.38rem,12.2vw,3.55rem); }
  .hero-actions{ gap:10px; }
  .dashboard{ padding:12px; border-radius:22px; }
  .dashboard-main{ padding:14px; }
  .chart-card{ padding:14px; }
}

@media (prefers-reduced-motion:reduce){
  .dashboard,
  .hero.section-visible .dashboard,
  .reveal,
  .reveal.visible{
    animation:none !important;
    transform:none !important;
    opacity:1 !important;
    filter:none !important;
  }
}



/* =========================================================
   ARHAM DARK V2 — visual layer inspired by the supplied reference
   Keeps the original page sections and original interaction system.
   ========================================================= */
:root{
  --bg:#070707;--surface:#101010;--surface-2:#151515;--text:#f7f7f5;--muted:#a2a2a2;
  --line:rgba(255,255,255,.10);--blue:#ff335f;--blue-dark:#e31645;--purple:#ff174f;--purple-soft:#ff718d;
  --success:#e48c94;--shadow-sm:0 16px 45px rgba(0,0,0,.24);--shadow-lg:0 30px 90px rgba(0,0,0,.42);--radius:24px;--container:1180px;
}
html{background:#070707}body{background:#070707;color:var(--text);font-family:"Montserrat",Arial,sans-serif}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.site-header{background:rgba(7,7,7,.78);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.nav-links{color:#bdbdbd}.nav-links a:hover{color:#fff}.brand{color:#fff}.brand-logo{filter:drop-shadow(0 0 16px rgba(255,39,91,.2))}
.brand-logo-shell::after{background:radial-gradient(circle,rgba(255,39,91,.25),transparent 70%)}
.btn-primary{background:linear-gradient(115deg,#ff174f,#ff496f);box-shadow:0 16px 38px rgba(255,23,79,.22)}.btn-primary:hover{box-shadow:0 20px 48px rgba(255,23,79,.35)}
.btn-secondary{background:#101010;color:#fff;border-color:rgba(255,255,255,.12);box-shadow:none}.btn-secondary:hover{border-color:rgba(255,255,255,.28);background:#151515}
.eyebrow{color:#ff5275;border-color:rgba(255,51,95,.25);background:rgba(255,51,95,.07)}.eyebrow::before{background:#ff335f;box-shadow:0 0 0 5px rgba(255,51,95,.09)}
.gradient-text{background:linear-gradient(110deg,#fff 0%,#ff335f 68%,#ff8aa2 100%);-webkit-background-clip:text;background-clip:text}
.section-copy,.hero-copy p{color:#a7a7a7}.section-title{color:#f7f7f5}
.hero{position:relative;background:radial-gradient(circle at 78% 36%,rgba(255,30,77,.13),transparent 30%),radial-gradient(circle at 10% 0%,rgba(255,30,77,.07),transparent 28%);padding-top:110px;padding-bottom:115px}
.hero::after{content:"";position:absolute;width:480px;height:480px;right:-220px;top:130px;border:1px solid rgba(255,51,95,.12);border-radius:50%;box-shadow:0 0 100px rgba(255,51,95,.08);pointer-events:none}
.hero h1{font-size:clamp(3.4rem,7.4vw,7.4rem);line-height:.92;letter-spacing:-.075em;max-width:850px}.hero-copy{position:relative;z-index:2}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(330px,.65fr);align-items:center;gap:65px}
.hero-pains span{background:#101010;border-color:rgba(255,255,255,.1);color:#bcbcbc}.hero-note{color:#8f8f8f}.hero-email-link{color:#b8b8b8}.hero-email-link b{color:#fff}
.hero-portrait-wrap{position:relative;min-height:590px;display:grid;place-items:center}.hero-portrait-frame{position:relative;width:min(100%,470px);aspect-ratio:1/1.12;border-radius:34px;overflow:visible;background:linear-gradient(145deg,#181818,#0b0b0b);border:1px solid rgba(255,255,255,.11);box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 80px rgba(255,31,80,.10)}
.hero-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:32px;filter:saturate(.92) contrast(1.05);z-index:2}.hero-portrait-frame::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,51,95,.32);border-radius:24px;z-index:3;pointer-events:none}.hero-portrait-frame::after{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(255,35,83,.16),transparent 62%);filter:blur(18px);z-index:-1}
.portrait-ring{position:absolute;width:135%;height:135%;border:1px solid rgba(255,51,95,.13);border-radius:50%;left:-17.5%;top:-17.5%;animation:slowSpin 18s linear infinite}.portrait-ring::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#ff335f;box-shadow:0 0 25px #ff335f;left:15%;top:18%}.portrait-badge{position:absolute;right:-28px;bottom:34px;z-index:4;padding:13px 17px;border:1px solid rgba(255,255,255,.12);background:rgba(12,12,12,.88);backdrop-filter:blur(12px);border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.35)}
@keyframes slowSpin{to{transform:rotate(360deg)}}
/* preserve the original sections but give every surface the new visual language */
.trust-section,.signal-lab-section,.journey-section,.results-section,.usa-proof-section,#about,#insights,#faq,#contact{background:#070707}
.trust-card,.signal-lab,.journey-shell,.results-card,.usa-proof-card,.insight-card,.faq-item,.contact-card,.contact-email-card,.about-card,.lab-output-card,.trust-ribbon,.contact-point{background:linear-gradient(145deg,#111,#0b0b0b);border-color:rgba(255,255,255,.09);box-shadow:0 24px 70px rgba(0,0,0,.25);color:#fff}
.trust-card:hover,.insight-card:hover,.results-card:hover,.service-card-dark:hover{border-color:rgba(255,51,95,.35);box-shadow:0 28px 80px rgba(255,30,77,.09);transform:translateY(-6px)}
.trust-card p,.results-card p,.insight-card p,.faq-answer p,.about-card p{color:#9d9d9d}.trust-icon,.insight-cover,.cover-icon{background:#171717;color:#ff4d72;border-color:rgba(255,51,95,.18)}
.trust-ribbon{background:#0e0e0e}.trust-brand-stamp{border-color:rgba(255,255,255,.08)}
.lab-selector{background:#0b0b0b;border-color:rgba(255,255,255,.08)}.lab-tab{color:#b6b6b6;border-color:rgba(255,255,255,.08);background:#101010}.lab-tab.active{background:linear-gradient(145deg,#171717,#101010);border-color:rgba(255,51,95,.4);color:#fff;box-shadow:inset 3px 0 #ff335f}.lab-console{background:#0b0b0b;border-color:rgba(255,255,255,.1);box-shadow:0 30px 90px rgba(0,0,0,.38)}.lab-console-top{background:#111;border-bottom-color:rgba(255,255,255,.08)}.lab-core{background:#151515;border-color:rgba(255,51,95,.45);box-shadow:0 0 50px rgba(255,51,95,.18)}.lab-orbit{border-color:rgba(255,51,95,.2)}.lab-node{background:#101010;border-color:rgba(255,255,255,.1)}
.journey-livebar,.journey-footer{background:#0f0f0f;border-color:rgba(255,255,255,.08)}.journey-step{background:#101010;border-color:rgba(255,255,255,.08);color:#fff}.journey-step.active{border-color:rgba(255,51,95,.5);box-shadow:0 20px 50px rgba(255,30,77,.09)}.journey-step p{color:#999}.journey-symbol{background:#171717;color:#ff4168}.journey-step b{color:#ff5576}.journey-rail{background:rgba(255,255,255,.08)}.journey-pulse{background:#ff335f;box-shadow:0 0 25px #ff335f}
/* services — requested dark grid */
#services{background:#0a0a0a;position:relative;overflow:hidden}#services::before{content:"SERVICES";position:absolute;right:-2vw;top:20px;font-size:clamp(6rem,17vw,16rem);font-weight:900;letter-spacing:-.09em;color:rgba(255,255,255,.018);pointer-events:none}.services-head{position:relative;z-index:1;margin-bottom:45px}.service-grid-dark{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1}.service-card-dark{min-height:290px;padding:25px 22px 23px;background:linear-gradient(150deg,#151515,#0d0d0d);border:1px solid rgba(255,255,255,.09);border-radius:22px;display:flex;flex-direction:column;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;position:relative;overflow:hidden}.service-card-dark::after{content:"";position:absolute;width:140px;height:140px;right:-80px;bottom:-90px;border-radius:50%;background:rgba(255,31,77,.15);filter:blur(25px);transition:transform .4s ease}.service-card-dark:hover::after{transform:scale(1.7)}.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.service-number{font-size:.72rem;color:#666;font-weight:800;letter-spacing:.08em}.service-arrow{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ff4168;transition:.3s}.service-card-dark:hover .service-arrow{background:#ff335f;color:#fff;transform:rotate(45deg)}.service-card-dark h3{font-size:1.2rem;letter-spacing:-.035em;margin-bottom:12px}.service-card-dark p{font-size:.84rem;line-height:1.65;color:#8f8f8f}.service-card-dark a{margin-top:auto;padding-top:22px;font-size:.76rem;font-weight:800;color:#ff5877}.services-note{margin-top:22px;color:#777;font-size:.85rem}
.process-step,.process-card{background:#101010!important;border-color:rgba(255,255,255,.09)!important;color:#fff}.process-step p,.process-card p{color:#999}
.results-section{background:linear-gradient(180deg,#070707,#0d0d0d)}.result-stat,.results-card strong{color:#fff}.result-stat b{color:#ff3e68}.chart-card,.result-chart{background:#101010;border-color:rgba(255,255,255,.08)}
.usa-proof-section{background:#0a0a0a}.usa-proof-number,.usa-proof-card strong{color:#fff}.usa-proof-card p{color:#999}
#about .about-photo{display:none!important}.about-layout{grid-template-columns:1fr!important}.about-card{min-height:300px}
.insight-cover{background:linear-gradient(145deg,#171717,#0c0c0c)!important}.insight-tag{color:#ff5575}
.faq-question{color:#fff}.faq-answer{background:#0c0c0c}.faq-prompt{background:#101010;border-color:rgba(255,255,255,.08)}
.contact-email-card{background:#101010}.contact-card input,.contact-card textarea,.contact-card select{background:#0b0b0b;border-color:rgba(255,255,255,.1);color:#fff}.contact-card input::placeholder,.contact-card textarea::placeholder{color:#666}.contact-card label{color:#aaa}.contact-point span{color:#ff4168}.contact-point strong{color:#fff}
.final-cta-section{background:#070707}.final-cta-shell{background:#0f0f0f!important;border-color:rgba(255,51,95,.18)!important;box-shadow:0 35px 100px rgba(0,0,0,.5)}.final-cta-copy p{color:#999}.final-cta-eyebrow{color:#ff5577}.radar-core{background:#151515;border-color:#ff335f;color:#fff}.radar-ring{border-color:rgba(255,51,95,.16)}
.footer{background:#050505!important;border-top:1px solid rgba(255,255,255,.08)}.footer p,.footer-links{color:#777}.footer a:hover{color:#ff4f73}
.scroll-progress{background:linear-gradient(90deg,#ff174f,#ff7894);box-shadow:0 0 15px rgba(255,23,79,.45)}
.menu-toggle{background:#101010!important;border-color:rgba(255,255,255,.1)!important;color:#fff}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero-portrait-wrap{min-height:500px}.hero-copy{max-width:850px}.service-grid-dark{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hero{padding-top:75px}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-portrait-wrap{min-height:410px}.hero-portrait-frame{width:min(100%,390px)}.portrait-badge{right:8px;bottom:20px}.service-grid-dark{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card-dark{min-height:260px;padding:20px 17px}.service-card-dark h3{font-size:1rem}.service-card-dark p{font-size:.78rem}.service-card-top{margin-bottom:34px}}
@media(max-width:520px){.service-grid-dark{grid-template-columns:1fr}.service-card-dark{min-height:235px}.hero-portrait-wrap{min-height:360px}.hero-portrait-frame{width:88%}}
@media(prefers-reduced-motion:reduce){.portrait-ring{animation:none}.service-card-dark,.trust-card,.insight-card{transition:none}}



/* FINAL DARK / RED THEME PASS */
:root{
  --bg:#070707;
  --surface:#101010;
  --surface-2:#151515;
  --text:#f5f5f5;
  --muted:#a2a2a2;
  --line:rgba(255,255,255,.10);
  --blue:#ff335f;
  --blue-dark:#d91f49;
  --purple:#ff6b86;
  --purple-soft:#ff8ca1;
  --success:#ffb3c0;
  --shadow-sm:0 16px 40px rgba(0,0,0,.28);
  --shadow-lg:0 30px 90px rgba(0,0,0,.45);
}
html,body{background:#070707!important;color:#f5f5f5!important}
body{background:
 radial-gradient(circle at 12% 4%,rgba(255,51,95,.065),transparent 27%),
 radial-gradient(circle at 88% 14%,rgba(255,107,134,.045),transparent 24%),
 #070707!important}
.site-header{background:rgba(7,7,7,.82)!important;border-bottom-color:rgba(255,255,255,.08)!important}
.nav-links a,.brand-name,.nav-toggle{color:#f5f5f5!important}
.eyebrow{background:rgba(255,51,95,.07)!important;border-color:rgba(255,51,95,.22)!important;color:#ff6b86!important}
.eyebrow::before{background:#ff335f!important;box-shadow:0 0 0 5px rgba(255,51,95,.10)!important}
.section-copy,.pain-card p,.hero-note,.hero-email-link,.trust-card p,.results-card p,.insight-card p,.faq-answer p,.about-card p{color:#a2a2a2!important}
.gradient-text{background:linear-gradient(110deg,#ff335f,#ff8ca1)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.btn-primary{background:linear-gradient(115deg,#ff335f,#ff6b86)!important;box-shadow:0 16px 36px rgba(255,51,95,.20)!important}
.btn-primary:hover{box-shadow:0 20px 46px rgba(255,51,95,.28)!important}
.btn-secondary{background:#111!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important}
/* Hero */
.hero{background:radial-gradient(circle at 78% 36%,rgba(255,30,77,.13),transparent 30%),radial-gradient(circle at 10% 0%,rgba(255,30,77,.07),transparent 28%),#070707!important}
.hero-pains span{background:#101010!important;border-color:rgba(255,255,255,.10)!important;color:#c8c8c8!important}
/* Running banner: no grey, higher contrast, red separators */
.keyword-marquee,.specialty-marquee{background:#0b0b0b!important;border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;color:#fff!important}
.specialty-marquee .marquee-group{background:#0b0b0b!important;color:#fff!important}
.specialty-marquee .marquee-group span{color:#e8e8e8!important}
.specialty-marquee .marquee-group span::before{background:#ff335f!important;box-shadow:0 0 12px rgba(255,51,95,.5)!important}
.specialty-marquee .marquee-group span::after{background:#ff335f!important}
.keyword-marquee::before{background:linear-gradient(90deg,#0b0b0b,transparent)!important}
.keyword-marquee::after{background:linear-gradient(-90deg,#0b0b0b,transparent)!important}
/* The section directly below the ticker */
#problems,.pain-strip{background:#080808!important;color:#f5f5f5!important}
#problems .section-title,#problems h2,#problems h3,#problems .pain-no{color:#f5f5f5!important}
.pain-head .section-copy{color:#a2a2a2!important}
.pain-grid{gap:16px!important}
.pain-card{background:linear-gradient(145deg,#121212,#0c0c0c)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 22px 60px rgba(0,0,0,.28)!important;color:#fff!important}
.pain-card:hover{border-color:rgba(255,51,95,.34)!important;box-shadow:0 28px 75px rgba(255,51,95,.07)!important}
.pain-card .pain-solution{background:#171717!important;border-color:rgba(255,51,95,.16)!important;color:#ddd!important}
.pain-solution i{background:#ff335f!important;color:#fff!important}
/* Remove remaining blue/purple visual language from legacy sections */
.feature-panel{background:linear-gradient(145deg,#151515,#0b0b0b)!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important}
.feature-panel::before,.feature-panel::after{background:rgba(255,51,95,.13)!important}
.process-card,.audit-box,.contact-point,.contact-card,.contact-email-card,.about-card,.insight-card,.faq-item,.results-card,.usa-proof-card,.trust-card,.trust-ribbon,.lab-output-card{background:linear-gradient(145deg,#121212,#0c0c0c)!important;border-color:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
.process-card:hover,.audit-box:hover,.contact-point:hover{border-color:rgba(255,51,95,.32)!important}
.process-number,.audit-icon,.contact-point-icon,.results-number{color:#ff5576!important;background:#171717!important;border-color:rgba(255,51,95,.18)!important}
/* Services remain the dark focal section */
#services{background:#090909!important}
.service-card-dark{background:linear-gradient(150deg,#151515,#0d0d0d)!important;border-color:rgba(255,255,255,.09)!important;color:#fff!important}
.service-card-dark h3{color:#fff!important}.service-card-dark p{color:#9f9f9f!important}.service-card-dark a{color:#ff6b86!important}.service-number{color:#ff6b86!important}.service-arrow{color:#ff335f!important}
/* Journey / lab */
.lab-selector,.lab-console,.lab-console-top,.journey-livebar,.journey-footer,.journey-step{background:#0d0d0d!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important}
.lab-tab{background:#101010!important;color:#aaa!important;border-color:rgba(255,255,255,.08)!important}.lab-tab.active{background:#151515!important;color:#fff!important;border-color:rgba(255,51,95,.42)!important;box-shadow:inset 3px 0 #ff335f!important}
.lab-core{background:#151515!important;border-color:rgba(255,51,95,.45)!important;box-shadow:0 0 50px rgba(255,51,95,.18)!important}.lab-orbit{border-color:rgba(255,51,95,.20)!important}.lab-node{background:#101010!important;border-color:rgba(255,255,255,.10)!important}
.journey-step.active{border-color:rgba(255,51,95,.50)!important;box-shadow:0 20px 50px rgba(255,30,77,.09)!important}.journey-symbol{background:#171717!important;color:#ff4168!important}.journey-step b{color:#ff5576!important}.journey-rail{background:rgba(255,255,255,.08)!important}.journey-pulse{background:#ff335f!important;box-shadow:0 0 25px #ff335f!important}
/* About / Meet Arham: replace grey photo block with a premium abstract visual, no second photo */
#about{background:#070707!important}
.about-photo-wrap{min-height:540px!important}
.photo-glow{background:conic-gradient(from 120deg,rgba(255,51,95,.24),rgba(255,107,134,.06),rgba(255,51,95,.04),rgba(255,107,134,.20))!important;filter:blur(28px)!important}
.about-photo-card{background:
 radial-gradient(circle at 28% 22%,rgba(255,51,95,.30),transparent 22%),
 radial-gradient(circle at 76% 68%,rgba(255,107,134,.13),transparent 26%),
 linear-gradient(145deg,#191919,#090909 72%)!important;
 border-color:rgba(255,255,255,.10)!important;box-shadow:0 34px 90px rgba(0,0,0,.52)!important;display:grid;place-items:center!important}
.about-photo-card::before{content:"ARHAM";font-size:clamp(4rem,9vw,7rem);font-weight:900;letter-spacing:-.10em;color:rgba(255,255,255,.055);position:absolute;transform:rotate(-10deg);white-space:nowrap}
.about-photo-card::after{content:"SEO  •  CONTENT  •  GROWTH";position:absolute;bottom:42px;left:34px;color:#ff6b86;font-size:.68rem;letter-spacing:.18em;font-weight:800}
.photo-sheen{background:linear-gradient(90deg,transparent,rgba(255,51,95,.22),transparent)!important}
.photo-chip{background:rgba(15,15,15,.90)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:0 18px 40px rgba(0,0,0,.32)!important}.photo-chip span{color:#ff6b86!important}.photo-chip b{color:#fff!important}
/* Text and links across legacy sections */
.section-title,.trust-head h2,.services-head h2,.insights-head h2,.faq-intro h2,.contact-card h2,.about-copy-list div{color:#f5f5f5!important}
.section a,.footer a{color:inherit}
/* Forms */
.contact-form input,.contact-form textarea,.contact-form select{background:#0e0e0e!important;color:#f5f5f5!important;border-color:rgba(255,255,255,.10)!important}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777!important}
/* Footer */
.footer{background:#050505!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.08)!important}.footer-copy,.footer-bottom,.footer ul{color:#8f8f8f!important}
/* Kill old blue/purple inline visual remnants in decorative gradients */
.blue,.purple{color:#ff6b86!important}
/* Performance-friendly motion */
@media (prefers-reduced-motion:reduce){.portrait-ring,.photo-glow,.photo-sheen,.marquee-track{animation:none!important}.btn,.service-card-dark,.pain-card,.about-photo-card{transition:none!important}}



/* =========================================================
   V4 — Red / Black theme consistency + stable layout polish
   ========================================================= */
:root{
  --bg:#070707;
  --surface:#101010;
  --surface-2:#151515;
  --text:#f7f4f2;
  --muted:#a7a2a0;
  --line:rgba(255,255,255,.11);
  --blue:#ff3b45;
  --blue-dark:#c91f35;
  --purple:#ff315f;
  --purple-soft:#ff718f;
  --success:#ff4b55;
  --shadow-sm:0 12px 30px rgba(0,0,0,.24);
  --shadow-lg:0 28px 70px rgba(0,0,0,.42);
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  background:
    radial-gradient(circle at 12% 5%,rgba(255,48,67,.055),transparent 27%),
    radial-gradient(circle at 88% 12%,rgba(255,49,95,.045),transparent 25%),
    #070707;
  color:#f7f4f2;
}
.container{max-width:1160px;}

/* Hero "Working on" pill — remove the old grey/blue treatment. */
.live-signal{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,72,86,.28) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:#aaa3a1 !important;
  backdrop-filter:blur(10px);
}
.live-signal b{color:#fff !important;}
.live-signal i{
  background:#ff3b45 !important;
  box-shadow:0 0 0 0 rgba(255,59,69,.45) !important;
}

/* Audit / search-opportunity section */
.audit-motion .audit-shell,
.audit-shell{
  background:
    radial-gradient(circle at 86% 12%,rgba(255,55,76,.20),transparent 28%),
    linear-gradient(135deg,#16090b 0%,#0d0d0d 52%,#17070b 100%) !important;
  border:1px solid rgba(255,59,69,.22);
  box-shadow:0 28px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.audit-shell::after{
  background:rgba(255,59,69,.10) !important;
}
.audit-motion .audit-shell .btn-secondary::after{
  background:linear-gradient(90deg,transparent,rgba(255,59,69,.08),rgba(255,59,69,.26),transparent) !important;
}
.audit-box{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,255,255,.11) !important;
}
.audit-box li span{color:#ff4b55 !important;}

/* Results / Performance snapshots */
.results-section{
  background:
    radial-gradient(circle at 10% 18%,rgba(255,59,69,.09),transparent 25%),
    radial-gradient(circle at 89% 72%,rgba(255,49,95,.07),transparent 27%),
    #080808 !important;
}
.results-section::before{
  opacity:.26;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) !important;
}
.results-intro-note{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,59,69,.18) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.25) !important;
  color:#aaa4a2 !important;
}
.proof-summary,.results-browser{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.proof-kicker,.proof-summary .proof-kicker i{
  color:#ff4b55 !important;
}
.proof-stat{
  background:rgba(255,59,69,.055) !important;
  border-color:rgba(255,59,69,.16) !important;
}
.proof-stat strong{color:#fff !important;}
.proof-linkedin{
  border-color:rgba(255,59,69,.18) !important;
  background:rgba(255,255,255,.035) !important;
}

/* Active in the U.S. market — remove navy/purple completely. */
.usa-proof-section.section{
  background:
    radial-gradient(circle at 12% 18%,rgba(255,59,69,.16),transparent 30%),
    radial-gradient(circle at 88% 72%,rgba(255,49,95,.10),transparent 33%),
    linear-gradient(135deg,#080808 0%,#12090b 48%,#080808 100%) !important;
}
.usa-proof-section::before{
  background-image:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px) !important;
}
.usa-proof-section::after{
  border-color:rgba(255,59,69,.12) !important;
}
.usa-highlight,.usa-proof-eyebrow,.usa-proof-live{color:#ff4b55 !important;}
.usa-proof-fact,.usa-network-card{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.usa-market-btn{
  background:#ff3b45 !important;
  color:#080808 !important;
  box-shadow:0 14px 32px rgba(255,59,69,.20) !important;
}

/* Journey in Motion — red/black instead of indigo/purple. */
.journey-shell{
  border-color:rgba(255,59,69,.18) !important;
  background:linear-gradient(180deg,rgba(25,13,15,.94),rgba(10,10,10,.97)) !important;
  box-shadow:0 35px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.journey-shell::after{
  background:conic-gradient(from 30deg,rgba(255,59,69,.22),rgba(255,49,95,.12),transparent 65%) !important;
}
.journey-livebar{
  color:#9e9695 !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}
.journey-livebar > span{color:#ff6972 !important;}
.journey-livebar > span i{background:#ff3b45 !important;}
.journey-step{
  border-color:rgba(255,255,255,.09) !important;
  background:rgba(255,255,255,.025) !important;
}
.journey-step.active{
  border-color:rgba(255,59,69,.30) !important;
  background:linear-gradient(145deg,rgba(255,59,69,.08),rgba(255,255,255,.025)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.25) !important;
}
.journey-symbol{color:#ff4b55 !important;}
.journey-step b{color:#ff6972 !important;}
.journey-rail{background:rgba(255,59,69,.15) !important;}
.journey-pulse{background:#ff3b45 !important;box-shadow:0 0 0 7px rgba(255,59,69,.10),0 0 22px rgba(255,59,69,.45) !important;}

/* Replace any remaining common blue/purple visual accents with red. */
.gradient-text{
  background:linear-gradient(90deg,#ff5964,#ff315f 60%,#ff8a98) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.eyebrow{
  border-color:rgba(255,59,69,.20) !important;
  background:rgba(255,59,69,.06) !important;
  color:#ff6972 !important;
}
.btn-primary{
  background:#ff3b45 !important;
  color:#080808 !important;
  box-shadow:0 14px 34px rgba(255,59,69,.18) !important;
}
.btn-secondary{
  border-color:rgba(255,59,69,.22) !important;
  background:rgba(255,255,255,.035) !important;
  color:#f7f4f2 !important;
}
a:hover{color:inherit;}

/* Stable typography: prevent fluid vw-based sizing from changing line breaks
   unnecessarily at common desktop zoom levels. */
.hero h1,.section-title,.audit-shell h2{
  font-size:clamp(48px,4.1vw,72px);
}
@media (min-width:1100px){
  .hero h1,.section-title,.audit-shell h2{font-size:64px;}
}
@media (min-width:1400px){
  .hero h1,.section-title,.audit-shell h2{font-size:68px;}
}

/* Prevent long headings/labels from producing accidental layout shifts. */
.results-head > *, .usa-proof-grid > *, .audit-shell > *, .journey-livebar > *{
  min-width:0;
}
.results-intro-note,.proof-summary p,.usa-proof-copy p,.audit-shell p{
  overflow-wrap:normal;
  word-break:normal;
}

/* Keep desktop cards aligned instead of allowing one item to create a
   different visual rhythm when the viewport is slightly narrower. */
@media (min-width:1000px){
  .services-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .process-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
  .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .journey-steps{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}

/* Mobile browser text auto-sizing should never inflate headings. */
@media (max-width:760px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  .hero h1,.section-title,.audit-shell h2{font-size:clamp(38px,10vw,54px);}
}



/* =========================================================
   V5 FINAL THEME / CONTRAST / ALIGNMENT PASS
   Black + red only for the remaining animated/interactive areas.
   ========================================================= */
:root{
  --arham-red:#ff3b45;
  --arham-red-2:#ff6b86;
  --arham-red-soft:rgba(255,59,69,.14);
  --arham-red-border:rgba(255,59,69,.24);
  --arham-black:#080808;
  --arham-panel:#101010;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{background:#070707!important;color:#f7f4f2!important;overflow-x:hidden;}

/* ---------- JOURNEY IN MOTION ---------- */
.journey-shell,.journey-shell::after{color:#f7f4f2!important;}
.journey-livebar{background:#0b0b0b!important;color:#a9a2a0!important;}
.journey-livebar strong{color:#f7f4f2!important;}
.journey-livebar em{color:#8d8785!important;}
.journey-livebar>span,.journey-livebar>span i{color:var(--arham-red)!important;}
.journey-livebar>span i{background:var(--arham-red)!important;box-shadow:0 0 12px rgba(255,59,69,.55)!important;}
.journey-rail{background:rgba(255,59,69,.16)!important;}
.journey-rail::before{background:linear-gradient(90deg,rgba(255,59,69,.10),rgba(255,59,69,.62),rgba(255,107,134,.16))!important;box-shadow:0 0 18px rgba(255,59,69,.14)!important;}
.journey-pulse{background:#ff3b45!important;border-color:#ff8a98!important;box-shadow:0 0 0 7px rgba(255,59,69,.10),0 0 26px rgba(255,59,69,.52)!important;}
.journey-step{background:#101010!important;border-color:rgba(255,255,255,.09)!important;color:#f7f4f2!important;}
.journey-step.active{background:linear-gradient(145deg,rgba(255,59,69,.11),rgba(255,255,255,.018))!important;border-color:rgba(255,59,69,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.28)!important;}
.journey-step::before,.journey-step::after{background:linear-gradient(90deg,transparent,rgba(255,59,69,.24),transparent)!important;}
.journey-step:hover{border-color:rgba(255,59,69,.28)!important;}
.journey-symbol{background:#151515!important;color:#ff5a68!important;border-color:rgba(255,59,69,.18)!important;}
.journey-step small,.journey-step b{color:#ff6b86!important;}
.journey-step h3{color:#f6f3f1!important;}
.journey-step p{color:#999391!important;}
.journey-step:hover p{color:#c2bdbb!important;}
.journey-footer{background:#0b0b0b!important;border-color:rgba(255,255,255,.07)!important;color:#f7f4f2!important;}
.journey-footer>div>span{background:#ff3b45!important;color:#090909!important;box-shadow:0 12px 28px rgba(255,59,69,.22)!important;}
.journey-footer p{color:#aaa4a2!important;}
.journey-footer p strong{color:#f7f4f2!important;}
.journey-footer>a{color:#fff!important;}
.journey-footer>a:hover{color:#ff6b86!important;}

/* ---------- PERFORMANCE SNAPSHOTS ---------- */
.results-section{background:#080808!important;}
.results-section::before{opacity:.18!important;background-image:linear-gradient(rgba(255,59,69,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,59,69,.08) 1px,transparent 1px)!important;}
.results-intro-note{background:#101010!important;border-color:rgba(255,59,69,.18)!important;color:#aaa4a2!important;}
.proof-summary{background:#0d0d0d!important;border-color:rgba(255,59,69,.16)!important;}
.proof-stat{background:linear-gradient(145deg,rgba(255,59,69,.07),rgba(255,255,255,.018))!important;border-color:rgba(255,59,69,.18)!important;}
.proof-stat span{color:#aaa4a2!important;}
.proof-linkedin{color:#fff!important;border-top-color:rgba(255,59,69,.20)!important;background:transparent!important;}
.proof-linkedin:hover{color:#ff6b86!important;}
.linkedin-icon{background:#ff3b45!important;color:#080808!important;}
.results-browser{background:#0c0c0c!important;border-color:rgba(255,59,69,.18)!important;box-shadow:0 26px 70px rgba(0,0,0,.42)!important;}
.results-browser-top{background:#0f0f0f!important;border-bottom-color:rgba(255,255,255,.07)!important;}
.results-live-label{color:#ff6b86!important;}
.results-live-label i{background:#ff3b45!important;box-shadow:0 0 12px rgba(255,59,69,.48)!important;}
.results-tabs{background:#0c0c0c!important;}
.result-tab{background:#151515!important;color:#aaa4a2!important;border-color:rgba(255,255,255,.08)!important;}
.result-tab.active{background:#ff3b45!important;color:#080808!important;border-color:#ff3b45!important;box-shadow:0 10px 24px rgba(255,59,69,.18)!important;}
.results-stage{background:#0c0c0c!important;}
.result-panel{background:#101010!important;border-color:rgba(255,255,255,.07)!important;}
.result-image-shell{background:#121212!important;border-color:rgba(255,59,69,.14)!important;}
/* The supplied dashboard screenshots contain their own blue UI. Tone them into the new palette without obscuring the evidence. */
.result-image-shell img{filter:grayscale(.72) sepia(.28) hue-rotate(300deg) saturate(1.45) contrast(1.04) brightness(.86)!important;}
.result-caption,.result-caption p,.result-caption strong{color:#aaa4a2!important;}
.result-caption strong{color:#f7f4f2!important;}
.result-caption a{background:#151515!important;border-color:rgba(255,59,69,.20)!important;color:#ff6b86!important;}
.results-browser::after{background:linear-gradient(90deg,transparent,rgba(255,59,69,.08),rgba(255,107,134,.20),transparent)!important;}

/* ---------- ACTIVE IN THE U.S. MARKET ---------- */
.usa-proof-section.section{background:radial-gradient(circle at 12% 18%,rgba(255,59,69,.14),transparent 30%),radial-gradient(circle at 88% 72%,rgba(255,107,134,.08),transparent 33%),linear-gradient(135deg,#080808 0%,#12090b 48%,#080808 100%)!important;}
.usa-proof-section::before{background-image:linear-gradient(rgba(255,59,69,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,59,69,.045) 1px,transparent 1px)!important;}
.usa-proof-section::after{border-color:rgba(255,59,69,.10)!important;box-shadow:0 0 0 82px rgba(255,59,69,.012),0 0 0 164px rgba(255,59,69,.008)!important;}
.usa-proof-eyebrow{border-color:rgba(255,59,69,.24)!important;background:rgba(255,59,69,.07)!important;color:#ff6b86!important;}
.usa-proof-live{background:#ff3b45!important;box-shadow:0 0 0 0 rgba(255,59,69,.5)!important;}
@keyframes usaLivePulseRed{0%{box-shadow:0 0 0 0 rgba(255,59,69,.48)}70%{box-shadow:0 0 0 9px rgba(255,59,69,0)}100%{box-shadow:0 0 0 0 rgba(255,59,69,0)}}
.usa-proof-live{animation-name:usaLivePulseRed!important;}
.usa-proof-copy h2 .usa-highlight{background:linear-gradient(95deg,#ff5964 4%,#ff3b45 48%,#ff8a98 100%)!important;}
.usa-proof-copy>p{color:#aaa4a2!important;}
.usa-proof-fact{background:rgba(255,255,255,.035)!important;border-color:rgba(255,59,69,.15)!important;}
.usa-proof-fact::before{background:radial-gradient(circle at var(--fx,50%) var(--fy,50%),rgba(255,59,69,.20),transparent 45%)!important;}
.usa-proof-fact:hover{border-color:rgba(255,59,69,.34)!important;background:rgba(255,59,69,.055)!important;}
.usa-proof-fact span{color:#aaa4a2!important;}
.usa-market-btn{background:linear-gradient(100deg,#ff3b45,#ff5964 55%,#ff6b86)!important;color:#080808!important;box-shadow:0 16px 42px rgba(255,59,69,.22)!important;}
.usa-market-btn:hover{box-shadow:0 20px 48px rgba(255,59,69,.30)!important;}
.usa-proof-micro{color:#928b89!important;}
.usa-network-card{background:radial-gradient(circle at var(--ux) var(--uy),rgba(255,59,69,.15),transparent 27%),linear-gradient(145deg,#171010,#0b0b0b 82%)!important;border-color:rgba(255,59,69,.18)!important;box-shadow:0 34px 85px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.06)!important;}
.usa-network-card:hover{border-color:rgba(255,59,69,.34)!important;}
.usa-network-card::before{background:conic-gradient(from 0deg,transparent 0 28%,rgba(255,59,69,.12) 33%,transparent 39% 70%,rgba(255,107,134,.08) 76%,transparent 82%)!important;}
.usa-network-title b{background:linear-gradient(135deg,#ff3b45,#ff6b86)!important;box-shadow:0 8px 20px rgba(255,59,69,.22)!important;color:#080808!important;}
.usa-network-status{color:#aaa4a2!important;}
.usa-network-status i{background:#ff3b45!important;box-shadow:0 0 14px rgba(255,59,69,.55)!important;}
.usa-network-stage{background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.010))!important;border-color:rgba(255,59,69,.10)!important;}
.usa-network-stage::before{background-image:radial-gradient(circle,rgba(255,107,134,.18) 1px,transparent 1px)!important;}
.usa-watermark{-webkit-text-stroke:1px rgba(255,107,134,.10)!important;}
.usa-links line{stroke:url(#usaLineGradient)!important;}
.usa-node{background:#ff6b86!important;box-shadow:0 0 0 0 rgba(255,59,69,.34),0 0 20px rgba(255,59,69,.52)!important;}
.usa-node::after{border-color:rgba(255,107,134,.16)!important;}
@keyframes usaNodePulseRed{0%{box-shadow:0 0 0 0 rgba(255,59,69,.36),0 0 18px rgba(255,59,69,.48)}75%,100%{box-shadow:0 0 0 12px rgba(255,59,69,0),0 0 22px rgba(255,59,69,.58)}}
.usa-node{animation-name:usaNodePulseRed!important;}
.usa-orbit-wrap::before,.usa-orbit-wrap::after{border-color:rgba(255,59,69,.18)!important;}
@keyframes usaOrbitPulseRed{50%{transform:scale(1.06);border-color:rgba(255,107,134,.34);box-shadow:0 0 40px rgba(255,59,69,.14)}}
.usa-orbit-wrap::before{animation-name:usaOrbitPulseRed!important;}
.usa-count-core{background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.12),rgba(255,59,69,.22) 32%,rgba(24,8,12,.98) 73%)!important;border-color:rgba(255,107,134,.25)!important;box-shadow:0 20px 55px rgba(40,5,12,.48),inset 0 0 30px rgba(255,59,69,.14)!important;}
.usa-count-number sup{color:#ff8a98!important;}
.usa-count-label{color:#aaa4a2!important;}
.usa-channel-chip{border-color:rgba(255,59,69,.18)!important;background:rgba(20,8,11,.82)!important;color:#ddd5d3!important;}
.usa-channel-chip i{background:linear-gradient(135deg,#ff3b45,#ff6b86)!important;box-shadow:0 0 12px rgba(255,59,69,.55)!important;}
.usa-signal{background:rgba(255,255,255,.03)!important;border-color:rgba(255,59,69,.10)!important;}
.usa-signal-head{color:#aaa4a2!important;}
.usa-signal-head i{background:#ff3b45!important;box-shadow:0 0 9px rgba(255,59,69,.6)!important;}
.usa-signal-track b{background:linear-gradient(90deg,#ff3b45,#ff6b86)!important;box-shadow:0 0 12px rgba(255,59,69,.48)!important;}

/* ---------- MEET ARHAM LINKEDIN CTA ---------- */
.about-social-row .linkedin-btn{background:linear-gradient(100deg,#151515,#0e0e0e)!important;color:#fff!important;border:1px solid rgba(255,59,69,.24)!important;box-shadow:0 12px 30px rgba(0,0,0,.34)!important;}
.about-social-row .linkedin-btn:hover{background:linear-gradient(100deg,#1b0b0e,#151515)!important;border-color:rgba(255,59,69,.46)!important;box-shadow:0 16px 36px rgba(255,59,69,.14)!important;}
.about-social-row .linkedin-btn .linkedin-icon{background:#ff3b45!important;color:#080808!important;}
.about-social-row .linkedin-btn>span:last-child{color:#ff6b86!important;}

/* ---------- REMOVE LEGACY BLUE/PURPLE FROM COMMON INTERACTIVE PIECES ---------- */
.lab-tab.active{background:#151515!important;color:#fff!important;border-color:rgba(255,59,69,.42)!important;box-shadow:inset 3px 0 #ff3b45!important;}
.lab-core{background:#151515!important;border-color:rgba(255,59,69,.45)!important;box-shadow:0 0 50px rgba(255,59,69,.18)!important;}
.lab-orbit{border-color:rgba(255,59,69,.20)!important;}
.lab-node{background:#101010!important;border-color:rgba(255,59,69,.18)!important;}
.lab-node::after{background:#ff3b45!important;box-shadow:0 0 14px rgba(255,59,69,.42)!important;}

/* Stable desktop geometry: prevent accidental content compression/reflow at nearby zoom levels. */
.container{width:min(1160px,calc(100% - 40px))!important;margin-inline:auto!important;}
.results-proof-grid,.usa-proof-grid,.about-grid,.contact-grid{min-width:0!important;}
.results-proof-grid>* ,.usa-proof-grid>* ,.about-grid>* ,.contact-grid>*{min-width:0!important;}
.journey-steps,.service-grid-dark,.proof-stats,.usa-proof-facts{min-width:0!important;}
.journey-step,.service-card-dark,.proof-stat,.usa-proof-fact{min-width:0!important;}
.journey-step h3,.journey-step p,.service-card-dark h3,.service-card-dark p,.proof-stat span,.usa-proof-fact span{overflow-wrap:normal!important;word-break:normal!important;}

@media(max-width:980px){
  .container{width:min(100% - 32px,760px)!important;}
  .journey-steps{grid-template-columns:1fr!important;}
  .service-grid-dark{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .container{width:calc(100% - 28px)!important;}
  .service-grid-dark{grid-template-columns:1fr!important;}
  .journey-step{min-height:0!important;}
}

@media(prefers-reduced-motion:reduce){
  .usa-proof-live,.usa-node,.usa-orbit-wrap::before,.usa-orbit-wrap::after,.usa-network-card::before,.usa-channel-chip,.usa-signal-track b,.journey-pulse,.journey-shell::after,.results-browser::after{animation:none!important;}
}



/* =========================================================
   V6 — COMPLETE VISUAL AUDIT
   One visual language: near-black + red/coral + neutral whites.
   Also fixes the 3-card Journey layout and zoom/reflow behavior.
   ========================================================= */
:root{
  --blue:#ff3b45 !important;
  --blue-dark:#d91f3f !important;
  --purple:#ff315f !important;
  --purple-soft:#ff7a91 !important;
  --primary:#ff3b45 !important;
}

/* Remove cool-toned legacy accents from interactive sections. */
#growth-lab,
.signal-lab-section{
  background:#070707 !important;
  color:#f7f4f2 !important;
}
#growth-lab::before,
.signal-lab-section::before{
  background:
    radial-gradient(circle at 12% 20%,rgba(255,59,69,.10),transparent 28%),
    radial-gradient(circle at 88% 72%,rgba(255,107,134,.07),transparent 30%) !important;
}
#growth-lab .lab-intro .eyebrow,
.signal-lab-section .eyebrow{
  color:#ff6b86 !important;
  border-color:rgba(255,59,69,.22) !important;
  background:rgba(255,59,69,.06) !important;
}
#growth-lab .lab-intro .section-title,
.signal-lab-section .section-title{color:#f7f4f2 !important;}
#growth-lab .lab-intro .section-copy,
.signal-lab-section .section-copy{color:#999391 !important;}
.lab-selector{
  background:#0b0b0b !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.28) !important;
}
.lab-tab{
  background:#101010 !important;
  border-color:rgba(255,255,255,.08) !important;
  color:#aaa4a2 !important;
}
.lab-tab:hover{background:#151515 !important;color:#fff !important;}
.lab-tab.active{
  background:linear-gradient(145deg,#171111,#101010) !important;
  border-color:rgba(255,59,69,.38) !important;
  box-shadow:inset 3px 0 #ff3b45 !important;
  color:#fff !important;
}
.lab-tab .tab-index{color:#ff6b86 !important;}
.lab-tab b{color:#f7f4f2 !important;}
.lab-tab small{color:#88817f !important;}
.lab-tab>i{color:#ff4b55 !important;background:#151515 !important;border-color:rgba(255,59,69,.16) !important;}
.lab-tab.active>i{background:#ff3b45 !important;color:#080808 !important;}
.lab-console{
  background:#0b0b0b !important;
  border-color:rgba(255,59,69,.18) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.40) !important;
}
.lab-console-top{background:#101010 !important;border-bottom-color:rgba(255,255,255,.08) !important;color:#b9b1af !important;}
.lab-console-top>b{color:#ff6b86 !important;}
.lab-console-top>b i,.lab-status-dot{background:#ff3b45 !important;box-shadow:0 0 12px rgba(255,59,69,.55) !important;}
.lab-scan-stage{
  background:radial-gradient(circle at 50% 50%,rgba(255,59,69,.10),transparent 52%),#0e0e0e !important;
  border-color:rgba(255,255,255,.06) !important;
}
.lab-scan-stage::before{background:radial-gradient(circle,rgba(255,59,69,.16) 1px,transparent 1px) !important;}
.lab-scan-line{background:linear-gradient(90deg,transparent,rgba(255,59,69,.22),#ff3b45,rgba(255,59,69,.22),transparent) !important;}
.lab-orbit{border-color:rgba(255,59,69,.22) !important;}
.lab-core{background:#151515 !important;border-color:#ff3b45 !important;box-shadow:0 0 50px rgba(255,59,69,.18) !important;color:#ff6b86 !important;}
.lab-node{background:#101010 !important;border-color:rgba(255,255,255,.10) !important;color:#c4bdbb !important;}
.lab-node i{background:#ff5a68 !important;box-shadow:0 0 10px rgba(255,59,69,.65) !important;}
.lab-status-row{color:#aaa4a2 !important;border-color:rgba(255,255,255,.07) !important;}
.lab-status-row em{color:#77716f !important;}
.lab-output-card{background:#101010 !important;border-color:rgba(255,255,255,.08) !important;color:#f7f4f2 !important;}
.lab-output-card:hover{border-color:rgba(255,59,69,.26) !important;background:#151111 !important;}
.lab-output-card.action{background:linear-gradient(145deg,rgba(255,59,69,.09),rgba(255,255,255,.018)) !important;}
.lab-output-card.action a{color:#ff6b86 !important;}
.lab-meter span{background:#ff3b45 !important;box-shadow:0 0 10px rgba(255,59,69,.35) !important;}

/* HERO "Working on" badge — remove the old grey/cool treatment. */
.live-signal{
  background:linear-gradient(145deg,#151010,#0d0d0d) !important;
  border-color:rgba(255,59,69,.20) !important;
  color:#aaa4a2 !important;
  box-shadow:0 14px 36px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035) !important;
}
.live-signal i{background:#ff3b45 !important;box-shadow:0 0 12px rgba(255,59,69,.55) !important;}
.live-signal b{color:#f7f4f2 !important;}

/* JOURNEY IN MOTION — exactly three equal cards, full width. */
.journey-section{
  background:#070707 !important;
  color:#f7f4f2 !important;
}
.journey-section::before{
  background:
    linear-gradient(rgba(255,59,69,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,59,69,.035) 1px,transparent 1px),
    radial-gradient(circle at 18% 20%,rgba(255,59,69,.10),transparent 25%),
    radial-gradient(circle at 84% 78%,rgba(255,107,134,.07),transparent 27%) !important;
}
.journey-shell{width:100% !important;box-sizing:border-box !important;}
.journey-steps{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  align-items:stretch !important;
}
.journey-step{
  width:100% !important;
  min-width:0 !important;
  min-height:330px !important;
  box-sizing:border-box !important;
  background:#101010 !important;
  border-color:rgba(255,255,255,.09) !important;
}
.journey-step.active{background:linear-gradient(145deg,rgba(255,59,69,.11),rgba(255,255,255,.018)) !important;}
.journey-step::before{background:radial-gradient(260px circle at var(--jx,50%) var(--jy,50%),rgba(255,59,69,.18),transparent 68%) !important;}
.journey-step::after{border-color:rgba(255,59,69,0) !important;}
.journey-step:hover::after{border-color:rgba(255,59,69,.16) !important;}
.journey-symbol{background:#151515 !important;color:#ff5a68 !important;border-color:rgba(255,59,69,.18) !important;}
.journey-step.active .journey-symbol,.journey-step:hover .journey-symbol{box-shadow:0 0 30px rgba(255,59,69,.25) !important;}
.journey-rail::before{background:linear-gradient(90deg,rgba(255,59,69,.12),rgba(255,59,69,.62),rgba(255,107,134,.16)) !important;}
.journey-pulse{border-color:#ff8a98 !important;background:#ff3b45 !important;}
.journey-footer #journeyStageNo{background:#ff3b45 !important;color:#080808 !important;}
.journey-footer a{color:#fff !important;}
.journey-footer a:hover{color:#ff6b86 !important;}

/* PERFORMANCE SNAPSHOTS — dark browser, red accents, readable evidence. */
.results-section{background:#070707 !important;color:#f7f4f2 !important;}
.results-section .section-title,.proof-summary h3{color:#f7f4f2 !important;}
.proof-kicker,.proof-kicker i{color:#ff6b86 !important;background:transparent !important;}
.proof-kicker i{background:#ff3b45 !important;box-shadow:0 0 0 6px rgba(255,59,69,.08) !important;}
.proof-summary,.results-browser{background:#0d0d0d !important;border-color:rgba(255,59,69,.15) !important;}
.proof-summary>p,.proof-stat span,.results-intro-note,.result-caption p{color:#aaa4a2 !important;}
.proof-stat{background:linear-gradient(145deg,rgba(255,59,69,.07),rgba(255,255,255,.018)) !important;border-color:rgba(255,59,69,.18) !important;}
.proof-stat strong{color:#fff !important;}
.results-browser-top{background:#101010 !important;border-bottom-color:rgba(255,255,255,.08) !important;}
.results-live-label{color:#ff6b86 !important;}
.results-live-label i{background:#ff3b45 !important;box-shadow:0 0 12px rgba(255,59,69,.48) !important;}
.results-tabs{background:#0b0b0b !important;}
.result-tab{background:#151515 !important;color:#aaa4a2 !important;border-color:rgba(255,255,255,.08) !important;}
.result-tab.active{background:#ff3b45 !important;color:#080808 !important;border-color:#ff3b45 !important;}
.results-stage,.result-panel,.result-image-shell{background:#101010 !important;border-color:rgba(255,255,255,.07) !important;}
.result-image-shell img{filter:grayscale(.86) sepia(.38) hue-rotate(302deg) saturate(2.05) contrast(1.05) brightness(.84) !important;}
.result-caption h4,.result-caption strong{color:#f7f4f2 !important;}
.result-source{background:#151515 !important;color:#ff6b86 !important;border-color:rgba(255,59,69,.18) !important;}
.proof-linkedin{background:#101010 !important;color:#fff !important;border-color:rgba(255,59,69,.18) !important;}
.proof-linkedin .linkedin-icon,.linkedin-icon{background:#ff3b45 !important;color:#080808 !important;}

/* ACTIVE IN THE U.S. MARKET — remove every cool/green accent from animation. */
.usa-proof-section{background:linear-gradient(135deg,#080808,#12090b 50%,#080808) !important;}
.usa-proof-section::before{background-image:linear-gradient(rgba(255,59,69,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,59,69,.035) 1px,transparent 1px) !important;}
.usa-proof-eyebrow{color:#ff6b86 !important;background:rgba(255,59,69,.06) !important;border-color:rgba(255,59,69,.22) !important;}
.usa-proof-live{background:#ff3b45 !important;box-shadow:0 0 0 0 rgba(255,59,69,.5) !important;}
.usa-proof-copy h2 .usa-highlight{background:linear-gradient(95deg,#ff4b55,#ff6b86,#ff9aaa) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.usa-proof-copy>p,.usa-proof-fact span,.usa-proof-micro{color:#aaa4a2 !important;}
.usa-proof-fact{background:rgba(255,255,255,.035) !important;border-color:rgba(255,255,255,.10) !important;}
.usa-proof-fact::before{background:radial-gradient(circle at var(--fx,50%) var(--fy,50%),rgba(255,59,69,.18),transparent 45%) !important;}
.usa-proof-fact:hover{border-color:rgba(255,59,69,.32) !important;}
.usa-market-btn{background:#ff3b45 !important;color:#080808 !important;box-shadow:0 16px 42px rgba(255,59,69,.22) !important;}
.usa-network-card{background:radial-gradient(circle at var(--ux) var(--uy),rgba(255,59,69,.12),transparent 27%),linear-gradient(145deg,#151010,#0c0c0c) !important;border-color:rgba(255,59,69,.18) !important;}
.usa-network-card::before{background:conic-gradient(from 0deg,transparent 0 28%,rgba(255,59,69,.12) 33%,transparent 39% 70%,rgba(255,107,134,.09) 76%,transparent 82%) !important;}
.usa-network-title b{background:#151515 !important;color:#ff5a68 !important;border:1px solid rgba(255,59,69,.18) !important;box-shadow:0 8px 20px rgba(255,59,69,.14) !important;}
.usa-network-status{color:#aaa4a2 !important;}
.usa-network-status i{background:#ff3b45 !important;box-shadow:0 0 14px #ff3b45 !important;}
.usa-network-stage{background:rgba(255,255,255,.018) !important;border-color:rgba(255,255,255,.06) !important;}
.usa-network-stage::before{background-image:radial-gradient(circle,rgba(255,107,134,.20) 1px,transparent 1px) !important;}
.usa-watermark{-webkit-text-stroke:1px rgba(255,107,134,.10) !important;}
.usa-links line{stroke:url(#usaLineGradient) !important;}
.usa-node{background:#ff6b86 !important;border-color:rgba(255,255,255,.68) !important;box-shadow:0 0 0 0 rgba(255,59,69,.35),0 0 20px rgba(255,59,69,.58) !important;}
.usa-count-core{background:#101010 !important;border-color:rgba(255,59,69,.24) !important;box-shadow:0 0 50px rgba(255,59,69,.15) !important;}
.usa-count-number strong{color:#fff !important;}
.usa-count-number sup{color:#ff6b86 !important;}
.usa-channel-chip{background:#101010 !important;border-color:rgba(255,59,69,.16) !important;color:#aaa4a2 !important;}
.usa-channel-chip i{background:#ff3b45 !important;box-shadow:0 0 10px rgba(255,59,69,.45) !important;}
.usa-signal-head,.usa-signal-head span{color:#aaa4a2 !important;}
.usa-signal-head i{background:#ff3b45 !important;box-shadow:0 0 10px rgba(255,59,69,.45) !important;}
.usa-signal-track{background:rgba(255,255,255,.08) !important;}
.usa-signal-track b{background:linear-gradient(90deg,#ff3b45,#ff6b86) !important;box-shadow:0 0 12px rgba(255,59,69,.32) !important;}

/* MEET ARHAM — LinkedIn CTA must remain readable on the dark theme. */
.linkedin-btn{background:#101010 !important;color:#fff !important;border:1px solid rgba(255,59,69,.24) !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;}
.linkedin-btn .linkedin-icon{background:#ff3b45 !important;color:#080808 !important;}
.linkedin-btn:hover{background:#151111 !important;color:#fff !important;border-color:rgba(255,59,69,.42) !important;box-shadow:0 18px 42px rgba(255,59,69,.12) !important;}

/* SERVICES hover layer still inherited the old blue/purple V9 treatment. */
#services .service-card::before{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(255,59,69,.16),rgba(255,107,134,.06) 28%,transparent 62%) !important;}
#services .service-card::after{background:conic-gradient(from 210deg,rgba(255,59,69,.22),rgba(255,107,134,.16),transparent 72%) !important;}
#services .service-card:hover{border-color:rgba(255,59,69,.28) !important;box-shadow:0 28px 70px rgba(255,30,77,.12),0 0 0 1px rgba(255,59,69,.035) inset !important;}
#services .service-card:hover .service-icon{box-shadow:0 18px 36px rgba(255,59,69,.22),0 0 0 7px rgba(255,59,69,.05) !important;}
#services .service-card:hover .service-link{color:#ff6b86 !important;}

/* Other legacy cards: keep every section in the same red/black family. */
.trust-section,.process-section,#insights,#faq,#contact,#about,.final-cta-section{background:#070707 !important;}
.trust-card,.process-card,.process-step,.insight-card,.faq-item,.contact-card,.about-card{background:linear-gradient(145deg,#111,#0b0b0b) !important;border-color:rgba(255,255,255,.09) !important;color:#fff !important;}
.trust-card:hover,.process-card:hover,.insight-card:hover{border-color:rgba(255,59,69,.28) !important;}
.trust-icon,.insight-cover,.cover-icon{background:#151515 !important;color:#ff5a68 !important;border-color:rgba(255,59,69,.18) !important;}
.insight-tag{color:#ff6b86 !important;}
.faq-question{color:#fff !important;}
.faq-question i{background:#151515 !important;color:#ff5a68 !important;border:1px solid rgba(255,59,69,.14) !important;}
.faq-answer{background:#0c0c0c !important;color:#aaa4a2 !important;}
.contact-card input,.contact-card textarea,.contact-card select{background:#0b0b0b !important;color:#fff !important;border-color:rgba(255,255,255,.10) !important;}
.contact-email-card{background:#101010 !important;border-color:rgba(255,59,69,.16) !important;color:#fff !important;}
.contact-email-card>span{background:#151515 !important;color:#ff5a68 !important;}
.contact-point span{color:#ff5a68 !important;}

/* Desktop layout stability: no accidental fourth Journey column. */
@media (min-width:1000px){
  .journey-steps{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .journey-step{min-height:330px !important;}
}
@media (max-width:999px) and (min-width:761px){
  .journey-steps{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important;}
  .journey-step{min-height:320px !important;padding:22px 18px !important;}
}
@media (max-width:760px){
  .journey-steps{grid-template-columns:1fr !important;}
  .journey-step{min-height:0 !important;}
  .usa-proof-grid{grid-template-columns:1fr !important;}
}

/* Avoid zoom-induced text inflation/reflow on supported browsers. */
html{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;}
*,*::before,*::after{box-sizing:border-box;}
img,svg{max-width:100%;}
.container,.journey-shell,.results-browser,.usa-network-card{min-width:0;}



/* V8 — final polish audit: consistent black/red theme, stable grids, readable text */
:root{
  --arham-red:#ff3b45;
  --arham-red-2:#ff6b86;
  --arham-red-soft:rgba(255,59,69,.10);
  --arham-panel:#101010;
}

/* ---------- A CLEARER WAY TO WORK ---------- */
#trust.trust-section{
  background:#080808!important;
  color:#f7f4f2!important;
}
#trust.trust-section::before{border-color:rgba(255,59,69,.12)!important;}
#trust .trust-head .eyebrow{color:#ff6b86!important;background:rgba(255,59,69,.055)!important;border-color:rgba(255,59,69,.20)!important;}
#trust .trust-head .section-title{color:#f7f4f2!important;}
#trust .trust-head .section-copy{color:#aaa4a2!important;}
#trust .trust-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
#trust .trust-card{
  min-width:0!important;
  min-height:292px!important;
  height:100%!important;
  padding:26px 22px!important;
  background:linear-gradient(145deg,#121010 0%,#0d0d0d 100%)!important;
  border-color:rgba(255,59,69,.14)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.24)!important;
}
#trust .trust-card::before{
  background:radial-gradient(circle,rgba(255,59,69,.16),transparent 70%)!important;
}
#trust .trust-card:hover{
  border-color:rgba(255,59,69,.34)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,59,69,.05)!important;
}
#trust .trust-icon{background:#151515!important;border-color:rgba(255,59,69,.20)!important;color:#ff5a68!important;}
#trust .trust-card h3{color:#f7f4f2!important;}
#trust .trust-card p{color:#a9a3a1!important;}
#trust .trust-ribbon{background:#0c0c0c!important;border-color:rgba(255,59,69,.14)!important;color:#aaa4a2!important;}
#trust .trust-ribbon a{color:#ff6b86!important;}

/* ---------- GROWTH SIGNAL LAB ---------- */
#growth-lab .lab-console,
#growth-lab .signal-lab .lab-console{
  background:
    radial-gradient(circle at 76% 18%,rgba(255,59,69,.15),transparent 30%),
    linear-gradient(145deg,#0d0d0d 0%,#111010 55%,#0a0a0a 100%)!important;
  border:1px solid rgba(255,59,69,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 70px rgba(0,0,0,.30)!important;
}
#growth-lab .lab-console-top{color:#aaa4a2!important;}
#growth-lab .lab-console-top>span{color:#f7f4f2!important;}
#growth-lab .lab-console-top>b{color:#ff6b86!important;}
#growth-lab .lab-console-top>b i,
#growth-lab .lab-status-dot{background:#ff3b45!important;box-shadow:0 0 0 5px rgba(255,59,69,.08),0 0 16px rgba(255,59,69,.38)!important;}
#growth-lab .lab-scan-stage{background:radial-gradient(circle at 50% 50%,rgba(255,59,69,.08),transparent 42%)!important;}
#growth-lab .lab-scan-line{background:linear-gradient(90deg,transparent,rgba(255,59,69,.72),transparent)!important;box-shadow:0 0 18px rgba(255,59,69,.28)!important;}
#growth-lab .lab-orbit{border-color:rgba(255,59,69,.18)!important;}
#growth-lab .lab-core{background:radial-gradient(circle,#171111,#0c0c0c 68%)!important;border-color:#ff3b45!important;box-shadow:0 0 0 8px rgba(255,59,69,.06),0 0 35px rgba(255,59,69,.24)!important;color:#ff6b86!important;}
#growth-lab .lab-node i{background:#ff3b45!important;box-shadow:0 0 0 5px rgba(255,59,69,.07),0 0 18px rgba(255,59,69,.28)!important;}
#growth-lab .lab-node span{color:#c3bdbb!important;}
#growth-lab .lab-output-card{background:#101010!important;border-color:rgba(255,59,69,.14)!important;}
#growth-lab .lab-output-card small{color:#ff6b86!important;}
#growth-lab .lab-output-card h3,#growth-lab .lab-output-card p{color:#f0ecea!important;}
#growth-lab .lab-output-card.action a{color:#ff6b86!important;}

/* ---------- JOURNEY IN MOTION ---------- */
#journey .journey-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;}
#journey .journey-step{min-width:0!important;height:100%!important;background:#101010!important;}
#journey .journey-step:hover{background:#101010!important;}
#journey .journey-step:hover::before,
#journey .journey-step.active::before{opacity:0!important;background:transparent!important;}
#journey .journey-step:hover::after{opacity:0!important;border-color:transparent!important;}
#journey .journey-symbol,
#journey .journey-step:hover .journey-symbol{background:#151515!important;color:#ff5a68!important;border-color:rgba(255,59,69,.18)!important;box-shadow:none!important;}
#journey .journey-step p{color:#999391!important;}
#journey .journey-step:hover p{color:#999391!important;}
#journey .journey-pulse{background:#ff3b45!important;border-color:#ff8a98!important;}
#journey .journey-footer{background:#0b0b0b!important;border-color:rgba(255,59,69,.14)!important;}
#journey .journey-footer #journeyStageNo{background:#ff3b45!important;color:#080808!important;}
#journey .journey-footer p{color:#aaa4a2!important;}
#journey .journey-footer a{color:#ff6b86!important;}

/* ---------- PROOF / PERFORMANCE ---------- */
#results .results-intro-note{
  background:linear-gradient(145deg,#111010,#0c0c0c)!important;
  border-color:rgba(255,59,69,.18)!important;
  color:#aaa4a2!important;
  box-shadow:0 18px 45px rgba(0,0,0,.26)!important;
}
#results .results-intro-note strong{color:#ff5a68!important;}
#results .results-proof-grid{align-items:stretch!important;}
#results .results-browser{
  background:#0b0b0b!important;
  border:1px solid rgba(255,59,69,.20)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
#results .results-browser-top{background:#101010!important;}
#results .results-live-label{color:#ff6b86!important;}
#results .results-live-label i{background:#ff3b45!important;box-shadow:0 0 12px rgba(255,59,69,.44)!important;}
#results .results-tabs{background:#0b0b0b!important;border-bottom:1px solid rgba(255,255,255,.06)!important;}
#results .result-tab{background:#151515!important;color:#aaa4a2!important;}
#results .result-tab.active{background:#ff3b45!important;color:#080808!important;box-shadow:0 8px 22px rgba(255,59,69,.18)!important;}
#results .result-panel{background:#0f0f0f!important;}
#results .result-image-shell{
  position:relative!important;
  background:#111!important;
  border-color:rgba(255,59,69,.14)!important;
}
#results .result-image-shell::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:rgba(255,59,69,.10);mix-blend-mode:color;opacity:.55;
}
#results .result-image-shell img{filter:saturate(.72) contrast(1.04)!important;}
#results .result-caption{color:#aaa4a2!important;}
#results .result-caption strong{color:#f7f4f2!important;}
#results .result-caption p{color:#aaa4a2!important;}
#results .proof-linkedin{color:#fff!important;}
#results .linkedin-icon{background:#ff3b45!important;color:#080808!important;}

/* Explicit red copy requested by user */
#results .results-intro-note strong,
#results .proof-kicker,
#faq .faq-prompt strong,
#faq .faq-prompt a,
#final-cta .final-cta-eyebrow,
#final-cta .final-cta-email{color:#ff5a68!important;}

/* ---------- FAQ ---------- */
#faq .faq-question,
#faq .faq-question span{color:#f2efed!important;}
#faq .faq-item:hover .faq-question span,
#faq .faq-question:hover span{color:#ff6b86!important;}
#faq .faq-question i{background:#151515!important;color:#ff6b86!important;border-color:rgba(255,59,69,.18)!important;}
#faq .faq-item.open .faq-question i{background:#ff3b45!important;color:#080808!important;}
#faq .faq-item:hover{border-color:rgba(255,59,69,.28)!important;}
#faq .faq-answer p{color:#aaa4a2!important;}
#faq .faq-prompt{background:#0f0f0f!important;border-color:rgba(255,59,69,.16)!important;}
#faq .faq-prompt span{color:#f7f4f2!important;}
#faq .faq-prompt strong{color:#ff5a68!important;}
#faq .faq-prompt a{color:#ff6b86!important;}

/* ---------- FINAL CTA / ONE CLEAR NEXT MOVE ---------- */
#final-cta .final-cta-shell{
  background:
    radial-gradient(circle at 82% 18%,rgba(255,107,134,.20),transparent 30%),
    radial-gradient(circle at 16% 84%,rgba(255,59,69,.12),transparent 34%),
    linear-gradient(135deg,#0d0d0d 0%,#13090b 52%,#210b10 100%)!important;
  border:1px solid rgba(255,59,69,.20)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.42)!important;
}
#final-cta .final-cta-orb.orb-two{background:rgba(255,59,69,.12)!important;}
#final-cta .final-cta-eyebrow{background:rgba(255,59,69,.06)!important;border-color:rgba(255,59,69,.22)!important;color:#ff6b86!important;}
#final-cta .final-cta-eyebrow i{background:#ff3b45!important;box-shadow:0 0 0 5px rgba(255,59,69,.08)!important;}
#final-cta .final-cta-primary{background:#ff3b45!important;color:#080808!important;box-shadow:0 16px 36px rgba(255,59,69,.18)!important;}
#final-cta .final-cta-email{color:#ff6b86!important;border-bottom-color:rgba(255,107,134,.32)!important;}
#final-cta .final-cta-trust{color:#aaa4a2!important;}
#final-cta .final-cta-trust b{background:rgba(255,59,69,.10)!important;color:#ff6b86!important;}
#final-cta .radar-core{background:#151515!important;border-color:#ff3b45!important;color:#fff!important;}
#final-cta .radar-ring{border-color:rgba(255,59,69,.20)!important;}
#final-cta .radar-node i{background:#ff3b45!important;box-shadow:0 0 14px rgba(255,59,69,.28)!important;}
#final-cta .radar-node span{color:#aaa4a2!important;}

/* ---------- ALL EMAIL CTAs ---------- */
a[href^="mailto:"]{color:#ff6b86!important;}
a[href^="mailto:"]:hover{color:#ff9aa8!important;}
.contact-email-card a[href^="mailto:"],
.hero-email-link,
.final-cta-email{color:#ff6b86!important;}

/* ---------- RESPONSIVE GEOMETRY ---------- */
@media (min-width:1101px){
  #trust .trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (min-width:901px) and (max-width:1100px){
  #trust .trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
  #trust .trust-card{padding:22px 16px!important;min-height:300px!important;}
}
@media (max-width:900px){
  #trust .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #journey .journey-steps{grid-template-columns:1fr!important;}
}
@media (max-width:600px){
  #trust .trust-grid{grid-template-columns:1fr!important;}
}



/* FINAL DESIGN AUDIT — unify remaining cool tones and improve hierarchy */
:root{--arham-red:#ff3b45;--arham-red-2:#ff6b86;--arham-ink:#080808;--arham-panel:#111;--arham-text:#f7f4f2;--arham-muted:#aaa4a2;}
/* Journey: transparent, airy track and no filled hover glow */
.journey-shell{background:transparent!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important;}
.journey-shell::after{background:conic-gradient(from 30deg,rgba(255,59,69,.14),rgba(255,107,134,.08),transparent 65%)!important;}
.journey-livebar{background:transparent!important;border-bottom-color:rgba(255,255,255,.07)!important;}
.journey-livebar>span,.journey-livebar>span i,.journey-livebar strong,.journey-livebar em{color:inherit!important;}
.journey-livebar>span i{background:var(--arham-red)!important;}
.journey-rail{background:transparent!important;}
.journey-rail::before{background:rgba(255,255,255,.12)!important;box-shadow:none!important;}
.journey-pulse{background:transparent!important;border:3px solid var(--arham-red)!important;box-shadow:0 0 0 5px rgba(255,59,69,.06),0 0 18px rgba(255,59,69,.22)!important;}
.journey-step{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.08)!important;}
.journey-step::before{background:transparent!important;}
.journey-step:hover,.journey-step.active{background:rgba(255,255,255,.035)!important;box-shadow:none!important;}
.journey-footer{background:transparent!important;border-top:1px solid rgba(255,255,255,.07)!important;}
.journey-footer>div>span{background:transparent!important;color:var(--arham-red)!important;border:1px solid rgba(255,59,69,.35)!important;box-shadow:none!important;}
/* Results: premium dark analytics presentation */
.results-section{background:linear-gradient(180deg,#070707,#0b0b0b)!important;}
.results-intro-note{background:#0e0e0e!important;color:#c1bbb8!important;border-color:rgba(255,59,69,.18)!important;}
.proof-summary{background:linear-gradient(145deg,#121212,#0b0b0b)!important;border-color:rgba(255,59,69,.2)!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important;}
.proof-summary::before{background:radial-gradient(circle,rgba(255,59,69,.20),transparent 68%)!important;}
.proof-kicker{color:var(--arham-red-2)!important}.proof-kicker i{background:var(--arham-red)!important;box-shadow:0 0 0 6px rgba(255,59,69,.08)!important}
.proof-summary>p,.proof-stat span{color:#aaa4a2!important}.proof-stat{background:rgba(255,255,255,.028)!important;border-color:rgba(255,255,255,.08)!important}.proof-stat strong{color:#fff!important}.proof-linkedin{color:#fff!important;border-top-color:rgba(255,59,69,.2)!important}.proof-linkedin:hover{color:var(--arham-red-2)!important}.linkedin-icon{background:var(--arham-red)!important;color:#090909!important}
.results-browser{background:#0d0d0d!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 30px 80px rgba(0,0,0,.42)!important}
.results-browser::after{background:linear-gradient(90deg,transparent,rgba(255,59,69,.04),rgba(255,59,69,.18),transparent)!important}
.results-browser-top{background:#101010!important;border-bottom-color:rgba(255,255,255,.07)!important}.browser-dots i{background:#3a3a3a!important}.browser-dots i:nth-child(1){background:var(--arham-red)!important}.results-live-label{color:#d5cfcc!important}.results-live-label i{background:var(--arham-red)!important;box-shadow:0 0 0 5px rgba(255,59,69,.08)!important}
.results-tabs{background:#0d0d0d!important;border-bottom-color:rgba(255,255,255,.07)!important}.result-tab{background:#171717!important;color:#9f9996!important;border-color:rgba(255,255,255,.06)!important}.result-tab:hover{color:#fff!important}.result-tab.active{background:linear-gradient(135deg,#ff3b45,#a91f35)!important;color:#fff!important;box-shadow:0 8px 20px rgba(255,59,69,.2)!important}
.results-stage{background:#0a0a0a!important}.result-image-shell{background:#111!important;border-color:rgba(255,255,255,.08)!important}.result-image-shell::before{box-shadow:inset 0 0 0 1px rgba(255,59,69,.08)!important}.result-caption h4{color:#f7f4f2!important}.result-caption p{color:#9f9996!important}.result-source{color:var(--arham-red-2)!important}
/* Final CTA: remove legacy blue/purple gradients completely */
.final-cta-section{background:#070707!important}.final-cta-shell{background:radial-gradient(circle at 85% 18%,rgba(255,59,69,.18),transparent 30%),radial-gradient(circle at 12% 84%,rgba(255,59,69,.10),transparent 34%),linear-gradient(135deg,#0c0c0c,#151515)!important;box-shadow:0 34px 90px rgba(0,0,0,.42)!important;border:1px solid rgba(255,59,69,.18)!important}
.final-cta-grid{background-image:linear-gradient(rgba(255,59,69,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,59,69,.055) 1px,transparent 1px)!important}.final-cta-orb.orb-two{background:rgba(255,59,69,.10)!important}.final-cta-eyebrow{color:#f1e8e6!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,59,69,.22)!important}.final-cta-eyebrow i{background:var(--arham-red)!important;box-shadow:0 0 0 5px rgba(255,59,69,.08)!important}.final-cta-copy p{color:#b4adaa!important}.final-cta-primary{color:#fff!important;background:linear-gradient(135deg,#ff3b45,#c9273d)!important;box-shadow:0 16px 36px rgba(255,59,69,.22)!important}.final-cta-email{color:var(--arham-red-2)!important}.final-cta-trust b{color:var(--arham-red)!important}.radar-sweep{background:linear-gradient(90deg,transparent,var(--arham-red))!important}.radar-core{background:#111!important;border-color:var(--arham-red)!important;color:#fff!important}.radar-node i{background:var(--arham-red)!important;box-shadow:0 0 0 5px rgba(255,59,69,.08)!important}.radar-ring{border-color:rgba(255,59,69,.2)!important}
/* Global legacy-link/color cleanup in dark sections */
.dark-section a,.results-section a,.final-cta-section a{color:var(--arham-red-2)}
.dark-section a:hover,.results-section a:hover,.final-cta-section a:hover{color:#fff}


\n/* FINAL VISUAL + LAYOUT AUDIT */\n:root{--arham-red:#ff3b45;--arham-red-2:#ff6b86;--arham-bg:#070707;--arham-surface:#101010;--arham-muted:#aaa4a2;--arham-white:#f7f4f2;}\nhtml{background:#070707;overflow-x:hidden;}\nbody{background:#070707!important;color:var(--arham-white)!important;}\nmain,section,header,footer,article,aside,nav{max-width:100%;}\n.container{width:min(calc(100% - 40px),1160px);margin-inline:auto;}\nimg,svg,video,canvas{max-width:100%;}\nbutton,a,input,textarea,select{min-width:0;}\n/* prevent card content from escaping */\n.pain-card,.trust-card,.service-card-dark,.process-card,.process-step,.journey-step,.proof-stat,.usa-proof-fact,.insight-card,.faq-item,.contact-card,.contact-email-card,.about-card,.audit-box,.lab-output-card,.contact-point,.results-browser,.results-card,.final-cta-shell{min-width:0;overflow:hidden;}\n.pain-card *, .trust-card *, .service-card-dark *, .process-card *, .process-step *, .journey-step *, .proof-stat *, .usa-proof-fact *, .insight-card *, .faq-item *, .contact-card *, .contact-email-card *, .about-card *, .audit-box *, .lab-output-card *, .contact-point *, .results-browser *, .results-card *, .final-cta-shell *{min-width:0;max-width:100%;}\n.pain-card h3,.pain-card p,.trust-card h3,.trust-card p,.service-card-dark h3,.service-card-dark p,.process-card h3,.process-card p,.process-step h3,.process-step p,.journey-step h3,.journey-step p,.proof-stat span,.usa-proof-fact strong,.usa-proof-fact span,.insight-card h3,.insight-card p,.faq-question span,.faq-answer p,.contact-card p,.about-card p,.audit-box li,.lab-output-card p,.contact-point strong,.contact-point span,.result-caption h4,.result-caption p{overflow-wrap:anywhere;word-break:normal;}\n/* A Clearer Way to Work: exactly four equal cards on desktop */\n#trust .trust-grid,.trust-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;}\n#trust .trust-card{height:100%!important;display:flex!important;flex-direction:column!important;}\n#trust .trust-card p{flex:1;}\n/* Growth Lab */\n#growth-lab .lab-console,#growth-lab .lab-selector{box-shadow:0 24px 70px rgba(0,0,0,.38)!important;border-color:rgba(255,59,69,.14)!important;}\n#growth-lab *{--blue:#ff3b45!important;--blue-dark:#c9273d!important;--purple:#ff5a78!important;--purple-soft:#ff8a98!important;--success:#ff3b45!important;}\n/* Journey: transparent rail and transparent moving pulse */\n#journey .journey-shell{background:transparent!important;border:0!important;box-shadow:none!important;}\n#journey .journey-livebar{background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.07)!important;}\n#journey .journey-rail{background:transparent!important;}\n#journey .journey-rail::before{background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,59,69,.34),rgba(255,255,255,.08))!important;box-shadow:none!important;}\n#journey .journey-pulse{background:transparent!important;border:2px solid var(--arham-red)!important;box-shadow:0 0 0 5px rgba(255,59,69,.05)!important;}\n#journey .journey-step:hover,#journey .journey-step.active{background:rgba(255,255,255,.025)!important;box-shadow:none!important;}\n#journey .journey-step::before,#journey .journey-step::after{background:none!important;box-shadow:none!important;}\n#journey .journey-footer{background:transparent!important;border-top:1px solid rgba(255,255,255,.07)!important;}\n/* Results */\n#results .results-browser{border-radius:24px!important;background:#0b0b0b!important;}\n#results .proof-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;}\n#results .proof-stat{height:100%!important;display:flex!important;align-items:center!important;}\n#results .result-caption{min-width:0;}\n#results .result-caption h4,#results .result-caption p{overflow-wrap:anywhere;}\n/* FAQ: never inherit legacy blue on hover */\n#faq .faq-question,#faq .faq-question span{color:#f2efed!important;}\n#faq .faq-item:hover .faq-question span,#faq .faq-question:hover span{color:var(--arham-red-2)!important;}\n#faq .faq-question i{color:var(--arham-red-2)!important;background:#151515!important;}\n#faq .faq-item.open .faq-question i{background:var(--arham-red)!important;color:#090909!important;}\n/* Final CTA: only black/red */\n#final-cta .final-cta-shell{background:radial-gradient(circle at 85% 18%,rgba(255,59,69,.16),transparent 30%),linear-gradient(135deg,#0b0b0b,#141414)!important;}\n#final-cta .final-cta-signal span{background:linear-gradient(90deg,transparent,var(--arham-red),transparent)!important;filter:drop-shadow(0 0 8px rgba(255,59,69,.55))!important;}\n#final-cta .radar-ring{border-color:rgba(255,59,69,.18)!important;}\n#final-cta .radar-sweep{background:linear-gradient(90deg,transparent,var(--arham-red))!important;}\n#final-cta a,#final-cta .final-cta-email{color:var(--arham-red-2)!important;}\n/* Global links: eliminate inherited blue/purple */\na{accent-color:var(--arham-red);}\n.dark-section a,.results-section a,.final-cta-section a,#faq a,#contact a{color:var(--arham-red-2)!important;}\n/* neutral text */\n.section-copy,.hero-note,.hero-email-link,.trust-card p,.results-card p,.insight-card p,.faq-answer p,.about-card p,.journey-step p,.usa-proof-fact span,.proof-stat span{color:#aaa4a2!important;}\n/* responsive cards */\n@media(max-width:900px){#trust .trust-grid,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#results .proof-stats{grid-template-columns:1fr!important;}}\n@media(max-width:600px){.container{width:min(calc(100% - 28px),1160px);}#trust .trust-grid,.trust-grid{grid-template-columns:1fr!important;}.journey-steps{grid-template-columns:1fr!important;}.service-grid-dark{grid-template-columns:1fr!important;}}


/* V11 contact + Instagram polish */
.contact-email-card{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  padding:20px 22px!important;
  margin-top:24px!important;
  background:linear-gradient(135deg,#111 0%,#0a0a0a 100%)!important;
  border:1px solid rgba(255,59,69,.28)!important;
  border-radius:18px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28), inset 0 0 30px rgba(255,59,69,.035)!important;
  color:#fff!important;
  text-decoration:none!important;
  min-width:0!important;
}
.contact-email-card>span{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:rgba(255,59,69,.10)!important;border:1px solid rgba(255,59,69,.26)!important;color:#ff4f5f!important;font-size:1.1rem!important}
.contact-email-card div{min-width:0!important}
.contact-email-card small{display:block!important;color:#aaa!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;margin-bottom:5px!important}
.contact-email-card strong{display:block!important;color:#fff!important;font-size:1rem!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.contact-email-card i{font-style:normal!important;color:#ff4f5f!important;font-size:1.15rem!important}
.contact-email-card:hover{border-color:rgba(255,79,95,.65)!important;transform:translateY(-2px);box-shadow:0 22px 55px rgba(255,59,69,.10)!important}
.contact-social-card{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  gap:15px!important;
  align-items:center!important;
  margin-top:14px!important;
  padding:16px 18px!important;
  border-radius:17px!important;
  background:#0d0d0d!important;
  border:1px solid rgba(255,255,255,.09)!important;
  min-width:0!important;
}
.contact-social-card .social-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(255,59,69,.09);border:1px solid rgba(255,59,69,.24);color:#ff4f5f;font-size:1.45rem;font-weight:700}
.contact-social-card>div:nth-child(2){min-width:0}
.contact-social-card small{display:block;color:#8f8f8f;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:4px}
.contact-social-card strong{display:block;color:#fff;font-size:.92rem;line-height:1.35;overflow-wrap:anywhere}
.contact-social-card p{margin:4px 0 0;color:#a8a8a8;font-size:.75rem;line-height:1.45}
.contact-social-card>a{color:#ff4f5f!important;text-decoration:none!important;font-size:.76rem;font-weight:800;white-space:nowrap}
.contact-social-card>a:hover{color:#fff!important}
.contact-points{margin-top:18px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.contact-point{height:100%!important;min-width:0!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;padding:16px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:#0d0d0d!important;color:#a9a9a9!important;font-size:.78rem!important;line-height:1.55!important}
.contact-point>div{min-width:0!important}
.contact-point strong{color:#fff!important;font-size:.82rem!important}
.contact-point span{width:34px!important;height:34px!important;background:rgba(255,59,69,.09)!important;border:1px solid rgba(255,59,69,.22)!important;color:#ff4f5f!important;border-radius:10px!important}
.contact-point br{display:none!important}
.footer-instagram{color:#ff4f5f!important}
.footer-instagram:hover{color:#fff!important}
.footer-social-label{color:#ff4f5f!important}
@media(max-width:900px){.contact-points{grid-template-columns:1fr!important}.contact-social-card{grid-template-columns:42px minmax(0,1fr) auto!important}.contact-social-card .social-icon{width:42px;height:42px}.contact-email-card{grid-template-columns:42px minmax(0,1fr) auto!important}.contact-email-card>span{width:42px;height:42px}}
@media(max-width:560px){.contact-email-card,.contact-social-card{grid-template-columns:40px minmax(0,1fr)!important}.contact-email-card i,.contact-social-card>a{grid-column:2;justify-self:start;margin-top:3px}.contact-email-card>span,.contact-social-card .social-icon{width:40px;height:40px}}



:root{--arham-red:#ff3b45;--arham-red-2:#ff6b7a;--arham-red-deep:#c91f35;--arham-white:#f7f4f2;--arham-muted:#aaa4a2}
.brand-logo{width:46px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(255,59,69,.10))!important}.footer .brand-logo{width:58px!important}.side-logo img{width:38px!important;height:auto!important}.brand-logo-shell,.side-logo{background:#070707!important;border-color:rgba(255,59,69,.14)!important}
#journey .journey-shell{background:rgba(7,7,7,.34)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)!important;backdrop-filter:blur(8px)}
#journey .journey-shell::after{background:conic-gradient(from 30deg,rgba(255,59,69,.12),rgba(255,107,122,.05),transparent 66%)!important}
#journey .journey-rail{height:54px!important;margin:8px 12% -4px!important;background:rgba(255,59,69,.12)!important;border-top:1px solid rgba(255,59,69,.20)!important;border-bottom:1px solid rgba(255,59,69,.10)!important}
#journey .journey-rail::before{background:linear-gradient(90deg,rgba(255,59,69,.18),rgba(255,59,69,.72),rgba(255,107,122,.18))!important}
#journey .journey-pulse{width:18px!important;height:18px!important;background:transparent!important;border:3px solid #ff5a68!important;box-shadow:0 0 0 6px rgba(255,59,69,.08),0 0 22px rgba(255,59,69,.30)!important}
#journey .journey-step{min-width:0!important;overflow:hidden!important}#journey .journey-step h3,#journey .journey-step p{max-width:100%!important;overflow-wrap:anywhere!important}
#results.results-section{position:relative!important;background:radial-gradient(circle at 7% 15%,rgba(255,59,69,.10),transparent 24%),radial-gradient(circle at 94% 82%,rgba(255,107,122,.06),transparent 25%),linear-gradient(180deg,#070707 0%,#0b0b0b 55%,#070707 100%)!important}
#results .results-head{position:relative;z-index:2}#results .results-intro-note{max-width:390px!important;padding:18px 20px!important;border:1px solid rgba(255,59,69,.18)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,59,69,.075),rgba(255,255,255,.025))!important;color:#aaa4a2!important;box-shadow:0 18px 50px rgba(0,0,0,.24)!important}#results .results-intro-note strong{display:block!important;margin-bottom:5px!important;color:#ff6675!important}
#results .results-proof-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.58fr)!important;gap:22px!important;align-items:stretch!important}
#results .proof-summary{min-width:0!important;background:radial-gradient(circle at 88% 8%,rgba(255,59,69,.22),transparent 27%),linear-gradient(145deg,#16090b 0%,#0f0f0f 58%,#12090b 100%)!important;border:1px solid rgba(255,59,69,.24)!important;border-radius:28px!important;box-shadow:0 30px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035)!important}
#results .proof-summary::before{background:linear-gradient(135deg,rgba(255,59,69,.22),rgba(255,107,122,.04))!important}#results .proof-summary::after{content:"";position:absolute;left:30px;right:30px;bottom:22px;height:1px;background:linear-gradient(90deg,rgba(255,59,69,.45),transparent);opacity:.55}
#results .proof-kicker{color:#ff6675!important}#results .proof-kicker i{background:#ff3b45!important;box-shadow:0 0 0 6px rgba(255,59,69,.08)!important}#results .proof-summary h3{font-size:clamp(2rem,3.1vw,2.75rem)!important;line-height:1.02!important;color:#fff!important}#results .proof-summary>p{color:#b2abaa!important}
#results .proof-stats{gap:12px!important}#results .proof-stat{grid-template-columns:96px minmax(0,1fr)!important;min-height:82px!important;background:linear-gradient(145deg,rgba(255,59,69,.075),rgba(255,255,255,.025))!important;border:1px solid rgba(255,59,69,.16)!important;border-radius:18px!important}#results .proof-stat strong{font-size:1.65rem!important;color:#fff!important}#results .proof-stat span{color:#b8b0ae!important;overflow-wrap:anywhere!important}#results .proof-linkedin{color:#d8d1cf!important;border-top-color:rgba(255,255,255,.10)!important}#results .linkedin-icon{background:#ff3b45!important;color:#080808!important}
#results .results-browser{border:1px solid rgba(255,59,69,.22)!important;border-radius:28px!important;background:linear-gradient(145deg,#111,#090909)!important;box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)!important;overflow:hidden!important}#results .results-browser-top{min-height:58px!important;padding:0 20px!important;background:#0e0e0e!important;border-bottom:1px solid rgba(255,255,255,.08)!important}#results .browser-dots i:nth-child(1){background:#ff3b45!important}#results .browser-dots i:nth-child(2),#results .browser-dots i:nth-child(3){background:#343434!important}#results .results-live-label{color:#ff6675!important}#results .results-live-label i{background:#ff3b45!important;box-shadow:0 0 0 5px rgba(255,59,69,.08)!important}
#results .results-tabs{display:flex!important;gap:8px!important;padding:16px 18px 12px!important;background:#0b0b0b!important;border-bottom:1px solid rgba(255,255,255,.06)!important;flex-wrap:wrap!important}#results .result-tab{border:1px solid rgba(255,255,255,.08)!important;background:#121212!important;color:#a9a4a2!important;border-radius:12px!important;padding:10px 15px!important;font-weight:750!important}#results .result-tab.active{background:linear-gradient(135deg,#ff3b45,#ff6573)!important;color:#090909!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(255,59,69,.18)!important}
#results .results-stage{padding:16px!important;background:#0a0a0a!important}#results .result-image-shell{border:1px solid rgba(255,59,69,.18)!important;border-radius:20px!important;background:#0e0e0e!important;padding:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.30)!important;overflow:hidden!important}#results .result-image-shell img{width:100%!important;height:auto!important;display:block!important;border-radius:13px!important;filter:saturate(.68) contrast(1.03) brightness(.90)!important}#results .result-caption{padding:15px 4px 4px!important}#results .result-caption h4{color:#f7f4f2!important}#results .result-caption p{color:#9f9997!important}#results .result-caption a{color:#ff6675!important;background:rgba(255,59,69,.07)!important;border:1px solid rgba(255,59,69,.16)!important}
#contact .contact-grid-v12{align-items:start!important}#contact .contact-grid-v12>.contact-points{grid-column:1 / -1!important;width:100%!important;margin-top:4px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
#contact .contact-point{min-width:0!important;min-height:150px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;padding:22px!important;border-radius:20px!important;background:linear-gradient(145deg,#111,#0b0b0b)!important;border:1px solid rgba(255,255,255,.09)!important;color:#a9a4a2!important;line-height:1.65!important}#contact .contact-point:hover{transform:translateY(-5px)!important;border-color:rgba(255,59,69,.34)!important;box-shadow:0 22px 55px rgba(0,0,0,.32)!important}#contact .contact-point span{width:44px!important;height:44px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:rgba(255,59,69,.07)!important;border:1px solid rgba(255,59,69,.24)!important;color:#ff6675!important;font-size:.78rem!important;font-weight:850!important}#contact .contact-point strong{display:block!important;margin-bottom:6px!important;color:#fff!important;font-size:1rem!important;line-height:1.25!important}#contact .contact-point br{display:none!important}#contact .contact-point>div{min-width:0!important;overflow-wrap:anywhere!important}#contact .contact-email-card strong{color:#ff6675!important}
.footer a[href^="mailto:"],.footer a[href*="linkedin.com"]{color:#b5afad!important}.footer a[href^="mailto:"]:hover,.footer a[href*="linkedin.com"]:hover{color:#fff!important}
@media(max-width:980px){#contact .contact-grid-v12>.contact-points{grid-template-columns:1fr 1fr!important}}@media(max-width:620px){#contact .contact-grid-v12>.contact-points{grid-template-columns:1fr!important}#results .results-proof-grid{grid-template-columns:1fr!important}#results .results-stage{padding:10px!important}#results .results-browser-top{padding:0 14px!important}#journey .journey-rail{margin-left:6%!important;margin-right:6%!important}}



/* V16 recovery performance safeguards — preserves the V12 visual system. */
img { max-width: 100%; height: auto; }
.service-card-dark, .service-card, .journey-step, .pain-card, .process-card, .trust-card, .insight-card, .faq-item, .contact-point, .contact-social-card { min-width: 0; }
.service-card-dark *, .service-card *, .journey-step *, .pain-card *, .process-card *, .trust-card *, .insight-card *, .faq-item *, .contact-point *, .contact-social-card * { overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}



/* V17 — requested brand/logo, About portrait, and lightweight hero motion */

/* Brand logo: use the supplied logo cleanly without distortion. */
.brand-logo,
.footer .brand-logo,
.side-logo img {
  object-fit: contain !important;
  object-position: center !important;
  height: auto !important;
}
.brand-logo-shell::after,
.footer .brand-logo-shell::after {
  background: radial-gradient(circle, rgba(255,51,95,.20), transparent 70%) !important;
}

/* About portrait — the supplied personal image is now the visual centerpiece. */
#about .about-photo-wrap {
  display: block !important;
  min-height: 540px !important;
  position: relative !important;
}
#about .about-photo-card {
  display: block !important;
  position: absolute !important;
  left: 7% !important;
  top: 4% !important;
  width: 78% !important;
  height: 92% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background: #0d0d0d !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 35px 90px rgba(0,0,0,.45), 0 0 70px rgba(255,35,83,.09) !important;
  transform: rotate(-1.2deg) !important;
  transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease !important;
}
#about .about-photo-wrap:hover .about-photo-card {
  transform: rotate(0deg) translateY(-5px) !important;
  border-color: rgba(255,59,69,.30) !important;
  box-shadow: 0 42px 100px rgba(0,0,0,.52), 0 0 90px rgba(255,35,83,.13) !important;
}
#about .about-photo {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 28px !important;
  filter: saturate(.90) contrast(1.04) brightness(.88) !important;
  z-index: 1 !important;
}
#about .about-photo-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,.02) 30%, rgba(0,0,0,.62) 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
#about .photo-sheen {
  z-index: 3 !important;
}
#about .photo-corner-label {
  position: absolute;
  left: 22px;
  bottom: 20px;
  z-index: 4;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  background: rgba(8,8,8,.76);
  color: #ff6b86;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .13em;
  backdrop-filter: blur(8px);
}
#about .photo-chip { z-index: 6 !important; }

/* Hero motion: subtle search/visibility signal behind the supplied portrait. */
.hero-portrait-wrap { isolation: isolate !important; }
.hero-signal-visual {
  position: absolute;
  width: min(620px, 120%);
  aspect-ratio: 1;
  right: -8%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 0;
  opacity: .95;
}
.hero-signal-orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(255,59,69,.14);
  border-radius: 50%;
  transform: translate(-50%,-50%);
}
.hero-signal-orbit.orbit-a { width: 82%; height: 82%; animation: heroOrbitSpin 22s linear infinite; }
.hero-signal-orbit.orbit-b { width: 62%; height: 62%; border-color: rgba(255,107,134,.17); animation: heroOrbitSpinReverse 16s linear infinite; }
.hero-signal-orbit.orbit-c { width: 42%; height: 42%; border-style: dashed; border-color: rgba(255,59,69,.20); animation: heroOrbitPulse 5s ease-in-out infinite; }
.hero-signal-core {
  position: absolute;
  left: 50%; top: 50%;
  width: 74px; height: 74px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  border: 1px solid rgba(255,107,134,.42);
  background: radial-gradient(circle, rgba(255,59,69,.24), rgba(255,59,69,.05) 45%, transparent 72%);
  box-shadow: 0 0 55px rgba(255,59,69,.16);
  animation: heroCorePulse 3.8s ease-in-out infinite;
}
.hero-signal-sweep {
  position: absolute;
  left: 50%; top: 50%;
  width: 47%; height: 1px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(255,59,69,.0), rgba(255,59,69,.65), rgba(255,107,134,.0));
  animation: heroSweep 5.5s linear infinite;
}
.hero-signal-node {
  position: absolute;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #ff3b45;
  box-shadow: 0 0 18px rgba(255,59,69,.72);
}
.hero-signal-node.node-a { left: 15%; top: 31%; animation: heroNodeFloat 4.4s ease-in-out infinite; }
.hero-signal-node.node-b { right: 13%; top: 23%; animation: heroNodeFloat 5.2s ease-in-out .7s infinite; }
.hero-signal-node.node-c { right: 18%; bottom: 20%; animation: heroNodeFloat 4.8s ease-in-out 1.1s infinite; }

@keyframes heroOrbitSpin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes heroOrbitSpinReverse { to { transform: translate(-50%,-50%) rotate(-360deg); } }
@keyframes heroOrbitPulse { 0%,100% { opacity:.45; transform:translate(-50%,-50%) scale(.97); } 50% { opacity:1; transform:translate(-50%,-50%) scale(1.03); } }
@keyframes heroCorePulse { 0%,100% { transform:translate(-50%,-50%) scale(.92); opacity:.72; } 50% { transform:translate(-50%,-50%) scale(1.06); opacity:1; } }
@keyframes heroSweep { from { transform:rotate(-35deg); opacity:0; } 15% { opacity:1; } 70% { opacity:.7; } to { transform:rotate(325deg); opacity:0; } }
@keyframes heroNodeFloat { 0%,100% { transform:translateY(0); opacity:.65; } 50% { transform:translateY(-9px); opacity:1; } }

@media (max-width: 980px) {
  .hero-signal-visual { width: min(560px, 105%); right: -4%; opacity: .65; }
  #about .about-photo-wrap { min-height: 500px !important; }
}
@media (max-width: 760px) {
  .hero-signal-visual { width: 460px; right: 50%; transform: translate(50%,-50%); opacity: .42; }
  #about .about-photo-wrap { min-height: 450px !important; }
  #about .about-photo-card { left: 5% !important; width: 90% !important; height: 88% !important; top: 6% !important; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-signal-orbit,
  .hero-signal-core,
  .hero-signal-sweep,
  .hero-signal-node { animation: none !important; }
}



/* V18: logo + hero visual repair */
.brand-logo-shell{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;flex:0 0 42px!important;overflow:hidden!important;border-radius:10px!important;background:#080808!important;}
.brand-logo{display:block!important;width:38px!important;height:38px!important;object-fit:contain!important;object-position:center!important;border-radius:8px!important;}
.brand-name{color:#f7f4f2!important;}
.hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)!important;gap:52px!important;}
.hero-visual-wrap{position:relative!important;min-height:560px!important;width:min(100%,620px)!important;margin-inline:auto!important;display:grid!important;place-items:center!important;isolation:isolate!important;overflow:visible!important;}
.hero-visual-wrap::before{content:"";position:absolute;inset:8% 3%;border-radius:50%;background:radial-gradient(circle,rgba(255,59,69,.12),transparent 58%);filter:blur(12px);z-index:-2;}
.hero-visual-grid{position:absolute;inset:7% 4%;border-radius:34px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,#000 20%,transparent 78%);opacity:.72;z-index:-1;}
.hero-visual-orbit{position:absolute;border:1px solid rgba(255,59,69,.24);border-radius:50%;transform:rotate(-18deg);will-change:transform;}
.hero-visual-orbit::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#ff3b45;box-shadow:0 0 18px rgba(255,59,69,.8);top:12%;left:8%;}
.orbit-one{width:78%;height:47%;animation:v18Orbit 13s linear infinite;}
.orbit-two{width:62%;height:76%;transform:rotate(52deg);border-color:rgba(255,107,134,.20);animation:v18OrbitReverse 17s linear infinite;}
.orbit-three{width:44%;height:44%;border-style:dashed;border-color:rgba(255,59,69,.30);animation:v18PulseOrbit 5s ease-in-out infinite;}
.hero-visual-sweep{position:absolute;width:44%;height:44%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 76%,rgba(255,59,69,.55) 83%,transparent 90%);mask:radial-gradient(circle,transparent 61%,#000 62%);animation:v18Sweep 4.8s linear infinite;}
.hero-visual-core{position:relative;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#211013 0%,#0c0c0c 58%,#080808 100%);border:1px solid rgba(255,59,69,.45);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 55px rgba(255,59,69,.14),0 25px 80px rgba(0,0,0,.45);z-index:3;animation:v18CoreFloat 4.8s ease-in-out infinite;}
.hero-visual-core .core-ring{position:absolute;inset:15px;border:1px solid rgba(255,59,69,.20);border-radius:50%;animation:v18CoreRing 3.8s ease-in-out infinite;}
.hero-visual-core strong{font-size:2.5rem;line-height:1;letter-spacing:-.06em;color:#fff;}
.hero-visual-core small{margin-top:9px;font-size:.58rem;line-height:1.35;letter-spacing:.18em;color:#ff6b86;font-weight:800;}
.hero-visual-node{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,59,69,.22);border-radius:999px;background:rgba(10,10,10,.88);box-shadow:0 15px 40px rgba(0,0,0,.35);backdrop-filter:blur(5px);z-index:4;animation:v18NodeFloat 4.5s ease-in-out infinite;}
.hero-visual-node b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,59,69,.12);color:#ff6b86;font-size:.68rem;}
.hero-visual-node span{font-size:.68rem;letter-spacing:.12em;color:#f4f1ef;font-weight:800;}
.node-search{left:3%;top:26%;}.node-trust{right:2%;top:20%;animation-delay:.7s;}.node-grow{right:7%;bottom:18%;animation-delay:1.3s;}
.hero-visual-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,59,69,.45),transparent);transform-origin:left center;z-index:1;animation:v18LinePulse 3.8s ease-in-out infinite;}
.line-a{width:32%;left:17%;top:39%;transform:rotate(17deg);}.line-b{width:29%;right:14%;top:38%;transform:rotate(151deg);animation-delay:.8s;}.line-c{width:25%;right:18%;bottom:29%;transform:rotate(-147deg);animation-delay:1.4s;}
.hero-visual-caption{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0b0b0b;color:#aaa4a2;font-size:.72rem;box-shadow:0 15px 35px rgba(0,0,0,.3);z-index:5;}
.hero-visual-caption i{width:7px;height:7px;border-radius:50%;background:#ff3b45;box-shadow:0 0 12px rgba(255,59,69,.7);animation:v18DotPulse 1.8s ease-in-out infinite;}
.hero-visual-caption b{color:#ff6b86;font-size:.62rem;letter-spacing:.12em;}
@keyframes v18Orbit{to{transform:rotate(342deg)}}
@keyframes v18OrbitReverse{to{transform:rotate(-308deg)}}
@keyframes v18PulseOrbit{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@keyframes v18Sweep{to{transform:rotate(360deg)}}
@keyframes v18CoreFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes v18CoreRing{0%,100%{transform:scale(.92);opacity:.4}50%{transform:scale(1);opacity:1}}
@keyframes v18NodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes v18LinePulse{0%,100%{opacity:.2}50%{opacity:.75}}
@keyframes v18DotPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,59,69,.45)}50%{box-shadow:0 0 0 7px rgba(255,59,69,0)}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr!important;gap:30px!important}.hero-visual-wrap{min-height:470px!important;width:min(100%,620px)!important;}.hero-copy{max-width:850px!important;}}
@media(max-width:650px){.hero-visual-wrap{min-height:390px!important}.hero-visual-core{width:145px;height:145px}.hero-visual-core strong{font-size:2rem}.hero-visual-node{padding:7px 9px}.hero-visual-node b{width:24px;height:24px}.hero-visual-node span{font-size:.55rem}.node-search{left:0}.node-trust{right:0}.node-grow{right:2%}.hero-visual-caption{font-size:.62rem;bottom:1%;}.hero-visual-caption b{display:none}}
@media(prefers-reduced-motion:reduce){.hero-visual-orbit,.hero-visual-sweep,.hero-visual-core,.hero-visual-core .core-ring,.hero-visual-node,.hero-visual-line,.hero-visual-caption i{animation:none!important}}



/* V7 — full visual audit: eliminate legacy cool tones, fix alignment/contrast */
:root{
  --blue:#ff3b45 !important;
  --blue-dark:#d92835 !important;
  --purple:#ff6b86 !important;
  --purple-soft:#ff8a98 !important;
  --success:#ff3b45 !important;
  --primary:#ff3b45 !important;
  --text:#f7f4f2 !important;
  --muted:#aaa4a2 !important;
  --line:rgba(255,255,255,.10) !important;
  --bg:#080808 !important;
  --surface:#101010 !important;
  --surface-2:#151515 !important;
}
/* Common legacy text/gradient tokens */
.gradient-text,
.section-title .gradient-text,
.eyebrow,
.nav-links a:hover{color:#ff5a68 !important;}
.gradient-text{
  background:linear-gradient(100deg,#ff3b45 0%,#ff6b86 62%,#ff9aa8 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
/* ---------- A CLEARER WAY TO WORK ---------- */
#trust.trust-section{
  background:
    radial-gradient(circle at 10% 12%,rgba(255,59,69,.11),transparent 28%),
    radial-gradient(circle at 90% 78%,rgba(255,107,134,.07),transparent 30%),
    #090909 !important;
  color:#f7f4f2 !important;
}
#trust.trust-section::before{border-color:rgba(255,59,69,.14)!important;}
#trust .trust-head .eyebrow{color:#ff5a68!important;background:rgba(255,59,69,.06)!important;border-color:rgba(255,59,69,.20)!important;}
#trust .trust-head .section-title{color:#f7f4f2!important;}
#trust .trust-head .section-copy{color:#aaa4a2!important;}
#trust .trust-card{
  background:linear-gradient(145deg,#111010,#0d0d0d)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.30)!important;
}
#trust .trust-card::before{background:radial-gradient(circle,rgba(255,59,69,.14),transparent 70%)!important;}
#trust .trust-card:hover{border-color:rgba(255,59,69,.34)!important;box-shadow:0 28px 70px rgba(0,0,0,.38)!important;}
#trust .trust-icon{background:linear-gradient(145deg,#1a1012,#111)!important;border-color:rgba(255,59,69,.20)!important;box-shadow:inset 0 0 0 6px rgba(255,59,69,.025)!important;}
#trust .trust-icon::before{border-color:rgba(255,59,69,.18)!important;}
#trust .trust-icon span{color:#ff6b86!important;}
#trust .trust-card h3{color:#f7f4f2!important;}
#trust .trust-card p{color:#aaa4a2!important;}
#trust .trust-ribbon{background:#0d0d0d!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 16px 45px rgba(0,0,0,.28)!important;}
#trust .trust-brand-stamp small{color:#8f8886!important;}
#trust .trust-brand-stamp strong{color:#f7f4f2!important;}
#trust .trust-ribbon>a{color:#ff6b86!important;}
/* ---------- LIVE GROWTH LAB ---------- */
#growth-lab.signal-lab-section{background:#080808!important;color:#f7f4f2!important;}
#growth-lab .lab-intro .eyebrow{color:#ff5a68!important;background:rgba(255,59,69,.06)!important;border-color:rgba(255,59,69,.22)!important;}
#growth-lab .lab-intro .section-title{color:#f7f4f2!important;}
#growth-lab .lab-intro .section-copy{color:#aaa4a2!important;}
#growth-lab .signal-lab{display:grid!important;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr)!important;gap:14px!important;align-items:stretch!important;}
#growth-lab .lab-selector{background:#0c0c0c!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;}
#growth-lab .lab-tab{background:#101010!important;border-color:rgba(255,255,255,.07)!important;color:#aaa4a2!important;}
#growth-lab .lab-tab:hover{background:#171010!important;color:#fff!important;border-color:rgba(255,59,69,.22)!important;}
#growth-lab .lab-tab.active{background:linear-gradient(145deg,#1a0e10,#101010)!important;border-color:rgba(255,59,69,.40)!important;box-shadow:inset 3px 0 #ff3b45,0 12px 30px rgba(0,0,0,.22)!important;color:#fff!important;}
#growth-lab .lab-tab .tab-index{background:#181010!important;color:#ff6b86!important;}
#growth-lab .lab-tab.active .tab-index{background:linear-gradient(135deg,#ff3b45,#ff6b86)!important;color:#080808!important;box-shadow:0 9px 22px rgba(255,59,69,.20)!important;}
#growth-lab .lab-tab b{color:#f7f4f2!important;}
#growth-lab .lab-tab small{color:#918b89!important;}
#growth-lab .lab-tab>i{background:#181010!important;color:#ff5a68!important;}
#growth-lab .lab-tab.active>i{background:#241014!important;color:#ff6b86!important;}
#growth-lab .lab-console{color:#f7f4f2!important;background:radial-gradient(circle at 72% 20%,rgba(255,59,69,.14),transparent 32%),linear-gradient(150deg,#111010 0%,#160d0f 52%,#0d0d0d 100%)!important;border:1px solid rgba(255,59,69,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 60px rgba(0,0,0,.28)!important;}
#growth-lab .lab-console::before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;}
#growth-lab .lab-console-top{color:#aaa4a2!important;}
#growth-lab .lab-console-top>span{color:#d8d0ce!important;}
#growth-lab .lab-console-top>b{color:#ff6b86!important;}
#growth-lab .lab-console-top>b i,#growth-lab .lab-status-dot{background:#ff3b45!important;box-shadow:0 0 0 5px rgba(255,59,69,.08),0 0 16px rgba(255,59,69,.45)!important;}
#growth-lab .lab-scan-stage::before{background:radial-gradient(circle,rgba(255,59,69,.14),rgba(255,59,69,.025) 48%,transparent 66%)!important;}
#growth-lab .lab-scan-line{background:linear-gradient(90deg,transparent,rgba(255,59,69,.20),#ff5a68,rgba(255,59,69,.20),transparent)!important;box-shadow:0 0 20px rgba(255,59,69,.20)!important;}
#growth-lab .lab-orbit{border-color:rgba(255,59,69,.20)!important;}
#growth-lab .lab-core{background:#151010!important;border-color:rgba(255,59,69,.45)!important;box-shadow:0 0 50px rgba(255,59,69,.18)!important;color:#ff6b86!important;}
#growth-lab .lab-node{background:#101010!important;border-color:rgba(255,59,69,.18)!important;color:#d8d0ce!important;}
#growth-lab .lab-node::after{background:#ff3b45!important;box-shadow:0 0 14px rgba(255,59,69,.42)!important;}
#growth-lab .lab-status-row{color:#aaa4a2!important;border-color:rgba(255,255,255,.07)!important;}
#growth-lab .lab-status-row em{color:#817a78!important;}
#growth-lab .lab-output-card{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.08)!important;}
#growth-lab .lab-output-card:hover{border-color:rgba(255,59,69,.24)!important;background:rgba(255,59,69,.045)!important;}
#growth-lab .lab-output-card small{color:#ff6b86!important;}
#growth-lab .lab-output-card h3{color:#f7f4f2!important;}
#growth-lab .lab-output-card p{color:#aaa4a2!important;}
#growth-lab .lab-output-card.action{background:linear-gradient(145deg,rgba(255,59,69,.10),rgba(255,107,134,.045))!important;}
#growth-lab .lab-output-card.action a{color:#ff6b86!important;}
#growth-lab .lab-meter span{background:linear-gradient(180deg,#ff6b86,#ff3b45)!important;}
/* ---------- JOURNEY IN MOTION ---------- */
#journey .journey-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;}
#journey .journey-step{width:auto!important;min-width:0!important;height:100%!important;min-height:390px!important;display:flex!important;flex-direction:column!important;}
#journey .journey-step p{flex:1!important;}
#journey .journey-livebar{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;min-height:64px!important;}
#journey .journey-livebar>span:last-child{justify-self:end!important;}
#journey .journey-livebar strong{justify-self:center!important;}
#journey .journey-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;}
#journey .journey-footer>a{justify-self:end!important;white-space:nowrap!important;}
#journey .journey-step{background:linear-gradient(145deg,#111010,#0d0d0d)!important;border-color:rgba(255,255,255,.09)!important;}
#journey .journey-step.active{background:linear-gradient(145deg,rgba(255,59,69,.12),#0e0d0d)!important;border-color:rgba(255,59,69,.42)!important;}
#journey .journey-symbol{background:#151010!important;color:#ff6b86!important;border-color:rgba(255,59,69,.18)!important;}
#journey .journey-step small,#journey .journey-step b{color:#ff6b86!important;}
#journey .journey-step h3{color:#f7f4f2!important;}
#journey .journey-step p{color:#aaa4a2!important;}
#journey .journey-rail{background:rgba(255,59,69,.14)!important;}
#journey .journey-rail::before{background:linear-gradient(90deg,rgba(255,59,69,.10),rgba(255,59,69,.62),rgba(255,107,134,.12))!important;}
#journey .journey-pulse{background:#ff3b45!important;border-color:#ff8a98!important;}
#journey .journey-footer{background:#0b0b0b!important;border-color:rgba(255,255,255,.07)!important;}
#journey .journey-footer p{color:#aaa4a2!important;}
#journey .journey-footer>a{color:#ff6b86!important;}
/* ---------- PERFORMANCE SNAPSHOTS ---------- */
#results.results-section{background:#080808!important;color:#f7f4f2!important;}
#results .results-proof-grid{display:grid!important;grid-template-columns:minmax(300px,.78fr) minmax(0,1.55fr)!important;gap:24px!important;align-items:stretch!important;}
#results .proof-summary{background:radial-gradient(circle at 86% 12%,rgba(255,59,69,.16),transparent 28%),linear-gradient(145deg,#15090b,#0e0e0e 55%,#16090c)!important;border-color:rgba(255,59,69,.22)!important;box-shadow:0 28px 70px rgba(0,0,0,.42)!important;}
#results .proof-summary::before{background:linear-gradient(135deg,rgba(255,59,69,.25),rgba(255,107,134,.10))!important;}
#results .proof-kicker{color:#ff6b86!important;}
#results .proof-kicker i{background:#ff3b45!important;box-shadow:0 0 0 6px rgba(255,59,69,.08)!important;}
#results .proof-summary>p{color:#aaa4a2!important;}
#results .proof-stat{background:rgba(255,59,69,.055)!important;border-color:rgba(255,59,69,.18)!important;}
#results .proof-stat strong{color:#fff!important;}
#results .proof-stat span{color:#aaa4a2!important;}
#results .proof-linkedin{color:#fff!important;border-top-color:rgba(255,59,69,.20)!important;}
#results .linkedin-icon{background:#ff3b45!important;color:#080808!important;}
#results .results-browser{background:#0d0d0d!important;border-color:rgba(255,59,69,.18)!important;}
#results .results-browser-top{background:#111!important;border-bottom-color:rgba(255,255,255,.07)!important;}
#results .results-live-label{color:#ff6b86!important;}
#results .results-live-label i{background:#ff3b45!important;box-shadow:0 0 12px rgba(255,59,69,.48)!important;}
#results .results-tabs{background:#0b0b0b!important;}
#results .result-tab{background:#151515!important;color:#aaa4a2!important;border-color:rgba(255,255,255,.08)!important;}
#results .result-tab.active{background:linear-gradient(135deg,#ff3b45,#ff6b86)!important;color:#080808!important;border-color:#ff3b45!important;box-shadow:0 10px 24px rgba(255,59,69,.20)!important;}
#results .results-stage{background:#0d0d0d!important;}
#results .result-panel{background:#101010!important;border-color:rgba(255,255,255,.07)!important;}
#results .result-image-shell{background:#111!important;border-color:rgba(255,59,69,.16)!important;}
#results .result-image-shell img{filter:grayscale(.88) sepia(.34) hue-rotate(305deg) saturate(1.40) contrast(1.05) brightness(.82)!important;}
#results .result-caption,#results .result-caption p{color:#aaa4a2!important;}
#results .result-caption strong{color:#f7f4f2!important;}
#results .result-caption a{background:#151010!important;border-color:rgba(255,59,69,.20)!important;color:#ff6b86!important;}
/* Kill cool SVG gradient in U.S. market and force red lines */
#usa-proof .usa-links line{stroke:#ff3b45!important;}
#usa-proof .usa-network-stage::before{background-image:radial-gradient(circle,rgba(255,107,134,.16) 1px,transparent 1px)!important;}
#usa-proof .usa-watermark{-webkit-text-stroke:1px rgba(255,107,134,.10)!important;}
/* Common old cool text colors in the audited regions */
#trust .trust-card *,#growth-lab .lab-selector *,#growth-lab .lab-console *,#journey .journey-shell *,#results .results-browser *,#usa-proof .usa-network-card *{text-shadow:none;}
/* Desktop geometry; collapse only at genuine layout breakpoints */
@media(min-width:981px){
  #journey .journey-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #growth-lab .signal-lab{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;}
  #results .results-proof-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.55fr)!important;}
}
@media(max-width:980px){
  #journey .journey-steps{grid-template-columns:1fr!important;}
  #growth-lab .signal-lab{grid-template-columns:1fr!important;}
  #results .results-proof-grid{grid-template-columns:1fr!important;}
}
@media(max-width:620px){
  #journey .journey-livebar{grid-template-columns:1fr!important;gap:8px;padding:12px 14px!important;}
  #journey .journey-livebar>*{justify-self:start!important;}
  #journey .journey-footer{grid-template-columns:1fr!important;}
  #journey .journey-footer>a{justify-self:start!important;}
}