/* PINOSS HERO single fixed v2.1 */
/* PINOSS HERO v2 — large phone + uniform logo cards + premium orbit */
.ghero__slide--orbit{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;color:#102849!important}
.ghero__slide--orbit .ghero__shell{max-width:1320px!important;min-height:570px!important;grid-template-columns:minmax(330px,.82fr) minmax(590px,1.18fr)!important;gap:28px!important;padding:36px 28px 26px!important}
.ghero__slide--orbit .ghero__content{z-index:60;align-self:center!important;padding-left:10px}
.ghero__eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 14px;margin-bottom:22px;border-radius:999px;background:#f3f8ff;color:#176fe5;font-size:13px;font-weight:800;letter-spacing:.04em}
.ghero__slide--orbit .ghero__content h1{margin:0!important;color:#102849!important;font-size:clamp(38px,3.5vw,58px)!important;line-height:1.14!important;letter-spacing:-.045em!important;text-shadow:none!important}
.ghero__slide--orbit .ghero__content h1::first-line{color:#102849}
.ghero__slide--orbit .ghero__description{margin-top:26px!important;color:#34475f!important;font-size:17px!important;line-height:1.9!important;text-shadow:none!important}
.ghero__slide--orbit .ghero__button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:240px!important;height:66px!important;margin-top:28px!important;padding:0 28px!important;border-radius:22px!important;background:linear-gradient(135deg,#287df0,#075ee5)!important;color:#fff!important;font-size:18px!important;font-weight:800!important;box-shadow:0 14px 30px rgba(20,103,229,.24)!important}
.ghero__visual--orbit{min-height:500px!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ghero-orbit{position:relative;width:min(720px,100%);height:500px;margin:0 auto;overflow:visible;isolation:isolate}
.ghero-orbit::before{position:absolute;left:50%;top:50%;width:94%;height:61%;border:2px solid rgba(69,145,245,.34);border-radius:50%;background:radial-gradient(ellipse at center,rgba(56,139,255,.075),rgba(255,255,255,0) 66%);box-shadow:0 0 36px rgba(55,137,244,.10),inset 0 0 22px rgba(61,145,255,.05);content:"";transform:translate(-50%,-50%);pointer-events:none;z-index:1}
.ghero-orbit::after{position:absolute;left:50%;bottom:5%;width:50%;height:12%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(35,119,235,.22),rgba(35,119,235,0) 72%);filter:blur(10px);content:"";transform:translateX(-50%);pointer-events:none;z-index:2}
.ghero-orbit__phone{position:absolute;left:50%;top:51%;z-index:20;width:330px;height:440px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:42px;background:#fff;box-shadow:0 18px 50px rgba(34,73,123,.08);overflow:hidden}
.ghero-orbit__video{display:block;width:100%;height:100%;max-height:none!important;object-fit:cover;object-position:center;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.ghero-orbit-card{position:absolute;left:50%;top:50%;z-index:10;width:126px;height:126px;box-sizing:border-box;display:grid;place-items:center;padding:14px;border:1px solid rgba(213,225,240,.95);border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(27,63,111,.12);transform:translate(-50%,-50%);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;pointer-events:none}
.ghero-orbit-card img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(17,33,53,.04))}
.ghero-orbit-card.is-back{opacity:.68;filter:saturate(.92) blur(.15px)}
.ghero-orbit-card.is-front{opacity:1;filter:drop-shadow(0 12px 20px rgba(23,111,229,.10))}
@media(max-width:980px){.ghero__slide--orbit .ghero__shell{grid-template-columns:1fr 1.25fr!important;min-height:530px!important}.ghero-orbit{width:min(610px,100%);height:450px}.ghero-orbit__phone{width:285px;height:390px}.ghero-orbit-card{width:108px;height:108px;border-radius:20px}}
@media(max-width:760px){.ghero__slide--orbit .ghero__shell{display:flex!important;flex-direction:column!important;min-height:auto!important;padding:26px 18px 20px!important}.ghero__slide--orbit .ghero__content{text-align:center;padding:0!important}.ghero__eyebrow{margin-bottom:12px}.ghero__slide--orbit .ghero__content h1{font-size:36px!important}.ghero__slide--orbit .ghero__description{margin-top:14px!important;font-size:15px!important}.ghero__slide--orbit .ghero__button{height:56px!important;min-width:210px!important;margin-top:18px!important}.ghero__visual--orbit{width:100%;min-height:390px!important}.ghero-orbit{width:min(520px,100%);height:390px}.ghero-orbit__phone{width:225px;height:320px;border-radius:30px}.ghero-orbit-card{width:88px;height:88px;padding:9px;border-radius:17px}.ghero-orbit::before{width:96%;height:55%}}
@media(max-width:420px){.ghero__slide--orbit .ghero__content h1{font-size:32px!important}.ghero__visual--orbit{min-height:340px!important}.ghero-orbit{height:340px}.ghero-orbit__phone{width:190px;height:275px}.ghero-orbit-card{width:74px;height:74px;padding:7px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.ghero-orbit-card{will-change:auto}}


/* =========================================================
   PINOSS HERO mobile final override v2.2
   - 상단 과도한 공백 제거
   - 텍스트/버튼/휴대폰을 한 화면 흐름으로 압축
   - 하단 고정바에 영상이 과도하게 가리지 않도록 높이 조정
   ========================================================= */
@media(max-width:760px){
  #mainHero.ghero{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    background:#fff!important;
  }

  #mainHero .ghero__track{
    min-height:0!important;
    height:auto!important;
    position:relative!important;
  }

  #mainHero .ghero__slide,
  #mainHero .ghero__slide--orbit.is-active{
    min-height:0!important;
    height:auto!important;
    align-items:flex-start!important;
    position:relative!important;
    overflow:hidden!important;
  }

  #mainHero .ghero__shell,
  #mainHero .ghero__slide--orbit .ghero__shell{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:0!important;
    padding:22px 14px 18px!important;
    margin:0!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  #mainHero .ghero__content,
  #mainHero .ghero__slide--orbit .ghero__content{
    width:100%!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }

  #mainHero .ghero__eyebrow{
    min-height:26px!important;
    margin:0 0 14px!important;
    padding:0 12px!important;
    font-size:11px!important;
    letter-spacing:.035em!important;
  }

  #mainHero .ghero__content h1,
  #mainHero .ghero__slide--orbit .ghero__content h1{
    margin:0!important;
    font-size:31px!important;
    line-height:1.16!important;
    letter-spacing:-.045em!important;
  }

  #mainHero .ghero__description,
  #mainHero .ghero__slide--orbit .ghero__description{
    margin:15px 0 0!important;
    font-size:14px!important;
    line-height:1.62!important;
  }

  #mainHero .ghero__button,
  #mainHero .ghero__slide--orbit .ghero__button{
    width:min(280px,82vw)!important;
    min-width:0!important;
    height:56px!important;
    min-height:56px!important;
    margin:18px auto 0!important;
    padding:0 20px!important;
    border-radius:18px!important;
    font-size:17px!important;
  }

  #mainHero .ghero__visual,
  #mainHero .ghero__visual--orbit,
  #mainHero .ghero__slide--orbit .ghero__visual--orbit{
    width:100%!important;
    min-height:300px!important;
    height:300px!important;
    margin:10px 0 0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }

  #mainHero .ghero-orbit{
    width:min(390px,100%)!important;
    height:300px!important;
    margin:0 auto!important;
    overflow:visible!important;
  }

  #mainHero .ghero-orbit__phone{
    top:51%!important;
    width:170px!important;
    height:245px!important;
    max-width:none!important;
    border-radius:24px!important;
  }

  #mainHero .ghero-orbit__video{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  #mainHero .ghero-orbit-card{
    width:72px!important;
    height:72px!important;
    padding:7px!important;
    border-radius:14px!important;
  }

  #mainHero .ghero-orbit::before{
    width:96%!important;
    height:54%!important;
    top:52%!important;
  }

  #mainHero .ghero-orbit::after{
    width:52%!important;
    bottom:2%!important;
  }
}

