.ct-hero{position:relative;background:linear-gradient(#0e2a4fe6,#0e2a4ff0),url(/images/primetime-roofers-installing-shingles.webp) center 40%/cover no-repeat;color:#fff;padding:64px 0 200px}.ct .ct-hero h1{color:#fff;margin:0;font-size:clamp(36px,4.4vw,60px)}.ct-main{position:relative;background:#f2f5f9;padding-bottom:80px}.ct-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:stretch;margin-top:-150px}.ct-form{background:#fff;border-radius:14px;padding:38px 36px 36px;box-shadow:0 22px 50px #0b234224}.ct-lead{font-size:18px;line-height:1.65;color:#000;margin:0 0 6px}.ct-lead a{color:var(--navy);font-weight:700}.ct .cform{max-width:none;gap:18px}.ct .cf-row{gap:18px}.ct .cf-field{gap:8px}.ct .cf-field span{font:600 12px/1.2 var(--display);letter-spacing:.14em;color:var(--navy)}.ct .cf-field input,.ct .cf-field textarea{border:1px solid #d3dbe5;border-radius:6px;font-family:var(--sans);font-size:17px;padding:12px 14px;background:#fff}.ct .cf-field textarea{min-height:140px}.ct .cf-field input:focus-visible,.ct .cf-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.ct .cf-send{min-width:150px;border-radius:6px}.ct .cf-send:disabled{opacity:1;cursor:not-allowed}.ct .cf-note{position:relative;background:#fff4e8;border:1px solid #fbe0c2;border-radius:8px;padding:14px 18px 14px 50px;color:#000;font-size:15.5px}.ct .cf-note:before{content:"!";position:absolute;left:18px;top:15px;width:20px;height:20px;border:2px solid var(--accent-deep);border-radius:50%;color:var(--accent-deep);font:700 13px/16px var(--display);text-align:center}.ct .cf-note a{color:var(--navy);font-weight:700}.ct-info{display:flex;flex-direction:column;background:var(--navy);color:#fff;border-radius:14px;padding:34px 30px 28px;box-shadow:0 22px 50px #0b23422e}.ct-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:26px}.ct-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;margin:0}.ct-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#ffffff14;color:var(--accent)}.ct-ico svg{width:20px;height:20px}.ct-list b{display:block;font:600 12px/1.2 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:4px 0 6px}.ct-list p,.ct-list address{margin:0;color:#fff;font-size:17px;line-height:1.55}.ct-phone a{color:#fff;font:700 28px/1.1 var(--display);text-decoration:none;letter-spacing:-.01em}.ct-phone a:hover{color:var(--accent)}.ct-info-foot{margin-top:auto;padding-top:28px;border-top:1px solid rgba(255,255,255,.14)}.ct .ct-call{width:100%;justify-content:center;border-radius:6px}.ct-badges{margin:14px 0 0;text-align:center;font-size:14px;color:#fff;opacity:.85}.ct-area{background:#fff}.ct-area-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}.ct .sa-map{max-width:none}.ct-area-text h2{color:var(--navy);margin:0 0 .45em}.ct-area-text p{font-size:18px;color:#000;margin:0 0 24px}@media(max-width:1000px){.ct-grid{grid-template-columns:1fr;margin-top:-140px}.ct-area-in{grid-template-columns:1fr;gap:40px}}@media(max-width:680px){.ct-hero{padding:48px 0 170px}.ct-form{padding:28px 20px}.ct-info{padding:28px 22px 24px}.ct-phone a{font-size:26px}}
