@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=Manrope:wght@300;400;500;600&family=DM+Mono:wght@300;400;500&display=swap";#roof-map,#roof-map:active{cursor:crosshair!important}#roof-map>div{cursor:crosshair!important}:root{--bg: #F4F1EC;--bg2: #EBE8E1;--bg3: #E1DDCE;--ink: #1A1916;--text: #433F39;--muted: #8A847B;--faint: #BEB9B1;--line: rgba(26,25,22,.08);--line2: rgba(26,25,22,.05);--amber: #C07016;--amb-lt: #FAF0DC;--amb-dk: #784406;--primary: var(--amber);--primary-dk: var(--amb-dk);--primary-lt: var(--amb-lt);--green: #275840;--grn-lt: #E5EFEA;--grn-dk: #154229;--eco: var(--green);--eco-lt: var(--grn-lt);--eco-dk: var(--grn-dk);--blue: #1C3E6B;--blu-lt: #E2ECF7;--data: var(--blue);--data-lt: var(--blu-lt);--red: #C0392B;--red-lt: #FDECEA;--color-price: var(--amber);--color-production: var(--blue);--color-savings: var(--green);--color-eco: var(--green);--color-orientation: #8B5CF6;--color-feasibility: var(--amber);--font-display: "Syne", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "DM Mono", monospace;--r: 7px;--r-md: 12px;--r-lg: 18px;--r-pill: 40px;--shadow-xs: 0 1px 3px rgba(26,25,22,.05);--shadow-sm: 0 2px 8px rgba(26,25,22,.06);--shadow-md: 0 4px 20px rgba(26,25,22,.08);--shadow-lg: 0 12px 32px rgba(26,25,22,.12);--shadow: var(--shadow-md);--copper: var(--amber);--copper-lt: var(--amb-lt);--copper-dk: var(--amb-dk);--amber-hover: #A55F10;--amber-light: var(--amb-lt);--amber-glow: rgba(192,112,22,.2);--solar-gold: var(--amber);--solar-gold-lt: var(--amb-lt);--solar-gold-dk: var(--amb-dk);--eco-green: var(--green);--eco-green-lt: var(--grn-lt);--eco-green-dk: var(--grn-dk);--midnight: var(--ink);--cream: var(--bg);--cream-dk: var(--bg2);--white: #ffffff;--navy: var(--blue);--navy-lt: var(--blu-lt);--gray-900: #111;--gray-800: #1F2937;--gray-700: #374151;--gray-600: var(--text);--gray-500: var(--muted);--gray-400: var(--faint);--gray-300: var(--bg3);--gray-200: var(--bg2);--gray-100: var(--bg);--gray-50: var(--bg);--border: var(--line);--border-md: rgba(26,25,22,.13);--radius-sm: var(--r);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: 24px;--moss-mid: #5B9E74;--bone: var(--bg);--paper: var(--bg2);--rule: var(--line);--rule-lt: var(--line2);--sans: var(--font-body);--serif: var(--font-display);--mono: var(--font-mono)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable both-edges}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:13px;padding:11px 20px;border-radius:var(--r);border:none;cursor:pointer;transition:all .13s ease;white-space:nowrap}.btn-primary{background:var(--amber);color:#fff}.btn-primary:hover{background:#a55f10;transform:translateY(-1px);box-shadow:0 4px 12px #c0701647}.btn-primary:active{transform:scale(.98)}.btn-primary:focus-visible,.btn-secondary:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn-lg{padding:13px 24px;font-size:14px}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.btn-secondary:hover{background:var(--bg);border-color:var(--bg3)}.form-control{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:10px 13px;font-family:var(--font-body);font-size:14px;color:var(--ink);transition:border-color .13s,background .13s;outline:none;width:100%}.form-control:focus{border-color:var(--amber);background:var(--amber-lt)}.form-control::placeholder{color:var(--faint)}.inp{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:10px 13px;font-family:var(--font-mono);font-size:14px;color:var(--ink);outline:none;width:100%;transition:border-color .13s,background .13s}.inp:focus{border-color:var(--amber);background:var(--amber-lt)}.inp::placeholder{color:var(--faint)}.lead-inp{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:10px 13px;font-family:var(--font-body);font-size:13px;color:var(--ink);outline:none;width:100%;transition:border-color .13s,background .13s}.lead-inp:focus{border-color:var(--amber);background:#fff}.lead-inp::placeholder{color:var(--faint)}.option-grid{display:grid;gap:10px}.option-grid-3{grid-template-columns:repeat(3,1fr)}.option-grid-2{grid-template-columns:repeat(2,1fr)}.container{max-width:680px;margin:0 auto;padding:0 20px}.section{padding:64px 0}.badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:40px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.badge-eco{background:var(--grn-lt);color:var(--grn-dk)}.badge-solar{background:var(--amber-lt);color:var(--amber-dk)}.badge-sky{background:var(--blu-lt);color:var(--blue)}.badge-primary{background:var(--amber-lt);color:var(--amber-dk)}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:6px}.kpi-card .value{font-family:var(--font-mono);font-size:20px;font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}.kpi-card .label{font-size:11px;color:var(--faint)}.scenario-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:14px;cursor:pointer;transition:all .13s}.scenario-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.scenario-card.active{border:1.5px solid var(--amber);background:var(--amber-lt)}.stepper{display:flex;align-items:center;gap:8px}.stepper-dot{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--faint);background:#fff}.stepper-dot.active{background:var(--amber);border-color:var(--amber);color:#fff;box-shadow:0 0 0 3px #c0701633}.stepper-dot.completed{background:var(--ink);border-color:var(--ink);color:#fff}.stepper-line{flex:1;height:1px;background:var(--line)}.stepper-line.completed{background:var(--ink)}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;background:var(--ink);color:#fff;border-radius:var(--r-md);padding:13px 20px;font-size:13px;font-weight:500;box-shadow:var(--shadow-md);transform:translate(150%);transition:transform .3s cubic-bezier(.34,1.56,.64,1);max-width:360px;display:flex;align-items:center;gap:8px}.toast.show{transform:translate(0)}.toast.success{background:var(--green)}.toast.error{background:var(--red)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) both}.fade-in-delay-1{animation-delay:.08s}.fade-in-delay-2{animation-delay:.16s}.fade-in-delay-3{animation-delay:.24s}.panel-topbar,.panel-body .section{opacity:0;animation:rise .5s cubic-bezier(.22,1,.36,1) forwards}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (max-width: 768px){.container{padding:0 16px}.section{padding:48px 0}.btn{padding:10px 16px;font-size:12px}.option-grid-3{grid-template-columns:1fr 1fr}}.hero{background:var(--bg);min-height:100vh;display:flex;flex-direction:column}.hero-header{background:#f4f1ecf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);height:60px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.hero-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.hero-logo-text{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink);letter-spacing:-.02em}.hero-nav{display:flex;align-items:center;gap:6px}.hero-nav-link{font-size:13px;font-weight:500;color:var(--muted);padding:6px 14px;border-radius:var(--r-pill);border:1px solid transparent;transition:color .12s,border-color .12s,background .12s;text-decoration:none}.hero-nav-link:hover{color:var(--ink);background:var(--bg2);border-color:var(--line)}.hero-grid{display:grid;grid-template-columns:52% 48%;flex:1;overflow:hidden}.hero-left{background:var(--ink);padding:clamp(48px,7vw,80px) clamp(24px,5vw,56px);display:flex;flex-direction:column;justify-content:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:var(--r-pill);padding:6px 14px;margin-bottom:28px;width:fit-content}.hero-eyebrow-dot{width:5px;height:5px;border-radius:50%;background:#5b9e74;animation:pulse 2.2s ease infinite;flex-shrink:0}.hero-eyebrow-text{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:#f4f1ec99}.hero-title{font-family:var(--font-display);font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.07;letter-spacing:-.025em;margin-bottom:10px;color:#f4f1ec}.hero-title span{color:var(--amber)}.hero-subtitle{font-family:var(--font-display);font-size:clamp(14px,1.8vw,17px);font-weight:600;color:#f4f1ec8c;letter-spacing:-.01em;margin-bottom:12}.hero-lead{font-size:13.5px;font-weight:300;color:#f4f1ec66;line-height:1.75;max-width:360px;margin-bottom:34px}.hero-cta{display:inline-flex;align-items:center;gap:9px;background:var(--amber);color:#fff;font-family:var(--font-body);font-weight:700;font-size:14px;padding:13px 24px;border-radius:var(--r);border:none;cursor:pointer;width:fit-content;transition:all .13s;box-shadow:0 4px 14px #c070164d;text-decoration:none}.hero-cta:hover{background:#a55f10;transform:translateY(-1px)}.hero-trust{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.hero-trust-item{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:#f4f1ec4d}.hero-trust-sep{width:1px;height:10px;background:#ffffff14}.hero-right{position:relative;overflow:hidden;background:#111}.hero-right img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.92)}.hero-features{background:var(--bg2);border-top:1px solid var(--line);padding:36px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.hero-feature{display:flex;flex-direction:column;gap:8px}.hero-feature-icon{width:36px;height:36px;border-radius:var(--r);background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.hero-feature-title{font-family:var(--font-display);font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.hero-feature-text{font-size:12px;color:var(--muted);line-height:1.65}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr!important}.hero-right{height:240px}.hero-features{grid-template-columns:1fr 1fr!important;padding:28px 20px!important;gap:20px!important}.hero-header{padding:0 20px!important}.hero-nav-link{padding:5px 10px;font-size:12px}.hero-logo-text{font-size:16px}}