:root {
      --p-bg: #08040d;
      --p-panel: #10091a;
      --p-line: rgba(255, 255, 255, .11);
      --p-pink: #ff2db1;
      --p-violet: #7323bf;
      --p-blue: #7323bf;
      --p-copy: #aaa0b2;
    }

    * {
      box-sizing: border-box;
    }

    body.inner-page {
      background: var(--p-bg);
      font-family: "Manrope", sans-serif;
    }

    .products-main {
      overflow: hidden;
      padding-top: 92px;
      background: var(--p-bg);
      color: #fff;
    }

    .product-hero {
      position: relative;
      min-height: 535px;
      display: grid;
      place-items: center;
      padding: 78px 24px 190px;
      text-align: center;
      isolation: isolate;
    }

    .product-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background: radial-gradient(circle at 50% 15%, rgba(72, 61, 255, .2), transparent 35%), radial-gradient(circle at 9% 66%, rgba(0, 159, 255, .13), transparent 27%), radial-gradient(circle at 90% 70%, rgba(255, 31, 186, .13), transparent 27%), var(--p-bg);
    }

    .product-hero::after {
      content: "";
      position: absolute;
      z-index: -1;
      width: 680px;
      height: 680px;
      right: -230px;
      top: -250px;
      border: 1px solid rgba(120, 88, 255, .28);
      border-radius: 50%;
      box-shadow: 0 0 60px rgba(94, 47, 255, .08), inset 0 0 70px rgba(255, 45, 177, .03);
    }

    .hero-orbit {
      position: absolute;
      z-index: -1;
      width: 680px;
      height: 180px;
      left: -280px;
      bottom: 60px;
      border: 2px solid transparent;
      border-top-color: #299cff;
      border-radius: 50%;
      rotate: 18deg;
      filter: drop-shadow(0 0 10px #1479ff);
    }

    .product-kicker {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 18px;
      padding: 8px 16px;
      border: 1px solid rgba(116, 88, 255, .45);
      border-radius: 999px;
      background: rgba(36, 25, 80, .52);
      color: #c7c1ff;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .12em;
    }

    .product-kicker::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #279dff;
      box-shadow: 0 0 11px #279dff;
    }

    .product-hero h1 {
      max-width: 850px;
      margin: 0 auto 18px;
      font-size: clamp(42px, 5.5vw, 76px);
      line-height: 1.02;
      letter-spacing: -.055em;
    }

    .product-hero h1 span {
      color: transparent;
      background: linear-gradient(90deg, #13b8ff, #6865ff, #d83aff);
      background-clip: text;
      -webkit-background-clip: text;
    }

    .product-hero-copy {
      max-width: 650px;
      margin: 0 auto 27px;
      color: #aaa2b7;
      font-size: 16px;
      line-height: 1.65;
    }

    .hero-actions,
    .cta-actions {
      display: flex;
      justify-content: center;
      gap: 14px;
    }

    .product-btn {
      display: inline-flex;
      min-height: 48px;
      align-items: center;
      justify-content: center;
      gap: 18px;
      padding: 0 25px;
      border: 1px solid rgba(255, 255, 255, .16);
      border-radius: 8px;
      background: rgba(9, 7, 22, .72);
      color: #fff;
      font-size: 12px;
      font-weight: 700;
      transition: .3s ease;
    }

    .product-btn.primary {
      border-color: transparent;
      background: linear-gradient(105deg, #078dff, #7b3cff, #d627c0);
      box-shadow: 0 10px 30px rgba(91, 48, 255, .25);
    }

    .product-btn:hover {
      color: #fff;
      transform: translateY(-3px);
      border-color: rgba(255, 45, 177, .6);
      box-shadow: 0 13px 32px rgba(91, 48, 255, .25);
    }

    .metric-float {
      position: absolute;
      width: 122px;
      padding: 14px;
      border: 1px solid rgba(114, 114, 255, .25);
      border-radius: 13px;
      background: rgba(15, 12, 34, .72);
      text-align: left;
      box-shadow: 0 17px 45px rgba(0, 0, 0, .3);
      backdrop-filter: blur(12px);
    }

    .metric-float.one {
      left: 7%;
      top: 120px;
    }

    .metric-float.two {
      right: 7%;
      top: 215px;
    }

    .metric-float small {
      color: #8c849b;
      font-size: 8px;
    }

    .metric-float strong {
      display: block;
      margin: 7px 0;
      font-size: 17px;
    }

    .metric-float em {
      color: #51df91;
      font-size: 9px;
      font-style: normal;
    }

    .showcase {
      position: relative;
      z-index: 2;
      width: min(var(--site-max, 1440px), calc(100% - 48px));
      margin: -150px auto 0;
    }

    .product-stage {
      position: relative;
      display: grid;
      grid-template-columns: .48fr 1.8fr .48fr;
      gap: 16px;
      align-items: center;
    }

    .side-product,
    .featured-product {
      overflow: hidden;
      border: 1px solid rgba(128, 99, 255, .4);
      background: linear-gradient(150deg, rgba(19, 18, 47, .96), rgba(11, 6, 20, .98));
      box-shadow: 0 28px 80px rgba(0, 0, 0, .4);
    }

    .side-product {
      min-height: 475px;
      padding: 28px 20px;
      border-radius: 19px;
      opacity: .7;
      cursor: pointer;
      transition: .45s cubic-bezier(.22, 1, .36, 1);
    }

    .side-product:hover {
      opacity: 1;
      transform: translateY(-5px);
      border-color: rgba(255, 45, 177, .6);
    }

    .featured-product {
      min-height: 560px;
      display: grid;
      grid-template-columns: minmax(250px, .72fr) minmax(0, 1.45fr);
      gap: 24px;
      padding: 30px;
      border-radius: 22px;
      border-color: rgba(102, 113, 255, .8);
      box-shadow: 0 0 22px rgba(58, 98, 255, .18), 0 30px 90px rgba(0, 0, 0, .48);
    }

    .product-summary {
      display: flex;
      flex-direction: column;
    }

    .product-brand {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 25px;
      font-size: 22px;
      font-weight: 800;
    }

    .product-brand-logo { min-height: 36px; }
    .product-brand-logo img { display: block; width: auto; height: 42px; max-width: 150px; object-fit: contain; object-position: left center; }
    .product-brand-logo span { color: #fff; font: inherit; }
    .side-product .product-brand-logo img { height: 34px; max-width: 122px; }

    .product-icon {
      display: grid;
      width: 36px;
      height: 36px;
      place-items: center;
      border-radius: 9px;
      background: linear-gradient(145deg, var(--product-color, #3988ff), #6f32e8);
      box-shadow: 0 0 24px color-mix(in srgb, var(--product-color, #3988ff) 38%, transparent);
    }

    .product-summary h2 {
      margin: 0 0 10px;
      font-size: 24px;
      line-height: 1.25;
    }

    .product-summary>p {
      color: #aea4b6;
      font-size: 12px;
      line-height: 1.7;
    }

    .feature-list {
      display: grid;
      gap: 11px;
      margin: 22px 0;
      list-style: none;
    }

    .feature-list li {
      display: flex;
      gap: 9px;
      color: #d8d0df;
      font-size: 11px;
    }

    .feature-list li::before {
      content: "✓";
      display: grid;
      width: 17px;
      height: 17px;
      place-items: center;
      border-radius: 50%;
      background: rgba(44, 136, 255, .25);
      color: #64b2ff;
      font-size: 9px;
    }

    .product-summary .product-btn {
      margin-top: auto;
      align-self: flex-start;
    }

    .side-product .product-brand {
      font-size: 16px;
    }

    .side-product h3 {
      margin: 0 0 12px;
      font-size: 18px;
      line-height: 1.3;
    }

    .side-product>p {
      color: #998fa3;
      font-size: 11px;
      line-height: 1.7;
    }

    .side-product .feature-list {
      margin-top: 22px;
    }

    .side-product .product-btn {
      min-height: 40px;
      margin-top: 20px;
      padding-inline: 16px;
      font-size: 10px;
    }

    .dashboard {
      position: relative;
      min-height: 498px;
      overflow: hidden;
      padding: 16px;
      border: 1px solid rgba(88, 102, 255, .25);
      border-radius: 15px;
      background: #090d22;
    }

    .active-product-image {
      width: 100%;
      height: 100%;
      min-height: 498px;
      display: block;
      align-self: stretch;
      overflow: hidden;
      border: 1px solid rgba(88, 102, 255, .28);
      border-radius: 15px;
      background: #090d22;
      margin: 0;
    }

    .active-product-image img {
      width: 100%;
      height: 100%;
      display: block;
      box-sizing: border-box;
      padding: 18px;
      object-fit: contain;
      object-position: center;
    }

    .dash-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 34px;
      padding: 0 8px;
      border-bottom: 1px solid rgba(255, 255, 255, .06);
      color: #777f9a;
      font-size: 9px;
    }

    .dash-search {
      width: 140px;
      height: 20px;
      border-radius: 999px;
      background: #121832;
    }

    .dash-body {
      display: grid;
      grid-template-columns: 58px 1fr;
      height: 430px;
    }

    .dash-nav {
      padding-top: 15px;
      border-right: 1px solid rgba(255, 255, 255, .06);
    }

    .dash-nav i {
      display: block;
      width: 34px;
      height: 7px;
      margin: 0 auto 14px;
      border-radius: 4px;
      background: #1b2241;
    }

    .dash-nav i:first-child {
      background: #236aff;
    }

    .dash-main {
      padding: 15px;
    }

    .dash-main>strong {
      font-size: 11px;
    }

    .dash-metrics {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
      margin: 14px 0;
    }

    .dash-metric,
    .chart,
    .activity {
      padding: 11px;
      border: 1px solid rgba(255, 255, 255, .05);
      border-radius: 8px;
      background: #0d142d;
    }

    .dash-metric small {
      display: block;
      color: #6e7796;
      font-size: 6px;
    }

    .dash-metric b {
      font-size: 12px;
    }

    .dash-metric em {
      display: block;
      margin-top: 4px;
      color: #50de8e;
      font-size: 6px;
      font-style: normal;
    }

    .dash-panels {
      display: grid;
      grid-template-columns: 1.45fr .8fr;
      gap: 9px;
    }

    .chart,
    .activity {
      height: 175px;
    }

    .chart-line {
      height: 95px;
      margin-top: 24px;
      background: linear-gradient(160deg, transparent 47%, #287cff 48%, #287cff 50%, transparent 51%), linear-gradient(15deg, transparent 44%, #287cff 45%, #287cff 47%, transparent 48%);
      opacity: .8;
    }

    .activity i {
      display: block;
      height: 7px;
      margin: 13px 0;
      border-radius: 5px;
      background: linear-gradient(90deg, #343d69 35%, transparent 35%);
    }

    .dash-bottom {
      display: grid;
      grid-template-columns: 1fr 1.4fr;
      gap: 9px;
      margin-top: 9px;
    }

    .dash-bottom>div {
      height: 112px;
      border: 1px solid rgba(255, 255, 255, .05);
      border-radius: 8px;
      background: #0d142d;
    }

    .stage-arrow {
      position: absolute;
      z-index: 4;
      top: 50%;
      display: grid;
      width: 45px;
      height: 45px;
      place-items: center;
      border: 1px solid rgba(116, 104, 255, .45);
      border-radius: 50%;
      background: #11102a;
      color: #fff;
      cursor: pointer;
      transform: translateY(-50%);
      transition: .25s;
    }

    .stage-arrow:hover {
      background: #733dff;
      transform: translateY(-50%) scale(1.08);
    }

    .stage-arrow.prev {
      left: calc(18% - 22px);
    }

    .stage-arrow.next {
      right: calc(18% - 22px);
    }

    .product-dots {
      display: flex;
      justify-content: center;
      gap: 9px;
      padding: 22px;
    }

    .product-dot {
      width: 8px;
      height: 8px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: #343050;
      cursor: pointer;
    }

    .product-dot.active {
      width: 25px;
      border-radius: 10px;
      background: linear-gradient(90deg, #258bff, #a83cff);
    }

    .product-stats {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      margin: 0 auto 28px;
      padding: 18px 20px;
      border: 1px solid rgba(118, 72, 255, .3);
      border-radius: 16px;
      background: linear-gradient(90deg, rgba(10, 21, 53, .8), rgba(34, 11, 55, .74));
    }

    .product-stat {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 15px;
      min-height: 58px;
      border-right: 1px solid rgba(255, 255, 255, .1);
    }

    .product-stat:last-child {
      border: 0;
    }

    .stat-icon {
      display: grid;
      width: 56px;
      height: 56px;
      flex: 0 0 56px;
      place-items: center;
      border: 2px solid rgba(60, 121, 255, .48);
      border-radius: 50%;
      color: #638dff;
      box-shadow: 0 0 22px rgba(255, 65, 184, .15), inset 0 0 16px rgba(240, 68, 168, .08);
    }

    .stat-icon svg {
      width: 30px;
      height: 30px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      filter: drop-shadow(0 0 5px currentColor);
    }

    .product-stat strong {
      display: block;
      font-size: 22px;
    }

    .product-stat small {
      color: #91889d;
      font-size: 10px;
    }

    .product-cta {
      position: relative;
      width: min(var(--site-max, 1440px), calc(100% - 48px));
      min-height: 255px;
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr);
      gap: 48px;
      align-items: center;
      margin: 0 auto 80px;
      overflow: hidden;
      padding: 44px 52px;
      border: 1px solid rgba(103, 75, 255, .5);
      border-radius: 18px;
      background: radial-gradient(circle at 82% 50%, rgba(122, 47, 255, .3), transparent 28%), linear-gradient(110deg, #09183a, #19082c);
    }

    .product-cta-copy {
      position: relative;
      z-index: 1;
      max-width: 530px;
    }

    .cta-future-visual{position:relative;z-index:1;min-height:270px;isolation:isolate;animation:futureVisualEnter .9s cubic-bezier(.2,.75,.25,1) both}
    .cta-future-image{position:absolute;inset:-34px -18px -32px -40px;background:url('../../assets/product-future-growth.png') center/contain no-repeat;mix-blend-mode:screen;filter:saturate(1.08) contrast(1.04) drop-shadow(0 18px 30px rgba(65,28,165,.28));animation:futureImageFloat 5.5s ease-in-out infinite}
    .cta-future-orbit{position:absolute;z-index:-1;left:10%;top:15%;width:76%;height:68%;border:1px solid rgba(181,72,255,.35);border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 28px rgba(105,59,255,.12);animation:futureOrbit 12s linear infinite}
    .cta-future-orbit::before{content:"";position:absolute;left:13%;top:-5px;width:9px;height:9px;border-radius:50%;background:#ff45bd;box-shadow:0 0 14px #ff45bd}
    .cta-future-glow{position:absolute;z-index:-2;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(146,52,255,.28),transparent 66%);filter:blur(24px);animation:futureGlow 3.4s ease-in-out infinite}
    .cta-future-progress{position:absolute;right:8%;bottom:10px;width:64%;height:4px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.08)}.cta-future-progress::after{content:"";display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#318fff,#8a5cff,#f044ae);box-shadow:0 0 12px #9555ff;animation:futureProgress 2.8s ease-in-out infinite}
    @keyframes futureVisualEnter{from{opacity:0;transform:translateX(45px) scale(.96)}}
    @keyframes futureImageFloat{50%{transform:translateY(-10px) rotate(.5deg);filter:saturate(1.15) contrast(1.05) drop-shadow(0 26px 38px rgba(94,38,210,.4))}}
    @keyframes futureOrbit{to{transform:rotate(345deg)}}
    @keyframes futureGlow{50%{opacity:.55;transform:scale(1.12)}}
    @keyframes futureProgress{0%{transform:translateX(-110%)}60%,100%{transform:translateX(280%)}}

    .cta-product-visual{position:relative;z-index:1;min-height:205px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-content:center;padding:34px 18px 18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:radial-gradient(circle at 50% 45%,rgba(112,53,255,.16),transparent 45%),linear-gradient(145deg,rgba(8,14,39,.78),rgba(31,10,54,.75));box-shadow:0 24px 55px rgba(0,0,0,.25);isolation:isolate}
    .cta-product-visual::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(rgba(116,91,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,91,255,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);animation:ctaGridMove 9s linear infinite}
    .cta-product-node{position:relative;min-height:112px;padding:17px 14px;border:1px solid rgba(133,94,255,.38);border-radius:12px;background:rgba(13,11,35,.9);box-shadow:0 14px 28px rgba(0,0,0,.22);animation:ctaNodeFloat 4s ease-in-out infinite}
    .cta-product-node:nth-of-type(2){animation-delay:-1.3s}.cta-product-node:nth-of-type(3){animation-delay:-2.6s}
    .cta-product-node::after{content:"";position:absolute;top:50%;right:-17px;width:17px;height:2px;background:linear-gradient(90deg,#438cff,#d443ff,#438cff);background-size:200% 100%;box-shadow:0 0 8px rgba(167,67,255,.7);animation:ctaConnector 1.8s linear infinite}
    .cta-product-node:last-of-type::after{display:none}
    .cta-product-node i{display:grid;width:38px;height:38px;place-items:center;margin-bottom:13px;border-radius:10px;background:linear-gradient(145deg,#258cff,#b52ee0);color:#fff;font-style:normal;font-weight:800;box-shadow:0 0 18px rgba(115,61,255,.38);animation:ctaIconPulse 2.8s ease-in-out infinite}
    .cta-product-node strong,.cta-product-node small{display:block}.cta-product-node strong{font-size:12px}.cta-product-node small{margin-top:5px;color:#8f87a0;font-size:8px;line-height:1.4}
    .cta-live{position:absolute;right:22px;top:14px;display:flex;align-items:center;gap:7px;color:#74e8ad;font-size:8px;font-weight:800;letter-spacing:.12em}.cta-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#4fe39b;box-shadow:0 0 10px #4fe39b;animation:ctaLivePulse 1.6s ease-in-out infinite}
    .cta-chart{grid-column:1/-1;height:42px;overflow:hidden;border:1px solid rgba(111,90,255,.15);border-radius:8px;background:linear-gradient(180deg,rgba(72,91,255,.13),transparent);position:relative}.cta-chart svg{display:block;width:100%;height:100%}.cta-chart polyline{fill:none;stroke:url(#ctaLineGradient);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:240;stroke-dashoffset:240;animation:ctaLineDraw 3.2s ease-in-out infinite}.cta-chart circle{fill:#ff4cbd;filter:drop-shadow(0 0 5px #ff4cbd);animation:ctaChartDot 3.2s ease-in-out infinite}
    @keyframes ctaNodeFloat{50%{transform:translateY(-7px);border-color:rgba(255,63,190,.58);box-shadow:0 20px 35px rgba(78,38,185,.25)}}
    @keyframes ctaIconPulse{50%{transform:scale(1.08);box-shadow:0 0 28px rgba(188,47,225,.62)}}
    @keyframes ctaConnector{to{background-position:-200% 0}}
    @keyframes ctaGridMove{to{background-position:28px 28px}}
    @keyframes ctaLivePulse{50%{opacity:.35;transform:scale(1.7)}}
    @keyframes ctaLineDraw{0%{stroke-dashoffset:240;opacity:.2}45%,75%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-240;opacity:.2}}
    @keyframes ctaChartDot{0%,100%{transform:translate(-105px,12px);opacity:0}48%{transform:translate(0,0);opacity:1}75%{transform:translate(105px,-8px);opacity:1}}

    .product-cta small {
      color: #34a4ff;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .1em;
    }

    .product-cta h2 {
      margin: 10px 0;
      font-size: 34px;
      line-height: 1.15;
    }

    .product-cta h2 span {
      color: #7323bf;
    }

    .product-cta p {
      margin-bottom: 22px;
      color: #a79daf;
      font-size: 12px;
      line-height: 1.6;
    }

    .cta-actions {
      justify-content: flex-start;
    }

    .stage-enter {
      animation: stageEnter .52s cubic-bezier(.22, 1, .36, 1);
    }

    @keyframes stageEnter {
      from {
        opacity: .3;
        transform: translateX(22px) scale(.99);
      }
    }

    @media(max-width:1050px) {
      .product-stage {
        grid-template-columns: 1fr
      }

      .side-product {
        display: none
      }

      .featured-product {
        grid-template-columns: minmax(230px, .72fr) minmax(0, 1.4fr)
      }

      .stage-arrow.prev {
        left: -12px
      }

      .stage-arrow.next {
        right: -12px
      }

      .showcase {
        width: min(900px, calc(100% - 44px))
      }

      .product-stats {
        grid-template-columns: 1fr 1fr
      }

      .product-stat:nth-child(2) {
        border-right: 0
      }

      .product-stat:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
      }
    }

    @media(max-width:720px) {
      .products-main {
        padding-top: 76px
      }

      .product-hero {
        padding: 62px 20px 125px
      }

      .metric-float {
        display: none
      }

      .hero-actions,
      .cta-actions {
        flex-direction: column
      }

      .showcase {
        margin-top: -85px
      }

      .featured-product {
        grid-template-columns: 1fr;
        padding: 20px
      }

      .dashboard {
        min-height: 390px
      }

      .active-product-image {
        min-height: 390px;
        order: 2
      }

      .active-product-image img {
        padding: 10px
      }

      .dash-body {
        height: 330px
      }

      .dash-panels {
        grid-template-columns: 1fr
      }

      .activity,
      .dash-bottom {
        display: none
      }

      .featured-product {
        min-height: auto
      }

      .product-stats {
        grid-template-columns: 1fr
      }

      .product-stat {
        justify-content: flex-start;
        padding: 14px 25px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
      }

      .product-stat:nth-child(3) {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
      }

      .product-cta {
        grid-template-columns:1fr;
        gap:30px;
        padding:38px 26px
      }

      .cta-product-visual{min-height:175px}
      .cta-future-visual{min-height:260px}.cta-future-image{inset:-24px}

      .stage-arrow {
        top: 39%
      }

      .product-hero h1 {
        font-size: 44px
      }
    }

    @media(prefers-reduced-motion:reduce) {
      * {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        transition-duration: .01ms !important
      }
    }
    /* Digital Code theme alignment */
    .product-hero::before { background: radial-gradient(circle at 50% 15%, rgba(179,61,255,.2), transparent 36%), radial-gradient(circle at 8% 66%, rgba(255,45,177,.12), transparent 28%), radial-gradient(circle at 91% 70%, rgba(121,88,255,.14), transparent 27%), var(--p-bg) }
    .product-hero::after { border-color: rgba(255,45,177,.25); box-shadow: 0 0 65px rgba(180,55,255,.1), inset 0 0 70px rgba(255,45,177,.04) }
    .hero-orbit { border-top-color: var(--p-pink); filter: drop-shadow(0 0 10px rgba(255,45,177,.75)) }
    .product-kicker { border-color: rgba(255,45,177,.42); background: rgba(49,14,57,.55); color: #ff8bd2 }
    .product-kicker::before { background: var(--p-pink); box-shadow: 0 0 12px var(--p-pink) }
    .product-hero h1 span, .product-cta h2 span { color: transparent; background: linear-gradient(90deg,#e90a9b,#7323bf,#7323bf); background-clip: text; -webkit-background-clip: text }
    .product-btn.primary { background: linear-gradient(105deg,#e90a9b,#b33cff,#7323bf); box-shadow: 0 12px 34px rgba(224,48,177,.25) }
    .product-btn:hover { border-color: rgba(255,69,189,.72); box-shadow: 0 13px 34px rgba(224,48,177,.2) }
    .product-stage { border-color: rgba(218,67,255,.62); box-shadow: 0 0 25px rgba(222,53,190,.14), 0 30px 90px rgba(0,0,0,.48) }
    .product-icon, .cta-product-node i { background: linear-gradient(145deg,#e90a9b,#9a49ff) }
    .feature-list li::before { background: rgba(240,68,168,.2); color: #ff67c5 }
    .stage-arrow:hover { border-color: var(--p-pink); background: rgba(240,68,168,.14) }
    .product-dot.active { background: linear-gradient(90deg,#e90a9b,#9b4dff) }
    .product-stats { background: linear-gradient(90deg,rgba(240,68,168,.075),rgba(121,88,255,.075)) }
    .product-stat .stat-icon { border-color: rgba(255,65,184,.35); color: #e90a9b; background: rgba(240,68,168,.09) }
    .product-cta { border-color: rgba(240,68,168,.42); background: radial-gradient(circle at 82% 50%,rgba(167,52,255,.28),transparent 30%),linear-gradient(110deg,#17091d,#1b0b31) }
    .product-cta small { color: #ff58bc }
    .cta-future-progress::after { background: linear-gradient(90deg,#e90a9b,#b54cff,#7323bf); box-shadow: 0 0 12px #d34cff }