/* =========================================================================
   Ипотечка — страница «Анализ объекта». Наследует токены style.css.
   ========================================================================= */
.an-body{ background:var(--bg) }
.an-wrap{ max-width:960px; margin:0 auto; padding:136px 24px 80px }

.an-hero{ text-align:center; margin-bottom:8px }
.an-hero .eyebrow{ justify-content:center }
.an-hero h1{ font-size:clamp(30px,4.8vw,48px); margin:16px 0 12px; letter-spacing:-.022em; text-wrap:balance }
.an-hero h1 .accent{ color:var(--gold-deep) }
.an-hero .sub{ margin:0 auto; max-width:620px }

.an-linkbar{ display:flex; gap:12px; max-width:700px; margin:34px auto 12px }
.an-linkbar input{ flex:1; padding:16px 24px; border:1.5px solid var(--line); border-radius:14px;
  background:var(--panel); font-size:var(--fs-body); color:var(--ink); box-shadow:var(--shadow-sm) }
.an-linkbar input::placeholder{ color:var(--muted-2) }
.an-linkbar input:focus{ outline:none; border-color:var(--gold) }
.an-linkbar .btn{ padding:16px 32px; white-space:nowrap }
.an-or{ font-size:var(--fs-body); color:var(--muted); text-align:center; margin-top:4px }
.an-or a{ color:var(--gold-deep); font-weight:700; cursor:pointer; text-decoration:underline; text-underline-offset:2px }
.an-flash{ max-width:700px; margin:14px auto 0; font-size:var(--fs-sm); text-align:center; padding:12px 16px;
  border-radius:12px; background:var(--gold-tint); border:1px solid var(--goldline); color:var(--gold-deep); display:none }
.an-flash.show{ display:block }

.an-manual{ max-width:780px; margin:26px auto 0; background:var(--panel); border:1px solid var(--line);
  border-radius:20px; padding:32px; box-shadow:var(--shadow-sm); display:none }
.an-manual.open{ display:block }
.an-manual h3{ font-size:var(--fs-h3); font-weight:800; margin:0 0 5px }
.an-manual .an-msub{ font-size:var(--fs-sm); color:var(--muted); margin-bottom:24px }
.an-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px }
.an-grid .full{ grid-column:1/-1 }
.an-manual .btn{ margin-top:24px }

/* результат */
.an-result{ max-width:880px; margin:36px auto 0; display:none }
.an-result.show{ display:block; animation:anin .5s cubic-bezier(.22,.61,.36,1) }
@keyframes anin{ from{ opacity:0; transform:translateY(18px) } to{ opacity:1; transform:none } }

