/* Conversion, accessibility, and phone-first refinements. Keep the approved MA artwork unchanged. */
:root { --gold-strong:#8f472c; --line-strong:#cfc4b8; }

/* The first screen should explain who this is for and give one clear next step. */
.hero-copy { max-width:680px; }
.hero-description { max-width:590px; }
.hero-buttons .button, .contact-card .button { min-height:44px; }
.korean-search-copy { color:var(--ink) !important; }
.eyebrow { color:var(--gold-strong); }
.hero-proof strong { color:var(--ink-deep); }

/* Real, anonymized work examples add decision evidence without invented testimonials. */
.proof-cases { background:#f8f4ee; border-top:1px solid #e6ddd1; border-bottom:1px solid #e6ddd1; }
.proof-cases .split-heading { margin-bottom:35px; }
.case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.case-card { min-height:310px; padding:30px; border:1px solid #ded4c8; background:#fffdf9; }
.case-card-dark { color:#fff; background:#1c3147; border-color:#1c3147; }
.case-label { display:block; color:var(--gold-strong); font:700 10px/1.4 "Segoe UI","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.case-card-dark .case-label { color:#e0a17f; }
.case-card h3 { max-width:420px; margin:22px 0 14px; color:#1c3147; font-size:25px; line-height:1.25; }
.case-card-dark h3 { color:#fff; }
.case-card p { max-width:520px; margin:0 0 14px; color:#52616b; font-size:14px; line-height:1.78; }
.case-card-dark p { color:#d8e3e5; }
.case-result { padding-top:14px; border-top:1px solid #e2d8ce; font-size:12px !important; }
.case-card-dark .case-result { border-top-color:rgba(255,255,255,.22); }
.case-result strong { color:#1c3147; }
.case-card-dark .case-result strong { color:#fff; }

/* Improve keyboard focus and touch targets; 16px inputs prevent iOS zoom. */
:where(a,button,input,select,textarea):focus-visible { outline:3px solid #b7663f; outline-offset:3px; }
.calc-tab { min-height:48px; }
.input-wrap input, .input-wrap select, .input-wrap textarea { font-size:16px; }
.contact-card>a:not(.button) { min-height:58px; }
.mobile-calculator-link { min-height:44px; display:inline-flex; align-items:center; }
.privacy-note, .calculator-disclaimer { color:#4f5c63; }

@media (max-width:900px) {
  .case-grid { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .proof-cases { padding-top:67px; padding-bottom:67px; }
  .case-card { min-height:0; padding:23px 21px; }
  .case-card h3 { margin-top:17px; font-size:22px; }
  .case-card p { font-size:13px; }
  .case-grid { gap:10px; }
  .hero-buttons .button, .hero-buttons .text-link { width:100%; justify-content:center; }
  .hero-buttons .text-link { display:inline-flex; align-items:center; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none !important; transition:none !important; }
}

html[lang^="ko"] body { word-break:keep-all; overflow-wrap:break-word; }
html[lang^="ko"] :is(h1,h2,h3,p,li) { word-break:keep-all; overflow-wrap:break-word; }
.pre-screen-note { color:#46545c; font-size:14px; line-height:1.7; margin:22px 0 14px; }
@media(max-width:620px) {
 .hero-proof { display:none; }
 .hero-visual { margin-top:24px; }
 .contact-copy h2 { font-size:clamp(28px,8vw,36px); }
}