/* WESCAN v2 prototype — 현재 wescan.co.kr 디자인 토큰(custom.css :root) 유지 */
@font-face{font-family:"Noto Sans KR";src:local("Noto Sans KR"),url(fonts/NotoSansKR-Regular.otf) format("opentype");font-weight:400}
@font-face{font-family:"Noto Sans KR";src:local("Noto Sans KR Bold"),local("NotoSansKR-Bold"),url(fonts/NotoSansKR-Bold.otf) format("opentype");font-weight:700}
:root{
  --ws-accent:#0d9488;--ws-accent-dim:#0f766e;--ws-accent-soft:rgba(13,148,136,.1);
  --ws-scan:#53565a;--ws-text:#111827;--ws-muted:#6b7280;--ws-light:#9ca3af;
  --ws-border:#e5e7eb;--ws-bg-subtle:#f6f8fb;--ws-dark:#0b1117;--ws-dark-2:#0f172a;
  --ws-radius:20px;--ws-radius-sm:12px;
  --ws-font:"Noto Sans KR",system-ui,-apple-system,sans-serif;
  --pad:clamp(4.5rem,3rem + 5vw,8.5rem);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--ws-font);color:var(--ws-text);background:#fff;line-height:1.65;word-break:keep-all;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,100% - 2*clamp(1.25rem,4vw,2.5rem));margin-inline:auto}
