#services .service-quiz{margin-top:48px;padding:clamp(24px,3.4vw,52px);border:1px solid #e5cfc24a;border-radius:16px;background:radial-gradient(circle at 95% 5%,#59292b 0,#321e22 42%,#27191c 80%);scroll-margin-top:110px}
#services .service-quiz [hidden]{display:none!important}
#services .service-quiz-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:30px;align-items:end;margin-bottom:32px}
#services .service-quiz-intro .eyebrow,#services .service-quiz-result .eyebrow{margin:0 0 15px;color:#e8a798;font-size:10px;letter-spacing:.15em}
#services .service-quiz-intro h3{margin:0;color:#f6f1e8;font-size:clamp(36px,4vw,62px);font-weight:500;line-height:1.06;letter-spacing:-.06em}
#services .service-quiz-intro h3 em{color:#e8a798;font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em}
#services .service-quiz-intro>p{max-width:36ch;margin:0 0 5px;color:#d7bdb4;font-size:14px;line-height:1.75}
#services .service-quiz-panel{padding:clamp(20px,2.8vw,36px);border:1px solid #e5cfc23a;border-radius:12px;background:#27191cd9}
#services .service-quiz-progress{display:flex;align-items:center;gap:22px;margin-bottom:26px;color:#e8a798;font-size:11px;letter-spacing:.12em}
#services .service-quiz-progress-track{display:block;width:min(170px,35%);height:2px;background:#e5cfc240}
#services #quiz-progress-fill{display:block;height:100%;width:33.333%;background:#e67b79;transition:width .3s ease}
#services .service-quiz-step{min-width:0;margin:0;padding:0;border:0}
#services .service-quiz-step legend{width:100%;margin-bottom:23px;padding:0;color:#f6f1e8;font-size:clamp(21px,2vw,29px);font-weight:500;line-height:1.3}
#services .service-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#services .service-quiz-option{position:relative;display:flex;align-items:center;gap:13px;min-height:65px;padding:14px 18px;border:1px solid #e5cfc23d;border-radius:8px;color:#e8d8d0;background:#39232888;font-size:14px;line-height:1.4;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
#services .service-quiz-option:hover{border-color:#e8a798a6;background:#493037}
#services .service-quiz-option:has(input:checked){border-color:#ea9c94;background:#623036}
#services .service-quiz-option:has(input:focus-visible){outline:2px solid #f6f1e8;outline-offset:2px}
#services .service-quiz-option input{position:absolute;width:1px;height:1px;opacity:0}
#services .service-quiz-option-mark{position:relative;flex:none;width:16px;height:16px;border:1px solid #e8a798a6;border-radius:50%}
#services .service-quiz-option input:checked+.service-quiz-option-mark:after{position:absolute;inset:4px;border-radius:50%;background:#f6f1e8;content:''}
#services .service-quiz-controls{display:flex;justify-content:space-between;gap:12px;margin-top:25px}
#services .service-quiz-controls button,#services .service-quiz-result-actions button,#services .service-quiz-result-actions a,#services #quiz-contact-button{min-height:44px;padding:11px 17px;border:1px solid #e8a79877;border-radius:4px;color:#f6f1e8;background:transparent;font:inherit;font-size:13px;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease}
#services .service-quiz-controls button:hover:not(:disabled),#services .service-quiz-result-actions button:hover,#services .service-quiz-result-actions a:hover,#services #quiz-contact-button:hover{border-color:#f6f1e8;background:#523038}
#services .service-quiz-controls button:disabled{opacity:.35;cursor:default}
#services #quiz-next,#services .service-quiz-result-actions a,#services #quiz-contact-button{border-color:#b52739;background:#b52739;color:#fff}
#services #quiz-next:hover:not(:disabled),#services .service-quiz-result-actions a:hover,#services #quiz-contact-button:hover{background:#c63647}
#services .service-quiz-result h4{margin:0 0 13px;color:#f6f1e8;font-size:clamp(26px,2.5vw,37px);font-weight:500;letter-spacing:-.04em}
#services .service-quiz-result>p:not(.eyebrow){max-width:64ch;margin:0 0 27px;color:#dac1b8;font-size:14px;line-height:1.7}
#services .service-quiz-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#services #quiz-restart{margin-left:auto;border:0;color:#d2b8ae}
#services .service-quiz-question{margin-top:25px;padding-top:25px;border-top:1px solid #e5cfc23d}
#services .service-quiz-question label{display:block;margin-bottom:11px;color:#f6f1e8;font-size:14px}
#services .service-quiz-question textarea{display:block;width:100%;min-height:92px;box-sizing:border-box;padding:14px;border:1px solid #e5cfc25c;border-radius:5px;outline:none;resize:vertical;color:#f6f1e8;background:#1e1417;font:inherit;font-size:14px;line-height:1.5}
#services .service-quiz-question textarea:focus{border-color:#e8a798}
#services #quiz-contact-button{margin-top:14px}
#services #quiz-contact-note{max-width:62ch;margin:12px 0 0;color:#c7aaa1;font-size:12px;line-height:1.6}
html[lang=ko] #services .service-quiz-intro h3{font-family:'Noto Sans KR',sans-serif;font-size:clamp(27px,3vw,45px);line-height:1.3;letter-spacing:-.045em}
html[lang=ko] #services .service-quiz-intro h3 em{font-family:'Noto Sans KR',sans-serif;font-style:normal;letter-spacing:-.045em}
@media(max-width:760px){
  #services .service-quiz{margin-top:34px;padding:20px 16px}
  #services .service-quiz-intro{display:block;margin-bottom:23px}
  #services .service-quiz-intro h3{font-size:39px}
  #services .service-quiz-intro>p{margin-top:16px;font-size:13px}
  #services .service-quiz-panel{padding:20px 15px}
  #services .service-quiz-options{grid-template-columns:1fr}
  #services .service-quiz-option{min-height:56px}
  #services .service-quiz-result-actions{align-items:stretch;flex-direction:column}
  #services #quiz-restart{margin-left:0}
}
@media(prefers-reduced-motion:reduce){#services .service-quiz *{transition:none!important}}