.header_nav_wrap #item-3 > span.active {
  color: #9AC1FF;
}
:root {
  /* ============================================================
   * BRAND — sub-product accent palette (logos, themed surfaces)
   * ============================================================ */
  --brand-just-ai-red:        #FE010D;  /* Just AI primary mark accent */
  --brand-just-ai-blue:       #23BBEE;  /* Just AI secondary */
  --brand-just-ai-blue-soft:  #94D5F6;
  --brand-just-ai-pink-soft:  #F6D0D2;
  --brand-just-ai-ink:        #333333;  /* Just AI wordmark on light */

  --brand-jaicp-red:          #FF0000;
  --brand-jaicp-pink:         #FFA2B5;
  --brand-jaicp-pink-300:     #FFA2B5;
  --brand-jaicp-pink-500:     #FF6088;
  --brand-jaicp-pink-500-18:  rgba(254, 229, 241, 0.18);
  --brand-jaicp-pink-800:     #F54B76;
  --brand-jaicp-pink-800-15:  rgba(255, 96, 136, 0.15);

  --brand-jaicf-blue:         #6FB1FF;
  --brand-jaicf-ink:          #333333;

  --brand-aimylogic-violet:        #6262ED;
  --brand-aimylogic-violet-soft:   #ACACFC;

  --brand-aimyvoice-orange:        #FF4B00;
  --brand-aimyvoice-peach:         #FFC4A5;

  --brand-aimybox-purple:          #5B2464;
  --brand-aimybox-purple-soft:     #A984B9;

  --brand-aimychat-teal:           #08A5A7;
  --brand-aimychat-teal-deep:      #065C6B;
  --brand-aimychat-teal-soft:      #96D1D6;
  --brand-aimychat-blue:           #107CBE;
  --brand-aimychat-blue-soft:      #89BAE4;

  --brand-cloud-blue:              #3583FF;
  --brand-cloud-blue-deep:         #094E8C;

  /* Agent Platform (the new flagship) — pink/peach gradient palette */
  --brand-ap-pink:                 #FF4797;
  --brand-ap-pink-end:             #FF8075;
  --brand-ap-pink-soft:            #FFA2B5;
  --brand-ap-pink-tint:            #FEE5F1;

  /* ============================================================
   * NEUTRALS — dark surfaces (Just AI marketing + Marketplace)
   * Surfaces stack: bg → surface-1 → surface-2 → surface-3
   * ============================================================ */
  --ink-0:        #000000;
  --ink-true-dark:#000014;  /* signature near-black for text on white */
  --ink-1:        #08080C;  /* primary buttons, dense text on light */
  --ink-2:        #131314;  /* product canvas (Just AI marketing) */
  --ink-3:        #0E0E0E;  /* product canvas (Marketplace) */
  --ink-4:        #161616;  /* card / hero container on dark */
  --ink-5:        #1E1E21;
  --ink-6:        #28282B;
  --ink-7:        #2A2A36;
  --ink-8:        #303036;
  --ink-9:        #3F3F47;  /* hairline border on dark */
  --ink-10:       #484848;  /* tag / chip background on dark */

  --paper-0:      #FFFFFF;
  --paper-1:      #F9F9F9;  /* page background, light typography surfaces */
  --paper-2:      #F8F8F8;  /* alt grey */
  --paper-3:      #EDF1F9;  /* CTA card light */
  --paper-4:      #BFCBE2;  /* dashed border / outline accents */

  --muted-1:      #9F9FA9;  /* secondary text on dark */
  --muted-2:      #616D7D;  /* tertiary text */
  --muted-3:      #5B5B73;
  --muted-4:      #1F2937;  /* body text on light */
  --text-60:      rgba(255,255,255,.6);

  /* ============================================================
   * SEMANTIC — product UI
   * ============================================================ */
  --bg:               var(--ink-3);
  --bg-marketing:     var(--ink-2);
  --bg-light:         var(--paper-1);
  --surface-1:        var(--ink-4);
  --surface-2:        var(--ink-5);
  --surface-3:        var(--ink-6);
  --surface-tag:      var(--ink-10);
  --surface-soft:     rgba(255,255,255,0.03);
  --surface-soft-hi:  rgba(255,255,255,0.06);

  --fg:               #FFFFFF;
  --fg-on-light:      var(--ink-true-dark);
  --fg-muted:         var(--muted-1);
  --fg-muted-light:   var(--muted-3);
  --fg-tertiary:      var(--muted-2);

  --border:           rgba(255,255,255,0.05);
  --border-strong:    var(--ink-9);
  --border-light:     rgba(0,0,0,0.10);
  --hairline:         rgba(0,0,20,0.6);

  /* Accents — used for links, CTA glow, info pills */
  --accent-blue:      #8AB1FF;   /* signature periwinkle blue (Just AI marketing) */
  --accent-blue-vivid:#23BBEE;
  --accent-blue-deep: #1E7BBF;
  --accent-pink:      #FF6B8A;
  --accent-pink-hot:  #FF4797;   /* hot pink, used in protection gradients */
  --accent-coral:     #FD7775;
  --accent-orange:    #FF8A45;

  /* Status (badge fills) */
  --info-fg:          rgba(0,109,203,0.95);
  --info-bg:          rgba(0,143,245,0.10);
  --info-icon:        #113264;

  /* Glow / protection gradients (used behind hero CTAs on dark) */
  --glow-pink:        rgba(255,107,138,0.10);
  --glow-pink-hot:    rgba(255,71,151,0.10);
  --glow-blue:        rgba(35,187,238,0.10);
  --glow-cta-shadow:  0 25px 50px -12px rgba(138,177,255,0.20);

  /* ============================================================
   * TYPE — base
   * ============================================================ */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-36: 36px;
  --fs-44: 44px;
  --fs-54: 54px;
  --fs-64: 64px;

  --lh-tight:   1.2;
  --lh-heading: 1.3;
  --lh-snug:    1.4;
  --lh-body:    1.5;
  --lh-relaxed: 1.6;

  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* CTA-grade tracking — used on big white pill buttons */
  --tracking-cta: -0.025em;
  /* Tag tracking */
  --tracking-tag: -0.012em;

  /* ============================================================
   * SPACING — site spacing scale (Figma: 0-4-8-16-24-32-48-64-72-80-96-128…)
   * ============================================================ */
  --sp-0:   0;
  --sp-1:   4px;
  --sp-2:   8px;
  --sp-3:   16px;
  --sp-4:   24px;
  --sp-5:   32px;
  --sp-6:   48px;
  --sp-7:   64px;
  --sp-8:   72px;
  --sp-9:   80px;
  --sp-10:  96px;       /* mobile section max */
  --sp-11:  124px;
  --sp-12:  128px;
  --sp-13:  144px;
  --sp-14:  168px;
  --sp-15:  175px;

  /* ============================================================
   * RADII — Figma observed: 4.5 (badges), 8 (chip cards), 10 (tags),
   * 12 (cards), 16 (CTA cards), 24 (hero containers), 32 (footer card),
   * pill (full)
   * ============================================================ */
  --r-xs:   4.5px;
  --r-sm:   6px;
  --r-md:   8px;
  --r-tag:  10px;
  --r-lg:   12px;
  --r-xl:   16px;
  --r-2xl:  24px;
  --r-3xl:  32px;
  --r-pill: 9999px;

  /* ============================================================
   * SHADOWS / EFFECTS
   * ============================================================ */
  --shadow-cta:    0 25px 50px -12px rgba(138,177,255,0.20);
  --shadow-card:   0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,20,0.06);
  --shadow-popover:0 12px 32px rgba(0,0,20,0.18);
  --inner-stroke:  inset 0 0 0 1px rgba(255,255,255,0.05);

  /* ============================================================
   * SEMANTIC TYPE TOKENS
   * (from /Typography Figma frame — "H1/Inter/600/32px-130%" etc.)
   * ============================================================ */
  --t-display-lg-size:   64px;  --t-display-lg-weight: 700; --t-display-lg-lh: 1.2;
  --t-display-md-size:   54px;  --t-display-md-weight: 300; --t-display-md-lh: 1.2;
  --t-h1-size:           32px;  --t-h1-weight: 600;         --t-h1-lh: 1.3;
  --t-h2-size:           36px;  --t-h2-weight: 600;         --t-h2-lh: 1.3;
  --t-h3-size:           28px;  --t-h3-weight: 600;         --t-h3-lh: 1.3;
  --t-h4-size:           24px;  --t-h4-weight: 600;         --t-h4-lh: 1.3;
  --t-h5-size:           22px;  --t-h5-weight: 600;         --t-h5-lh: 1.3;
  --t-h6-size:           20px;  --t-h6-weight: 600;         --t-h6-lh: 1.3;
  --t-subtitle-size:     22px;  --t-subtitle-weight: 500;   --t-subtitle-lh: 1.5;
  --t-body-lg-size:      18px;  --t-body-lg-weight: 400;    --t-body-lg-lh: 1.5;
  --t-body-size:         16px;  --t-body-weight: 400;       --t-body-lh: 1.5;
  --t-body-sm-size:      14px;  --t-body-sm-weight: 400;    --t-body-sm-lh: 1.5;
  --t-body-xs-size:      12px;  --t-body-xs-weight: 400;    --t-body-xs-lh: 1.5;
  --t-caption-size:      12px;  --t-caption-weight: 500;    --t-caption-lh: 1.5;
}

