/* ============================================================
   custom.css — 현장형 AI 운반 로봇 전용 (base.css 뒤에 로드)
   슈슈몽드 디자인 시스템(v2/v3/v5/v7)을 그대로 쓰되
   ① 색 토큰을 산업용 B2B 톤(딥 네이비 + 스틸 블루)으로 재조정
   ② 기능카드 / 업종 탭 패널 / 가격표 / 체크리스트 등 신규 컴포넌트 추가
   ============================================================ */

/* ── ① 색 토큰 재조정 (전체 톤 전환) ───────────────────────── */
:root{
  /* v3 메인 토큰 */
  --v3-bg:        #f4f7fa;   /* 쿨 라이트 그레이 */
  --v3-bg-alt:    #ffffff;
  --v3-text:      #15222e;
  --v3-text-sub:  #5d6c79;
  --v3-line:      rgba(20,40,58,0.10);
  --v3-accent:    #1f6390;   /* 스틸 블루 (포인트) */
  --v3-accent-soft:#3b86b8;
  --v3-cream:     #eef3f7;   /* 연한 블루그레이 */
  --v3-dark:      #0a0a0c;   /* 다크 섹션 배경 = 검정 */

  /* v2 폼 토큰 */
  --color-bg:        #f4f7fa;
  --color-bg-alt:    #ffffff;
  --color-text:      #15222e;
  --color-text-sub:  #5d6c79;
  --color-accent:    #1f6390;
  --color-line:      #dde6ee;
}

