*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-brand: #0D8C8C;--color-brand-light: #E6F5F5;--color-brand-strong: #0A7A7A;--color-brand-text: #12AAAA;--color-surface: #FFFFFF;--color-bg: #F5F7F7;--color-border: rgba(13, 140, 140, .15);--color-border-med: rgba(13, 140, 140, .25);--color-text: #1C2B2B;--color-text-muted: #4A6060;--color-text-hint: #6B8080;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--sidebar-w: 220px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;min-height:100vh}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.header-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--color-text)}.logo-by{font-size:12px;font-weight:400;color:var(--color-text-hint);margin-left:4px}.header-actions{display:flex;align-items:center;gap:12px}.badge-free,.badge-pro{font-size:11px;font-weight:500;padding:3px 8px;border-radius:99px}.badge-free{background:#eeede9;color:var(--color-text-muted)}.badge-pro{background:var(--color-brand-light);color:var(--color-brand)}.btn-upgrade{font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--color-brand);background:var(--color-brand-light);border:none;border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;transition:opacity .15s}.btn-upgrade:hover{opacity:.8}.layout{max-width:1100px;margin:0 auto;padding:24px;display:grid;grid-template-columns:var(--sidebar-w) 1fr 320px;gap:20px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px}.sidebar-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-hint)}.preset-list{display:flex;flex-direction:column;gap:6px;min-height:40px}.preset-empty{font-size:12px;color:var(--color-text-hint);line-height:1.6}.preset-item{background:var(--color-bg);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:2px;position:relative}.preset-name{font-size:13px;font-weight:500}.preset-meta{font-size:11px;color:var(--color-text-muted)}.preset-load{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--font-sans);font-size:11px;padding:3px 8px;border:1px solid var(--color-border-med);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;color:var(--color-text)}.preset-load:hover{background:var(--color-bg)}.btn-secondary{font-family:var(--font-sans);font-size:12px;padding:6px 10px;border:1px solid var(--color-border-med);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;color:var(--color-text-muted);text-align:left}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary:not(:disabled):hover{background:var(--color-bg)}.calc-panel{display:flex;flex-direction:column;gap:4px}.panel-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px}.block-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-hint);margin-bottom:14px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{font-size:12px;color:var(--color-text-muted)}.input-row{display:flex;align-items:center;gap:6px}.input-row input[type=number]{flex:1;font-family:var(--font-mono);font-size:14px;padding:7px 10px;border:1px solid var(--color-border-med);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);outline:none;transition:border-color .15s}.input-row input[type=number]:focus{border-color:var(--color-brand);background:#f5fafa}.unit{font-size:12px;color:var(--color-text-hint);white-space:nowrap}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-label{font-size:13px;color:var(--color-text-muted)}.toggle-switch{position:relative;display:inline-block;width:34px;height:18px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#ddd;border-radius:18px;cursor:pointer;transition:background .2s}.toggle-track:before{content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-track{background:var(--color-brand)}.toggle-switch input:checked+.toggle-track:before{transform:translate(16px)}.adv-inputs{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;margin-top:14px}.adv-inputs.hidden{max-height:0;opacity:0}.adv-inputs.visible{max-height:300px;opacity:1}.slider-group{display:flex;flex-direction:column;gap:12px}.slider-row{display:flex;align-items:center;gap:12px}.slider-row label{font-size:12px;color:var(--color-text-muted);width:110px;flex-shrink:0}.slider-row input[type=range]{flex:1;accent-color:var(--color-brand)}.slider-val{font-family:var(--font-mono);font-size:13px;font-weight:500;width:40px;text-align:right;flex-shrink:0}.results-panel{display:flex;flex-direction:column;gap:14px}.results-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px}.metric-label{font-size:11px;color:var(--color-text-muted);margin-bottom:5px}.metric-value{font-family:var(--font-mono);font-size:20px;font-weight:500}.metric-sub{font-size:11px;color:var(--color-text-hint);margin-top:3px}.breakdown-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.breakdown-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-hint);margin-bottom:2px}.bar-row{display:flex;align-items:center;gap:10px}.bar-name{font-size:12px;color:var(--color-text-muted);width:75px;flex-shrink:0}.bar-track{flex:1;background:var(--color-bg);border-radius:3px;height:7px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .25s ease;width:0%}.bar-fill.material{background:#c26a14}.bar-fill.electricity{background:#4a7fb5}.bar-fill.labor{background:#4b9a6e}.bar-fill.overhead{background:#888780}.bar-fill.profit{background:#3a8a5e}.bar-amt{font-family:var(--font-mono);font-size:12px;width:56px;text-align:right;flex-shrink:0}.price-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.price-card-hero{background:var(--color-text);border:none;padding:22px 24px}.price-card-hero .price-title{font-size:13px;color:#fff9;font-family:var(--font-sans)}.price-card-hero .price-note{font-size:11px;color:#fff6;margin-top:4px}.price-card-hero .price-breakeven{font-size:11px;color:#fff6;margin-top:3px}.price-value-hero{font-family:var(--font-mono);font-size:42px;font-weight:600;color:var(--color-brand-text);letter-spacing:-.03em;line-height:1}.price-title{font-size:13px;color:var(--color-text-muted)}.price-note{font-size:11px;color:var(--color-text-hint);margin-top:4px}.price-right{text-align:right}.price-value{font-family:var(--font-mono);font-size:30px;font-weight:500;color:var(--color-brand)}.price-breakeven{font-size:11px;color:var(--color-text-hint);margin-top:3px}.action-row{display:flex;align-items:center;gap:12px}.btn-export{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:9px 16px;background:var(--color-brand);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .15s}.btn-export:disabled{opacity:.35;cursor:not-allowed}.btn-export:not(:disabled):hover{opacity:.88}.export-note{font-size:12px;color:var(--color-text-hint)}.history-section{display:flex;flex-direction:column;gap:8px}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.history-label{font-size:13px;flex:1}.history-meta{font-size:11px;color:var(--color-text-hint)}.history-price{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--color-brand)}.waitlist-bar{background:var(--color-brand-light);border-top:1px solid var(--color-border);padding:32px 24px;margin-top:40px}.waitlist-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.waitlist-heading{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:4px}.waitlist-sub{font-size:13px;color:var(--color-text-muted);max-width:380px;line-height:1.6}.waitlist-form{display:flex;gap:8px;flex:1;min-width:260px}.waitlist-form input[type=email]{flex:1;font-family:var(--font-sans);font-size:14px;padding:9px 12px;border:1px solid var(--color-border-med);border-radius:var(--radius-sm);background:#fff;outline:none}.waitlist-form input[type=email]:focus{border-color:var(--color-brand)}.waitlist-form button{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:9px 16px;background:var(--color-brand);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.waitlist-form button:hover{opacity:.88}.waitlist-confirm{font-size:13px;color:var(--color-brand);font-weight:500}.waitlist-reassurance{font-size:11px;color:var(--color-text-hint);margin-top:6px;font-style:italic}.hidden:not(.adv-inputs){display:none}.page-hero{background:var(--color-surface);border-bottom:1px solid var(--color-border-med)}.page-hero-inner{max-width:1100px;margin:0 auto;padding:28px 24px 24px}.hero-h1{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--color-text);letter-spacing:-.025em;margin-bottom:8px}.hero-sub{font-size:14px;color:var(--color-text-muted);line-height:1.6;max-width:580px;margin-bottom:10px}.hero-meta{font-size:12px;color:var(--color-text-hint);font-family:var(--font-mono);letter-spacing:.01em}.faq-section{background:var(--color-surface);border-top:1px solid var(--color-border);padding:48px 24px}.faq-inner{max-width:1100px;margin:0 auto}.faq-heading{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--color-text);letter-spacing:-.02em;margin-bottom:32px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px}.faq-q{font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:8px;line-height:1.4}.faq-a{font-size:13px;color:var(--color-text-muted);line-height:1.7}@media (max-width: 700px){.faq-grid{grid-template-columns:1fr}}.legal-body{background:var(--color-surface);min-height:100vh}.legal-header{border-bottom:1px solid var(--color-border);padding:20px 24px}.legal-header-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.legal-header .logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--color-text);text-decoration:none}.legal-header .logo:hover{text-decoration:none}.legal-nav{display:flex;gap:20px}.legal-nav a{font-size:13px;color:var(--color-text-muted);text-decoration:none;transition:color .15s}.legal-nav a:hover{color:var(--color-brand)}.legal-main{max-width:720px;margin:0 auto;padding:48px 24px 64px}.legal-title{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--color-text);letter-spacing:-.025em;margin-bottom:8px}.legal-updated{font-size:13px;color:var(--color-text-hint);font-family:var(--font-mono);margin-bottom:40px}.legal-content h2{font-family:var(--font-sans);font-size:17px;font-weight:600;color:var(--color-text);margin:32px 0 12px;line-height:1.4}.legal-content h2:first-of-type{margin-top:0}.legal-content p{font-size:15px;color:var(--color-text);line-height:1.7;margin-bottom:14px}.legal-content ul{margin:8px 0 14px 20px;padding:0}.legal-content li{font-size:15px;color:var(--color-text);line-height:1.7;margin-bottom:4px}.legal-content a{color:var(--color-brand);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content .caps{text-transform:uppercase;font-size:13px;letter-spacing:.01em;color:var(--color-text-muted);line-height:1.7}.legal-footer{border-top:1px solid var(--color-border);padding:24px;margin-top:40px}.legal-footer-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--color-text-muted)}.legal-footer-links{display:flex;gap:20px}.legal-footer a{color:var(--color-text-muted);text-decoration:none;transition:color .15s}.legal-footer a:hover{color:var(--color-brand)}.site-footer{background:var(--color-text);padding:24px}.site-footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#ffffff80}.site-footer-links{display:flex;gap:20px}.site-footer a{color:#ffffffb3;text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--color-brand-text)}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.results-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.input-grid,.results-grid{grid-template-columns:1fr}.price-card{flex-direction:column;align-items:flex-start;gap:8px}}