.elementor-4531 .elementor-element.elementor-element-3ccb619{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4531 .elementor-element.elementor-element-3ccb619.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-4531 .elementor-element.elementor-element-151fb80 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4531 .elementor-element.elementor-element-151fb80{width:100%;max-width:100%;}.elementor-4531 .elementor-element.elementor-element-151fb80.elementor-element{--align-self:flex-start;}.elementor-4531 .elementor-element.elementor-element-fa40d89{--display:flex;--padding-top:050px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4531 .elementor-element.elementor-element-fa40d89:not(.elementor-motion-effects-element-type-background), .elementor-4531 .elementor-element.elementor-element-fa40d89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bdb335e );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4531 .elementor-element.elementor-element-cf42b92{text-align:center;}.elementor-4531 .elementor-element.elementor-element-cf42b92 .elementor-heading-title{font-family:"Noto Sans KR", Sans-serif;font-size:1.8em;font-weight:900;color:var( --e-global-color-accent );}.elementor-4531 .elementor-element.elementor-element-f814930 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-4531 .elementor-element.elementor-element-f814930{width:100%;max-width:100%;}.elementor-4531 .elementor-element.elementor-element-2af09f6{--display:flex;}.elementor-4531 .elementor-element.elementor-element-0e274b2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4531 .elementor-element.elementor-element-0e274b2{width:100%;max-width:100%;}.elementor-4531 .elementor-element.elementor-element-59a5df0{--display:flex;}.elementor-4531 .elementor-element.elementor-element-748b4ca{width:100%;max-width:100%;}.elementor-4531 .elementor-element.elementor-element-045eebe{--display:flex;}.elementor-4531 .elementor-element.elementor-element-1248e27{width:100%;max-width:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4531 .elementor-element.elementor-element-3ccb619{--width:93.254%;}.elementor-4531 .elementor-element.elementor-element-fa40d89{--content-width:100%;}.elementor-4531 .elementor-element.elementor-element-2af09f6{--content-width:100%;}.elementor-4531 .elementor-element.elementor-element-59a5df0{--content-width:100%;}.elementor-4531 .elementor-element.elementor-element-045eebe{--content-width:100%;}}@media(max-width:1024px){.elementor-4531 .elementor-element.elementor-element-3ccb619{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4531 .elementor-element.elementor-element-cf42b92 .elementor-heading-title{line-height:1.7em;}}@media(max-width:767px){.elementor-4531 .elementor-element.elementor-element-3ccb619{--padding-top:040px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-4531 .elementor-element.elementor-element-cf42b92 .elementor-heading-title{font-size:1.4em;}.elementor-4531 .elementor-element.elementor-element-cf42b92 > .elementor-widget-container{padding:0px 20px 0px 20px;}}/* Start custom CSS *//* ============================================================
   FERMI 메인페이지 — 사용자 정의 CSS
   삽입 위치 : Elementor → 페이지 설정(≡) → 고급 → 사용자 정의 CSS
   ------------------------------------------------------------
   - 모든 선택자는 .fhm-root 로 스코프 고정 (flt-/fva-/faa- 와 독립)
   - 섹션 HTML 위젯마다 <div class="fhm-root"> 래퍼가 반드시 있어야 적용됨
   - 전역 body 규칙은 제거함 (사이트 전체에 영향을 주므로)
   ============================================================ */
.fhm-root{
  /* ---- color ---- */
  --fhm-ink:#0C1330;
  --fhm-ink-soft:#16294A;
  --fhm-body:#41506B;
  --fhm-mute:#5C6884;
  --fhm-line:#E4EAF3;
  --fhm-line-dark:#24395C;
  --fhm-bg:#F4F7FB;
  --fhm-blue:#1257D6;
  --fhm-blue-deep:#2B5CE6;
  --fhm-cyan:#1E9BD1;
  --fhm-teal:#0FBFA6;
  --fhm-grad:linear-gradient(100deg,#2B5CE6 0%,#1E9BD1 52%,#0FBFA6 100%);
  --fhm-max:1200px;

  /* ---- type ---- */
  font-family:"Pretendard","Pretendard Variable",-apple-system,BlinkMacSystemFont,
              "Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  color:var(--fhm-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:-0.01em;
  word-break:keep-all;
  -webkit-font-smoothing:antialiased;
}
.fhm-root *,.fhm-root *::before,.fhm-root *::after{box-sizing:border-box}
.fhm-root p{margin:0}
.fhm-root ul{margin:0;padding:0;list-style:none}
.fhm-root a{color:inherit;text-decoration:none}
.fhm-root a:focus-visible{outline:2px solid var(--fhm-blue);outline-offset:3px}

.fhm-wrap{max-width:var(--fhm-max);margin:0 auto;padding:0 24px}

/* ============================================================
   S1. HERO
   ============================================================ */
.fhm-hero{
  position:relative;
  padding:clamp(24px,3vw,40px) 0 clamp(48px,5vw,72px);
  background:
    radial-gradient(1100px 520px at 12% -18%, rgba(43,92,230,.10), transparent 62%),
    radial-gradient(900px 480px at 88% -8%, rgba(15,191,166,.09), transparent 60%),
    #fff;
  overflow:hidden;
}
.fhm-hero__head{max-width:820px}

.fhm-eyebrow{
  display:inline-block;
  font-size:14px;font-weight:600;line-height:1;
  color:var(--fhm-blue);
  padding:9px 14px;border-radius:999px;
  background:rgba(18,87,214,.07);
  border:1px solid rgba(18,87,214,.16);
  margin-bottom:22px;
}
.fhm-h1{
  margin:0;
  font-size:clamp(32px,4.6vw,54px);
  line-height:1.22;
  font-weight:800;
  letter-spacing:-0.035em;
  color:var(--fhm-ink);
}
.fhm-h1-b{display:block}
.fhm-lead{
  margin-top:clamp(18px,2vw,26px);
  font-size:clamp(16px,1.5vw,18px);
  line-height:1.8;
  color:var(--fhm-body);
  max-width:700px;
}
.fhm-hero__cta{margin-top:clamp(24px,2.6vw,32px)}

/* ---- 통합 블록 : 분할 패널 + 실적 스트립 ---- */
.fhm-platform{
  margin-top:clamp(36px,4vw,54px);
  border:1px solid var(--fhm-line);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 28px 64px -24px rgba(10,26,51,.26), 0 8px 20px rgba(10,26,51,.05);
}
.fhm-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#fff;
}
.fhm-track{
  padding:clamp(26px,2.6vw,38px);
  display:flex;flex-direction:column;
  min-width:0;
}
.fhm-track--human{border-right:1px solid var(--fhm-line)}
.fhm-track--ai{
  background:linear-gradient(160deg,var(--fhm-ink) 0%,var(--fhm-ink-soft) 100%);
  color:#C9D6EA;
}

.fhm-track__top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.fhm-mark{width:10px;height:10px;border-radius:2px;flex:none}
.fhm-mark--human{background:var(--fhm-blue-deep)}
.fhm-mark--ai{background:linear-gradient(120deg,#1E9BD1,#0FBFA6)}
.fhm-track__kicker{font-size:13.5px;font-weight:600;color:var(--fhm-mute)}
.fhm-track--ai .fhm-track__kicker{color:#7F97BC}

.fhm-track__title{
  margin:0;
  font-size:clamp(21px,2.1vw,26px);
  font-weight:800;line-height:1.3;
  letter-spacing:-0.03em;
  color:var(--fhm-ink);
}
.fhm-track--ai .fhm-track__title{color:#fff}
.fhm-track__title .fhm-grad-t{
  background:var(--fhm-grad);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}
.fhm-track__sub{
  display:block;margin-top:7px;
  font-size:clamp(16px,1.6vw,18px);font-weight:600;letter-spacing:-0.02em;
  color:var(--fhm-mute);
}
.fhm-track--ai .fhm-track__sub{color:#7F97BC;-webkit-text-fill-color:#7F97BC}
.fhm-track__desc{
  margin-top:13px;font-size:clamp(15.5px,1.45vw,16.5px);line-height:1.78;color:var(--fhm-body);
}
.fhm-track--ai .fhm-track__desc{color:#A9BDD9}

/* 화면 이미지 (SVG) */
.fhm-shot{
  margin:20px 0 28px;border-radius:12px;overflow:hidden;
  aspect-ratio:16/9;background:transparent;
}
.fhm-shot img{display:block;width:100%;height:100%;object-fit:cover}

/* 항목 리스트 (양쪽 공통 구조) */
.fhm-items{display:flex;flex-direction:column;gap:12px}
.fhm-item{
  display:flex;align-items:baseline;gap:12px;
  font-size:clamp(15.5px,1.45vw,16.5px);line-height:1.62;
  padding-bottom:12px;border-bottom:1px solid var(--fhm-line);
}
.fhm-item:last-child{border-bottom:0;padding-bottom:0}
.fhm-item b{
  flex:0 0 auto;min-width:106px;
  font-weight:700;color:var(--fhm-ink);
}
.fhm-item span{
  flex:1 1 auto;min-width:0;color:var(--fhm-mute);
  font-size:clamp(14.5px,1.35vw,15.5px);
}
.fhm-track--ai .fhm-item{border-bottom-color:var(--fhm-line-dark)}
.fhm-track--ai .fhm-item b{color:#fff}
.fhm-track--ai .fhm-item span{color:#8FA6C6}
.fhm-item > a{display:flex;align-items:baseline;gap:10px;flex:1 1 auto;min-width:0}
.fhm-item > a::after{
  content:"→";margin-left:auto;padding-left:8px;flex:none;
  font-size:14px;color:#6E86AC;transition:transform .12s ease;
}
.fhm-item > a:hover b{text-decoration:underline}
.fhm-item > a:hover::after{transform:translateX(3px)}

/* CTA */
.fhm-track__cta{margin-top:auto;padding-top:22px}
.fhm-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:50px;padding:0 28px;border-radius:999px;
  font-size:16px;font-weight:700;letter-spacing:-0.01em;
  border:1px solid transparent;
  transition:transform .18s ease,box-shadow .18s ease;
}
.fhm-btn--lg{height:58px;padding:0 32px;font-size:17px}
.fhm-btn:hover{transform:translateY(-2px)}

/* 테마가 a 요소에 색·배경을 주입하므로 모든 상태를 명시한다
   (.fhm-root a.--- 로 특정도를 올리고 background-image 까지 차단) */
.fhm-root a.fhm-btn--grad,
.fhm-root a.fhm-btn--grad:hover,
.fhm-root a.fhm-btn--grad:focus,
.fhm-root a.fhm-btn--grad:active{
  background:var(--fhm-grad);background-image:var(--fhm-grad);
  color:#fff;border-color:transparent;
  box-shadow:0 10px 26px -12px rgba(43,92,230,.65);
}
.fhm-root a.fhm-btn--grad::before{
  content:"";width:7px;height:7px;border-radius:50%;flex:none;
  background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.28);
}
.fhm-root a.fhm-btn--grad:hover{box-shadow:0 14px 30px -14px rgba(43,92,230,.7)}

.fhm-root a.fhm-btn--solid,
.fhm-root a.fhm-btn--solid:hover,
.fhm-root a.fhm-btn--solid:focus,
.fhm-root a.fhm-btn--solid:active{
  background:var(--fhm-blue);background-image:none;
  color:#fff;border-color:transparent;
  box-shadow:0 8px 20px -10px rgba(18,87,214,.55);
}

.fhm-root a.fhm-btn--ghost,
.fhm-root a.fhm-btn--ghost:focus,
.fhm-root a.fhm-btn--ghost:active{
  background:transparent;background-image:none;
  color:#fff;border-color:rgba(255,255,255,.35);
}
.fhm-root a.fhm-btn--ghost:hover{
  background:rgba(255,255,255,.08);background-image:none;
  color:#fff;border-color:rgba(255,255,255,.35);
}

/* ---- 신뢰 지표 스트립 ---- */
.fhm-trust{
  display:grid;grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--fhm-line);
  background:var(--fhm-bg);
}
.fhm-trust__cell{
  padding:22px clamp(18px,2vw,30px);
  display:flex;flex-direction:column;gap:5px;
}
.fhm-trust__cell:nth-child(odd){border-right:1px solid var(--fhm-line)}
.fhm-trust__cell:nth-child(-n+2){border-bottom:1px solid var(--fhm-line)}
.fhm-trust__num{
  font-size:clamp(19px,1.9vw,23px);font-weight:800;
  letter-spacing:-0.03em;color:var(--fhm-ink);line-height:1.2;
}
.fhm-trust__lab{font-size:13.5px;color:var(--fhm-mute)}

/* ============================================================
   S2. 로고 바
   ============================================================ */
.fhm-logos{padding:clamp(34px,4vw,52px) 0;border-bottom:1px solid var(--fhm-line)}
.fhm-logos__lead{
  font-size:clamp(15px,1.5vw,18px);color:var(--fhm-body);
  text-align:center;margin-bottom:26px;
}
.fhm-logos__lead strong{font-weight:800;color:var(--fhm-ink)}
.fhm-logos__row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:center}
.fhm-logo{
  height:52px;border-radius:8px;background:var(--fhm-bg);
  border:1px dashed #D3DCE9;
  display:flex;align-items:center;justify-content:center;
  font-size:12.5px;color:#93A2B8;
}

/* ============================================================
   S3. 상담의 세 가지 방식
   ============================================================ */
.fhm-sec{padding:clamp(60px,7vw,104px) 0}
.fhm-sec__head{max-width:680px;margin-bottom:clamp(32px,3.5vw,48px)}
.fhm-h2{
  margin:0;font-size:clamp(28px,3.6vw,44px);font-weight:800;
  line-height:1.3;letter-spacing:-0.035em;color:var(--fhm-ink);
}
.fhm-sec__desc{margin-top:16px;font-size:clamp(17px,1.6vw,20px);line-height:1.75}

.fhm-rail{margin-bottom:22px}
.fhm-rail__bar{height:5px;border-radius:999px;background:var(--fhm-grad)}
.fhm-rail__labs{display:flex;justify-content:space-between;margin-top:10px}
.fhm-rail__lab{font-size:15px;font-weight:700;color:var(--fhm-body)}

.fhm-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fhm-way{
  border:1px solid var(--fhm-line);border-radius:18px;
  padding:clamp(22px,2.2vw,30px);background:#fff;
  display:flex;flex-direction:column;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.fhm-way:hover{transform:translateY(-4px);border-color:#CFDCF2;box-shadow:0 22px 44px -30px rgba(12,19,48,.42)}
.fhm-way__mark{width:12px;height:12px;border-radius:2px;margin-bottom:16px}
.fhm-way--cv .fhm-way__mark{background:#2B5CE6}
.fhm-way--aa .fhm-way__mark{background:#1E9BD1}
.fhm-way--va .fhm-way__mark{background:#0FBFA6}
.fhm-way__who{font-size:15px;font-weight:600;color:var(--fhm-mute);margin-bottom:8px}
.fhm-way__name{margin:0;font-size:clamp(21px,1.9vw,23px);font-weight:800;letter-spacing:-0.03em;color:var(--fhm-ink);line-height:1.35}
.fhm-way__desc{margin-top:12px;font-size:16.5px;line-height:1.7}
.fhm-way__link{
  margin-top:20px;padding-top:16px;border-top:1px solid var(--fhm-line);
  font-size:15.5px;font-weight:700;color:var(--fhm-blue);
}
.fhm-way--aa .fhm-way__link,
.fhm-way--va .fhm-way__link{color:#0E9E92}
.fhm-way__link:hover{text-decoration:underline}

/* 공통 레이어 : Live Translate + Live Speech */
.fhm-layer{
  margin-top:16px;
  border:1px solid var(--fhm-line);border-radius:18px;
  background:linear-gradient(100deg,rgba(43,92,230,.05),rgba(15,191,166,.07));
  padding:clamp(22px,2.2vw,28px) clamp(22px,2.2vw,30px);
}
.fhm-layer__head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.fhm-layer__bar{width:44px;height:5px;border-radius:999px;background:var(--fhm-grad);flex:none}
.fhm-layer__kicker{font-size:15px;font-weight:700;color:var(--fhm-body);letter-spacing:.01em}
.fhm-layer__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 28px}
.fhm-layer__item{display:flex;flex-direction:column;align-items:flex-start}
.fhm-layer__name{font-size:20px;font-weight:800;letter-spacing:-0.03em;color:var(--fhm-ink);line-height:1.35}
.fhm-layer__desc{margin-top:8px;font-size:16px;line-height:1.7}
.fhm-layer__link{margin-top:12px;font-size:15.5px;font-weight:700;color:#0E9E92}
.fhm-layer__link:hover{text-decoration:underline}


/* ============================================================
   S4 / S5. 해결하는 문제
   ============================================================ */
.fhm-sec--soft{background:var(--fhm-bg)}
.fhm-prob__list{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(26px,2.8vw,36px) clamp(26px,2.8vw,44px);
}
.fhm-prob__item{min-width:0}
.fhm-prob__q{font-size:clamp(14.5px,1.3vw,15.5px);color:var(--fhm-mute);line-height:1.6}
.fhm-prob__a{
  margin-top:8px;display:flex;align-items:flex-start;gap:11px;
  font-size:clamp(17px,1.6vw,19px);font-weight:700;line-height:1.55;
  letter-spacing:-0.025em;color:var(--fhm-ink);
}
.fhm-prob__ico{
  width:25px;height:25px;flex:none;margin-top:2px;
  color:var(--fhm-blue-deep);
}
.fhm-prob__ico svg{display:block;width:100%;height:100%}
.fhm-prob--ai .fhm-prob__ico{color:#0E9E92}
.fhm-prob--ai .fhm-eyebrow{
  color:#0E9E92;background:rgba(15,191,166,.08);border-color:rgba(15,191,166,.22);
}
.fhm-prob__accent{color:var(--fhm-blue)}
.fhm-prob--ai .fhm-prob__accent{
  background:var(--fhm-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ============================================================
   반응형
   ============================================================ */
@media (max-width:900px){
  .fhm-split{grid-template-columns:1fr}
  .fhm-track--human{border-right:0;border-bottom:1px solid var(--fhm-line)}
  .fhm-trust{grid-template-columns:1fr}
  .fhm-trust__cell,
  .fhm-trust__cell:nth-child(odd){
    border-right:0;border-bottom:1px solid var(--fhm-line);
    padding:16px 20px;gap:3px;
  }
  .fhm-trust__cell:last-child{border-bottom:0}
  .fhm-logos__row{grid-template-columns:repeat(3,1fr)}
  .fhm-ways{grid-template-columns:1fr}
  .fhm-layer__grid{grid-template-columns:1fr}
  .fhm-prob__list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .fhm-wrap{padding:0 18px}
  .fhm-item{flex-direction:column;gap:3px}
  .fhm-item b{min-width:0}
  .fhm-prob__list{grid-template-columns:1fr;gap:22px}
}
@media (prefers-reduced-motion:reduce){
  .fhm-root *{transition:none!important;animation:none!important}
}/* End custom CSS */