/* фото объекта в вердикте */
.an-photo{ aspect-ratio:16/7; overflow:hidden; background:var(--bg-3); border-bottom:1px solid var(--line) }
.an-photo img{ width:100%; height:100%; object-fit:cover; display:block }
.an-card{ background:var(--panel); border:1px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:var(--shadow) }
.an-vhead{ display:flex; align-items:center; gap:16px; padding:24px 32px; border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#fffdf8) }
.an-grade{ width:66px; height:66px; border-radius:16px; display:grid; place-items:center; font-size:25px; font-weight:800;
  color:#fff; flex:none; background:linear-gradient(135deg,var(--gold-2),var(--gold-deep)) }
.an-grade.g-B{ background:linear-gradient(135deg,#9aa0a6,#6b7178) }
.an-grade.g-C{ background:linear-gradient(135deg,#c08a76,#8a5443) }
.an-vtext{ flex:1 }
.an-vtext h2{ font-size:clamp(20px,2.6vw,25px); margin:0; letter-spacing:-.02em }
.an-vtext .an-obj{ font-size:var(--fs-body); color:var(--muted); margin-top:4px }
.an-vtext .an-score{ font-size:var(--fs-body); color:var(--soft); margin-top:8px } .an-vtext .an-score b{ color:var(--gold-deep) }

/* бейдж проверки в реестре DLD — сильнейший сигнал доверия */
.an-verify{ display:flex; align-items:center; flex-wrap:wrap; gap:12px 16px; padding:16px 32px; font-size:var(--fs-body);
  border-bottom:1px solid var(--line) }
.an-verify.ok{ background:#f2f9f4; border-bottom-color:#dcefe2 }
.an-verify.neu{ background:var(--bg-3); color:var(--muted) }
.an-verify .an-vok{ display:inline-flex; align-items:center; gap:8px; font-weight:800; color:#1f7a4d }
.an-verify .an-vok svg{ width:17px; height:17px; flex:none }
.an-verify .an-vnum{ font-weight:700; color:var(--ink); font-variant-numeric:tabular-nums }
.an-verify .an-vnum span{ font-weight:500; color:var(--muted) }
.an-verify a{ margin-left:auto; color:var(--gold-deep); font-weight:700; text-decoration:underline; text-underline-offset:2px; white-space:nowrap }
.an-verify.neu .an-vhint{ font-size:var(--fs-sm); line-height:1.4 }

.an-vbody{ padding:24px 32px; display:grid; gap:24px }
.an-sec-h{ font-size:var(--fs-sm); font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin-bottom:12px }
.an-reasons{ list-style:none; margin:0; padding:0; display:grid; gap:8px }
.an-reasons li{ font-size:var(--fs-body); padding-left:24px; position:relative; color:var(--soft); line-height:1.45 }
.an-reasons li.ok::before{ content:"✓"; position:absolute; left:0; color:var(--green); font-weight:800 }
.an-reasons li.bad::before{ content:"!"; position:absolute; left:4px; color:#B0561F; font-weight:800 }
.an-market{ display:grid; grid-template-columns:1fr 1fr; gap:16px }
.an-mstat{ background:var(--bg-3); border:1px solid var(--line); border-radius:14px; padding:16px 16px }
.an-mstat .l{ font-size:var(--fs-sm); color:var(--muted) }
.an-mstat .v{ font-size:var(--fs-body); font-weight:800; margin-top:5px; letter-spacing:-.01em }
.an-mstat .d{ font-size:var(--fs-sm); margin-top:5px; font-weight:700 }
.an-mstat .d.up{ color:var(--green) } .an-mstat .d.down{ color:#B0561F } .an-mstat .d.neu{ color:var(--muted) }
.an-invest{ background:var(--ink); color:#fff; border-radius:16px; padding:24px 24px }
.an-invest h4{ font-size:var(--fs-sm); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); margin:0 0 16px; font-weight:700 }
.an-irow{ display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.12); font-size:var(--fs-body) }
.an-irow span{ color:rgba(255,255,255,.72) } .an-irow b{ font-weight:800 }
.an-irow.hl b{ color:#7FD3A6 } .an-irow.total{ border-bottom:none; padding-top:16px }
.an-irow.total b{ color:var(--gold-2); font-size:19px } .an-irow.total span{ font-weight:700; color:#fff }
.an-cta{ display:flex; gap:12px; flex-wrap:wrap; padding:4px 32px 32px }
.an-cta .btn{ flex:1; min-width:170px }
.an-disc{ font-size:var(--fs-cap); color:var(--muted); padding:0 32px 24px; line-height:1.5 }

@media (max-width:640px){
  .an-linkbar{ flex-direction:column }
  .an-grid,.an-market{ grid-template-columns:1fr }
  .an-cta .btn{ min-width:0 }
}

/* ЭТАП 6 (п.9 разбора): светлая секция «Почему через нас» — контраст-акцент
   между тёмным героем и футером */
.an-why{ background:var(--bg); padding:88px 0 }

/* «Деньги на сделку» — взнос главной цифрой + сетка расходов (запрос юзера) */
.an-cash{ display:none; margin:18px 28px 0; border:1px solid var(--acc-line,#c9d9fb);
  background:var(--acc-tint,#EDF3FE); border-radius:16px; padding:20px 22px }
.an-result.show .an-cash{ display:block }
.an-cash-hero .ch-l{ font-size:var(--fs-sm); color:var(--ink-soft); font-weight:700 }
.an-cash-hero .ch-v{ font-size:clamp(30px,3.2vw,42px); font-weight:800; color:var(--gold-deep,#0D3FCC); letter-spacing:-.02em; line-height:1.1 }
.an-cash-hero .ch-s{ font-size:var(--fs-sm); color:var(--ink-soft); margin-top:6px }
.an-cash-hero .ch-s b{ color:var(--ink) }
.an-cash-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px 18px; margin-top:16px; padding-top:14px; border-top:1px solid var(--acc-line,#c9d9fb) }
.an-cash-grid div{ display:flex; flex-direction:column; gap:2px }
.an-cash-grid span{ font-size:var(--fs-cap); letter-spacing:.03em; text-transform:uppercase; color:var(--muted); font-weight:700 }
.an-cash-grid b{ font-size:var(--fs-body); color:var(--ink); font-weight:800 }
.an-cash-grid .tot span{ color:var(--gold-deep,#0D3FCC) }
.an-cash-grid .tot b{ color:var(--gold-deep,#0D3FCC) }
@media(max-width:640px){
  .an-cash{ margin:14px 16px 0; padding:16px }
  .an-cash-grid{ grid-template-columns:1fr 1fr }
}

/* компактная форма ручного ввода: цена+площадь наверху, остальное в details
   (репорт юзера «окошко огромное, непонятно»); спиннеры number скрыты */
.an-manual{ max-width:680px }
.an-manual input[type=number]{ -moz-appearance:textfield; appearance:textfield }
.an-manual input[type=number]::-webkit-outer-spin-button,
.an-manual input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0 }
.an-more2{ margin:14px 0 4px }
.an-more2 summary{ cursor:pointer; font-size:var(--fs-sm); font-weight:700; color:var(--gold-deep,#0D3FCC);
  list-style:none; display:inline-flex; align-items:center; gap:6px }
.an-more2 summary::-webkit-details-marker{ display:none }
.an-more2 summary::after{ content:'▾'; font-size:11px; transition:transform .15s }
.an-more2[open] summary::after{ transform:rotate(180deg) }
.an-more2 > .an-grid{ margin-top:14px }