:root{--bg:#f5f7f4;--surface:#ffffff;--ink:#17231b;--muted:#69756d;--line:#dce4de;--accent:#176b4d;--accent-soft:#e7f2ec;--shadow:0 18px 45px rgba(25,48,34,0.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1160px;margin:0 auto;padding:0 28px 56px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:800;letter-spacing:-.04em}.brand span{color:var(--accent)}.topbar nav{display:flex;gap:20px;align-items:center;color:var(--muted);font-size:14px}.method-tag{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 12px}.hero{padding:70px 0 38px;max-width:none;width:100%;text-align:center}.hero.compact{padding-bottom:18px}.eyebrow{margin:0 0 10px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}h1{margin:0;font-size:clamp(36px,6vw,68px);line-height:.98;letter-spacing:-.055em}.hero h1{max-width:1160px;margin:0 auto}.hero p:not(.eyebrow),.result-hero p{max-width:690px;color:var(--muted);font-size:18px;line-height:1.6}.stepper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:0 0 22px}.step-dot{display:flex;gap:10px;align-items:center;color:#9ba59f;border-top:2px solid #dce2de;padding-top:12px}.step-dot span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8edea;font-size:12px;font-weight:800}.step-dot small{font-weight:700}.step-dot.active{color:var(--ink);border-color:var(--accent)}.step-dot.active span{background:var(--accent);color:white}.panel{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.panel.narrow{max-width:900px}.section-heading{margin-bottom:28px}.section-heading>span{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.section-heading h2{margin:5px 0 7px;font-size:30px;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted)}.building-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.building-card{min-height:190px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;border:1px solid var(--line);background:#fbfcfb;border-radius:20px;color:var(--ink);transition:.2s ease}.building-card:hover{transform:translateY(-2px);border-color:#a5b9ad}.building-card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.card-icon{font-size:34px}.building-card strong{font-size:17px;line-height:1.25}.building-card small{color:var(--muted);line-height:1.35}.subtype-box{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.subtype-box label{display:block;font-weight:800;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip,.pill{background:white;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--ink)}.chip.selected,.pill.active{color:white;background:var(--accent);border-color:var(--accent)}.fields{display:grid;grid-gap:18px;gap:18px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:flex;flex-direction:column;gap:8px;font-weight:750}label small{color:var(--muted);font-weight:500}input,select{width:100%;border:1px solid var(--line);background:#fbfcfb;border-radius:13px;padding:14px 15px;outline:none;color:var(--ink)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}label em{font-style:normal;color:var(--muted);font-size:12px;font-weight:500;line-height:1.35}.area-switch{margin:24px 0 14px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.area-switch>span{font-weight:800}.area-options{display:flex;flex-wrap:wrap;gap:10px}.single-field{max-width:420px;margin-top:18px}.heating-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.heating-card{min-height:108px;border:1px solid var(--line);background:#fbfcfb;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:18px;color:var(--ink)}.heating-card span{font-size:27px}.heating-card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.energy-fields{margin-top:24px}.check{flex-direction:row;align-items:center;gap:10px;margin-top:20px;font-weight:600;color:var(--muted)}.check input{width:17px;height:17px}.method-note{margin-top:24px;padding:14px 16px;border-radius:14px;background:#f4f6f4;color:var(--muted);font-size:13px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.primary,.secondary{border:0;border-radius:14px;padding:14px 20px;font-weight:800}.primary{background:var(--accent);color:white;min-width:150px}.primary:disabled{opacity:.35;cursor:not-allowed}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.calculate{min-width:200px}.error-box{margin-top:16px;border:1px solid #efb5b5;background:#fff0f0;color:#992f2f;border-radius:14px;padding:14px 16px}.result-page{padding:70px 0 20px}.result-hero{text-align:center;display:flex;flex-direction:column;align-items:center}.result-hero h1{font-size:clamp(36px,5vw,58px)}.class-badge{width:120px;height:120px;margin:8px 0 18px;display:grid;place-items:center;border-radius:32px;background:var(--accent);color:white;font-size:72px;font-weight:900;box-shadow:var(--shadow)}.scale{max-width:760px;margin:32px auto;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.scale span{min-height:44px;display:grid;place-items:center;background:white;border:1px solid var(--line);font-weight:800}.scale span:first-child{border-radius:12px 0 0 12px}.scale span:last-child{border-radius:0 12px 12px 0}.scale span.current{color:white;background:var(--accent);border-color:var(--accent);transform:scale(1.06);border-radius:10px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.result-stats>div{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:6px}.codes span,.detail-grid span,.result-stats small,.result-stats span{color:var(--muted)}.result-stats strong{font-size:30px;letter-spacing:-.04em}.calculation-details{margin-top:14px;background:white;border:1px solid var(--line);border-radius:20px;padding:20px 24px}.calculation-details summary{cursor:pointer;font-weight:800}.detail-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.codes div,.detail-grid div{display:flex;flex-direction:column;gap:6px}.codes{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.codes>div{background:#edf4ef;border-radius:18px;padding:20px 24px}.codes strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.next-card{margin-top:14px;background:#163f31;color:white;border-radius:24px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.next-card h2{margin:0 0 8px;font-size:28px}.next-card p:not(.eyebrow){margin:0;color:#ccdad3;max-width:690px}.next-card button{border:1px solid #668477;background:transparent;color:#9cb1a8;border-radius:12px;padding:12px 20px}.reset{margin-top:16px}footer{border-top:1px solid var(--line);margin-top:60px;padding-top:24px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.dashboard-shell .brand{display:inline-block;margin-top:28px}.empty-dashboard{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.empty-dashboard>div{background:white;border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:8px}.empty-dashboard strong{font-size:34px}.empty-dashboard span{color:var(--muted)}@media (max-width:850px){.building-grid,.heating-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.empty-dashboard,.result-stats{grid-template-columns:1fr 1fr}}@media (max-width:620px){.shell{padding:0 16px 36px}.topbar{height:68px}.method-tag,.topbar nav a{display:none}.hero{padding-top:46px}.hero p:not(.eyebrow){font-size:16px}.stepper small{display:none}.panel{padding:20px;border-radius:20px}.building-grid,.codes,.detail-grid,.empty-dashboard,.fields.two,.result-stats{grid-template-columns:1fr}.building-card{min-height:150px}.heating-grid{grid-template-columns:repeat(2,1fr)}.actions{justify-content:stretch}.actions button{flex:1 1}.next-card{align-items:flex-start}.next-card,footer{flex-direction:column}footer{gap:8px}}