/* ============================================================
 * Element-level defaults (opt-in: add class .ds-type)
 * ============================================================ */
.ds-type, .ds-type * { font-family: var(--font-sans); }

.ds-type h1 { font-size: var(--t-h1-size); font-weight: var(--t-h1-weight); line-height: var(--t-h1-lh); margin: 0; }
.ds-type h2 { font-size: var(--t-h2-size); font-weight: var(--t-h2-weight); line-height: var(--t-h2-lh); margin: 0; }
.ds-type h3 { font-size: var(--t-h3-size); font-weight: var(--t-h3-weight); line-height: var(--t-h3-lh); margin: 0; }
.ds-type h4 { font-size: var(--t-h4-size); font-weight: var(--t-h4-weight); line-height: var(--t-h4-lh); margin: 0; }
.ds-type h5 { font-size: var(--t-h5-size); font-weight: var(--t-h5-weight); line-height: var(--t-h5-lh); margin: 0; }
.ds-type h6 { font-size: var(--t-h6-size); font-weight: var(--t-h6-weight); line-height: var(--t-h6-lh); margin: 0; }
.ds-type p  { font-size: var(--t-body-size); font-weight: var(--t-body-weight); line-height: var(--t-body-lh); margin: 0; }
.ds-type small { font-size: var(--t-body-xs-size); line-height: var(--t-body-xs-lh); }
.ds-type code, .ds-type pre { font-family: var(--font-mono); }

