/* GNB external-link icon */
  .hpf-gnb__link .hpf-gnb__ext{margin-left:4px;opacity:.6;transition:transform .15s var(--ease),opacity .15s var(--ease)}
  .hpf-gnb__link:hover .hpf-gnb__ext{opacity:1;transform:translate(1px,-1px)}
  /* Home hero: 톤앤매너 맞춘 배경 이미지 (회사소개 톤과 동일 계열) */
  body[data-page="home"] .hpf-hero__bg{
    background-image:url('/resources/image/hpf/company-img-1.jpg');
    background-size:cover;
    background-position:center;
    opacity:.22;
    mix-blend-mode:screen;
  }

  /* =============== 투자 가이드 페이지 =============== */
  .hpf-guide-hero{
    position:relative;padding:calc(var(--header-h) + 80px) 0 100px;
    background:linear-gradient(180deg,#0B1E48 0%,#132A5C 55%,#1E3A7B 100%);
    color:#fff;overflow:hidden;text-align:center;
  }
  .hpf-guide-hero::before{
    content:'';position:absolute;inset:0;
    background-image:url('/resources/image/hpf/company-img-1.jpg');
    background-size:cover;background-position:center;
    opacity:.18;mix-blend-mode:screen;pointer-events:none;
  }
  .hpf-guide-hero::after{
    content:'';position:absolute;inset:0;
    background:radial-gradient(900px 500px at 50% 0%,rgba(184,154,78,.18),transparent 60%),linear-gradient(180deg,rgba(11,30,72,.45) 0%,rgba(11,30,72,.7) 100%);
    pointer-events:none;
  }
  .hpf-guide-hero .hpf-container{position:relative;z-index:1}
  .hpf-guide-hero__inner{margin-top:24px}
  .hpf-guide-hero__eyebrow{
    display:inline-flex;align-items:center;gap:8px;padding:8px 16px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border-radius:var(--r-pill);font-size:13px;font-weight:600;color:rgba(255,255,255,.9);
    margin-bottom:28px;letter-spacing:.02em;
  }
  .hpf-guide-hero__title{
    font-size:38px;line-height:1.15;letter-spacing:-.04em;color:#fff;
    font-weight:900;margin-bottom:20px;text-shadow:0 2px 20px rgba(0,0,0,.2);
  }
  .hpf-guide-hero__title em{
    font-style:normal;
    background:linear-gradient(135deg,#F5D782 0%,var(--c-accent) 60%,#F5D782 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hpf-guide-hero__sub{
    font-size:16px;color:rgba(255,255,255,.78);line-height:1.65;
    max-width:560px;margin:0 auto;
  }
  @media (min-width:640px){ .hpf-guide-hero__title{font-size:48px} }
  @media (min-width:992px){ .hpf-guide-hero__title{font-size:56px} }

  /* Reasons 3열 */
  .hpf-guide-reasons{
    display:grid;grid-template-columns:1fr;gap:24px;
  }
  @media (min-width:768px){ .hpf-guide-reasons{grid-template-columns:repeat(3,1fr);gap:32px} }
  .hpf-guide-reason{
    background:#fff;border:1px solid var(--n-100);border-radius:var(--r-lg);
    padding:36px 24px;text-align:center;
    transition:transform .2s var(--ease),box-shadow .2s var(--ease);
  }
  .hpf-guide-reason:hover{transform:translateY(-4px);box-shadow:var(--e-2)}
  .hpf-guide-reason__icon{width:80px;height:80px;margin:0 auto 20px}
  .hpf-guide-reason__icon svg{width:100%;height:100%;display:block}
  .hpf-guide-reason__title{font-size:20px;font-weight:800;color:var(--c-primary);letter-spacing:-.02em;margin-bottom:10px}
  .hpf-guide-reason__desc{font-size:14px;color:var(--n-600);line-height:1.7}

  /* Zigzag process timeline */
  .hpf-guide-steps{position:relative;padding:12px 0;list-style:none;margin:0}
  .hpf-guide-steps::before{
    content:'';position:absolute;top:0;bottom:0;left:20px;width:2px;
    background:linear-gradient(180deg,var(--c-primary-100) 0%,var(--c-primary) 50%,var(--c-primary-100) 100%);
  }
  .hpf-guide-step{position:relative;padding:0 0 28px 52px}
  .hpf-guide-step:last-child{padding-bottom:0}
  .hpf-guide-step::before{
    content:'';position:absolute;top:22px;left:12px;width:18px;height:18px;
    border-radius:50%;background:#fff;border:3px solid var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-050);
  }
  .hpf-guide-step__card{
    background:#fff;border:1px solid var(--n-200);border-radius:var(--r-lg);
    padding:22px 24px;box-shadow:var(--e-1);
    transition:transform .2s var(--ease),box-shadow .2s var(--ease);
  }
  .hpf-guide-step__card:hover{transform:translateY(-2px);box-shadow:var(--e-2)}
  .hpf-guide-step__num{
    display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;
    color:#fff;background:var(--c-primary);padding:4px 10px;border-radius:var(--r-pill);
    margin-bottom:10px;
  }
  .hpf-guide-step__title{font-size:18px;font-weight:800;color:var(--n-900);letter-spacing:-.02em;margin-bottom:8px}
  .hpf-guide-step__desc{font-size:14px;color:var(--n-600);line-height:1.7;margin:0}
  .hpf-guide-step__cta{
    display:inline-flex;align-items:center;gap:4px;margin-top:14px;
    font-size:13px;font-weight:700;color:var(--c-primary);
    transition:transform .15s var(--ease);
  }
  .hpf-guide-step__cta:hover{transform:translateX(2px)}

  @media (min-width:768px){
    .hpf-guide-steps::before{left:50%;margin-left:-1px}
    .hpf-guide-step{padding:0;margin-bottom:32px;display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative}
    .hpf-guide-step:last-child{margin-bottom:0}
    .hpf-guide-step::before{left:50%;margin-left:-9px;top:26px}
    .hpf-guide-step__card{max-width:420px}
    .hpf-guide-step.is-left .hpf-guide-step__card{margin-right:48px;margin-left:auto;text-align:right}
    .hpf-guide-step.is-left .hpf-guide-step__num{margin-left:auto}
    .hpf-guide-step.is-right{grid-template-columns:1fr 1fr}
    .hpf-guide-step.is-right .hpf-guide-step__card{margin-left:48px;grid-column:2}
    .hpf-guide-step.is-left .hpf-guide-step__cta{margin-left:auto}
  }