/* DOWHARA TRADING — quiet colour, clear type, open layouts. */
:root{--g1:#245b49;--g2:#326b56;--g3:#afcfbc;--g4:#dce9df;--glt:#edf2eb;--gmd:#d6dfd5;--dark:#183c30;--dark2:#254d3e;--white:#fafaf6;--cream:#f0f1eb;--slate:#3f4a44;--mid:#4f5a53;--fd:var(--fb);--shadow:none;--shadow2:none;--layout-width:1180px;--hairline:#dce1d8}
body{background:var(--white);line-height:1.7}
body :is(h1,h2,h3){text-wrap:balance}
:focus-visible{outline:2px solid var(--g1);outline-offset:5px}
#progress-bar,.page-hero-grid,.page-hero-deco{display:none}
#nav,#nav.scrolled,#nav.solid{top:0;left:0;right:0;width:100%;height:82px;padding:0 max(28px,calc((100vw - var(--layout-width))/2));border:0;border-bottom:1px solid var(--hairline);border-radius:0;background:#fafaf6f5;box-shadow:none;backdrop-filter:blur(12px)}
.logo-fb-name{color:var(--dark);font-family:var(--fb);font-size:19px;font-weight:700;letter-spacing:1px}
.logo-fb-sub{color:var(--slate);font-size:8px;letter-spacing:1px}
.nav-links{gap:22px}.nav-links a{color:var(--slate);font-size:12px;letter-spacing:0;font-weight:500}
.nav-links a:hover,.nav-links a.active{color:var(--dark)}
.nav-links a::after{height:1px;background:var(--g1);border-radius:0}
.lp{border:0;background:transparent;color:var(--slate);border-radius:3px;padding:7px}
.lp.on,.lp:hover{color:var(--dark);background:#e8ede5}
.nav-cta,.btn-green{background:var(--dark);color:#fff;border-radius:4px;box-shadow:none;font-size:13px;letter-spacing:0;font-weight:500}
.nav-cta:hover,.btn-green:hover{background:var(--g1);box-shadow:none;transform:none}
.btn-outline,.btn-ghost{border-radius:4px;box-shadow:none;letter-spacing:0;font-size:13px;font-weight:500}
.btn-outline:hover,.btn-ghost:hover{box-shadow:none;transform:none}
.hero,.page-hero{background:#f0f1eb}
.hero::before,.hero::after,.page-hero::before,.cta-band::before,#process::before{display:none}
.hero-inner{max-width:var(--layout-width);padding:150px 0 64px}
.hero-shell{grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);gap:80px;align-items:center}
.hero-eyebrow,.page-hero-tag{padding:0;border:0;border-radius:0;background:none;margin-bottom:28px}
.eyebrow-dot{width:6px;height:6px;background:var(--g1);box-shadow:none}
.eyebrow-txt,.page-hero-tag{color:var(--g1);font-size:11px;letter-spacing:1.5px}
.hero-h1{font-family:var(--fb);color:var(--dark);font-size:clamp(42px,4.7vw,66px);line-height:1.23;letter-spacing:-2px}
.hero-h1 em{color:var(--dark);font-style:normal}
.hero-desc{color:var(--slate);font-size:16px;line-height:1.9;max-width:540px;font-weight:400;margin-top:24px}
.hero-btns{margin-top:30px}
.hero .btn-ghost{color:var(--dark);border-color:#b4c1b4;background:transparent}
.hero-panel{background:none;border:0;border-left:1px solid #bac8ba;border-radius:0;box-shadow:none;backdrop-filter:none;padding:8px 0 8px 36px}
.hero-panel-tag{color:var(--g1);font-size:10px;letter-spacing:2px}.hero-panel-tag::before{display:none}
.hero-panel-title{font-size:23px;line-height:1.4;color:var(--dark);letter-spacing:-.5px}
.hero-panel-lead{font-size:13px;color:var(--slate);line-height:1.8}
.inquiry-checklist{gap:12px;margin-top:24px}
.inquiry-checklist>div{border-color:#d0d9ce;padding-top:10px}
.inquiry-checklist dt{font-size:12px;color:var(--dark)}
.inquiry-checklist dd{font-size:13px;color:var(--slate);line-height:1.65}
.hero-proof{margin-top:56px;gap:0;border-top:1px solid #cbd5c7;padding-top:24px}
.proof-item{padding:0 24px;border:0;border-right:1px solid #cbd5c7;background:none;border-radius:0;backdrop-filter:none}
.proof-item:first-child{padding-left:0}.proof-item:last-child{border-right:0}
.proof-value{color:var(--dark);font-family:var(--fb);font-size:24px;font-weight:500}.proof-label{color:var(--slate);font-size:12px}
.sec{padding:88px 0}.sec-inner,.page-hero-inner{max-width:var(--layout-width);padding:0}
.sec-tag{font-size:10px;letter-spacing:1.6px;color:var(--g1)}.sec-tag::before{display:none}
h2.sec-h2{font-family:var(--fb);font-size:clamp(28px,3vw,40px);line-height:1.35;letter-spacing:-1px}
h2.sec-h2 em{font-style:normal;color:inherit}
.sec-lead{font-size:15px;font-weight:400}
#products,#points,#blog-preview{background:var(--white)}
#products .sec-h2,#products .sec-h2 em,#products .sec-tag{color:var(--dark)}
#products .sec-lead{color:var(--slate)}
.products-grid,.strength-grid,.process-grid{gap:32px;margin-top:38px}
.prod-card,.strength-card{padding:24px 0;border:0;border-top:1px solid var(--hairline);border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.prod-card:hover,.strength-card:hover{transform:none;box-shadow:none}
.prod-card::before,.prod-icon,.prod-badge{display:none}
.prod-title,.strength-title{font-size:23px;color:var(--dark);font-weight:600;margin-top:0}
.prod-desc,.strength-desc{color:var(--slate);font-size:14px;font-weight:400}
.prod-tags span{border:0;border-radius:2px;background:#eef1ea;color:var(--g1);font-weight:500;font-size:11px}
.strength-no{font-size:12px;color:var(--mid);margin-bottom:18px;font-weight:500}
#points{border-top:1px solid var(--hairline)}
#process{background:#e9ede4;color:var(--dark)}
#process .sec-h2,#process .sec-h2 em,#process .sec-tag{color:var(--dark)}
#process .sec-lead{color:var(--slate)}
.process-card{padding:24px 0;background:none;border:0;border-top:1px solid #c6d1c2;border-radius:0;backdrop-filter:none}
.process-step{background:none;border-radius:0;width:auto;height:auto;font-weight:500;color:var(--g1)}
.process-title{font-size:22px;color:var(--dark);font-weight:600}.process-desc{font-size:14px;color:var(--slate);font-weight:400}
.process-links{gap:0;border-top:1px solid #c6d1c2;padding-top:24px}
.process-link{padding:8px 20px;border:0;border-right:1px solid #c6d1c2;border-radius:0;background:none;gap:8px}
.process-link:first-child{padding-left:0}.process-link:last-child{border:0}.process-link:hover{transform:none}
.process-link strong{color:var(--dark);letter-spacing:0}.process-link span{color:var(--slate)}
.inquiry-faq{background:var(--white);border-bottom:1px solid var(--hairline)}
.inquiry-faq details{padding:22px 0;border-color:var(--hairline)}
.inquiry-faq summary{font-size:16px;font-weight:500}.inquiry-faq p{font-size:14px}
.blog-preview-card{background:none;border:0;border-top:1px solid var(--hairline);padding:24px 0;border-radius:0;box-shadow:none}
.blog-preview-card:hover{transform:none;box-shadow:none}
.blog-preview-title{font-size:20px;font-weight:500}.blog-preview-date{color:var(--slate);letter-spacing:.5px}
.cta-band{background:var(--dark);padding:80px 28px}
.cta-band h2{font-family:var(--fb);font-size:clamp(28px,3vw,42px);line-height:1.4;letter-spacing:-1px}
.cta-band h2 em{font-style:normal;color:#c6d9cb}
.cta-band p{color:#c9d7cd;font-weight:400}
.cta-band .btn-green{background:#e1ebdf;color:var(--dark)}
.page-hero{padding:152px 28px 70px}.page-hero h1{font-family:var(--fb);color:var(--dark);font-size:clamp(36px,4vw,56px);line-height:1.3}
.page-hero h1 em{font-style:normal;color:var(--g1)}.page-hero-sub{color:var(--slate);font-weight:400}
.breadcrumb{background:var(--white);padding:14px max(28px,calc((100vw - var(--layout-width))/2));border-color:var(--hairline)}
.card,.tool-card,.price-card,.ci-card,.blog-card{box-shadow:none;border-radius:5px;border-color:var(--hairline)}
.card:hover,.tool-card:hover,.price-card:hover,.ci-card:hover,.blog-card:hover{box-shadow:none;transform:none}
.card::after,.tool-card::after{display:none}.card-title{font-weight:600}.card-desc{font-weight:400}
.svc-visual,.wf-live-box,.contact-form{box-shadow:none;border-radius:5px}
.form-panel{border-radius:5px;box-shadow:none}.form-panel-sub,.ci-sub{font-weight:400}
.form-submit{background:var(--dark);border-radius:4px;box-shadow:none;letter-spacing:0;font-weight:500}
.form-submit:hover{background:var(--g1);transform:none;box-shadow:none}
.ai-response-badge{background:#e9ede4;border:0;border-radius:4px}.arb-title{color:var(--dark)}.arb-desc{color:var(--slate);font-weight:400}
.ci-icon{background:none;color:var(--dark);width:24px;height:24px;border-radius:0}
.ci-card,.contact-map{border-radius:4px;box-shadow:none}
#faq-mini{background:#e9ede4}#faq-mini .sec-h2,#faq-mini .sec-h2 em{color:var(--dark)}
.faq-mini-card{background:none;border:0;border-top:1px solid #cbd5c7;padding:22px 0;border-radius:0}
.faq-mini-card:hover{background:none}.faq-mini-q{color:var(--dark);font-size:15px}.faq-mini-a{color:var(--slate);font-size:14px;font-weight:400;line-height:1.8}
footer{background:#f0f1eb;padding:52px max(28px,calc((100vw - var(--layout-width))/2)) 28px;border-top:1px solid var(--hairline)}
.ft-brand{font-family:var(--fb);font-size:15px;color:var(--dark);letter-spacing:1px}
.ft-desc,.ft-col a,.ft-col span{color:var(--slate);font-weight:400}.ft-col h5{color:var(--dark);font-size:10px;letter-spacing:.5px}
.ft-col a:hover{color:var(--dark)}.ft-top{border-bottom-color:#cdd7c9}
.ft-bottom{color:var(--slate);font-size:11px}.group-links{display:flex;gap:24px;flex-wrap:wrap;padding-top:28px;font-size:11px;letter-spacing:.5px}.group-links a{color:var(--g1)}
.float-cta{right:20px;bottom:20px}.float-btn{background:var(--dark);border-radius:4px;box-shadow:none;animation:none;font-size:12px;padding:12px 16px}.float-btn:hover{background:var(--g1);box-shadow:none;transform:none}
.float-top{border-radius:4px;background:var(--white);color:var(--dark);border-color:var(--hairline)}
@media(max-width:1240px){.hero-inner,.sec-inner{padding-left:32px;padding-right:32px}.nav-links{gap:14px}.hero-shell{gap:44px}}
@media(max-width:1024px){
  #nav{height:72px;padding:0 24px;flex-wrap:nowrap;gap:12px}.hamburger{display:inline-flex;align-items:center;justify-content:center;color:var(--dark);border:1px solid #b4c1b4;border-radius:3px;background:none;padding:8px 10px;font-size:10px;order:2;cursor:pointer}
  #nav .nav-links{display:none}.nav-right{margin-left:auto}
  #nav.menu-open .nav-links{display:flex;position:absolute;flex-direction:column;align-items:stretch;top:72px;left:0;right:0;padding:16px 24px;gap:0;background:var(--white);border:0;border-bottom:1px solid var(--hairline);border-radius:0;box-shadow:none;max-height:calc(100dvh - 72px);overflow-y:auto}
  #nav.menu-open .nav-links a{display:block;font-size:14px;padding:12px 0}
  .hero-inner{padding-top:128px}.hero-shell{grid-template-columns:1fr 1fr;gap:32px}
  .hero-h1{font-size:44px}.hero-panel{padding-left:24px}
  .products-grid,.strength-grid,.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .process-links{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.process-link{padding-left:16px}
}
@media(max-width:700px){
  #nav{height:68px;padding:0 20px}.logo-fb-name{font-size:17px}.logo-fb-sub{font-size:7px}
  #nav.menu-open .nav-links{top:68px}.nav-right{gap:5px}.lp{font-size:9px;padding:7px 5px}
  .hero-inner{padding:110px 24px 36px}.hero-shell{grid-template-columns:1fr;gap:32px}
  .hero-h1{font-size:40px;letter-spacing:-1.5px}.hero-desc{font-size:15px}.hero-eyebrow{margin-bottom:22px}
  .hero-panel{border:0;border-top:1px solid #cbd5c7;padding:28px 0 0}.hero-panel-title{font-size:21px}
  .inquiry-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-proof{margin-top:30px;grid-template-columns:repeat(2,1fr);gap:24px}
  .proof-item{padding:0;border:0}.proof-value{font-size:22px}.sec{padding:60px 0}.sec-inner{padding:0 24px}
  .products-grid,.strength-grid,.process-grid{grid-template-columns:1fr;gap:12px}.prod-card{gap:8px}.prod-title{font-size:22px}
  .process-links{grid-template-columns:1fr 1fr}.process-link{padding:8px 12px 8px 0;border:0}
  .blog-preview-grid{grid-template-columns:1fr;gap:12px}.page-hero{padding:120px 24px 48px}
  .ft-top{gap:28px}.group-links{gap:18px}.float-btn{padding:10px 12px}
  .float-btn .label{display:inline}
}

/* ── 가독성 보정 (2026-09-08) — 옅은 회색 글자·작은 글자·어두운 구간의 반투명 흰 글자를 기준(4.5:1) 위로 ── */
body{font-weight:400}
.sec-tag{font-size:11px;letter-spacing:1.8px;font-weight:700}
.sec-lead{font-size:16px;line-height:1.85}
.hero-desc{font-size:17px}
.hero-panel-lead{font-size:14px}.hero-panel-tag{font-size:11px}
.inquiry-checklist dt{font-size:13px}.inquiry-checklist dd{font-size:13.5px;color:var(--slate)}
.proof-label{font-size:13px}
.prod-desc,.strength-desc,.process-desc{font-size:15px;line-height:1.8}
.prod-tags span{font-size:12px;color:var(--dark);background:#e6ece3}
.strength-no,.process-step{font-size:13px;color:var(--g1)}
.process-link span{font-size:13px}
.inquiry-faq p{font-size:15px;color:var(--slate)}
.blog-preview-desc,.blog-preview-date{color:var(--slate);font-size:14px}
.ft-bottom,.group-links{font-size:12px}.ft-col a,.ft-col span,.ft-desc{font-size:13.5px}
/* 어두운 초록 구간: 반투명 흰 글자를 진하게 */
.sec-lead.light{color:rgba(255,255,255,0.84)}
#history .sec-tag,.mv-card.mission .sec-tag,.cta-band .sec-tag{color:#b9d6c4}
#faq-mini .sec-tag{color:var(--g1)}
.tl-desc{color:rgba(255,255,255,0.80);font-size:14px;font-weight:400}
.tl-sub,.tl-year{color:#fff}
.mv-card.mission .mv-p{color:rgba(255,255,255,0.86);font-size:14.5px;font-weight:400}
.mv-card.vision .mv-p{color:var(--slate);font-size:14.5px;font-weight:400}
.price-card.featured .price-sub{color:rgba(255,255,255,0.82);font-weight:400}
.price-sub,.li-sub,.ci-sub{font-size:12.5px;color:var(--mid);font-weight:400}
.cta-band p{color:#dbe6dd;font-size:16px}
.cta-band .btn-outline,.cta-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,0.55)}
/* 떠 있는 버튼 묶음: 본문 위에 얹히므로 그림자·테두리로 분리하고, 브랜드 바로가기 세 개(엔터·게임·뮤직) */
.float-cta{gap:8px;right:22px;bottom:22px}
.float-btn,.float-brand{display:flex;align-items:center;gap:8px;border-radius:6px;font-size:12.5px;font-weight:600;letter-spacing:0;
  padding:11px 14px;text-decoration:none;white-space:nowrap;border:1px solid rgba(255,255,255,0.35);
  box-shadow:0 10px 26px rgba(24,60,48,0.22);transition:transform .2s,box-shadow .2s}
.float-btn{background:var(--dark);color:#fff}
.float-btn:hover,.float-brand:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(24,60,48,0.30)}
.float-brand.games{background:#2c2737;color:#e6def7}
.float-brand.ent{background:#1c1a16;color:#efe6d2}
.float-brand.music{background:#141615;color:#d7ba82}
.float-brand:hover{filter:brightness(1.12)}
.float-top{box-shadow:0 8px 20px rgba(24,60,48,0.14)}
@media(max-width:700px){
  .float-cta{right:14px;bottom:14px;gap:6px}
  .float-btn,.float-brand{padding:11px 12px;font-size:12px}
  .float-brand .label{display:none}
  .float-btn .label{display:inline}
}

/* ═══════════════════════════════════════════════════════
   2026-09-08 세련화 — 차분한 바탕은 그대로, 세리프 제목·금색 실선·
   직물 질감 스와치·짙은 초록 띠·표면감 있는 카드로 밀도를 올립니다
═══════════════════════════════════════════════════════ */
:root{--accent:#b8923f;--accent-ink:#7d5f1f;--paper:#f4f5ef;--surface:#ffffff;
  --fserif:'Noto Serif KR','Cormorant Garamond','Noto Serif JP','Noto Serif SC',Georgia,serif;
  --fdisplay:'Cormorant Garamond','Noto Serif KR',Georgia,serif;
  --card-shadow:0 1px 2px rgba(24,60,48,.06),0 18px 40px -22px rgba(24,60,48,.28)}
/* 제목: 한국어·영어는 세리프, 일본어·중국어는 굵은 산세리프 유지 */
html[lang="ko"] .hero-h1,html[lang="ko"] h2.sec-h2,html[lang="ko"] .page-hero h1,html[lang="ko"] .cta-band h2{font-family:var(--fserif);font-weight:600;letter-spacing:-.5px}
html[lang="en"] .hero-h1,html[lang="en"] h2.sec-h2,html[lang="en"] .page-hero h1,html[lang="en"] .cta-band h2{font-family:var(--fdisplay);font-weight:600;letter-spacing:-.5px}
html[lang="en"] .hero-h1{font-size:clamp(48px,5.4vw,78px);line-height:1.08}
.hero-h1{line-height:1.2}
.hero-h1 em,h2.sec-h2 em{color:var(--g1);font-style:normal}
html[lang="en"] .hero-h1 em,html[lang="en"] h2.sec-h2 em{font-style:italic;font-weight:500}
.eyebrow-dot{background:var(--accent)}
.eyebrow-txt,.page-hero-tag,.sec-tag{color:var(--accent-ink)}
.sec-tag::before{display:inline-block;width:22px;height:1px;background:var(--accent)}
/* 첫 화면: 종이 질감 + 초록 빛 + 금색 실선 */
.hero{background:var(--paper);position:relative;overflow:hidden}
.hero::before{display:block;content:'';position:absolute;inset:0;pointer-events:none;opacity:1;
  background:
    radial-gradient(52rem 30rem at 92% -10%,rgba(36,91,73,.14),transparent 62%),
    radial-gradient(30rem 20rem at -6% 100%,rgba(184,146,63,.10),transparent 62%),
    repeating-linear-gradient(45deg,rgba(24,60,48,.028) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(-45deg,rgba(24,60,48,.028) 0 1px,transparent 1px 7px)}
.hero::after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent)}
.hero-inner{position:relative;z-index:1}
.hero-panel{border-left:0;padding:30px 32px;background:var(--surface);border:1px solid var(--hairline);border-top:3px solid var(--dark);border-radius:8px;box-shadow:var(--card-shadow)}
.hero-panel-tag{color:var(--accent-ink)}
.inquiry-checklist>div{border-color:var(--hairline)}
.hero-proof{border-top:1px solid #cbd5c7;position:relative}
.proof-value{font-family:var(--fdisplay);font-size:34px;font-weight:600;color:var(--dark);letter-spacing:-.5px}
.proof-item{border-right-color:#cbd5c7}
/* 버튼: 살짝 둥글고, 기본 버튼은 그림자 */
.nav-cta,.btn-green,.form-submit{border-radius:6px;box-shadow:0 8px 20px -8px rgba(24,60,48,.5)}
.btn-outline,.btn-ghost{border-radius:6px;border-width:1px}
.btn-green:hover{background:var(--g1);transform:translateY(-1px)}
/* 상단바: 브랜드 마크 */
.logo-link{display:flex;align-items:center;gap:12px}
.logo-link::before{content:'';width:12px;height:12px;background:var(--dark);border-radius:2px;box-shadow:inset 0 0 0 2px var(--white),0 0 0 1px var(--dark)}
#nav.scrolled{box-shadow:0 6px 24px -12px rgba(24,60,48,.25)}
/* 제품: 직물 질감 스와치를 머리에 얹은 카드 */
#products{background:var(--white)}
.products-grid{gap:24px}
.prod-card{position:relative;padding:0 0 26px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface);
  box-shadow:var(--card-shadow);overflow:hidden;transition:transform .25s,box-shadow .25s}
.prod-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(24,60,48,.06),0 28px 50px -24px rgba(24,60,48,.4)}
.prod-icon{display:block;font-size:0;height:168px;margin:0 0 22px;border-bottom:1px solid var(--hairline);position:relative;overflow:hidden}
.prod-icon::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 40%,rgba(0,0,0,.10))}
/* PVC — 촘촘한 직조 결 + 광택 */
.prod-card:nth-child(1) .prod-icon{background-color:#254d3e;background-image:
  radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 45%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px),
  repeating-linear-gradient(90deg,rgba(0,0,0,.10) 0 1px,transparent 1px 4px)}
/* 실리콘 레더 — 매끈한 무광 + 부드러운 하이라이트 */
.prod-card:nth-child(2) .prod-icon{background-color:#9fb8a6;background-image:
  radial-gradient(60% 80% at 70% 30%,rgba(255,255,255,.45),transparent 60%),
  linear-gradient(160deg,#b9cdbd,#8ea699 60%,#7d967f)}
/* 합성피혁 — 잔잔한 엠보 질감 */
.prod-card:nth-child(3) .prod-icon{background-color:#8a7460;background-image:
  radial-gradient(circle at 25% 25%,rgba(255,255,255,.16) 0 1.2px,transparent 1.6px),
  radial-gradient(circle at 75% 65%,rgba(0,0,0,.16) 0 1.2px,transparent 1.6px),
  linear-gradient(150deg,#a08a72,#7a6450);background-size:9px 9px,9px 9px,100% 100%}
.prod-badge{display:inline-block;top:14px;right:14px;background:var(--accent);color:#1f1607;font-size:9px;letter-spacing:1.6px;border-radius:3px;padding:5px 8px;z-index:1}
.prod-title{padding:0 26px;font-family:var(--fserif);font-size:24px;font-weight:600}
.prod-desc{padding:0 26px}
.prod-tags{padding:0 26px}
.prod-tags span{background:var(--paper);border:1px solid var(--hairline)}
/* 강점: 큰 세리프 숫자 + 금색 짧은 선 */
#points{background:var(--paper)}
.strength-card{border-top:1px solid #cbd5c7;padding:28px 0 8px}
.strength-no{font-family:var(--fdisplay);font-size:30px;font-weight:600;color:var(--accent-ink);margin-bottom:14px;letter-spacing:0}
.strength-title{font-family:var(--fserif);font-size:26px}
/* 절차: 짙은 초록 띠, 금색 숫자, 크림색 글자 */
#process{background:var(--dark);color:#e6ede7;position:relative;overflow:hidden}
#process::before{display:block;content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40rem 24rem at 100% 0%,rgba(175,207,188,.16),transparent 60%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px)}
#process .sec-inner{position:relative}
#process .sec-tag{color:#d8c48c}#process .sec-tag::before{background:#d8c48c}
#process .sec-h2,#process .sec-h2 em{color:#fff}
#process .sec-lead{color:#cbd8cf}
.process-card{border-top:1px solid rgba(255,255,255,.16)}
.process-step{font-family:var(--fdisplay);font-size:30px;font-weight:600;color:#d8c48c}
.process-title{color:#fff;font-family:var(--fserif)}.process-desc{color:#cbd8cf}
.process-links{border-top:1px solid rgba(255,255,255,.16)}
.process-link{border-right-color:rgba(255,255,255,.16)}
.process-link strong{color:#fff}.process-link span{color:#b9c9be}
.process-link:hover strong{color:#d8c48c}
/* FAQ: 카드 안의 접이식 목록 */
.inquiry-faq{background:var(--white)}
.inquiry-faq details{border:1px solid var(--hairline);border-radius:8px;padding:18px 22px;background:var(--surface);margin-top:10px}
.inquiry-faq details+details{border-top:1px solid var(--hairline)}
.inquiry-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--dark)}
.inquiry-faq summary::-webkit-details-marker{display:none}
.inquiry-faq summary::after{content:'+';font-family:var(--fdisplay);font-size:26px;line-height:1;color:var(--accent-ink);transition:transform .2s}
.inquiry-faq details[open] summary::after{transform:rotate(45deg)}
/* 블로그: 날짜 라벨, 화살표 */
.blog-preview-card{border:1px solid var(--hairline);border-radius:10px;padding:26px 28px;background:var(--surface);box-shadow:var(--card-shadow);transition:transform .25s,box-shadow .25s}
.blog-preview-card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(24,60,48,.06),0 28px 50px -24px rgba(24,60,48,.4)}
.blog-preview-date{display:inline-block;font-size:11px;letter-spacing:1px;color:var(--accent-ink);border:1px solid var(--hairline);border-radius:3px;padding:3px 8px;margin-bottom:12px}
.blog-preview-title{font-family:var(--fserif);font-weight:600}
.blog-preview-link{color:var(--dark);font-weight:600}
/* 마무리 띠: 빛과 금색 실선 */
.cta-band{background:var(--dark);animation:none;position:relative;overflow:hidden}
.cta-band::before{display:block;content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(36rem 22rem at 50% 0%,rgba(175,207,188,.18),transparent 65%)}
.cta-band::after{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:120px;height:1px;background:var(--accent)}
.cta-band-inner{position:relative}
.cta-band h2 em{color:#d8c48c}
.cta-band .btn-green{background:#e8dcbd;color:#1f1607}
.cta-band .btn-green:hover{background:#f1e7cc}
/* 하위 페이지 머리: 같은 종이 질감 */
.page-hero{background:var(--paper);position:relative}
.page-hero::before{display:block;content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(52rem 30rem at 92% -10%,rgba(36,91,73,.14),transparent 62%),
    repeating-linear-gradient(45deg,rgba(24,60,48,.028) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(-45deg,rgba(24,60,48,.028) 0 1px,transparent 1px 7px)}
.page-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent)}
.page-hero-inner{position:relative;z-index:1}
.card,.tool-card,.price-card,.ci-card,.blog-card,.mv-card,.faq-mini-card{border-radius:10px;box-shadow:var(--card-shadow)}
.card-title,.mv-title,.tool-title{font-family:var(--fserif)}
/* 푸터: 위쪽 금색 실선 */
footer{border-top:0;position:relative}
footer::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent)}
.ft-brand{font-family:var(--fdisplay);font-size:20px;letter-spacing:1.5px}
@media(max-width:700px){
  .hero-panel{padding:22px 20px;border-top-width:3px}
  .prod-icon{height:132px}
  .strength-title{font-size:22px}
}
/* 어두운 구간의 제목 강조색은 샴페인색으로 */
h2.sec-h2.light em,#history h2.sec-h2 em,.mv-card.mission h2 em,.cta-band h2 em{color:#d8c48c}