:root{--ink:#18212b;--muted:#64707c;--line:#dfe5ea;--soft:#f6f8fa;--accent:#31485d;--gold:#9f8b5a;--good:#2f6b52;--warn:#8a5a2d;--white:#fff;--danger:#9b3a3a}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--soft);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.topbar{background:#fff;border-bottom:1px solid var(--line);padding:14px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;position:sticky;top:0;z-index:20}.brand{font-weight:800;letter-spacing:.04em}.brand span{color:var(--gold)}.agent{font-size:14px;color:var(--muted)}
.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.hero{padding:70px 0 44px;background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.eyebrow{font-weight:800;color:var(--gold);letter-spacing:.14em;font-size:12px}.hero h1{font-size:clamp(38px,6vw,66px);line-height:1.02;margin:12px 0 18px;letter-spacing:-.03em}.sub{font-size:20px;line-height:1.5;color:#40505d}.support{font-size:16px;line-height:1.6;color:var(--muted)}.address-row{display:flex;gap:10px;margin-top:28px}.address-row input{flex:1;padding:18px;border:1px solid #cfd8df;border-radius:12px;background:#fff}.primary{background:var(--accent);color:#fff;border:none;padding:16px 22px;border-radius:12px;font-weight:800}.secondary{background:#fff;color:var(--accent);border:1px solid #cfd8df;padding:14px 18px;border-radius:12px;font-weight:700}.trust{margin-top:12px;color:var(--muted);font-size:14px}.preview,.box,.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 38px rgba(21,33,45,.05)}.preview{padding:24px}.preview .step{padding:13px 0;border-bottom:1px solid var(--line)}.preview .step:last-child{border-bottom:none}.preview .big{font-size:32px;font-weight:800}.range{font-size:28px;font-weight:800;color:var(--good)}
.modebar{margin-top:18px;padding:12px 14px;border-radius:12px;background:#15212c;color:#fff;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.modebar select{padding:8px;border-radius:8px}.modebar small{opacity:.8}.stage{width:min(860px,calc(100% - 30px));margin:36px auto 80px}.app-header{padding:14px 24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.progress{display:flex;gap:8px;max-width:840px;margin:0 auto}.progress span{flex:1;text-align:center;padding:9px 6px;border-radius:999px;background:#eef2f5;color:#77838e;font-size:13px;font-weight:700}.progress .active{background:var(--accent);color:#fff}.box{padding:28px}.box h1{font-size:38px;margin:0 0 14px}.box h2{font-size:26px;margin:0 0 12px}.box p{color:var(--muted);line-height:1.6}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metric{background:var(--soft);border-radius:12px;padding:14px}.metric small{display:block;color:var(--muted)}.metric strong{font-size:20px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.value{font-size:56px;font-weight:900;letter-spacing:-.04em}.note{padding:16px;border-radius:14px;background:#f3f6f8;border:1px solid #dce5eb}.warn{background:#fff8f1;border-color:#ead3bb}.error{background:#fff1f1;border-color:#e7b8b8;color:#6f2424}.question{margin:18px 0}.question label{display:block;font-weight:800;margin-bottom:8px}.input{width:100%;padding:14px;border:1px solid #cfd8df;border-radius:12px}.summary-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.summary-item{background:var(--soft);padding:14px;border-radius:12px}.comp{border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0}.score{font-weight:900;color:var(--good)}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef4ef;color:var(--good);font-size:12px;font-weight:800;margin-right:6px}.report-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{padding:24px}.confidence{font-size:40px;font-weight:900}.footer-note{font-size:12px;color:#7d8994;margin-top:28px}.loading{display:flex;align-items:center;gap:12px}.spinner{width:20px;height:20px;border:3px solid #d8e0e6;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.hero-grid,.report-grid{grid-template-columns:1fr}.address-row{flex-direction:column}.property-grid{grid-template-columns:1fr 1fr}.summary-list{grid-template-columns:1fr}.topbar{padding:12px 16px}.hero{padding-top:42px}.box{padding:20px}.box h1{font-size:30px}.value{font-size:46px}.progress span{font-size:0}.progress span::after{content:'•';font-size:18px}.progress span.active::after{content:'●'}}

.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.check-grid label{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #dde2e7;border-radius:10px;background:#fff}.muted{color:#667085;font-size:14px}@media(max-width:640px){.check-grid{grid-template-columns:1fr}}

.version-badge{display:inline-block;margin-bottom:10px;padding:5px 9px;border:1px solid #cbd5e1;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;background:#f8fafc;color:#334155}