/**
 * Jarayan 11.3 — resilient, polished five-style homepage hero.
 * Rebuilt to remove fixed-height collisions, CSS inheritance leaks and
 * transform conflicts while retaining semantic HTML and real links.
 */

/* ========================================================================
   0. Hard isolation and design tokens
   ======================================================================== */
body.home .jarayan-code-hero.jarayan-code-hero--v113 {
  --jh-accent: #0b8bc9;
  --jh-accent-rgb: 11, 139, 201;
  --jh-accent-2: #78d8ef;
  --jh-ink: #09293b;
  --jh-muted: #607987;
  --jh-card: rgba(255, 255, 255, 0.9);
  --jh-card-solid: #ffffff;
  --jh-border: rgba(87, 164, 197, 0.24);
  --jh-shadow-sm: 0 12px 30px rgba(19, 73, 96, 0.08);
  --jh-shadow-md: 0 24px 64px rgba(13, 70, 96, 0.13);
  --jh-shadow-lg: 0 42px 100px rgba(10, 63, 88, 0.16);
  --jh-radius-sm: 14px;
  --jh-radius-md: 22px;
  --jh-radius-lg: 34px;
  --jh-speed: 1;
  --jh-parallax-x: 0px;
  --jh-parallax-y: 0px;

  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(44px, 5vw, 82px) 0 clamp(34px, 4.2vw, 66px) !important;
  overflow: hidden;
  color: var(--jh-ink);
  background: #f2faff;
  text-align: start;
  container-type: inline-size;
}
body.home .jarayan-code-hero--v113.jarayan-code-hero--motion-calm { --jh-speed: 1.35; }
body.home .jarayan-code-hero--v113.jarayan-code-hero--motion-balanced { --jh-speed: 1; }
body.home .jarayan-code-hero--v113.jarayan-code-hero--motion-lively { --jh-speed: 0.72; }

.jarayan-code-hero--v113,
.jarayan-code-hero--v113 *,
.jarayan-code-hero--v113 *::before,
.jarayan-code-hero--v113 *::after { box-sizing: border-box; }
.jarayan-code-hero--v113 :where(h1, h2, h3, p, span, strong, small, em, i) { margin-block: 0; }
.jarayan-code-hero--v113 :where(a, button) { -webkit-tap-highlight-color: transparent; }
.jarayan-code-hero--v113 :where(svg) { display: block; fill: none; stroke: currentColor; }
.jarayan-code-hero--v113 :where(img) { max-width: 100%; }

.jarayan-code-hero--v113 .jarayan-code-hero__background,
.jarayan-code-hero--v113 .jarayan-code-hero__background > * {
  position: absolute;
  pointer-events: none;
}
.jarayan-code-hero--v113 .jarayan-code-hero__background {
  z-index: -3;
  inset: 0;
  overflow: hidden;
}
.jarayan-code-hero--v113 .jarayan-code-hero__aurora {
  border-radius: 50%;
  filter: blur(18px);
  opacity: 0.72;
  transform: translateZ(0);
}
.jarayan-code-hero--v113 .jarayan-code-hero__aurora--one {
  width: min(760px, 58vw);
  aspect-ratio: 1;
  inset: -35% auto auto -18%;
  background: radial-gradient(circle, rgba(77, 195, 238, 0.38), transparent 68%);
}
.jarayan-code-hero--v113 .jarayan-code-hero__aurora--two {
  width: min(680px, 51vw);
  aspect-ratio: 1;
  inset: auto -19% -42% auto;
  background: radial-gradient(circle, rgba(158, 216, 238, 0.32), transparent 70%);
}
.jarayan-code-hero--v113 .jarayan-code-hero__grid {
  inset: 0;
  opacity: 0.65;
  background-image:
    linear-gradient(rgba(30, 133, 178, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 133, 178, 0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.75) 55%, transparent 96%);
  mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.75) 55%, transparent 96%);
}
.jarayan-code-hero--v113 .jarayan-code-hero__paper,
.jarayan-code-hero--v113 .jarayan-code-hero__starfield { display: none; }

/* ========================================================================
   1. Stable shared layout
   ======================================================================== */
.jarayan-code-hero--v113 .jarayan-code-hero__layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(540px, 1.08fr) minmax(390px, 0.92fr);
  grid-template-areas:
    "visual content"
    "visual trust"
    "metrics metrics";
  align-items: center;
  gap: 18px clamp(34px, 4vw, 70px);
  width: min(1320px, calc(100% - 40px));
  margin-inline: auto;
}
.jarayan-code-hero--v113 .jarayan-code-hero__content {
  grid-area: content;
  position: relative;
  z-index: 6;
  min-width: 0;
  padding-block: 10px;
  transform: translate3d(var(--hero-shift-x, 0px), var(--hero-shift-y, 0px), 0);
  transition: transform 180ms ease-out;
}
.jarayan-code-hero--v113 .jarayan-code-hero__availability {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  margin-block-end: 16px;
  padding: 8px 12px;
  border: 1px solid var(--jh-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: var(--jh-shadow-sm);
  color: #496978;
  font-size: clamp(0.69rem, 0.76vw, 0.77rem);
  font-weight: 760;
  line-height: 1.5;
}
@supports (backdrop-filter: blur(12px)) {
  .jarayan-code-hero--v113 .jarayan-code-hero__availability,
  .jarayan-code-hero--v113 .jarayan-code-hero__feature,
  .jarayan-code-hero--v113 .jarayan-code-hero__trust > span,
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics { backdrop-filter: blur(14px); }
}
.jarayan-code-hero--v113 .jarayan-code-hero__availability strong { font: inherit; color: inherit; white-space: nowrap; }
.jarayan-code-hero--v113 .jarayan-code-hero__availability a {
  padding-inline-start: 9px;
  border-inline-start: 1px solid rgba(89, 148, 174, 0.28);
  color: var(--jh-accent);
  white-space: nowrap;
  text-decoration: none;
}
.jarayan-code-hero--v113 .jarayan-code-hero__status-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #28bd88;
  box-shadow: 0 0 0 6px rgba(40, 189, 136, 0.12);
}
.jarayan-code-hero--v113 .jarayan-code-hero__kicker {
  display: inline-flex;
  margin-block-end: 10px;
  color: var(--jh-accent);
  font-size: clamp(0.72rem, 0.82vw, 0.84rem);
  font-weight: 850;
  line-height: 1.6;
}
.jarayan-code-hero--v113 h1 {
  max-width: 740px !important;
  margin: 0 0 12px !important;
  color: var(--jh-ink) !important;
  font-size: clamp(2.25rem, 3.7vw, 3.9rem) !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.026em !important;
  text-wrap: balance;
}
.jarayan-code-hero--v113 .jarayan-code-hero__subtitle {
  margin-block-end: 8px;
  color: #557381;
  font-size: clamp(1rem, 1.24vw, 1.22rem);
  font-weight: 850;
  line-height: 1.8;
}
.jarayan-code-hero--v113 .jarayan-code-hero__lead {
  max-width: 680px;
  margin-block-end: 22px;
  color: var(--jh-muted);
  font-size: clamp(0.86rem, 0.96vw, 0.98rem);
  line-height: 2.05;
}
.jarayan-code-hero--v113 .jarayan-code-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.jarayan-code-hero--v113 .jarayan-code-hero__actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding-inline: 19px;
  border-radius: 14px;
  font-size: 0.77rem;
  font-weight: 820;
  box-shadow: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.jarayan-code-hero--v113 .jarayan-code-hero__actions .button:hover,
