:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f2;--bg-accent:#dcead7;--surface:#fff;--surface-alt:#eef5ea;--text:#17301f;--text-muted:#4a6654;--border:#c8d8c1;--primary:#1c6b43;--primary-strong:#0f5130;--positive:#2f855a;--warning:#a15b14;--shadow:0 16px 40px #17301f1f;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--focus:0 0 0 3px #1c6b4342;color:var(--text);background:radial-gradient(circle at top left, #1c6b4326, transparent 32%), radial-gradient(circle at bottom right, #a15b141c, transparent 28%), linear-gradient(180deg, #f8fbf7 0%, var(--bg) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:0 0;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{box-shadow:var(--focus);outline:none}#root{min-height:100vh}.app{width:min(1200px,100% - 32px);margin:0 auto;padding:32px 0 56px}.hero{grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.hero__content,.hero__badge,.panel{background:var(--surface);box-shadow:var(--shadow);border:1px solid #c8d8c1db}.hero__content{border-radius:var(--radius-lg);padding:32px}.hero__eyebrow{color:var(--primary-strong);text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:.86rem;font-weight:700}.hero h1{max-width:13ch;margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:1.02}.hero__lede{max-width:66ch;color:var(--text-muted);margin:18px 0 0;font-size:1.05rem}.hero__badge{border-radius:var(--radius-lg);background:linear-gradient(#fff 0%,#f1f7ed 100%);flex-direction:column;justify-content:space-between;gap:18px;padding:28px;display:flex}.hero__badge strong{font-size:1.15rem;display:block}.hero__badge span{color:var(--text-muted)}.dashboard{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.panel{border-radius:var(--radius-lg);grid-column:span 12;padding:24px}.panel__header{gap:8px;margin-bottom:20px;display:grid}.panel__header h2,.panel__header h3{margin:0}.panel__header p{color:var(--text-muted);margin:0}.form{grid-column:span 5}.form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:8px;display:grid}.field__label{font-weight:600}.field__control{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:46px;color:var(--text);background:#fff;padding:12px 14px}.field__control[aria-invalid=true]{background:#fff9f8;border-color:#ba4e45}.field__help,.field__error{margin:0;font-size:.89rem}.field__help{color:var(--text-muted)}.field__error{color:#a02822}.form__actions{justify-content:flex-end;margin-top:18px;display:flex}.button{border:0;border-radius:999px;min-height:46px;padding:0 20px;font-weight:700}.button--secondary{color:var(--primary-strong);background:var(--surface-alt)}.summary{grid-column:span 7}.summary__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.metric-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-alt);padding:18px}.metric-card--warning{background:#fff4e8}.metric-card--positive{background:#eef8f1}.metric-card__label{color:var(--text-muted);margin:0;font-size:.92rem}.metric-card__value{margin-top:8px;font-size:clamp(1.2rem,2.2vw,2rem);line-height:1.1;display:block}.metric-card__detail{color:var(--text-muted);margin:10px 0 0}.breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.breakdown__item{border-radius:var(--radius-sm);background:#f7fbf5;border:1px solid #c8d8c1cc;justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.comparison{grid-column:span 7}.comparison__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.comparison__card{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(#fff 0%,#f5f8f2 100%);padding:20px}.comparison__card--green{background:linear-gradient(#f0fbf3 0%,#e3f2e7 100%)}.comparison__eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:.82rem}.comparison__card h3{margin:0;font-size:clamp(1.5rem,3vw,2.4rem)}.comparison__impact{color:var(--text-muted);margin:10px 0 0}.comparison__stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.comparison__stats div{border-radius:var(--radius-sm);background:#f7fbf5;border:1px solid #c8d8c1cc;gap:6px;padding:16px;display:grid}.comparison__stats span{color:var(--text-muted);font-size:.88rem}.recommendations{gap:12px;margin:0;padding:0;list-style:none;display:grid}.recommendations__item,.recommendations__empty{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f7fbf5;padding:16px}.recommendations__item p{color:var(--text-muted);margin:8px 0}.recommendations__item span{color:var(--primary-strong);font-size:.92rem;display:inline-block}@media (width<=1024px){.hero,.dashboard,.comparison__stats{grid-template-columns:1fr}.form,.summary,.comparison{grid-column:span 12}.summary__metrics,.comparison__grid{grid-template-columns:1fr}.comparison__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app{width:min(100% - 20px,1200px);padding-top:16px}.hero__content,.hero__badge,.panel{padding:20px}.form__grid,.breakdown,.comparison__stats{grid-template-columns:1fr}.form__actions{justify-content:stretch}.button{width:100%}}