:root{--teal:#05aeb0;--deep:#103142;--ink:#17242b;--sub:#62747c;--soft:#f3f7f8;--line:#dde7e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:var(--ink);word-break:keep-all;overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}a{text-decoration:none;color:inherit}.hero{height:735px;color:#fff;position:relative;background:linear-gradient(90deg,rgba(8,37,51,.8),rgba(8,56,72,.31)),url('../assets/08-derma-hero-v2.png') center/cover}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:23px;letter-spacing:-.06em}.brand small{font-size:10px;letter-spacing:.1em;margin-left:8px}.nav ul{display:flex;list-style:none;padding:0;margin:0;gap:31px;font-size:13px;font-weight:800}.hero-copy{position:absolute;top:245px;left:calc(50% - min(590px,calc((100vw - 64px)/2)));width:570px}.chip{display:inline-block;border:1px solid rgba(255,255,255,.36);padding:8px 13px;border-radius:16px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(48px,5.5vw,72px);letter-spacing:-.09em;line-height:1.06;margin:20px 0}.hero p{font-size:16px;line-height:1.75;max-width:510px;color:#e0f0f2}.btn{display:inline-block;background:var(--teal);padding:14px 20px;border-radius:8px;color:#fff;font-size:14px;font-weight:900;margin-right:9px}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.6)}.hero-float{position:absolute;top:168px;right:calc(50% - min(590px,calc((100vw - 64px)/2)));width:355px;height:274px;object-fit:cover;border-radius:12px;box-shadow:0 20px 45px rgba(0,0,0,.22)}.hero-mini{position:absolute;right:calc(50% - min(590px,calc((100vw - 64px)/2)));top:563px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{border:1px solid rgba(255,255,255,.27);border-radius:12px;background:rgba(53,105,123,.37);min-width:142px;text-align:center;padding:17px}.mini b{font-size:22px}.mini span{display:block;font-size:12px;margin-top:5px;color:#dcecef}.metrics{padding:37px 0;background:#fff}.metrics .wrap{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.metric b{font-size:28px;color:#105456}.metric span{display:block;color:var(--sub);font-size:13px;margin-top:7px}.ticker{height:61px;background:#f4f6f7;display:flex;align-items:center;overflow:hidden;gap:34px;justify-content:center}.ticker img{width:58px;height:30px;object-fit:cover}.affiliate{padding:120px 0 92px;background:#fff}.affiliate .eyebrow,.section .eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--teal);margin:0 0 40px}.invite{font-size:clamp(72px,11vw,170px);font-weight:900;letter-spacing:-.1em;line-height:.8;color:#8baeba;margin:0 0 45px}.affiliate-line{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:18px;align-items:center;font-size:14px}.affiliate-line b{color:var(--teal)}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.pills span{padding:10px 14px;background:#eaf2f3;border-radius:8px;font-size:13px;font-weight:800}.pills span:first-child{background:var(--deep);color:#fff}.areas{padding:92px 0;background:#f4f7f8}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}.section-head h2{font-size:41px;letter-spacing:-.08em;margin:0}.section-head p{font-size:14px;color:#6d7a80;margin:0}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.area{background:#fff;box-shadow:0 12px 24px rgba(25,65,74,.06);overflow:hidden;border-radius:10px}.area img{display:block;width:100%;height:195px;object-fit:cover}.area div{padding:19px}.area b{font-size:19px;letter-spacing:-.05em}.area p{font-size:13px;color:var(--sub);line-height:1.6;margin:10px 0 0}.focus{padding:125px 0;background:#fff}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.focus img{width:100%;height:350px;object-fit:cover;border-radius:10px}.focus h2{font-size:48px;line-height:1.1;letter-spacing:-.085em;margin:0 0 25px}.focus p{line-height:1.8;color:var(--sub)}.products{padding:105px 0;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{border-radius:10px;overflow:hidden;border:1px solid #edf1f2;box-shadow:0 8px 20px rgba(20,59,68,.06)}.product img{width:100%;height:185px;object-fit:cover}.product div{padding:18px}.product b{font-size:17px;letter-spacing:-.05em}.product p{font-size:13px;color:var(--sub);margin:8px 0 0}.banner{padding:87px 0;color:#fff;text-align:center;background:linear-gradient(rgba(12,47,61,.56),rgba(12,47,61,.56)),url('../assets/08-derma-plan-v2.png') center/cover}.banner h2{font-size:39px;letter-spacing:-.08em}.news{padding:100px 0;background:#f4f7f8}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{background:#fff;border-radius:10px;overflow:hidden}.news-card img{width:100%;height:170px;object-fit:cover}.news-card div{padding:17px}.news-card b{font-size:16px}.news-card span{display:block;font-size:12px;color:#849199;margin-top:17px}.faq{padding:100px 0;background:#fff}.faq-list{border-top:1px solid var(--line)}.faq-row{padding:21px 16px;border-bottom:1px solid var(--line);font-size:15px;font-weight:800;display:flex;justify-content:space-between}.cta{padding:58px 0;background:linear-gradient(90deg,#0bb6b8,#0d767b);color:#fff}.cta .wrap{display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:28px;letter-spacing:-.06em}.cta a{border:1px solid rgba(255,255,255,.55);padding:13px 18px;border-radius:8px;margin-left:8px;font-size:14px;font-weight:800}.footer{background:#10191c;color:#bac8ca;text-align:center;padding:34px;font-size:12px}@media(max-width:850px){.wrap{width:min(100% - 36px,1180px)}.nav ul{display:none}.hero{height:700px}.hero-copy{top:155px;left:18px;width:calc(100% - 36px)}.hero-float{display:none}.hero-mini{left:18px;right:18px;top:auto;bottom:30px}.mini{min-width:0}.metrics .wrap,.area-grid,.product-grid,.news-grid{grid-template-columns:1fr 1fr}.metric{padding:12px}.ticker{justify-content:flex-start;padding-left:18px}.affiliate,.focus,.products,.news,.faq{padding:80px 0}.focus-grid{grid-template-columns:1fr;gap:35px}.section-head,.cta .wrap{display:block}.section-head p{margin-top:12px}.area-grid{gap:12px}.area img{height:150px}.cta a{display:inline-block;margin:7px 5px 0 0}.focus h2{font-size:40px}}

/* Expanded clinic footer */
.clinic-footer{padding:68px 0 28px}.clinic-footer-grid{display:grid;grid-template-columns:1.25fr 1.35fr .85fr 1.25fr;gap:38px}.clinic-footer .footer-brand{font-size:24px;line-height:1.04;letter-spacing:-.055em;font-weight:900}.clinic-footer .footer-desc{margin:16px 0;color:inherit;opacity:.72;font-size:13px;line-height:1.8}.clinic-footer em{display:block;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.14em;opacity:.68;margin-bottom:15px}.clinic-footer strong{display:block;font-size:16px;letter-spacing:-.04em;margin-bottom:11px}.clinic-footer .footer-column span{display:block;font-size:12px;line-height:1.8;opacity:.72;margin-top:4px}.clinic-footer .footer-menu{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.clinic-footer .footer-menu a{font-size:13px;opacity:.82}.clinic-footer .footer-social{display:flex;gap:7px;flex-wrap:wrap}.clinic-footer .footer-social span{padding:7px 9px;border:1px solid currentColor;border-radius:14px;font-size:9px;letter-spacing:.08em;opacity:.7}.clinic-footer .footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.18);margin-top:45px;padding-top:18px;font-size:11px;opacity:.65}@media(max-width:850px){.clinic-footer-grid{grid-template-columns:1fr 1fr;gap:34px}.clinic-footer .footer-bottom{display:block;line-height:1.9}.clinic-footer .footer-bottom span{display:block}}@media(max-width:540px){.clinic-footer{padding-top:52px}.clinic-footer-grid{grid-template-columns:1fr}}

