/**
 * Jarayan 10.9 — five selectable animated hero showcases.
 */

body.home .v109-hero-visual{
  display:block!important;
  width:100%!important;
  max-width:700px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin-inline:auto!important;
  filter:none!important;
  transform:none!important;
  overflow:visible!important;
}

.jarayan-hero-showcase{
  --hero-accent:var(--accent,#0f86c5);
  --hero-ink:var(--ink,#10212f);
  --hero-muted:#6f8491;
  --hero-surface:rgba(255,255,255,.9);
  --hero-line:rgba(20,135,193,.2);
  --hero-glow:rgba(31,168,224,.22);
  position:relative;
  z-index:0;
  width:100%;
  min-height:610px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(171,210,228,.56);
  border-radius:36px;
  background:#f7fcff;
  box-shadow:0 32px 90px rgba(15,69,94,.12);
  perspective:1200px;
  contain:layout paint;
}
.jarayan-hero-showcase--motion-calm{--hero-speed:1.5;--hero-shift:.55}
.jarayan-hero-showcase--motion-balanced{--hero-speed:1;--hero-shift:1}
.jarayan-hero-showcase--motion-lively{--hero-speed:.72;--hero-shift:1.45}
.jarayan-hero-showcase__scene,
.jarayan-hero-showcase__scene>*{position:absolute;pointer-events:none}
.jarayan-hero-showcase__scene{inset:0;z-index:-1;overflow:hidden}
.jarayan-hero-showcase__wash{border-radius:50%;filter:blur(4px);opacity:.85}
.jarayan-hero-showcase__wash--a{width:68%;aspect-ratio:1;inset:-26% auto auto -18%;background:radial-gradient(circle,rgba(104,203,242,.28),transparent 68%)}
.jarayan-hero-showcase__wash--b{width:64%;aspect-ratio:1;inset:auto -23% -34% auto;background:radial-gradient(circle,rgba(153,210,237,.3),transparent 68%)}
.jarayan-hero-showcase__grid{inset:0;background-image:radial-gradient(circle at center,rgba(11,132,190,.12) 1px,transparent 1.4px);background-size:27px 27px;mask-image:linear-gradient(130deg,transparent 3%,#000 42%,transparent 91%);opacity:.35}
.jarayan-hero-showcase__orb{width:12px;height:12px;border-radius:50%;background:linear-gradient(145deg,#fff 12%,#71c7ec 62%,#0878b7);box-shadow:0 8px 20px rgba(10,129,188,.3);animation:jarayanHeroOrb calc(8s * var(--hero-speed)) ease-in-out infinite alternate}
.jarayan-hero-showcase__orb--1{top:11%;left:31%}
.jarayan-hero-showcase__orb--2{top:48%;right:8%;width:18px;height:18px;animation-delay:-2.6s}
.jarayan-hero-showcase__orb--3{bottom:13%;left:17%;width:9px;height:9px;animation-delay:-5.1s}
.jarayan-hero-showcase__connections{inset:0;width:100%;height:100%;overflow:visible}
.jarayan-hero-showcase__connections .path{fill:none;stroke:var(--hero-line);stroke-width:2;stroke-linecap:round;stroke-dasharray:8 11;animation:jarayanHeroDash calc(20s * var(--hero-speed)) linear infinite}
.jarayan-hero-showcase__connections circle{fill:#fff;stroke:var(--hero-accent);stroke-width:2;filter:drop-shadow(0 3px 5px var(--hero-glow));animation:jarayanHeroPulse calc(3.2s * var(--hero-speed)) ease-in-out infinite}
.jarayan-hero-showcase__landscape{display:none}

.jarayan-hero-showcase__brand{
  position:absolute;
  z-index:3;
  width:238px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  translate:var(--hero-px,0) var(--hero-py,0);
  transition:translate .18s ease-out;
}
.jarayan-hero-showcase__rings{position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 28px 70px rgba(11,79,110,.14),inset 0 0 0 12px rgba(255,255,255,.48);backdrop-filter:blur(10px)}
.jarayan-hero-showcase__rings i,.jarayan-hero-showcase__rings b{position:absolute;border-radius:50%;inset:7%;border:1px solid rgba(15,134,197,.19)}
.jarayan-hero-showcase__rings i:nth-child(1){inset:-11%;border-style:dashed;animation:jarayanHeroSpin calc(24s * var(--hero-speed)) linear infinite}
.jarayan-hero-showcase__rings i:nth-child(2){inset:15%;border-color:rgba(255,255,255,.92);box-shadow:0 0 35px rgba(83,189,233,.25)}
.jarayan-hero-showcase__rings i:nth-child(3){inset:-23%;border-color:rgba(31,155,210,.1);animation:jarayanHeroSpin calc(32s * var(--hero-speed)) linear infinite reverse}
.jarayan-hero-showcase__rings b{inset:28%;border:0;background:conic-gradient(from 20deg,rgba(14,142,201,.22),transparent 20% 55%,rgba(94,198,226,.2),transparent 82%);filter:blur(5px);animation:jarayanHeroSpin calc(18s * var(--hero-speed)) linear infinite}
.jarayan-hero-showcase__logo{position:relative;z-index:2;display:grid;place-items:center;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle at 38% 28%,#fff 0,#f7fcff 56%,#e3f4fb 100%);box-shadow:inset 0 0 0 1px rgba(12,126,183,.1),0 16px 36px rgba(11,91,129,.1)}
.jarayan-hero-showcase__logo img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(8,42,58,.08))}
.jarayan-hero-showcase__brand-copy{position:absolute;z-index:4;inset:auto 50% -60px auto;translate:50% 0;display:grid;gap:2px;min-width:max-content;text-align:center;padding:8px 17px;border:1px solid rgba(149,205,229,.55);border-radius:999px;background:rgba(255,255,255,.79);box-shadow:0 12px 30px rgba(13,74,100,.08);backdrop-filter:blur(12px)}
.jarayan-hero-showcase__brand-copy strong{font-size:.78rem;color:var(--hero-ink)}
.jarayan-hero-showcase__brand-copy small{font-size:.58rem;color:var(--hero-muted)}

.jarayan-hero-showcase__features{position:absolute;inset:0;z-index:4}
.jarayan-hero-showcase__feature{
  position:absolute;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 28px;
  align-items:center;
  gap:10px;
  width:202px;
  min-height:78px;
  padding:10px 11px;
  border:1px solid rgba(154,202,222,.62);
  border-radius:21px;
  color:var(--hero-ink);
  background:var(--hero-surface);
  box-shadow:0 17px 42px rgba(12,66,90,.11);
  backdrop-filter:blur(16px);
  translate:var(--hero-px,0) var(--hero-py,0);
  transition:translate .18s ease-out,transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.jarayan-hero-showcase__feature:hover{transform:translateY(-5px) scale(1.018);box-shadow:0 24px 52px rgba(12,66,90,.17);border-color:rgba(20,146,205,.48)}
.jarayan-hero-showcase__feature:focus-visible{outline:3px solid color-mix(in srgb,var(--hero-accent),transparent 64%);outline-offset:4px}
.jarayan-hero-showcase__feature-index{position:absolute;inset:7px 8px auto auto;font:700 .56rem/1.2 inherit;color:rgba(21,121,170,.55)}
.jarayan-hero-showcase__feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:var(--hero-accent);background:linear-gradient(145deg,rgba(230,247,254,.98),rgba(208,237,249,.72));box-shadow:inset 0 0 0 1px rgba(28,143,194,.08),0 9px 18px rgba(24,139,190,.12);animation:jarayanHeroIcon calc(4.5s * var(--hero-speed)) ease-in-out infinite}
.jarayan-hero-showcase__feature:nth-child(2) .jarayan-hero-showcase__feature-icon{animation-delay:-1.2s}
.jarayan-hero-showcase__feature:nth-child(3) .jarayan-hero-showcase__feature-icon{animation-delay:-2.4s}
.jarayan-hero-showcase__feature:nth-child(4) .jarayan-hero-showcase__feature-icon{animation-delay:-3.5s}
.jarayan-hero-showcase__feature-icon svg{width:22px;height:22px}
.jarayan-hero-showcase__feature-copy{display:grid;min-width:0;gap:2px}
.jarayan-hero-showcase__feature-copy strong{font-size:.78rem;line-height:1.55;color:inherit}
.jarayan-hero-showcase__feature-copy small{font-size:.59rem;line-height:1.65;color:var(--hero-muted)}
.jarayan-hero-showcase__feature-copy em{display:none;font-style:normal;font-size:.53rem;line-height:1.55;color:var(--hero-muted)}
.jarayan-hero-showcase__feature-arrow{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(15,133,194,.08);color:var(--hero-accent)}
.jarayan-hero-showcase__feature-arrow svg{width:13px;height:13px}

.jarayan-hero-showcase__assurance{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;gap:7px}
.jarayan-hero-showcase__assurance span{display:flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid rgba(154,202,222,.45);border-radius:999px;background:rgba(255,255,255,.76);color:var(--hero-muted);backdrop-filter:blur(12px)}
.jarayan-hero-showcase__assurance i{display:grid;color:var(--hero-accent)}
.jarayan-hero-showcase__assurance i svg{width:15px;height:15px}
.jarayan-hero-showcase__assurance b{font-size:.55rem;white-space:nowrap}

/* 01 — Glass orbit */
.jarayan-hero-showcase--glass-orbit{background:radial-gradient(circle at 51% 44%,rgba(255,255,255,.96) 0 20%,rgba(229,246,253,.92) 55%,#f8fcfe 100%)}
.jarayan-hero-showcase--glass-orbit .jarayan-hero-showcase__brand{top:28%;left:50%;translate:calc(-50% + var(--hero-px,0)) var(--hero-py,0)}
.jarayan-hero-showcase--glass-orbit .jarayan-hero-showcase__feature--in-person{top:7%;right:5%}
.jarayan-hero-showcase--glass-orbit .jarayan-hero-showcase__feature--therapists{top:18%;left:1%}
.jarayan-hero-showcase--glass-orbit .jarayan-hero-showcase__feature--online{bottom:21%;left:3%}
.jarayan-hero-showcase--glass-orbit .jarayan-hero-showcase__feature--support{bottom:12%;right:3%}
.jarayan-hero-showcase--glass-orbit .jarayan-hero-showcase__assurance{inset:auto 0 13px}

/* 02 — Scandinavian sculptural stage */
.jarayan-hero-showcase--scandi-stage{min-height:630px;background:linear-gradient(145deg,#fbfdff 0 55%,#e8f7fd 55.2% 100%)}
.jarayan-hero-showcase--scandi-stage::before{content:"";position:absolute;z-index:-1;width:83%;height:52%;left:-14%;top:6%;border-radius:46% 54% 35% 65%/62% 42% 58% 38%;background:linear-gradient(145deg,rgba(222,242,250,.86),rgba(255,255,255,.95));box-shadow:inset -24px -20px 65px rgba(124,191,220,.12)}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__connections{opacity:.28;transform:scale(.94)}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__brand{top:9%;left:7%;width:270px}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__rings{border-radius:44% 56% 51% 49%/56% 44% 56% 44%;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(220,242,251,.92));transform:rotate(-8deg)}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__logo{border-radius:42% 58% 52% 48%/58% 43% 57% 42%}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__brand-copy{right:-92%;bottom:auto;top:34%;translate:0 0;text-align:right;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__brand-copy strong{font-size:1.03rem}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__brand-copy small{font-size:.65rem}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__features{inset:auto 4% 62px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__feature{position:relative;inset:auto!important;width:auto;min-height:82px;border-radius:24px;background:rgba(255,255,255,.88)}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__assurance{top:16px;right:16px;flex-direction:column;align-items:flex-end}
.jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__assurance span{background:rgba(255,255,255,.68)}

/* 03 — Dark neon horizon */
.jarayan-hero-showcase--neon-horizon{--hero-ink:#f5fbff;--hero-muted:#a4c6d9;--hero-surface:rgba(5,28,48,.76);--hero-line:rgba(34,224,255,.47);--hero-glow:rgba(19,214,255,.38);border-color:rgba(44,213,245,.3);background:radial-gradient(circle at 50% 42%,#0b3552 0,#041c30 42%,#020d1b 100%);box-shadow:0 34px 100px rgba(0,18,38,.35)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__grid{background-image:linear-gradient(rgba(31,201,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,201,232,.07) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__wash--a{background:radial-gradient(circle,rgba(0,196,255,.22),transparent 68%)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__wash--b{background:radial-gradient(circle,rgba(0,102,255,.25),transparent 70%)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__brand{top:26%;left:50%;translate:calc(-50% + var(--hero-px,0)) var(--hero-py,0)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__rings{background:rgba(3,26,46,.68);border:1px solid rgba(36,222,255,.55);box-shadow:0 0 60px rgba(0,194,255,.22),inset 0 0 35px rgba(0,182,255,.12)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__rings i{border-color:rgba(47,223,255,.55);box-shadow:0 0 18px rgba(31,214,255,.2)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__logo{background:radial-gradient(circle,#0d4160,#04192c);box-shadow:inset 0 0 22px rgba(33,211,246,.3),0 0 34px rgba(18,200,240,.28)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__logo img{filter:brightness(0) invert(1) drop-shadow(0 0 13px rgba(27,211,248,.35))}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__brand-copy{border-color:rgba(42,225,255,.38);background:rgba(4,28,48,.8);box-shadow:0 0 25px rgba(15,207,247,.12)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__feature{border-color:rgba(41,216,246,.48);box-shadow:0 0 30px rgba(0,189,233,.12),inset 0 0 24px rgba(5,101,137,.12)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__feature:hover{border-color:#2ce8ff;box-shadow:0 0 42px rgba(0,205,250,.24),inset 0 0 28px rgba(5,123,164,.16)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__feature-icon{color:#3deaff;background:rgba(7,48,74,.9);box-shadow:0 0 23px rgba(21,222,255,.26),inset 0 0 0 1px rgba(58,228,255,.35)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__feature-arrow{color:#41e8ff;background:rgba(24,204,239,.12)}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__feature--in-person{top:8%;right:3%}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__feature--therapists{top:8%;left:3%}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__feature--online{bottom:24%;right:3%}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__feature--support{bottom:24%;left:3%}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__assurance{inset:auto 5% 15px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(40,221,250,.37);border-radius:18px;background:rgba(3,25,43,.7);padding:8px}
.jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__assurance span{border:0;background:none;color:#b8d8e8}

/* 04 — Journey dashboard */
.jarayan-hero-showcase--journey-dashboard{min-height:660px;background:linear-gradient(135deg,#f8fcff,#eaf6fc)}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__connections{opacity:0}
.jarayan-hero-showcase--journey-dashboard::after{content:"";position:absolute;z-index:0;right:49.5%;top:80px;bottom:78px;width:5px;border-radius:999px;background:linear-gradient(#7dd1f2,#0e8bca,#86d8ef);box-shadow:0 0 0 7px rgba(18,139,199,.07)}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__brand{top:12%;left:6%;width:245px}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__brand-copy{bottom:-80px;min-width:255px;border-radius:18px}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__features{inset:34px 4% 34px 51.5%;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature{position:relative;inset:auto!important;width:100%;min-height:128px;grid-template-columns:60px minmax(0,1fr) 34px;padding:15px;border-radius:24px;background:rgba(255,255,255,.91)}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature::before{content:"";position:absolute;left:-28px;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--hero-accent);box-shadow:0 0 0 6px rgba(15,134,197,.1);translate:0 -50%}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-icon{width:58px;height:58px;border-radius:20px}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-icon svg{width:28px;height:28px}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-copy strong{font-size:.9rem}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-copy small{font-size:.65rem}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-copy em{display:block;margin-top:5px}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-index{font-size:.64rem;color:var(--hero-accent)}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__assurance{left:4%;bottom:18px;width:43%;display:grid;grid-template-columns:1fr}
.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__assurance span{justify-content:flex-start;width:100%;border-radius:13px}

/* 05 — Paper path */
.jarayan-hero-showcase--paper-path{--hero-muted:#657581;min-height:640px;border-color:rgba(187,203,210,.72);background:linear-gradient(145deg,#e5f5fc 0 38%,#fff9ee 38.2% 70%,#dbeef8 70.2% 100%)}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__landscape{display:block;z-index:-1;inset:auto -8% -12% -8%;height:44%;border-radius:50% 50% 0 0/24% 24% 0 0;background:radial-gradient(ellipse at 50% 100%,#0d4a72 0 22%,#2d759c 22.4% 36%,#9ed1e4 36.4% 54%,#f4ead8 54.4% 70%,transparent 70.4%);filter:drop-shadow(0 -12px 15px rgba(46,94,116,.08))}
.jarayan-hero-showcase--paper-path::before,.jarayan-hero-showcase--paper-path::after{content:"";position:absolute;z-index:-1;border-radius:50%;background:#fff;box-shadow:0 14px 30px rgba(47,82,96,.08)}
.jarayan-hero-showcase--paper-path::before{width:130px;height:52px;top:8%;right:7%;box-shadow:-42px 9px 0 -13px #fff,38px 7px 0 -17px #fff}
.jarayan-hero-showcase--paper-path::after{width:74%;height:48%;top:4%;left:13%;border-radius:46% 54% 43% 57%/57% 44% 56% 43%;background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 13px rgba(255,255,255,.4),0 20px 50px rgba(52,91,110,.08)}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__connections .path{stroke-width:8;stroke-dasharray:none;stroke:#f8f2e8;filter:drop-shadow(0 5px 3px rgba(71,104,119,.12))}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__brand{top:25%;left:50%;translate:calc(-50% + var(--hero-px,0)) var(--hero-py,0)}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__rings{background:linear-gradient(145deg,#fff,#edf6fa);box-shadow:0 22px 45px rgba(37,79,98,.13),inset 0 0 0 14px rgba(255,255,255,.65)}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__feature{border:0;border-radius:18px;background:#fffdf9;box-shadow:0 13px 0 rgba(78,105,116,.04),0 22px 35px rgba(49,84,99,.12)}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__feature--in-person{top:12%;right:3%;rotate:1.5deg}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__feature--therapists{top:9%;left:3%;rotate:-1.7deg}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__feature--online{bottom:23%;left:4%;rotate:1deg}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__feature--support{bottom:22%;right:4%;rotate:-1.2deg}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__assurance{inset:auto 50% 13px auto;translate:50% 0;background:#fff;border-radius:999px;padding:5px 8px;box-shadow:0 12px 24px rgba(28,69,88,.12)}
.jarayan-hero-showcase--paper-path .jarayan-hero-showcase__assurance span{border:0;background:none}

/* Motion and interaction */
.jarayan-hero-showcase.is-motion-disabled *,
.jarayan-hero-showcase.is-motion-disabled *::before,
.jarayan-hero-showcase.is-motion-disabled *::after{animation:none!important;transition-duration:.01ms!important}
@keyframes jarayanHeroSpin{to{rotate:360deg}}
@keyframes jarayanHeroDash{to{stroke-dashoffset:-190}}
@keyframes jarayanHeroPulse{0%,100%{opacity:.45;scale:.86}50%{opacity:1;scale:1.18}}
@keyframes jarayanHeroOrb{0%{translate:-9px -7px;scale:.88}100%{translate:13px 15px;scale:1.12}}
@keyframes jarayanHeroIcon{0%,100%{translate:0 0}50%{translate:0 -3px}}

/* Tablet: keep each identity but remove fragile absolute overflow. */
@media (max-width:1100px){
  body.home .v109-hero-visual{max-width:680px!important}
}
@media (max-width:820px){
  .jarayan-hero-showcase{min-height:auto!important;padding:28px 18px 18px;border-radius:28px}
  .jarayan-hero-showcase__scene{opacity:.75}
  .jarayan-hero-showcase__connections{display:none}
  .jarayan-hero-showcase__brand,
  .jarayan-hero-showcase--glass-orbit .jarayan-hero-showcase__brand,
  .jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__brand,
  .jarayan-hero-showcase--paper-path .jarayan-hero-showcase__brand,
  .jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__brand,
  .jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__brand{
    position:relative;inset:auto!important;left:auto!important;top:auto!important;width:190px;margin:2px auto 68px;translate:var(--hero-px,0) var(--hero-py,0)!important
  }
  .jarayan-hero-showcase__brand-copy{bottom:-56px}
  .jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__brand-copy{inset:auto 50% -58px auto;translate:50% 0;text-align:center;padding:8px 17px;border:1px solid rgba(149,205,229,.55);background:rgba(255,255,255,.79);box-shadow:0 12px 30px rgba(13,74,100,.08)}
  .jarayan-hero-showcase__features,
  .jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__features,
  .jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__features{
    position:relative;inset:auto!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
  }
  .jarayan-hero-showcase__feature,
  .jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__feature,
  .jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature{
    position:relative;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;min-height:82px;padding:10px;grid-template-columns:42px minmax(0,1fr) 24px;rotate:0!important
  }
  .jarayan-hero-showcase--journey-dashboard::after,.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature::before{display:none}
  .jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-icon{width:42px;height:42px;border-radius:14px}
  .jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-icon svg{width:22px;height:22px}
  .jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-copy strong{font-size:.78rem}
  .jarayan-hero-showcase__feature-copy em{display:none!important}
  .jarayan-hero-showcase__assurance,
  .jarayan-hero-showcase--glass-orbit .jarayan-hero-showcase__assurance,
  .jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__assurance,
  .jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__assurance,
  .jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__assurance,
  .jarayan-hero-showcase--paper-path .jarayan-hero-showcase__assurance{
    position:relative;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;translate:0 0;width:auto;margin-top:12px;display:flex;flex-flow:row wrap;justify-content:center;background:transparent;border:0;padding:0;box-shadow:none
  }
  .jarayan-hero-showcase--neon-horizon .jarayan-hero-showcase__assurance span{border:1px solid rgba(40,221,250,.22);background:rgba(3,25,43,.5)}
  .jarayan-hero-showcase--paper-path .jarayan-hero-showcase__landscape{height:32%}
}
@media (max-width:520px){
  body.home .v109-hero-visual{max-width:100%!important;margin-block:0!important}
  .jarayan-hero-showcase{padding:22px 12px 14px;border-radius:24px}
  .jarayan-hero-showcase__brand{width:158px!important;margin-bottom:58px!important}
  .jarayan-hero-showcase__brand-copy{min-width:190px;padding:7px 12px}
  .jarayan-hero-showcase__features,
  .jarayan-hero-showcase--scandi-stage .jarayan-hero-showcase__features,
  .jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .jarayan-hero-showcase__feature,
  .jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature{grid-template-columns:36px minmax(0,1fr);min-height:94px;padding:9px 8px;border-radius:17px;gap:7px}
  .jarayan-hero-showcase__feature-icon,.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-icon{width:36px;height:36px;border-radius:12px}
  .jarayan-hero-showcase__feature-icon svg{width:19px;height:19px}
  .jarayan-hero-showcase__feature-copy strong,.jarayan-hero-showcase--journey-dashboard .jarayan-hero-showcase__feature-copy strong{font-size:.68rem;line-height:1.5}
  .jarayan-hero-showcase__feature-copy small{font-size:.54rem;line-height:1.55}
  .jarayan-hero-showcase__feature-arrow{display:none}
  .jarayan-hero-showcase__feature-index{font-size:.48rem}
  .jarayan-hero-showcase__assurance b{font-size:.5rem}
  .jarayan-hero-showcase__assurance span{padding:5px 7px}
}
@media (prefers-reduced-motion:reduce){
  .jarayan-hero-showcase *,
  .jarayan-hero-showcase *::before,
  .jarayan-hero-showcase *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}