@media(max-width:390px){
  #mainHero .ghero__shell,
  #mainHero .ghero__slide--orbit .ghero__shell{
    padding:18px 12px 14px!important;
  }

  #mainHero .ghero__content h1,
  #mainHero .ghero__slide--orbit .ghero__content h1{
    font-size:28px!important;
  }

  #mainHero .ghero__description,
  #mainHero .ghero__slide--orbit .ghero__description{
    font-size:13px!important;
  }

  #mainHero .ghero__visual,
  #mainHero .ghero__visual--orbit{
    min-height:280px!important;
    height:280px!important;
  }

  #mainHero .ghero-orbit{
    height:280px!important;
  }

  #mainHero .ghero-orbit__phone{
    width:158px!important;
    height:228px!important;
  }

  #mainHero .ghero-orbit-card{
    width:66px!important;
    height:66px!important;
  }
}


/* =========================================================
   v40 HERO VISIBILITY RECOVERY
   히어로가 숨겨지는 상태를 우선 복구. 디자인 구조는 변경하지 않음.
   ========================================================= */
#mainHero.ghero{
  display:block!important;
  position:relative!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-height:420px!important;
  height:auto!important;
}

#mainHero .ghero__track{
  display:block!important;
  position:relative!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:420px!important;
}

#mainHero .ghero__slide.is-active{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#mainHero .ghero__slide--orbit.is-active{
  min-height:420px!important;
}

@media(max-width:760px){
  #mainHero.ghero,
  #mainHero .ghero__track,
  #mainHero .ghero__slide--orbit.is-active{
    min-height:720px!important;
  }
}