:root{--green:#0a5138;--green-dark:#063827;--green-deep:#052c20;--gold:#d4ad4f;--gold-dark:#a87c20;--ink:#173b2d;--muted:#60736a;--soft:#f4f7f4;--line:#e2e9e4;--white:#fff;--shadow:0 14px 40px rgba(7,47,34,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1240px,94%);margin:auto}
/* Header and navigation */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(10,81,56,.08);box-shadow:0 5px 24px rgba(7,47,34,.08);backdrop-filter:blur(12px)}.header-inner{min-height:82px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;white-space:nowrap}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),#0d704d);color:#fff;font-size:22px;box-shadow:0 8px 20px rgba(10,81,56,.22)}.brand-copy{display:grid;line-height:1.25}.brand-copy strong{font-size:15px;font-weight:800}.brand-copy small{font-size:12px;color:var(--gold-dark);font-weight:700}.nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;direction:rtl;white-space:nowrap}.nav a{position:relative;padding:10px 9px;border-radius:10px;font-size:13px;font-weight:800;color:#294a3d;transition:background .2s,color .2s,transform .2s}.nav a:hover{background:#edf5f0;color:var(--green);transform:translateY(-1px)}.nav a.active{background:var(--green);color:#fff}.nav a.active:after{content:"";position:absolute;right:50%;transform:translateX(50%);bottom:-8px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.header-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.header-icon{height:42px;padding:0 12px;border-radius:11px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .2s,box-shadow .2s}.header-icon:hover{transform:translateY(-2px)}.header-icon.phone{background:#f0f3f1;color:var(--green-dark)}.header-icon.whatsapp{background:#1aa85b;color:#fff;box-shadow:0 7px 17px rgba(26,168,91,.2)}.menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:12px;background:var(--green);padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:#fff;border-radius:5px;margin:5px 0;transition:.25s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-backdrop{position:fixed;inset:82px 0 0;background:rgba(2,25,17,.48);z-index:-1}.menu-backdrop[hidden]{display:none}
/* Hero */
.hero{position:relative;min-height:620px;display:grid;align-items:end;overflow:hidden;background:var(--green-deep)}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,28,20,.94),rgba(3,28,20,.15) 70%)}.hero-overlay{position:relative;z-index:2;color:#fff;width:min(1120px,92%);margin:0 auto;padding:82px 0}.hero h1{font-size:clamp(34px,5.6vw,68px);line-height:1.25;margin:0 0 12px;max-width:1000px}.hero p{font-size:clamp(18px,2.2vw,24px);max-width:760px}.title-phone{direction:ltr;unicode-bidi:isolate;display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:clamp(22px,3vw,34px);font-weight:800;margin:10px 0 18px;color:#f3d47e}.title-phone a{color:inherit}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:14px 22px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.15)}.gold{background:var(--gold);color:var(--ink)}.green{background:#087b42;color:#fff}
/* Content */
.section{padding:78px 0}.alt{background:var(--soft)}.section-head{text-align:center;max-width:760px;margin:0 auto 38px}.section-head span,.eyebrow{color:var(--gold-dark);font-weight:800}.section-head h2,.two-col h2{font-size:clamp(28px,4vw,46px);line-height:1.35;margin:5px 0 12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(23,59,42,.07);transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card h3,.card p{padding:0 18px}.card h3{font-size:22px;margin:18px 0 3px}.card p{margin:0 0 20px;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.features>div{background:#fff;padding:28px;border-radius:18px;border:1px solid var(--line)}.features i{font-size:34px;color:var(--gold-dark)}.cta-band{background:var(--green);color:#fff;text-align:center}.narrow{max-width:850px}.narrow details{border:1px solid #dfe8e2;border-radius:12px;padding:16px 20px;margin:12px 0;background:#fff}.narrow summary{font-weight:800;cursor:pointer}.two-col,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.two-col>img{border-radius:20px}.check-list{list-style:none;padding:0}.check-list li:before{content:"✓";color:#0b8c4a;font-weight:900;margin-left:9px}.contact-box{display:grid;gap:14px;font-size:20px}.contact-box a,.contact-box span{display:flex;align-items:center;gap:10px}.contact-grid form{background:var(--soft);padding:28px;border-radius:18px}.contact-grid label{display:grid;gap:6px;margin-bottom:14px;font-weight:700}.contact-grid input,.contact-grid select,.contact-grid textarea{width:100%;padding:12px;border:1px solid #ccd8d0;border-radius:10px;background:#fff}.page-banner{background:linear-gradient(135deg,#073d2c,#0b6848);color:#fff;padding:72px 0;border-bottom:5px solid var(--gold)}.page-banner-inner{text-align:center;max-width:900px}.page-banner h1{font-size:clamp(30px,5vw,56px);line-height:1.35;margin:0 0 10px}.page-banner p{font-size:clamp(17px,2vw,22px);margin:0 auto 20px;max-width:760px}.page-banner .cta-row{justify-content:center}.page-banner .title-phone{justify-content:center}
/* Footer and floating actions */
footer{background:var(--green-deep);color:#eaf4ee;padding-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid div{display:flex;flex-direction:column;gap:8px}.copyright{text-align:center;border-top:1px solid #ffffff20;padding:18px;margin-top:35px}.float-actions{position:fixed;left:18px;bottom:18px;display:grid;gap:10px;z-index:999}.float-actions a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 5px 20px #0004}.float-call{background:var(--gold)}.float-wa{background:#20b45b}bdi,.phone-number{direction:ltr;unicode-bidi:isolate;display:inline-block}
@media(max-width:1180px){.brand-copy{display:none}.nav a{padding-inline:7px;font-size:12px}.header-icon span{display:none}.header-icon{width:42px;justify-content:center;padding:0}}
@media(max-width:900px){html{scroll-padding-top:74px}.header-inner{min-height:74px}.brand-copy{display:grid}.brand-mark{width:44px;height:44px}.menu-toggle{display:block}.nav{position:fixed;top:74px;right:0;width:min(360px,88vw);height:calc(100dvh - 74px);background:#fff;z-index:1002;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;padding:22px 18px 110px;overflow-y:auto;box-shadow:-18px 20px 40px rgba(0,0,0,.16);transform:translateX(110%);transition:transform .28s ease;white-space:normal}.nav.open{transform:translateX(0)}.nav a{font-size:16px;padding:13px 15px;border:1px solid transparent}.nav a.active{background:var(--green);color:#fff}.nav a.active:after{display:none}.menu-backdrop{inset:74px 0 0}.cards{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.two-col,.contact-grid{grid-template-columns:1fr}.hero{min-height:540px}}
@media(max-width:620px){.container{width:min(94%,560px)}.brand-copy strong{font-size:13px}.brand-copy small{font-size:11px}.header-icon.phone{display:none}.header-icon{width:42px;height:42px}.cards,.features,.footer-grid{grid-template-columns:1fr}.hero{min-height:500px}.hero-overlay{padding:50px 0}.hero h1{font-size:34px}.title-phone{justify-content:flex-start;font-size:22px}.section{padding:55px 0}.cta-row .btn{width:100%}.page-banner{padding:48px 0}.page-banner .title-phone{justify-content:center}.float-actions{left:12px;bottom:12px}.float-actions a{width:50px;height:50px}}