body { font-family: -apple-system, "Hiragino Sans", "Yu Gothic", sans-serif; max-width: 640px; margin: 0 auto; padding: 0 20px 60px; color: #222; line-height: 1.7; }
.banner { background: #fff3cd; border: 1px solid #ffc107; padding: 10px; text-align: center; font-size: 13px; margin: 0 -20px 20px; }
.hero { text-align: center; padding: 40px 0 20px; }
.hero h1 { font-size: 24px; line-height: 1.5; }
.cta-primary { background: #111; color: #fff; border: none; padding: 14px 28px; font-size: 16px; border-radius: 6px; cursor: pointer; margin-top: 16px; }
.cta-primary:hover { background: #333; }
.intro { background: #f7f7f7; padding: 20px; border-radius: 8px; margin: 20px 0; }
.diag-form .field { margin-bottom: 16px; }
.diag-form label { display: block; font-weight: bold; margin-bottom: 6px; }
.diag-form input, .diag-form select { width: 100%; padding: 8px; font-size: 15px; box-sizing: border-box; }
.diag-form small { color: #666; font-size: 12px; }
.req { color: #d00; }
.consent-field label { font-weight: normal; display: flex; gap: 8px; align-items: flex-start; }
.result { margin-top: 24px; padding: 20px; border-radius: 8px; }
.result.qualified { background: #e6f4ea; border: 1px solid #34a853; }
.result.nurture { background: #fff8e1; border: 1px solid #f9a825; }
.result.reject { background: #f1f1f1; border: 1px solid #999; }
.result h2 { margin-top: 0; }
.result .score { font-size: 13px; color: #555; }
.cta-referral { display: inline-block; margin-top: 12px; background: #111; color: #fff; padding: 12px 24px; border-radius: 6px; text-decoration: none; }
.cta-weak { display: inline-block; margin-top: 12px; color: #555; text-decoration: underline; font-size: 14px; }
.disclosure { margin-top: 40px; font-size: 12px; color: #777; border-top: 1px solid #ddd; padding-top: 16px; }
.compare-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 13px; }
.compare-table th, .compare-table td { border: 1px solid #ddd; padding: 6px 8px; text-align: left; }
.compare-table th { background: #eee; }
.mini-faq { margin: 16px 0; font-size: 13px; }
.mini-faq summary { cursor: pointer; font-weight: bold; }
.mini-faq p { margin: 8px 0; }
.operator-note { font-size: 12px; color: #777; margin: 16px 0; }