:root{--red:#c51421;--dark:#111827;--ink:#1f2937;--gold:#f4b000;--light:#f7f7f5;--muted:#667085;--white:#fff;--line:#e7e7e7;--shadow:0 18px 40px rgba(0,0,0,.18)}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55} img{max-width:100%;display:block} a{color:inherit;text-decoration:none}.topbar{background:var(--dark);color:#fff;font-size:14px}.wrap{width:min(1180px,92%);margin:auto}.topbar .wrap,.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar a{color:#fff;font-weight:700}.nav{position:sticky;top:0;background:#fff;z-index:9;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;padding:12px 0}.brand img{width:66px;height:66px;object-fit:contain}.brand b{font-size:22px;letter-spacing:.02em;color:var(--dark)}.brand span{display:block;color:var(--red);font-weight:800;font-size:13px;letter-spacing:.12em}.menu{display:flex;gap:18px;align-items:center;font-weight:800}.menu a:hover{color:var(--red)}.btn{display:inline-block;background:var(--red);color:#fff!important;padding:12px 18px;border-radius:999px;font-weight:900;box-shadow:0 8px 22px rgba(197,20,33,.25)}.btn.alt{background:var(--dark)}.btn.gold{background:var(--gold);color:#111!important}.hero{background:linear-gradient(90deg,rgba(17,24,39,.92),rgba(17,24,39,.55)),url('assets/hero-roof.jpg') center/cover; color:#fff;padding:92px 0}.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.96;margin:14px 0;max-width:850px}.hero p{font-size:22px;max-width:760px}.badges{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:10px 14px;border-radius:999px;font-weight:800}.section{padding:72px 0}.section.gray{background:var(--light)}.kicker{font-weight:900;color:var(--red);text-transform:uppercase;letter-spacing:.12em}.h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:8px 0 16px;color:var(--dark)}.lead{font-size:19px;color:#475467;max-width:820px}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.card h3{margin-top:0;color:var(--dark);font-size:23px}.card strong{color:var(--red)}.photo-card{border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.photo-card img{width:100%;height:260px;object-fit:cover}.photo-card .cap{padding:16px;font-weight:800}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.feature{background:var(--dark);color:#fff;border-radius:28px;padding:34px}.feature h2{color:#fff}.feature p{color:#e5e7eb}.list{padding-left:20px}.list li{margin:9px 0}.cta{background:linear-gradient(135deg,var(--red),#7f111b);color:#fff;border-radius:30px;padding:42px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:38px;margin:0 0 6px}.plans{align-items:stretch}.price{font-size:44px;font-weight:900;color:var(--dark)}.price span{font-size:16px;color:var(--muted)}.plan.featured{border:3px solid var(--red);transform:translateY(-8px)}.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;padding:14px;border:1px solid #d0d5dd;border-radius:12px;font-size:16px}.form textarea{min-height:130px}.footer{background:#0f172a;color:#fff;padding:42px 0}.footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{color:#fff}.small{font-size:14px;color:#cbd5e1}.areas{columns:3}.notice{background:#fff7ed;border-left:5px solid var(--gold);padding:14px 18px;border-radius:12px}.page-hero{background:linear-gradient(90deg,rgba(17,24,39,.9),rgba(17,24,39,.55)),url('assets/storm-1.jpg') center/cover;color:#fff;padding:76px 0}.page-hero h1{font-size:clamp(38px,6vw,66px);line-height:1;margin:10px 0}.logo-mini{width:110px;margin-bottom:12px}@media(max-width:850px){.menu{display:none}.grid.two,.grid.three,.grid.four,.split,.footer .wrap{grid-template-columns:1fr}.hero{padding:68px 0}.cta{display:block}.areas{columns:1}.photo-card img{height:230px}.brand b{font-size:18px}}