.flat-roof-repair-page{margin:0;padding:0;color:var(--ink-950);background:var(--mist);font-family:"Avenir Next","Manrope","Segoe UI",Helvetica,Arial,sans-serif}
.flat-roof-repair-page .flat-page{width:100%;max-width:none;margin:0;padding:0 0 100px;overflow:hidden}
.flat-roof-repair-page .flat-shell{width:min(100% - 36px,1180px);margin:0 auto}
.flat-roof-repair-page .flat-hero{position:relative;width:100vw;max-width:none;min-height:720px;display:grid;align-items:center;overflow:hidden;margin-left:calc(50% - 50vw);padding:clamp(70px,8vw,120px) 0;color:var(--white);background:var(--navy-950)}
.flat-roof-repair-page .flat-hero::before{position:absolute;inset:0;background:url('/images/flat-roof-repair/completed-bur-roof-repair-1200.webp') center/cover no-repeat;content:"";opacity:.52}
.flat-roof-repair-page .flat-hero::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,38,.99) 0%,rgba(3,26,48,.94) 47%,rgba(3,26,48,.66) 73%,rgba(3,26,48,.48) 100%),linear-gradient(0deg,rgba(3,26,48,.67),transparent 62%);content:""}
.flat-roof-repair-page .flat-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.58fr);align-items:center;gap:clamp(55px,8vw,125px)}
.flat-roof-repair-page .flat-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 13px;color:var(--orange-600);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.flat-roof-repair-page .flat-kicker::before{width:29px;height:3px;background:var(--orange-500);border-radius:999px;content:""}
.flat-roof-repair-page .flat-hero .flat-kicker{color:#ffb15b}
.flat-roof-repair-page .flat-hero h1{max-width:790px;margin:0;color:var(--white);font-size:clamp(3.1rem,5.7vw,5.65rem);font-weight:780;letter-spacing:-.06em;line-height:.98}
.flat-roof-repair-page .flat-lede{max-width:760px;margin:17px 0 0;color:var(--ink-500);font-size:.88rem;line-height:1.75}
.flat-roof-repair-page .flat-hero .flat-lede{margin-top:25px;color:rgba(255,255,255,.76);font-size:1.05rem}
.flat-roof-repair-page .flat-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}
.flat-roof-repair-page .flat-button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;color:var(--white);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.28);border-radius:13px;font-size:.74rem;font-weight:900;backdrop-filter:blur(12px);transition:transform .3s var(--ease),box-shadow .3s ease}
.flat-roof-repair-page .flat-button.primary{color:var(--navy-950);background:linear-gradient(135deg,#ffad43,var(--orange-500));border:0;box-shadow:0 13px 30px rgba(237,106,0,.28)}
.flat-roof-repair-page .flat-button:hover{transform:translateY(-3px)}
.flat-roof-repair-page .flat-proof{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 0;padding:0;list-style:none}
.flat-roof-repair-page .flat-proof li{padding:8px 12px;color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);border-radius:999px;font-size:.66rem;font-weight:800}
.flat-roof-repair-page .flat-hero-photo{overflow:hidden;margin:0;padding:15px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07)),rgba(3,26,48,.38);border:1px solid rgba(255,255,255,.25);border-radius:28px;box-shadow:0 28px 70px rgba(2,15,29,.34),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(18px)}
.flat-roof-repair-page .flat-hero-photo img{display:block;width:100%;height:280px;object-fit:cover;object-position:center;border-radius:17px}
.flat-roof-repair-page .flat-hero-photo figcaption{padding:18px 5px 5px;color:rgba(255,255,255,.68);font-size:.73rem;line-height:1.55}.flat-roof-repair-page .flat-hero-photo strong{color:#ffb15b}
.flat-roof-repair-page .flat-nav-wrap{position:sticky;top:102px;z-index:25;width:min(100% - 36px,1100px);margin:22px auto 0}.flat-roof-repair-page .flat-nav{width:100%;display:flex;gap:7px;overflow-x:auto;padding:10px;background:rgba(255,255,255,.95);border:1px solid rgba(6,41,75,.1);border-radius:16px;box-shadow:var(--shadow-md);backdrop-filter:blur(15px)}
.flat-roof-repair-page .flat-nav a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;padding:9px 13px;color:var(--navy-900);border-radius:10px;font-size:.65rem;font-weight:850}.flat-roof-repair-page .flat-nav a:hover{color:var(--white);background:var(--navy-900)}
.flat-roof-repair-page .flat-section{width:100%;padding:88px 0}.flat-roof-repair-page .flat-section+.flat-section{border-top:1px solid rgba(6,41,75,.09)}.flat-roof-repair-page .flat-section.soft{background:#edf3f8}
.flat-roof-repair-page .flat-heading-row,.flat-roof-repair-page .flat-story-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);align-items:end;gap:50px;margin-bottom:38px}.flat-roof-repair-page .flat-heading-row h2,.flat-roof-repair-page .flat-section> .flat-shell>h2,.flat-roof-repair-page .flat-story-intro h2,.flat-roof-repair-page .flat-old-roof h2,.flat-roof-repair-page .flat-faq h2,.flat-roof-repair-page .flat-areas h2{margin:0;color:var(--navy-950);font-size:clamp(2.25rem,4.5vw,4rem);font-weight:770;letter-spacing:-.055em;line-height:1.04}.flat-roof-repair-page .flat-heading-note{margin:0;color:var(--ink-500);font-size:.82rem;line-height:1.72}
.flat-roof-repair-page .flat-truth-grid,.flat-roof-repair-page .flat-system-grid,.flat-roof-repair-page .flat-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flat-roof-repair-page .flat-cause-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.flat-roof-repair-page .flat-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.flat-roof-repair-page .flat-card{padding:27px;background:var(--white);border:1px solid rgba(6,41,75,.1);border-radius:20px;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease}.flat-roof-repair-page .flat-card:hover{transform:translateY(-5px);border-color:rgba(255,130,0,.35);box-shadow:var(--shadow-md)}.flat-roof-repair-page .flat-card h3{margin:0;color:var(--navy-950);font-size:1.04rem;letter-spacing:-.025em}.flat-roof-repair-page .flat-card p{margin:11px 0 0;color:var(--ink-500);font-size:.77rem;line-height:1.7}.flat-roof-repair-page .flat-card-num,.flat-roof-repair-page .flat-system-tag{display:inline-flex;margin-bottom:15px;color:var(--orange-600);font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.flat-roof-repair-page .flat-section.dark{width:100vw;max-width:none;margin-left:calc(50% - 50vw);color:var(--white);background:radial-gradient(circle at 100% 0,rgba(255,130,0,.16),transparent 30%),var(--navy-950)}.flat-roof-repair-page .dark :is(h2,h3){color:var(--white)}.flat-roof-repair-page .dark .flat-lede{color:rgba(255,255,255,.67)}.flat-roof-repair-page .flat-story-summary{padding:20px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:16px;font-size:.77rem;line-height:1.65}
.flat-roof-repair-page .flat-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.flat-roof-repair-page .flat-gallery figure{overflow:hidden;margin:0;color:var(--ink-950);background:var(--white);border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.2)}.flat-roof-repair-page .flat-gallery img{display:block;width:100%;height:225px;object-fit:cover}.flat-roof-repair-page .flat-gallery figcaption{padding:17px 18px 20px;color:var(--ink-500);font-size:.7rem;line-height:1.6}.flat-roof-repair-page .flat-gallery strong{display:block;margin-bottom:5px;color:var(--navy-950);font-size:.84rem}
.flat-roof-repair-page .flat-method-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px}.flat-roof-repair-page .flat-method-links a,.flat-roof-repair-page .flat-city-list a{min-height:39px;display:inline-flex;align-items:center;padding:8px 12px;color:var(--navy-900);background:var(--white);border:1px solid rgba(6,41,75,.1);border-radius:999px;font-size:.68rem;font-weight:800}
.flat-roof-repair-page .flat-old-roof{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;margin-top:55px;padding:clamp(34px,5vw,58px);background:var(--white);border:1px solid rgba(6,41,75,.1);border-radius:27px;box-shadow:var(--shadow-md)}.flat-roof-repair-page .flat-old-roof img{width:100%;height:360px;object-fit:cover;border-radius:19px}.flat-roof-repair-page .flat-old-roof p{color:var(--ink-500);font-size:.8rem;line-height:1.72}
.flat-roof-repair-page .flat-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding:32px;color:var(--white);background:linear-gradient(135deg,var(--navy-950),var(--navy-800));border-radius:22px}.flat-roof-repair-page .flat-callout .flat-button{flex:0 0 auto}.flat-roof-repair-page .flat-faq{text-align:center}.flat-roof-repair-page .flat-faq-list{display:grid;gap:12px;max-width:940px;margin:36px auto 0;text-align:left}.flat-roof-repair-page .flat-faq details{overflow:hidden;background:var(--white);border:1px solid rgba(6,41,75,.1);border-radius:16px;box-shadow:var(--shadow-sm)}.flat-roof-repair-page .flat-faq summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:var(--navy-950);cursor:pointer;font-size:.81rem;font-weight:850}.flat-roof-repair-page .flat-faq summary::after{color:var(--orange-600);content:"+";font-size:1.2rem}.flat-roof-repair-page .flat-faq details[open] summary::after{content:"−"}.flat-roof-repair-page .flat-faq details p{margin:0;padding:0 20px 20px;color:var(--ink-500);font-size:.77rem;line-height:1.72}
.flat-roof-repair-page .flat-areas{text-align:center}.flat-roof-repair-page .flat-areas .flat-lede{margin-right:auto;margin-left:auto}.flat-roof-repair-page .flat-city-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:25px 0 0;padding:0;list-style:none}
.flat-roof-repair-page .flat-form-wrap>.flat-shell{position:relative;max-width:1040px;padding:clamp(32px,5vw,58px);overflow:hidden;background:rgba(255,255,255,.98);border:1px solid rgba(6,41,75,.11);border-radius:28px;box-shadow:0 26px 70px rgba(6,41,75,.14)}.flat-roof-repair-page .flat-form-wrap>.flat-shell::before{position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--orange-500),#ffb34e 44%,var(--blue-500));content:""}.flat-roof-repair-page .estimate-form-heading{margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid rgba(6,41,75,.11)}.flat-roof-repair-page .estimate-form-heading>span{color:var(--orange-600);font-size:.65rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.flat-roof-repair-page .estimate-form-heading h2{margin:9px 0 0;color:var(--navy-950);font-size:clamp(1.8rem,3.5vw,2.75rem);letter-spacing:-.045em}.flat-roof-repair-page .estimate-form-heading p{max-width:720px;margin:12px 0 0;color:var(--ink-500);font-size:.78rem;line-height:1.65}.flat-roof-repair-page #estimate-form{max-width:none;margin:0;padding:0;background:transparent;box-shadow:none}.flat-roof-repair-page .estimate-form-block .form-row{gap:16px;margin-bottom:16px}.flat-roof-repair-page .estimate-form-block :is(input,select,textarea){min-height:54px;padding:13px 15px;color:var(--ink-950);background:#fbfcfd;border:1px solid rgba(6,41,75,.16);border-radius:12px;font:500 16px/1.35 inherit}.flat-roof-repair-page .estimate-form-block textarea{min-height:128px}.flat-roof-repair-page .estimate-form-block :is(input,select,textarea):focus{outline:none;background:var(--white);border-color:var(--orange-500);box-shadow:0 0 0 4px rgba(255,130,0,.13)}.flat-roof-repair-page .estimate-form-block .zenith-btn{min-height:56px;color:var(--navy-950);background:linear-gradient(135deg,#ffad43,var(--orange-500));border:0;border-radius:13px;box-shadow:0 13px 30px rgba(237,106,0,.25);font:900 .78rem/1 inherit}
.flat-roof-repair-page .flat-final{width:min(100% - 36px,1180px);margin:0 auto;padding:0}.flat-roof-repair-page .flat-final-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(31px,5vw,52px);color:var(--white);background:linear-gradient(135deg,var(--navy-950),var(--navy-800));border-radius:24px;box-shadow:var(--shadow-lg)}.flat-roof-repair-page .flat-final .flat-button{flex:0 0 auto}
@media(max-width:960px){.flat-roof-repair-page .flat-hero-grid,.flat-roof-repair-page .flat-heading-row,.flat-roof-repair-page .flat-story-intro{grid-template-columns:1fr}.flat-roof-repair-page .flat-truth-grid,.flat-roof-repair-page .flat-system-grid,.flat-roof-repair-page .flat-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flat-roof-repair-page .flat-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.flat-roof-repair-page .flat-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flat-roof-repair-page .flat-old-roof{grid-template-columns:1fr}}
@media(max-width:680px){.flat-roof-repair-page .flat-hero{min-height:0;padding:76px 0 66px}.flat-roof-repair-page .flat-hero h1{font-size:clamp(2.7rem,13vw,4rem)}.flat-roof-repair-page .flat-hero-photo img{height:280px}.flat-roof-repair-page .flat-nav-wrap{top:76px;width:calc(100% - 20px)}.flat-roof-repair-page .flat-section{padding:68px 0}.flat-roof-repair-page .flat-truth-grid,.flat-roof-repair-page .flat-system-grid,.flat-roof-repair-page .flat-cause-grid,.flat-roof-repair-page .flat-gallery,.flat-roof-repair-page .flat-method-grid,.flat-roof-repair-page .flat-choice-grid{grid-template-columns:1fr}.flat-roof-repair-page .flat-gallery img{height:220px}.flat-roof-repair-page .flat-old-roof{padding:25px 18px}.flat-roof-repair-page .flat-old-roof img{height:260px}.flat-roof-repair-page .flat-callout,.flat-roof-repair-page .flat-final-inner{flex-direction:column;align-items:flex-start}.flat-roof-repair-page .flat-callout .flat-button,.flat-roof-repair-page .flat-final .flat-button{width:100%}.flat-roof-repair-page .flat-form-wrap>.flat-shell{width:calc(100% - 28px);padding:28px 18px}.flat-roof-repair-page .estimate-form-block .form-col-6,.flat-roof-repair-page .estimate-form-block .form-col-4{flex-basis:100%}.flat-roof-repair-page .estimate-form-block .recaptcha-container{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.flat-roof-repair-page *,.flat-roof-repair-page *::before,.flat-roof-repair-page *::after{transition-duration:.01ms!important}}