.valuation-shell { width: min(920px, calc(100% - 32px)); margin: 0 auto; padding: 42px 0 58px; }
.valuation-hero { margin-bottom: 22px; padding: 42px; border: 1px solid #dfeaf7; border-radius: 20px; background: linear-gradient(145deg, #f2f8ff, #fff); }
.valuation-hero h1 { margin: 0; color: #202631; font-size: clamp(30px, 5vw, 44px); line-height: 1.25; }
.valuation-hero p { max-width: 740px; margin: 16px 0 0; color: #596473; font-size: 16px; }
.valuation-card { margin-top: 18px; padding: 28px 32px; border: 1px solid #e5e9ee; border-radius: 16px; background: #fff; box-shadow: 0 7px 24px rgba(31,35,48,.05); }
.valuation-card h2 { margin: 0 0 15px; color: #242a34; font-size: 23px; }
.section-intro { color: #687384; }
.valuation-form label { display: block; margin-bottom: 8px; font-weight: 650; }
.valuation-input-row { display: flex; gap: 10px; }
.valuation-input-row input { min-width: 0; flex: 1; height: 50px; padding: 0 15px; border: 1px solid #cfd6df; border-radius: 9px; font-size: 18px; letter-spacing: .08em; }
.valuation-input-row input:focus { border-color: #1677ff; box-shadow: 0 0 0 3px rgba(22,119,255,.12); outline: 0; }
.valuation-input-row button { min-width: 116px; border: 0; border-radius: 9px; color: #fff; background: #1677ff; font-weight: 650; cursor: pointer; }
.valuation-input-row button:disabled { opacity: .6; cursor: wait; }
#valuationHint { margin: 8px 0 0; color: #7e8794; font-size: 13px; }
.valuation-status { min-height: 24px; margin-top: 14px; font-size: 14px; }
.valuation-status.error { color: #b42318; }.valuation-status.success { color: #087a46; }.valuation-status.warning { color: #9b6500; }.valuation-status.loading { color: #356da8; }
.valuation-result { display: grid; grid-template-columns: 1.3fr .7fr; gap: 22px; margin-top: 12px; padding: 24px; border-radius: 14px; background: #f7faff; }
.valuation-result[hidden] { display: none; }
.result-label { display: block; margin-bottom: 6px; color: #737d8c; font-size: 13px; }
.valuation-result strong { display: block; color: #242a34; font-size: 21px; }.valuation-result small { color: #818a97; }
.valuation-number strong { font-size: 34px; }.valuation-number .positive { color: #d92d20; }.valuation-number .negative { color: #159455; }.valuation-number .neutral { color: #4e5968; }
.valuation-result dl { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); margin: 0; padding-top: 18px; border-top: 1px solid #e4e9f0; gap: 12px; }
.valuation-result dl div { min-width: 0; }.valuation-result dt { color: #7a8492; font-size: 12px; }.valuation-result dd { margin: 3px 0 0; color: #3b4451; font-size: 13px; overflow-wrap: anywhere; }
.valuation-examples { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.valuation-examples a { display: flex; justify-content: space-between; gap: 12px; padding: 15px 16px; border: 1px solid #e6eaf0; border-radius: 10px; color: #394250; background: #fafbfd; }
.valuation-examples a:hover { border-color: #bcd8ff; text-decoration: none; }.valuation-examples span { color: #7a8492; }
.method-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0; }
.method-grid article { padding: 18px; border: 1px solid #e7ebf0; border-radius: 12px; background: #fafbfd; }.method-grid article > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #fff; background: #1677ff; font-weight: 700; }.method-grid h3 { margin: 12px 0 7px; font-size: 17px; }.method-grid p { margin: 0; color: #657080; font-size: 14px; }
@media (max-width: 700px) { .valuation-shell { width: min(100% - 20px, 920px); padding-top: 18px; }.valuation-hero,.valuation-card { padding: 24px 20px; }.valuation-input-row { flex-direction: column; }.valuation-input-row button { min-height: 48px; }.valuation-result { grid-template-columns: 1fr; }.valuation-result dl { grid-template-columns: 1fr; }.valuation-examples,.method-grid { grid-template-columns: 1fr; } }