.u{--u-accent:#f3cb18;--u-ink:#191c20;--u-paper:#f6f5f0;--u-muted:#535860;color:var(--u-ink);font-family:Arial,sans-serif;line-height:1.65}
.u.roof{--u-accent:#b82935;--u-paper:#f3f5f7}.u.jz{--u-accent:#bc551c;--u-paper:#f7f4ef}
.u *{box-sizing:border-box}.u [hidden]{display:none!important}.u a{text-decoration:none}.u p{margin:0 0 1rem}.u h1,.u h2,.u h3{color:inherit;line-height:1.12;letter-spacing:-.035em;margin:0 0 1.1rem;font-family:inherit}
.u h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:1000px}.u h2{font-size:clamp(1.9rem,3.5vw,3.2rem)}.u h3{font-size:1.35rem}.u.jz h1,.u.jz h2{font-family:Georgia,serif;font-weight:400}
.u-wrap{width:min(1220px,calc(100% - 40px));margin:auto}.u-section{padding:76px 0}.u-cream{background:var(--u-paper)}.u-dark{background:var(--u-ink);color:white}.u-dark h1,.u-dark h2,.u-dark h3{color:white}
.u-kicker{display:block;font-size:.73rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:18px;color:var(--u-accent)}.u-lead{font-size:1.15rem;max-width:680px;color:var(--u-muted)}.u-dark .u-lead{color:#d5d8dd}
.u-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.u-two{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}.u-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.u-card{border:1px solid #dce0e3;background:#fff;color:var(--u-ink);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.u-card:hover{border-color:var(--u-accent)}.u-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.u-pad{padding:26px}
.u-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--u-accent);color:#171a1e!important;padding:15px 23px;min-height:48px;border:1px solid transparent;border-radius:5px;font:700 .95rem/1.3 Arial,sans-serif;cursor:pointer;text-decoration:none}
.roof .u-btn,.jz .u-btn{color:white!important}.u-btn.secondary{background:transparent!important;color:inherit!important;border:1px solid currentColor}.u-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:25px}
.u:focus-within{scroll-margin-top:120px}.u :focus-visible{outline:3px solid #286bd5;outline-offset:4px}.u label{display:block;font-size:.88rem;font-weight:700;margin-bottom:7px}.u input,.u select,.u textarea{font:inherit;width:100%;background:white;color:#171a1e;border:1px solid #a5adb6;border-radius:5px;padding:12px;min-height:48px}.u input[type=checkbox]{width:20px;min-height:20px}.u textarea{min-height:130px}.u-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.u-full{grid-column:1/-1}.u-note{font-size:.83rem;color:var(--u-muted);margin-top:12px!important}.u-badge{display:inline-block;font:700 .72rem Arial,sans-serif;border-radius:30px;background:#eeeff1;padding:8px 12px;margin-bottom:14px;color:#3d434b}
.u-result{border-left:4px solid var(--u-accent);padding:24px;background:var(--u-paper);margin:22px 0}.u-result h3{margin-bottom:8px}.u-table{width:100%;border-collapse:collapse;background:white;font-size:.95rem}.u-table th,.u-table td{text-align:left;padding:16px;border-bottom:1px solid #ddd;vertical-align:top}.u-table th{width:35%;font-weight:700}
.u-photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.u-photo-wide{aspect-ratio:16/9}.u-figure{margin:0}.u-figure figcaption{font-size:.86rem;color:#515760;padding:12px 0}.u-rule{border-top:1px solid #d3d7dc;padding-top:24px;margin-top:24px}.u-filter{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 32px}.u-filter button{border:1px solid #b9bfc5;border-radius:30px;background:white;padding:12px 18px;min-height:44px;font-size:.9rem;cursor:pointer}.u-filter button[aria-pressed=true]{background:var(--u-ink);border-color:var(--u-ink);color:white}.u-link{font-weight:700;text-decoration:underline!important;text-underline-offset:5px}.u details{border-top:1px solid #d8dce1;padding:18px 0}.u summary{cursor:pointer;font-weight:700}.u details p{margin-top:12px}.u-alert{border:1px solid #d7b76f;background:#fff8e6;border-radius:6px;padding:16px;font-size:.88rem;color:#5b421a}.u-status{padding:18px;border-radius:6px;margin-top:20px;background:#e9f3ec;color:#193d27}.u-status.error{background:#fff0ed;color:#7e2419}.u-photo-list{display:grid;gap:34px}.u-number{font:700 3rem Georgia,serif;color:var(--u-accent);display:block;margin-bottom:16px}
.u-form-progress{width:100%;height:7px;margin-top:18px;accent-color:var(--u-accent)}.u-upload-preview img{max-width:150px;max-height:120px;border-radius:6px;margin-top:10px}
@media(min-width:800px){.u-feature{grid-column:span 2}.u-feature img{aspect-ratio:2.1}.u-jz-page{padding-top:95px}}
@media(max-width:799px){.u-grid,.u-two{grid-template-columns:1fr}.u-four{grid-template-columns:1fr 1fr}.u-fields{grid-template-columns:1fr}.u-section{padding:48px 0}.u-two{gap:28px}.u-pad{padding:22px}.u-jz-page{padding-top:80px}.u-wrap{width:calc(100% - 32px)}.u-four .u-pad{padding:14px}.u-four h3{font-size:1.2rem}.u-table th,.u-table td{padding:12px 8px;font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.u *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
@media print{header,footer,.u-section{padding:20px 0}.u-jz-page{padding-top:0}body{padding:0!important}.u-dark{background:white;color:black}}

.u.roof .u-dark .u-kicker{color:#ffa0a8}.u.jz .u-dark .u-kicker{color:#ffb18b}

.inquiry-honeypot{display:none!important}
.u [data-status] a{color:inherit;text-decoration:underline}