/* HAOLLA Landing Hero — Apple Quiet Refinement v1.0.0
   Scope: Korean root landing Hero only. No other section/page should load this file. */

main[data-root-experience="1.37.0"] .rootHeroV1370{
  background:
    radial-gradient(circle at 72% 10%,rgba(255,255,255,.035),transparent 24%),
    linear-gradient(180deg,#090a0f 0%,#0b0c11 100%);
}
main[data-root-experience="1.37.0"] .rootGlowV1370{
  width:440px;
  height:440px;
  right:-170px;
  top:-220px;
  background:radial-gradient(circle,rgba(112,126,175,.055),transparent 70%);
  filter:blur(18px);
  opacity:.7;
}
main[data-root-experience="1.37.0"] .rootHeroGridV1370{
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:clamp(52px,7vw,92px);
}
main[data-root-experience="1.37.0"] .rootHeroCopyV1370{max-width:720px}
main[data-root-experience="1.37.0"] .rootMissionV1370{
  margin-bottom:24px;
  color:#a1a1a6;
  font-size:12px;
  font-weight:650;
  letter-spacing:.07em;
}
main[data-root-experience="1.37.0"] .rootMissionV1370 span{
  width:6px;
  height:6px;
  background:#76d6c6;
  box-shadow:0 0 0 3px rgba(118,214,198,.08);
}
main[data-root-experience="1.37.0"] .rootHeroV1370 h1{
  max-width:12.8ch;
  color:#f5f5f7;
  font-size:clamp(48px,5.35vw,78px);
  line-height:1.015;
  letter-spacing:-.052em;
  font-weight:600;
}
main[data-root-experience="1.37.0"] .rootHeroV1370 h1 strong{
  color:#fff;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  font-weight:720;
}
main[data-root-experience="1.37.0"] .rootLeadV1370{
  max-width:60ch;
  margin-top:24px;
  color:#a1a1a6;
  font-size:clamp(16px,1.28vw,18px);
  line-height:1.68;
}
main[data-root-experience="1.37.0"] .rootActionsV1370{
  gap:10px;
  margin-top:28px;
}
main[data-root-experience="1.37.0"] .rootHeroV1370 .rootPrimaryV1370,
main[data-root-experience="1.37.0"] .rootHeroV1370 .rootSecondaryV1370{
  min-height:50px;
  padding-inline:21px;
  border-radius:999px;
  font-size:14px;
  font-weight:680;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
main[data-root-experience="1.37.0"] .rootHeroV1370 .rootPrimaryV1370{
  border:1px solid #f5f5f7;
  background:#f5f5f7;
  color:#1d1d1f;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
main[data-root-experience="1.37.0"] .rootHeroV1370 .rootPrimaryV1370:hover,
main[data-root-experience="1.37.0"] .rootHeroV1370 .rootPrimaryV1370:focus-visible{
  transform:none;
  border-color:#fff;
  background:#fff;
  color:#000;
  box-shadow:0 10px 26px rgba(0,0,0,.2);
}
main[data-root-experience="1.37.0"] .rootHeroV1370 .rootSecondaryV1370{
  border:1px solid rgba(245,245,247,.22);
  background:rgba(255,255,255,.025);
  color:#f5f5f7;
  box-shadow:none;
}
main[data-root-experience="1.37.0"] .rootHeroV1370 .rootSecondaryV1370:hover,
main[data-root-experience="1.37.0"] .rootHeroV1370 .rootSecondaryV1370:focus-visible{
  transform:none;
  border-color:rgba(245,245,247,.4);
  background:rgba(255,255,255,.055);
}
main[data-root-experience="1.37.0"] .rootTrustV1370{
  gap:12px 16px;
  margin-top:20px;
  color:#86868b;
  font-size:12.5px;
}
main[data-root-experience="1.37.0"] .rootTrustV1370 span:before{
  width:3px;
  height:3px;
  background:#74cfc0;
}

/* Product preview: calm, precise product surface rather than a decorative card. */
main[data-root-experience="1.37.0"] .rootProductV1370{
  max-width:550px;
  justify-self:end;
  border:1px solid rgba(255,255,255,.11);
  border-radius:24px;
  background:rgba(20,20,23,.9);
  box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(24px) saturate(115%);
}
main[data-root-experience="1.37.0"] .rootProductV1370:before{
  background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 32%);
}
main[data-root-experience="1.37.0"] .rootProductV1370:after{display:none}
main[data-root-experience="1.37.0"] .rootProductTopV1370{
  height:52px;
  padding-inline:18px;
  border-bottom-color:rgba(255,255,255,.075);
  color:#d1d1d6;
  backdrop-filter:none;
}
main[data-root-experience="1.37.0"] .rootBrandDotV1370{
  width:8px;
  height:8px;
  background:#72cdbf;
  box-shadow:none;
}
main[data-root-experience="1.37.0"] .rootProductBodyV1370{padding:18px}
main[data-root-experience="1.37.0"] .rootTodayV1370{
  padding:17px 18px;
  border-color:rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}
main[data-root-experience="1.37.0"] .rootReviewV1370{
  border-color:rgba(114,205,191,.12);
  border-radius:13px;
  background:rgba(114,205,191,.045);
}
main[data-root-experience="1.37.0"] .rootInsightV1370{
  border-color:rgba(158,174,255,.09);
  border-radius:14px;
  background:rgba(120,132,190,.055);
}
main[data-root-experience="1.37.0"] .rootTodayV1370,
main[data-root-experience="1.37.0"] .rootReviewV1370,
main[data-root-experience="1.37.0"] .rootInsightV1370{transition:border-color .16s ease,background .16s ease}
main[data-root-experience="1.37.0"] .rootProductV1370:hover .rootTodayV1370,
main[data-root-experience="1.37.0"] .rootProductV1370:hover .rootReviewV1370,
main[data-root-experience="1.37.0"] .rootProductV1370:hover .rootInsightV1370{transform:none}
main[data-root-experience="1.37.0"] .rootScrollV1370{color:#6e6e73}

@media(max-width:980px){
  main[data-root-experience="1.37.0"] .rootHeroGridV1370{grid-template-columns:1fr;gap:44px}
  main[data-root-experience="1.37.0"] .rootProductV1370{max-width:680px;justify-self:start}
}
@media(max-width:720px){
  main[data-root-experience="1.37.0"] .rootHeroV1370{padding-top:64px;padding-bottom:72px}
  main[data-root-experience="1.37.0"] .rootHeroGridV1370{gap:34px}
  main[data-root-experience="1.37.0"] .rootHeroV1370 h1{
    max-width:13.6ch;
    font-size:clamp(40px,12vw,56px);
    line-height:1.03;
    letter-spacing:-.046em;
  }
  main[data-root-experience="1.37.0"] .rootProductV1370{border-radius:20px}
  main[data-root-experience="1.37.0"] .rootProductBodyV1370{padding:15px}
}
@media(max-width:520px){
  main[data-root-experience="1.37.0"] .rootActionsV1370{gap:8px}
  main[data-root-experience="1.37.0"] .rootHeroV1370 .rootPrimaryV1370,
  main[data-root-experience="1.37.0"] .rootHeroV1370 .rootSecondaryV1370{width:100%}
}
@media(prefers-reduced-motion:reduce){
  main[data-root-experience="1.37.0"] .rootHeroV1370 *,
  main[data-root-experience="1.37.0"] .rootHeroV1370 *:before,
  main[data-root-experience="1.37.0"] .rootHeroV1370 *:after{transition:none!important}
}