:root{--primary:#176b45;--primary2:#0f4a31;--accent:#d5aa45;--bg:#f7faf8;--surface:#fff;--ink:#17231e;--muted:#617069;--line:#dce5e0;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",sans-serif;background:var(--bg);color:var(--ink);line-height:1.75}.container{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav-wrap{height:78px;display:flex;align-items:center;gap:25px}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:17px;font-weight:900;white-space:nowrap}.site-brand small{display:block;font-size:10px;color:var(--muted);font-weight:600}.logo-icon{width:42px;height:42px;border-radius:13px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:22px}.site-header nav{display:flex;align-items:center;gap:17px;overflow:auto;flex:1}.site-header nav a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.site-header nav a.active,.site-header nav a:hover{color:var(--primary)}.nav-call{background:var(--primary);color:#fff;text-decoration:none;border-radius:10px;padding:9px 16px;font-weight:800;white-space:nowrap}.hero{min-height:630px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.16;margin:14px 0 20px;letter-spacing:-2px}.hero-copy>p,.hero-center>p{color:var(--muted);font-size:19px;max-width:650px}.eyebrow,.section-kicker{color:var(--primary);font-weight:900;font-size:14px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:27px}.btn-site{padding:13px 22px;border-radius:11px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.btn-site.call{background:var(--primary);color:#fff}.btn-site.wa{background:#25d366;color:#092d17}.second-phone{display:block;width:100%;color:var(--muted);font-weight:700;text-decoration:none;font-size:13px}.section{padding:90px 0}.section-head{text-align:center;max-width:670px;margin:0 auto 40px}.section-head span{color:var(--primary);font-weight:900}.section-head h2,.why-grid h2{font-size:clamp(30px,4vw,45px);line-height:1.25;margin:8px 0}.section-head p,.why-grid p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #14251d12}.service-card i{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:color-mix(in srgb,var(--primary) 10%,white);font-style:normal;font-size:27px}.service-card h3,.service-card h2{font-size:19px;margin:14px 0 5px}.service-card p{color:var(--muted);font-size:14px}.service-card a{color:var(--primary);font-weight:900;text-decoration:none}.why-section{background:var(--surface)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-list{display:grid;gap:10px}.feature-list>div{padding:17px;background:var(--bg);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:14px;font-weight:800}.feature-list b{color:var(--primary);font-size:20px}.cities-section{padding-top:70px}.city-chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.city-chips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-weight:800}.faq-section{background:var(--surface)}.faq-list{max-width:850px;margin:auto;display:grid;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:14px;padding:0 20px;background:var(--bg)}.faq-list summary{padding:17px 0;font-weight:900;cursor:pointer}.faq-list p{color:var(--muted);margin:0 0 18px}.final-cta{padding:55px 0;background:var(--primary);color:#fff}.final-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:20px}.final-cta h2{margin:4px 0;font-size:30px}.final-cta .hero-actions{margin:0}.final-cta .btn-site.call{background:#fff;color:var(--primary)}.final-cta .second-phone{color:#fff}footer{background:#101915;color:#fff;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid b{font-size:18px}.footer-grid p,.footer-grid a{display:block;color:#b4c2bb;text-decoration:none;margin:8px 0}.copyright{text-align:center;border-top:1px solid #ffffff1a;margin-top:40px;padding:18px;color:#8da097;font-size:13px}.floating{position:fixed;left:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:40}.floating a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:24px;box-shadow:0 8px 20px #0003}.float-call{background:var(--primary)}.float-wa{background:#25d366}.inner-hero{padding:80px 0;background:color-mix(in srgb,var(--primary) 8%,white);text-align:center}.inner-hero h1{font-size:clamp(36px,5vw,58px);margin:8px}.inner-hero p{color:var(--muted);max-width:720px;margin:auto}.inner-content{min-height:350px}.area-grid,.article-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.area-grid article,.article-grid article,.testimonial-grid blockquote,.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin:0}.area-grid span{font-size:30px}.area-grid h2,.article-grid h2{margin:7px 0}.area-grid p,.article-grid p{color:var(--muted)}.area-grid a{color:var(--primary);font-weight:900}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card a{font-size:24px;color:var(--primary);font-weight:900;display:block;text-decoration:none;margin-top:10px}.contact-card.whatsapp{border-color:#8ee5ad}.prose{max-width:800px;margin:auto;font-size:18px}.prose h2{font-size:30px;margin-top:35px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid div{aspect-ratio:1;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 10%,white),#fff);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.gallery-grid span{font-size:52px}.testimonial-grid blockquote{font-size:18px}.testimonial-grid b{display:block;color:var(--primary);margin-top:15px;font-size:14px}.video-box{text-align:center;background:#111;color:#fff;border-radius:24px;padding:80px 20px}.video-box span{font-size:60px}.sitemap-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sitemap-list a{display:flex;justify-content:space-between;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-weight:800}
/* Design 1: luxury charcoal and gold */.design1{--primary:#cca43b;--primary2:#a27d23;--bg:#f9f6f0;--surface:#fff;--ink:#1e262a;--muted:#657078;--line:#e8dfca}.design1 .site-header{background:#141a1ef2}.design1 .site-brand,.design1 .site-header nav a{color:#eee}.design1 .site-brand small{color:#aab2b5}.design1 .logo-icon{background:linear-gradient(135deg,#cca43b,#967019);color:#141a1e}.design1 .nav-call{color:#141a1e}.hero-luxury{background:#141a1e;color:#fff}.hero-luxury:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,#cca43b26,transparent 30%),linear-gradient(120deg,transparent 65%,#cca43b0f)}.hero-luxury .hero-copy{position:relative}.hero-luxury .hero-copy>p{color:#c1c8cb}.luxury-art{height:420px;border:1px solid #cca43b66;border-radius:50% 50% 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;background:linear-gradient(145deg,#263139,#161c20);box-shadow:0 0 0 18px #cca43b0a}.luxury-art span{color:#cca43b}.luxury-art b{font-size:32px;line-height:1.5}.luxury-art i{font-size:50px;color:#cca43b;font-style:normal}.design1 .service-card{border-top:3px solid #cca43b}.design1 .final-cta{background:#141a1e}
/* Design 2: bold blue */.design2{--primary:#1e40af;--primary2:#172d76;--bg:#eff6ff;--surface:#fff;--ink:#10214c;--muted:#5c6b8d;--line:#d7e3fa;--radius:12px}.design2 .site-header{border-top:5px solid #1e40af}.hero-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);text-align:center;min-height:660px}.hero-blue:before,.hero-blue:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#1e40af12}.hero-blue:before{right:-130px;top:-100px}.hero-blue:after{left:-130px;bottom:-100px}.hero-center{position:relative;z-index:1}.hero-center h1{max-width:850px;margin:14px auto}.hero-center>p{margin:0 auto}.hero-center .hero-actions{justify-content:center}.blue-stats{display:flex;justify-content:center;gap:12px;margin-top:45px}.blue-stats span{background:#fff;border:1px solid #c7d8f8;border-radius:10px;padding:12px 22px;color:var(--muted)}.blue-stats b{display:block;color:#1e40af;font-size:20px}.design2 .service-card{box-shadow:0 7px 0 #1e40af12}.design2 .btn-site{border-radius:7px}
/* Design 3: trusted green */.design3{--primary:#16794b;--primary2:#0e5534;--bg:#f4fbf7;--surface:#fff;--ink:#103428;--muted:#60766e;--line:#d9e9e1;--radius:22px}.hero-green{background:linear-gradient(180deg,#fff,#eef9f3)}.green-ring{width:410px;height:410px;border-radius:50%;border:24px solid #d9f1e4;position:relative;display:grid;place-items:center}.green-ring>div{width:270px;height:270px;border-radius:50%;background:#16794b;color:#fff;display:grid;place-items:center;font-size:110px}.green-ring .badge{position:absolute;background:#fff;border:1px solid #d9e9e1;border-radius:999px;padding:9px 14px;font-weight:800;box-shadow:0 8px 30px #174b3420}.green-ring .b1{right:-20px;top:60px}.green-ring .b2{left:-25px;top:170px}.green-ring .b3{right:10px;bottom:35px}.design3 .service-card i{border-radius:50%}.design3 .nav-call,.design3 .btn-site{border-radius:999px}
/* Design 4: orange editorial */.design4{--primary:#e56b2f;--primary2:#bc4d19;--bg:#fffaf2;--surface:#fff;--ink:#273043;--muted:#687083;--line:#eedfce;--radius:8px}.design4 .logo-icon{border-radius:4px}.hero-orange{background:#fff4e6;min-height:650px}.hero-orange:after{content:"";position:absolute;left:-120px;top:-120px;width:380px;height:380px;background:#e56b2f;border-radius:50%}.orange-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;position:relative;z-index:1}.hero-orange h1{font-size:clamp(40px,5vw,65px)}.hero-orange h1 em{display:block;color:#e56b2f;font-style:normal;font-size:.7em;margin-top:10px}.orange-layout aside{background:#273043;color:#fff;border-radius:8px;padding:32px;box-shadow:18px 18px 0 #e56b2f}.orange-layout aside small{color:#ffc6a8}.orange-layout ol{margin:16px 0 0;padding-right:20px}.orange-layout li{padding:10px}.design4 .service-card{border-right:5px solid #e56b2f}.design4 .section-head{text-align:right;margin-right:0}.design4 .final-cta{background:#273043}
/* Design 5: purple catalog */.design5{--primary:#6d3fc0;--primary2:#4c298d;--bg:#f7f5ff;--surface:#fff;--ink:#201437;--muted:#706581;--line:#e4dcf4;--radius:24px}.hero-purple{background:linear-gradient(135deg,#f8f5ff,#eee8ff)}.hero-purple:before{content:"";position:absolute;width:500px;height:500px;background:#6d3fc010;border-radius:35% 65% 60% 40%;left:-100px;top:30px}.purple-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:rotate(-4deg)}.purple-mosaic span{height:170px;border-radius:28px;background:#fff;display:grid;place-items:center;font-size:67px;box-shadow:0 15px 40px #4b28731a}.purple-mosaic span:nth-child(2),.purple-mosaic span:nth-child(3){background:#6d3fc0;color:#fff}.design5 .service-card:nth-child(3n+2){background:#6d3fc0;color:#fff}.design5 .service-card:nth-child(3n+2) p,.design5 .service-card:nth-child(3n+2) a{color:#eee7ff}
@media(max-width:900px){.site-header nav{display:none}.nav-wrap{height:68px}.hero{min-height:auto;padding:75px 0}.hero-grid,.orange-layout,.why-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.luxury-art,.green-ring,.purple-mosaic{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.area-grid,.article-grid,.testimonial-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.final-cta>.container{display:block}.final-cta .hero-actions{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.orange-layout aside{box-shadow:9px 9px 0 #e56b2f}}@media(max-width:600px){.nav-call{display:none}.site-brand{font-size:15px}.service-grid,.area-grid,.article-grid,.testimonial-grid,.gallery-grid,.contact-grid,.sitemap-list{grid-template-columns:1fr}.section{padding:65px 0}.hero h1{font-size:38px}.hero-actions{align-items:stretch}.btn-site{width:100%}.blue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.blue-stats span{padding:8px;font-size:11px}.footer-grid{grid-template-columns:1fr}.final-cta h2{font-size:25px}}

@media(max-width:900px){.nav-wrap{height:auto;min-height:68px;flex-wrap:wrap;padding-block:12px;gap:12px}.site-header nav{display:flex;order:3;flex-basis:100%;padding-bottom:5px}.site-header nav a{font-size:12px}.site-header{position:relative}}