/* CTA(전환) 단일 강조색 — 오렌지. 버튼/스티키만 따뜻하게 빼서 클릭 유도 */
:root{ --cta:#ff6a1a; --cta-press:#e85c0f; }

/* 헤더 CTA / 폼 주요 버튼 / 스티키를 CTA 컬러로 통일 */
.v3-btn,
.v2-btn-primary{
  background:var(--cta) !important;
  border-color:var(--cta) !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(255,106,26,.30);
}
.v3-btn:hover,
.v2-btn-primary:hover{ background:var(--cta-press) !important; border-color:var(--cta-press) !important; color:#fff !important; }
.v3-sticky-cta{ background:var(--cta); box-shadow:0 12px 28px rgba(255,106,26,.38); }
.v3-header-cta{ border-color:var(--cta); color:var(--cta); }
.v3-header-cta:hover{ background:var(--cta); color:#fff; }

/* 라이트 pill(공감/기준) 색 재조정 */
.v5-hero-pill{
  color:var(--v3-accent);
  background:rgba(31,99,144,.08);
  border-color:rgba(31,99,144,.20);
}

/* 폼 섹션 구분 배경 — 웜로즈 대신 쿨 틴트 */
body.has-v7 .v3-consult{
  background:#e9f0f6;
  border-top:1px solid rgba(31,99,144,.16);
}

/* 헤딩 세리프 → 산세리프(산업용 가독성). 슈슈몽드 구조 유지하되 톤만 실무형 */
.v3-title,.v7-hero-headline,.v3-place-name,.v5-review-quote{
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:700;
  letter-spacing:-.02em;
}
.v3-title strong,.v3-title em{ color:var(--v3-accent); font-weight:700; font-style:normal; }
.v3-title strong.hl-mark{ background:linear-gradient(transparent 52%, rgba(245,166,35,.5) 52%); padding:0 3px; border-radius:2px; }
.v7-hero-headline em{ color:#ffb27a; }

/* ── 이미지 placeholder (실제 사진 들어올 자리) ─────────────── */
.ph{
  position:relative;display:flex;align-items:center;justify-content:center;text-align:center;
  width:100%;height:100%;min-height:180px;padding:24px;
  background:repeating-linear-gradient(135deg,#e7eef5 0 14px,#e1eaf2 14px 28px);
  color:#67788a;font-size:13px;line-height:1.6;font-weight:500;word-break:keep-all;
}
.ph::before{content:"🖼 이미지";position:absolute;top:10px;left:12px;font-size:10.5px;font-weight:700;color:#9aabba;letter-spacing:.04em;}
/* 다크 배경용 placeholder */
.ph--dark{ background:linear-gradient(135deg,#1a3145,#11212e);color:rgba(255,255,255,.55); }
.ph--dark::before{ color:rgba(255,255,255,.32); }

/* 히어로 배경 placeholder (영상/이미지 대체) */
.v7-hero-bg .ph{
  min-height:100%;
  background:linear-gradient(180deg,rgba(22,38,52,.2),#0e1b26 92%),repeating-linear-gradient(135deg,#142433 0 18px,#11202d 18px 36px);
  color:rgba(255,255,255,.4);
}
.v7-hero-bg .ph::before{ color:rgba(255,255,255,.28); }
/* 히어로 텍스트 가독성 위해 살짝 어둡게 */
.v7-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,27,38,.18),rgba(14,27,38,.4));}

/* 히어로 솔루션 한 줄 (문제 → 해결 전환 문구) */
.v7-hero-solution{
  margin:6px 0 0;font-size:clamp(16px,2.4vw,22px);font-weight:700;line-height:1.5;
  color:#fff;letter-spacing:-.01em;word-break:keep-all;
  text-shadow:0 0 18px rgba(0,0,0,.92),0 0 40px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.8);
}
.v7-hero-solution em{font-style:normal;color:#ffb27a;font-weight:800;}

/* 히어로 서브 문구 (헤드라인 아래 작은 신뢰 문구) */
.v7-hero-subline{
  margin:2px 0 0;font-size:clamp(13px,1.5vw,15.5px);font-weight:500;
  color:rgba(255,255,255,.92);letter-spacing:.01em;word-break:keep-all;
  text-shadow:0 0 16px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.8);
}
.v7-hero-subline strong{color:#fff;font-weight:700;}

/* 히어로 상단 배지 줄 */
.v7-hero-badges{ display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:2px; }
.v7-hero-badge{
  font-size:12px;font-weight:600;color:#dce6f0;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);padding:6px 12px;border-radius:999px;white-space:nowrap;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.v7-hero-badge strong{color:#fff;}

/* ── ② 해결책: 기능 4카드 ──────────────────────────────────── */
.feat-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:44px 0 0;
}
.feat{
  display:flex;gap:16px;padding:26px 24px;background:var(--v3-bg);
  border:1px solid var(--v3-line);border-radius:14px;
}
.feat-ic{
  flex:0 0 48px;width:48px;height:48px;border-radius:12px;
  background:rgba(31,99,144,.10);color:var(--v3-accent);
  display:flex;align-items:center;justify-content:center;font-size:24px;
}
.feat-en{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--v3-accent);margin-bottom:3px;}
.feat h3{font-size:17px;font-weight:700;margin:0 0 6px;color:var(--v3-text);}
.feat p{font-size:14.5px;line-height:1.72;color:var(--v3-text-sub);margin:0;word-break:keep-all;}

/* 3단계 흐름 pill */
.flow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:40px 0 0;}
.flow-step{display:flex;align-items:center;gap:10px;background:var(--v3-bg-alt);border:1px solid var(--v3-line);border-radius:999px;padding:11px 20px;font-size:14.5px;font-weight:600;}
.flow-step .n{width:22px;height:22px;border-radius:50%;background:var(--v3-accent);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;}
.flow-arrow{color:var(--v3-text-sub);font-size:18px;}
.flow-break{flex-basis:100%;height:0;}
.flow-note{max-width:720px;margin:22px auto 0;text-align:center;font-size:13.5px;line-height:1.6;color:var(--v3-text-sub);word-break:keep-all;}
.flow-note strong{color:var(--cta);font-weight:700;}

/* 유튜브 임베드 */
.yt{margin:44px auto 0;max-width:880px;}
.yt-box{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 18px 44px -18px rgba(14,27,38,.4);}
.yt-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.yt-cap{margin:14px 0 0;text-align:center;font-size:13.5px;color:var(--v3-text-sub);}

.solve-quote{margin:44px auto 0;max-width:680px;text-align:center;font-size:clamp(1.05rem,2.5vw,1.4rem);font-weight:700;line-height:1.55;color:var(--v3-text);word-break:keep-all;}
.solve-quote em{font-style:normal;color:var(--v3-accent);}

/* 섹션 하단 중앙 CTA */
.mid-cta{text-align:center;margin-top:44px;}

/* ── ② 업종 탭 패널: 텍스트 + 이미지 2단 (mood-panel override) ── */
.v3-industry .v3-mood-panel{ grid-template-columns:1fr; gap:0; }
.v3-industry .v3-mood-panel.is-active{ display:block; }
.ind-grid{ display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center; }
.ind-grid .ph{ aspect-ratio:4/3;border-radius:12px;min-height:0; }
.ind-grid .ind-img{ aspect-ratio:4/3;border-radius:12px;overflow:hidden;min-height:0;margin:0; }
.ind-grid .ind-img img{ width:100%;height:100%;object-fit:cover;display:block; }
.ind-body h3{font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:800;line-height:1.4;margin:0 0 18px;color:var(--v3-text);word-break:keep-all;}
.ind-body ul{list-style:none;margin:0 0 20px;padding:0;}
.ind-body li{position:relative;padding-left:24px;font-size:15px;line-height:1.85;color:var(--v3-text-sub);word-break:keep-all;}
.ind-body li::before{content:"";position:absolute;left:3px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--cta);}
.ind-appeal{padding:16px 20px;background:rgba(31,99,144,.07);border-left:3px solid var(--v3-accent);border-radius:0 10px 10px 0;font-size:14.5px;line-height:1.7;color:var(--v3-text);font-weight:600;word-break:keep-all;}
@media (max-width:820px){
  .ind-grid{grid-template-columns:1fr;gap:22px;}
  .ind-grid .ph,.ind-grid .ind-img{order:-1;}
}

/* ── ② 가격 / 투자 ─────────────────────────────────────────── */
.price-table{max-width:680px;margin:8px auto 0;border:1px solid var(--v3-line);border-radius:14px;overflow:hidden;box-shadow:0 14px 40px -20px rgba(14,27,38,.25);background:#fff;}
.price-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 24px;border-bottom:1px solid var(--v3-line);font-size:15px;}
.price-row:last-child{border-bottom:0;}
.price-row.head{background:var(--v3-dark);color:#fff;font-weight:700;}
.price-row .label{color:var(--v3-text-sub);}
.price-row .val{font-weight:800;font-size:17px;color:var(--v3-text);white-space:nowrap;}
.price-row.is-main{background:rgba(31,99,144,.08);}
.price-row.is-main .label{color:var(--v3-text);font-weight:700;}
.price-row.is-main .val{color:var(--v3-accent);font-size:20px;}
.price-note{max-width:680px;margin:14px auto 0;font-size:12.5px;color:var(--v3-text-sub);line-height:1.7;text-align:center;}
.price-key{max-width:720px;margin:40px auto 0;text-align:center;font-size:clamp(1.02rem,2.4vw,1.3rem);font-weight:700;line-height:1.6;color:var(--v3-text);word-break:keep-all;}
.price-key em{font-style:normal;color:var(--cta);}
@media (max-width:560px){ .price-row{padding:14px 16px;font-size:13.5px;} .price-row .val{font-size:15px;} .price-row.is-main .val{font-size:17px;} }

/* ── ② 도입 전 체크리스트 ─────────────────────────────────── */
.chk{background:var(--v3-cream);}
.chk-list{max-width:780px;margin:8px auto 0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;}
.chk-item{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;border:1px solid var(--v3-line);border-radius:12px;cursor:pointer;transition:border-color .2s;user-select:none;}
.chk-item:hover{border-color:var(--v3-accent);}
.chk-item input{position:absolute;opacity:0;pointer-events:none;}
.chk-box{flex:0 0 22px;width:22px;height:22px;border-radius:6px;border:2px solid #bcccd9;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;transition:all .15s;}
.chk-item input:checked + .chk-box{background:var(--v3-accent);border-color:var(--v3-accent);}
.chk-item input:checked ~ .chk-text{color:var(--v3-text);font-weight:600;}
.chk-text{font-size:14.5px;line-height:1.5;color:var(--v3-text-sub);word-break:keep-all;}
.chk-result{max-width:780px;margin:26px auto 0;text-align:center;}
.chk-count{font-size:15px;color:var(--v3-text-sub);margin:0 0 18px;}
.chk-count strong{color:var(--v3-accent);font-size:20px;}
.chk.is-hot .mid-cta .v3-btn{animation:chkPulse 1.3s ease-in-out infinite;}
@keyframes chkPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.045);}}
@media (max-width:620px){ .chk-list{grid-template-columns:1fr;grid-auto-rows:auto;} }

/* ── ② 신뢰 / 검토 기준 ──────────────────────────────────── */
.trust-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
.trust-panel{background:#fff;border:1px solid var(--v3-line);border-radius:16px;padding:24px 24px 26px;box-shadow:0 14px 38px -26px rgba(14,27,38,.28);}
.trust-panel .trust-side-label{margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid var(--v3-line);font-size:14px;color:var(--v3-text);}
.trust-panel .trust-chip{background:var(--v3-bg);}
.trust-checklist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;}
.trust-check{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--v3-text);word-break:keep-all;}
.trust-check .tc-ic{flex:0 0 18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(31,99,144,.10);color:var(--v3-accent);font-size:10px;font-weight:800;}
@media (max-width:460px){ .trust-checklist{grid-template-columns:1fr;} }
.trust-grid .v3-title{font-size:clamp(1.35rem,3.2vw,1.95rem);text-align:left;}
.trust-grid .v3-eyebrow{display:block;text-align:left;}
.trust-quote{margin-top:26px;padding:22px 24px;background:rgba(31,99,144,.07);border-radius:14px;font-size:15px;line-height:1.75;color:var(--v3-text);word-break:keep-all;}
#review .trust-quote{max-width:620px;margin:30px auto 0;text-align:center;}
.trust-quote strong{color:var(--v3-accent);}
.trust-side-label{font-size:13px;font-weight:700;color:var(--v3-text-sub);margin:6px 0 14px;letter-spacing:.02em;}
.trust-chips{display:flex;flex-wrap:wrap;gap:9px;}
.trust-chip{font-size:13.5px;font-weight:600;color:var(--v3-text);background:var(--v3-bg);border:1px solid var(--v3-line);padding:9px 15px;border-radius:999px;}
@media (max-width:820px){ .trust-grid{grid-template-columns:1fr;gap:26px;} .trust-grid .v3-title,.trust-grid .v3-eyebrow{text-align:center;} }

/* PROVEN(실적) 섹션 — 와인색 → 스틸블루 보정 */
.v5-exp-eyebrow{ color:var(--v3-accent-soft) !important; }
.v5-exp-num span{ color:var(--v3-accent-soft) !important; }
.v5-exp-copy p strong{ color:#fff; font-weight:700; }

/* 창업자 권위 블록 */
.founder{
  display:flex;gap:22px;align-items:flex-start;width:fit-content;max-width:100%;margin:40px auto 0;
  padding:26px;background:var(--v3-bg);border:1px solid var(--v3-line);border-radius:16px;
}
.founder-ph{flex:0 0 175px;width:175px;height:auto;border-radius:14px;font-size:11px;overflow:hidden;}
.founder-ph img{width:100%;height:auto;display:block;}
.founder-name{margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--v3-line);font-size:17px;font-weight:800;color:var(--v3-text);white-space:nowrap;}
.founder-name span{font-size:12px;font-weight:600;color:var(--v3-accent);margin-left:8px;letter-spacing:.01em;white-space:nowrap;}
.founder-desc{margin:0;font-size:14px;line-height:1.7;color:var(--v3-text-sub);word-break:keep-all;}
@media (max-width:560px){
  .founder{flex-direction:column;text-align:center;gap:16px;padding:24px 20px;}
  .founder-name span{display:block;margin:6px 0 0;}
}

/* ── 도입/활용 사례 섹션 ──────────────────────────────────── */
.cases{ background:var(--v3-bg-alt); }
.case-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px; }
.case-card{
  display:flex;flex-direction:column;gap:12px;padding:26px 24px;
  background:var(--v3-bg);border:1px solid var(--v3-line);border-radius:14px;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.case-card:hover{ transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(14,27,38,.22);border-color:rgba(31,99,144,.28); }
.case-logo{
  display:flex;align-items:center;justify-content:center;height:56px;border-radius:10px;
  background:#fff;border:1px solid var(--v3-line);
  font-weight:800;font-size:17px;letter-spacing:.01em;color:var(--v3-accent);text-align:center;padding:0 12px;
}
.case-name{ margin:0;font-size:15px;font-weight:800;color:var(--v3-text);line-height:1.4;word-break:keep-all; }
.case-use{ margin:0;font-size:13.5px;line-height:1.6;color:var(--v3-text-sub);word-break:keep-all; }
.case-card .case-use{ padding-top:10px;border-top:1px solid var(--v3-line);margin-top:auto; }
.case-card-wide{ grid-column:1 / -1; }
.case-card-wide .case-logo{ align-self:flex-start;min-width:120px; }
.case-trust{
  max-width:820px;margin:36px auto 0;text-align:center;font-size:15px;line-height:1.8;
  color:var(--v3-text-sub);word-break:keep-all;
}
.case-trust strong{ color:var(--v3-accent);font-weight:700; }
@media (max-width:820px){ .case-grid{ grid-template-columns:repeat(2,1fr); } .case-card-wide{ grid-column:1 / -1; } }
@media (max-width:560px){ .case-grid{ grid-template-columns:1fr; } }

/* 도입 사례 — 단일 박스 리스트 */
.case-list{ max-width:920px;margin:8px auto 0;background:#fff;border:1px solid var(--v3-line);border-radius:16px;box-shadow:0 16px 44px -28px rgba(14,27,38,.24);overflow:hidden; }
.case-row{ display:flex;gap:24px;align-items:center;padding:20px 28px;border-top:1px solid var(--v3-line); }
.case-row:first-child{ border-top:0; }
.case-row-head{ flex:0 0 46%;max-width:46%;display:flex;align-items:center;gap:18px; }
.case-row-no{ flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:rgba(31,99,144,.10);color:var(--v3-accent);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center; }
.case-row-org{ display:flex;flex-direction:column;gap:3px;min-width:0; }
.case-row-name{ font-weight:800;font-size:15.5px;color:var(--v3-text);word-break:keep-all; }
.case-row-full{ font-size:12.5px;color:var(--v3-text-sub);word-break:keep-all; }
.case-row-use{ flex:1;margin:0;font-size:14px;line-height:1.55;color:var(--v3-text-sub);word-break:keep-all; }
@media (max-width:640px){ .case-row{ flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px; } .case-row-head{ flex-basis:auto;max-width:100%;width:100%; } .case-row-use{ padding-left:48px; } }

/* ── 비용 절감 / 운반 비용 계산 섹션 ───────────────────────── */
.cost{ background:var(--v3-bg); }
.cost .v3-title strong{ color:var(--cta); }
.cost-grid{ display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;margin-top:8px; }

/* 좌: 문제 카피 */
.cost-copy .cost-h{ font-size:clamp(1.25rem,3vw,1.7rem);font-weight:800;line-height:1.4;color:var(--v3-text);margin:0 0 18px;word-break:keep-all; }
.cost-copy p{ font-size:15px;line-height:1.8;color:var(--v3-text-sub);margin:0 0 16px;word-break:keep-all; }
.cost-copy strong{ color:var(--v3-text);font-weight:700; }
.cost-copy .hl-orange{ color:var(--cta);font-weight:800; }
.cost-30{ padding:16px 18px;background:rgba(255,106,26,.08);border-left:3px solid var(--cta);border-radius:0 10px 10px 0; }
.cost-30 strong{ color:var(--cta) !important; }
.cost-desc{ font-size:14px !important;color:var(--v3-text-sub) !important; }

/* 우: 계산기 카드 */
.calc{ background:#fff;border:1px solid var(--v3-line);border-radius:16px;padding:26px 24px;box-shadow:0 16px 44px -22px rgba(14,27,38,.3); }
.calc-title{ font-size:16px;font-weight:800;color:var(--v3-text);margin:0 0 18px; }
.calc-inputs{ display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px; }
.calc-field{ display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--v3-text-sub);position:relative; }
.calc-field-wide{ grid-column:1 / -1; }
.calc-field .unit{ position:absolute;right:12px;bottom:12px;font-size:12px;color:var(--v3-text-sub);font-weight:500;pointer-events:none; }
.calc-field input,.calc-field select{
  width:100%;padding:11px 12px;border:1px solid var(--v3-line);border-radius:9px;background:#fff;
  font:inherit;font-size:15px;font-weight:600;color:var(--v3-text);transition:border-color .15s,box-shadow .15s;
}
.calc-field input{ padding-right:38px; }
.calc-field input:focus,.calc-field select:focus{ outline:none;border-color:var(--v3-accent);box-shadow:0 0 0 3px rgba(31,99,144,.12); }
.calc-formula{ font-size:13px;font-weight:600;color:var(--v3-text);background:var(--v3-cream);border-radius:9px;padding:12px 14px;margin:0 0 18px;text-align:center;word-break:keep-all;line-height:1.5; }
.calc-out{ display:flex;flex-direction:column;gap:1px;background:var(--v3-line);border:1px solid var(--v3-line);border-radius:10px;overflow:hidden; }
.calc-out-row{ display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;background:#fff;font-size:13.5px;color:var(--v3-text-sub); }
.calc-out-row b{ font-size:16px;font-weight:800;color:var(--v3-text);white-space:nowrap; }
.calc-out-row em{ font-style:normal;font-size:11.5px;color:var(--v3-text-sub);font-weight:500; }
.calc-out-row.hot{ background:rgba(31,99,144,.07); }
.calc-out-row.hot b{ color:var(--v3-accent);font-size:18px; }
.calc-hint{ margin:16px 0 0;font-size:13px;font-weight:600;color:var(--v3-text-sub);line-height:1.6; }
/* 계산기 '예시' 안내 + 회수기간 상담 표기 */
.calc-note{ margin:-8px 0 16px;font-size:12.5px;font-style:italic;color:var(--v3-text-sub); }
/* 비용 예시 화살표 문장 — 행잉 인덴트(둘째 줄이 '사람이'와 정렬) */
.cost-arrow{ display:block;padding-left:1.35em;text-indent:-1.35em; }
.calc-out-row b.calc-consult{ font-size:12.5px;font-weight:700;color:var(--amber-press); }

/* 절감률 표 */
.cost-table-wrap{ margin-top:44px; }
.cost-table-cap{ text-align:center;font-size:clamp(17px,2.4vw,21px);font-weight:600;line-height:1.5;color:var(--v3-text);margin:0 0 16px;word-break:keep-all; }
.cost-table-cap strong{ color:var(--cta);font-weight:800; }
.cost-table{ width:100%;max-width:760px;margin:0 auto;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--v3-line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 14px 40px -22px rgba(14,27,38,.22); }
.cost-table th,.cost-table td{ padding:14px 12px;text-align:center;font-size:14px;border-bottom:1px solid var(--v3-line); }
.cost-table th:first-child,.cost-table td:first-child{ width:26%; }
.cost-table th:nth-child(2),.cost-table td:nth-child(2),
.cost-table th:nth-child(3),.cost-table td:nth-child(3){ width:37%; }
.cost-table thead th{ background:var(--v3-dark);color:#fff;font-weight:700;font-size:13px; }
.cost-table td:first-child{ font-weight:800;color:var(--v3-accent); }
.cost-table tbody tr:last-child td{ border-bottom:0; }
.cost-table tr.is-main td{ background:rgba(31,99,144,.07);font-weight:700; }
.cost-table-sub{ display:inline-block;margin-top:9px;font-size:11.5px;color:var(--v3-text-sub);font-weight:400; }
.rate-badge{ display:block;width:fit-content;margin:0 auto 5px;padding:2px 9px;border-radius:999px;background:var(--cta);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.4; }
@media (max-width:560px){ .cost-table th,.cost-table td{ padding:11px 6px;font-size:12.5px; } .rate-badge{ font-size:10px;padding:1px 6px; } }

/* 강조 박스 */
.cost-emph{ max-width:720px;margin:40px auto 0;text-align:center;font-size:clamp(1.05rem,2.5vw,1.4rem);font-weight:700;line-height:1.55;color:var(--v3-text);word-break:keep-all; }
.cost-emph strong{ color:var(--cta);font-weight:800; }

/* 섹션 CTA 블록 */
.cost-cta{ max-width:620px;margin:40px auto 0;text-align:center;padding:32px 28px;background:var(--v3-cream);border:1px solid var(--v3-line);border-radius:16px; }
.cost-cta h3{ font-size:clamp(1.1rem,2.6vw,1.4rem);font-weight:800;color:var(--v3-text);margin:0 0 12px;word-break:keep-all; }
.cost-cta p{ font-size:14.5px;line-height:1.7;color:var(--v3-text-sub);margin:0 0 22px;word-break:keep-all; }

.cost-legal{ max-width:760px;margin:28px auto 0;font-size:11.5px;line-height:1.7;color:var(--v3-text-sub);opacity:.8;text-align:center;word-break:keep-all; }

@media (max-width:820px){ .cost-grid{ grid-template-columns:1fr;gap:24px; } }
@media (max-width:420px){ .calc-inputs{ grid-template-columns:1fr; } }

/* 폼 단계 흔들림 피드백 */
@keyframes v2-shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}
.v2-form-step--error{animation:v2-shake .3s ease;}

@media (max-width:640px){
  .feat-grid{grid-template-columns:1fr;}
  .flow-arrow{display:none;}
}

/* ============================================================
   신규 섹션 스타일 (THOUZER 개선 — v2)
   3주행모드 리드 / 비교표 / 라인업 / Why RACE / 회사소개·비전 / FAQ
   ============================================================ */

/* ── 주행 모드 리드 문구 + 모드 카드 강조 ─────────────────── */
.feat-lead{
  text-align:center;margin:40px 0 -8px;font-size:clamp(15px,2.4vw,17px);
  font-weight:600;color:var(--v3-text-sub);word-break:keep-all;
}
.feat-lead strong{ color:var(--v3-accent);font-weight:800; }
.feat-mode{ border-color:rgba(31,99,144,.22); background:var(--v3-bg-alt); }
.feat-mode .feat-ic{ background:var(--v3-accent);color:#fff; }

/* v5-exp 근거 문구 */
.v5-exp-basis{ margin:10px 0 0;font-size:12px;color:rgba(255,255,255,.55);letter-spacing:.01em; }

/* ── 기존 방식 비교표 ─────────────────────────────────────── */
.compare{ background:var(--v3-bg-alt); }
.compare-wrap{ margin:8px auto 0;max-width:900px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;box-shadow:0 16px 44px -22px rgba(14,27,38,.28); }
.compare-table{ width:100%;min-width:640px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--v3-line);border-radius:14px;overflow:hidden; }
.compare-table th,.compare-table td{ padding:15px 14px;text-align:center;font-size:14px;border-bottom:1px solid var(--v3-line);border-right:1px solid var(--v3-line);white-space:nowrap; }
.compare-table th:last-child,.compare-table td:last-child{ border-right:0; }
.compare-table thead th{ background:var(--v3-dark);color:#fff;font-weight:700;font-size:13.5px; }
.compare-table thead th.is-main{ background:var(--cta);color:#fff; }
.compare-table .compare-crit{ text-align:left;font-weight:700;color:var(--v3-text);background:var(--v3-cream); }
.compare-table tbody tr:last-child td{ border-bottom:0; }
.compare-table td.is-main{ background:rgba(255,106,26,.08);font-weight:800;color:var(--v3-text); }
.compare-table td.good{ color:#1f7a4d;font-weight:700; }
.compare-table td.bad{ color:#c0563a; }
.compare-table td.ok{ color:var(--v3-text-sub); }
.compare-table td.is-main.good{ color:var(--cta-press); }
.compare-key{ max-width:720px;margin:36px auto 0;text-align:center;font-size:clamp(1.05rem,2.5vw,1.4rem);font-weight:700;line-height:1.55;color:var(--v3-text);word-break:keep-all; }
.compare-key em{ font-style:normal;color:var(--v3-accent); }

/* ── 제품 라인업 ─────────────────────────────────────────── */
.lineup{ background:var(--v3-cream); }
.lineup-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px; }
.lineup-card{
  position:relative;display:flex;flex-direction:column;gap:8px;padding:28px 22px;
  background:#fff;border:1px solid var(--v3-line);border-radius:16px;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.lineup-card:hover{ transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(14,27,38,.26);border-color:rgba(31,99,144,.28); }
.lineup-card.is-featured{ border-color:var(--cta);box-shadow:0 18px 44px -20px rgba(255,106,26,.34); }
.lineup-badge{ position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--cta);color:#fff;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap; }
.lineup-name{ margin:4px 0 0;font-size:18px;font-weight:800;color:var(--v3-text); }
.lineup-pos{ margin:0;font-size:13px;font-weight:700;color:var(--v3-accent);letter-spacing:.01em; }
.lineup-fit{ margin:6px 0 0;font-size:14px;line-height:1.7;color:var(--v3-text-sub);word-break:keep-all; }
.lineup-spec{ margin:auto 0 0;padding-top:14px;border-top:1px solid var(--v3-line);font-size:12.5px;font-weight:600;color:var(--v3-text-sub); }
.lineup-note{ max-width:820px;margin:26px auto 0;text-align:center;font-size:11.5px;line-height:1.7;color:var(--v3-text-sub);opacity:.85;word-break:keep-all; }
@media (max-width:900px){ .lineup-grid{ grid-template-columns:repeat(2,1fr);gap:20px; } }
@media (max-width:460px){ .lineup-grid{ grid-template-columns:1fr; } }

/* ── Why RACE Solution ───────────────────────────────────── */
.whyrace{ background:var(--v3-bg-alt); }
.whyrace-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px; }
.whyrace-card{ position:relative;padding:32px 26px 28px;background:var(--v3-bg);border:1px solid var(--v3-line);border-radius:16px; }
.whyrace-num{ display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:rgba(31,99,144,.10);color:var(--v3-accent);font-size:15px;font-weight:800;margin-bottom:16px; }
.whyrace-card h3{ margin:0 0 10px;font-size:17.5px;font-weight:800;line-height:1.4;color:var(--v3-text);word-break:keep-all; }
.whyrace-card p{ margin:0;font-size:14.5px;line-height:1.75;color:var(--v3-text-sub);word-break:keep-all; }
@media (max-width:820px){ .whyrace-grid{ grid-template-columns:1fr;gap:14px; } }

/* ── 회사 소개 + 비전 (다크 섹션) ────────────────────────── */
.about{ background:var(--v3-dark);color:#fff; }
.about-grid{ display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start; }
.about-main{ text-align:center; }
.about-main .v3-eyebrow{ text-align:center;color:var(--v3-accent-soft); }
.about-main .v3-title{ text-align:center;color:#fff;margin-bottom:22px; }
.about-main .v3-title strong{ color:#7fbde3; }
.about-body{ font-size:15px;line-height:1.8;color:rgba(255,255,255,.78);margin:0 auto;max-width:720px;text-align:center;word-break:keep-all; }
.about-body:not(:last-of-type){ margin-bottom:26px; }
.about-body:not(:last-of-type)::after{ content:"";display:block;width:40px;height:2px;margin:26px auto 0;background:rgba(245,166,35,.5);border-radius:2px; }
.about-body strong{ color:#fff;font-weight:700; }
.about-vision{ background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:30px 28px; }
.about-vision-label{ font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--v3-accent-soft);margin:0 0 14px; }
.about-vision-title{ font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:800;line-height:1.4;color:#fff;margin:0 0 16px;word-break:keep-all; }
.about-vision-body{ font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.72);margin:0 0 20px;word-break:keep-all; }
.about-vision-tags{ display:flex;flex-wrap:wrap;gap:8px; }
.about-vision-tags span{ font-size:13px;font-weight:600;color:#dce6f0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:7px 14px;border-radius:999px; }
@media (max-width:820px){ .about-grid{ grid-template-columns:1fr;gap:28px; } }

/* 대표 이력 자격 리스트 */
.founder-cred-label{ margin:16px 0 0;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--v3-accent); }
.founder-cred{ list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:8px; }
.founder-cred li{ position:relative;padding-left:16px;font-size:13px;line-height:1.6;color:var(--v3-text-sub);word-break:keep-all; }
.founder-cred li::before{ content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--v3-accent); }
.founder-cred .cred-role{ white-space:nowrap; }
@media (max-width:560px){ .founder-cred{ grid-template-columns:1fr; } }

/* ── FAQ (native details/summary) ────────────────────────── */
.faq{ background:var(--v3-bg); }
.faq-list{ max-width:760px;margin:8px auto 0;display:flex;flex-direction:column;gap:12px; }
.faq-item{ background:#fff;border:1px solid var(--v3-line);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s; }
.faq-item[open]{ border-color:rgba(31,99,144,.28);box-shadow:0 12px 30px -20px rgba(14,27,38,.28); }
.faq-item summary{
  list-style:none;cursor:pointer;padding:19px 52px 19px 22px;position:relative;
  font-size:15.5px;font-weight:700;color:var(--v3-text);line-height:1.5;word-break:keep-all;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::before{ content:"Q";position:absolute;left:22px;display:none; }
.faq-item summary::after{
  content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;
  border-right:2px solid var(--v3-accent);border-bottom:2px solid var(--v3-accent);
  transform:translateY(-70%) rotate(45deg);transition:transform .2s;
}
.faq-item[open] summary::after{ transform:translateY(-30%) rotate(225deg); }
.faq-a{ padding:0 22px 20px; }
.faq-a p{ margin:0;font-size:14.5px;line-height:1.8;color:var(--v3-text-sub);word-break:keep-all; }

/* 푸터 추가 항목 */
.v3-footer-hours{ margin-top:8px;font-size:12.5px;color:var(--v3-text-sub);opacity:.9; }
.v3-footer-partner{ margin-top:10px;font-size:12.5px;line-height:1.6;color:var(--v3-text-sub);opacity:.9; }

/* ============================================================
   THOUZER 테마 v2 — 딥 네이비 베이스 + 인더스트리얼 앰버 포인트
   레퍼런스(Skyfront/Soltera): 밝은 B2B / 큰 헤드라인 / 단일 액센트로 강조
   역할 분리 → 네이비=구조·신뢰, 앰버=강조·행동(CTA·핵심 1곳만)
   ============================================================ */

/* ① 팔레트 */
:root{
  --v3-bg:#f4f4f2;          /* 웜 라이트 그레이 */
  --v3-bg-alt:#ffffff;
  --v3-text:#15202b;
  --v3-text-sub:#5f6b76;
  --v3-line:rgba(21,32,43,.12);
  --v3-accent:#0a0a0c;      /* 검정 (기존 딥 네이비 → 검정 통일) */
  --v3-accent-soft:#3b5f83;
  --v3-cream:#eceef0;
  --v3-dark:#0a0a0c;        /* 다크 섹션 배경 = 검정 */
  --color-bg:#f4f4f2; --color-bg-alt:#fff; --color-text:#15202b;
  --color-text-sub:#5f6b76; --color-accent:#0a0a0c; --color-line:#e3e6e6;
  --ink:#15202b;
  --navy:#0a0a0c;
  --amber:#f5a623;          /* 포컬 액센트 — 안전 앰버 */
  --amber-press:#e0951a;
  --amber-soft:rgba(245,166,35,.16);
  --label:#7c8894;
  --cta:#f5a623; --cta-press:#e0951a;
}

/* ② 타이포 — 큰 클린 산세리프 + 굵기 대비 */
.v3-title,.v7-hero-headline,.about-main .v3-title,.about-vision-title,
.solve-quote,.compare-key,.cost-emph,.price-key,.v3-place-name,.v5-review-quote{
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif !important;
  letter-spacing:-.025em !important;
}
.v3-title{ font-size:clamp(1.85rem,4vw,2.8rem);font-weight:600;line-height:1.32; }
.v3-title strong,.v3-title em{ color:var(--navy);font-weight:800;font-style:normal; }
.v7-hero-headline{ font-weight:700 !important; }
.v7-hero-headline em,.v7-hero-solution em{ color:#fff !important; }
.solve-quote,.compare-key,.cost-emph,.price-key{ font-weight:600 !important; }
.solve-quote em,.compare-key em,.price-key em{ color:var(--navy) !important; }
.cost-emph strong{ color:var(--amber-press) !important; }

/* eyebrow — 좌측 앰버 액센트 바 + 대문자 라벨 (점·우측 헤어라인 제거) */
.v3-eyebrow{ color:var(--label) !important; }
.v3-section-head .v3-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  letter-spacing:.2em; position:relative;
}
.v3-section-head .v3-eyebrow::before{
  content:""; flex:0 0 auto; width:3px; height:12px;
  border-radius:2px; background:var(--amber);
}
.v3-section-head .v3-eyebrow::after{ content:none; }
.v3-section-head{ margin-bottom:clamp(36px,5vw,56px); }
.v7-hero-lead{ letter-spacing:.16em; }

/* ③ CTA — 앰버 알약 + 다크 원형 화살표 */
.v3-btn,.v2-btn-primary{
  background:var(--amber) !important;border-color:var(--amber) !important;color:var(--ink) !important;
  border-radius:999px !important;display:inline-flex;align-items:center;gap:13px;
  padding:15px 17px 15px 26px !important;font-weight:700 !important;
  box-shadow:0 14px 30px -14px rgba(245,166,35,.6) !important;
}
.v3-btn:hover,.v2-btn-primary:hover{ background:var(--amber-press) !important;border-color:var(--amber-press) !important;color:var(--ink) !important; }
.v3-btn span{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--amber);
  font-size:14px;font-weight:700;line-height:1;flex:0 0 28px;
}
.v3-header-cta{ background:var(--amber) !important;border-color:var(--amber) !important;color:var(--ink) !important;border-radius:999px; }
.v3-header-cta:hover{ background:var(--amber-press) !important;border-color:var(--amber-press) !important; }
.v3-sticky-cta{ background:var(--amber) !important;color:var(--ink) !important;box-shadow:0 12px 28px rgba(245,166,35,.42) !important; }

/* ④ 아이콘·리스트 — 3주행모드만 앰버, 나머지 뉴트럴 */
.feat-ic{ background:var(--v3-cream);color:var(--navy); }
.feat-mode{ border-color:rgba(245,166,35,.35); }
.feat-mode .feat-ic{ background:var(--amber);color:var(--ink); }
.feat-en,.lineup-pos{ color:var(--label) !important; }
.whyrace-num{ background:var(--amber-soft);color:var(--navy); }
.ind-appeal{ background:#fff;border-left-color:var(--amber); }
.ind-body li::before{ background:var(--amber); }
.chk-item:hover{ border-color:var(--navy); }
.chk-item input:checked + .chk-box{ background:var(--navy);border-color:var(--navy); }
.chk-count strong{ color:var(--navy); }
.calc-field input:focus,.calc-field select:focus{ border-color:var(--navy);box-shadow:0 0 0 3px rgba(19,50,79,.12); }
.calc-out-row.hot{ background:var(--amber-soft); }
.calc-out-row.hot b{ color:var(--amber-press); }
.cost .v3-title strong,.cost-copy .hl-orange,.cost-30 strong{ color:var(--amber-press) !important; }
.cost-30{ background:var(--amber-soft);border-left-color:var(--amber); }
.cost-table tr.is-main td{ background:var(--amber-soft); }
.cost-table td:first-child{ color:var(--navy); }
.cost-table-cap strong{ color:var(--amber-press) !important; }
.trust-quote{ background:var(--v3-cream); }
.trust-quote strong{ color:var(--navy); }
.trust-chip{ background:#fff; }
.founder-cred li::before{ background:var(--amber); }
.founder-name span{ color:var(--navy); }

/* ⑤ 비교표 — 헤더 네이비, THOUZER 열만 앰버로 확 강조 */
.compare-table thead th{ background:var(--navy);color:#fff; }
.compare-table thead th.is-main{ background:var(--amber);color:var(--ink); }
.compare-table .compare-crit{ background:var(--v3-cream);color:var(--navy); }
.compare-table td.is-main{ background:var(--amber-soft); }
.compare-table td.good{ color:var(--navy);font-weight:700; }
.compare-table td.bad{ color:#a7adb4; }
.compare-table td.ok{ color:var(--v3-text-sub); }
.compare-table td.is-main.good{ color:var(--amber-press); }

/* ⑥ 섹션 배경 교차 — 흰색 ↔ 웜그레이로 구분 강화 (재정비 순서) */
.v5-worry{ background:var(--v3-bg-alt); }        /* 흰 */
#intro{ background:var(--v3-bg); }                /* 그레이 */
.features{ background:var(--v3-bg); }             /* 그레이 (WORRIES 흰과 구분) */
.v3-industry{ background:var(--v3-bg-alt); }      /* 흰 (도입안내 첫 섹션) */
.compare{ background:var(--v3-bg); }              /* 그레이 */
.v5-exp{ background:linear-gradient(180deg,rgba(15,36,56,.62) 0%,rgba(15,36,56,.48) 52%,rgba(15,36,56,.60) 100%),url('../image/proven/bg4.jpg') center/cover no-repeat !important;color:#fff !important; }  /* 다크 네이비(음영 완화) + 현장 배경 */
.cases{ background:var(--v3-bg-alt); }            /* 흰 */
.lineup{ background:var(--v3-bg-alt); }           /* 흰색 (모드와 구분) */
.cost{ background:var(--v3-bg-alt); }             /* 흰 */
.chk{ background:var(--v3-bg); }                  /* 그레이 */
#review{ background:var(--v3-bg); }               /* 그레이 */
.whyrace{ background:var(--v3-bg); }              /* 그레이 */
.vision{ background:var(--v3-bg-alt); }           /* 흰 */
.ceo{ background:var(--v3-bg-alt); }              /* 흰 */
.faq{ background:var(--v3-bg); }                  /* 그레이 */
.process-sec{ background:var(--v3-bg-alt); }      /* 흰 (도입 프로세스) */

/* ⑦ 실적(PROVEN) → 다크 네이비 + 큰 숫자 임팩트 */
.v5-exp-eyebrow{ color:#c3d3e2 !important; text-shadow:0 1px 6px rgba(8,20,34,.7); }
.v5-exp-num .v5-exp-pre{ font-size:clamp(1.05rem,3.4vw,1.75rem); font-weight:600; letter-spacing:.01em; color:rgba(255,255,255,.92) !important; text-shadow:0 2px 12px rgba(8,20,34,.75); align-self:baseline; }
.v5-exp-num{ color:#fff !important; text-shadow:0 2px 18px rgba(8,20,34,.8),0 1px 3px rgba(8,20,34,.7); }
.v5-exp-num span{ color:var(--amber) !important; text-shadow:0 2px 14px rgba(8,20,34,.7); }
.v5-exp-lead{ color:#fff !important; text-shadow:0 1px 8px rgba(8,20,34,.85); }
.v5-exp-basis{ color:rgba(255,255,255,.7) !important; text-shadow:0 1px 6px rgba(8,20,34,.8); }
.v5-exp-copy{ max-width:940px; }
.v5-exp-copy p{ color:#fff !important; text-shadow:0 1px 8px rgba(8,20,34,.85); }
.v5-exp-copy p strong{ color:#fff !important; text-shadow:0 1px 10px rgba(8,20,34,.9); }

/* ⑧ 회사소개 = 네이비 다크 밴드(강한 섹션 구분 앵커) + 앰버 악센트 */
.about{ background:var(--v3-dark) !important;color:#fff !important;position:relative; }
.about::before{ content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1100px,90%);height:1px;background:linear-gradient(90deg,transparent,rgba(245,166,35,.5),transparent); }
.about-main .v3-eyebrow{ color:#9fb3c6 !important; }
.about-main .v3-title{ color:#fff !important; }
.about-main .v3-title strong{ color:var(--amber) !important; }
.about-body{ color:rgba(255,255,255,.8) !important; }
.about-body strong{ color:#fff !important; }
.about-vision{ background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.15) !important; }
.about-vision-label{ color:var(--amber) !important; }
.about-vision-title{ color:#fff !important; }
.about-vision-body{ color:rgba(255,255,255,.72) !important; }
.about-vision-tags span{ color:#dbe4ec;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16); }

/* 상담 폼 섹션 배경 */
body.has-v7 .v3-consult{ background:var(--v3-bg-alt);border-top:1px solid var(--v3-line); }

/* ⑨ 실적 스탯 밴드 (큰 숫자 3블록 · 1블록만 앰버) */
.statband{ display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:920px;margin:44px auto 0; }
.statband-item{ background:#fff;border:1px solid var(--v3-line);border-radius:18px;padding:30px 28px;text-align:left; }
.statband-item:first-child{ background:var(--amber);border-color:var(--amber);box-shadow:0 18px 40px -18px rgba(245,166,35,.5); }
.statband-num{ font-size:clamp(2.1rem,5.4vw,3rem);font-weight:800;letter-spacing:-.035em;color:var(--navy);line-height:1;margin:0; }
.statband-label{ margin:14px 0 0;font-size:14px;font-weight:700;letter-spacing:.01em;color:var(--v3-text); }
.statband-desc{ margin:8px 0 0;font-size:13px;line-height:1.65;color:var(--v3-text-sub);word-break:keep-all; }
.statband-item:first-child .statband-num{ color:var(--ink); }
.statband-item:first-child .statband-label{ color:var(--ink); }
.statband-item:first-child .statband-desc{ color:rgba(21,32,43,.72); }
@media (max-width:720px){ .statband{ grid-template-columns:1fr;gap:12px; } }

/* ⑩ 히어로 스탯 스트립 (떠 있는 미니 카드 · 1개만 앰버) */
.hero-stats{ display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0; }
.hero-stat{ flex:1 1 150px;min-width:150px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.95);border-radius:14px;padding:14px 14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 10px 24px -14px rgba(0,0,0,.55); }
.hero-stat:first-child{ background:var(--amber); }
.hero-stat b{ display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--navy);line-height:1.15;white-space:nowrap; }
.hero-stat span{ display:block;margin-top:4px;font-size:12px;font-weight:600;color:#5f6b76;white-space:nowrap;word-break:keep-all; }
.hero-stat:first-child b{ color:var(--ink); }
.hero-stat:first-child span{ color:rgba(21,32,43,.72); }

/* WORRIES 제목 — 정확히 2줄 유지(둘째 줄이 안 넘치게 크기 조정) */
.worry-title strong{ color:#ef6c00 !important; }

/* WORRIES 카드 — 번호·제목 vs 설명 위계 강화 */
.v5-worry-card{ padding:26px 26px; }
.v5-worry-num{ color:var(--amber) !important;font-size:13px !important;font-weight:800 !important;letter-spacing:.14em !important;margin-bottom:12px !important; }
.v5-worry-q{ font-size:17.5px !important;font-weight:800 !important;color:var(--navy) !important;line-height:1.45 !important;margin:0 0 12px !important;padding-bottom:12px;border-bottom:1px solid var(--v3-line); }
body.has-v7 .v5-worry-a,
.v5-worry-a{ font-size:14.5px !important;font-weight:400 !important;color:var(--v3-text-sub) !important;line-height:1.7 !important; }

/* 히어로 업종 pill — 동일 크기 정렬 */
.v7-hero-pills{ display:flex;flex-wrap:wrap;gap:8px; }
.v7-hero-pill{ flex:0 0 auto;min-width:92px;text-align:center;justify-content:center;white-space:nowrap;box-sizing:border-box; }


/* ⑫ 상담/자료요청 CTA 밴드 — 네이비 앵커 + 앰버 주버튼 */
.cta-band{ background:var(--v3-dark);color:#fff;text-align:center;padding:clamp(56px,9vw,90px) 0; }
.cta-band-eyebrow{ font-family:'Playfair Display',serif;font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin:0 0 16px; }
.cta-band-title{ font-family:'Pretendard',sans-serif;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:700;line-height:1.32;letter-spacing:-.025em;color:#fff;margin:0 0 16px;word-break:keep-all; }
.cta-band-desc{ font-size:16px;line-height:1.75;color:rgba(255,255,255,.8);margin:0 auto 30px;max-width:560px;word-break:keep-all; }
.cta-band-btns{ display:flex;flex-wrap:wrap;justify-content:center;gap:12px; }
.cta-ghost{ background:transparent !important;border:1px solid rgba(255,255,255,.42) !important;color:#fff !important;box-shadow:none !important; }
.cta-ghost:hover{ background:rgba(255,255,255,.1) !important;border-color:#fff !important;color:#fff !important; }
.cta-ghost span{ background:#fff !important;color:var(--v3-dark) !important; }

/* ============================================================
   기업형(Enterprise) 요소 — 번호형 챕터 / CASE / 크리덴셜 / 사양표
   ============================================================ */

/* ⑬ 번호형 챕터 마커 (01~04 핵심 챕터) */
.chapter-no{ display:block;font-family:'Playfair Display',serif;font-size:clamp(2.1rem,5.5vw,3.4rem);font-weight:600;line-height:1;letter-spacing:.02em;color:#cbd1d8;margin:0 0 12px; }

/* ⑭ CASE — 도입 현장 유형 칩 */
.case-fields{ display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:0 auto 34px; }
.case-fields span{ font-size:13.5px;font-weight:700;color:var(--navy);background:var(--v3-bg);border:1px solid var(--v3-line);padding:9px 16px;border-radius:999px; }

/* ⑮ 크리덴셜 배지월 (다크 회사소개 섹션 내부) */
.cred-wall{ display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:44px 0 0; }
.cred-badge{ display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px 22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px; }
.cred-ic{ display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:var(--amber);color:var(--ink);font-size:18px;font-weight:800; }
.cred-badge p{ margin:0;font-size:14px;font-weight:700;line-height:1.55;color:#fff;word-break:keep-all; }
@media (max-width:820px){ .cred-wall{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:460px){ .cred-wall{ grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr; } .cred-badge{ justify-content:center; } }

/* 글로벌 고객사 로고 마퀴 */
.global-clients .v3-section-head{ margin-bottom:8px; }
.logo-marquee{ position:relative;overflow:hidden;margin-top:36px;padding:6px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.logo-track{ display:flex;width:max-content;gap:18px;animation:logoScroll 45s linear infinite;will-change:transform; }
@keyframes logoScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.logo-cell{ flex:0 0 auto;width:158px;height:88px;display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:14px;box-shadow:0 10px 28px -18px rgba(14,27,38,.28); }
.logo-cell img{ max-width:70%;max-height:56%;object-fit:contain; }
.logo-ph{ font-weight:800;font-size:15px;letter-spacing:.01em;color:#1f2d3a;text-align:center;padding:0 10px;word-break:keep-all; }
@media (max-width:560px){ .logo-cell{ width:132px;height:76px; } .logo-track{ gap:14px; } }
@media (prefers-reduced-motion:reduce){ .logo-track{ animation:none;flex-wrap:wrap;justify-content:center;width:auto; } }

/* ⑯ 라인업 사양표 + 견적 CTA (Model / 견적) */
.spec-table-wrap{ margin:40px auto 0;max-width:820px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;box-shadow:0 16px 44px -24px rgba(21,32,43,.28); }
.spec-table{ width:100%;min-width:560px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--v3-line);border-radius:14px;overflow:hidden; }
.spec-table th,.spec-table td{ padding:15px 16px;text-align:center;font-size:14px;border-bottom:1px solid var(--v3-line);white-space:nowrap; }
.spec-table thead th{ background:var(--navy);color:#fff;font-weight:700;font-size:13.5px; }
.spec-table td:first-child{ font-weight:800;color:var(--navy); }
.spec-table tbody tr:last-child td{ border-bottom:0; }
.spec-table tr.is-main td{ background:var(--amber-soft);font-weight:700; }
.spec-table tr.is-main td:first-child{ color:var(--amber-press); }
.lineup-quote-cta{ margin:40px auto 0;max-width:680px;text-align:center; }
.lineup-quote-cta p{ margin:0 0 20px;font-size:15px;line-height:1.7;color:var(--v3-text-sub);word-break:keep-all; }
.lineup-quote-cta strong{ color:var(--navy); }

/* ============================================================
   멀티페이지 — GNB / 서브페이지 솔리드 헤더 / 홈 요약 링크
   ============================================================ */
/* 서브페이지: 솔리드 헤더 + 상단 여백(고정 헤더 오프셋) */
.site-solid-header .v3-header{ background:#fff;border-bottom:1px solid var(--v3-line); }
.site-solid-header .v3-logo{ color:var(--ink); }
.site-solid-header .v3-nav a{ color:var(--v3-text); }
.site-solid-header main{ padding-top:66px; }

/* GNB 정렬 — 텍스트 링크와 앰버 알약을 같은 라인 중앙 정렬 */
.v3-nav{ align-items:center; }
.v3-nav a{ display:inline-flex;align-items:center;line-height:1; }
/* 업종 탭 — 세리프(Playfair) → Pretendard 통일 */
.v3-mood-tab{ font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;letter-spacing:-.01em; }
/* GNB 활성 메뉴 + 문의하기 앰버 알약 */
.v3-nav a.is-active{ color:var(--navy) !important;font-weight:700; }
.v3-nav-cta{ background:var(--amber);color:var(--ink) !important;padding:9px 18px;border-radius:999px;font-weight:700 !important; }
.v3-nav-cta:hover{ background:var(--amber-press);color:var(--ink) !important; }

/* 홈 '자세히 보기' 링크 + 섹션 하단 정렬 */
.why-points{ list-style:none;margin:30px auto 0;padding:0;max-width:760px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px; }
.why-points li{ position:relative;padding-left:24px;font-size:15.5px;font-weight:600;color:var(--v3-text);word-break:keep-all; }
.why-points li::before{ content:"✓";position:absolute;left:0;top:0;color:var(--v3-accent);font-weight:800;font-size:14px; }
.home-more{ text-align:center;margin-top:28px; }
.more-link{ display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--navy);padding:12px 26px;border:1.5px solid var(--navy);border-radius:999px;transition:background .2s,color .2s,border-color .2s; }
.more-link:hover{ background:var(--navy);color:#fff; }
.more-link span{ display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--amber);color:var(--ink);font-size:13px;transition:background .2s,color .2s; }
.more-link:hover span{ background:#fff;color:var(--navy); }

/* 서브페이지 첫 섹션 상단 여백 정리 */
.page-intro{ padding-top:clamp(40px,6vw,72px); }

/* 문의 페이지 — 전화/이메일 안내 */
.contact-info{ max-width:680px;margin:36px auto 0;text-align:center;padding-top:28px;border-top:1px solid var(--v3-line); }
.contact-info-label{ font-size:13px;font-weight:700;color:var(--label);margin:0 0 12px;letter-spacing:.02em; }
.contact-info-line{ font-size:15px;color:var(--v3-text-sub);margin:0 0 6px; }
.contact-info-line strong{ color:var(--navy); }
.contact-info-line a{ color:var(--navy);font-weight:600; }

/* 하단 고정(스티키) CTA — 모바일에서만 노출, 데스크톱 숨김 */
@media (min-width:768px){ .v3-sticky-cta{ display:none !important; } }

/* WORRIES 타깃 칩 — 서브 문구 아래 배치 여백 */
.worry-chips{ margin:26px auto 0; }

/* 솔루션 섹션 — 이미지 박스 3모드 카드 */
.mode-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px; }
.mode-card{ display:flex;flex-direction:column;background:var(--v3-bg-alt);border:1px solid var(--v3-line);border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.mode-card:hover{ transform:translateY(-4px);box-shadow:0 20px 44px -22px rgba(21,32,43,.26);border-color:rgba(21,32,43,.2); }
.mode-img{ aspect-ratio:4/3;min-height:0;border-radius:0;border:0;border-bottom:1px solid var(--v3-line);overflow:hidden;background:var(--v3-cream); }
.mode-img img,.mode-img video{ width:100%;height:100%;object-fit:cover;display:block; }
.mode-body{ padding:22px 22px 26px; }
.mode-en{ display:block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--label);margin-bottom:8px; }
.mode-title{ font-size:20px;font-weight:800;color:var(--navy);margin:0 0 10px;letter-spacing:-.01em; }
.mode-desc{ font-size:14.5px;line-height:1.75;color:var(--v3-text-sub);margin:0;word-break:keep-all; }
.mode-close{ max-width:760px;margin:42px auto 0;text-align:center;font-size:clamp(1.05rem,2.5vw,1.38rem);font-weight:600;line-height:1.55;color:var(--v3-text);word-break:keep-all; }
.mode-close strong{ color:var(--amber-press);font-weight:800; }

/* 솔루션 헤드라인 강조 — 앰버 형광펜 하이라이트 */
#solution .v3-title strong{
  color:var(--ink) !important;
  font-weight:800;
  background:linear-gradient(180deg, transparent 58%, var(--amber) 58%);
  padding:0 .1em;border-radius:2px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}

/* OUR VISION — 다크 네이비 + 대형 영문 헤드라인 */
.vision-home{ background:var(--v3-dark);color:#fff;text-align:center;position:relative;overflow:hidden; }
.vision-home::before{ content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1100px,90%);height:1px;background:linear-gradient(90deg,transparent,rgba(245,166,35,.5),transparent); }
.vision-home .v3-section-head{ margin-bottom:0; }
.vision-home .v3-eyebrow{ color:var(--amber) !important; }
.vision-en{
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:800;font-size:clamp(2.3rem,7vw,4.4rem);line-height:1.08;letter-spacing:-.02em;
  color:#fff;margin:14px 0 0;
}
.vision-en span{ color:var(--amber);font-style:normal; }
.vision-copy{ max-width:740px;margin:30px auto 0;font-size:16px;line-height:2;color:rgba(255,255,255,.78);word-break:keep-all; }
.vision-copy strong{ color:#fff;font-weight:700; }
@media (max-width:560px){ .vision-copy{ font-size:15px;line-height:1.9; } }

/* 중간 CTA 섹션 */
.midcta{ background:var(--v3-bg-alt);text-align:center; }
.midcta-title{ font-size:clamp(1.6rem,3.8vw,2.4rem);font-weight:800;color:var(--navy);letter-spacing:-.02em;margin:0 0 14px;word-break:keep-all; }
.midcta-title strong{ color:var(--amber-press);font-weight:800; }
.midcta-sub{ font-size:16px;line-height:1.7;color:var(--v3-text-sub);margin:0 0 30px;word-break:keep-all; }

/* PRESS 슬라이더 */
.press{ background:var(--v3-bg-alt); }            /* 흰 (THE ANSWER 그레이와 구분) */
.press-slider{ position:relative;display:flex;align-items:center;gap:8px;margin-top:8px; }
.press-track{ display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 12px;-ms-overflow-style:none;scrollbar-width:none; }
.press-track::-webkit-scrollbar{ display:none; }
.press-card{ flex:0 0 clamp(290px,46%,520px);scroll-snap-align:start; }
.press-card-link{ display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--v3-line);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px -22px rgba(21,32,43,.16);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.press-card-link:hover{ transform:translateY(-4px);box-shadow:0 20px 44px -22px rgba(21,32,43,.26);border-color:rgba(21,32,43,.2); }
.press-thumb{ aspect-ratio:16/9;min-height:0;border:0;border-bottom:1px solid var(--v3-line);overflow:hidden; }
.press-thumb img{ width:100%;height:100%;object-fit:cover;display:block; }
.press-body{ display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;flex:1; }
.press-meta{ margin:0;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--label); }
.press-title{ margin:0;font-size:17px;font-weight:800;line-height:1.5;color:var(--navy);word-break:keep-all; }
.press-excerpt{ margin:0;font-size:14px;line-height:1.7;color:var(--v3-text-sub);word-break:keep-all; }
.press-more{ margin-top:auto;font-size:13.5px;font-weight:700;color:var(--amber-press);display:inline-flex;align-items:center;gap:6px; }
.press-more em{ font-style:normal;transition:transform .2s; }
.press-card-link:hover .press-more em{ transform:translateX(3px); }
.press-arrow{ flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid var(--v3-line);background:#fff;color:var(--navy);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s; }
.press-arrow:hover{ background:var(--navy);color:#fff;border-color:var(--navy); }
.press-note{ margin:26px 0 0;text-align:center;font-size:13.5px;font-weight:600;color:var(--v3-text-sub);letter-spacing:.01em; }
@media (max-width:640px){ .press-arrow{ display:none; } .press-card{ flex:0 0 84%; } }

/* 최종 CTA — 보조 링크 + 상담 시간 */
.cta-sublinks{ margin:18px 0 0;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;font-size:14.5px;font-weight:600; }
.cta-sublinks a{ color:#fff;opacity:.85;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px;transition:color .2s,opacity .2s,border-color .2s; }
.cta-sublinks a:hover{ opacity:1;color:var(--amber);border-color:var(--amber); }
.cta-divider{ color:rgba(255,255,255,.4); }
.cta-hours{ margin:22px 0 0;font-size:13px;color:rgba(255,255,255,.6);letter-spacing:.01em; }
/* GET STARTED 신뢰 쿠션 한 줄 */
.cta-trust{ display:inline-block;margin:0 auto 26px;padding:8px 18px;border:1px solid rgba(245,166,35,.4);border-radius:999px;font-size:13.5px;font-weight:700;letter-spacing:.01em;color:var(--amber); }

/* ============================================================
   제품 상세 페이지 (product.html) — XYZ 흐름 차용, 네이비+앰버 톤
   ============================================================ */
/* 제품 히어로 (다크) */
.prod-hero{ background:var(--v3-dark);color:#fff;text-align:center;padding:clamp(66px,10vw,120px) 0 clamp(50px,7vw,84px);position:relative;overflow:hidden; }
.prod-hero::before{ content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1100px,92%);height:1px;background:linear-gradient(90deg,transparent,rgba(245,166,35,.5),transparent); }
.prod-hero .v3-eyebrow{ color:var(--amber) !important;justify-content:center; }
.prod-hero-name{ font-family:'Pretendard',sans-serif;font-weight:800;font-size:clamp(3rem,11vw,6.4rem);letter-spacing:-.03em;line-height:1;color:#fff;margin:16px 0 0; }
.prod-hero-tag{ font-size:clamp(15px,2.3vw,19px);color:rgba(255,255,255,.82);margin:22px auto 0;max-width:660px;line-height:1.8;word-break:keep-all; }
.prod-hero-img{ margin:44px auto 0;max-width:920px;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12); }
.prod-hero-img img{ width:100%;height:100%;object-fit:cover;display:block; }
.prod-hero-cta{ display:flex;gap:12px;justify-content:center;margin:38px 0 0;flex-wrap:wrap; }

/* 문제 → 화살표 → 솔루션 */
.prob-flow-sec{ background:var(--v3-bg-alt);text-align:center; }
.prob-chips{ display:flex;flex-wrap:wrap;justify-content:center;gap:14px; }
.prob-chip{ background:var(--navy);color:#fff;font-weight:700;font-size:clamp(16px,2.2vw,19px);padding:16px 32px;border-radius:999px; }
.prob-arrow{ margin:26px auto 24px;font-size:30px;line-height:1;color:var(--label); }
.prob-solution{ font-size:clamp(1.7rem,4.4vw,2.9rem);font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.32;word-break:keep-all;margin:0; }
.prob-solution strong{ color:var(--ink);background:linear-gradient(180deg,transparent 58%,var(--amber) 58%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone; }
.prob-solution .c-amber{ color:var(--amber-press); }

/* 제품 페이지 섹션 배경 교차: 모드(회)→라인업(흰)→타입비교(회)→안전(흰) */
.modes-sec{ background:var(--v3-bg); }
.typecompare{ background:var(--v3-bg); }
.safety-sec{ background:var(--v3-bg-alt); }
/* 비교표 기준칸 영문 서브라벨 */
.compare-table .compare-crit em{ display:block;font-style:normal;font-weight:600;font-size:11.5px;color:var(--v3-text-sub);margin-top:2px;letter-spacing:.02em; }
/* 타입비교 표 — '기능' 열 가운데 정렬 + 세 열 동일 너비 */
#typecompare .compare-table .compare-crit{ text-align:center; }
#typecompare .compare-table{ table-layout:fixed; }
#typecompare .compare-table th,
#typecompare .compare-table td{ width:33.333%; }
#typecompare .compare-table .compare-crit{ white-space:normal; }
/* 기존 방식 비교표(도입안내) — 기준 열 가운데 정렬 + 5열 동일 너비 */
#compare .compare-table .compare-crit{ text-align:center;white-space:normal; }
#compare .compare-table{ table-layout:fixed; }
#compare .compare-table th,
#compare .compare-table td{ width:20%; }
/* THOUZER 열만 강조 — 경쟁 3열(사람·대차·AGV)은 중립 회색으로 통일 */
#compare .compare-table td:not(.is-main):not(.compare-crit){ color:var(--v3-text-sub);font-weight:500; }
#compare .compare-table td.is-main{ color:var(--amber-press);font-weight:800; }

/* 라인업 3모델 스펙 카드 */
.lineup-grid-3{ grid-template-columns:repeat(3,1fr) !important; }
.lineup-img{ aspect-ratio:4/3;min-height:0;margin:0 0 16px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--v3-line);display:flex;align-items:center;justify-content:center;padding:10px; }
.lineup-img img{ width:100%;height:100%;object-fit:contain;display:block; }
.lineup-cat{ margin:2px 0 0;font-size:19px;font-weight:800;color:var(--v3-text);letter-spacing:-.01em; }
.lineup-model{ margin:3px 0 0;font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--label); }
.lineup-specs{ list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--v3-line);display:flex;flex-direction:column;gap:12px; }
.lineup-specs li{ display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px; }
.lineup-specs li > span{ color:var(--v3-text-sub);font-weight:600;white-space:nowrap; }
.lineup-specs li > span em{ font-style:normal;font-size:11px;color:var(--label);margin-left:4px; }
.lineup-specs li > b{ color:var(--navy);font-weight:800;text-align:right;word-break:keep-all; }
.lineup-specs li > b em{ display:block;font-style:normal;font-size:11px;font-weight:600;color:var(--v3-text-sub);margin-top:2px; }
.lineup-card.is-featured .lineup-specs li > b{ color:var(--amber-press); }
@media (max-width:820px){ .lineup-grid-3{ grid-template-columns:1fr !important; } }

/* 안전·커스터마이징 2카드 */
.safety-grid{ display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px; }
/* 영상은 잘림 없이 전체 표시(contain) + 여백은 뉴트럴 배경 */
.safety-grid .mode-img{ background:#0f1720; }
.safety-grid .mode-img video{ object-fit:contain; }
@media (max-width:720px){ .safety-grid{ grid-template-columns:1fr; } }
@media (max-width:860px){ .mode-grid{ grid-template-columns:1fr; } }


/* ============================================================
   모바일 헤더 — 로고 한 줄 + 햄버거(☰) 메뉴
   ============================================================ */
.v3-logo{white-space:nowrap;}
.v3-nav-toggle{display:none;}
@media (max-width:768px){
  .v3-logo{font-size:17px;letter-spacing:.06em;}
  .v3-nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;background:none;border:0;font-size:26px;line-height:1;color:var(--v3-text);cursor:pointer;-webkit-tap-highlight-color:transparent;}
  .v3-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 20px 16px;background:#fff;border-top:1px solid var(--v3-line);box-shadow:0 16px 34px rgba(0,0,0,.14);}
  .v3-nav.is-open{display:flex;}
  .v3-nav a{padding:15px 4px;border-bottom:1px solid var(--v3-line);font-size:16px;}
  .v3-nav a:last-child{border-bottom:0;}
  .v3-nav-cta{margin-top:12px;align-self:flex-start;}
}
@media (max-width:360px){
  .v3-logo{font-size:15px;letter-spacing:.04em;}
}
/* 햄버거 아이콘 — CSS 3바 → ✕ (폰트 글리프 비의존) */
.v3-nav-toggle > i,.v3-nav-toggle > i::before,.v3-nav-toggle > i::after{content:"";display:block;width:22px;height:2px;background:var(--v3-text);border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.v3-nav-toggle > i{position:relative}
.v3-nav-toggle > i::before{position:absolute;left:0;top:-7px}
.v3-nav-toggle > i::after{position:absolute;left:0;top:7px}
.v3-nav-toggle.is-open > i{background:transparent}
.v3-nav-toggle.is-open > i::before{transform:translateY(7px) rotate(45deg)}
.v3-nav-toggle.is-open > i::after{transform:translateY(-7px) rotate(-45deg)}
/* ============================================================
   모바일 전용 조정 · PC(>768px) 영향 없음
   ============================================================ */
.br-mo{display:none;}                       /* 모바일 전용 줄바꿈 (PC는 숨김) */
.mo-sep{display:none;}                       /* 모바일 전용 문단 구분선 (PC는 숨김) */
.v3-sticky-cta{display:none !important;}     /* 하단 고정 CTA 버튼 제거 */
@media (max-width:768px){
  .br-mo{display:inline;}
  .br-pc{display:none;}                      /* PC 전용 줄바꿈 (모바일은 숨김) */
  .mo-sep{display:block;width:36px;height:2px;margin:16px auto;border-radius:2px;background:var(--amber);opacity:.55;}
  /* 히어로 메인/서브 문구 축소 (되도록 2줄) */
  .v7-hero-headline{font-size:22px;line-height:1.42;}
  .v7-hero-subline{font-size:13px;line-height:1.55;}
  /* 햄버거 드롭다운 문의하기 버튼 여백 */
  .v3-nav .v3-nav-cta{padding:12px 26px;}
  /* WORRIES 제목 축소 */
  .worry-title{font-size:21px;line-height:1.42;}
  /* WORRIES 업종 칩 한 줄 나열 */
  .worry-chips{flex-wrap:nowrap;gap:6px;}
  .worry-chips span{font-size:11px;padding:6px 9px;white-space:nowrap;}
}
/* PRESS 모바일 오버플로우 방지 (가로 슬라이더가 페이지 폭을 넓히지 않게) */
@media (max-width:768px){
  .press{overflow-x:hidden;}
  .press-slider{min-width:0;}
  .press-track{min-width:0;}
}
/* ============================================================
   모바일 섹션 제목/서브 크기 통일 · WORRIES 기준 (PC 영향 없음)
   ============================================================ */
@media (max-width:768px){
  .v3-title{font-size:21px !important;line-height:1.42 !important;}
  .v3-lede{font-size:15px !important;line-height:1.7 !important;}
}
/* OUR VISION 대형 영문 + 제품 문제→해결 대형 문구도 21px 통일 (모바일 전용) */
@media (max-width:768px){
  .vision-en{font-size:21px !important;line-height:1.42 !important;}
  .prob-solution{font-size:21px !important;line-height:1.42 !important;}
}

/* ============================================================
   제품 소개(product.html) 모바일 전용 조정 · PC(>768px) 영향 없음
   ============================================================ */
/* LINE-UP 모델 탭 — 기본 숨김(PC), 모바일에서만 노출 */
.lineup-tabs{ display:none; }
@media (max-width:768px){
  /* TYPE COMPARISON 리드 — 모바일에서 마지막 문장을 문단 분리(간격) · .br-pc는 공용 헬퍼 사용 */
  #typecompare .v3-lede .lede-p2{ display:block; margin-top:13px; }

  /* 1) 문제 칩 3개 한 줄 배치 (설비 부담·인력난·도입 리스크) */
  .prob-chips{ flex-wrap:nowrap; gap:7px; }
  .prob-chip{ font-size:12.5px; padding:8px 13px; white-space:nowrap; }

  /* 2) LINE-UP — 모델 탭 노출 + 선택 카드 1개만 표시(기본 STANDARD) */
  .lineup-tabs{
    display:flex; gap:6px; justify-content:center;
    max-width:340px; margin:0 auto 22px; padding:5px;
    background:var(--v3-cream); border:1px solid var(--v3-line); border-radius:999px;
  }
  .lineup-tab{
    flex:1; padding:10px 4px; border:0; background:none; cursor:pointer;
    font-family:inherit; font-size:12.5px; font-weight:800; letter-spacing:.05em;
    color:var(--v3-text-sub); border-radius:999px;
    transition:background .2s ease, color .2s ease; -webkit-tap-highlight-color:transparent;
  }
  .lineup-tab.is-active{ background:var(--navy); color:#fff; }
  .lineup-grid-3 .lineup-card{ display:none; }
  .lineup-grid-3 .lineup-card.is-active{ display:block; }

  /* 3) TYPE COMPARISON 표 — 가로 스크롤 없이 한 화면에 */
  #typecompare .compare-wrap{ overflow-x:hidden; box-shadow:0 10px 30px -18px rgba(14,27,38,.28); }
  #typecompare .compare-table{ min-width:0; }
  #typecompare .compare-table th,
  #typecompare .compare-table td{ padding:10px 5px; font-size:11.5px; white-space:normal; }
  #typecompare .compare-table thead th{ font-size:11px; }
  #typecompare .compare-table .compare-crit{ font-size:11.5px; }
  #typecompare .compare-table .compare-crit em{ font-size:9.5px; margin-top:1px; }

  /* 4) GET STARTED 신뢰 배지 — 2줄이어도 뚱뚱하지 않게 깔끔한 라운드 카드 */
  .cta-trust{
    display:block; max-width:270px; margin:0 auto 24px;
    padding:11px 18px; border-radius:14px;
    font-size:12.5px; line-height:1.35; text-align:center;
  }
  .cta-trust .cta-trust-item{ display:block; }
  .cta-trust .cta-trust-sep{ display:none; }
  .cta-trust .cta-trust-item:first-child{
    margin-bottom:6px; padding-bottom:6px;
    border-bottom:1px solid rgba(245,166,35,.25);
  }
}

/* ============================================================
   도입 사례(cases.html) 모바일 전용 조정 · PC(>768px) 영향 없음
   ============================================================ */
@media (max-width:768px){
  /* PROVEN 실적 칩 3개 — 세로 적층 대신 한 줄에 축소 배치 */
  #proven .statband{ grid-template-columns:repeat(3,1fr); gap:7px; margin-top:26px; }
  #proven .statband-item{ padding:13px 8px; border-radius:14px; text-align:center; }
  #proven .statband-num{ font-size:19px; letter-spacing:-.02em; }
  #proven .statband-label{ margin-top:7px; font-size:11px; line-height:1.3; letter-spacing:0; word-break:keep-all; }
  #proven .statband-desc{ margin-top:5px; font-size:9.5px; line-height:1.4; }
  /* 주행 모드 3종 — 모바일에선 3줄, PC 구분점(·) 숨김 */
  #proven .stat-sep{ display:none; }
  /* (제조사 공개 자료 기준) — 한 줄에 들어오게 축소 */
  #proven .stat-note{ font-size:8px; white-space:nowrap; letter-spacing:-.02em; }
  /* 히어로 큰 숫자 "누적판매 1,000대 +" — 전체 축소 후 한 줄 고정 */
  #proven .v5-exp-num{ font-size:46px; gap:6px; white-space:nowrap; flex-wrap:nowrap; }
  #proven .v5-exp-num > *{ flex-shrink:0; white-space:nowrap; }
  #proven .v5-exp-num .v5-exp-pre{ font-size:15px; letter-spacing:0; }
  #proven .v5-exp-num > span:not(.v5-exp-pre){ font-size:15px; letter-spacing:.12em; }
}
/* GLOBAL CLIENTS 배경 흰색 — 위 THE ANSWER(그레이)와 구분 (PC·모바일 공통) */
.global-clients{ background:var(--v3-bg); }   /* 히어로(다크)→global(그레이)→cases(흰) 대비 */

/* ============================================================
   도입 안내(guide.html) 모바일 전용 조정 · PC(>768px) 영향 없음
   ============================================================ */
@media (max-width:768px){
  /* COMPARISON 비교표 — 가로 스크롤 없이 한 화면에 다 보이게 */
  #compare .compare-wrap{ overflow-x:hidden; box-shadow:0 10px 30px -18px rgba(14,27,38,.28); }
  #compare .compare-table{ min-width:0; }
  #compare .compare-table th,
  #compare .compare-table td{ padding:9px 4px; font-size:10.5px; white-space:normal; word-break:keep-all; line-height:1.32; }
  #compare .compare-table thead th{ font-size:10.5px; }
  #compare .compare-table .compare-crit{ font-size:10.5px; }
  /* THOUZER 열만 살짝 넓혀 경쟁 3열은 축소 — 긴 라벨 수용 */
  #compare .compare-table th:nth-child(2),#compare .compare-table td:nth-child(2),
  #compare .compare-table th:nth-child(3),#compare .compare-table td:nth-child(3),
  #compare .compare-table th:nth-child(4),#compare .compare-table td:nth-child(4){ width:19%; }
  #compare .compare-table th:last-child,#compare .compare-table td.is-main{ width:23%; }
  /* 괄호 보조 문구 — 글자 축소 후 한 줄 고정 */
  #compare .compare-table .cmp-sub{ display:inline-block;font-size:8.5px;white-space:nowrap;line-height:1.2;margin-top:1px; }

  /* COST SAVING — 좌측 카피 가운데 정렬 (헤드라인·문단) */
  #cost .cost-copy .cost-h{ text-align:center; }
  #cost .cost-copy p{ text-align:center; }
  #cost .cost-copy .cost-arrow{ padding-left:0; text-indent:0; }
  /* 계산기 카드 전체 텍스트 가운데 정렬 (타이틀·안내·라벨·수식) */
  #cost .calc{ text-align:center; }
  #cost .calc-field input{ text-align:right; }         /* 입력 기본값 숫자 오른쪽 정렬 */
  /* 계산기 강조행 — THOUZER는 크기 유지, 나머지 축소 + 줄바꿈 */
  #cost .calc-out-row.hot > span{ text-align:left; }    /* 강조행 라벨 왼쪽 정렬 */
  #cost .calc-out-row.hot .cs-rest{ font-size:11px; }
  #cost .calc-out-row.hot em{ font-size:10.5px; }
  /* 예상 회수기간 — 라벨 한 줄 고정, 값(안내문) 두 줄로 */
  #cost .calc-out-row.consult > span{ white-space:nowrap; }
  #cost .calc-out-row.consult .calc-consult{ display:inline-block; text-align:right; line-height:1.35; }

  /* HOW IT WORKS — 도입 프로세스를 세로 스텝퍼로 깔끔하게 정리 */
  .process-sec .flow{ flex-direction:column; align-items:stretch; gap:10px; margin:28px auto 0; max-width:320px; }
  .process-sec .flow-step{ position:relative; width:100%; justify-content:flex-start; gap:12px; padding:13px 18px; border-radius:13px; font-size:14.5px; background:#fff; box-shadow:0 6px 16px -10px rgba(14,27,38,.28); }
  .process-sec .flow-step .n{ width:25px; height:25px; font-size:12.5px; flex-shrink:0; }
  .process-sec .flow-arrow,
  .process-sec .flow-break{ display:none; }
  .process-sec .flow-step::before{ content:""; position:absolute; left:30px; top:-10px; width:2px; height:10px; background:var(--v3-line); }
  .process-sec .flow-step:first-child::before{ display:none; }
}

/* ============================================================
   WORRIES 카드 — PC 3열 한 줄 / 모바일 카드 높이 축소
   ============================================================ */
/* PC: 3장 카드를 한 줄(가로 3열)로 */
@media (min-width:769px){
  .v5-worry-list{ flex-direction:row; gap:16px; align-items:stretch; }
  .v5-worry-list .v5-worry-card{ flex:1 1 0; min-width:0; padding:24px 22px; }
}
/* 모바일: 세로 스택 유지 + 카드 높이 축소(패딩·내부 간격 최소화) */
@media (max-width:768px){
  .v5-worry-card{ padding:15px 18px !important; }
  .v5-worry-num{ margin-bottom:5px !important; }
  .v5-worry-q{ margin:0 0 8px !important; padding-bottom:8px !important; line-height:1.35 !important; }
  .v5-worry-a{ line-height:1.5 !important; }
}

/* ============================================================
   제품 히어로 · GET STARTED 버튼 — 모바일 2개 한 줄 (PC 영향 없음)
   ============================================================ */
@media (max-width:768px){
  .prod-hero-cta,
  .cta-band-btns{ flex-wrap:nowrap; gap:8px; }
  .prod-hero-cta .v3-btn,
  .cta-band-btns .v3-btn{ flex:1 1 0; min-width:0; justify-content:center; white-space:nowrap;
    padding:12px 12px !important; font-size:12.5px !important; gap:6px; }
  .prod-hero-cta .v3-btn span,
  .cta-band-btns .v3-btn span{ width:20px; height:20px; flex:0 0 20px; font-size:11px; }
}