/* Caption (uppercase, used sparingly) */
.t-caption {
  font-size: var(--t-caption-size);
  font-weight: var(--t-caption-weight);
  line-height: var(--t-caption-lh);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Reusable tag styles — see /preview/components-badges.html */
.ds-pill {
  display: inline-flex; align-items: center; gap: 6px;
  height: 28px; padding: 0 10px;
  border-radius: var(--r-tag);
  font: var(--fw-regular) 14px/20px var(--font-sans);
  letter-spacing: var(--tracking-tag);
  color: var(--fg);
  background: var(--surface-tag);
}

/* Pill button (Just AI signature CTA on dark) */
.ds-cta {
  display: inline-flex; align-items: center; gap: 8px;
  height: 60px; padding: 0 31px;
  border-radius: var(--r-pill);
  background: var(--paper-0);
  color: var(--ink-0);
  font: var(--fw-medium) 18px/28px var(--font-sans);
  letter-spacing: var(--tracking-cta);
  border: 0; cursor: pointer;
  box-shadow: var(--shadow-cta);
  transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}
.ds-cta:hover  { transform: translateY(-1px); box-shadow: 0 30px 60px -12px rgba(138,177,255,0.32); }
.ds-cta:active { transform: translateY(0) scale(0.985); }


* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: var(--font-sans); background: var(--ink-2); color: #fff; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
button { font-family: inherit; }
a { color: inherit; }

.page { width: 100%; margin: 0 auto; background: var(--ink-2); position: relative; overflow: hidden; }

/* ---------- Top nav ---------- */
.nav {
  height: 90px; padding: 0 64px;
  display: flex; align-items: center; justify-content: space-between;
  position: relative; z-index: 5;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  width: 100%; max-width: 100%;
}
.nav__brand { display: flex; align-items: center; gap: 14px; color: #fff; font: 700 18px/1 var(--font-sans); letter-spacing: -0.015em; }
.nav__brand img.mark { height: 28px; width: auto; }
.nav__brand .alt { color: rgba(255,255,255,0.55); font-weight: 400; font-size: 13px; letter-spacing: 0; }
.nav__links { display: flex; gap: 32px; color: rgba(255,255,255,0.7); font: 400 14px/1 var(--font-sans); }
.nav__links a { color: inherit; text-decoration: none; display:inline-flex; align-items:center; gap:6px; }
.nav__links a:hover { color: #fff; }
.nav__links .here { color: #fff; }
.nav__links .here::after { content:""; width:6px; height:6px; border-radius:50%; background: var(--accent-blue); margin-left:6px; }
.nav__cta { display: flex; gap: 12px; align-items: center; }

/* ---------- Buttons ---------- */
.btn { border: 0; cursor: pointer; font-family: inherit; transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, color 120ms ease, border-color 120ms ease; text-decoration: none; }
.btn-primary {
  height: 60px; padding: 0 31px; border-radius: 9999px;
  background: #fff; color: #000;
  font: 500 18px/1 var(--font-sans); letter-spacing: -0.025em;
  display: inline-flex; align-items: center; gap: 10px;
  box-shadow: 0 25px 50px -12px rgba(138,177,255,0.20);
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 30px 60px -12px rgba(138,177,255,0.32); }
.btn-primary:active { transform: scale(0.985); }

.btn-outline {
  height: 60px; padding: 0 28px; border-radius: 9999px;
  background: transparent; color: #fff;
  font: 500 16px/1 var(--font-sans); letter-spacing: -0.012em;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.20);
  display: inline-flex; align-items: center; gap: 8px;
}
.btn-outline:hover { background: rgba(255,255,255,0.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.32); }
.btn-outline:active { background: rgba(255,255,255,0.10); }

.btn-sm {
  height: 36px; padding: 0 16px; border-radius: 9999px;
  background: transparent; color: rgba(255,255,255,0.85);
  font: 500 13px/1 var(--font-sans); letter-spacing: -0.012em;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
  display: inline-flex; align-items: center; gap: 6px;
}
.btn-sm:hover { background: rgba(255,255,255,0.05); }

.btn-ink {
  height: 56px; padding: 0 28px; border-radius: 9999px;
  background: var(--ink-1); color: #fff;
  font: 500 16px/1 var(--font-sans); letter-spacing: -0.02em;
  display: inline-flex; align-items: center; gap: 8px;
}
.btn-ink:hover { transform: translateY(-1px); background: #161620; }

.scrolled nav:not(#main-menu),
footer.footer {
    background-color: var(--ink-2);
}

/* ---------- Accent hero ([data-theme=accent]) ---------- */
[data-theme="accent"] {
  position: relative;
  background:
    radial-gradient(60% 70% at 12% 30%, rgba(255,71,151,0.22) 0%, rgba(255,71,151,0) 60%),
    radial-gradient(55% 65% at 92% 78%, rgba(35,187,238,0.18) 0%, rgba(35,187,238,0) 60%),
    radial-gradient(40% 50% at 70% 12%, rgba(138,177,255,0.10) 0%, rgba(138,177,255,0) 70%),
    var(--ink-3);
  overflow: hidden;
}
[data-theme="accent"]::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(80% 60% at 50% 100%, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 70%);
  pointer-events: none;
}

.shield-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_9372_690' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='8' y='8' width='8' height='9'%3E%3Ccircle cx='11.943' cy='12.4259' r='3.92593' transform='rotate(-41.7345 11.943 12.4259)' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_9372_690)'%3E%3Cg filter='url(%23filter0_d_9372_690)'%3E%3Ccircle cx='11.943' cy='12.4259' r='3.92593' transform='rotate(-41.7345 11.943 12.4259)' fill='white'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_9372_690)'%3E%3Cellipse cx='12.0943' cy='12.2184' rx='3.33485' ry='3.33485' transform='rotate(-41.7345 12.0943 12.2184)' fill='%2378B6FF'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_9372_690)'%3E%3Cpath d='M20.8024 12.1244C21.423 15.7601 18.9574 19.2198 15.3217 19.8404C11.686 20.4611 8.22633 17.9954 7.6057 14.3597C6.98507 10.724 9.45066 7.26435 13.0864 6.64371C16.7221 6.02307 20.1817 8.48866 20.8024 12.1244Z' fill='url(%23paint0_radial_9372_690)'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M11.8648 2.01189L12.3638 2.00807C12.3797 2.00796 12.4072 2.01557 12.4338 2.04396C12.8504 2.49081 13.7784 3.37547 15.2439 4.17883L15.5446 4.33767C17.2221 5.1991 19.2326 5.56392 21.5103 5.4515C21.5377 5.45015 21.5547 5.45969 21.5613 5.46526C21.563 5.46675 21.564 5.46778 21.5643 5.46814L21.5643 5.47009C21.5882 6.77368 21.4124 9.51608 20.742 12.3546C20.067 15.2123 18.915 18.0603 17.0588 19.6847L17.0511 19.6907L17.0443 19.6976C15.6271 21.0353 13.9185 22.1282 11.9586 22.9451C11.9462 22.9502 11.9326 22.9497 11.9205 22.9438C10.9994 22.4821 8.27536 21.0532 6.84502 19.6686L6.83904 19.6619L6.83111 19.6552C4.85224 17.88 3.73 14.6723 3.14195 11.5904C2.64204 8.97027 2.54857 6.54878 2.59415 5.38709C4.89421 5.52684 6.93105 5.17994 8.63707 4.32444C10.3025 3.48923 11.3483 2.51566 11.796 2.0463C11.8223 2.01875 11.8495 2.01199 11.8648 2.01189Z' stroke='url(%23paint1_linear_9372_690)' stroke-width='1.00976'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_9372_690' x='7.8777' y='8.49995' width='8.13084' height='8.13073' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='0.139393'/%3E%3CfeGaussianBlur stdDeviation='0.0696964'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_9372_690'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_9372_690' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_f_9372_690' x='8.06231' y='8.18658' width='8.06385' height='8.06368' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.348482' result='effect1_foregroundBlur_9372_690'/%3E%3C/filter%3E%3Cfilter id='filter2_f_9372_690' x='2.91547' y='1.95328' width='22.5773' height='22.5776' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='2.29739' result='effect1_foregroundBlur_9372_690'/%3E%3C/filter%3E%3CradialGradient id='paint0_radial_9372_690' cx='0' cy='0' r='1' gradientTransform='matrix(-0.344695 -5.24747 15.2062 -11.7038 14.204 13.2421)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FC58FF'/%3E%3Cstop offset='0.5' stop-color='%23FF9141'/%3E%3Cstop offset='1' stop-color='%234628FE'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint1_linear_9372_690' x1='2.19198' y1='12.6745' x2='22.1889' y2='12.3255' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237B7FE7'/%3E%3Cstop offset='1' stop-color='%23C8616D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* ROUNDED BUTTON */
.rounded-btn {
	--color-1: #fff;
	--color-2: #000014;
	display: inline-block;
	text-align: center;
	font-family: 'Inter';
	padding: 16px 32px;
	border-radius: 27px;
	border: 1px solid var(--color-1);
	color: var(--color-1);
	background-color: transparent;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
	min-width: 260px;
    transition: .3s all;
}
.rounded-btn span {
	position: relative;
	text-align: center;
}
.rounded-btn svg {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: .3s all;
    bottom: 3px;
    margin-left: 26px;
    left: 100%;
}
.rounded-btn:hover {
	padding-left: 22px;
	padding-right: 42px;
}
.rounded-btn:hover svg {
    opacity: 1;
    margin-left: 8px;
}
.rounded-btn--hovered {
	padding-left: 22px;
	padding-right: 42px;
}
.rounded-btn--hovered svg {
    opacity: 1;
    margin-left: 8px;
}
.rounded-btn--hovered-external {
	padding-left: 22px;
	color: #FF6088;
	border: 1px solid #FF6088;
	padding-right: 42px;
}
.rounded-btn--hovered-external svg {
    width: 16px;
    height: 16px;
    opacity: 1;
    margin-left: 8px;
    bottom: 1px;
}
.rounded-btn--solid {
	border: 1px solid var(--color-1);
	color: var(--color-2);
	background-color: var(--color-1);
}
.rounded-btns-group {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	gap: 10px 24px;
}
@media screen and (min-width:500px) {
	.rounded-btns-group {
		flex-direction: row;
		-webkit-flex-direction: row;
	}
}

section {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
section:not(.hero-sec):not(#section-2) {
    margin: 96px 0;
}

/* .section__head */
.section__head {
    text-align: center;
    max-width: 970px;
    margin: 0 auto 48px;
}
.section__head h2 {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 16px;
}
@media screen and (min-width:768px) {
    .section__head h2 {
        font-size: 36px;
    }
}
.section__head p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6em;
    color: var(--text-60);
}

/* .hero-sec */
.hero-sec {
    padding-top: 100px;
    padding-bottom: 60px;
    margin-bottom: 0;
    text-align: center;
    position: relative;
}
@media screen and (min-width:576px) {
    .hero-sec {
        padding-top: 120px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) {
    .hero-sec {
        padding-top: 150px;
        padding-bottom: 120px;
    }
}
@media screen and (min-width:992px) {
    .hero-sec {
        padding-top: 180px;
        padding-bottom: 148px;
    }
}
/*
.hero-sec::before,
.hero-sec::after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 500px;
    height: 400px;
    opacity: 0.09;
    background: var(--brand-ap-pink);
    filter: blur(90px);
}
.hero-sec::before {
    top: -174px;
    right: calc(50% + 81px);
}
.hero-sec::after {
    bottom: 81px;
    left: 50%;
}
*/
.hero-sec__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/agent-platform/agent_platform_hero.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}
@media screen and (min-width:1440px) {
    .hero-sec__bg {
        width: 1440px;
        left: calc(50% - 720px);
    }
}
.hero-sec .container {
    position: relative;
    z-index: 3;
}
.hero-sec__pretitle {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 26px;
}
.agent-platform-icon {
    width: 28px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' viewBox='0 0 28 30' fill='none'%3E%3Cg clip-path='url(%23clip0_8881_1665)'%3E%3Cpath d='M12.132 29.5194C13.293 30.1633 14.7098 30.1633 15.868 29.5194L26.0578 23.8601C27.2572 23.1945 28 21.9393 28 20.5808V9.42794C28 8.06677 27.2572 6.81428 26.0578 6.14864L15.868 0.483905C14.707 -0.16 13.2902 -0.16 12.132 0.483905L1.94223 6.14321C0.742779 6.80885 0 8.06405 0 9.4225V20.5754C0 21.9365 0.742779 23.189 1.94223 23.8547L12.132 29.514V29.5194Z' fill='url(%23paint0_linear_8881_1665)'/%3E%3Cpath d='M10.6272 6.87646C6.21183 6.87646 2.31637 9.07444 0 12.4244V20.5778C0 21.9362 0.742778 23.1914 1.94223 23.8571L12.132 29.5164C13.293 30.1603 14.7098 30.1603 15.8679 29.5164L21.4745 26.4028C22.7483 24.4304 23.4911 22.0911 23.4911 19.5807C23.4911 12.5657 17.7331 6.87646 10.6272 6.87646Z' fill='%23FFA2B5'/%3E%3Cpath d='M18.7263 20.9935C18.7263 15.2771 14.033 10.6421 8.24484 10.6421C4.89684 10.6421 1.92022 12.1934 0 14.606V20.5778C0 21.9362 0.742779 23.1914 1.94223 23.8571L12.132 29.5164C12.553 29.75 13.0096 29.8968 13.4718 29.962C16.6107 28.1742 18.7263 24.827 18.7263 20.9908V20.9935Z' fill='%23FEE5F1'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_8881_1665' x1='21.2765' y1='20.0429' x2='6.8903' y2='9.82143' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF8075'/%3E%3Cstop offset='1' stop-color='%23FF4797'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_8881_1665'%3E%3Crect width='28' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.hero-sec__title {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2em;
    margin: 0 auto 24px;
    max-width: 970px;
}
@media screen and (min-width:576px) {
    .hero-sec__title {
        font-size: 36px;
    }
}
@media screen and (min-width:768px) {
    .hero-sec__title {
        font-size: 42px;
    }
}
@media screen and (min-width:992px) {
    .hero-sec__title {
        font-size: 48px;
    }
}
.hero-sec__desc {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6em;
    max-width: 770px;
    margin: 0 auto 48px;
    color: rgba(255,255,255,0.8);
}
.hero-sec__btns {
    margin: 48px 0;
}
.hero__icons-list {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.hero__icons-list-item {
    position: relative;
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    line-height: 1.5em;
    padding-left: 26px;
}
.hero__icons-list-item::before {
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_8881_1680)'%3E%3Cpath d='M18.988 8.16824C19.407 10.2245 19.1084 12.3622 18.1421 14.2249C17.1757 16.0876 15.5999 17.5627 13.6776 18.4043C11.7552 19.2459 9.60244 19.4029 7.57829 18.8493C5.55414 18.2957 3.78095 17.0649 2.55443 15.3622C1.32791 13.6595 0.722182 11.5877 0.838276 9.49244C0.954369 7.39717 1.78526 5.40502 3.19239 3.84823C4.5995 2.29142 6.49782 1.26406 8.57073 0.937482C10.6436 0.610898 12.7659 1.00483 14.5834 2.05358' stroke='%23FFA2B5' stroke-width='1.65137' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.24609 9.08558L9.99839 11.8379L19.1727 2.66357' stroke='%23FFA2B5' stroke-width='1.65137' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8881_1680'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* ---------- Light section variant (the "in between") ---------- */
.section--light {
  background: var(--paper-1); color: var(--ink-true-dark);
  padding: 96px 0;
}
.section--light .section__head h2 { color: var(--ink-true-dark); }
.section--light .section__head p  { color: var(--muted-3); }
.section--light .section__head .eyebrow { color: var(--accent-blue-deep); }

/* ---------- Comparison table ---------- */
.compare {
  max-width: 1170px; margin: 0 auto;
  background: #fff; border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 12px 40px rgba(0,0,20,0.08);
  border: 1px solid rgba(0,0,0,0.06);
  overflow: auto;
}
.compare > * {
    width: 1168px;
}
.compare__head { display: grid; grid-template-columns: 220px repeat(3, 1fr); border-bottom: 1px solid rgba(0,0,0,0.08); }
.compare__head .h { padding: 28px 24px; }
.compare__head .h--label { background: var(--paper-2); }
.compare__head .name { font: 600 18px/1.3 var(--font-sans); letter-spacing: -0.01em; color: var(--ink-true-dark); margin: 0 0 6px; display: flex; align-items: center; gap: 10px; }
.compare__head .name .badge { font: 500 11px/1 var(--font-sans); letter-spacing: 0.06em; text-transform: uppercase; padding: 5px 8px; border-radius: 4.5px; background: linear-gradient(307deg, rgba(255, 128, 117, 0.20) 27.98%, rgba(255, 71, 151, 0.20) 71.88%); color: #001a4a; white-space: nowrap; }
.compare__head .desc { font: 400 13px/1.5 var(--font-sans); color: var(--muted-3); margin: 0; }
.compare__head .h--current { background: linear-gradient(180deg, rgba(138, 177, 255, 0.10) 0%, rgba(255, 71, 151, 0.05) 100%); border-left: 1px solid rgba(0,0,0,0.06); border-right: 1px solid rgba(0,0,0,0.06); position: relative; }
.compare__head .h--current::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(307deg, #FF8075 27.98%, #FF4797 71.88%);
}
.compare__row { display: grid; grid-template-columns: 220px repeat(3, 1fr); border-top: 1px solid rgba(0,0,0,0.06); }
.compare__row > div { padding: 22px 24px; }
.compare__row .label { background: var(--paper-2); font: 500 13px/1.3 var(--font-sans); letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted-3); }
.compare__row .cell { font: 400 15px/1.45 var(--font-sans); color: #1f2937; }
.compare__row .cell--current { background: linear-gradient(180deg, rgba(138,177,255,0.06), rgba(255,71,151,0.025)); border-left: 1px solid rgba(0,0,0,0.06); border-right: 1px solid rgba(0,0,0,0.06); color: var(--ink-true-dark); font-weight: 500; }
.compare__row--cta > div { padding: 24px; }
.compare__row--cta .cell a:not(.rounded-btn) {
  display: inline-flex; align-items: center; gap: 6px;
  font: 500 14px/1 var(--font-sans); color: var(--accent-blue-deep); letter-spacing: -0.01em;
  text-decoration: none;
}
.compare__row--cta .cell--current a:not(.rounded-btn) { color: var(--accent-pink-hot); font-weight: 600; }
.compare__row--cta .cell a:not(.rounded-btn):hover { text-decoration: underline; }

/* ---------- Pillars (5 value pillars) ---------- */
.pillars { display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; max-width: 1170px; margin: 0 auto; }
.pillar--wide { grid-column: span 3; }
.pillar--reg  { grid-column: span 2; }
.pillar {
  background: #161616; border-radius: 24px; padding: 36px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
  display: flex; flex-direction: column; gap: 20px;
  transition: box-shadow 160ms ease, transform 160ms ease;
}
.pillar:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); }
.pillar__icon {
  width: 56px; height: 56px; border-radius: 16px;
  background: linear-gradient(90deg, rgba(255, 100, 167, 0.50) 0.24%, rgba(255, 169, 150, 0.50) 99.89%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
  display: inline-flex; align-items: center; justify-content: center;
}
.pillar__icon svg { width: 26px; height: 26px; stroke: #fff; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.pillar h3 { font: 500 24px/1.25 var(--font-sans); letter-spacing: -0.012em; color: #fff; margin: 0; }
.pillar p { font: 400 15px/1.6 var(--font-sans); color: var(--text-60); margin: 0; }
.pillar__num { font: 300 14px/1 var(--font-sans); color: rgba(255,255,255,0.35); letter-spacing: 0.06em; }

/* ---------- Deployment cards (Cloud vs On-prem) ---------- */
.deploy { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1170px; margin: 0 auto; }
.deploy__card {
  background: #fff; color: var(--ink-true-dark);
  border-radius: 24px; padding: 48px;
  position: relative; overflow: hidden;
}
.deploy__card--onprem { background: var(--ink-4); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05); }
.deploy__head { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.deploy__tag {
  font: 500 11px/1 var(--font-sans); letter-spacing: 0.10em; text-transform: uppercase;
  padding: 6px 10px; border-radius: 4.5px;
  background: var(--brand-jaicp-pink-800-15); color: var(--brand-jaicp-pink-800);
}
.deploy__card--onprem .deploy__tag {background: var(--brand-jaicp-pink-500-18); color: var(--brand-jaicp-pink-500);}
.deploy__card h3 { font: 600 32px/1.2 var(--font-sans); letter-spacing: -0.018em; margin: 0 0 16px; }
.deploy__card .lede { font: 400 17px/1.55 var(--font-sans); color: var(--muted-3); margin: 0 0 32px; }
.deploy__card--onprem .lede { color: rgba(255,255,255,0.7); }
.deploy__list { list-style: none; padding: 0; margin: 0 0 32px; display: flex; flex-direction: column; gap: 14px; }
.deploy__list li {
  display: block; position: relative; padding-left: 30px;
  font: 400 15px/1.5 var(--font-sans);
}
.deploy__list li::before {
  content: ""; position: absolute; left: 0; top: 4px;
  width: 18px; height: 18px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF4797' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/contain no-repeat;
}
.deploy__card--onprem .deploy__list li::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15 4.5L6.75 12.75L3 9' stroke='%23FF6088' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.deploy__price {
  padding-top: 20px;
  border-top: 1px solid rgba(0,0,0,0.08);
}
.deploy__price > * {vertical-align: baseline;}
.deploy__card--onprem .deploy__price { border-top-color: rgba(255,255,255,0.08); }
.deploy__price .v { font: 300 40px/1 var(--font-sans); letter-spacing: -0.025em; }
.deploy__price .u { font: 400 14px/1.4 var(--font-sans); color: var(--muted-3); }
.deploy__card--onprem .deploy__price .u { color: rgba(255,255,255,0.55); }

.deploy__note { max-width: 1170px; margin: 32px auto 0; text-align: center; font: 400 15px/1.5 var(--font-sans); color: rgba(255,255,255,0.55); }
.deploy__note a { color: var(--brand-jaicp-pink-300); text-decoration: none; }
.deploy__btns {margin-top: 32px;}

/* ---------- Pricing table ---------- */
.priceTable {
  max-width: 1170px; margin: 0 auto;
  background: #fff; border-radius: 24px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 12px 40px rgba(0,0,20,0.08);
}

.priceTable table { width: 100%; border-collapse: collapse; }
.priceTable thead th {
  font: 500 12px/1 var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--muted-3); text-align: left;
  padding: 22px 24px;
  background: var(--paper-2); border-bottom: 1px solid rgba(0,0,0,0.06);
}
.priceTable thead th:last-child, .priceTable tbody td:last-child { text-align: right; }
.priceTable tbody td {
  padding: 24px; border-top: 1px solid rgba(0,0,0,0.05);
  font: 400 16px/1.4 var(--font-sans); color: #1f2937;
  vertical-align: middle;
}
.priceTable tbody td:first-child { font: 600 18px/1.2 var(--font-sans); color: var(--ink-true-dark); }
.priceTable tbody tr.popular { background: transparent; }
.priceTable tbody tr.popular td:first-child::after {
  content: ""; display: none; margin-left: 12px; font: 500 11px/1 var(--font-sans);
  letter-spacing: 0.06em; text-transform: uppercase;
  padding: 5px 8px; border-radius: 4.5px; background: var(--accent-pink-hot); color: #fff; vertical-align: middle;
}
.priceTable .price { font: 500 18px/1.2 var(--font-sans); color: var(--ink-true-dark); white-space: nowrap; }
.priceTable .total { color: var(--muted-3); font-size: 14px; margin-top: 2px; }
.priceTable .jt { color: var(--muted-3); font-variant-numeric: tabular-nums; }

.priceFootnote { max-width: 1170px; margin: 24px auto 0; padding: 0 8px; color: var(--muted-3); font: 400 13px/1.55 var(--font-sans); display: flex; gap: 32px; flex-wrap: wrap; }
.priceFootnote p { margin: 0; flex: 1 1 360px; }

/* ---------- Modules grid ---------- */
.modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 1170px; margin: 0 auto; }
.module {
  padding: 28px; border-radius: 20px;
  background: #fff;
  background-image: linear-gradient(285deg, #F5F2F1 0%, #E9EEF3 98.05%);
  box-shadow: 0 1px 2px rgba(0,0,20,0.04), 0 0 0 1px rgba(0,0,20,0.06);
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-direction: column;
  -webkit-flex-direction: column;
  text-decoration: none;
}
.module__head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.module__chip {
  font: 500 11px/1 var(--font-sans); letter-spacing: 0.10em; text-transform: uppercase;
  padding: 5px 8px; border-radius: 4.5px;
  background: rgba(0,0,20,0.05); color: var(--muted-3);
}
.module__chip.product { background: rgba(255,71,151,0.10); color: #FFB0CE; }
.module__chip.jay { background: rgba(98,98,237,0.18); color: #ACACFC; }
.module__chip.caila { background: rgba(255,138,69,0.14); color: #FFB888; }
.module h4 { font: 600 20px/1.3 var(--font-sans); color: var(--ink-true-dark); margin: 0 0 8px; letter-spacing: -0.01em; }
.module p { font: 400 16px/1.55 var(--font-sans); color: var(--muted-2); margin: 0; }
.module__link {
    display: inline-block;
    color: var(--gray-blue-dark, #576279);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.33em;
    margin-top: 24px;
    text-decoration: none;
}
.module__link::after {
    display: inline-block;
    content: '→';
    margin-left: .3em;
    transition: .2s all;
}
.module__link--blank::after {
    transform: rotate(-45deg);
}
.module:hover .module__link::after {
    margin-left: .6em;
}

/* ---------- Cases ---------- */
.cases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1170px; margin: 0 auto; }
.case {
  background: #fff; color: var(--ink-true-dark);
  border-radius: 20px; padding: 28px;
  display: flex; flex-direction: column; gap: 16px;
  position: relative;
}
.case__head { display: flex; justify-content: space-between; align-items: flex-start; }
.case__industry { font: 500 11px/1 var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted-3); }
.case__nda { font: 500 11px/1 var(--font-sans); letter-spacing: 0.04em; padding: 5px 8px; border-radius: 4.5px; background: var(--paper-2); color: var(--muted-3); display: inline-flex; gap: 6px; align-items: center; }
.case__nda.pub { background: rgba(34,180,90,0.10); color: #16823b; }
.case h4 { font: 600 22px/1.25 var(--font-sans); color: var(--ink-true-dark); margin: 0; letter-spacing: -0.012em; }
.case__client { font: 400 14px/1.4 var(--font-sans); color: var(--muted-3); }
.case__metrics { display: flex; flex-direction: column; gap: 16px; padding-top: 12px; border-top: 1px solid rgba(0,0,0,0.06); }
.case__metric { display: flex; gap: 2px; align-items: baseline; flex-direction: column; }
.case__metric .v { font: 600 24px/1 var(--font-sans); color: var(--accent-pink-hot); letter-spacing: -0.018em; min-width: 80px; }
.case__metric .l { font: 400 14px/1.45 var(--font-sans); color: #1f2937; }

.casesFooter {
  max-width: 1170px; margin: 32px auto 0; padding: 36px 48px;
  background: linear-gradient(98deg, rgba(255, 128, 117, 0.60) 0%, rgba(255, 71, 151, 0.60) 100%);
  border-radius: 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.casesFooter h2 { font: 700 28px/1.2 var(--font-sans); color: #fff; margin: 0 0 10px; letter-spacing: -0.015em; }
.casesFooter p { font: 400 14px/1.5 var(--font-sans); color: rgba(255,255,255,0.82); margin: 0; }
.casesFooter .tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.casesFooter .tag { font: 500 12px/1 var(--font-sans); padding: 6px 10px; border-radius: 9999px; background: rgba(255,255,255,0.22); color: #fff; }

/* ---------- FAQ ---------- */
.faq { max-width: 980px; margin: 0 auto; }
.faq__item {
  border-bottom: 1px solid rgba(0,0,20,0.08);
}
.faq__item summary {
  list-style: none; cursor: pointer;
  padding: 28px 0;
  display: flex; justify-content: space-between; align-items: center; gap: 24px;
  font: 600 22px/1.35 var(--font-sans); color: var(--ink-true-dark); letter-spacing: -0.012em;
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after {
  content: ""; flex: none; width: 24px; height: 24px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000014' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='5' x2='12' y2='19'/><line x1='5' y1='12' x2='19' y2='12'/></svg>") center/contain no-repeat;
  transition: transform 200ms ease;
}
.faq__item[open] summary::after { transform: rotate(45deg); }
.faq__item p { font: 400 17px/1.65 var(--font-sans); color: var(--muted-2); margin: 0 0 28px; max-width: 820px; }

/* ---------- Final CTA (accent) ---------- */
.finalCta {
  padding: 40px 15px;
  overflow: hidden;
  border-radius: 16px;
  text-align: center;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.finalCta > *:not(.finalCta_bg) {
  position: relative;
  z-index: 3;
}
.finalCta_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.finalCta::before,
.finalCta::after,
.finalCta_bg::before,
.finalCta_bg::after {
  content: '';
  display: block;
  border-radius: 50%;
  position: absolute;
  filter: blur(90px);
  opacity: 0.07;
}
.finalCta::before,
.finalCta::after {
  background: var(--brand-ap-pink);
}
.finalCta::before {
  width: 500px;
  height: 400px;
  top: -80px;
  right: 52%;
}
.finalCta::after {
  width: 400px;
  height: 300px;
  bottom: -21px;
  left: 51%;
}
.finalCta_bg::before,
.finalCta_bg::after {
  width: 500px;
  height: 400px;
  background: rgba(71, 142, 255, 0.70);
}
.finalCta_bg::before {
  bottom: -98px;
  left: -97px
}
.finalCta_bg::after {
  top: -162px;
  right: -240px
}
.finalCta .section__head {
  max-width: 770px;
}
@media screen and (min-width:768px) {
  .finalCta {
    padding: 70px 15px;
    border-radius: 32px;
  }
}
.finalCta__btns {
  margin: 48px 0;
}
.finalCta__alt {
  color: var(--text-60);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6em;
}
.finalCta__alt a {
  color: var(--brand-jaicp-pink-300);
  text-decoration: none;
}
.finalCta__alt a::after {
  content: '→';
  display: inline-block;
  margin-left: .3em;
  transition: .2s all;
}
.finalCta__alt a:hover::after {
  transform: translate(.3em,0);
}

/* ---------- Page nav (other Platform pages) ---------- */
.pageNav { padding: 64px 96px 96px; }
.pageNav__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pageNav__card {
  padding: 28px; border-radius: 20px;
  background: rgba(255,255,255,0.03); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
  display: flex; flex-direction: column; gap: 8px; cursor: pointer;
  transition: background 160ms ease, box-shadow 160ms ease;
  text-decoration: none; color: inherit;
}
.pageNav__card:hover { background: rgba(255,255,255,0.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); }
.pageNav__card.here { background: linear-gradient(135deg, rgba(255,71,151,0.10), rgba(138,177,255,0.06)); box-shadow: inset 0 0 0 1px rgba(255,71,151,0.30); cursor: default; }
.pageNav__role { font: 500 11px/1 var(--font-sans); letter-spacing: 0.10em; text-transform: uppercase; color: rgba(255,255,255,0.55); }
.pageNav__card.here .pageNav__role { color: var(--accent-pink-hot); }
.pageNav__title { font: 600 22px/1.25 var(--font-sans); color: #fff; margin: 6px 0 4px; letter-spacing: -0.012em; }
.pageNav__url { font: 400 13px/1.4 var(--font-mono); color: rgba(255,255,255,0.45); }
.pageNav__here { margin-top: 12px; font: 500 13px/1 var(--font-sans); color: var(--accent-pink-hot); display: inline-flex; gap: 6px; }
.pageNav__arrow { margin-top: 12px; font: 500 13px/1 var(--font-sans); color: var(--accent-blue); display: inline-flex; gap: 6px; }

/* ---------- helper ---------- */
.arrow::after { content: " →"; display: inline-block; transform: translateX(0); transition: transform 160ms ease; }
.btn-primary:hover .arrow::after, .btn-outline:hover .arrow::after { transform: translateX(2px); }

/* ---------- RESPONSIVE GLOBAL ---------- */
@media screen and (max-width:1200px) {
    .hero__title {
      font-size: 62px;
    }
    .deploy__card,
    .deploy__card--onprem {
      padding-left: 20px;
      padding-right: 20px;
    }
}
@media screen and (max-width:1025px) {
    .hero__title {
      font-size: 58px;
    }
    .section__head h2 {
      font-size: 48px;
    }
    .deploy {
      grid-template-columns: 1fr;
    }
    .pillar.pillar--reg {
      grid-column: span 3;
    }
    .cases {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:800px) {
    .hero__title {
      font-size: 52px;
    }
    .section__head h2 {
        font-size: 42px;
    }
    .modules {
        grid-template-columns: repeat(2, 1fr);
    }
    .casesFooter {
        text-align: center;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .casesFooter .tags {
        justify-content: center;
        -webkit-justify-content: center;
    }
}
@media screen and (max-width:700px) {
    .hero__title {
      font-size: 46px;
    }
    .section__head h2 {
        font-size: 36px;
    }
    .cases {
        grid-template-columns: 1fr;
    }
    .pillar.pillar--wide,
    .pillar.pillar--reg {
      grid-column: span 6;
    }
}
@media screen and (max-width:600px) {
  .modules {
      grid-template-columns: 1fr;
  }
}
@media screen and (max-width:500px) {
  .hero__eyebrow {
    font-size: 10px;
  }
  .hero__title {
    font-size: 36px;
  }
  .section__head h2 {
      font-size: 32px;
  }
}