/* Care flow strip refinement */
.metrics{padding:32px 0 0;background:#fff}
.metrics .wrap{overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metric{position:relative;min-height:128px;padding:27px 28px 24px;border-right:1px solid var(--line);transition:background .25s,transform .25s}
.metric:last-child{border-right:0}.metric:before{display:block;margin-bottom:15px;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.15em}.metric:nth-child(1):before{content:"01 · CONSULT"}.metric:nth-child(2):before{content:"02 · CHECK"}.metric:nth-child(3):before{content:"03 · PLAN"}.metric:nth-child(4):before{content:"04 · CARE"}
.metric b{font-size:22px;letter-spacing:-.06em;color:var(--deep)}.metric span{max-width:190px;margin-top:9px;font-size:13px;line-height:1.55}.metric:hover{background:#edf7f7;transform:translateY(-3px)}
.ticker{height:132px;padding:19px max(32px,calc((100% - 1180px)/2));justify-content:flex-start;gap:14px;background:linear-gradient(90deg,#e9f3f3,#f7fafa);border-bottom:1px solid #dce9e9}.ticker:before{content:"CARE FLOW";flex:0 0 auto;margin-right:13px;color:#0d5358;font-size:10px;font-weight:900;letter-spacing:.15em}.ticker img{width:132px;height:84px;flex:0 0 auto;object-fit:cover;border-radius:9px;border:1px solid rgba(16,49,66,.12);box-shadow:0 8px 18px rgba(16,49,66,.08);transition:transform .25s,filter .25s}.ticker img:hover{transform:translateY(-4px);filter:saturate(1.15)}
@media(max-width:850px){.metrics{padding-top:18px}.metrics .wrap{grid-template-columns:1fr 1fr}.metric{min-height:112px;padding:20px 17px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric b{font-size:19px}.ticker{height:112px;padding:14px 18px;gap:10px}.ticker:before{display:none}.ticker img{width:106px;height:72px}}