/* Auxomate v7: DESIGN.md 토큰 기준 보정. v6.css 다음에 로드합니다. 규칙은 docs/DESIGN.md 참고. */
/* ===== Auxomate v7 — DESIGN.md v0.1 적용 (v6 위 오버라이드) ===== */
/* --- 공통: 모든 화면 폭 --- */
html body .sec-eyebrow::before,html body .sec-eyebrow::after{display:none!important}
html body .sec-eyebrow .eb-n{display:none!important}
html body .sec-eyebrow{color:#3A2112!important;font-weight:600!important;gap:8px!important}
html body .ah-eyebrow{color:#3A2112!important}
html body #deliver .sec-eyebrow{color:#E8C48F!important}
html body .ah-btn,html body .nav-cta,html body .pr6-cta{border-radius:4px!important}
html body .ah-btn:hover{transform:none!important;box-shadow:none!important}
/* 어두운 면은 100% 불투명 (가지 판화 주변 색 차이 원인) */
html body #deliver.get-section{background:#1D2606!important}
/* 어두운 면 위 강조 = 밝은 골드 */
html body #deliver .get-heading b,html body #deliver li:before{color:#E8C48F!important}
html body #numbers .lp-card{background:#1D2606!important;border-radius:4px!important}
html body #numbers .lp-card .ax-kicker{color:#E8C48F!important}
html body #numbers .lp-card b,html body #numbers .lp-card b small{color:#F4F5EB!important}
html body #numbers .lp-card strong{color:#F4F5EB!important}
html body #numbers .lp-card p{color:#AEB99A!important}
html body #compare .cmp-th-sub,html body #compare td:nth-child(2) .cmp-sub,html body #compare td:nth-child(2) span[aria-hidden],html body #compare .cmp-rl,html body #compare td:nth-child(2) b{color:#E8C48F!important}
html body #compare .cmp-table thead th:nth-child(2){border-top:0!important}
html body #compare tbody tr td:nth-child(2){box-shadow:none!important}
/* 문의 폼: 모서리 통일 */
html body [data-lead-form] input:not([type=checkbox]),html body [data-lead-form] textarea,html body [data-lead-form] select,html body [data-lead-form] button[type=submit],html body form[data-lead-form]{border-radius:4px!important}
html body .cmodal-box{border-radius:4px}

/* --- 데스크톱·태블릿 (모바일 760px 이하는 v6 규칙 유지) --- */
@media (min-width:761px){
/* 02 persona: 문제 5칸 + 아래 어두운 CTA 띠 */
html body #problem .problem-compact-grid{grid-auto-rows:auto!important}
html body #problem .problem-compact-cta{grid-column:1/-1!important;background:#1D2606!important;min-height:0!important;height:auto!important;align-items:center!important;text-align:center!important;padding:48px 24px!important;margin-top:8px!important;border-radius:4px!important}
html body #problem .problem-spark{display:none!important}
html body #problem .problem-compact-cta h3,html body #problem .problem-compact-cta p{min-height:0!important;height:auto!important;flex:none!important}
html body #problem .problem-compact-cta h3{color:#F4F5EB!important;font-size:22px!important;font-weight:600!important;margin:0 0 8px!important}
html body #problem .problem-compact-cta p{color:#AEB99A!important;font-size:16px!important;line-height:1.65!important;max-width:36em;margin:0!important}
html body #problem .problem-compact-cta a{margin-top:24px!important;background:#E8C48F!important;color:#1D2606!important;border:0!important;border-radius:4px!important;padding:14px 24px!important;font-size:16px!important;font-weight:600!important;gap:8px!important}
html body #problem .problem-compact-cta a *{color:#1D2606!important}
/* 03 solution: 오브제를 배경처럼 */
html body #deliver .get-card{position:relative!important;overflow:hidden!important;border:0!important;border-radius:4px!important;background:#222C0D!important;padding:24px!important}
html body #deliver .get-card-meta{display:none!important}
html body #deliver .get-card-heading{display:block!important;position:static!important;padding-top:150px!important}
html body #deliver .get-graphic{position:absolute!important;right:-70px!important;top:-50px!important;width:380px!important;height:380px!important;opacity:.5!important;z-index:0!important;-webkit-mask-image:linear-gradient(215deg,#000 38%,transparent 78%);mask-image:linear-gradient(215deg,#000 38%,transparent 78%)}
html body #deliver .get-card-heading>div:last-child,html body #deliver .get-more{position:relative!important;z-index:1!important}
html body #deliver .get-card h3{font-size:44px!important;font-weight:600!important;letter-spacing:-.04em!important;line-height:1.2!important;margin:0 0 12px!important;color:#F4F5EB!important}
html body #deliver .get-card-sub{font-size:16px!important;line-height:1.65!important;color:#AEB99A!important;max-width:17em!important}
html body #deliver .get-details li{font-size:16px!important;color:#F4F5EB!important}
html body #deliver .get-details li span{font-size:14px!important;color:#AEB99A!important}
/* 04: 배치는 v6, 글자 크기만 */
html body #numbers .lp-card strong{font-size:22px!important;font-weight:600!important}
html body #numbers .lp-card p{font-size:16px!important}
html body #numbers .lp-strengths{background:#F4F5EB!important;border-radius:4px!important}
html body #numbers .lp-strengths .get-strength h3,html body #numbers .lp-strengths .get-strength h3 *{color:#1D2606!important;font-size:22px!important;font-weight:600!important;letter-spacing:-.03em!important;line-height:1.35!important}
html body #numbers .lp-strengths .get-strength h3 svg{color:#3A2112!important;width:20px;height:20px}
html body #numbers .lp-strengths .get-strength p{font-size:16px!important;font-weight:400!important;color:#1D2606!important;line-height:1.65!important}
html body #numbers .lp-strengths .get-strength p span{font-size:14px!important;color:#5E664F!important}
/* 06: Auxomate 열 머리 한 줄 */
html[lang="ko"] body #compare .cmp-th-sub{white-space:nowrap!important}
}

/* 문제 5칸은 1000px 이상에서만. 그 아래는 v6의 2~3칸 유지 */
@media (min-width:1000px){
html body #problem .problem-compact-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media (min-width:1000px) and (max-width:1359px){
}

/* ===== 모바일·태블릿 보정 (11-11) ===== */
/* 04: 라벨이 제목 위에 겹치던 문제. 좁은 화면에서는 라벨을 제목 위 한 줄로 */
@media (max-width:999px){
html body #numbers .lp-card .ax-kicker{position:static!important;display:block!important;margin:0 0 8px!important}
html body #numbers .lp-card{justify-content:flex-start!important}
}
@media (max-width:760px){
/* 02 마지막 카드(익숙하신가요): 제목 흰색, 링크는 버튼으로 */
html body #problem .problem-compact-cta{background:#1D2606!important}
html body #problem .problem-compact-cta h3{color:#F4F5EB!important}
html body #problem .problem-compact-cta p{color:#AEB99A!important}
html body #problem .problem-compact-cta a{margin-top:auto!important;background:#E8C48F!important;color:#1D2606!important;border:0!important;border-radius:4px!important;padding:14px 16px!important;font-size:15px!important;font-weight:600!important;width:100%!important;box-sizing:border-box;justify-content:space-between!important}
html body #problem .problem-compact-cta a *{color:#1D2606!important}
}
/* 06: Auxomate 열 머리. 넓은 화면에서만 한 줄 */
@media (min-width:761px){html body #compare .cmp-th-sub br{display:none!important}}
/* 문의 완료 화면에서는 모달 제목·설명 숨김 (완료 문구와 겹쳐 보임) */
.cmodal-box:has([data-form-ok]:not([hidden]))>h3,.cmodal-box:has([data-form-ok]:not([hidden]))>p{display:none}
/* 태블릿(761~999px) */
@media (min-width:761px) and (max-width:999px){
}

/* ===== 11-11 14시 피드백 ===== */
/* 마무리 CTA(contact): 레포의 잎 판화 배경, 여신 없음. 면은 paper-2 */
html body #contact>div[aria-hidden]{background:#F4F5EB!important}
/* 02 persona: 글은 v6처럼 카드 위쪽. 판화 모티프는 글 아래로 내려서 가려지지 않게 */
@media (min-width:761px){
/* 익숙하신가요: 가운데 좁은 한 줄 띠 */
html body #problem .problem-compact-cta{grid-column:1/-1!important;justify-self:center!important;width:min(100%,960px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:40px!important;row-gap:6px!important;align-items:center!important;text-align:left!important;padding:24px 28px 24px 32px!important;margin-top:16px!important}
html body #problem .problem-compact-cta h3{grid-column:1!important;grid-row:1!important;font-size:20px!important;margin:0!important}
html body #problem .problem-compact-cta p{grid-column:1!important;grid-row:2!important;display:block!important;font-size:15px!important;line-height:1.6!important;color:#AEB99A!important;margin:0!important;max-width:none!important}
html body #problem .problem-compact-cta a{grid-column:2!important;grid-row:1/3!important;margin:0!important;white-space:nowrap;padding:14px 22px!important;font-size:15px!important;width:auto!important}
}

@media (min-width:761px){
html body #problem .problem-compact-card{background:#F4F5EB!important;display:block!important;position:relative!important;padding:24px 20px!important;min-height:440px!important;overflow:hidden!important}
html body #problem .problem-compact-card:after{display:none!important}
html body #problem .problem-compact-card .pc-cover{position:absolute!important;inset:auto 0 0 0!important;top:auto!important;width:100%!important;max-width:none!important;height:60%!important;margin:0!important;object-fit:cover!important;object-position:50% 16%!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 24%,#000 56%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 24%,#000 56%)}
}
@media (min-width:1360px){html body #problem .problem-compact-card{min-height:470px!important}}
/* 960 캔버스(1000~1359px): 카드 폭이 180px 안팎이라 글자를 한 단계 줄여 카드가 길어지지 않게 */
@media (min-width:1000px) and (max-width:1359px){
html body #problem .problem-compact-card{padding:20px 16px!important;min-height:440px!important}
html body #problem .problem-compact-card h3{font-size:17px!important;line-height:1.35!important;margin-bottom:10px!important}
html body #problem .problem-compact-card p{font-size:14px!important;line-height:1.6!important}
}

/* ===== 버튼 hover: v6에 남아 있던 라임 hover 정리 ===== */
html body .ah-btn--lime:hover,html body .ah-btn--lime:focus-visible,html body a[href="#contact"][style*="min-height: 40px"]:hover,html body .pr6-cta:hover,html body a.pr-promo-btn:hover,html body [data-lead-form] button[type=submit]:hover{background:#52301C!important;color:#fff!important}
html body .ah-btn--lime:hover *,html body a[href="#contact"][style*="min-height: 40px"]:hover *,html body .pr6-cta:hover *,html body a.pr-promo-btn:hover *{color:#fff!important}
html body .ah-btn--ghost:hover,html body .ah-btn--ghost:focus-visible{background:rgba(29,38,6,.06)!important;color:#1D2606!important;border-color:#1D2606!important}
html body #problem .problem-compact-cta a:hover{background:#F2D8AE!important;color:#1D2606!important}
html body #problem .problem-compact-cta a:hover *{color:#1D2606!important}
html body .ah-btn,html body a[href="#contact"][style*="min-height: 40px"],html body .pr6-cta,html body [data-lead-form] button[type=submit]{transition:background-color .16s cubic-bezier(.2,.7,.2,1),color .16s cubic-bezier(.2,.7,.2,1),border-color .16s cubic-bezier(.2,.7,.2,1)!important}
/* ===== 마무리 CTA: 레포의 여신 판화 ===== */
.v7-goddess{display:block;width:min(100%,380px);height:auto;margin-top:12px;-webkit-mask-image:linear-gradient(to bottom,#000 52%,rgba(0,0,0,.6) 74%,transparent 97%);mask-image:linear-gradient(to bottom,#000 52%,rgba(0,0,0,.6) 74%,transparent 97%)}
@media (max-width:760px){.v7-goddess{width:240px;margin:8px auto 0}}
html body a[href="#contact"][style*="min-height: 40px"]{border-radius:4px!important}

/* 쿠키 동의 배너 */
.v7-cc{position:fixed;left:16px;bottom:16px;z-index:9998;max-width:420px;background:#FCFDF7;color:#1D2606;border:1px solid rgba(29,38,6,.14);border-radius:4px;padding:16px;box-shadow:0 18px 40px -28px rgba(29,38,6,.35);font-size:14px;line-height:1.6;word-break:keep-all}
.v7-cc[hidden]{display:none}
.v7-cc p{margin:0 0 12px}.v7-cc a{color:#3A2112;font-weight:600}
.v7-cc div{display:flex;gap:8px}
.v7-cc button{flex:1;font:inherit;font-weight:600;padding:10px 12px;border-radius:4px;border:1px solid #1D2606;background:#FCFDF7;color:#1D2606;cursor:pointer}
.v7-cc button[data-cc-yes]{background:#1D2606;color:#F4F5EB}
.v7-cc button:focus-visible{outline:2px solid #5B7600;outline-offset:2px}
@media (max-width:760px){.v7-cc{left:12px;right:12px;bottom:12px;max-width:none}}

/* ===== 1차 배포 피드백 (11-11 19시) ===== */
/* 01: 고정 구간을 400vh → 300vh로 줄여 마지막 장면에서 멈춘 듯한 구간을 없앰 */
@media (prefers-reduced-motion:no-preference){html body .sh{height:300vh!important}}
/* 푸터: 문의 섹션과 같은 바탕, 같은 선 색 */
html body .ft{background:#F4F5EB!important;border-top:1px solid rgba(29,38,6,.12)!important}
/* 04 모바일: 숫자 180px → 96px */
@media (max-width:760px){html body #numbers .lp-card b{font-size:96px!important}html body #numbers .lp-card{min-height:300px!important;height:auto!important;padding-bottom:104px!important}}