.tbd{display:inline-block;font-size:.78em;font-weight:700;color:#92400e;background:#fef3c7;border:1px dashed #f59e0b;border-radius:6px;padding:0 .4em;margin-left:.25em;white-space:nowrap;vertical-align:baseline}
.dark .tbd{background:rgba(245,158,11,.15);color:#fcd34d}
/* top banner (팝업 대체) */
.topbar{background:var(--ws-accent-dim);color:#fff;font-size:.875rem}
.topbar .wrap{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:40px;position:relative;text-align:center;padding:.4rem 2rem}
.topbar a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.topbar button{position:absolute;right:0;background:none;border:0;color:#fff;font-size:1.25rem;cursor:pointer;opacity:.8}
/* header */
.hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.7)}
.hdr .wrap{display:flex;align-items:center;gap:1.5rem;height:68px}
.hdr .logo img{height:34px;width:auto}
.nav{display:flex;gap:1.6rem;margin-left:auto;font-size:.95rem;color:#374151;font-weight:500;flex-wrap:nowrap}
.nav a.on,.nav a:hover{color:var(--ws-accent-dim)}
.hdr-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.lang{font-size:.85rem;color:var(--ws-muted);white-space:nowrap}
.lang b{color:var(--ws-text)}
html[lang="en"] body{word-break:normal;overflow-wrap:break-word}
html[lang="en"] .hdr .wrap{gap:.8rem}
html[lang="en"] .nav{gap:.85rem;font-size:.86rem}
html[lang="en"] .hdr .btn-sm{padding:.5rem .85rem;font-size:.82rem}
html[lang="en"] .hero h1{font-size:clamp(1.7rem,1.05rem + 2.6vw,3.1rem)}
html[lang="en"] .cta{align-items:center}
html[lang="en"] .ws-review-form-grid{grid-template-columns:1fr 1fr}
html[lang="en"] .ws-review-form-grid .btn{grid-column:1/-1;justify-self:start;min-width:8.5rem}
html[lang="en"] .ws-board-head{align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;font-weight:700;padding:.85rem 1.6rem;font-size:1rem;transition:.2s;border:1.5px solid transparent;white-space:nowrap}
.btn-buy{background:var(--ws-accent);color:#fff;box-shadow:0 8px 24px rgba(13,148,136,.28)}
.btn-buy:hover{background:var(--ws-accent-dim)}
.btn-ghost{border-color:#d1d5db;color:var(--ws-text);background:#fff}
.dark .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-sm{padding:.55rem 1.1rem;font-size:.9rem}
.menu{display:none;margin-left:.5rem;font-size:1.5rem;line-height:1}
/* typography */
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.14em;color:var(--ws-accent);text-transform:uppercase;margin-bottom:1rem}
.dark .eyebrow{color:#5eead4}
h1,.h1{font-size:clamp(2rem,1.2rem + 3.4vw,3.6rem);line-height:1.25;font-weight:700;letter-spacing:-.02em}
h2,.h2{font-size:clamp(1.65rem,1.1rem + 2.2vw,2.75rem);line-height:1.32;font-weight:700;letter-spacing:-.02em}
h3,.h3{font-size:clamp(1.25rem,1rem + 1vw,1.75rem);line-height:1.4;font-weight:700;letter-spacing:-.01em}
.lead{font-size:clamp(1.02rem,.95rem + .35vw,1.2rem);color:var(--ws-muted);margin-top:1.1rem;max-width:40em}
.dark .lead{color:#cbd5e1}
.note{font-size:.85rem;color:var(--ws-light);margin-top:1rem}
.dark .note{color:#94a3b8}
.hl{color:var(--ws-accent)}
.dark .hl{color:#5eead4}
/* flow blocks: 경계 없는 연속 배경 */
.flow{padding-block:var(--pad);position:relative}
.dark{background:var(--ws-dark);color:#f8fafc}
.fade-to-light{background:linear-gradient(180deg,var(--ws-dark) 0%,#1b2530 22%,#e9eef2 62%,#fff 100%)}
.fade-to-dark{background:linear-gradient(180deg,#fff 0%,#dfe6ea 18%,#1b2530 55%,var(--ws-dark) 100%)}
.soft{background:linear-gradient(180deg,#fff 0%,var(--ws-bg-subtle) 18%,var(--ws-bg-subtle) 82%,#fff 100%)}
.center{text-align:center}
.center .lead{margin-inline:auto}
/* hero */
.hero{position:relative;overflow:hidden;background:var(--ws-dark);color:#fff}
.hero-bg{position:absolute;inset:0;background:url(img/hero-bg.jpg) center/cover;opacity:.55}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,17,23,.95) 0%,rgba(11,17,23,.75) 45%,rgba(11,17,23,.35) 100%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center;padding-block:clamp(4rem,3rem + 4vw,7rem) clamp(3rem,2rem + 3vw,5rem)}
.hero .lead{color:#d1d5db}
.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.pricehint{margin-top:1.25rem;font-size:.92rem;color:#a7f3d0}
.video{border-radius:var(--ws-radius);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);aspect-ratio:16/9;background:#000}
.video video{width:100%;height:100%;object-fit:cover}
.partners{display:flex;align-items:center;gap:1rem;margin-top:2.5rem;font-size:.85rem;color:#9ca3af}
.partners span.chip{background:#fff;border-radius:10px;padding:.45rem .8rem;display:inline-flex}
.partners img{height:22px;width:auto}
/* statement */
.statement h2{font-size:clamp(1.9rem,1.2rem + 3vw,3.4rem)}
.statement .big-img{margin-top:3rem;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(15,23,42,.45)}
/* split rows */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}
.split + .split{margin-top:clamp(4rem,3rem + 4vw,7rem)}
.split.rev .media{order:-1}
.media img{border-radius:var(--ws-radius);width:100%}
.inline-list{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.25rem .2rem;font-size:.95rem;color:#374151;font-weight:500}
.inline-list span:not(:last-child)::after{content:"·";margin:0 .45rem;color:var(--ws-light)}
.dark .inline-list{color:#e2e8f0}
.caution{margin-top:1.4rem;padding-left:1rem;border-left:3px solid var(--ws-accent);font-size:.95rem;color:#374151}
.dark .caution{color:#e2e8f0;border-color:#5eead4}
/* battery */
.wide-img{margin-top:2.5rem;border-radius:28px;overflow:hidden}
.shots{display:flex;gap:clamp(.8rem,2vw,1.6rem);justify-content:center;margin-top:3rem}
.shots figure{flex:1;max-width:230px}
.shots img{border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px rgba(0,0,0,.35)}
.shots figcaption{text-align:center;font-size:.88rem;margin-top:.7rem;color:#cbd5e1}
.path{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .6rem;margin-top:1.8rem;font-weight:700;font-size:1rem}
.path span{padding:.35rem .2rem}
.path i{font-style:normal;color:#5eead4}
.light .path i{color:var(--ws-accent)}
/* reports */
.reports{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.5rem);margin-top:3rem}
.reports img{border-radius:10px;box-shadow:0 20px 50px -20px rgba(15,23,42,.35);border:1px solid var(--ws-border)}
.reports h4{font-size:1.05rem;margin-top:1.1rem}
.reports p{font-size:.9rem;color:var(--ws-muted);margin-top:.25rem}
.reports a{display:inline-block;margin-top:.5rem;font-size:.9rem;color:var(--ws-accent-dim);font-weight:700}
/* steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.8rem,2vw,1.6rem);margin-top:3rem;position:relative}
.steps::before{content:"";position:absolute;left:10%;right:10%;top:15px;height:2px;background:linear-gradient(90deg,var(--ws-accent-soft),var(--ws-accent),var(--ws-accent-soft))}
.steps .n{position:relative;width:32px;height:32px;border-radius:50%;background:var(--ws-accent);color:#fff;font-weight:700;display:grid;place-items:center;margin:0 auto 1rem;font-size:.9rem}
.steps img{border-radius:16px;box-shadow:0 18px 40px -18px rgba(15,23,42,.45)}
.steps h4{font-size:1rem;margin-top:1rem;text-align:center}
.steps p{font-size:.85rem;color:var(--ws-muted);text-align:center;margin-top:.25rem}
/* compare */
.compare{margin-top:3rem;border-top:1px solid var(--ws-border)}
.compare .row{display:grid;grid-template-columns:160px 1fr 1.25fr;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid var(--ws-border);align-items:center}
.compare .k{font-weight:700}
.compare .o{color:var(--ws-light);font-size:.95rem}
.compare .w{font-weight:700;color:var(--ws-text)}
.compare .w::before{content:"✓";color:var(--ws-accent);margin-right:.5rem}
.compare .head{font-size:.8rem;color:var(--ws-muted);font-weight:700;padding:.8rem 0}
/* personas */
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem);margin-top:3rem}
.people img{border-radius:16px;aspect-ratio:4/3;object-fit:cover;width:100%}
.people h4{margin-top:.9rem;font-size:1.02rem}
.people p{font-size:.88rem;color:var(--ws-muted)}
.brandline{margin-top:1.6rem;font-size:.95rem;color:#e2e8f0}
.textlink{display:inline-block;margin-top:1.4rem;font-weight:700;color:var(--ws-accent-dim);border-bottom:1.5px solid currentColor}
.dark .textlink{color:#5eead4}
/* tech */
.tech{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);margin-top:3rem}
.tech article{background:#fff;border:1px solid var(--ws-border);border-radius:16px;padding:1.6rem 1.5rem}
.tech img{height:30px;width:auto;margin-bottom:1rem}
.tech h4{font-size:1.1rem}
.tech p{font-size:.95rem;color:#4b5563;margin-top:.5rem}
.tech ul{margin:1rem 0 0;padding-left:1.15rem;color:#4b5563;font-size:.9rem;line-height:1.55}
.tech li+li{margin-top:.4rem}
.tech .textlink{margin-top:1.1rem}
/* reviews */
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);margin-top:2.5rem}
.quotes blockquote{font-size:clamp(1.05rem,1rem + .4vw,1.3rem);line-height:1.6;font-weight:500;padding-left:1.4rem;border-left:3px solid var(--ws-accent)}
.quotes cite{display:block;margin-top:.8rem;font-size:.88rem;color:var(--ws-muted);font-style:normal}
/* prices */
.prices{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-top:1px solid var(--ws-border);border-bottom:1px solid var(--ws-border)}
.prices>div{padding:2rem 1.5rem;display:flex;flex-direction:column}
.prices>div+div{border-left:1px solid var(--ws-border)}
.prices .t{font-weight:700;color:var(--ws-scan);font-size:.95rem}
.prices .v{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem);font-weight:700;letter-spacing:-.02em;margin-top:.4rem;white-space:nowrap;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.15rem}
.prices .v::before{content:"";flex:0 0 100%;height:.85rem;margin-bottom:.2rem}
.prices .v:has(.was-row)::before{display:none}
.prices .v .was-row{flex:0 0 100%;display:inline-flex;align-items:baseline;gap:.35rem;margin-bottom:.2rem;font-size:.75rem;line-height:1.15;font-weight:500;color:var(--ws-muted);letter-spacing:0}
.prices .v .was{text-decoration:line-through}
.prices .v .event{color:var(--ws-accent-dim);font-weight:600;text-decoration:none}
.prices .v small{font-size:.95rem;font-weight:500;color:var(--ws-muted);margin-left:.05rem}
.prices .d{font-size:.88rem;color:var(--ws-muted);margin-top:.4rem;flex:1}
.prices .pop .v{color:var(--ws-accent-dim)}
/* final */
.final .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.final-apps{text-align:center}
.final-apps .eyebrow{display:block;margin-bottom:.45rem;color:#94a3b8}
.final-apps .lead{color:#cbd5e1;max-width:22rem;margin:0 auto 1.2rem;font-size:.95rem}
.apps{display:flex;gap:1.5rem;align-items:flex-end;justify-content:flex-end}
.final .apps{justify-content:center;align-items:flex-start}
.apps figure{text-align:center;font-size:.8rem;color:#94a3b8}
.apps img.qr{width:110px;height:110px;border-radius:10px;margin-bottom:.5rem;background:#fff}
.cs{margin-top:1.6rem;color:#cbd5e1;font-size:.95rem}
.cs b{font-size:1.4rem;color:#fff;margin:0 .4rem}
/* footer */
footer{background:#111827;color:#9ca3af;font-size:.82rem;line-height:1.8;padding:3rem 0 4rem}
footer .wrap{display:grid;grid-template-columns:1fr 2fr;gap:2rem}
footer img{height:30px;width:auto;margin-bottom:.8rem}
footer b{color:#e5e7eb}
/* sub-pages */
.intro{padding-block:clamp(4rem,3rem + 4vw,7rem) clamp(2rem,2rem + 2vw,4rem);background:linear-gradient(115deg,#fff 0%,#f8fafc 45%,#ecfdfa 100%)}
.intro .split{align-items:center}
.flowline{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;position:relative}
.flowline::before{content:"";position:absolute;left:12%;right:12%;top:15px;height:2px;background:linear-gradient(90deg,var(--ws-accent-soft),var(--ws-accent),var(--ws-accent-soft))}
.flowline div{text-align:center;position:relative}
.flowline .n{width:32px;height:32px;border-radius:50%;background:var(--ws-accent);color:#fff;font-weight:700;display:grid;place-items:center;margin:0 auto 1rem;font-size:.9rem}
.flowline h4{font-size:1.05rem}
.flowline p{font-size:.88rem;color:var(--ws-muted);margin-top:.3rem}
.checks{list-style:none;margin-top:2rem;max-width:760px}
.checks li{padding:1rem 0 1rem 2.2rem;border-bottom:1px solid rgba(255,255,255,.12);position:relative;font-size:1.05rem}
.checks li::before{content:"✓";position:absolute;left:0;top:.95rem;width:1.5rem;height:1.5rem;border-radius:50%;background:rgba(94,234,212,.15);color:#5eead4;display:grid;place-items:center;font-size:.85rem;font-weight:700}
.dl{margin-top:1.5rem;border-top:1px solid var(--ws-border)}
.dl div{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.95rem 0;border-bottom:1px solid var(--ws-border);font-size:.95rem}
.dl dt{font-weight:700;color:var(--ws-scan)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);margin-top:2.5rem}
.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.form label{font-size:.85rem;font-weight:700;color:#374151;display:block}
.form input,.form textarea{width:100%;margin-top:.35rem;border:1px solid #d1d5db;border-radius:12px;padding:.8rem 1rem;font:inherit;font-size:.95rem;background:#fff}
.form .full{grid-column:1/-1}
.cov{width:100%;border-collapse:collapse;font-size:.92rem}
.cov th{font-size:.8rem;color:var(--ws-muted);font-weight:700;padding:.7rem .4rem;border-bottom:2px solid var(--ws-text);text-align:center}
.cov th:first-child,.cov td:first-child{text-align:left}
.cov td{padding:.62rem .4rem;border-bottom:1px solid var(--ws-border);text-align:center}
.cov td:first-child{font-weight:700}
.cov .y{color:var(--ws-accent);font-size:1.05rem}
.cov .n{color:#d1d5db}
.cov-wrap{display:grid;grid-template-columns:300px 1fr;gap:3rem;margin-top:3rem;align-items:start}
.cov-wrap .brandimg{border-radius:16px}
.faq{margin-top:2.5rem;border-top:1px solid var(--ws-border)}
.faq article{padding:1.6rem 0;border-bottom:1px solid var(--ws-border);display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr;gap:2rem}
.faq h4{font-size:1.08rem;line-height:1.5}
.faq h4::before{content:"Q.";color:var(--ws-accent);margin-right:.4rem}
.faq p{color:#4b5563;font-size:.97rem}
.links{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin-top:1.5rem}
/* mobile sticky bar */
.sticky-buy{display:none}
@media (max-width:900px){
  .nav,.hdr-actions .lang,.hdr-actions .btn-ghost,.lang,.hdr .btn-ghost{display:none}
  .menu{display:block}
  .hdr-actions,.hdr .btn-buy{margin-left:auto}
  .hero .wrap,.split,.final .wrap,.tech,.quotes,.cols2,.cov-wrap,footer .wrap{grid-template-columns:1fr}
  .split.rev .media{order:0}
  .reports{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
  .steps{grid-template-columns:repeat(5,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}
  .steps>div{scroll-snap-align:start}
  .steps::before{display:none}
  .people{grid-template-columns:1fr 1fr}
  .prices{grid-template-columns:1fr 1fr}
  .prices>div:nth-child(3){border-left:0}
  .prices>div:nth-child(n+3){border-top:1px solid var(--ws-border)}
  .compare .row{grid-template-columns:1fr;gap:.35rem}
  .compare .head{display:none}
  .shots{flex-wrap:nowrap}
  .apps{justify-content:flex-start}
  .flowline{grid-template-columns:1fr 1fr;row-gap:2rem}
  .flowline::before{display:none}
  .form{grid-template-columns:1fr}
  .dl div{grid-template-columns:110px 1fr}
  .faq article{grid-template-columns:1fr;gap:.6rem}
  .cov-wrap .brandimg{display:none}
  .cov{font-size:.78rem}
  .cov th{font-size:.66rem;padding:.5rem .15rem}
  .cov td{padding:.5rem .15rem}
  body{padding-bottom:76px}
  html[lang="en"] body{padding-bottom:92px}
  .sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--ws-border);box-shadow:0 -8px 24px rgba(15,23,42,.08);padding:.7rem 1rem;gap:.75rem;align-items:center}
  .sticky-buy .p{flex:1;min-width:0;font-size:.82rem;color:var(--ws-muted);line-height:1.35}
  .sticky-buy .p b{display:block;color:var(--ws-text);font-size:1rem}
  .sticky-buy .btn{padding:.75rem 1.3rem;flex-shrink:0}
  html[lang="en"] .sticky-buy{gap:.5rem;padding:.65rem .8rem}
  html[lang="en"] .sticky-buy .p{font-size:.72rem}
  html[lang="en"] .sticky-buy .p b{font-size:.9rem}
  html[lang="en"] .sticky-buy .btn{padding:.6rem .9rem;font-size:.82rem}
  .topbar{font-size:.78rem}
}
@media (max-width:480px){
  .people{gap:.8rem}
  .shots figure figcaption{font-size:.75rem}
  .prices>div{padding:1.4rem .9rem}
}
/* fixes */
.flow,.hero,.intro{display:flow-root}
.big-img img,.wide-img img,.media img,.reports img,.steps img,.shots img{width:100%}
.fade-down{height:clamp(120px,14vw,220px);background:linear-gradient(180deg,var(--ws-dark) 0%,#2a3540 30%,#dfe5ea 75%,#fff 100%)}
.fade-up{height:clamp(120px,14vw,220px);background:linear-gradient(0deg,var(--ws-dark) 0%,#2a3540 30%,#dfe5ea 75%,#fff 100%)}
.fade-down + .flow .big-img,.fade-down + .flow .reports{position:relative;z-index:2}
@media (max-width:900px){.m-hide{display:none}.steps{grid-template-columns:repeat(5,46%)}.topbar .wrap{padding:.4rem 2rem .4rem .5rem;gap:.5rem}}
@media (max-width:900px){.topbar a{display:none}.topbar .wrap{justify-content:flex-start}}

.dl .sub{display:block;margin-top:.3rem;font-size:.85em;color:#6b7280;line-height:1.55}

/* ---- Simplified v4: 3-pillar capabilities ---- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:3rem;align-items:stretch}
.pillar{text-align:center;padding:2.2rem 1.4rem;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center}
.pillar-icon{font-size:2.6rem;display:block;margin-bottom:.85rem;line-height:1}
.pillar h3{font-size:1.28rem;margin:0 0 .75rem;color:#111827;letter-spacing:-.02em}
.pillar p{color:#64748b;margin:0;line-height:1.7;max-width:22rem}
.pillar-list{list-style:none;padding:0;margin:1.15rem 0 0;text-align:center;font-size:.88rem;color:#475569;width:100%;max-width:22rem}
.pillar-list li{padding:.7rem .85rem;border-top:1px solid #e2e8f0;line-height:1.6}
.pillar-list li:first-child{border-top:none}
.pillar .note{font-size:.82rem;color:#b91c1c;margin-top:auto;padding:.75rem .9rem;background:#fef2f2;border-radius:8px;line-height:1.6;max-width:22rem;text-align:center;width:100%}

/* ---- Simplified v4: why WESCAN ---- */
.why-items{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2.5rem}
.why-item{padding:1.8rem;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}
.why-item h4{font-size:1.15rem;margin:0 0 .7rem;color:#111827}
.why-item p{color:#64748b;margin:0;line-height:1.65;font-size:.92rem}

@media (max-width:900px){
  .pillars{grid-template-columns:1fr;gap:1.5rem}
  .why-items{grid-template-columns:1fr;gap:1.2rem}
  .pillar{padding:1.5rem 1.2rem}
  .why-item{padding:1.5rem 1.2rem}
}

/* ---- Original footer from main branch ---- */
.ws-footer {
  padding: 2.5rem 0;
  background: #f1f5f9;
  border-top: 1px solid #cbd5e1;
  font-size: 0.9rem;
  color: #334155;
}

.ws-footer .ws-company-info {
  color: #475569;
  font-size: clamp(0.72rem, 0.68rem + 0.2vw, 0.82rem);
  line-height: 1.75;
  margin: 0;
}

.ws-footer .ws-company-info--partner {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #cbd5e1;
}

.ws-footer .text-muted-small {
  color: #64748b !important;
  font-size: clamp(0.72rem, 0.68rem + 0.2vw, 0.82rem);
}

.ws-footer-admin-link {
  color: #64748b;
  text-decoration: none;
  transition: color 0.15s;
}

.ws-footer-admin-link:hover {
  color: #0f172a;
}

.ws-footer-logo-link {
  display: inline-block;
  line-height: 0;
  background: transparent;
  padding: 0;
  border: none;
}

.ws-footer-logo {
  height: clamp(40px, 8vw, 52px);
  width: auto;
  object-fit: contain;
  display: block;
  background: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
}

.ws-footer-tagline {
  margin: 0.85rem 0 0.25rem;
  font-size: clamp(0.82rem, 0.78rem + 0.2vw, 0.92rem);
  font-weight: 700;
  line-height: 1.45;
  color: #0f172a;
  word-break: keep-all;
}

.ws-footer-partners {
  margin: 0;
  font-size: clamp(0.75rem, 0.72rem + 0.15vw, 0.85rem);
  font-weight: 600;
  line-height: 1.4;
  color: #64748b;
  word-break: keep-all;
}

@media (max-width: 900px) {
  .ws-footer {
    padding: 2rem 0;
    text-align: center;
  }

  .ws-footer .text-lg-end {
    text-align: center !important;
  }

  .ws-footer .ws-footer-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .ws-footer-tagline,
  .ws-footer-partners {
    text-align: center;
  }
}

/* === Inquiry Section === */
.inquiry-section {
  padding-top: 2rem;
  background: #fff;
  color: #111827;
}

.inquiry-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}

.inquiry-info {
  text-align: left;
}

.inquiry-info .eyebrow {
  display: inline-block;
  margin-bottom: 0.75rem;
  color: #6b7280;
}

.inquiry-info h2 {
  margin-bottom: 1rem;
  color: #111827;
}

.inquiry-info .lead {
  margin-bottom: 1.5rem;
  color: #374151;
}

.inquiry-info .benefits {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
}

.inquiry-info .benefits li {
  padding: 0.65rem 0;
  padding-left: 1.75rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
  color: #1f2937;
}

.inquiry-info .benefits li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #00d4aa;
  font-weight: 700;
  font-size: 1.2rem;
}

.inquiry-info .contact-info {
  margin: 2rem 0;
  padding: 1.5rem;
  background: rgba(0, 212, 170, 0.08);
  border-left: 3px solid #00d4aa;
  border-radius: 4px;
}

.inquiry-info .contact-label {
  margin: 0 0 0.35rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #374151;
}

.inquiry-info .contact-number {
  margin: 0 0 0.65rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  color: #111827;
}

.inquiry-info .contact-number a {
  color: inherit;
  text-decoration: none;
}

.inquiry-info .contact-hours {
  margin: 0;
  font-size: 0.88rem;
  color: #4b5563;
}

.inquiry-info .note {
  font-size: 0.88rem;
  margin-top: 1.5rem;
  color: #6b7280;
}

.inquiry-form-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.inquiry-form {
  width: 100%;
}

.inquiry-form .form-group {
  margin-bottom: 1.25rem;
}

.inquiry-form label {
  display: block;
  margin-bottom: 0.45rem;
  font-size: 0.92rem;
  font-weight: 600;
  color: #111827;
}

.inquiry-form .required {
  color: #dc2626;
  margin-left: 0.2rem;
}

.inquiry-form input[type="text"],
.inquiry-form input[type="email"],
.inquiry-form input[type="tel"],
.inquiry-form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  color: #111827;
  font-size: 0.95rem;
  min-height: 44px;
  transition: all 0.2s;
  font-family: inherit;
}

.inquiry-form input::placeholder,
.inquiry-form textarea::placeholder {
  color: #9ca3af;
}

.inquiry-form input:focus,
.inquiry-form textarea:focus {
  outline: none;
  border-color: #00d4aa;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(0, 212, 170, 0.1);
}

.inquiry-form textarea {
  resize: vertical;
  min-height: 120px;
}

.inquiry-form .checkbox-group {
  margin-top: 1.5rem;
}

.inquiry-form .checkbox-group label {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 0.88rem;
  color: #374151;
}

.inquiry-form input[type="checkbox"] {
  margin-right: 0.5rem;
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #00d4aa;
}

.inquiry-form .btn-block {
  width: 100%;
  margin-top: 1.5rem;
  padding: 1rem;
  font-size: 1rem;
  font-weight: 700;
}

.inquiry-form .form-message {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
  text-align: center;
  display: none;
}

.inquiry-form .form-message.success {
  display: block;
  background: rgba(0, 212, 170, 0.15);
  border: 1px solid rgba(0, 212, 170, 0.3);
  color: #059669;
}

.inquiry-form .form-message.error {
  display: block;
  background: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.3);
  color: #dc2626;
}

@media (max-width: 900px) {
  .inquiry-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .inquiry-info {
    text-align: center;
  }

  .inquiry-info .contact-info {
    text-align: center;
  }

  .inquiry-form-card {
    padding: 1.5rem;
  }
}

/* Naver/Kakao-style notice board + reviews */
.ws-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.ws-board-head h2{margin:0}
.ws-board-head .textlink{margin-top:0}
.ws-board{border-top:2px solid var(--ws-text);background:#fff}
.ws-board-list{display:flex;flex-direction:column}
.ws-board-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:.7rem;padding:1rem 0;border-bottom:1px solid var(--ws-border);color:inherit}
.ws-board-row:hover .ws-board-title{color:var(--ws-accent-dim)}
.ws-board-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:1.4rem;padding:0 .4rem;border-radius:4px;background:var(--ws-accent-soft);color:var(--ws-accent-dim);font-size:.72rem;font-weight:700}
.ws-board-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-board-new{width:1.1rem;height:1.1rem;border-radius:50%;background:#ef4444;color:#fff;font-size:.62rem;font-weight:800;display:grid;place-items:center}
.ws-board-more{font-size:.8rem;color:var(--ws-muted);white-space:nowrap}
.ws-board-date{font-size:.88rem;color:var(--ws-muted);white-space:nowrap}
.ws-board-empty{padding:2.4rem 0;text-align:center;color:var(--ws-muted)}
.ws-board-foot{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.6rem}
.ws-review-board{margin-top:1.6rem}
.ws-review-list{display:flex;flex-direction:column;border-top:2px solid var(--ws-text)}
.ws-review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem;padding:1.35rem 0;border-bottom:1px solid var(--ws-border)}
.ws-review-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;margin-bottom:.55rem}
.ws-review-avatar{width:2.1rem;height:2.1rem;border-radius:50%;background:#ecfdf5;color:var(--ws-accent-dim);display:grid;place-items:center;font-weight:800}
.ws-review-meta strong{display:block;font-size:.95rem}
.ws-review-role{display:block;font-size:.8rem;color:var(--ws-muted);font-weight:500}
.ws-review-meta time{font-size:.82rem;color:var(--ws-light)}
.ws-review-text{margin:0;color:#374151;font-size:.97rem;line-height:1.7}
.ws-review-more{margin-top:.55rem;padding:0;border:0;background:none;color:var(--ws-accent-dim);font:inherit;font-weight:700;font-size:.88rem;cursor:pointer}
.ws-review-thumb{width:88px;height:88px;border-radius:12px;overflow:hidden;background:#f3f4f6}
.ws-review-thumb img,.ws-review-thumb video{width:100%;height:100%;object-fit:cover}
.ws-review-form{margin:0 0 1.8rem;padding:1.3rem 1.4rem;border:1px solid var(--ws-border);border-radius:16px;background:#f8fafc}
.ws-review-form-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem}
.ws-review-form-head span{color:var(--ws-muted);font-size:.9rem}
.ws-review-form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:.8rem;align-items:end}
.ws-review-form-grid .full{grid-column:1/-1}
.ws-review-form label{font-size:.82rem;font-weight:700;color:#374151}
.ws-review-form input,.ws-review-form textarea{width:100%;margin-top:.35rem;border:1px solid #d1d5db;border-radius:12px;padding:.75rem .9rem;font:inherit;background:#fff}
.ws-review-file{font-size:.82rem}
.ws-flash-stack{margin:0 0 1rem}
.ws-flash{padding:.75rem 1rem;border-radius:12px;font-size:.92rem}
.ws-flash-success{background:#ecfdf5;color:#047857}
.ws-flash-danger{background:#fef2f2;color:#b91c1c}
.ws-notice-article{max-width:760px}
.ws-notice-media{width:100%;border-radius:16px;margin-bottom:1.4rem}
.ws-notice-body{white-space:pre-wrap;font-size:1.02rem;line-height:1.8;color:#1f2937}
.modal-content{border:0;border-radius:16px}
.ws-feed-detail-media img,.ws-feed-detail-media video{width:100%;border-radius:12px;margin-bottom:1rem}
.ws-ig-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem);align-items:start}
.ws-ig-split .ws-board-head{margin-bottom:.85rem}
.ws-ig-split .ws-board-head h2{font-size:clamp(1.15rem,1.8vw,1.4rem)}
.ws-ig-split .ws-board-foot{margin-top:1rem}
.ws-ig-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.ws-ig-card{background:#fff;border:1px solid var(--ws-border);border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06);overflow:hidden;height:100%;display:flex;flex-direction:column}
.ws-ig-card--compact .ws-ig-media{aspect-ratio:4/3;width:100%;background:#f3f4f6;display:grid;place-items:center;overflow:hidden}
.ws-ig-media img,.ws-ig-media video{width:100%;height:100%;object-fit:cover}
.ws-ig-media .ws-ig-logo{width:min(42%,88px);height:auto;object-fit:contain}
.ws-ig-card-head{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-bottom:1px solid var(--ws-border)}
.ws-ig-avatar{width:1.25rem;height:1.25rem;border-radius:50%;object-fit:contain;background:#f3f4f6;padding:2px}
.ws-ig-avatar--letter{display:grid;place-items:center;padding:0;background:linear-gradient(135deg,#0d9488 0%,#2563eb 100%);color:#fff;font-weight:700;font-size:.62rem}
.ws-ig-meta{display:flex;flex-direction:column;min-width:0}
.ws-ig-author{font-size:.72rem;line-height:1.2}
.ws-ig-date{font-size:.62rem;color:var(--ws-muted)}
.ws-ig-body{padding:.35rem .5rem .45rem;flex:1;display:flex;flex-direction:column}
.ws-ig-heading{margin:0 0 .2rem;font-size:.8rem;line-height:1.3}
.ws-ig-content{margin:0;font-size:.72rem;line-height:1.4;color:#374151;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ws-admin-reply-preview{margin-top:.45rem;padding:0;border:none;background:transparent}
.ws-admin-reply-preview strong{display:inline-flex;align-items:center;justify-content:center;margin:0 0 .4rem;padding:.35rem .85rem;border-radius:999px;background:#2563eb;color:#fff;font-size:.72rem;font-weight:700;line-height:1.2;box-shadow:0 1px 2px rgba(37,99,235,.35)}
.ws-admin-reply-preview p{margin:0;padding:.55rem .7rem;border-radius:10px;background:#f3f4f6;color:#111827;font-size:.78rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ws-admin-reply{margin-top:1rem;padding:0;border:none;background:transparent}
.ws-admin-reply strong{display:inline-flex;align-items:center;justify-content:center;margin:0 0 .5rem;padding:.4rem 1rem;border-radius:999px;background:#2563eb;color:#fff;font-size:.82rem;font-weight:700;line-height:1.2;box-shadow:0 1px 2px rgba(37,99,235,.35)}
.ws-admin-reply p{margin:0;padding:.85rem 1rem;border-radius:12px;background:#f3f4f6;color:#111827;white-space:pre-wrap;font-size:.92rem;line-height:1.55}
.ws-ig-actions{margin-top:auto;padding-top:.25rem}
.ws-ig-actions .btn{font-size:.7rem;padding:.3rem .55rem}
@media (max-width:900px){
  .ws-board-row{grid-template-columns:auto minmax(0,1fr) auto;row-gap:.35rem}
  .ws-board-title{grid-column:2/-1}
  .ws-board-more{display:none}
  .ws-board-date{grid-column:2}
  .ws-review-form-grid{grid-template-columns:1fr}
  .ws-review-row{grid-template-columns:1fr}
  .ws-review-thumb{width:72px;height:72px}
  .ws-ig-split{grid-template-columns:1fr}
}
