body[data-project=valuation]{--ink:#354a46;--gold:#8b9b76;--muted:#829087}
.valuation-brand{font-size:30px;letter-spacing:-1px;gap:8px}.valuation-mark{font-size:23px;color:#8ea276}.brand-sub{font-size:5px;letter-spacing:1px;line-height:1.6;margin-left:8px}.valuation-step :is(h1,h2) em{color:#889d73}.valuation-step h1{font-size:clamp(60px,6vw,87px)}.valuation-step h2{font-size:clamp(58px,5.4vw,77px)}.valuation-step .primary-button{background:#315955;border-color:#315955}.valuation-step .primary-button:hover{background:#52746a}.valuation-step .feature-tags span{border-color:#d6dfcf;color:#7c947a}.visual .orbit{border-color:#8f9e8018}.orbit-one:after{background:#9daa88}.scene-topline,.scene-caption{color:#8c9f83}.caption-line{background:#a3b695}
.valuation-stage{position:absolute;width:440px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%);isolation:isolate}
#appraisal-view{position:absolute;inset:-25px -60px;touch-action:pan-y;z-index:1}#appraisal-view canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}#appraisal-view canvas:active{cursor:grabbing}.model-loading{font:italic 23px var(--serif);color:#8c9f83;position:absolute;top:46%;text-align:center;width:100%}.model-error{font-size:12px;line-height:1.7;padding:25px;background:#ece7dc;border:1px solid #d6cdbb;border-radius:6px}.view-ready .model-loading{display:none}
.value-art{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(25px) scale(.94);transition:opacity .65s,transform .85s cubic-bezier(.22,1,.36,1),visibility .65s}
.visual[data-stage=choose] .property-art,.visual[data-stage=property-estimate] .property-value-art,.visual[data-stage=vehicle] .vehicle-art,.visual[data-stage=estimate] .vehicle-value-art{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.asset-card{position:absolute;right:4px;top:100px;width:180px;padding:22px;background:#fffef9;border:1px solid white;box-shadow:5px 6px 0 #d3dfd3,10px 15px 25px #233e3515;transform:perspective(850px) rotateY(-8deg) rotateZ(4deg);animation:asset-float 7s ease-in-out infinite}.asset-card small{font-size:7px;letter-spacing:1.8px;color:#8ba184}.asset-card strong{display:block;font:32px/1.06 var(--serif);font-weight:400;color:#35554e;margin:12px 0 17px}.asset-card strong em{color:#7f966b}.card-rule{display:block;width:35px;height:1px;background:#9db18c}.asset-card p{font-size:8px;color:#95a18c;line-height:1.6;margin:12px 0 0}
.detail-chip{position:absolute;left:75px;top:346px;background:#fafff4;border:1px solid #e0e8d6;box-shadow:4px 5px 0 #c9d9c1;padding:14px 18px;display:flex;align-items:center;gap:11px;color:#6c8b68;font-size:11px;transform:rotate(-3deg)}.detail-chip>span{font-size:23px;color:#8ba875}
.vehicle-art .asset-card{top:52px;right:0}.vehicle-art .detail-chip{left:82px;top:343px}
.value-back{position:absolute;left:85px;top:145px;width:279px;height:251px;background:#eaf0e3;border:1px solid white;box-shadow:4px 5px 0 #c8d5c2;transform:rotate(7deg)}
.value-sheet{position:absolute;left:35px;top:146px;width:286px;height:258px;padding:19px 23px;background:linear-gradient(135deg,#fffffa,#f4f6ec);border:1px solid white;box-shadow:3px 3px 0 #cdd8c6,6px 6px 0 #e2e8d9,9px 9px 0 #c0ceb7,14px 18px 25px #24452f15;transform:perspective(950px) rotateY(-6deg) rotateZ(-5deg)}
.sheet-top{display:flex;justify-content:space-between;align-items:center}.sheet-top b{font-size:12px;font-weight:500;color:#46695b}.sheet-top>span{font-size:6px;letter-spacing:1px;color:#90a083}.value-sheet h3{font:29px/1.05 var(--serif);color:#3e5b50;margin:14px 0}.comparison-row{display:flex;justify-content:space-between;font-size:7px;color:#93a48c}.comparison-row b{font-size:6px;font-weight:400}.price-bars{display:flex;flex-direction:column;gap:5px;margin:9px 0 13px}.price-bars i{height:4px;width:var(--bar);background:#b0c19e;transform-origin:left;animation:bar-breathe 6s ease-in-out infinite}.price-bars i:nth-child(2){background:#809e72;animation-delay:.3s}.price-bars i:nth-child(3){animation-delay:.6s}
.range{border-top:1px solid #cfdbc3;padding-top:9px}.range small{font-size:6px;letter-spacing:1px;color:#94a082}.range strong{display:block;font:29px var(--serif);color:#466553;margin-top:4px}.value-chip{position:absolute;left:224px;top:344px;background:#fafff4;border:1px solid #d6e3cc;box-shadow:4px 5px 0 #c9d8be;padding:14px 17px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:9px;color:#789265;transform:rotate(5deg)}.value-chip span{font-size:19px}
.appraisal-controls{position:absolute;top:calc(50% + 234px);width:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:#97a78c;font-size:6px;letter-spacing:1px}.appraisal-controls button{height:25px;width:25px;border-radius:50%;border:1px solid #d9e1cf;background:#f7f9f0;color:#8a9b7c;font-size:16px}.visual .scene-caption{top:calc(50% + 279px);font-size:6px}.visual .scene-note{top:calc(50% + 306px);font-size:5px}.visual .scene-topline{top:calc(50% - 236px);font-size:6px}
@keyframes asset-float{50%{transform:perspective(850px) translateY(-7px) rotateY(-5deg) rotateZ(3deg)}}
@keyframes bar-breathe{50%{opacity:.6}}
@media(max-width:1100px) and (min-width:761px){.valuation-brand{font-size:26px}.valuation-step h1{font-size:64px}.valuation-step h2{font-size:55px}.valuation-stage{transform:translate(-50%,-50%) scale(.80)}.appraisal-controls{top:calc(50% + 188px)}.visual .scene-caption{top:calc(50% + 228px)}.visual .scene-note{top:calc(50% + 255px)}.visual .scene-topline{top:calc(50% - 205px)}.chapter-nav b{display:none}}
@media(max-width:760px){.valuation-brand{font-size:27px}.brand-sub{display:none}.valuation-step h1{font-size:53px}.valuation-step h2{font-size:48px}.valuation-stage{top:calc(50% - 18px);transform:translate(-50%,-50%) scale(.51)}.appraisal-controls{top:auto;bottom:28px;font-size:5px;gap:8px}.appraisal-controls button{height:20px;width:20px;font-size:12px}.visual .scene-caption{top:auto;bottom:3px;font-size:5px}.visual .scene-topline{top:9px;font-size:5px}.visual .scene-note{display:none}.visual .motion-toggle{width:19px;height:19px}}
@media(max-width:760px) and (max-height:740px){.valuation-stage{transform:translate(-50%,-50%) scale(.43)}}
