*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#14201a;line-height:1.5} a{color:inherit;text-decoration:none} img{max-width:100%;display:block;border-radius:16px}
.topbar-dark{background:#0f3d2e;color:#fff;display:flex;justify-content:space-between;gap:16px;padding:8px 32px;font-size:12px;flex-wrap:wrap} .topbar-dark i{color:#ff7a1a} .topbar-dark .right{text-align:right;line-height:1.2}
.header{position:sticky;top:0;z-index:20;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;box-shadow:0 2px 18px rgba(0,0,0,.07)} .logo{display:flex;gap:10px;align-items:center} .logo i{font-size:28px;color:#ff7a1a} .logo b{font-size:22px;letter-spacing:.5px} .logo small{display:block;font-size:9px;letter-spacing:2px;color:#666} nav{display:flex;gap:20px;font-size:14px} nav a.active{color:#ff7a1a;font-weight:700;border-bottom:2px solid #ff7a1a} .menu-btn{display:none;border:0;background:none;font-size:22px}
.btn-orange{display:inline-flex;align-items:center;gap:8px;background:#ff7a1a;color:#fff;padding:13px 20px;border-radius:8px;font-weight:700;border:0;cursor:pointer;transition:.25s;box-shadow:0 8px 18px rgba(255,122,26,.3)} .btn-orange:hover{transform:translateY(-2px) scale(1.03);background:#f56a0a} .btn-orange.small{padding:10px 14px} .btn-orange.full{width:100%;justify-content:center;margin-top:12px} .btn-outline{display:inline-flex;align-items:center;gap:10px;border:1px solid #ddd;padding:10px 16px;border-radius:8px;font-weight:700;background:#fff;transition:.25s} .btn-outline:hover{border-color:#ff7a1a;transform:translateY(-2px)} .btn-outline small{font-weight:400;color:#666}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;padding:36px 32px;align-items:center} .pill{background:#fff3e8;color:#ff7a1a;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:1px} h1{font-size:48px;line-height:1.05;margin:16px 0} h1 span{color:#ff7a1a} .check-list{list-style:none;padding:0;display:grid;gap:8px;font-weight:600} .check-list i{color:#ff7a1a} .hero-actions{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap;align-items:center}
.hero-img{position:relative} .hero-img img{height:460px;width:100%;object-fit:cover;border-radius:20px} .emergency-box{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#0f3d2e;color:#fff;padding:18px;border-radius:12px;max-width:190px} .emergency-box p{font-size:12px;opacity:.85} .emergency-box span{background:#ff7a1a;width:38px;height:38px;display:grid;place-items:center;border-radius:50%}
.section{padding:50px 32px;text-align:center} .eyebrow{color:#ff7a1a;font-weight:800;letter-spacing:1px;font-size:12px} .section h2{font-size:32px;margin:8px 0 26px}
.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;text-align:center} .service{background:#fff;border:1px solid #eee;border-radius:14px;padding:20px 14px;transition:.3s} .service:hover{transform:translateY(-6px);box-shadow:0 14px 28px rgba(0,0,0,.1);border-color:#ffd9b8} .s-icon{font-size:28px;color:#ff7a1a;display:block;margin-bottom:12px} .service h3{font-size:15px;margin:0 0 8px} .service p{font-size:13px;color:#666} .service a{color:#ff7a1a;font-weight:700;font-size:13px}
.why-choose{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:40px 32px;background:#f7f7f2;align-items:start} .feature{display:flex;gap:12px;margin:18px 0} .feature i{color:#ff7a1a;font-size:20px;background:#fff;border:1px solid #eee;padding:10px;border-radius:10px;height:fit-content} .why-img{position:relative} .why-img img{height:360px;object-fit:cover} .exp-badge{position:absolute;left:16px;bottom:16px;background:#fff;padding:14px;border-radius:12px;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.15)} .exp-badge b{font-size:26px;color:#ff7a1a;display:block}
.pricing{background:#fff;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.06)} table{width:100%;border-collapse:collapse;font-size:13px} th{text-align:left;padding:8px;border-bottom:1px solid #eee} td{padding:8px;border-bottom:1px solid #f2f2f2} td:last-child{color:#ff7a1a;font-weight:700;text-align:right}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left} .step{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;position:relative;transition:.3s} .step:hover{transform:translateY(-4px)} .step span{background:#0f3d2e;color:#fff;width:48px;height:48px;display:grid;place-items:center;border-radius:10px;font-size:20px} .step small{position:absolute;right:14px;top:12px;color:#ccc;font-weight:800} .step:nth-child(even) span{background:#ff7a1a}
.promo{background:#0f3d2e;color:#fff;margin:20px 32px;border-radius:18px;padding:26px 28px;display:flex;align-items:center;gap:24px;justify-content:space-between;overflow:hidden} .promo h2{margin:0;font-size:30px} .promo h2 span{color:#ff7a1a} .promo img{width:260px;height:120px;object-fit:cover}
.testi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left} .t{background:#fff;border:1px solid #eee;border-radius:16px;padding:20px} .stars{color:#ffb400} .t b{display:flex;gap:10px;align-items:center;margin-top:14px} .t b img{width:44px;height:44px;border-radius:50%;object-fit:cover} .arrows button{width:38px;height:38px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:18px;transition:.2s} .arrows button:hover{background:#ff7a1a;color:#fff}
footer{background:#0f3d2e;color:#cfe0d8;display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.1fr 1.2fr;gap:22px;padding:36px 32px 16px} footer b{color:#fff;display:block;margin-bottom:12px} footer a{display:block;color:#cfe0d8;margin-bottom:8px;font-size:13px} footer a:hover{color:#ff7a1a} footer form{display:flex;background:#fff;border-radius:8px;overflow:hidden} footer input{border:0;padding:10px;flex:1;outline:none} footer form button{background:#ff7a1a;color:#fff;border:0;padding:0 14px;cursor:pointer} .social i{font-size:18px;margin-right:10px} .copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:14px;font-size:12px;text-align:center}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease} .reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.services-grid{grid-template-columns:repeat(3,1fr)}.why-choose{grid-template-columns:1fr 1fr}.pricing{grid-column:1/-1}nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.testi{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.services-grid{grid-template-columns:1fr 1fr}.why-choose{grid-template-columns:1fr}.steps{grid-template-columns:1fr}footer{grid-template-columns:1fr}.hero,.section,.why-choose{padding:26px 18px}.promo{flex-direction:column;text-align:center}.promo img{width:100%}h1{font-size:36px}.topbar-dark{justify-content:center;text-align:center}.topbar-dark .right{text-align:center}}