/* DARGE JET — home hero: text left, jelly system right (no frame, no own background) */
.hero-refined .hero-grid-refined.hero-grid-jelly{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(32px,3.5vw,56px)}
.hero-title-refined.hero-title-jelly{max-width:none;font-size:clamp(34px,3.1vw,48px);line-height:1.08}
.hero-title-jelly span{white-space:nowrap}
.hero-title-jelly span+span{margin-top:.1em}
.hero-refined .hero-description-refined{margin-bottom:14px}
.hero-lead-jelly{margin:0 0 34px;color:var(--text-1);font-size:17px;line-height:1.6;font-weight:500}
.hero-lead-jelly::before{content:"";display:inline-block;width:22px;height:1px;margin:0 12px 0 0;vertical-align:middle;background:var(--accent)}

/* Visual area: invisible bounds only */
.hj{position:relative;width:100%;aspect-ratio:1/.64;max-width:820px;justify-self:end;margin-right:clamp(-48px,-2.5vw,0px);touch-action:pan-y;user-select:none;-webkit-user-select:none;animation:task3Enter .62s .1s cubic-bezier(.2,.75,.25,1) both}
.hj-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hj-tile{position:absolute;left:0;top:0;width:var(--w,90px);height:var(--h,76px);pointer-events:none;will-change:transform}
.hj-in{position:relative;box-sizing:border-box;width:100%;height:100%;padding:0 3px;border-radius:22%/26%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--h,76px)*.07);
  color:rgb(var(--c));text-align:center;
  background:linear-gradient(150deg,rgba(var(--c),.30) 0%,rgba(var(--c),.11) 55%,rgba(var(--c),.20) 100%),rgba(10,18,15,.3);
  border:1.5px solid rgba(var(--c),.58);
  box-shadow:0 0 20px rgba(var(--c),.20),0 12px 30px rgba(0,0,0,.38),inset 0 1px 1px rgba(255,255,255,.28),inset 0 -10px 18px rgba(var(--c),.16);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:box-shadow .32s ease,filter .32s ease}
.hj-in::before{content:"";position:absolute;inset:4px 8px auto;height:38%;border-radius:22% 22% 40% 40%/30% 30% 60% 60%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}
.hj-in svg{width:auto;height:36%;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(var(--c),.5))}
.hj-in span.hj-long{font-size:clamp(9px,calc(var(--w,90px)*.112),12px);letter-spacing:-.015em}
.hj-in svg .hj-fill{fill:currentColor;stroke:none}
.hj-in span{display:block;max-width:100%;color:rgba(244,248,245,.9);font:600 clamp(9.5px,calc(var(--w,90px)*.13),13.5px)/1.12 "Inter",sans-serif;letter-spacing:-.005em;overflow-wrap:normal}
.hj-tile.is-lit .hj-in{filter:brightness(1.22);box-shadow:0 0 36px rgba(var(--c),.55),0 0 10px rgba(var(--c),.45),0 12px 30px rgba(0,0,0,.38),inset 0 1px 1px rgba(255,255,255,.3),inset 0 -10px 18px rgba(var(--c),.24)}
.hj-tile.is-soft .hj-in{filter:brightness(1.1);box-shadow:0 0 26px rgba(var(--c),.36),0 12px 30px rgba(0,0,0,.38),inset 0 1px 1px rgba(255,255,255,.28),inset 0 -10px 18px rgba(var(--c),.2)}

/* Links: rounded orthogonal lines with arrows; a glowing spark runs along them */
.hj-link{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .4s ease}
.hj.is-built .hj-link{opacity:.62}
.hj-arrow{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .4s ease}
.hj.is-built .hj-arrow{opacity:.85}
.hj-tail{fill:none;stroke-width:3.2;stroke-linecap:round;opacity:0}
.hj-spark{opacity:0}

@media(max-width:1100px){
  .hero-refined .hero-grid-refined.hero-grid-jelly{grid-template-columns:1fr;gap:44px}
  .hj{justify-self:center;max-width:780px;margin-right:0}
}
@media(max-width:600px){.hj{aspect-ratio:1/1.3;max-width:440px}.hero-title-jelly span{white-space:normal}}
@media(max-width:640px){.hero-title-refined.hero-title-jelly{font-size:clamp(32px,9vw,42px)}}
@media(prefers-reduced-motion:reduce){.hj{animation:none}.hj-in,.hj-link,.hj-arrow{transition:none}}