:root{--green-900: #123C2F;--green-800: #1C4B3C;--green-700: #2E6A59;--olive-600: #6E8B3D;--gold-500: #C9A45C;--gold-400: #D4B478;--sand-200: #EDE3D1;--sand-100: #F7F3EA;--stone-200: #E7DDCC;--ink-900: #191816;--ink-700: #4A4741;--white: #ffffff;--radius-xl: 32px;--radius-lg: 20px;--radius-md: 14px;--shadow-soft: 0 20px 60px rgba(18, 60, 47, .08);--shadow-card: 0 10px 30px rgba(25, 24, 22, .04);--shadow-float: 0 4px 20px rgba(0,0,0,.12);--transition: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Poppins,sans-serif;background:var(--sand-100);color:var(--ink-900);line-height:1.6;overflow-x:hidden}html.drawer-open,html.drawer-open body{overflow:hidden;touch-action:none}[dir=rtl] body{font-family:Cairo,sans-serif}[dir=ltr] body{font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none;transition:.3s var(--transition)}img{max-width:100%;display:block;border-radius:inherit}button,input,textarea,select{font:inherit}.container{width:min(1240px,100% - clamp(20px,5vw,40px));margin-inline:auto;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cta-row{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}.section{padding:clamp(64px,10vw,120px) 0}.section-header{max-width:800px;margin-bottom:48px}.eyebrow{display:inline-block;color:var(--gold-500);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.section-title{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05;margin:0 0 20px;font-weight:800;color:var(--green-900)}.section-lead{color:var(--ink-700);line-height:1.85;font-size:clamp(1rem,2vw,1.15rem);max-width:720px}.grid{display:grid;gap:32px}.card{background:var(--white);border:1px solid var(--stone-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .4s var(--transition);position:relative;overflow:hidden}@media (hover: hover) and (pointer: fine){.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft);border-color:var(--gold-500)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;cursor:pointer;padding:14px 24px;min-height:48px;border-radius:999px;font-weight:700;transition:background .25s var(--transition),border-color .25s,color .25s;font-size:.95rem;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--green-900);color:var(--white)}.btn-primary:hover{background:var(--green-800)}@media (hover: hover) and (pointer: fine){.btn-primary:hover{transform:scale(1.03)}}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--white);color:var(--green-900);border:1px solid var(--stone-200)}.btn-secondary:hover{background:var(--sand-200);border-color:var(--gold-500)}.btn-secondary:active{transform:scale(.98)}.btn-outline{background:transparent;color:var(--green-900);border:2px solid var(--stone-200)}.btn-outline:hover{border-color:var(--gold-500);background:#ffffff14}.badge{display:inline-flex;padding:6px 14px;border-radius:999px;background:#c9a45c1a;color:var(--green-900);font-weight:700;font-size:.8rem}.input,textarea.input,select.input{width:100%;border-radius:var(--radius-md);border:1px solid var(--stone-200);background:var(--white);padding:14px 16px;min-height:48px;outline:none;transition:border-color .25s,box-shadow .25s;color:var(--ink-900);font-size:16px}textarea.input{min-height:120px;resize:vertical}.input:focus{border-color:var(--gold-500);box-shadow:0 0 0 4px #c9a45c1a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.three-col,.four-col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.two-col,.three-col,.four-col{grid-template-columns:1fr}.section{padding:clamp(48px,12vw,80px) 0}.section-header{margin-bottom:32px}.section-title{font-size:clamp(1.75rem,6vw,2.2rem)}.cta-row .btn{flex:1 1 auto;min-width:min(100%,200px)}}@media (max-width: 420px){.cta-row{flex-direction:column;align-items:stretch}.cta-row .btn{width:100%;min-width:0}}
