:root{--primary:#f4b400;--dark:#121212;--soft:#1d1d1d;--light:#ffffff;--gray:#f5f5f5;--text:#222;--muted:#666;--border:#e6e6e6;--radius:18px;--shadow:0 10px 35px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--dark);color:#fff;font-size:14px}.topbar-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 0}.topbar-wrap span{opacity:.8;margin-left:10px}.top-actions{display:flex;gap:10px}.top-actions a{background:#ffffff12;padding:8px 14px;border-radius:999px}
.navbar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--border)}.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.brand{font-weight:800;font-size:26px;color:var(--dark)}.brand span{display:block;font-size:12px;color:var(--muted);font-weight:600}.nav-links{display:flex;gap:24px;font-weight:600;color:#333}
.hero{background:linear-gradient(135deg,#111 0%,#2a2a2a 100%);color:#fff;padding:80px 0 60px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}.badge{display:inline-block;background:#ffffff14;border:1px solid #ffffff26;color:var(--primary);padding:10px 16px;border-radius:999px;font-weight:700;font-size:13px;margin-bottom:18px}.hero h1{font-size:52px;line-height:1.08;margin:0 0 18px}.hero p{font-size:18px;color:#ededed;max-width:720px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn-primary,.btn-secondary,button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:14px;font-weight:700;border:none;cursor:pointer}.btn-primary,button{background:var(--primary);color:#111}.btn-secondary{background:#fff;color:#111}.full{width:100%}.hero-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-points span{background:#ffffff12;border:1px solid #ffffff14;padding:10px 14px;border-radius:999px;font-size:14px}.hero-card{background:#fff;color:#222;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.hero-card h3{margin-top:0}.hero-card ul{padding-left:18px;margin:0}
.section{padding:80px 0}.section.gray{background:var(--gray)}.section.dark{background:var(--dark);color:#fff}.section-head{text-align:center;max-width:760px;margin:0 auto 34px}.section-head.left{text-align:left;margin:0 0 20px}.section-head span{color:var(--primary);font-weight:800;letter-spacing:.3px}.section-head h2{font-size:38px;line-height:1.15;margin:8px 0 0}.cards{display:grid;gap:22px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.service-card{position:relative;overflow:hidden}.service-icon{font-size:34px;margin-bottom:14px}.service-card h3,.blog-card h2{margin:0 0 8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#ffffff0d;border:1px solid #ffffff12;padding:28px;border-radius:20px;text-align:center}.stat strong{display:block;font-size:34px;color:var(--primary)}
.areas-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}.area-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.area-tags span{background:var(--gray);border:1px solid var(--border);padding:10px 14px;border-radius:999px;font-weight:600}.contact-box{background:linear-gradient(135deg,#181818,#2d2d2d);color:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.contact-box .btn-primary{margin:10px 0 12px}
.testimonial p{font-size:18px}.faq-list{max-width:900px;margin:auto}.faq-list details{background:#fff;border:1px solid var(--border);padding:18px 20px;border-radius:16px;margin-bottom:14px}.faq-list summary{font-weight:700;cursor:pointer}.faq-list p{margin:12px 0 0;color:#555}.map-wrap iframe{width:100%;height:420px;border:0;border-radius:24px;box-shadow:var(--shadow)}
.footer{background:#101010;color:#fff;padding:60px 0 90px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:28px}.footer-cta{display:block;background:var(--primary);color:#111;padding:14px 18px;border-radius:14px;text-align:center;font-weight:800;margin-bottom:10px}.footer-cta.secondary{background:#fff}.copyright{border-top:1px solid #ffffff12;margin-top:24px;padding-top:20px;color:#cfcfcf;font-size:14px}.sticky-mobile-bar{display:none}
.page-hero.small{background:linear-gradient(135deg,#151515,#2e2e2e);color:#fff;padding:60px 0}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.blog-card .date{color:var(--primary);font-weight:700}.read-more{display:inline-block;margin-top:12px;color:#111;font-weight:700}.single-post{max-width:880px}.single-post p{font-size:18px;color:#333}
.admin-body{background:#f3f4f6;color:#1f2937}.login-box{width:min(440px,92%);background:#fff;padding:34px;border-radius:24px;box-shadow:var(--shadow);margin:8vh auto}.login-box h1{margin:0 0 6px}.login-box form{display:grid;gap:14px;margin-top:18px}.login-box input,.grid-form input,.grid-form textarea,.inline-form input{width:100%;padding:14px 16px;border:1px solid #d9dbe1;border-radius:12px;font-size:15px}.grid-form textarea{min-height:120px;resize:vertical}.login-note{margin-top:14px;color:#666;font-size:14px}.alert{padding:14px 16px;border-radius:14px;margin-bottom:18px}.alert.success{background:#eaf8ef;color:#0d6b2f}.alert.error{background:#fdecec;color:#a02727}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#111827;color:#fff;padding:26px;display:flex;flex-direction:column;gap:12px}.sidebar h2{margin:0 0 16px}.sidebar a{padding:12px 14px;border-radius:12px;background:#ffffff08}.admin-main{padding:30px}.admin-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.view-site{background:#111827;color:#fff;padding:12px 16px;border-radius:12px}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.dash-card,.admin-card,.list-item{background:#fff;border-radius:20px;box-shadow:var(--shadow)}.dash-card{padding:24px;text-align:center}.dash-card strong{display:block;font-size:32px}.admin-card{padding:24px;margin-bottom:20px}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-form .full{grid-column:1/-1}.grid-form label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.inline-form{display:flex;gap:14px}.list-items{display:grid;gap:14px}.list-item{padding:18px 20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.delete-link{color:#b42318;font-weight:700}
@media (max-width:960px){.hero-grid,.areas-grid,.footer-grid,.cards.four,.cards.three,.cards.two,.stats-grid,.blog-grid,.admin-layout,.dashboard-cards,.grid-form{grid-template-columns:1fr}.nav-links{display:none}.hero h1{font-size:38px}.section-head h2{font-size:30px}.topbar-wrap{flex-direction:column;align-items:flex-start}.admin-main{padding:18px}.sidebar{padding:18px}.inline-form{flex-direction:column}}
@media (max-width:768px){.section{padding:64px 0}.sticky-mobile-bar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;background:#111;z-index:50}.sticky-mobile-bar a{text-align:center;padding:16px 10px;color:#fff;font-weight:800}.sticky-mobile-bar a:first-child{background:var(--primary);color:#111}.footer{padding-bottom:130px}.hero-buttons{flex-direction:column;align-items:flex-start}}