:root{--color-red-600:#b01f24;--color-red-700:#93171e;--color-red-800:#871219;--color-navy-900:#0f1c2f;--color-navy-700:#1e3147;--color-gray-600:#5a6368;--color-gray-300:#d9dfe3;--color-gray-050:#f6f8f9;--color-white:#fff;--color-success:#1b8f3e;--color-warning:#d78800;--font-family-base:var(--font-montserrat),"Montserrat",system-ui,sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.6;--fs-display:4rem;--fs-h1:3rem;--fs-h2:2.25rem;--fs-h3:1.75rem;--fs-h4:1.5rem;--fs-lead:1.25rem;--fs-body:1rem;--fs-meta:.875rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;--shadow-sm:0 2px 4px -1px #00000014;--shadow-md:0 4px 12px -2px #0000001f;--shadow-focus:0 0 0 3px #b01f2459;--ease-standard:cubic-bezier(.4,0,.2,1);--dur-fast:.15s;--dur-base:.2s;--dur-slow:.35s;--z-nav:100;--z-overlay:900;--z-modal:1000}.u-container{width:100%;padding-inline:var(--space-4);max-width:1320px;margin-inline:auto}@media (min-width:768px){.u-container{padding-inline:var(--space-6)}}.u-grid-12{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}@media (max-width:767px){.u-grid-12{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.text-display{font-family:var(--font-family-base);font-weight:var(--font-weight-extrabold);letter-spacing:-.025em;font-size:clamp(3rem,7vw,4rem);line-height:1.05}.text-h1{font-family:var(--font-family-base);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;font-size:clamp(2.5rem,5.5vw,3.5rem);line-height:1.1}.text-h2{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);letter-spacing:-.01em;font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.15}.text-h3{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.2}.text-h4{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.25}.text-lead{font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--color-gray-600);font-size:clamp(1.125rem,2.2vw,1.35rem);line-height:1.5}.text-body{font-family:var(--font-family-base);font-weight:var(--font-weight-regular);color:var(--color-gray-600);font-size:1rem;line-height:1.65}.text-meta{font-family:var(--font-family-base);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;line-height:1.3}.text-accent-red{color:var(--color-red-600)}.text-accent-navy{color:var(--color-navy-900)}.text-balance{text-wrap:balance}.btn{--_bg:var(--color-red-600);--_bg-hover:var(--color-red-700);--_color:#fff;font:var(--font-weight-semibold)var(--fs-body)/1.2 var(--font-family-base);border-radius:var(--radius-md);background:var(--_bg);color:var(--_color);cursor:pointer;transition:background var(--dur-base)var(--ease-standard),box-shadow var(--dur-base)var(--ease-standard);border:none;align-items:center;gap:8px;padding:12px 20px;display:inline-flex;position:relative}.btn:hover{background:var(--_bg-hover)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn--outline{--_bg:transparent;--_color:var(--color-red-600);box-shadow:inset 0 0 0 2px var(--color-red-600)}.btn--outline:hover{background:#b01f240f}.badge{border-radius:var(--radius-pill);background:var(--color-red-700);color:#fff;font:600 12px/1 var(--font-family-base);letter-spacing:.04em;padding:4px 10px;display:inline-block}.section{padding:var(--space-9)0}.section--alt{background:var(--color-gray-050)}.gradient-arc{isolation:isolate;position:relative}.gradient-arc:before{content:"";background:radial-gradient(circle at 30% 30%,var(--color-red-600)0%,var(--color-red-700)70%,var(--color-red-800)100%);opacity:.9;position:absolute;inset:0;-webkit-mask:linear-gradient(#000,#000) top/100% 100% no-repeat;mask:linear-gradient(#000,#000) top/100% 100% no-repeat}.financing-card{background:linear-gradient(135deg,var(--color-red-600),var(--color-red-700));color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:32px;display:flex}.financing-card h3{font:var(--font-weight-bold)24px/1.2 var(--font-family-base);margin:0}.financing-points{gap:12px;margin:0;padding:0;list-style:none;display:grid}.financing-points li{font:var(--font-weight-medium)14px/1.4 var(--font-family-base);align-items:flex-start;gap:8px;display:flex}.imagine-hero{background:radial-gradient(circle at 20% 20%,var(--color-red-600),var(--color-red-700));color:#fff;padding:var(--space-8)0 var(--space-6);text-align:center;position:relative;overflow:hidden}.imagine-hero h1{margin:0 0 12px}.imagine-hero p{max-width:640px;font:var(--font-weight-medium)18px/1.5 var(--font-family-base);opacity:.9;margin:0 auto}.progress-steps-wrapper{column-gap:48px}.progress-step .step-label{font:600 12px/1.2 var(--font-family-base);letter-spacing:.02em}.card{border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:32px}.card--glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.code-status-bar{background:linear-gradient(90deg,#fff,#fdf5f5);border-bottom:1px solid #f3d1d1}.style-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.style-tile{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-base)var(--ease-standard);background:#fff;padding:12px 14px;position:relative}.style-tile:hover{border-color:var(--color-red-600);box-shadow:0 2px 8px -2px #0000001f}.style-tile.is-selected{border-color:var(--color-red-600);background:linear-gradient(135deg,#fff,#fff 60%,#b01f2414)}.result-image{border-radius:var(--radius-lg);box-shadow:0 6px 24px -6px #0f1c2f40}@media (max-width:640px){.imagine-hero{padding:64px 0 40px}.card{padding:24px}}.ds-section-hero{padding:var(--space-9)0 var(--space-8);color:#fff;background:radial-gradient(circle at 25% 25%,var(--color-red-600),var(--color-red-700));position:relative;overflow:hidden}.ds-section-hero h1{margin:0 0 var(--space-3)}.ds-section-hero p{max-width:680px;font:var(--font-weight-medium)18px/1.55 var(--font-family-base);margin:0 auto}.before-after{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;width:100%;max-width:960px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 12px 32px -10px #0f1c2f59}.before-after__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.before-after__image--after{clip-path:inset(0 0 0 calc(var(--divider-pos,50%)*1%))}.before-after__divider{top:0;bottom:0;left:calc(var(--divider-pos,50%)*1%);background:#fff;width:2px;position:absolute;box-shadow:0 0 0 1px #0000004d}.before-after__handle{top:50%;left:calc(var(--divider-pos,50%)*1%);background:var(--color-red-600);color:#fff;cursor:ew-resize;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px -2px #0006}.before-after__label{font:600 12px/1 var(--font-family-base);letter-spacing:.04em;color:#fff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1c2fa6;padding:4px 10px;position:absolute;top:12px}.before-after__label--before{left:12px}.before-after__label--after{right:12px}.financing-calculator{border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);gap:var(--space-5);background:#fff;flex-direction:column;max-width:640px;margin-inline:auto;display:flex}.financing-calculator h2{margin:0}.fc-field{flex-direction:column;gap:6px;display:flex}.fc-field label{font:600 14px/1.3 var(--font-family-base);letter-spacing:.02em;color:var(--color-navy-900)}.fc-range-wrap{align-items:center;gap:12px;display:flex}.fc-range-wrap input[type=range]{accent-color:var(--color-red-600);flex:1;height:4px}.fc-input-inline{gap:8px;display:flex}.fc-input-inline input,.fc-input-inline select{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font:500 14px/1.2 var(--font-family-base);flex:1;padding:10px 12px}.fc-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.fc-summary-item{background:var(--color-gray-050);border-radius:var(--radius-md);text-align:center;padding:14px 16px}.fc-summary-item h4{font:600 12px/1.2 var(--font-family-base);letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-600);margin:0 0 4px}.fc-summary-item p{font:700 20px/1 var(--font-family-base);color:var(--color-navy-900);margin:0}.fc-disclaimer{font:500 11px/1.4 var(--font-family-base);color:var(--color-gray-600)}[data-nav]{--nav-height:64px}[data-nav].is-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px -2px #00000026}[data-nav].is-scrolled img{transform:scale(.9)}.section-band{padding:var(--space-9)0}.section-band--alt{background:var(--color-gray-050)}.section-header{text-align:center;margin:0 0 var(--space-6)}.section-header h2{margin:0 0 var(--space-3)}.section-header p{max-width:720px;font:var(--font-weight-medium)18px/1.5 var(--font-family-base);color:var(--color-gray-600);margin:0 auto}.transformations-grid{gap:32px;display:grid}@media (min-width:768px){.transformations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.financing-calculator{padding:var(--space-5)}}.red-texture{isolation:isolate;position:relative}.red-texture:before{content:"";background:linear-gradient(120deg,var(--color-red-700),var(--color-red-600));position:absolute;inset:0}.red-texture:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.55;background:repeating-linear-gradient(-55deg,#ffffff14 0 12px,#fff0 12px 24px);position:absolute;inset:0}.red-texture:before,.red-texture:after{z-index:0}.red-texture>*{z-index:1;position:relative}.bg-soft{background:linear-gradient(#fcfcfd,#f6f7f9)}.cta-band{padding:var(--space-8)0;color:#fff;text-align:center;position:relative}.cta-band.red{background:linear-gradient(135deg,var(--color-red-700),var(--color-red-600))}.cta-band.red.red-texture:before{background:linear-gradient(135deg,var(--color-red-800),var(--color-red-700))}.cta-actions{margin-top:var(--space-5);flex-direction:column;justify-content:center;gap:16px;display:flex}@media (min-width:640px){.cta-actions{flex-direction:row}}.value-grid{align-items:stretch;gap:32px;display:grid}@media (min-width:768px){.value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.value-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:box-shadow var(--dur-base)var(--ease-standard),transform var(--dur-base)var(--ease-standard);text-align:center;background:#fff;flex-direction:column;align-items:center;padding:40px 38px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px -6px #0f1c2f1f}.value-card:before{content:"";background:linear-gradient(90deg,var(--color-red-600),var(--color-red-700));opacity:.85;height:4px;position:absolute;top:0;left:0;right:0}.value-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px -10px #0f1c2f40}.value-card p{max-width:360px;margin:0}.value-icon{background:linear-gradient(135deg,var(--color-red-600),var(--color-red-700));color:#fff;width:56px;height:56px;font:700 20px/1 var(--font-family-base);border-radius:18px;justify-content:center;align-items:center;margin:-16px 0 28px;display:flex;box-shadow:0 6px 18px -6px #0000004d}@media (prefers-reduced-motion:reduce){.value-card,.value-card:hover{transform:none!important}}.value-number{font:700 48px/1 var(--font-family-base);color:var(--color-red-600);opacity:.15;letter-spacing:-.04em;margin-bottom:16px;display:block}.process-steps{counter-reset:step;gap:32px;display:grid}@media (min-width:900px){.process-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.process-step{border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);background:#fff;padding:24px 20px 28px;position:relative}.process-step:before{counter-increment:step;content:counter(step);background:linear-gradient(135deg,var(--color-red-600),var(--color-red-700));color:#fff;width:44px;height:44px;font:700 16px/1 var(--font-family-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-18px;left:20px;box-shadow:0 6px 16px -6px #00000059}.trust-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:760px;margin:0 auto;display:grid}@media (min-width:640px){.trust-badges{grid-template-columns:repeat(4,minmax(0,1fr))}}.trust-badge{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);text-align:center;font:600 13px/1.2 var(--font-family-base);color:var(--color-navy-900);background:#fff;flex-direction:column;justify-content:center;gap:6px;padding:14px 12px;display:flex}.trust-badge span{font:700 20px/1 var(--font-family-base);color:var(--color-red-600)}.testimonials-grid{gap:32px;display:grid}@media (min-width:900px){.testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.testimonial-card{border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font:var(--font-weight-regular)var(--fs-body)/1.5 var(--font-family-base);background:#fff;flex-direction:column;padding:28px 24px;display:flex;position:relative}.testimonial-card:before{content:"“";font:800 96px/1 var(--font-family-base);color:var(--color-red-600);opacity:.12;position:absolute;top:-32px;left:12px}.testimonial-quote{margin:0 0 auto;padding-bottom:20px}.testimonial-attribution{border-top:1px solid var(--color-gray-200);margin-top:auto;padding-top:16px}.testimonial-author{font:600 15px/1.3 var(--font-family-base);color:var(--color-navy-900);margin:0}.testimonial-meta{font:500 13px/1.3 var(--font-family-base);color:var(--color-gray-600);margin:4px 0 0}.hero-cover{text-align:center;color:#fff;min-height:clamp(560px,80vh,880px);padding:var(--space-10)var(--space-4)var(--space-9);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-cover__bg{will-change:transform;background:url(/images/roof-bg.png) 50%/cover no-repeat;animation:26s ease-in-out infinite alternate hero-zoom;position:absolute;inset:0}.hero-cover:after{content:"";background:linear-gradient(165deg,#0a0f19d9,#0a0f199e 40%,#0a0f1973 62%,#0a0f19cc);position:absolute;inset:0}@keyframes hero-zoom{to{transform:scale(1.08)}}.hero-cover .lead{font:var(--font-weight-medium)19px/1.55 var(--font-family-base);max-width:720px;margin:0 auto}.hero-cover__content{z-index:10;width:100%;max-width:1180px;padding:0 var(--space-5);align-items:center;gap:56px;margin:0 auto;display:grid;position:relative}@media (min-width:960px){.hero-cover__content{grid-template-columns:minmax(0,1fr) 500px}}.hero-col--text{text-align:left}.hero-col--text h1,.hero-col--text p{text-align:left;margin-left:0;margin-right:0}.hero-col--actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.hero-col--actions .btn{--btn-height:52px}@media (max-width:959px){.hero-cover{padding-top:var(--space-9)}.hero-col--text,.hero-col--text h1,.hero-col--text p{text-align:center}.hero-col--actions{justify-content:center}}.hero-cover--stack .hero-cover__content{justify-content:center;align-items:center;gap:var(--space-6);padding-top:var(--space-11);padding-bottom:var(--space-9);flex-direction:column;display:flex}.hero-cover--stack .hero-head{max-width:860px}.hero-head h1{letter-spacing:-.02em}.hero-head p{font:var(--font-weight-medium)20px/1.55 var(--font-family-base);color:var(--color-gray-050);text-shadow:0 2px 4px #00000059}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}.hero-ctas .btn{--btn-height:54px;letter-spacing:.04em;font-weight:700}.hero-form-card{width:100%;max-width:640px}.hero-form-card .card-inner-accent{pointer-events:none;border-radius:inherit;mix-blend-mode:overlay;background:radial-gradient(circle at 18% 12%,#fff9,#fff0);position:absolute;inset:0}@media (min-width:1024px){.hero-cover--stack .hero-cover__content{padding-top:var(--space-12);padding-bottom:var(--space-11)}}.process-steps .process-step,.process-steps .process-step h3{color:var(--color-navy-900)}.process-steps .process-step p{color:var(--color-gray-700)}