/* DFW homeowner experience — October 2026. Shared public presentation only. */
:root{--roof-navy:#173d32;--roof-gold:#f5ba4b;--roof-cream:#f6f3eb;--roof-ink:#242c28;--roof-muted:#58645b;--ink:#242c28;--navy:#173d32;--line:#d8ded4;--muted:#58645b;--paper:#f6f3eb;--accent:#f5ba4b;--accent-dark:#e9a72e;--sage:#e6ece3}
.roof-redesign{background:#f6f3eb;color:#242c28;font-family:Inter,Arial,sans-serif;line-height:1.65}
.roof-redesign .wrap,.roof-premium .nav .wrap{max-width:1240px;padding-inline:32px}
.roof-redesign .top{background:#173d32!important;color:#eef3e9;font-size:10px;letter-spacing:.16em;padding:9px 18px;font-weight:600;text-align:center}
.roof-redesign .nav{background:#f6f3ebf5;border-color:#dbdfd4;backdrop-filter:blur(12px);z-index:30}
.roof-redesign .nav .wrap{padding-block:18px;gap:26px;flex-wrap:nowrap}
.roof-redesign .brand{color:#173d32;font-size:19px;letter-spacing:-.055em;white-space:nowrap}
.roof-redesign .brand:before{content:'';display:inline-block;width:17px;height:17px;border-top:3px solid #173d32;border-left:3px solid #173d32;transform:rotate(45deg);margin-right:11px;vertical-align:-7px}
.roof-redesign .brand span{color:#173d32}.roof-main-links{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:600}.roof-main-links a{padding-block:10px}.roof-redesign .roof-network-link{margin-left:auto;font-size:12px;font-weight:500}.roof-home .roof-network-link{margin-left:0}
.roof-redesign .btn,.roof-redesign .nav a.cta,.roof-redesign .sticky a,.roof-redesign .roof-request-form [type=submit]{background:#f5ba4b!important;color:#20372c!important;border:1px solid transparent;border-radius:5px;font-weight:700;box-shadow:none;min-height:50px;line-height:1.45;padding:14px 22px;font-size:14px;cursor:pointer}
.roof-redesign .btn:hover,.roof-redesign .nav a.cta:hover,.roof-redesign .sticky a:hover,.roof-redesign .roof-request-form [type=submit]:hover{background:#e9aa37!important;transform:none}
.roof-redesign .btn.secondary,.roof-redesign .btn.ghost{background:transparent!important;color:inherit!important;border-color:currentColor}
.roof-redesign .hero{background:#e9eee5;color:#242c28;padding:0}.roof-redesign .hero .grid{align-items:start;gap:64px;padding-block:64px}
.roof-redesign h1,.roof-redesign h2,.roof-redesign h3{color:#173d32;letter-spacing:-.045em}.roof-redesign h1{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1.08;font-weight:600}.roof-redesign h1 em{color:#416b52;font-style:normal}.roof-redesign .sub{color:#536156;font-size:1.05rem;line-height:1.75;max-width:610px}.roof-redesign .eyebrow{color:#31513d;border:0;background:transparent;border-radius:0;padding:0;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.roof-redesign .roof-kicker{color:#526c51;font-size:10px;letter-spacing:.16em;font-weight:700}.roof-redesign .roof-hero-note{color:#5b665b;font-size:12px}.roof-redesign .roof-assurance{font-size:12px}.roof-redesign .roof-assurance span:before{color:#416b52}
.roof-home .hero{background:#f6f3eb}.roof-home .roof-hero-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:62px;align-items:center;padding-top:52px;padding-bottom:88px}.roof-home .roof-hero-copy{padding:0 0 5px}.roof-home h1{font-size:clamp(3.2rem,5.25vw,4.7rem);line-height:1.02;margin:20px 0 25px;letter-spacing:-.06em;font-weight:600}.roof-home .sub{font-size:15px;max-width:465px;margin-bottom:24px}.roof-home .roof-hero-cta{display:inline-flex;gap:35px;align-items:center;font-size:14px;padding:17px 23px}.roof-hero-cta span{font-size:22px;line-height:1}.roof-home .roof-hero-note{margin-top:12px}.roof-hero-photo{position:relative;margin:0;align-self:stretch;min-height:470px;border-radius:140px 8px 8px 8px;overflow:hidden;background:#a5b29c}.roof-hero-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:55% center}.roof-hero-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#172d24b8)}.roof-hero-photo figcaption{position:absolute;left:32px;bottom:28px;z-index:1;color:#fff}.roof-hero-photo figcaption span{display:block;font-size:9px;font-weight:600;letter-spacing:.16em;margin-bottom:9px}.roof-hero-photo figcaption strong{font-weight:500;font-size:22px;line-height:1.25;letter-spacing:-.02em}
.roof-redesign .card,.roof-redesign .form-card{border-radius:10px;border:1px solid #d3dacf;box-shadow:0 12px 28px #173d3208;background:#fff;color:#242c28}.roof-redesign .roof-inline-request{padding:28px;scroll-margin-top:105px}.roof-redesign .roof-inline-request h2{font-size:25px;line-height:1.2;margin:5px 0 10px}.roof-form-heading>p:last-child{font-size:13px;color:#58645b;line-height:1.65;margin:0 0 17px}.roof-redesign .roof-chat-progress{font-size:10px!important;color:#496348;letter-spacing:.1em;margin:20px 0 12px}.roof-redesign .roof-request-step h3{font-size:18px;letter-spacing:-.02em;line-height:1.35;margin:0 0 7px}.roof-redesign .roof-request-step>p{font-size:13px;color:#58645b;margin:0 0 16px}.roof-redesign .roof-request-form input:not([type=checkbox]):not([type=hidden]),.roof-redesign .roof-request-form select,.roof-redesign .roof-request-form textarea,.roof-redesign .field input,.roof-redesign .field select,.roof-redesign .field textarea{border:1px solid #bac6b8;border-radius:5px;background:#fcfcf9;color:#242c28;font:inherit;font-size:16px;padding:13px 12px;min-height:50px}.roof-redesign .roof-request-form .field label{color:#344f3c;font-size:12px;font-weight:600}.roof-redesign .roof-request-form .audit-consent{color:#465449;font-size:12px}.roof-redesign .roof-request-form details{background:#f5f6ef;border-color:#d9e0d3;border-radius:6px}.roof-redesign .roof-request-recap{background:#edf2e8;border-color:#416b52}.roof-redesign .roof-chat-actions button.secondary{color:#173d32;background:#fff;border-color:#bac6b8;border-radius:5px}.roof-redesign .roof-chat-actions{align-items:stretch}.roof-redesign .roof-chat-actions [type=submit]{flex:1}.roof-redesign .roof-entry-note{font-size:11px!important;color:#5c675b!important;margin-bottom:0}.roof-redesign .roof-next{font-family:inherit}.roof-inline-request .roof-request-step[hidden]{display:none!important}
.roof-home .roof-request-band{padding:0 0 32px!important;background:linear-gradient(#f6f3eb 42%,#e9eee5 42%)}.roof-home .roof-inline-request{display:grid;grid-template-columns:.8fr 1.5fr;column-gap:48px;padding:30px 36px;box-shadow:0 20px 40px #173d320a}.roof-home .roof-form-heading{grid-row:1/4;align-self:center}.roof-home .roof-chat-progress{margin:0 0 10px}.roof-home .roof-inline-request form{min-width:0}.roof-home [data-roof-step="0"]{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:end}.roof-home [data-roof-step="0"]>h3,.roof-home [data-roof-step="0"]>p{display:none}.roof-home [data-roof-step="0"] .field{margin:0}.roof-home [data-roof-step="0"] .roof-next{grid-column:1/-1;margin-top:14px}.roof-home .roof-inline-request>.roof-entry-note{grid-column:2}
.roof-redesign .section-title{font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.1;font-weight:500}.roof-redesign section:not(.hero){padding-block:72px}.roof-redesign .soft{background:#e9eee5}.roof-redesign .mini{border-color:#d3dcd0;background:transparent;border-radius:6px;box-shadow:none;padding:28px}.roof-redesign .mini h3{font-size:21px;line-height:1.3;font-weight:600}.roof-redesign .mini p{font-size:14px;line-height:1.8;color:#58645b}.roof-redesign .cards{gap:20px}.roof-section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:30px}.roof-section-heading>p{max-width:320px;color:#5b665b;font-size:13px}.roof-home .roof-concerns{background:#e9eee5}.roof-home .roof-concern-card{display:flex;flex-direction:column;padding:27px 28px;background:#f7f8f3;border:0}.roof-concern-symbol{font-size:10px;letter-spacing:.12em;color:#607457;padding-bottom:42px}.roof-home .roof-concern-card h3{font-size:26px;font-weight:500;margin:0}.roof-concern-card button{margin-top:auto;padding:20px 0 0;border:0;border-top:1px solid #d7dfcf;background:none;display:flex;justify-content:space-between;align-items:center;gap:10px;font:inherit;font-size:12px;font-weight:600;text-align:left;color:#173d32;cursor:pointer}.roof-concern-card p{flex:1;margin-bottom:25px}.roof-home .roof-how{background:#173d32;color:#edf2e8}.roof-home .roof-how h2,.roof-home .roof-how h3{color:#f6f3eb}.roof-home .roof-how .roof-kicker{color:#b9c8a6}.roof-home .roof-how .cards{margin-top:40px}.roof-home .roof-how .mini{border:0;border-top:1px solid #5a7561;border-radius:0;padding:26px 22px 0 0}.roof-home .roof-how .mini p{color:#c4d1c2}.roof-home .roof-how .roof-step-number{color:#f5ba4b;font-size:12px;margin-bottom:28px}.roof-redesign .roof-care-grid p{font-size:14px;color:#58645b}.roof-redesign details{background:#f9faf5;border-color:#d3dcd0;border-radius:6px;padding:18px 22px}.roof-redesign summary{color:#294733;font-size:15px;font-weight:600}.roof-redesign details p{font-size:14px;color:#58645b}.roof-redesign .links a{background:transparent;color:#294733;border:0;border-bottom:1px solid #d3dcd0;border-radius:0;padding:16px 2px;font-size:14px;font-weight:500}.roof-redesign .final{background:#e4eacb;color:#173d32}.roof-redesign .final h2{color:#173d32}.roof-redesign .final p{color:#4c5f43;max-width:610px;margin:16px auto 26px;font-size:14px}.roof-redesign footer{background:#112f27;color:#b9c7b9;padding-block:54px;font-size:12px}.roof-redesign .roof-footer-grid{gap:56px}.roof-redesign .roof-footer-grid b{font-size:20px;font-weight:600;letter-spacing:-.04em}.roof-redesign .roof-footer-grid h2{font-size:12px;letter-spacing:.03em}.roof-redesign .roof-footer-grid a{font-size:12px}.roof-redesign .roof-footer-bottom{font-size:10px;padding-top:20px}.roof-redesign .audit-note,.roof-redesign .organic-help{border-color:#d3dcd0;background:#edf1e8;color:#344f3c;max-width:1176px}.roof-redesign .audit-note a,.roof-redesign .organic-help a{color:#315a40}.roof-redesign .organic-action{background:#f5ba4b!important;color:#20372c!important}.roof-redesign .organic-table{overflow:auto}.roof-redesign .inventory-note,.roof-redesign .trust-card{border-radius:8px;background:#f9faf5;box-shadow:none}.roof-redesign .hero .inventory-note h2{color:#173d32}.roof-redesign .hero .inventory-note p{color:#58645b}.roof-redesign .hero .hero-actions{margin-top:28px}.roof-redesign .hero h1{font-family:inherit}.roof-redesign .form-card{max-width:920px}.roof-redesign .hero .wrap:not(.grid):not(.roof-hero-layout){padding-block:65px}.roof-redesign .roof-chat-head{background:#173d32}.roof-redesign .roof-chat-launcher{background:#173d32;font-size:12px;box-shadow:0 5px 14px #173d321a}.roof-redesign .roof-help-button{border-color:#a9bca5;color:#173d32;border-radius:5px}.roof-redesign :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #477a57;outline-offset:4px}.roof-redesign footer a:focus-visible,.roof-redesign .roof-how :focus-visible{outline-color:#f5ba4b}.roof-redesign [hidden]{display:none!important}.roof-redesign .sticky{background:#f6f3ebf5;border-color:#d3dcd0;z-index:35;backdrop-filter:blur(10px)}.roof-redesign .roof-request-form [type=submit]:disabled{opacity:.6;cursor:wait}
@media(min-width:851px){.roof-home .roof-hero-copy{min-width:0}.roof-home .roof-hero-photo{min-width:0}}
@media(max-width:1050px){.roof-main-links{display:none}.roof-home .roof-hero-layout{gap:32px}.roof-home h1{font-size:clamp(3rem,6vw,4rem)}.roof-redesign .hero .grid{gap:30px}.roof-redesign .roof-footer-grid{gap:28px}.roof-home .roof-inline-request{column-gap:25px}}
@media(max-width:850px){.roof-redesign .wrap,.roof-premium .nav .wrap{padding-inline:22px}.roof-redesign .nav .wrap{gap:15px;padding-block:17px}.roof-redesign .brand{font-size:17px}.roof-redesign .nav .cta{display:none}.roof-redesign .roof-network-link{font-size:11px}.roof-home .roof-hero-layout{grid-template-columns:1fr;gap:26px;padding-top:30px;padding-bottom:28px}.roof-home h1{font-size:clamp(2.9rem,8vw,4rem);margin:15px 0 18px}.roof-home h1 br:nth-of-type(2){display:none}.roof-home .sub{max-width:580px;font-size:14px;margin-bottom:18px}.roof-home .roof-hero-cta{padding:14px 20px}.roof-home .roof-hero-note{font-size:11px}.roof-hero-photo{min-height:280px;border-radius:65px 6px 6px 6px}.roof-hero-photo img{object-position:center 55%}.roof-hero-photo figcaption{left:24px;bottom:20px}.roof-hero-photo figcaption strong{font-size:20px}.roof-home .roof-inline-request{display:block;padding:24px}.roof-home .roof-form-heading>p:last-child{margin-bottom:16px}.roof-home .roof-chat-progress{margin:20px 0 12px}.roof-redesign .hero .grid{grid-template-columns:1fr;padding-block:38px;gap:26px}.roof-redesign h1{font-size:clamp(2.2rem,6.5vw,3.3rem)}.roof-redesign section:not(.hero){padding-block:48px}.roof-section-heading{display:block;margin-bottom:24px}.roof-section-heading>p{max-width:100%;margin-top:18px}.roof-redesign .cards{grid-template-columns:1fr;gap:14px}.roof-home .roof-concern-card{padding:26px}.roof-concern-symbol{padding-bottom:24px}.roof-home .roof-concern-card h3 br{display:none}.roof-redesign .roof-care-grid{grid-template-columns:1fr;gap:15px}.roof-redesign .roof-footer-grid{grid-template-columns:1fr;gap:30px}.roof-redesign .roof-chat-launcher{display:none}.roof-redesign .audit-note,.roof-redesign .organic-help{margin-inline:22px;padding:22px}.roof-redesign .sticky{padding:10px 18px max(10px,env(safe-area-inset-bottom))}.roof-redesign .sticky a{min-height:48px;font-size:14px;padding:13px 18px}.roof-redesign .hero .wrap:not(.grid):not(.roof-hero-layout){padding-block:40px}.roof-redesign .nav-links{gap:12px}.roof-redesign .nav-links .btn{font-size:12px;padding:10px}.roof-redesign .nav .wrap:has(.nav-links){flex-wrap:wrap}.roof-redesign .nav-links{justify-content:space-between}.roof-redesign .roof-footer-bottom{line-height:1.8}}
@media(max-width:480px){.roof-redesign .wrap,.roof-premium .nav .wrap{padding-inline:18px}.roof-redesign .brand{font-size:16px}.roof-redesign .brand:before{width:13px;height:13px;margin-right:8px;vertical-align:-5px}.roof-redesign .top{font-size:8px;letter-spacing:.08em}.roof-home h1{font-size:44px}.roof-home .roof-hero-copy .roof-kicker{font-size:9px;letter-spacing:.12em}.roof-hero-photo{min-height:215px}.roof-hero-photo figcaption strong{font-size:18px}.roof-hero-photo figcaption span{font-size:8px}.roof-home .roof-inline-request,.roof-redesign .roof-inline-request{padding:21px 17px}.roof-home [data-roof-step="0"]{display:block}.roof-home [data-roof-step="0"] .field{margin-top:14px}.roof-redesign .roof-request-form .g-recaptcha{transform-origin:left top;max-width:100%;overflow:auto}.roof-redesign .roof-chat-actions [type=submit]{font-size:13px;padding-inline:14px}.roof-redesign .section-title{font-size:30px}.roof-redesign .roof-inline-request h2{font-size:25px}.roof-redesign .roof-network-link{font-size:10px}.roof-redesign .audit-note,.roof-redesign .organic-help{margin-inline:18px;padding:18px}.roof-redesign .hero-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.roof-redesign *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.roof-redesign .sticky{display:none;position:fixed;left:0;right:0;bottom:0}.roof-redesign .sticky a{display:block;text-align:center}.roof-redesign .trust{display:flex;flex-wrap:wrap;gap:8px}.roof-redesign .trust b{background:#dce5d5;color:#31513d;font-size:11px;font-weight:600;border-radius:4px;padding:8px 10px}
@media(max-width:850px){.roof-homeowner .sticky{display:block}.roof-homeowner{padding-bottom:78px}}
@media(max-width:850px){.roof-home h1 br:nth-of-type(2){display:initial}}