:root{--color-brand-primary:#f2762e;--color-brand-primaryPressed:#d9621c;--color-brand-tint:#fdebdd;--color-brand-primaryText:#c85a14;--color-bg-canvas:#faf6f1;--color-bg-surface:#fff;--color-border-subtle:#efe6dc;--color-text-primary:#1c1c1e;--color-text-secondary:#5b5b60;--color-text-tertiary:#8e8e93;--color-text-onPrimary:#fff;--color-status-success:#2e9d5b;--color-status-warning:#e8a23a;--color-status-danger:#d93b3b;--color-status-info:#3478f6;--color-notification-dot:#f2762e;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--radius-sm:10px;--radius-md:14px;--radius-lg:16px;--radius-full:9999px;--type-display-size:34px;--type-display-line:40px;--type-display-weight:800;--type-title1-size:28px;--type-title1-line:34px;--type-title1-weight:700;--type-title2-size:22px;--type-title2-line:28px;--type-title2-weight:700;--type-headline-size:17px;--type-headline-line:22px;--type-headline-weight:600;--type-body-size:17px;--type-body-line:22px;--type-body-weight:400;--type-callout-size:15px;--type-callout-line:20px;--type-callout-weight:400;--type-subhead-size:13px;--type-subhead-line:18px;--type-subhead-weight:600;--type-caption-size:12px;--type-caption-line:16px;--type-caption-weight:400;--type-tab-size:11px;--type-tab-line:13px;--type-tab-weight:500;--type-button-size:20px;--type-button-line:24px;--type-button-weight:600;--type-price-size:22px;--type-price-line:28px;--type-price-weight:700;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", Roboto, sans-serif;--elevation-card:0 1px 2px #3c28140f, 0 4px 12px #3c28140d;--layout-content-max:1200px;--layout-form-max:640px}*{box-sizing:border-box}body{background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--type-body-size);line-height:var(--type-body-line);margin:0}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,fieldset:disabled button{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px}button{border:0}fieldset{border:0;min-width:0;margin:0;padding:0}h1{font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight);letter-spacing:-.03em;margin:var(--space-16) 0}h2{font-size:var(--type-title2-size);line-height:var(--type-title2-line);font-weight:var(--type-title2-weight)}h3{font-size:var(--type-headline-size);line-height:var(--type-headline-line);font-weight:var(--type-headline-weight)}p{overflow-wrap:anywhere}.topbar{max-width:var(--layout-content-max);padding:var(--space-24) var(--space-20);align-items:center;gap:var(--space-32);margin:auto;display:flex}.wordmark{font-size:var(--type-display-size);font-weight:var(--type-display-weight);letter-spacing:-.05em;text-decoration:none}.wordmark span,.orange{color:var(--color-brand-primary)}.location{font-size:var(--type-subhead-size);color:var(--color-text-secondary);flex:1}nav{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.local-banner{border-block:1px solid var(--color-border-subtle);background:var(--color-brand-tint);padding:var(--space-8) var(--space-20);justify-content:center;gap:var(--space-24);font-size:var(--type-caption-size);line-height:var(--type-caption-line);display:flex}.local-banner details{position:relative}summary{cursor:pointer}.sample-menu{z-index:5;min-width:280px;padding:var(--space-12);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-card);gap:var(--space-8);display:grid;position:absolute;top:100%;right:0}.sample-menu button{text-align:left;background:var(--color-bg-canvas);padding:var(--space-12);border-radius:var(--radius-sm)}.landing,.workspace{max-width:var(--layout-content-max);padding:var(--space-40) var(--space-20);margin:auto}.hero{gap:var(--space-40);padding:var(--space-40) 0;grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero h1{font-size:var(--type-display-size);line-height:var(--type-display-line)}.lead{font-size:var(--type-title2-size);line-height:var(--type-title2-line);color:var(--color-text-secondary);margin-bottom:var(--space-32)}.hero-art{border-radius:var(--radius-lg);background:var(--color-brand-tint);justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.paint-can{z-index:1;border:8px solid var(--color-bg-surface);border-radius:var(--radius-lg);background:var(--color-brand-primary);align-content:center;gap:var(--space-16);text-align:center;width:180px;height:210px;font-size:var(--type-display-size);font-weight:var(--type-display-weight);box-shadow:var(--elevation-card);display:grid;position:relative;transform:rotate(-12deg)}.paint-can span{font-size:var(--type-caption-size);line-height:var(--type-caption-line);letter-spacing:.08em}.paint-swatch{background:var(--color-bg-surface);border-radius:var(--radius-full);width:260px;height:260px;position:absolute;top:-70px;right:-60px}.hero-caption{right:var(--space-24);bottom:var(--space-20);font-size:var(--type-subhead-size);line-height:var(--type-subhead-line);position:absolute}.how{border-top:1px solid var(--color-border-subtle);gap:var(--space-32);padding:var(--space-32) 0;grid-template-columns:repeat(3,1fr);display:grid}.how p{font-size:var(--type-callout-size);color:var(--color-text-secondary)}.eyebrow{font-size:var(--type-subhead-size);font-weight:var(--type-subhead-weight);letter-spacing:.09em;color:var(--color-text-secondary)}.primary,.secondary{justify-content:center;align-items:center;gap:var(--space-24);min-height:56px;padding:var(--space-16) var(--space-24);border-radius:var(--radius-lg);font-size:var(--type-headline-size);font-weight:var(--type-headline-weight);text-decoration:none;display:inline-flex}.primary{background:var(--color-brand-primary);color:var(--color-text-primary)}.primary:hover{background:var(--color-brand-primaryPressed)}.secondary{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.text-button{color:var(--color-text-primary);min-height:44px;padding:var(--space-8) var(--space-12);font-size:var(--type-callout-size);text-underline-offset:4px;background:0 0}.text-button:hover{text-decoration:underline}.muted,small{color:var(--color-text-secondary);font-size:var(--type-callout-size);line-height:var(--type-callout-line)}.error,.notice{background:var(--color-brand-tint);border-radius:var(--radius-sm);padding:var(--space-16);font-size:var(--type-callout-size)}.error{max-width:var(--layout-content-max);margin:var(--space-16) auto;border:1px solid var(--color-status-danger)}.danger-text{color:var(--color-status-danger)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-24);box-shadow:var(--elevation-card);margin-bottom:var(--space-24)}.auth-page{max-width:var(--layout-form-max);padding:var(--space-40) var(--space-20);margin:auto}.role-grid,.form-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.role-grid{margin:var(--space-24) 0}.role-card{border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);border-radius:var(--radius-md);padding:var(--space-24);text-align:left}.role-card span{font-size:var(--type-callout-size);color:var(--color-text-secondary);margin-top:var(--space-12);display:block}.role-card.active{border-color:var(--color-brand-primary);background:var(--color-brand-tint)}.field{gap:var(--space-8);margin-bottom:var(--space-20);font-size:var(--type-callout-size);font-weight:var(--type-subhead-weight);display:grid}.field input,.field textarea,.field select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-canvas);width:100%;min-width:0;min-height:48px;color:var(--color-text-primary);padding:var(--space-12);font-size:var(--type-body-size);font-weight:var(--type-body-weight)}.field textarea{resize:vertical;min-height:110px}.field input[type=file]{font-size:var(--type-callout-size)}.check{gap:var(--space-12);font-size:var(--type-callout-size);margin:var(--space-20) 0;align-items:flex-start;display:flex}input[type=checkbox]{accent-color:var(--color-brand-primary);flex-shrink:0;width:20px;height:20px}.page-heading,.section-heading,.row{justify-content:space-between;align-items:center;gap:var(--space-16);display:flex}.page-heading{margin-bottom:var(--space-32)}.section-heading{margin-bottom:var(--space-16)}.section-heading h2{margin:0}.section-heading span{font-size:var(--type-callout-size);color:var(--color-text-secondary)}.request-grid{gap:var(--space-20);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-24);text-align:left}.project-card:hover{border-color:var(--color-brand-primary)}.project-card p{color:var(--color-text-secondary);font-size:var(--type-callout-size)}.badge{background:var(--color-brand-tint);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-8);font-size:var(--type-caption-size);font-weight:var(--type-subhead-weight);display:inline-block}.empty{text-align:center;padding:var(--space-40);background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-border-subtle)}.steps{gap:var(--space-20);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-24);display:flex;overflow-x:auto}.steps span{padding:var(--space-12) 0;font-size:var(--type-callout-size);white-space:nowrap;color:var(--color-text-secondary)}.steps .current{color:var(--color-text-primary);border-bottom:3px solid var(--color-brand-primary)}.wizard-grid,.detail-grid{gap:var(--space-24);grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;display:grid}.estimate{background:var(--color-brand-tint);top:var(--space-24);position:sticky}.estimate .badge{background:var(--color-bg-surface)}.prices{font-size:var(--type-callout-size)}.prices div{padding:var(--space-16) 0;border-bottom:1px solid var(--color-border-subtle)}dd{margin:var(--space-4) 0}.prices dd,.price{font-size:var(--type-price-size);line-height:var(--type-price-line);font-weight:var(--type-price-weight);font-variant-numeric:tabular-nums}.guide{box-shadow:none;font-size:var(--type-callout-size);background:0 0}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{margin-top:var(--space-32);justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.chips{gap:var(--space-8);margin-bottom:var(--space-20);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-8);padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:var(--type-callout-size);display:flex}.scope-summary dl>div{gap:var(--space-12);border-bottom:1px solid var(--color-border-subtle);padding-block:var(--space-12);font-size:var(--type-callout-size);grid-template-columns:140px 1fr;display:grid}.scope-summary dt{color:var(--color-text-secondary)}.photos{gap:var(--space-12);flex-wrap:wrap;display:flex}.photos img{object-fit:cover;border-radius:var(--radius-sm);width:120px;height:100px}.offer-card,.agreement{padding:var(--space-20);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-block:var(--space-16)}.offer-card .primary{margin-top:var(--space-20);width:100%}.messages{max-height:480px;margin-bottom:var(--space-24);overflow-y:auto}.bubble{background:var(--color-bg-canvas);border-radius:var(--radius-md);padding:var(--space-16);margin:var(--space-12) var(--space-32) var(--space-12) 0;font-size:var(--type-callout-size)}.bubble.mine{background:var(--color-brand-tint);margin:var(--space-12) 0 var(--space-12) var(--space-32)}.bubble p{white-space:pre-wrap}.bubble small{font-size:var(--type-caption-size)}table{border-collapse:collapse;width:100%;font-size:var(--type-callout-size)}th,td{text-align:left;padding:var(--space-12);border-bottom:1px solid var(--color-border-subtle)}footer{max-width:var(--layout-content-max);padding:var(--space-32) var(--space-20);font-size:var(--type-callout-size);color:var(--color-text-secondary);justify-content:space-between;gap:var(--space-24);border-top:1px solid var(--color-border-subtle);margin:auto;display:flex}@media (width<=1024px){.request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:var(--space-16);flex-wrap:wrap}}@media (width<=768px){.hero,.wizard-grid,.detail-grid{grid-template-columns:1fr}.hero-art{min-height:280px}.page-heading{flex-direction:column;align-items:flex-start}.estimate{position:static}.local-banner{justify-content:space-between}.topbar nav{width:100%}.how{gap:var(--space-16)}footer{flex-direction:column}}@media (width<=480px){.request-grid,.role-grid,.form-grid,.form-grid.three,.how{grid-template-columns:1fr}.scope-summary dl>div{grid-template-columns:1fr;gap:0}.card{padding:var(--space-20)}.row{flex-wrap:wrap}.form-actions .primary{width:100%}}
