:root{--blue:#0f63ff;--blue-dark:#0b47c6;--navy:#081a3a;--slate:#43516c;--muted:#6d7891;--line:#dce5f3;--soft:#f5f8fc;--soft-blue:#eef6ff;--green:#19a84a;--yellow:#ffbf38;--white:#fff;--shadow:0 22px 70px #162d581f;--shadow-soft:0 12px 35px #10234817;--radius-lg:28px;--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--base-font-size);color:var(--navy);background:var(--body-bg);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.site-header,.app-nav{width:min(var(--max), calc(100% - 48px));justify-content:space-between;align-items:center;gap:24px;height:74px;margin:0 auto;display:flex}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffdb;border-bottom:1px solid #dce5f3cc;position:sticky;top:0}.wordmark{letter-spacing:-.04em;font-size:24px;font-weight:800}.wordmark strong{color:var(--blue)}.desktop-nav,.header-actions,.nav-inline{align-items:center;gap:28px;display:flex}.desktop-nav a,.text-link{color:var(--slate);font-size:14px;font-weight:650}.desktop-nav a:hover,.text-link:hover{color:var(--blue)}.button{border-radius:var(--button-radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:14px 22px;font-size:15px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg, var(--blue), #0952e7);box-shadow:0 14px 28px #0f63ff38}.button-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.button-secondary{color:var(--blue);background:#fff;border-color:#b9d0ff}.button-outline-dark{color:#fff;border-color:#fff6}.button-small{padding:10px 16px;font-size:14px}.button-wide{width:100%}.hero-section{width:min(var(--max), calc(100% - 48px));grid-template-columns:.85fr 1.15fr;align-items:center;gap:32px;margin:42px auto 36px;display:grid}.eyebrow{color:var(--blue);letter-spacing:.02em;margin:0 0 12px;font-size:14px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{font-size:calc(clamp(42px, 5vw, 70px) * var(--heading-scale));letter-spacing:-.055em;margin-bottom:22px;line-height:.98}h2{font-size:calc(clamp(30px, 3vw, 44px) * var(--heading-scale));letter-spacing:-.045em;margin-bottom:16px;line-height:1.08}h3{letter-spacing:-.025em}.hero-subtitle,.upgrade-copy p,.app-hero-panel p,.muted{color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin:30px 0 24px;display:flex}.hero-art-card{position:relative}.hero-art-card img{border-radius:var(--radius-lg);filter:drop-shadow(0 28px 58px #0f387424)}.address-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;max-width:520px;padding:18px}.address-card.compact{max-width:none}.address-card label{color:var(--slate);margin-bottom:8px;font-size:13px;font-weight:750;display:block}.address-row{gap:10px;display:flex}.address-row input{border:1px solid var(--line);min-width:0;color:var(--navy);border-radius:10px;outline:none;flex:1;padding:14px}.address-row input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0f63ff1a}.reassurance-row{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.form-error{color:#b42318;margin:10px 0 0;font-weight:700}.value-strip{width:min(var(--max), calc(100% - 48px));border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px auto 72px;padding:24px;display:grid}.value-strip>div{grid-template-columns:62px 1fr;align-items:center;column-gap:16px;display:grid}.value-strip h3{margin:0;font-size:17px}.value-strip p{color:var(--muted);grid-column:2;margin:4px 0 0}.icon-circle{background:var(--soft-blue);width:56px;height:56px;color:var(--blue);border-radius:50%;place-items:center;font-size:24px;display:grid}.section{width:min(1040px,100% - 48px);margin:72px auto}.centered{text-align:center}.steps-row,.feature-grid,.faq-grid{gap:22px;margin-top:34px;display:grid}.steps-row{grid-template-columns:repeat(3,1fr);align-items:stretch}.step-card,.feature-card,.faq-grid>div,.panel-card,.table-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);text-align:left;background:#fff;padding:24px}.step-card span{background:var(--soft-blue);width:44px;height:44px;color:var(--blue);border-radius:50%;place-items:center;margin-bottom:18px;font-weight:900;display:grid}.step-card p,.feature-card p,.faq-grid p{color:var(--muted);line-height:1.55}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-icon{width:48px;height:48px;color:var(--blue);border:1px dashed var(--blue);border-radius:12px;place-items:center;margin-bottom:16px;font-size:26px;display:grid}.upgrade-section{padding:72px max(24px, calc((100vw - var(--max))/2));background:linear-gradient(#eef6ff,#f9fbff);border-block:1px solid #dce9fb;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;margin:80px 0;display:grid}.upgrade-visual img{box-shadow:var(--shadow);border-radius:28px}.check-list{color:var(--slate);gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.check-list li:before{content:"✓";color:#fff;background:var(--green);border-radius:50%;place-items:center;width:22px;height:22px;margin-right:10px;font-size:14px;font-weight:900;display:inline-grid}.upgrade-copy small{color:var(--muted);margin-top:14px;display:block}.sample-result-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);text-align:left;background:#fff;border-radius:20px;grid-template-columns:120px repeat(4,1fr);align-items:center;gap:18px;padding:22px;display:grid}.sample-result-card img{object-fit:cover;border-radius:12px;width:110px;height:80px}.sample-result-card span,.metric-card span{color:var(--muted);font-size:13px;font-weight:750;display:block}.sample-result-card strong,.metric-card strong{letter-spacing:-.05em;margin-top:8px;font-size:34px;display:block}.sample-result-card small,.metric-card small{color:var(--muted)}.faq-grid{grid-template-columns:repeat(3,1fr)}.site-footer{color:#fff;padding:48px max(24px, calc((100vw - var(--max))/2));background:#071b36;grid-template-columns:1.4fr 1.6fr 1fr;gap:42px;display:grid}.footer-wordmark{margin-bottom:12px}.site-footer p,.site-footer a,.site-footer small{color:#ffffffb8}.footer-links{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.footer-links div{gap:10px;display:grid}.footer-links h4{margin:0 0 4px}.footer-cta{justify-items:start;gap:18px;display:grid}.app-page{background:radial-gradient(circle at 18% 0,#0f63ff17,#0000 26%),linear-gradient(#fff 0%,#f6f9ff 100%);min-height:100vh;padding-bottom:70px}.app-hero-panel,.confirm-layout,.results-hero,.metrics-grid,.results-layout,.dashboard-header,.table-card,.admin-grid,.hint-grid{width:min(var(--max), calc(100% - 48px));margin-left:auto;margin-right:auto}.app-hero-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:32px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:36px;margin-top:52px;padding:42px;display:grid}.app-hero-panel h1,.results-hero h1,.dashboard-header h1{font-size:clamp(36px,4vw,58px)}.hint-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;display:grid}.hint-grid>div{border:1px solid var(--line);background:#ffffffc2;border-radius:18px;padding:22px}.hint-grid p{color:var(--muted)}.confirm-layout{grid-template-columns:1.15fr .85fr;align-items:start;gap:28px;margin-top:36px;display:grid}.map-preview-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:28px;overflow:hidden}.mock-map{background-color:#0000;background-image:linear-gradient(90deg,#0f63ff14 1px,#0000 1px),linear-gradient(#0f63ff14 1px,#0000 1px),linear-gradient(135deg,#f9fbff,#eaf3ff);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:420px;position:relative}.map-pin{color:var(--blue);filter:drop-shadow(0 12px 20px #0f63ff40);font-size:44px;position:absolute;top:52px;left:50%}.building-shape{color:#fff;background:linear-gradient(135deg, var(--blue), #4ea0ff);box-shadow:var(--shadow);border-radius:16px;place-items:center;font-weight:900;display:grid;position:absolute;transform:rotate(-8deg)}.shape-main{width:230px;height:170px;top:130px;left:24%}.shape-garage{width:160px;height:105px;bottom:74px;right:20%}.map-details{padding:28px}.candidate-list{gap:10px;margin:20px 0;display:grid}.candidate-list div{border:1px solid var(--line);color:var(--muted);border-radius:12px;justify-content:space-between;gap:12px;padding:12px;display:flex}.candidate-list strong{color:var(--navy)}.structure-options{gap:12px;margin-bottom:20px;display:grid}.structure-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;gap:5px;padding:16px;display:grid}.structure-option input{opacity:0;position:absolute}.structure-option.active{border-color:var(--blue);box-shadow:0 0 0 4px #0f63ff1a}.option-title{font-weight:850}.option-copy{color:var(--muted)}.results-hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:34px;display:flex}.results-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px;display:grid}.metric-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:22px;padding:22px}.metric-card.primary{background:linear-gradient(135deg,#fff,#eef6ff);border-color:#b9d0ff}.results-layout{grid-template-columns:1.15fr .85fr;align-items:start;gap:24px;margin-top:24px;display:grid}.detail-list{gap:14px;margin:22px 0;display:grid}.detail-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:12px;display:flex}dt{color:var(--muted);font-weight:750}dd{text-align:right;margin:0;font-weight:800}.disclaimer{color:#785800;background:#fff8e6;border:1px solid #ffe2a1;border-radius:14px;padding:14px}.reason-list{color:var(--slate);padding-left:20px;line-height:1.65}.order-summary{background:var(--soft);color:var(--muted);border-radius:14px;gap:4px;margin-top:18px;padding:14px;display:grid}.status-badge,.pill{white-space:nowrap;border-radius:999px;align-items:center;padding:7px 11px;font-size:13px;font-weight:850;display:inline-flex}.status-badge.high,.pill-green{color:#087032;background:#e8f8ee}.status-badge.medium,.pill-yellow{color:#8a5d00;background:#fff1c7}.status-badge.low{color:#9b1c1c;background:#fee4e2}.pill-blue{color:var(--blue);background:var(--soft-blue)}.pill-slate{color:var(--slate);background:#edf1f7}.success-page{place-items:center;padding:48px 24px;display:grid}.success-card{border:1px solid var(--line);width:min(760px,100%);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:42px}.success-card p{color:var(--muted);line-height:1.65}.success-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.dashboard-header{justify-content:space-between;gap:24px;margin-top:36px;display:flex}.dashboard-stats{gap:12px;display:flex}.dashboard-stats div{border:1px solid var(--line);min-width:130px;box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;padding:18px 24px}.dashboard-stats strong{font-size:34px;display:block}.dashboard-stats span{color:var(--muted)}.table-card{margin-top:24px}.empty-state{text-align:center;padding:44px}.estimate-list{gap:12px;display:grid}.estimate-row,.admin-row{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:1.6fr 1fr .5fr;align-items:center;gap:18px;padding:16px;display:grid}.estimate-row:hover{border-color:var(--blue)}.estimate-row span,.admin-row span{color:var(--muted);margin-top:4px;display:block}.admin-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:18px;display:grid}.admin-row{grid-template-columns:1.2fr .6fr .3fr}.admin-row a{color:var(--blue);font-weight:800}@media (max-width:980px){.desktop-nav{display:none}.hero-section,.upgrade-section,.app-hero-panel,.confirm-layout,.results-layout,.admin-grid,.value-strip,.steps-row,.feature-grid,.faq-grid,.metrics-grid,.hint-grid{grid-template-columns:1fr}.sample-result-card{grid-template-columns:1fr 1fr}.site-footer,.footer-links{grid-template-columns:1fr}}@media (max-width:640px){.site-header,.app-nav{width:min(100% - 28px, var(--max));height:auto;padding:16px 0}.header-actions{gap:12px}.header-actions .text-link{display:none}.hero-section,.section,.value-strip,.app-hero-panel,.confirm-layout,.results-hero,.metrics-grid,.results-layout,.dashboard-header,.table-card,.admin-grid,.hint-grid{width:min(100% - 28px, var(--max))}h1{font-size:42px}.address-row,.dashboard-header,.results-hero{flex-direction:column;display:flex}.sample-result-card{grid-template-columns:1fr}.candidate-list div,.detail-list div{flex-direction:column}dd{text-align:left}}.settings-card{margin-top:24px}.settings-form{gap:26px;display:grid}.settings-form h3{margin:8px 0 0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-grid label{color:var(--slate);gap:7px;font-size:13px;font-weight:800;display:grid}.settings-grid input,.settings-grid select,.settings-grid textarea{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:12px;outline:none;padding:12px 13px}.settings-grid textarea{resize:vertical;min-height:90px}.settings-grid .wide{grid-column:1/-1}.brand-preview-card{border:1px dashed var(--blue);border-radius:var(--radius);background:linear-gradient(135deg, #fff, var(--soft-blue));padding:22px}.tenant-switcher{width:min(var(--max), calc(100% - 48px));grid-template-columns:repeat(3,1fr);gap:12px;margin:0 auto 20px;display:grid}.tenant-pill{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;gap:5px;padding:16px;display:grid}.tenant-pill.active{border-color:var(--blue);box-shadow:0 0 0 4px #0f63ff1a}.tenant-pill span{color:var(--muted);font-size:13px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.admin-stats div{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;gap:4px;padding:18px;display:grid}.admin-stats strong{letter-spacing:-.04em;font-size:32px}.inline-action{justify-items:start;gap:4px;display:grid}.account-gate{border-radius:var(--radius);background:#fff9eb;border:1px solid #f5d08a;margin-top:18px;padding:20px}.auth-card{border:1px solid var(--line);width:min(680px,100% - 48px);box-shadow:var(--shadow);background:#fff;border-radius:28px;margin:42px auto;padding:34px}.auth-form{gap:14px;margin-top:22px;display:grid}.auth-form label{color:var(--slate);gap:7px;font-size:13px;font-weight:800;display:grid}.auth-form input{border:1px solid var(--line);border-radius:12px;padding:13px}.auth-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.auth-grid .wide{grid-column:1/-1}.locked-metrics{position:relative}.locked-metrics:after{content:"Create an account and verify phone to save/order";text-align:center;color:var(--navy);border-radius:inherit;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffc7;place-items:center;padding:24px;font-weight:900;display:grid;position:absolute;inset:0}