.elementor-648 .elementor-element.elementor-element-1a0fd88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-1a0fd88 */.a4w {
        --a4w-ink: #16122e;
        --a4w-body: #3f3a58;
        --a4w-muted: #665f80;
        --a4w-line: #ece6f7;
        --a4w-wash: #f8f5fe;
        --a4w-lav: #f1eafd;
        --a4w-lav-2: #e4d8fb;
        --a4w-violet: #6d28d9;
        --a4w-magenta: #c026d3;
        --a4w-orange: #f97316;
        --a4w-night: #120a2e;
        --a4w-night-2: #1b0e42;
        --a4w-grad: linear-gradient(
          95deg,
          #6d28d9 0%,
          #c026d3 52%,
          #f97316 100%
        );
        --a4w-grad-soft: linear-gradient(
          95deg,
          #b9a0ff 0%,
          #f291e8 50%,
          #ffb27a 100%
        );
        --a4w-panel: linear-gradient(
          160deg,
          #6b2bd9 0%,
          #9a2fcb 48%,
          #c33aa8 100%
        );
        --a4w-head: "Poppins", "Segoe UI", Arial, sans-serif;
        --a4w-text: "Inter", "Segoe UI", Arial, sans-serif;
        font-family: var(--a4w-text);
        font-size: 16px;
        line-height: 1.6;
        color: var(--a4w-body);
        background: #fff;
        -webkit-font-smoothing: antialiased;
        overflow-x: clip;
      }
      /* resets: beat plain theme rules (h2{}, a{}) but never out-rank the a4w- component styles below */
      .a4w *,
      .a4w *::before,
      .a4w *::after {
        box-sizing: border-box;
      }
      .a4w :where(h1, h2, h3, h4, p, ul, ol, figure) {
        margin: 0;
        padding: 0;
      }
      .a4w :where(h1, h2, h3, h4) {
        font-family: var(--a4w-head);
        color: var(--a4w-ink);
        letter-spacing: -0.015em;
        line-height: 1.14;
      }
      .a4w :where(img) {
        max-width: 100%;
        display: block;
      }
      .a4w :where(svg) {
        flex: none;
      }
      .a4w :where(a) {
        color: inherit;
      }
      .a4w a:focus-visible,
      .a4w button:focus-visible,
      .a4w input:focus-visible {
        outline: 3px solid #a78bfa;
        outline-offset: 3px;
      }
      .a4w-wrap {
        width: min(1180px, 100% - 40px);
        margin: 0 auto;
      }

      /* shared bits */
      .a4w-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font: 600 12px/1 var(--a4w-text);
        letter-spacing: 0.09em;
        text-transform: uppercase;
        color: var(--a4w-violet);
        background: var(--a4w-lav);
        border: 1px solid var(--a4w-lav-2);
        padding: 8px 13px;
        border-radius: 999px;
        margin-bottom: 18px;
      }
      .a4w-gradtext {
        background: var(--a4w-grad);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      .a4w-h2 {
        font-size: clamp(28px, 3.3vw, 42px);
        font-weight: 700;
        max-width: 22ch;
      }
      .a4w-shead {
        margin-bottom: 44px;
        max-width: 780px;
      }
      .a4w-shead p {
        color: var(--a4w-muted);
        font-size: 17px;
        margin-top: 14px;
        max-width: 60ch;
      }
      .a4w-sec {
        padding: 96px 0;
      }
      .a4w-sec.alt {
        background: var(--a4w-wash);
      }

      .a4w-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        font: 600 15.5px/1 var(--a4w-head);
        padding: 15px 26px;
        border-radius: 999px;
        text-decoration: none;
        border: 0;
        cursor: pointer;
        transition:
          transform 0.15s ease,
          box-shadow 0.15s ease,
          background-color 0.15s ease;
        white-space: nowrap;
      }
      .a4w-btn svg {
        width: 18px;
        height: 18px;
        transition: transform 0.15s ease;
      }
      .a4w-btn:hover svg {
        transform: translateX(3px);
      }
      .a4w-btn-grad {
        background: var(--a4w-grad);
        color: #fff;
        box-shadow: 0 12px 28px -10px rgba(192, 38, 211, 0.6);
      }
      .a4w-btn-grad:hover {
        transform: translateY(-1px);
        box-shadow: 0 16px 32px -10px rgba(192, 38, 211, 0.7);
      }
      .a4w-btn-light {
        background: #fff;
        color: var(--a4w-violet);
        box-shadow: 0 12px 30px -12px rgba(20, 6, 50, 0.5);
      }
      .a4w-btn-light:hover {
        transform: translateY(-1px);
      }

      /* nav — remove if the page uses the site header */
      .a4w-nav {
        position: sticky;
        top: 0;
        z-index: 40;
        background: rgba(255, 255, 255, 0.88);
        -webkit-backdrop-filter: saturate(1.4) blur(12px);
        backdrop-filter: saturate(1.4) blur(12px);
        border-bottom: 1px solid var(--a4w-line);
      }
      .a4w-nav .a4w-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        height: 68px;
      }
      .a4w-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        font: 700 18px var(--a4w-head);
        color: var(--a4w-ink);
        text-decoration: none;
      }
      .a4w-mark {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        background: var(--a4w-grad);
        display: grid;
        place-items: center;
        box-shadow: 0 6px 14px -6px rgba(192, 38, 211, 0.7);
      }
      .a4w-mark svg {
        width: 16px;
        height: 16px;
        fill: #fff;
      }
      .a4w-nav ul {
        display: flex;
        gap: 28px;
        list-style: none;
        font-size: 15px;
        font-weight: 500;
        color: var(--a4w-muted);
      }
      .a4w-nav ul a {
        text-decoration: none;
        transition: color 0.15s;
      }
      .a4w-nav ul a:hover {
        color: var(--a4w-ink);
      }
      .a4w-nav .a4w-btn {
        padding: 11px 18px;
        font-size: 14px;
      }
      @media (max-width: 860px) {
        .a4w-nav ul {
          display: none;
        }
      }

      /* hero */
      .a4w-hero {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        background: var(--a4w-night);
        color: #fff;
      }
      .a4w-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: radial-gradient(
          rgba(255, 255, 255, 0.08) 1px,
          transparent 1px
        );
        background-size: 22px 22px;
        -webkit-mask-image: radial-gradient(
          ellipse 70% 70% at 25% 30%,
          #000 20%,
          transparent 75%
        );
        mask-image: radial-gradient(
          ellipse 70% 70% at 25% 30%,
          #000 20%,
          transparent 75%
        );
      }
      .a4w-orb {
        position: absolute;
        border-radius: 50%;
        filter: blur(80px);
        z-index: -2;
        pointer-events: none;
      }
      .a4w-orb.o1 {
        width: 560px;
        height: 560px;
        background: #6d28d9;
        top: -220px;
        left: -160px;
        opacity: 0.6;
      }
      .a4w-orb.o2 {
        width: 480px;
        height: 480px;
        background: #c026d3;
        top: 60px;
        right: -140px;
        opacity: 0.42;
      }
      .a4w-orb.o3 {
        width: 420px;
        height: 420px;
        background: #f97316;
        bottom: -260px;
        left: 36%;
        opacity: 0.32;
      }
      .a4w-hero .a4w-wrap {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
        gap: 60px;
        padding: 76px 0 88px;
        align-items: start;
      }
      .a4w-crumb {
        font-size: 13.5px;
        color: #bdb4da;
        margin-bottom: 22px;
      }
      .a4w-crumb a {
        text-decoration: none;
      }
      .a4w-crumb b {
        color: #fff;
        font-weight: 600;
      }
      .a4w-pill-dark {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        font: 600 12px/1 var(--a4w-text);
        letter-spacing: 0.09em;
        text-transform: uppercase;
        color: #eadfff;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.16);
        padding: 8px 13px;
        border-radius: 999px;
        margin-bottom: 22px;
      }
      .a4w-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fb923c;
        box-shadow: 0 0 0 0 rgba(251, 146, 60, 0.7);
        animation: a4wpulse 2s infinite;
      }
      @keyframes a4wpulse {
        70% {
          box-shadow: 0 0 0 9px rgba(251, 146, 60, 0);
        }
        100% {
          box-shadow: 0 0 0 0 rgba(251, 146, 60, 0);
        }
      }
      .a4w-hero h1 {
        color: #fff;
        font-size: clamp(38px, 5.1vw, 66px);
        font-weight: 800;
        margin-bottom: 22px;
      }
      .a4w-hero h1 .a4w-gradtext {
        background: var(--a4w-grad-soft);
        -webkit-background-clip: text;
        background-clip: text;
      }
      .a4w-sub {
        font: 500 clamp(18px, 1.6vw, 21px)/1.45 var(--a4w-head);
        color: #efe8ff;
        max-width: 38ch;
        margin-bottom: 14px;
      }
      .a4w-lede {
        color: #c0b7dd;
        max-width: 56ch;
        font-size: 16.5px;
        margin-bottom: 30px;
      }
      .a4w-facts {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        max-width: 600px;
      }
      .a4w-facts li {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 12px 16px 12px 12px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
      .a4w-facts li:first-child {
        grid-column: 1/-1;
      }
      .a4w-facts .ic {
        width: 40px;
        height: 40px;
        border-radius: 11px;
        display: grid;
        place-items: center;
        background: linear-gradient(140deg, #6d28d9, #c026d3);
      }
      .a4w-facts svg {
        width: 19px;
        height: 19px;
        stroke: #fff;
      }
      .a4w-facts b {
        display: block;
        font-weight: 600;
        color: #fff;
        font-size: 15px;
        line-height: 1.35;
      }
      .a4w-facts li > div > span {
        display: block;
        font-size: 13.5px;
        color: #bdb4da;
        line-height: 1.4;
      }
      .a4w-jump {
        display: none;
        margin-top: 26px;
      }

      /* registration card: countdown on top, form below */
      .a4w-reg {
        position: relative;
        background: #fff;
        color: var(--a4w-ink);
        border-radius: 26px;
        overflow: hidden;
        box-shadow:
          0 40px 90px -30px rgba(8, 2, 28, 0.8),
          0 0 0 1px rgba(255, 255, 255, 0.08);
        scroll-margin-top: 90px;
      }
      .a4w-reg-top {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        padding: 24px 26px 22px;
        color: #fff;
        background: var(--a4w-panel);
      }
      .a4w-reg-top::after {
        content: "";
        position: absolute;
        z-index: -1;
        width: 300px;
        height: 300px;
        right: -90px;
        bottom: -170px;
        background: radial-gradient(
          circle,
          rgba(249, 115, 22, 0.75),
          transparent 65%
        );
        pointer-events: none;
      }
      .a4w-cd-label {
        display: flex;
        align-items: center;
        gap: 10px;
        font: 600 12px/1.3 var(--a4w-text);
        letter-spacing: 0.09em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.88);
        margin-bottom: 14px;
      }
      .a4w-cd-label .a4w-dot {
        background: #ffd8b8;
      }
      .a4w-cd {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .a4w-cd div {
        background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.24);
        border-radius: 14px;
        padding: 13px 4px 11px;
        text-align: center;
      }
      .a4w-cd strong {
        display: block;
        font: 700 32px/1 var(--a4w-head);
        font-variant-numeric: tabular-nums;
        letter-spacing: -0.01em;
      }
      .a4w-cd small {
        display: block;
        margin-top: 7px;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.09em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.82);
      }
      .a4w-cd-when {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 14px;
        margin-top: 16px;
        font-size: 13.5px;
        color: rgba(255, 255, 255, 0.95);
      }
      .a4w-cd-when > span {
        display: inline-flex;
        align-items: center;
        gap: 7px;
      }
      .a4w-cd-when svg {
        width: 15px;
        height: 15px;
        stroke: currentColor;
      }
      .a4w-cd-when [data-a4w-local] {
        color: rgba(255, 255, 255, 0.78);
      }
      .a4w-tba .a4w-cd,
      .a4w-live .a4w-cd,
      .a4w-ended .a4w-cd {
        display: none;
      }
      .a4w-tba .a4w-cd-label,
      .a4w-live .a4w-cd-label,
      .a4w-ended .a4w-cd-label {
        font: 600 20px/1.3 var(--a4w-head);
        letter-spacing: -0.01em;
        text-transform: none;
        color: #fff;
        margin-bottom: 0;
      }

      .a4w-reg-body {
        padding: 26px 26px 22px;
      }
      .a4w-reg h3 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 4px;
      }
      .a4w-reg-body > p {
        font-size: 14.5px;
        color: var(--a4w-muted);
        margin-bottom: 20px;
      }
      .a4w-row2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .a4w-field {
        display: grid;
        gap: 6px;
        margin-bottom: 14px;
      }
      .a4w-field label {
        font: 600 11.5px/1.2 var(--a4w-text);
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: #5b5470;
      }
      .a4w-field input {
        width: 100%;
        padding: 12px 14px;
        border: 1px solid #dcd5ec;
        border-radius: 10px;
        font: 15px var(--a4w-text);
        color: var(--a4w-ink);
        background: #fff;
        transition:
          border-color 0.14s,
          box-shadow 0.14s;
      }
      .a4w-field input:focus {
        outline: none;
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.16);
      }
      .a4w-reg .a4w-btn-grad {
        width: 100%;
        padding: 17px 20px;
        font-size: 16px;
        margin-top: 4px;
      }
      .a4w-reg-msg {
        font-size: 13px;
        color: var(--a4w-violet);
        text-align: center;
        margin-top: 10px;
        min-height: 0;
      }
      .a4w-trust {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 6px 18px;
        margin-top: 16px;
        font-size: 12.5px;
        color: var(--a4w-muted);
      }
      .a4w-trust span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }
      .a4w-trust svg {
        width: 14px;
        height: 14px;
        stroke: #16a34a;
        stroke-width: 2.6;
      }
      .a4w-alt {
        font-size: 12.5px;
        color: var(--a4w-muted);
        text-align: center;
        margin-top: 12px;
      }
      .a4w-alt a {
        color: var(--a4w-violet);
        font-weight: 600;
      }
      /* if you swap in a HubSpot form (raw HTML mode), these keep it on-brand */
      .a4w-reg .hs-form-field {
        margin-bottom: 14px;
      }
      .a4w-reg .hs-form-field > label {
        display: block;
        margin-bottom: 6px;
        font: 600 11.5px/1.2 var(--a4w-text);
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: #5b5470;
      }
      .a4w-reg .hs-input {
        width: 100% !important;
        padding: 12px 14px;
        border: 1px solid #dcd5ec;
        border-radius: 10px;
        font: 15px var(--a4w-text);
        color: var(--a4w-ink);
      }
      .a4w-reg .hs-input:focus {
        outline: none;
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.16);
      }
      .a4w-reg .hs-button {
        width: 100%;
        padding: 17px 20px;
        border: 0;
        border-radius: 999px;
        background: var(--a4w-grad);
        color: #fff;
        font: 600 16px var(--a4w-head);
        cursor: pointer;
        box-shadow: 0 12px 28px -10px rgba(192, 38, 211, 0.6);
      }
      .a4w-reg .hs-error-msgs {
        list-style: none;
        padding: 0;
        margin: 6px 0 0;
        font-size: 12.5px;
        color: #c0392b;
      }

      /* marquee */
      .a4w-tape {
        background: var(--a4w-grad);
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        padding: 15px 0;
        font: 600 14.5px/1 var(--a4w-head);
      }
      .a4w-tape .trk {
        display: inline-flex;
        animation: a4wslide 48s linear infinite;
      }
      .a4w-tape span {
        display: inline-flex;
        align-items: center;
        gap: 24px;
        padding-right: 24px;
      }
      .a4w-tape span::after {
        content: "\2726";
        font-size: 12px;
        opacity: 0.75;
      }
      @keyframes a4wslide {
        to {
          transform: translateX(-50%);
        }
      }

      /* intro */
      .a4w-intro .a4w-wrap {
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.9fr);
        gap: 64px;
        align-items: center;
      }
      .a4w-intro-lead {
        font: 500 clamp(21px, 2.2vw, 28px)/1.48 var(--a4w-head);
        color: var(--a4w-ink);
        letter-spacing: -0.01em;
      }
      .a4w-intro-lead b {
        font-weight: 700;
      }
      .a4w-duo {
        border: 1px solid var(--a4w-line);
        border-radius: 24px;
        padding: 22px;
        background: #fff;
        box-shadow: 0 30px 60px -40px rgba(76, 29, 149, 0.45);
      }
      .a4w-duo-row {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 14px 16px;
        border-radius: 16px;
        background: var(--a4w-wash);
        border: 1px solid #f0eafb;
      }
      .a4w-duo-row .ic img {
          width: 30px;
          height: 30px;
          object-fit: cover;
      }
      .a4w-duo-row .ic {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        display: grid;
        place-items: center;
        background: #ede9fe;
      }
      .a4w-duo-row .ic svg {
        width: 21px;
        height: 21px;
        stroke: var(--a4w-violet);
      }

      .a4w-duo-row.wf .ic svg {
        stroke: #fff;
      }
      .a4w-duo-row b {
        display: block;
        font: 600 16px/1.3 var(--a4w-head);
        color: var(--a4w-ink);
      }
      .a4w-duo-row span {
        font-size: 13.5px;
        color: var(--a4w-muted);
      }
      .a4w-duo-plus {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        margin: -7px auto;
        position: relative;
        z-index: 1;
        border-radius: 50%;
        background: #fff;
        border: 1px solid var(--a4w-line);
        font: 700 17px/1 var(--a4w-head);
        color: var(--a4w-magenta);
      }
      .a4w-duo-note {
        margin-top: 18px;
        font-size: 15px;
        color: var(--a4w-muted);
      }

      /* two products */
      .a4w-prod {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
      }
      .a4w-pane {
        border: 1px solid var(--a4w-line);
        border-radius: 26px;
        padding: 34px;
        background: #fff;
        box-shadow: 0 30px 70px -50px rgba(76, 29, 149, 0.45);
      }
      .a4w-pane.wf {
        border: 1.5px solid transparent;
        background:
          linear-gradient(#fff, #fff) padding-box,
          var(--a4w-grad) border-box;
      }
      .a4w-pane header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 8px;
      }
      .a4w-pane h3 {
        font-size: 25px;
        font-weight: 700;
      }
      .a4w-role {
        font: 600 11.5px/1 var(--a4w-text);
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 8px 12px;
        border-radius: 999px;
        white-space: nowrap;
      }
      .a4w-role.ws {
        background: #ede9fe;
        color: #5b21b6;
      }
      .a4w-role.wf {
        background: var(--a4w-grad);
        color: #fff;
      }
      .a4w-pane > p {
        color: var(--a4w-muted);
        margin-bottom: 26px;
      }
      .a4w-feat {
        list-style: none;
        display: grid;
        gap: 14px;
      }
      .a4w-feat li {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 16px;
        padding: 18px 18px 18px 16px;
        border-radius: 18px;
        background: var(--a4w-wash);
        border: 1px solid #f0eafb;
        transition:
          border-color 0.2s,
          transform 0.2s;
      }
      .a4w-feat li:hover {
        border-color: var(--a4w-lav-2);
        transform: translateY(-2px);
      }
      .a4w-num {
        width: 46px;
        height: 46px;
        border-radius: 13px;
        display: grid;
        place-items: center;
        font: 700 15px/1 var(--a4w-head);
        color: #fff;
        background: linear-gradient(140deg, #6d28d9, #8b5cf6);
      }
      .a4w-pane.wf .a4w-num {
        background: var(--a4w-grad);
      }
      .a4w-feat b {
        display: block;
        font: 600 16.5px/1.35 var(--a4w-head);
        color: var(--a4w-ink);
        margin-bottom: 5px;
      }
      .a4w-feat p {
        font-size: 15px;
        color: var(--a4w-muted);
      }
      .a4w-feat a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-top: 10px;
        font: 600 14px var(--a4w-text);
        color: var(--a4w-violet);
        text-decoration: none;
      }
      .a4w-feat a svg {
        width: 15px;
        height: 15px;
        stroke: currentColor;
        transition: transform 0.15s;
      }
      .a4w-feat a:hover svg {
        transform: translateX(3px);
      }

      /* takeaways (dark) */
      .a4w-dark {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        background: var(--a4w-night);
        color: #fff;
      }
      .a4w-dark .a4w-orb.o1 {
        top: auto;
        bottom: -300px;
        left: -200px;
        opacity: 0.45;
      }
      .a4w-dark .a4w-orb.o2 {
        top: -260px;
        right: -160px;
        opacity: 0.3;
      }
      .a4w-dark .a4w-h2 {
        color: #fff;
      }
      .a4w-dark .a4w-eyebrow {
        color: #eadfff;
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.16);
      }
      .a4w-dark .a4w-shead p {
        color: #c0b7dd;
      }
      .a4w-take {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
      }
      .a4w-take li {
        padding: 28px 24px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.1);
        transition:
          transform 0.2s,
          border-color 0.2s,
          background-color 0.2s;
      }
      .a4w-take li:hover {
        transform: translateY(-3px);
        border-color: rgba(242, 145, 232, 0.45);
        background: rgba(255, 255, 255, 0.07);
      }
      .a4w-take .n {
        display: block;
        font: 800 36px/1 var(--a4w-head);
        background: var(--a4w-grad-soft);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        margin-bottom: 20px;
      }
      .a4w-take h4 {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px;
        line-height: 1.3;
      }
      .a4w-take p {
        color: #c3badf;
        font-size: 15px;
      }

      /* hosts */
      .a4w-hosts {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
        max-width: 880px;
      }
      .a4w-host {
        display: flex;
        align-items: center;
        gap: 18px;
        padding: 22px;
        border: 1px solid var(--a4w-line);
        border-radius: 22px;
        background: #fff;
      }
      .a4w-ava {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        padding: 3px;
        background: var(--a4w-grad);
        flex: none;
      }
      .a4w-ava span {
        display: grid;
        place-items: center;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: var(--a4w-lav);
        border: 3px solid #fff;
        font: 700 26px/1 var(--a4w-head);
        color: var(--a4w-violet);
        overflow: hidden;
      }
      .a4w-host h4 {
        font-size: 17.5px;
        font-weight: 600;
        margin-bottom: 2px;
      }
      .a4w-host p {
        color: var(--a4w-muted);
        font-size: 14px;
      }

      /* who */
      .a4w-who {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
      }
      .a4w-who li {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        padding: 24px;
        border-radius: 20px;
        background: #fff;
        border: 1px solid var(--a4w-line);
      }
      .a4w-who .ic {
        width: 46px;
        height: 46px;
        border-radius: 13px;
        display: grid;
        place-items: center;
        background: var(--a4w-lav);
      }
      .a4w-who svg {
        width: 21px;
        height: 21px;
        stroke: var(--a4w-violet);
      }
      .a4w-who b {
        display: block;
        font: 600 16.5px/1.35 var(--a4w-head);
        color: var(--a4w-ink);
        margin-bottom: 4px;
      }
      .a4w-who span {
        font-size: 15px;
        color: var(--a4w-muted);
      }

      /* final CTA */
      .a4w-final {
        padding: 96px 0;
      }
      .a4w-final-card {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        border-radius: 32px;
        padding: 76px 40px;
        text-align: center;
        color: #fff;
        background: linear-gradient(
          150deg,
          #5b21b6 0%,
          #8e2bc7 45%,
          #c33aa8 100%
        );
      }
      .a4w-final-card::before {
        content: "";
        position: absolute;
        z-index: -1;
        width: 520px;
        height: 520px;
        right: -160px;
        bottom: -300px;
        background: radial-gradient(
          circle,
          rgba(249, 115, 22, 0.7),
          transparent 65%
        );
      }
      .a4w-final-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: radial-gradient(
          rgba(255, 255, 255, 0.12) 1px,
          transparent 1px
        );
        background-size: 22px 22px;
        -webkit-mask-image: radial-gradient(
          ellipse 60% 70% at 15% 20%,
          #000 10%,
          transparent 70%
        );
        mask-image: radial-gradient(
          ellipse 60% 70% at 15% 20%,
          #000 10%,
          transparent 70%
        );
      }
      .a4w-final h2 {
        color: #fff;
        font-size: clamp(30px, 3.8vw, 50px);
        font-weight: 800;
        max-width: 18ch;
        margin: 0 auto 16px;
      }
      .a4w-final p {
        color: rgba(255, 255, 255, 0.9);
        max-width: 54ch;
        margin: 0 auto 30px;
        font-size: 17px;
      }
      .a4w-final-cd {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 9px 16px;
        margin-bottom: 24px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.26);
        font: 600 14px/1.2 var(--a4w-text);
      }
      .a4w-final-cd b {
        font-family: var(--a4w-head);
        font-variant-numeric: tabular-nums;
      }
      .a4w-tba .a4w-final-cd,
      .a4w-ended .a4w-final-cd {
        display: none;
      }
      .a4w-final .a4w-fine {
        font-size: 14px;
        margin: 20px auto 0;
        color: rgba(255, 255, 255, 0.82);
      }

      /* footer — remove if the page uses the site footer */
      .a4w-foot {
        background: #0e0826;
        color: #9c93bd;
        font-size: 13.5px;
        padding: 28px 0;
      }
      .a4w-foot .a4w-wrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px 24px;
      }

      /* scroll reveal (only when JS runs) */
      .a4w-js .a4w-reveal {
        opacity: 0;
        transform: translateY(18px);
        transition:
          opacity 0.6s ease,
          transform 0.6s ease;
      }
      .a4w-js .a4w-reveal.is-in {
        opacity: 1;
        transform: none;
      }

      @media (prefers-reduced-motion: reduce) {
        .a4w-tape .trk,
        .a4w-dot {
          animation: none;
        }
        .a4w-js .a4w-reveal {
          opacity: 1;
          transform: none;
          transition: none;
        }
      }
      @media (max-width: 1060px) {
        .a4w-take {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 960px) {
        .a4w-hero .a4w-wrap {
          grid-template-columns: 1fr;
          gap: 44px;
          padding: 56px 0 64px;
        }
        .a4w-reg {
          max-width: 580px;
        }
        .a4w-jump {
          display: inline-flex;
        }
        .a4w-intro .a4w-wrap,
        .a4w-prod {
          grid-template-columns: 1fr;
          gap: 28px;
        }
      }
      @media (max-width: 640px) {
        .a4w-sec,
        .a4w-final {
          padding: 72px 0;
        }
        .a4w-shead {
          margin-bottom: 32px;
        }
        .a4w-take,
        .a4w-hosts,
        .a4w-who,
        .a4w-facts {
          grid-template-columns: 1fr;
        }
        .a4w-pane {
          padding: 24px 20px;
          border-radius: 22px;
        }
        .a4w-pane header {
          flex-wrap: wrap;
        }
        .a4w-feat li {
          grid-template-columns: 40px minmax(0, 1fr);
          gap: 14px;
          padding: 16px 14px;
        }
        .a4w-num {
          width: 40px;
          height: 40px;
          font-size: 14px;
        }
        .a4w-reg-top,
        .a4w-reg-body {
          padding-left: 20px;
          padding-right: 20px;
        }
        .a4w-cd {
          gap: 8px;
        }
        .a4w-cd strong {
          font-size: 26px;
        }
        .a4w-final-card {
          padding: 56px 22px;
          border-radius: 24px;
        }
      }
      @media (max-width: 380px) {
        .a4w-row2 {
          grid-template-columns: 1fr;
          gap: 0;
        }
      }
      
        .a4w-success {
    --a4w-tick-color: #12b76a;
    text-align: center;
    padding: 8px 0 4px;
    animation: a4w-success-in 0.35s ease-out both;
  }
  .a4w-success:focus {
    outline: none;
  }

  .a4w-success-tick {
    display: block;
    width: 76px;
    height: 76px;
    margin: 0 auto 18px;
    color: var(--a4w-tick-color);
    overflow: visible;
    animation: a4w-tick-pop 0.4s ease-out 0.95s both;
  }
  .a4w-success-ring,
  .a4w-success-circle,
  .a4w-success-check {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .a4w-success-ring {
    stroke-width: 3;
    opacity: 0.15;
  }
  .a4w-success-circle {
    stroke-width: 3;
    stroke-dasharray: 151;
    stroke-dashoffset: 151;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    animation: a4w-tick-draw 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.15s forwards;
  }
  .a4w-success-check {
    stroke-width: 4;
    stroke-dasharray: 32;
    stroke-dashoffset: 32;
    animation: a4w-tick-draw 0.35s cubic-bezier(0.65, 0, 0.45, 1) 0.7s forwards;
  }

  .a4w-success-text {
    margin: 0;
    animation: a4w-success-in 0.4s ease-out 0.8s both;
  }
  .a4w-success-link {
    display: inline-block;
    margin-top: 12px;
    font-weight: 600;
    animation: a4w-success-in 0.4s ease-out 0.9s both;
  }

  @keyframes a4w-tick-draw {
    to {
      stroke-dashoffset: 0;
    }
  }
  @keyframes a4w-tick-pop {
    0%,
    100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.08);
    }
  }
  @keyframes a4w-success-in {
    from {
      opacity: 0;
      transform: translateY(6px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .a4w-success,
    .a4w-success * {
      animation: none !important;
    }
    .a4w-success-circle,
    .a4w-success-check {
      stroke-dashoffset: 0;
    }
  }/* End custom CSS */