.jarayan-code-hero--v113 .jarayan-code-hero__actions .button:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 13px 26px rgba(var(--jh-accent-rgb), 0.17);
}

/* Visual canvas: fluid instead of brittle fixed pixels. */
.jarayan-code-hero--v113 .jarayan-code-hero__visual {
  grid-area: visual;
  position: relative;
  z-index: 3;
  width: 100%;
  min-width: 0;
  min-height: clamp(565px, 44vw, 660px);
  border: 1px solid rgba(151, 204, 226, 0.54);
  border-radius: var(--jh-radius-lg);
  background: linear-gradient(155deg, rgba(255,255,255,.94), rgba(233,247,253,.82));
  box-shadow: var(--jh-shadow-lg);
  overflow: hidden;
  perspective: 1100px;
  transform: translateZ(0);
}
.jarayan-code-hero--v113 .jarayan-code-hero__visual::before,
.jarayan-code-hero--v113 .jarayan-code-hero__visual::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
}
.jarayan-code-hero--v113 .jarayan-code-hero__visual::before {
  width: 430px;
  height: 430px;
  inset: -235px auto auto -165px;
  background: radial-gradient(circle, rgba(86,195,235,.28), transparent 70%);
}
.jarayan-code-hero--v113 .jarayan-code-hero__visual::after {
  width: 380px;
  height: 380px;
  inset: auto -195px -195px auto;
  background: radial-gradient(circle, rgba(180,222,239,.38), transparent 70%);
}
.jarayan-code-hero--v113 .jarayan-code-hero__routes {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.jarayan-code-hero--v113 .jarayan-code-hero__routes .route {
  fill: none;
  stroke: rgba(var(--jh-accent-rgb), 0.24);
  stroke-width: 2;
  stroke-dasharray: 8 9;
  stroke-linecap: round;
}
.jarayan-code-hero--v113 .jarayan-code-hero__routes .route--journey { display: none; }

/* Logo scene */
.jarayan-code-hero--v113 .jarayan-code-hero__stage {
  position: absolute;
  z-index: 4;
  inset: 50% auto auto 50%;
  width: clamp(230px, 23vw, 286px);
  aspect-ratio: 1;
  transform: translate3d(calc(-50% + var(--hero-shift-x, 0px)), calc(-50% + var(--hero-shift-y, 0px)), 0);
  transition: transform 180ms ease-out;
  will-change: transform;
}
.jarayan-code-hero--v113 .jarayan-code-hero__logo-shell {
  position: absolute;
  z-index: 5;
  inset: 15.5%;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: linear-gradient(145deg, #fff, #edf8fc);
  box-shadow:
    0 28px 56px rgba(19,80,106,.15),
    inset 0 0 0 11px rgba(255,255,255,.68),
    inset 0 -18px 32px rgba(56,169,217,.09);
}
.jarayan-code-hero--v113 .jarayan-code-hero__logo-shell img {
  position: relative;
  z-index: 2;
  display: block;
  width: 70%;
  height: 70%;
  object-fit: contain;
  filter: drop-shadow(0 8px 10px rgba(0,30,45,.13));
}
.jarayan-code-hero--v113 .jarayan-code-hero__logo-shell > strong {
  position: relative;
  z-index: 2;
  padding: 15px;
  text-align: center;
  font-size: 1rem;
}
.jarayan-code-hero--v113 .jarayan-code-hero__brush {
  position: absolute;
  z-index: 1;
  inset: 21%;
  border: clamp(9px, 1.05vw, 13px) solid var(--jh-accent);
  border-inline-end-color: transparent;
  border-bottom-color: rgba(42,177,226,.46);
  border-radius: 50%;
  transform: rotate(-18deg);
  opacity: .86;
}
.jarayan-code-hero--v113 .jarayan-code-hero__orbit {
  position: absolute;
  inset: 0;
  border: 1px dashed rgba(var(--jh-accent-rgb), .26);
  border-radius: 50%;
}
.jarayan-code-hero--v113 .jarayan-code-hero__orbit i,
.jarayan-code-hero--v113 .jarayan-code-hero__orbit b {
  position: absolute;
  display: block;
  border-radius: 50%;
  background: linear-gradient(145deg, #fff, #60c2e9 65%, #0e82be);
  box-shadow: 0 8px 20px rgba(10,124,181,.26);
}
.jarayan-code-hero--v113 .jarayan-code-hero__orbit i { width: 13px; height: 13px; inset: 7% auto auto 23%; }
.jarayan-code-hero--v113 .jarayan-code-hero__orbit b { width: 9px; height: 9px; inset: auto 5% 29% auto; }
.jarayan-code-hero--v113 .jarayan-code-hero__orbit--two { inset: 18px; border-style: solid; border-color: rgba(var(--jh-accent-rgb), .14); }
.jarayan-code-hero--v113 .jarayan-code-hero__orbit--two i { width: 8px; height: 8px; inset: 52% auto auto -2%; }
.jarayan-code-hero--v113 .jarayan-code-hero__orbit--two b { width: 12px; height: 12px; inset: auto 24% -2% auto; }
.jarayan-code-hero--v113 .jarayan-code-hero__orbit--three { inset: -26px; border-color: rgba(var(--jh-accent-rgb), .1); }
.jarayan-code-hero--v113 .jarayan-code-hero__orbit--three i { width: 7px; height: 7px; inset: 16% 8% auto auto; }
.jarayan-code-hero--v113 .jarayan-code-hero__orbit--three b { width: 10px; height: 10px; inset: auto auto 8% 15%; }
.jarayan-code-hero--v113 .jarayan-code-hero__pedestal {
  position: absolute;
  inset: auto auto -22px 50%;
  width: 82%;
  height: 58px;
  border-radius: 50%;
  background: radial-gradient(ellipse, #fff 0 22%, #e2f4fb 23% 40%, rgba(112,194,227,.3) 41% 49%, transparent 50%);
  filter: drop-shadow(0 20px 18px rgba(21,88,114,.13));
  transform: translateX(-50%);
}
.jarayan-code-hero--v113 .jarayan-code-hero__pedestal::before,
.jarayan-code-hero--v113 .jarayan-code-hero__pedestal::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  border: 1px solid rgba(var(--jh-accent-rgb), .25);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.jarayan-code-hero--v113 .jarayan-code-hero__pedestal::before { width: 112%; height: 72px; }
.jarayan-code-hero--v113 .jarayan-code-hero__pedestal::after { width: 130%; height: 88px; }
.jarayan-code-hero--v113 .jarayan-code-hero__stage-copy {
  position: absolute;
  z-index: 8;
  inset: calc(100% + 17px) auto auto 50%;
  min-width: min(250px, 92vw);
  padding: 9px 17px;
  border: 1px solid rgba(111,183,213,.3);
  border-radius: 999px;
  background: rgba(255,255,255,.89);
  box-shadow: 0 13px 32px rgba(18,74,97,.08);
  text-align: center;
  transform: translateX(-50%);
}
.jarayan-code-hero--v113 .jarayan-code-hero__stage-copy strong { display: block; color: var(--jh-ink); font-size: .76rem; line-height: 1.5; }
.jarayan-code-hero--v113 .jarayan-code-hero__stage-copy small { display: block; margin-top: 2px; color: var(--jh-muted); font-size: .61rem; line-height: 1.5; }
.jarayan-code-hero--v113 .jarayan-code-hero__stage-plant { display: none; }

/* Service cards */
.jarayan-code-hero--v113 .jarayan-code-hero__features { position: absolute; z-index: 5; inset: 0; }
.jarayan-code-hero--v113 .jarayan-code-hero__feature {
  --feature-rotate: 0deg;
  --feature-lift: 0px;
  position: absolute;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 10px;
  width: clamp(210px, 34%, 265px);
  min-height: 94px;
  padding: 12px;
  border: 1px solid rgba(137,194,219,.48);
  border-radius: 21px;
  background: var(--jh-card);
  box-shadow: 0 17px 38px rgba(20,76,99,.12), inset 0 1px 0 rgba(255,255,255,.92);
  color: var(--jh-ink);
  text-decoration: none;
  transform:
    translate3d(var(--hero-shift-x, 0px), calc(var(--hero-shift-y, 0px) + var(--feature-lift)), 0)
    rotate(var(--feature-rotate));
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background-color 220ms ease;
  will-change: transform;
}
.jarayan-code-hero--v113 .jarayan-code-hero__feature:hover,
.jarayan-code-hero--v113 .jarayan-code-hero__feature:focus-visible {
  --feature-lift: -6px;
  --feature-rotate: 0deg;
  border-color: rgba(var(--jh-accent-rgb), .48);
  box-shadow: 0 25px 52px rgba(16,75,101,.18), inset 0 1px 0 #fff;
  outline: none;
}
.jarayan-code-hero--v113 .jarayan-code-hero__feature:focus-visible { box-shadow: 0 0 0 4px rgba(var(--jh-accent-rgb), .17), 0 25px 52px rgba(16,75,101,.18); }
.jarayan-code-hero--v113 .jarayan-code-hero__feature--in-person { inset: 8% 3.5% auto auto; }
.jarayan-code-hero--v113 .jarayan-code-hero__feature--therapists { inset: 10% auto auto 3.5%; }
.jarayan-code-hero--v113 .jarayan-code-hero__feature--online { inset: auto auto 8% 3.5%; }
.jarayan-code-hero--v113 .jarayan-code-hero__feature--support { inset: auto 3.5% 8% auto; }
.jarayan-code-hero--v113 .jarayan-code-hero__feature-index {
  position: absolute;
  inset: 7px auto auto 10px;
  color: rgba(var(--jh-accent-rgb), .42);
  font-size: .58rem;
  font-weight: 850;
}
.jarayan-code-hero--v113 .jarayan-code-hero__feature-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: linear-gradient(145deg, #edf9fe, #d7eff9);
  color: var(--jh-accent);
  box-shadow: inset 0 0 0 1px rgba(91,180,218,.16);
}
.jarayan-code-hero--v113 .jarayan-code-hero__feature-icon svg { width: 23px; height: 23px; }
.jarayan-code-hero--v113 .jarayan-code-hero__feature-copy { min-width: 0; }
.jarayan-code-hero--v113 .jarayan-code-hero__feature-copy strong {
  display: block;
  margin-bottom: 3px;
  font-size: .81rem;
  font-weight: 850;
  line-height: 1.55;
  white-space: nowrap;
}
.jarayan-code-hero--v113 .jarayan-code-hero__feature-copy small {
  display: block;
  color: var(--jh-muted);
  font-size: .64rem;
  line-height: 1.65;
}
.jarayan-code-hero--v113 .jarayan-code-hero__feature-copy em {
  display: none;
  margin-top: 4px;
  color: var(--jh-accent);
  font-size: .57rem;
  font-style: normal;
  line-height: 1.55;
}
.jarayan-code-hero--v113 .jarayan-code-hero__feature-arrow {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(var(--jh-accent-rgb), .09);
  color: var(--jh-accent);
}
.jarayan-code-hero--v113 .jarayan-code-hero__feature-arrow svg { width: 14px; height: 14px; }
.jarayan-code-hero--v113 .jarayan-code-hero__miniature { display: none; }

/* Trust and metrics */
.jarayan-code-hero--v113 .jarayan-code-hero__trust {
  grid-area: trust;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  align-self: start;
}
.jarayan-code-hero--v113 .jarayan-code-hero__trust > span {
  display: grid;
  grid-template-columns: 40px minmax(0,1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 0 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(142,195,218,.37);
  border-radius: 17px;
  background: rgba(255,255,255,.8);
  box-shadow: 0 10px 25px rgba(14,67,91,.06);
}
.jarayan-code-hero--v113 .jarayan-code-hero__trust i {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: linear-gradient(145deg, #eef9fd, #dff3fa);
  color: var(--jh-accent);
}
.jarayan-code-hero--v113 .jarayan-code-hero__trust i svg { width: 20px; height: 20px; }
.jarayan-code-hero--v113 .jarayan-code-hero__trust b { font-size: .68rem; line-height: 1.5; }
.jarayan-code-hero--v113 .jarayan-code-hero__trust small { color: var(--jh-muted); font-size: .57rem; line-height: 1.5; }
.jarayan-code-hero--v113 .jarayan-code-hero__metrics {
  grid-area: metrics;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  margin-top: 6px;
  border: 1px solid rgba(132,190,216,.31);
  border-radius: 22px;
  background: rgba(255,255,255,.8);
  box-shadow: 0 16px 38px rgba(14,66,90,.07);
  overflow: hidden;
}
.jarayan-code-hero--v113 .jarayan-code-hero__metrics > span {
  display: grid;
  grid-template-columns: 36px auto;
  grid-template-rows: auto auto;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  min-width: 0;
  padding: 13px 10px;
  border-inline-start: 1px solid rgba(129,186,211,.22);
}
.jarayan-code-hero--v113 .jarayan-code-hero__metrics > span:first-child { border-inline-start: 0; }
.jarayan-code-hero--v113 .jarayan-code-hero__metrics i {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 13px;
  background: rgba(var(--jh-accent-rgb), .08);
  color: var(--jh-accent);
}
.jarayan-code-hero--v113 .jarayan-code-hero__metrics i svg { width: 18px; height: 18px; }
.jarayan-code-hero--v113 .jarayan-code-hero__metrics strong { font-size: .84rem; line-height: 1.3; white-space: nowrap; }
.jarayan-code-hero--v113 .jarayan-code-hero__metrics small { color: var(--jh-muted); font-size: .58rem; line-height: 1.45; white-space: nowrap; }

/* ========================================================================
   2. Style 01 — Glass Orbit
   ======================================================================== */
body.home .jarayan-code-hero--v113.jarayan-code-hero--glass-orbit {
  background: linear-gradient(125deg, #e8f8fe 0, #f8fcff 47%, #fff8ed 100%);
}
.jarayan-code-hero--v113.jarayan-code-hero--glass-orbit .jarayan-code-hero__visual {
  background:
    radial-gradient(circle at 22% 18%, rgba(112,207,241,.24), transparent 32%),
    radial-gradient(circle at 85% 84%, rgba(255,211,147,.2), transparent 34%),
    linear-gradient(145deg, rgba(235,249,255,.94), rgba(255,255,255,.9) 55%, rgba(255,247,232,.82));
  box-shadow: 0 35px 90px rgba(15,83,110,.13), inset 0 1px 0 #fff;
}
.jarayan-code-hero--v113.jarayan-code-hero--glass-orbit .jarayan-code-hero__stage::before {
  content: "";
  position: absolute;
  inset: -58px;
  border-radius: 50%;
  background: conic-gradient(from 45deg, transparent 0 14%, rgba(103,202,239,.13) 15% 28%, transparent 29% 52%, rgba(254,218,164,.13) 53% 68%, transparent 69%);
  filter: blur(1px);
}
.jarayan-code-hero--v113.jarayan-code-hero--glass-orbit .jarayan-code-hero__feature--in-person { --feature-rotate: 1deg; }
.jarayan-code-hero--v113.jarayan-code-hero--glass-orbit .jarayan-code-hero__feature--therapists { --feature-rotate: -1.3deg; }
.jarayan-code-hero--v113.jarayan-code-hero--glass-orbit .jarayan-code-hero__feature--online { --feature-rotate: 1.1deg; }
.jarayan-code-hero--v113.jarayan-code-hero--glass-orbit .jarayan-code-hero__feature--support { --feature-rotate: -1deg; }

/* ========================================================================
   3. Style 02 — Scandinavian Stage
   ======================================================================== */
body.home .jarayan-code-hero--v113.jarayan-code-hero--scandi-stage {
  --jh-accent: #258bc0;
  --jh-accent-rgb: 37, 139, 192;
  --jh-accent-2: #8acbe8;
  --jh-ink: #102b3b;
  --jh-muted: #6f8591;
  background: linear-gradient(100deg, #f9fcfd 0 62%, #eef8fc 62.2% 100%);
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__background::before {
  content: "";
  position: absolute;
  width: min(850px, 63vw);
  height: 78%;
  inset: 5% auto auto -5%;
  border-radius: 44% 56% 49% 51% / 53% 42% 58% 47%;
  background: linear-gradient(145deg, #edf8fd, #d8eef9 62%, #fff);
  box-shadow: 0 30px 65px rgba(44,99,121,.08);
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__visual {
  min-height: 625px;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__visual::before {
  width: 70%;
  height: 61%;
  inset: 4% auto auto 2%;
  border-radius: 42% 58% 46% 54% / 57% 43% 57% 43%;
  background: linear-gradient(145deg, #fff, #e7f5fb);
  box-shadow: 0 30px 70px rgba(38,91,112,.1);
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__visual::after {
  width: 120px;
  height: 230px;
  inset: 3% 4% auto auto;
  border-radius: 55% 45% 48% 52% / 30% 36% 64% 70%;
  background: linear-gradient(145deg, #ecf8fc, #c8e8f5);
  opacity: .72;
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage { inset: 31% auto auto 35%; }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant {
  display: block;
  position: absolute;
  inset: auto auto -62px -118px;
  width: 76px;
  height: 145px;
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant b {
  position: absolute;
  inset: auto auto 0 12px;
  width: 52px;
  height: 42px;
  border-radius: 15px 15px 24px 24px;
  background: linear-gradient(145deg, #f4f1eb, #d8d5cf);
  box-shadow: 0 14px 25px rgba(55,78,84,.14);
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant i {
  position: absolute;
  inset: auto auto 38px 36px;
  width: 3px;
  height: 95px;
  border-radius: 3px;
  background: #839e72;
  transform-origin: bottom;
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant i::before,
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant i::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 12px;
  border-radius: 100% 0 100% 0;
  background: #9ab786;
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant i::before { inset: 18px 0 auto auto; transform: rotate(25deg); }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant i::after { inset: 42px auto auto 0; transform: rotate(-28deg); }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant i:nth-child(2) { height: 82px; transform: rotate(19deg); }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant i:nth-child(3) { height: 72px; transform: rotate(-21deg); }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__orbit--three { display: none; }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__feature {
  width: clamp(220px, 35%, 270px);
  min-height: 98px;
  border-color: rgba(148,196,216,.38);
  background: rgba(255,255,255,.96);
  box-shadow: 0 16px 40px rgba(28,75,95,.1);
}
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__feature--in-person { inset: 8% 1% auto auto; }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__feature--online { inset: auto 2% 17% auto; }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__feature--therapists { inset: auto auto 4% 8%; }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__feature--support { inset: auto auto 4% 45%; }
.jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__feature-copy em { display: block; }

/* ========================================================================
   4. Style 03 — Neon Horizon
   ======================================================================== */
body.home .jarayan-code-hero--v113.jarayan-code-hero--neon-horizon {
  --jh-accent: #2ce5ff;
  --jh-accent-rgb: 44, 229, 255;
  --jh-accent-2: #188aff;
  --jh-ink: #effcff;
  --jh-muted: #9db8c8;
  --jh-card: rgba(5, 32, 56, 0.88);
  background: radial-gradient(circle at 50% 35%, #07345a 0, #031b34 40%, #020d1d 100%);
  color: #eefcff;
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__aurora--one { background: radial-gradient(circle, rgba(0,177,255,.22), transparent 68%); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__aurora--two { background: radial-gradient(circle, rgba(0,230,255,.13), transparent 69%); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__grid {
  opacity: .35;
  background-image: linear-gradient(rgba(28,209,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(28,209,255,.035) 1px, transparent 1px);
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__starfield {
  display: block;
  inset: 0;
  opacity: .34;
  background-image:
    radial-gradient(circle, rgba(42,229,255,.92) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(35,145,255,.68) 0 1px, transparent 1.5px);
  background-size: 83px 79px, 137px 121px;
  background-position: 0 0, 33px 47px;
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__layout {
  grid-template-columns: 1fr;
  grid-template-areas: "content" "visual" "trust" "metrics";
  gap: 20px;
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__content {
  max-width: 960px;
  margin-inline: auto;
  padding-inline: 24px;
  text-align: center;
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__availability,
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__kicker { margin-inline: auto; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__availability {
  border-color: rgba(40,226,255,.25);
  background: rgba(5,31,54,.67);
  color: #b9eaf3;
  box-shadow: 0 0 30px rgba(38,224,255,.08);
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__availability a { border-color: rgba(40,226,255,.25); color: #28e4ff; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon h1 {
  max-width: 980px !important;
  margin-inline: auto !important;
  color: #fff !important;
  font-size: clamp(2.35rem, 3.55vw, 4rem) !important;
  text-shadow: 0 0 30px rgba(46,220,255,.14);
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__subtitle { color: #c8e7ef; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__lead { max-width: 790px; margin-inline: auto; color: #9db8c8; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__actions { justify-content: center; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .button--outline { border-color: rgba(45,226,255,.38); color: #d9f8ff; background: rgba(2,25,45,.45); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__visual {
  width: min(1220px, 100%);
  min-height: clamp(600px, 52vw, 690px);
  margin-inline: auto;
  border-color: rgba(38,223,255,.17);
  background: linear-gradient(180deg, rgba(3,25,47,.5), rgba(2,14,30,.24));
  box-shadow: 0 0 0 1px rgba(31,194,255,.06), 0 0 80px rgba(0,175,255,.08), inset 0 0 80px rgba(2,133,214,.04);
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__visual::before { width: 540px; height: 540px; inset: 50% auto auto 50%; background: radial-gradient(circle, rgba(0,171,255,.18), transparent 66%); transform: translate(-50%, -50%); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__visual::after { display: none; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__stage { width: clamp(260px, 26vw, 320px); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__logo-shell {
  background: radial-gradient(circle, #082c4b, #03182c 72%);
  box-shadow: 0 0 0 1px rgba(43,227,255,.35), 0 0 45px rgba(12,176,255,.28), inset 0 0 42px rgba(35,210,255,.12);
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__logo-shell img { filter: brightness(0) invert(1) drop-shadow(0 0 14px rgba(53,230,255,.38)); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__brush { border-color: #22d8ff; border-inline-end-color: transparent; border-bottom-color: #117dff; filter: drop-shadow(0 0 12px rgba(39,225,255,.5)); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__orbit { border-color: rgba(48,229,255,.34); box-shadow: inset 0 0 30px rgba(42,222,255,.03); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__orbit i,
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__orbit b { background: #2ce5ff; box-shadow: 0 0 16px #2ce5ff; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__pedestal { background: radial-gradient(ellipse, rgba(49,229,255,.32), rgba(1,96,172,.2) 37%, transparent 67%); filter: drop-shadow(0 0 25px rgba(40,226,255,.4)); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__stage-copy { border-color: rgba(45,226,255,.35); background: rgba(3,29,51,.87); box-shadow: 0 0 25px rgba(31,222,255,.13); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__stage-copy strong { color: #eefcff; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__stage-copy small { color: #7ddcec; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__routes .route { stroke: #2bdfff; opacity: .45; filter: drop-shadow(0 0 5px #18a9ff); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature {
  width: clamp(230px, 27%, 300px);
  min-height: 112px;
  border-color: rgba(47,225,255,.4);
  background: linear-gradient(145deg, rgba(7,38,66,.9), rgba(2,21,41,.9));
  box-shadow: 0 0 0 1px rgba(19,121,186,.35), 0 0 28px rgba(31,222,255,.11), inset 0 0 32px rgba(35,168,232,.05);
  color: #f1fcff;
}
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature-icon { background: radial-gradient(circle, rgba(35,226,255,.18), rgba(1,35,64,.8)); color: #31e4ff; box-shadow: 0 0 0 1px rgba(47,228,255,.32), 0 0 20px rgba(46,226,255,.22); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature-copy small { color: #a7c4d2; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature-copy em { display: block; color: #31e4ff; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature-arrow { background: rgba(47,226,255,.1); color: #31e4ff; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature-index { color: rgba(51,231,255,.56); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature--in-person { inset: 7% 4% auto auto; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature--therapists { inset: 7% auto auto 4%; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature--online { inset: auto 4% 7% auto; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature--support { inset: auto auto 7% 4%; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__trust,
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__metrics { width: min(1040px, 100%); margin-inline: auto; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__trust > span,
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__metrics { border-color: rgba(47,226,255,.18); background: rgba(3,28,49,.72); box-shadow: 0 0 30px rgba(33,216,255,.05); }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__trust i,
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__metrics i { background: rgba(39,224,255,.09); color: #2ce3ff; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__trust b,
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__metrics strong { color: #eafcff; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__trust small,
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__metrics small { color: #8baaba; }
.jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__metrics > span { border-color: rgba(49,224,255,.13); }

/* ========================================================================
   5. Style 04 — Journey Dashboard
   ======================================================================== */
body.home .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard {
  --jh-accent: #168cce;
  --jh-accent-rgb: 22, 140, 206;
  --jh-accent-2: #6ec5e8;
  background: linear-gradient(130deg, #f6fbfe, #eaf6fc 58%, #fefefe);
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__layout {
  grid-template-columns: minmax(350px, .72fr) minmax(650px, 1.28fr);
  grid-template-areas:
    "content visual"
    "trust visual"
    "metrics visual";
  align-items: start;
  gap: 16px 38px;
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__content { padding-top: 42px; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard h1 { font-size: clamp(2.1rem, 3.1vw, 3.55rem) !important; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__lead { font-size: .88rem; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__visual {
  min-height: 760px;
  border-radius: 30px;
  background: rgba(255,255,255,.58);
  box-shadow: 0 26px 70px rgba(34,91,116,.1);
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__routes .route:not(.route--journey) { display: none; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__routes .route--journey {
  display: block;
  stroke: #168cce;
  stroke-width: 8;
  stroke-dasharray: none;
  opacity: .74;
  filter: drop-shadow(0 6px 7px rgba(22,140,206,.2));
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__stage {
  width: 230px;
  inset: 18% auto auto 17%;
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__stage-copy { top: calc(100% + 8px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__features {
  inset: 0 2.5% 0 42%;
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 13px;
  padding-block: 32px;
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature {
  position: relative;
  inset: auto !important;
  width: 100%;
  min-height: 150px;
  grid-template-columns: 112px minmax(0,1fr) 52px 36px;
  grid-template-areas: "mini copy icon arrow";
  gap: 13px;
  padding: 13px 16px;
  border-radius: 25px;
  direction: ltr;
  transform: none;
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature { grid-area: mini; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-copy { grid-area: copy; direction: rtl; min-width: 0; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-icon { grid-area: icon; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-arrow { grid-area: arrow; }

.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature:hover,
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature:focus-visible { transform: translateY(-4px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 17px -16px auto auto;
  width: 23px;
  height: 23px;
  border: 5px solid #f3fbff;
  border-radius: 50%;
  background: #168cce;
  box-shadow: 0 0 0 2px rgba(22,140,206,.2);
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-copy strong { font-size: 1rem; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-copy small { font-size: .71rem; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-copy em { display: block; font-size: .61rem; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-icon { width: 46px; height: 46px; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-arrow { width: 33px; height: 33px; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature {
  position: relative;
  display: block;
  width: 104px;
  height: 100px;
  transform: rotateX(58deg) rotateZ(-38deg);
  transform-style: preserve-3d;
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature-floor {
  position: absolute;
  inset: 17px 7px 8px;
  border-radius: 22px;
  background: linear-gradient(145deg, #eef8fd, #cfe8f5);
  box-shadow: 14px 14px 20px rgba(26,79,102,.15), inset 0 0 0 1px #fff;
}
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature-object { position: absolute; display: block; transform-style: preserve-3d; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--in-person .jarayan-code-hero__miniature-object--a { inset: 23px auto auto 29px; width: 35px; height: 42px; border-radius: 14px 14px 8px 8px; background: #4e91c8; box-shadow: inset -7px -8px 0 rgba(17,72,116,.18); transform: translateZ(22px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--in-person .jarayan-code-hero__miniature-object--b { inset: 32px auto auto 68px; width: 10px; height: 35px; border-radius: 5px; background: #5c7181; transform: translateZ(11px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--in-person .jarayan-code-hero__miniature-object--c { inset: 60px auto auto 18px; width: 27px; height: 13px; border-radius: 50%; background: #d6c3a6; transform: translateZ(10px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--online .jarayan-code-hero__miniature-object--a { inset: 25px auto auto 25px; width: 38px; height: 45px; border-radius: 14px 14px 9px 9px; background: #2e6fa9; box-shadow: inset -8px -9px 0 rgba(13,59,96,.2); transform: translateZ(22px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--online .jarayan-code-hero__miniature-object--b { inset: 52px auto auto 63px; width: 26px; height: 19px; border-radius: 4px; background: #25394a; box-shadow: inset 0 3px 0 #8ed2ef; transform: translateZ(14px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--online .jarayan-code-hero__miniature-object--c { inset: 23px auto auto 70px; width: 14px; height: 30px; border-radius: 50% 50% 8px 8px; background: #74ae7b; transform: translateZ(10px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--therapists .jarayan-code-hero__miniature-object { border-radius: 50%; background: linear-gradient(145deg, #8aa6bb, #335d7f); box-shadow: inset -5px -5px 0 rgba(8,48,80,.14); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--therapists .jarayan-code-hero__miniature-object--a { inset: 31px auto auto 37px; width: 33px; height: 42px; transform: translateZ(25px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--therapists .jarayan-code-hero__miniature-object--b { inset: 37px auto auto 19px; width: 29px; height: 37px; transform: translateZ(14px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--therapists .jarayan-code-hero__miniature-object--c { inset: 38px auto auto 60px; width: 29px; height: 37px; transform: translateZ(13px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--support .jarayan-code-hero__miniature-object--a { inset: 24px auto auto 25px; width: 52px; height: 50px; border: 12px solid #296fa8; border-bottom-color: transparent; border-radius: 50%; transform: translateZ(22px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--support .jarayan-code-hero__miniature-object--b { inset: 45px auto auto 17px; width: 15px; height: 30px; border-radius: 8px; background: #173b5b; transform: translateZ(18px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__miniature--support .jarayan-code-hero__miniature-object--c { inset: 43px 13px auto auto; width: 16px; height: 31px; border-radius: 8px; background: #173b5b; transform: translateZ(18px); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__trust { grid-template-columns: 1fr; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__metrics { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 0; }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__metrics > span { border-bottom: 1px solid rgba(129,186,211,.22); }
.jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__metrics > span:nth-last-child(-n+2) { border-bottom: 0; }

/* ========================================================================
   6. Style 05 — Paper Path
   ======================================================================== */
body.home .jarayan-code-hero--v113.jarayan-code-hero--paper-path {
  --jh-accent: #157ca8;
  --jh-accent-rgb: 21, 124, 168;
  --jh-accent-2: #f0b94f;
  --jh-ink: #173246;
  --jh-muted: #657783;
  background: linear-gradient(135deg, #dff2fb 0 34%, #fffaf1 34.2% 68%, #d9edf7 68.2% 100%);
}
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__paper {
  display: block;
  z-index: -1;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 18px 45px rgba(52,84,97,.08);
}
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__paper--one { width: 50vw; height: 24vw; inset: -15vw -7vw auto auto; box-shadow: -105px 58px 0 -38px rgba(255,255,255,.77), 0 18px 45px rgba(52,84,97,.08); }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__paper--two { width: 74vw; height: 27vw; inset: auto auto -18vw -17vw; background: #0d5278; box-shadow: 170px -43px 0 -60px #6aa5c1, 295px -65px 0 -92px #a9d2e1, 425px -70px 0 -115px #f1e5d1; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__paper--three { width: 140px; height: 55px; inset: 8% 8% auto auto; box-shadow: -42px 9px 0 -13px #fff, 38px 7px 0 -17px #fff; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__grid { opacity: .12; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__layout {
  grid-template-columns: 1fr;
  grid-template-areas: "content" "visual" "trust" "metrics";
  gap: 19px;
}
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__content {
  max-width: 980px;
  margin-inline: auto;
  padding-inline: 28px;
  text-align: center;
}
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__availability,
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__kicker { margin-inline: auto; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path h1 { max-width: 940px !important; margin-inline: auto !important; font-size: clamp(2.3rem, 3.55vw, 4rem) !important; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__lead { max-width: 810px; margin-inline: auto; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__actions { justify-content: center; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__visual {
  width: min(1200px, 100%);
  min-height: clamp(600px, 50vw, 660px);
  margin-inline: auto;
  border-color: rgba(176,200,210,.5);
  background: linear-gradient(145deg, rgba(225,243,250,.86) 0 35%, rgba(255,250,241,.84) 35.2% 70%, rgba(218,237,246,.8) 70.2%);
  box-shadow: 0 28px 0 rgba(29,83,106,.035), 0 42px 85px rgba(38,81,99,.11);
}
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__visual::before {
  width: auto;
  height: 43%;
  inset: auto -6% -20% -6%;
  border-radius: 50% 50% 0 0 / 24% 24% 0 0;
  background: radial-gradient(ellipse at 50% 100%, #0d4d73 0 22%, #327b9e 22.5% 36%, #a6d1e1 36.5% 54%, #f3e8d5 54.5% 70%, transparent 70.5%);
}
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__visual::after {
  width: 160px;
  height: 230px;
  inset: 43% auto auto 50%;
  border-radius: 50% 50% 8px 8px;
  background: linear-gradient(180deg, rgba(255,225,160,.06), rgba(255,237,186,.58), rgba(255,255,255,.86));
  clip-path: polygon(35% 0, 65% 0, 100% 100%, 0 100%);
  transform: translateX(-50%);
  filter: blur(2px);
}
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__stage { width: clamp(260px, 25vw, 305px); inset-block-start: 43%; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__logo-shell { background: linear-gradient(145deg, #fff, #edf6fa); box-shadow: 0 25px 48px rgba(37,79,98,.15), inset 0 0 0 14px rgba(255,255,255,.67); }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__orbit { border-color: rgba(25,123,165,.16); }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__pedestal { width: 102%; height: 83px; inset-block-end: -38px; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__stage-copy { top: calc(100% + 34px); background: #fffdf9; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__routes .route { stroke: #fff7ea; stroke-width: 8; stroke-dasharray: none; filter: drop-shadow(0 5px 4px rgba(65,99,114,.15)); }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__feature {
  width: clamp(235px, 26%, 292px);
  min-height: 108px;
  border: 0;
  border-radius: 20px;
  background: #fffdf9;
  box-shadow: 0 13px 0 rgba(74,101,112,.04), 0 24px 40px rgba(49,84,99,.13);
}
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__feature--in-person { inset: 10% 5% auto auto; --feature-rotate: 1.3deg; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__feature--therapists { inset: 9% auto auto 5%; --feature-rotate: -1.4deg; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__feature--online { inset: auto auto 17% 5%; --feature-rotate: 1.1deg; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__feature--support { inset: auto 5% 17% auto; --feature-rotate: -1.1deg; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__feature-copy em { display: block; color: #b98626; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__feature-icon { background: linear-gradient(145deg, #fff, #edf5f7); box-shadow: 0 7px 15px rgba(45,79,93,.12); }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__trust { width: min(860px,100%); margin-inline: auto; padding: 7px; border-radius: 999px; background: rgba(255,253,248,.86); box-shadow: 0 16px 35px rgba(39,77,94,.09); }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__trust > span { border: 0; background: transparent; box-shadow: none; }
.jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__metrics { width: min(960px,100%); margin-inline: auto; border: 0; background: #fffdf9; box-shadow: 0 18px 45px rgba(40,77,94,.1); }

/* ========================================================================
   7. Motion — paused when off-screen to remove stutter
   ======================================================================== */
.jarayan-code-hero--v113 .jarayan-code-hero__orbit,
.jarayan-code-hero--v113 .jarayan-code-hero__routes .route,
.jarayan-code-hero--v113 .jarayan-code-hero__pedestal::before,
.jarayan-code-hero--v113 .jarayan-code-hero__pedestal::after,
.jarayan-code-hero--v113 .jarayan-code-hero__feature-icon,
.jarayan-code-hero--v113 .jarayan-code-hero__status-dot,
.jarayan-code-hero--v113 .jarayan-code-hero__starfield,
.jarayan-code-hero--v113.jarayan-code-hero--glass-orbit .jarayan-code-hero__stage::before {
  animation-play-state: paused;
}
.jarayan-code-hero--v113.is-in-view .jarayan-code-hero__orbit--one { animation: jh113-spin calc(20s * var(--jh-speed)) linear infinite; }
.jarayan-code-hero--v113.is-in-view .jarayan-code-hero__orbit--two { animation: jh113-spin calc(15s * var(--jh-speed)) linear infinite reverse; }
.jarayan-code-hero--v113.is-in-view .jarayan-code-hero__orbit--three { animation: jh113-spin calc(29s * var(--jh-speed)) linear infinite; }
.jarayan-code-hero--v113.is-in-view .jarayan-code-hero__routes .route { animation: jh113-route calc(17s * var(--jh-speed)) linear infinite; }
.jarayan-code-hero--v113.is-in-view .jarayan-code-hero__pedestal::before { animation: jh113-ripple calc(3.7s * var(--jh-speed)) ease-out infinite; }
.jarayan-code-hero--v113.is-in-view .jarayan-code-hero__pedestal::after { animation: jh113-ripple calc(3.7s * var(--jh-speed)) ease-out -1.85s infinite; }
.jarayan-code-hero--v113.is-in-view .jarayan-code-hero__feature-icon { animation: jh113-icon calc(4.5s * var(--jh-speed)) ease-in-out infinite; }
.jarayan-code-hero--v113.is-in-view .jarayan-code-hero__status-dot { animation: jh113-status calc(2.7s * var(--jh-speed)) ease-in-out infinite; }
.jarayan-code-hero--v113.is-in-view .jarayan-code-hero__starfield { animation: jh113-stars calc(20s * var(--jh-speed)) linear infinite; }
.jarayan-code-hero--v113.is-in-view.jarayan-code-hero--glass-orbit .jarayan-code-hero__stage::before { animation: jh113-spin calc(42s * var(--jh-speed)) linear infinite reverse; }

@keyframes jh113-spin { to { transform: rotate(360deg); } }
@keyframes jh113-route { to { stroke-dashoffset: -220; } }
@keyframes jh113-ripple { 0% { opacity: .8; transform: translate(-50%,-50%) scale(.62); } 100% { opacity: 0; transform: translate(-50%,-50%) scale(1.2); } }
@keyframes jh113-icon { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes jh113-status { 0%,100% { box-shadow: 0 0 0 5px rgba(40,189,136,.1); } 50% { box-shadow: 0 0 0 9px rgba(40,189,136,.03); } }
@keyframes jh113-stars { to { background-position: 83px 79px, -104px 168px; } }

/* ========================================================================
   8. Responsive system
   ======================================================================== */
@media (max-width: 1240px) {
  .jarayan-code-hero--v113 .jarayan-code-hero__layout { grid-template-columns: minmax(500px, 1.06fr) minmax(350px, .94fr); gap-inline: 30px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__visual { min-height: 610px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature { width: clamp(205px, 37%, 240px); padding: 10px; grid-template-columns: 43px minmax(0,1fr) 25px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature-icon { width: 43px; height: 43px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__trust small { display: none; }
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__layout { grid-template-columns: minmax(320px,.66fr) minmax(610px,1.34fr); }
}

/* Switch before cards can collide. */
@media (max-width: 1120px) {
  body.home .jarayan-code-hero--v113 { padding-top: 44px !important; }
  .jarayan-code-hero--v113 .jarayan-code-hero__layout,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__layout {
    grid-template-columns: 1fr;
    grid-template-areas: "content" "visual" "trust" "metrics";
    gap: 20px;
    width: min(920px, calc(100% - 34px));
  }
  .jarayan-code-hero--v113 .jarayan-code-hero__content,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__content {
    max-width: 830px;
    margin-inline: auto;
    padding: 0;
    text-align: center;
  }
  .jarayan-code-hero--v113 .jarayan-code-hero__availability,
  .jarayan-code-hero--v113 .jarayan-code-hero__kicker { margin-inline: auto; }
  .jarayan-code-hero--v113 h1,
  .jarayan-code-hero--v113 .jarayan-code-hero__lead { margin-inline: auto !important; }
  .jarayan-code-hero--v113 .jarayan-code-hero__actions { justify-content: center; }
  .jarayan-code-hero--v113 .jarayan-code-hero__visual { width: min(860px,100%); min-height: 640px; margin-inline: auto; }
  .jarayan-code-hero--v113 .jarayan-code-hero__trust,
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics { width: min(860px,100%); margin-inline: auto; }
  .jarayan-code-hero--v113 .jarayan-code-hero__trust small { display: block; }

  .jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__background::before { width: 82%; left: 4%; }
  .jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__visual { min-height: 630px; }
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__content { padding-top: 0; }
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__visual { min-height: 760px; }
}

@media (max-width: 780px) {
  body.home .jarayan-code-hero--v113 { padding: 34px 0 28px !important; }
  .jarayan-code-hero--v113 .jarayan-code-hero__layout { width: min(calc(100% - 26px), 720px); gap: 16px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__availability { flex-wrap: wrap; justify-content: center; font-size: .65rem; }
  .jarayan-code-hero--v113 .jarayan-code-hero__availability a { display: none; }
  .jarayan-code-hero--v113 h1,
  .jarayan-code-hero--v113.jarayan-code-hero--neon-horizon h1,
  .jarayan-code-hero--v113.jarayan-code-hero--paper-path h1,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard h1 {
    font-size: clamp(1.9rem, 8.4vw, 2.7rem) !important;
    line-height: 1.38 !important;
  }
  .jarayan-code-hero--v113 .jarayan-code-hero__subtitle { font-size: .94rem; }
  .jarayan-code-hero--v113 .jarayan-code-hero__lead { font-size: .81rem; line-height: 1.95; }
  .jarayan-code-hero--v113 .jarayan-code-hero__actions { display: grid; grid-template-columns: 1fr; width: min(100%, 470px); margin-inline: auto; }
  .jarayan-code-hero--v113 .jarayan-code-hero__actions .button { width: 100%; }

  .jarayan-code-hero--v113 .jarayan-code-hero__visual,
  .jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__visual,
  .jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__visual,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__visual,
  .jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__visual {
    min-height: 0;
    padding: 28px 13px 14px;
    border-radius: 27px;
    overflow: hidden;
  }
  .jarayan-code-hero--v113 .jarayan-code-hero__routes { display: none; }
  .jarayan-code-hero--v113 .jarayan-code-hero__stage,
  .jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage,
  .jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__stage,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__stage,
  .jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__stage {
    position: relative;
    inset: auto !important;
    width: 190px;
    margin: 4px auto 72px;
    transform: translate3d(var(--hero-shift-x,0px), var(--hero-shift-y,0px), 0);
  }
  .jarayan-code-hero--v113 .jarayan-code-hero__logo-shell { inset: 30px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__stage-copy { top: calc(100% + 11px); min-width: 215px; padding: 7px 11px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__pedestal { width: 190px; height: 50px; inset-block-end: -18px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__pedestal::before { width: 215px; height: 62px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__pedestal::after { width: 245px; height: 75px; }
  .jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__stage-plant { display: none; }

  .jarayan-code-hero--v113 .jarayan-code-hero__features,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__features {
    position: relative;
    inset: auto !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-template-rows: auto;
    gap: 9px;
    padding: 0;
  }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature,
  .jarayan-code-hero--v113.jarayan-code-hero--scandi-stage .jarayan-code-hero__feature,
  .jarayan-code-hero--v113.jarayan-code-hero--neon-horizon .jarayan-code-hero__feature,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature,
  .jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__feature {
    position: relative;
    inset: auto !important;
    width: auto;
    min-height: 100px;
    padding: 10px 9px;
    grid-template-columns: 40px minmax(0,1fr);
    gap: 8px;
    border-radius: 18px;
    transform: none !important;
  }
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature::before { display: none; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature-index { font-size: .49rem; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature-icon { width: 40px; height: 40px; border-radius: 13px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature-icon svg { width: 20px; height: 20px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature-copy strong,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-copy strong { font-size: .7rem; line-height: 1.5; white-space: normal; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature-copy small,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature-copy small { font-size: .57rem; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature-copy em { display: none !important; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature-arrow,
  .jarayan-code-hero--v113 .jarayan-code-hero__miniature { display: none !important; }

  .jarayan-code-hero--v113 .jarayan-code-hero__trust,
  .jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__trust { grid-template-columns: 1fr; gap: 7px; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .jarayan-code-hero--v113 .jarayan-code-hero__trust > span { padding: 9px 10px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); border-radius: 20px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics > span { padding: 10px 7px; border-bottom: 1px solid rgba(129,186,211,.18); }
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics > span:nth-child(2n) { border-inline-start: 0; }
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics > span:nth-last-child(-n+2) { border-bottom: 0; }
  .jarayan-code-hero--v113.jarayan-code-hero--paper-path .jarayan-code-hero__paper--two { height: 48vw; bottom: -28vw; }
}

@media (max-width: 490px) {
  .jarayan-code-hero--v113 .jarayan-code-hero__layout { width: min(calc(100% - 20px), 470px); }
  .jarayan-code-hero--v113 .jarayan-code-hero__kicker { font-size: .65rem; }
  .jarayan-code-hero--v113 .jarayan-code-hero__features,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__features { grid-template-columns: 1fr; gap: 8px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature,
  .jarayan-code-hero--v113.jarayan-code-hero--journey-dashboard .jarayan-code-hero__feature { min-height: 84px; grid-template-columns: 42px minmax(0,1fr) 25px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__feature-arrow { display: grid !important; }
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics strong { font-size: .79rem; }
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics small { font-size: .51rem; }
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics i { width: 30px; height: 30px; }
  .jarayan-code-hero--v113 .jarayan-code-hero__metrics > span { grid-template-columns: 30px auto; column-gap: 6px; }
}

/* ========================================================================
   9. Accessibility, no-motion and browser fallbacks
   ======================================================================== */
.jarayan-code-hero--v113.is-motion-disabled *,
.jarayan-code-hero--v113.is-motion-disabled *::before,
.jarayan-code-hero--v113.is-motion-disabled *::after { animation: none !important; transition-duration: .01ms !important; }
@media (prefers-reduced-motion: reduce) {
  .jarayan-code-hero--v113 *,
  .jarayan-code-hero--v113 *::before,
  .jarayan-code-hero--v113 *::after { animation: none !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (hover: none), (pointer: coarse) {
  .jarayan-code-hero--v113 .jarayan-code-hero__content,
  .jarayan-code-hero--v113 .jarayan-code-hero__stage,
  .jarayan-code-hero--v113 .jarayan-code-hero__feature { transform: none; }
}