/* v138 — homepage exploration gateway
   Keeps the established galaxy hero and adds a clear path into the site's content. */

.hero#αρχική{
  min-height:620px!important;
}
.hero#αρχική .hero-copy{
  padding-top:54px!important;
  padding-bottom:42px!important;
}
.hero#αρχική .hero-actions{
  margin:30px 0 38px!important;
}
.hero#αρχική .hero-actions .primary{
  min-width:246px;
  border-radius:12px;
  padding:15px 22px;
  gap:18px;
}
.hero#αρχική .hero-actions .primary span{
  font-size:1.08em;
  transform:translateY(-1px);
}
.hero#αρχική .audience{
  opacity:.9;
}
.home-scroll-cue{
  position:absolute;
  z-index:6;
  right:max(28px,calc((100vw - var(--max))/2));
  bottom:20px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(238,242,252,.68);
  font-size:.76rem;
  font-weight:500;
  letter-spacing:.01em;
}
.home-scroll-cue span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  color:#fff;
}
.home-scroll-cue:hover{color:#fff}

.home-intro-v138{
  --home-bg:#f7f8fc;
  --home-card:#fff;
  --home-border:rgba(23,35,59,.10);
  --home-shadow:0 16px 42px rgba(31,45,68,.065);
  background:
    radial-gradient(circle at 11% 0%,rgba(116,87,255,.08),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(79,139,255,.08),transparent 25%),
    var(--home-bg);
  padding:62px max(28px,calc((100vw - var(--max))/2)) 68px;
  scroll-margin-top:86px;
}
.home-intro-inner{max-width:var(--max);margin:0 auto}
.home-intro-head{text-align:center;max-width:760px;margin:0 auto 30px}
.home-intro-head::before{
  content:"";
  display:block;
  width:38px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#7357ff,#9b86ff);
  margin:0 auto 13px;
}
.home-intro-head h2{
  margin:0 0 8px;
  color:#17233b;
  font-size:clamp(1.8rem,3vw,2.6rem);
  line-height:1.1;
  letter-spacing:-.035em;
}
.home-intro-head p{
  max-width:670px;
  margin:0 auto;
  color:#667085;
  font-size:.98rem;
  line-height:1.65;
}
.home-path-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0 0 18px;
}
.home-path-card{
  position:relative;
  min-height:216px;
  padding:24px 22px 20px;
  border:1px solid var(--home-border);
  border-radius:20px;
  background:var(--home-card);
  box-shadow:var(--home-shadow);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.home-path-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.72),transparent 58%);
}
.home-path-card.gym{background:linear-gradient(145deg,#effaf7,#e7f7f2)}
.home-path-card.lyk{background:linear-gradient(145deg,#eef4ff,#e7efff)}
.home-path-card.sim{background:linear-gradient(145deg,#f3efff,#ebe6ff)}
.home-path-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 46px rgba(31,45,68,.10);
  border-color:rgba(115,87,255,.24);
}
.home-path-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin-bottom:9px;
  color:#5d4bd9;
}
.home-path-card.gym .home-path-icon{color:#268c70}
.home-path-card.lyk .home-path-icon{color:#3977cf}
.home-path-card.sim .home-path-icon{color:#6857d9}
.home-path-icon svg{width:44px;height:44px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-path-card h3{
  position:relative;
  z-index:1;
  margin:0 0 7px;
  color:#17233b;
  font-size:1.28rem;
  line-height:1.2;
}
.home-path-card p{
  position:relative;
  z-index:1;
  margin:0 auto;
  max-width:270px;
  color:#536074;
  font-size:.86rem;
  line-height:1.55;
}
.home-path-arrow{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-top:auto;
  border-radius:50%;
  background:#17233b;
  color:#fff;
  font-size:1rem;
  box-shadow:0 8px 20px rgba(23,35,59,.14);
}
.home-path-card.gym .home-path-arrow{background:#2e9679}
.home-path-card.lyk .home-path-arrow{background:#407fd7}
.home-path-card.sim .home-path-arrow{background:#7357ff}

.home-g3-feature{
  position:relative;
  min-height:198px;
  margin:16px 0 40px;
  border-radius:22px;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:28px 34px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(4,13,34,.98) 0%,rgba(4,13,34,.94) 42%,rgba(4,13,34,.58) 70%,rgba(4,13,34,.22) 100%),
    url('/assets/hero-galaxy-user-v103.png') right 43% center/72% auto no-repeat,
    #06102a;
  box-shadow:0 18px 42px rgba(20,29,58,.16);
}
.home-g3-feature::before{
  content:"";
  position:absolute;
  left:30px;
  top:29px;
  width:38px;
  height:3px;
  border-radius:999px;
  background:#9e88ff;
}
.home-g3-copy{position:relative;z-index:2;max-width:660px;padding-left:68px}
.home-g3-copy h3{margin:0 0 6px;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;color:#fff}
.home-g3-copy p{margin:0 0 17px;color:rgba(239,243,252,.86);font-size:.94rem;line-height:1.55}
.home-g3-button{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:11px 16px;
  border-radius:10px;
  background:#7357ff;
  color:#fff;
  font-size:.86rem;
  font-weight:700;
  box-shadow:0 9px 24px rgba(115,87,255,.30);
}
.home-g3-feature:hover .home-g3-button{background:#826cff;transform:translateY(-1px)}
.home-g3-note{
  position:absolute;
  z-index:2;
  right:32px;
  top:28px;
  width:210px;
  margin:0;
  color:rgba(231,226,255,.74);
  text-align:right;
  font-family:Literata,Georgia,serif;
  font-style:italic;
  font-size:.78rem;
  line-height:1.5;
}

.home-find{padding-top:2px}
.home-find-title{text-align:center;margin-bottom:24px}
.home-find-title::before{
  content:"";
  display:block;
  width:38px;
  height:3px;
  border-radius:999px;
  background:#7357ff;
  margin:0 auto 11px;
}
.home-find-title h3{margin:0;font-size:clamp(1.55rem,2.6vw,2.05rem);letter-spacing:-.025em;color:#17233b}
.home-find-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.home-find-item{
  position:relative;
  padding:4px 25px 12px;
  text-align:center;
}
.home-find-item+.home-find-item{border-left:1px solid rgba(23,35,59,.10)}
.home-find-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin:0 auto 7px;
  color:#6857d9;
}
.home-find-icon svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-find-item strong{display:block;color:#17233b;font-size:.96rem;margin-bottom:4px}
.home-find-item p{margin:0;color:#647083;font-size:.78rem;line-height:1.55}
.home-find-quote{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  max-width:780px;
  margin:29px auto 0;
  color:#6c5bd5;
  font-family:Literata,Georgia,serif;
  font-style:italic;
  font-size:.9rem;
  text-align:center;
}
.home-find-quote::before,.home-find-quote::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#c8c0f5)}
.home-find-quote::after{background:linear-gradient(90deg,#c8c0f5,transparent)}

@media(max-width:980px){
  .home-g3-note{display:none}
  .home-g3-copy{max-width:610px}
  .home-find-item{padding-left:16px;padding-right:16px}
}

@media(max-width:767px){
  .hero#αρχική{
    min-height:0!important;
    display:block!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .hero#αρχική .hero-copy{
    max-width:100%!important;
    padding-top:42px!important;
    padding-bottom:36px!important;
  }
  .hero#αρχική .eyebrow{margin-bottom:18px!important;font-size:.64rem!important;line-height:1.5!important}
  .hero#αρχική h1{
    font-size:clamp(2.05rem,9.2vw,2.75rem)!important;
    line-height:1.04!important;
    margin-bottom:20px!important;
  }
  .hero#αρχική h1 em{font-size:.66em!important;line-height:1.25!important}
  .hero#αρχική .lead{font-size:1rem!important;line-height:1.7!important;margin-bottom:0!important}
  .hero#αρχική .hero-actions{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:20px!important;
    margin:26px 0 28px!important;
  }
  .hero#αρχική .hero-actions .primary{
    min-width:0;
    width:auto;
    padding:13px 18px!important;
    border-radius:11px!important;
  }
  .hero#αρχική .hero-actions .text-link{font-size:.92rem!important}
  .hero#αρχική .audience{gap:11px!important;font-size:.66rem!important;flex-wrap:wrap!important}
  .hero#αρχική .audience b{flex-basis:100%;margin-bottom:-2px}
  .home-scroll-cue{display:none}

  .home-intro-v138{padding:46px 20px 52px;scroll-margin-top:74px}
  .home-intro-head{margin-bottom:24px}
  .home-intro-head h2{font-size:1.72rem}
  .home-intro-head p{font-size:.9rem;line-height:1.58}
  .home-path-grid{grid-template-columns:1fr;gap:12px}
  .home-path-card{
    min-height:0;
    padding:18px 18px 16px;
    display:grid;
    grid-template-columns:52px 1fr 34px;
    grid-template-rows:auto auto;
    column-gap:14px;
    text-align:left;
    align-items:center;
  }
  .home-path-icon{grid-row:1/3;margin:0;width:48px;height:48px}
  .home-path-icon svg{width:39px;height:39px}
  .home-path-card h3{grid-column:2;margin:0 0 3px;font-size:1.14rem}
  .home-path-card p{grid-column:2;max-width:none;margin:0;font-size:.79rem;line-height:1.45}
  .home-path-arrow{grid-column:3;grid-row:1/3;margin:0;width:32px;height:32px}

  .home-g3-feature{
    min-height:220px;
    margin:14px 0 34px;
    padding:28px 23px;
    align-items:flex-end;
    background:
      linear-gradient(180deg,rgba(4,13,34,.45) 0%,rgba(4,13,34,.86) 47%,rgba(4,13,34,.98) 100%),
      url('/assets/hero-galaxy-user-v103.png') 71% 38%/145% auto no-repeat,
      #06102a;
  }
  .home-g3-feature::before{left:22px;top:24px}
  .home-g3-copy{padding-left:0;max-width:none}
  .home-g3-copy h3{font-size:1.65rem}
  .home-g3-copy p{font-size:.82rem;line-height:1.48;margin-bottom:13px}
  .home-g3-button{padding:10px 14px;font-size:.82rem}
  .home-find-grid{grid-template-columns:1fr 1fr;gap:0}
  .home-find-item{padding:15px 14px}
  .home-find-item+.home-find-item{border-left:0}
  .home-find-item:nth-child(even){border-left:1px solid rgba(23,35,59,.10)}
  .home-find-item:nth-child(n+3){border-top:1px solid rgba(23,35,59,.10)}
  .home-find-quote{font-size:.79rem;gap:10px;margin-top:23px}
}

@media(max-width:430px){
  .hero#αρχική .hero-copy{padding-top:36px!important;padding-bottom:32px!important}
  .hero#αρχική h1{font-size:clamp(1.95rem,9.6vw,2.48rem)!important}
  .hero#αρχική .lead{font-size:.94rem!important}
  .home-find-grid{grid-template-columns:1fr}
  .home-find-item,.home-find-item:nth-child(even){border-left:0}
  .home-find-item+.home-find-item{border-top:1px solid rgba(23,35,59,.10)}
  .home-find-quote::before,.home-find-quote::after{display:none}
}

@media(prefers-reduced-motion:reduce){
  .home-path-card,.home-g3-button{transition:none!important}
}