:root { --radius: 8px; }
    .hero {
      min-height: 70vh;
      background:
        linear-gradient(90deg, rgba(5,5,5,.98), rgba(5,5,5,.78) 46%, rgba(5,5,5,.16)),
        url("images/generated/martgain-premium-growth-engine-small.jpg"),
        #050505;
      background-size: cover;
      background-position: center right;
    }
    .is-ar .hero {
      background:
        linear-gradient(270deg, rgba(5,5,5,.98), rgba(5,5,5,.78) 46%, rgba(5,5,5,.16)),
        url("images/generated/martgain-premium-growth-engine-small-rtl.jpg"),
        #050505;
      background-size: cover;
      background-position: center left;
    }
    .service-card {
      min-height: 360px;
      grid-template-rows: auto auto 1fr auto auto;
    }
    .service-card h3 a:hover { color: var(--accent); }
    .service-decision {
      display: grid;
      gap: 10px;
      padding: 14px;
      border-radius: 8px;
      background: rgba(5,5,5,.045);
      border: 1px solid rgba(5,5,5,.08);
    }
    .service-decision div {
      display: grid;
      gap: 4px;
    }
    .service-decision span {
      color: var(--accent);
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    body.is-ar .service-decision span { letter-spacing: 0; }
    .service-decision strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.45;
    }
    body.theme-dark .service-decision,
    .dark .service-decision {
      background: rgba(255,255,255,.052);
      border-color: rgba(255,255,255,.11);
    }
    body.theme-dark .service-decision strong,
    .dark .service-decision strong { color: rgba(255,255,255,.84); }
    .service-card .btn { align-self: end; }
    .service-actions {
      display: grid;
      gap: 8px;
      margin-top: auto;
    }
    .service-actions .btn {
      width: 100%;
      min-height: 46px;
    }
    .service-details {
      border: 1px solid rgba(8,8,8,.1);
      border-radius: 8px;
      background: rgba(5,5,5,.035);
      padding: 0 14px;
    }
    .service-details summary {
      min-height: 46px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      cursor: pointer;
      list-style: none;
      color: var(--ink);
      font-weight: 900;
    }
    .service-details summary::-webkit-details-marker { display: none; }
    .service-details summary::after {
      content: "+";
      color: var(--accent);
      font-size: 22px;
      line-height: 1;
    }
    .service-details[open] summary::after { content: "−"; }
    .service-details .service-decision { margin-bottom: 14px; }
    .service-details > strong { display: block; margin-bottom: 8px; }
    .service-details .service-list { padding-bottom: 14px; }
    body.theme-dark .service-details,
    .dark .service-details {
      border-color: rgba(255,255,255,.13);
      background: rgba(255,255,255,.04);
    }
    body.theme-dark .service-details summary,
    .dark .service-details summary { color: var(--white); }
    body.theme-dark .service-card .service-details summary,
    .dark .service-card .service-details summary,
    body.theme-dark .service-card .service-details .service-decision strong,
    .dark .service-card .service-details .service-decision strong,
    body.theme-dark .service-card .service-details > strong,
    .dark .service-card .service-details > strong {
      color: var(--ink);
    }
    .service-list {
      display: grid;
      gap: 8px;
      padding: 0;
      margin: 0;
      list-style: none;
    }
    .service-list li {
      padding: 10px 12px;
      border-radius: 8px;
      background: rgba(var(--accent-rgb), .1);
      color: var(--ink);
      font-weight: 800;
      font-size: 13px;
    }
    .dark-band {
      background:
        linear-gradient(180deg, #050505, #0c0c0c);
      color: #fff;
    }
    .dark-band .card p,
    .dark-band .section-intro p { color: rgba(255,255,255,.7); }
    .service-card::before {
      content: "";
      position: absolute;
      inset: 0 0 auto;
      height: 3px;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), .18), var(--accent), rgba(var(--accent-rgb), .18));
      transform: scaleX(.28);
      transform-origin: left;
      transition: transform .28s var(--ease);
    }
    body.is-ar .service-card::before { transform-origin: right; }
    .service-card:hover::before { transform: scaleX(1); }
    .service-close {
      background:
        linear-gradient(120deg, rgba(5,5,5,.96), rgba(5,5,5,.78)),
        url("images/generated/conversion-path-map-small.jpg"),
        #050505;
      background-size: cover;
      background-position: center;
      color: #fff;
    }
    .close-panel {
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 8px;
      background: rgba(255,255,255,.06);
      backdrop-filter: blur(18px);
      padding: clamp(30px, 5vw, 62px);
      max-width: 940px;
    }
    .close-panel h2 {
      font-size: clamp(38px, 6vw, 82px);
      line-height: .98;
      margin: 0;
    }
    .close-panel p {
      color: rgba(255,255,255,.74);
      font-size: 18px;
      line-height: 1.75;
      max-width: 760px;
    }
    .service-lab {
      background: #050505;
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .service-lab:before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size: 88px 88px;
      opacity: .46;
      mask-image: linear-gradient(180deg, transparent, #000 16%, #000 86%, transparent);
      pointer-events: none;
    }
    .service-lab .container { position: relative; z-index: 1; }
    .lab-grid {
      display: grid;
      grid-template-columns: minmax(0, .74fr) minmax(300px, .46fr);
      gap: 14px;
      align-items: stretch;
    }
    .lab-visual {
      min-height: 430px;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 8px;
      background:
        linear-gradient(180deg, rgba(5,5,5,.04), rgba(5,5,5,.62)),
        url("images/generated/growth-workspace-small.jpg");
      background-size: cover;
      background-position: center;
      overflow: hidden;
      position: relative;
    }
    .lab-visual:after {
      content: "";
      position: absolute;
      inset-inline: 12%;
      bottom: 22%;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--accent), transparent);
      box-shadow: 0 0 30px rgba(var(--accent-rgb), .72);
      animation: signalSlide 4.8s linear infinite;
    }
    .lab-panel {
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 8px;
      background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      padding: clamp(26px, 4vw, 46px);
      display: grid;
      align-content: space-between;
      gap: 28px;
    }
    .lab-panel h2 {
      font-size: clamp(36px, 5vw, 68px);
      line-height: 1;
      margin: 0;
    }
    .lab-panel p,
    .lab-step p {
      color: rgba(255,255,255,.7);
      line-height: 1.7;
    }
    .lab-steps {
      display: grid;
      gap: 10px;
    }
    .lab-step {
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 8px;
      background: rgba(255,255,255,.052);
      padding: 16px;
    }
    .lab-step span {
      color: var(--accent);
      font-weight: 900;
      display: block;
      margin-bottom: 8px;
    }
    .services-faq {
      background: #050505;
      color: #fff;
    }
    .services-faq .section-intro p,
    body.theme-dark .services-faq .faq-item p,
    .services-faq .faq-item p {
      color: rgba(255,255,255,.72);
    }
    .services-faq .faq-item {
      background: rgba(255,255,255,.055);
      border-color: rgba(255,255,255,.13);
    }
    @keyframes signalSlide {
      from { transform: translateX(-16%); }
      to { transform: translateX(16%); }
    }
    @media (prefers-reduced-motion: reduce) {
      .service-card::before,
      .lab-visual:after {
        transition: none !important;
        animation: none !important;
        transform: none !important;
      }
    }
    @media(max-width:560px) {
      .hero { min-height: auto; }
      .service-card { min-height: auto; }
    }
    @media(max-width:900px) {
      .lab-grid { grid-template-columns: 1fr; }
      .lab-visual { min-height: 300px; }
    }

    .soft .section-intro .kicker,
    .soft .service-card > .kicker {
      color: var(--ink);
    }

    /* Final service-card hover interaction override */
    .service-card {
      transition: transform .24s var(--ease), border-color .24s var(--ease), box-shadow .24s var(--ease);
    }

    .service-card:hover,
    .service-card:focus-within {
      box-shadow: 0 24px 70px rgba(5,5,5,.08);
    }

    @media (prefers-reduced-motion: reduce) {
      .service-card:hover,
      .service-card:focus-within {
        transform: none !important;
      }
    }