:root{--paper:#fff;--ink:#223c4c;--muted:#667681;--gold:#52768b;--line:#dde5e9;--serif:'Noto Sans KR',system-ui,sans-serif}body{background:#fff;color:#263b47;font-size:14px}.header{background:#fffffffa}.header-inner{height:88px}.brand{font-size:18px;font-weight:700;gap:13px}.brand-line{height:36px;width:3px;background:#52768b}.brand small{font-size:7px;letter-spacing:1.5px;color:#5e7482}.header-book,.button{border-radius:3px}.hero{padding-top:48px;padding-bottom:45px;grid-template-columns:1fr 1fr;gap:45px}.hero-copy{padding-block:30px}.hero h1{font-family:'Noto Sans KR',sans-serif;font-size:48px;font-weight:600;line-height:1.55;letter-spacing:-2.7px}.hero h1 em{color:#526f7e}.hero-intro{font-size:14px;line-height:2.1}.hero-visual{min-height:440px;align-self:center;padding:0}.hero-image{min-height:0;height:440px;border-radius:4px;object-position:50% center}.image-disclaimer{right:14px;top:14px;background:#ffffffdc;color:#62747b}.hero .eyebrow{letter-spacing:1px}.hero-address{font-size:11px}.section{padding-block:85px}.section h2{font-family:'Noto Sans KR',system-ui,sans-serif;font-size:34px;font-weight:500;letter-spacing:-1.6px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:1.2px;margin-bottom:18px;color:#52768b}.quick-info{margin-top:0;padding-block:25px}.quick-info small{font-size:10px;letter-spacing:.4px}.quick-info>div{gap:8px}.quick-info span,.quick-info a{font-size:12px}.values{gap:40px;margin-top:45px}.values .index{font:15px 'Noto Sans KR',sans-serif}.values h3{margin-top:16px}.services{background:#f5f8fa}.treatments{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;margin-top:38px}.treatment{border-top:1px solid #d9e2e6;padding:23px 0 28px;position:relative;padding-left:52px}.treatment-number{position:absolute;left:0;top:26px;font-size:13px;color:#758b96}.treatment details{padding-top:0}.treatment summary h3{font-size:20px;font-weight:500}.treatment p{font-size:12px;margin-top:12px}.treatment summary>span{font-size:24px}.general{margin-top:12px}.doctor-portrait img{border-radius:4px;height:480px}.doctor-portrait:before,.doctor-portrait>span{display:none}.doctor-portrait{padding:0}.doctor{gap:90px}.doctor-copy h2{font-size:34px}.doctor-name{margin-top:25px}.doctor-name h3{font-size:22px}.doctor-copy>p:not(.eyebrow){font-size:13px}.credentials{font-size:12px}.pricing{background:#f1f5f7}.fee strong{font-family:'Noto Sans KR',sans-serif;font-size:24px;font-weight:500}.fee-note{font-size:11px}.closing{background:#284554;padding-block:56px}.closing h2{font-family:'Noto Sans KR',sans-serif;font-weight:500;font-size:32px}.closing p:not(.eyebrow){font-size:12px}.footer{padding-top:38px}.footer .footer-top{padding-bottom:30px}.map{background:#f0f4f6}.comparison{background:#fff}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;margin-top:42px}.compare-card{min-width:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}.compare-card h3{font-size:12px;font-weight:500;padding:14px 17px;border-bottom:1px solid var(--line);color:#617786}.compare-stage{position:relative;aspect-ratio:152/180;overflow:hidden;margin:16px 16px 0;background:#e7e9e7}.compare-source{position:absolute;inset:0;background-image:url('/assets/before-after-composite.webp');background-size:457.2368% 416.1111%;background-repeat:no-repeat}.compare-before{background-position:var(--before-x) var(--source-y)}.compare-after{background-position:var(--after-x) var(--source-y);clip-path:inset(0 calc(100% - var(--reveal)) 0 0);transition:clip-path .55s ease}.compare-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#fff;display:grid;place-items:center;font-size:14px;color:#24404f;text-shadow:0 0 3px #fff;transition:left .55s ease;transform:translateX(-50%);pointer-events:none}.compare-divider:after{content:'';position:absolute;top:calc(50% - 17px);left:-16px;width:34px;height:34px;border-radius:50%;background:white;z-index:-1}.compare-stage.is-dragging .compare-after,.compare-stage.is-dragging .compare-divider{transition:none}.compare-caption{position:absolute;bottom:12px;background:#ffffffed;padding:4px 9px;font-size:10px;border-radius:2px;color:#294452;pointer-events:none}.compare-caption-before{left:10px}.compare-caption-after{right:10px}.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 16px 18px}.compare-controls button{border:1px solid var(--line);background:white;padding:7px 8px;font-size:10px;border-radius:3px;color:var(--ink);min-height:36px}.compare-controls button[aria-pressed=true]{background:#edf3f6;border-color:#718d9c}.compare-controls input{grid-column:1/-1;width:100%;margin:8px 0 0;accent-color:#476b7f;min-height:30px;cursor:ew-resize}.comparison-source-note{font-size:11px;line-height:2;color:var(--muted);margin-top:26px;max-width:900px}.original-comparison{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.original-comparison summary{padding:18px 0;font-size:12px;list-style:none;display:flex;justify-content:space-between}.original-comparison img{max-width:695px;margin:0 auto 24px;height:auto}.comparison-rule{display:none}.comparison .section-intro{font-size:12px}.comparison .section-heading h2{font-size:32px}.footer-top p{font-size:11px}.hero-actions{margin-top:28px}.guide-content h2{font-size:27px}.guide-hero h1{font-family:'Noto Sans KR',sans-serif;font-size:38px;font-weight:500}.closing-phone{font-family:inherit;font-size:20px;letter-spacing:0}
@media(max-width:1000px){.hero h1{font-size:40px}.hero-visual,.hero-image{min-height:0;height:400px}.compare-grid{gap:28px 18px}.doctor{gap:45px}.compare-stage{margin:12px 12px 0}.compare-controls{padding:12px}.hero-intro{font-size:12px}}
@media(max-width:800px){.header-inner{height:76px}.hero{gap:30px;padding-inline:30px;padding-top:35px}.hero h1,html[lang=en] .hero h1{font-size:34px}.hero-visual,.hero-image{height:370px}.section{padding-block:65px}.section h2{font-size:29px}.doctor-portrait img{height:430px}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.treatments{gap:0 28px}.treatment{padding-left:35px}.treatment summary h3{font-size:18px}.compare-card h3{font-size:11px}.brand{font-size:16px}.closing h2{font-size:29px}}
@media(max-width:580px){.header-inner{height:72px}.brand{font-size:15px}.brand-line{height:31px}.hero{display:flex;padding:28px 24px 32px;gap:28px}.hero-copy{padding:5px 0 0}.hero h1,html[lang=en] .hero h1{font-size:36px;font-weight:600;line-height:1.6;letter-spacing:-1.8px}.hero-intro,html[lang=en] .hero-intro{font-size:12px;margin-top:18px}.hero-visual,.hero-image{height:260px;min-height:0}.hero-image{border-radius:3px}.hero-address{font-size:10px;margin-top:22px}.hero .eyebrow{font-size:9px}.section{padding-block:55px}.section h2{font-size:27px;letter-spacing:-1.3px}.treatments{grid-template-columns:1fr;gap:0}.treatment{padding:21px 0 23px 43px}.treatment-number{top:23px;font-size:12px}.treatment summary h3{font-size:18px}.treatment p{font-size:12px}.treatment .detail-note{font-size:11px}.general{margin-top:5px}.compare-grid{grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:28px}.compare-card h3{font-size:9px;padding:11px 10px}.compare-stage{margin:8px 8px 0}.compare-caption{font-size:7px;padding:3px 5px;bottom:7px}.compare-caption-before{left:5px}.compare-caption-after{right:5px}.compare-controls{padding:9px 8px 10px;gap:6px}.compare-controls button{font-size:8px;padding:5px 2px;min-height:32px}.compare-controls input{margin-top:3px;min-height:26px}.comparison-source-note{font-size:10px;line-height:1.9;margin-top:20px}.comparison .section-heading h2{font-size:27px}.comparison .section-intro{font-size:11px}.doctor{gap:30px}.doctor-portrait img{height:400px}.doctor-copy h2{font-size:28px}.doctor-copy>p:not(.eyebrow){font-size:12px}.fee strong{font-size:23px}.closing{padding-block:42px}.closing h2{font-size:27px}.closing p:not(.eyebrow){font-size:11px}.footer .footer-top{gap:18px}.guide-hero h1{font-size:28px;font-weight:500}.guide-content h2{font-size:23px}}
.inquiry-section{background:#f2f6f8;scroll-margin-top:10px}.inquiry-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.inquiry-grid h2{font-size:32px}.inquiry-note{font-size:11px;color:var(--muted);margin-top:24px;max-width:370px}.inquiry-section form{background:white;border:1px solid #d9e3e9;border-radius:5px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.form-grid label{display:block;font-size:12px;font-weight:500;color:#344f5f}.form-grid label>span{color:#617c8c}.form-grid input,.form-grid select{display:block;width:100%;font:inherit;font-size:14px;color:#243e4d;border:1px solid #cbd8df;background:white;border-radius:3px;min-height:45px;padding:10px 12px;margin-top:8px}.form-grid input:focus,.form-grid select:focus{outline:2px solid #94adbd;outline-offset:1px}.form-grid small{display:block;font-size:9px;font-weight:400;color:#73838e;margin-top:5px}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-privacy{font-size:10px;color:#71808a;line-height:1.9;padding:17px;background:#f6f8fa;margin-top:22px;border-radius:3px}.consent{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:11px;line-height:1.8;color:#465c69;cursor:pointer}.consent input{margin:4px 0 0;accent-color:#476b7f;width:15px;height:15px;flex-shrink:0}.form-submit{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:22px;border:0;border-radius:3px;min-height:49px;padding:14px 18px;background:#294c61;color:white;font-weight:500;font-size:13px}.form-submit:hover{background:#3c657b}.form-submit:disabled{cursor:wait;opacity:.65}.form-status{font-size:12px;line-height:1.9;margin-top:15px;overflow-wrap:anywhere}.form-status:empty{display:none}.form-status[data-state=success]{color:#245a45}.form-status[data-state=error]{color:#a34141}.closing-link{display:inline-flex;background:white;color:#294c61;padding:15px 25px;border-radius:3px;font-size:14px;white-space:nowrap}.quick-info a{font-size:13px}.mobile-book a{justify-content:center;font-size:13px;letter-spacing:.3px}.comparison-source-note{margin-bottom:5px}
@media(max-width:800px){.inquiry-grid{gap:32px;grid-template-columns:1fr 1.2fr}.inquiry-grid h2{font-size:28px}.inquiry-section form{padding:22px}.form-grid{grid-template-columns:1fr;gap:17px}}
@media(max-width:580px){.inquiry-grid{grid-template-columns:1fr;gap:28px}.inquiry-grid h2{font-size:27px}.inquiry-note{font-size:10px;max-width:none;margin-top:15px}.inquiry-section form{padding:22px 18px}.form-grid{grid-template-columns:1fr;gap:17px}.form-grid label{font-size:12px}.form-grid input,.form-grid select{font-size:16px;min-height:46px}.form-grid small{font-size:10px}.form-privacy{font-size:10px;padding:13px}.consent{font-size:11px}.form-status{font-size:12px}.closing-link{margin-top:25px;display:flex;width:fit-content;font-size:13px}}
@media(prefers-reduced-motion:reduce){.compare-after,.compare-divider{transition:none}}
.compare-caption-after{opacity:var(--reveal-numeric,0)}.compare-stage[data-at-edge=true] .compare-divider{opacity:0}.compare-controls button{min-height:40px}

/* Final typography and layout pass after independent design review. */
:root{--ink:#1c2228;--muted:#5b6670;--gold:#1f4e5f;--line:#dcdfe2}.header-book,.button,.form-submit{background:#1f4e5f}.brand-line{background:#1f4e5f}.hero h1{font-size:44px;letter-spacing:-1.8px;font-weight:600}.hero h1 em{color:#1c2228}.section h2{font-size:30px;font-weight:600;letter-spacing:-1.1px}.section-intro{font-size:15px;line-height:1.9}.hero-intro{font-size:15px}.values .index{display:none}.values h3{font-size:18px;margin-top:0}.values p{font-size:14px}.treatment p{font-size:14px;line-height:1.9}.doctor-copy>p:not(.eyebrow){font-size:14px}.faq-list summary{font-size:15px}.faq-list p{font-size:14px}.fee-note{font-size:12px}.address{font-size:15px}.hours>div{font-size:13px}.hours p,.visit-note{font-size:12px}.compare-stage{aspect-ratio:144/180;max-width:220px;width:calc(100% - 32px);margin-inline:auto}.compare-source{background-size:482.6389% 416.1111%}.compare-divider{z-index:2}.compare-caption{z-index:3}.compare-card h3{font-size:12px}.comparison-source-note{font-size:12px}.original-comparison summary{font-size:13px}.inquiry-grid h2{font-size:30px}.form-privacy{font-size:11px}.form-grid label{font-size:13px}.consent{font-size:12px}.inquiry-note{font-size:12px}.services{background:#f5f6f6}.pricing,.inquiry-section{background:#f3f5f6}.closing{background:#1f4e5f}.quick-info small{letter-spacing:0}.quick-info small:before{display:none}.treatment-number{font-size:12px;color:#84929a}.quick-info>div:first-child{min-width:0}.compare-caption-before{opacity:calc(1 - var(--reveal-numeric,0))}
@media(max-width:1000px){.hero h1{font-size:38px}.section-intro{font-size:14px}.treatment p{font-size:13px}}
@media(max-width:800px){.hero h1{font-size:34px}.section h2{font-size:28px}.inquiry-grid h2{font-size:27px}.values p{font-size:12px}.compare-stage{width:calc(100% - 24px)}}
@media(max-width:580px){.hero h1,html[lang=en] .hero h1{font-size:32px;line-height:1.6;letter-spacing:-1.2px}.hero-intro{font-size:13px}.section h2{font-size:25px;letter-spacing:-.9px}.section-intro{font-size:13px}.values p{font-size:13px}.values h3{font-size:17px}.values article{grid-template-columns:1fr}.values p{grid-column:1}.treatment p{font-size:13px}.doctor-copy>p:not(.eyebrow){font-size:13px}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}.fee-note{font-size:11px}.hours p,.visit-note{font-size:11px}.compare-stage{width:calc(100% - 16px)}.compare-card h3{font-size:9px}.comparison-source-note{font-size:11px}.inquiry-grid h2{font-size:25px}.form-grid label{font-size:12px}.form-privacy{font-size:10px}.consent{font-size:11px}.inquiry-note{font-size:11px}}