:root{color-scheme:light;font-family:Tahoma,Segoe UI,Arial,sans-serif;--bg: #f6f4ef;--surface: rgba(255, 255, 255, .76);--surface-strong: #ffffff;--text: #17392e;--muted: #60776e;--line: rgba(23, 57, 46, .1);--brand: #6dbf67;--brand-deep: #214f44;--brand-soft: #dff3dd;--shadow: 0 24px 60px rgba(31, 61, 52, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(109,191,103,.18),transparent 20%),radial-gradient(circle at left center,rgba(41,94,80,.12),transparent 24%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{position:relative;overflow:hidden}.ambient{position:fixed;z-index:0;inset:auto;width:28rem;height:28rem;border-radius:50%;filter:blur(60px);opacity:.45;pointer-events:none;animation:drift 16s ease-in-out infinite}.ambient-one{top:-8rem;left:-8rem;background:#6dbf672e}.ambient-two{right:-10rem;top:16rem;background:#214f4424;animation-delay:-8s}.hero-section,.section{position:relative;z-index:1}.hero-section{padding:1.5rem clamp(1.2rem,3vw,3rem) 3rem}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:0 auto 3rem;max-width:1180px;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:1.75rem;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 40px #17392e14}.brand{display:inline-flex;align-items:center;gap:.85rem;justify-self:start}.brand img{width:62px;height:62px;object-fit:cover;border-radius:1rem}.brand strong,.brand span{display:block}.brand strong{font-size:1.08rem;font-weight:800;letter-spacing:.01em}.brand span{color:var(--muted);font-size:.92rem}.nav-links{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;padding:.35rem;border-radius:999px;background:#214f440d;border:1px solid rgba(23,57,46,.06);color:var(--brand-deep);justify-self:center}.nav-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.72rem 1.15rem;border-radius:999px;font-size:.98rem;font-weight:700;letter-spacing:.01em;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.nav-links a:before{content:"";position:absolute;inset:auto 1rem .5rem;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand),#214f44);opacity:0;transform:scaleX(.4);transition:opacity .18s ease,transform .18s ease}.nav-links a:hover,.nav-links a:focus-visible{background:linear-gradient(135deg,#6dbf672e,#6dbf670f);color:#14392d;transform:translateY(-1px);box-shadow:0 10px 18px #214f4414;outline:none}.nav-links a:hover:before,.nav-links a:focus-visible:before{opacity:1;transform:scaleX(1)}.hero-grid,.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);align-items:center;max-width:1180px;margin:0 auto}.hero-copy h1,.section-heading h2,.contact-card h2{line-height:1.2;margin:0}.hero-copy h1{font-size:clamp(2.2rem,5vw,4.8rem);max-width:12ch}.hero-copy p,.about-card p,.service-card p,.process-item p,.contact-card p{color:var(--muted);font-size:1.05rem;line-height:1.9}.eyebrow{display:inline-block;margin-bottom:1rem;padding:.45rem .9rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-deep);font-size:.9rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:.95rem 1.35rem;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--brand),#8ddd7a);color:#10342c;box-shadow:0 16px 30px #6dbf674d}.button.secondary{border:1px solid var(--line);background:#ffffffa3}.metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.metric-card,.service-card,.about-card,.showcase-card,.contact-card,.process-panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.metric-card{padding:1rem;border-radius:1.35rem}.metric-card strong{display:block;font-size:1.8rem;margin-bottom:.35rem}.metric-card span{color:var(--muted)}.hero-visual{position:relative}.visual-frame{position:relative;min-height:560px;border-radius:2rem;padding:2rem;background:linear-gradient(180deg,#ffffffd1,#ffffff8f),linear-gradient(135deg,#6dbf671f,#214f441f);border:1px solid rgba(23,57,46,.08);box-shadow:var(--shadow);overflow:hidden}.dot-cluster{position:absolute;inset:-6rem auto auto -5rem;width:20rem;height:20rem;background-image:radial-gradient(circle,rgba(109,191,103,.72) 0 42%,transparent 44%);background-size:2.4rem 2.4rem;opacity:.24;transform:rotate(18deg)}.hero-illustration.main{position:relative;width:min(100%,520px);margin:2rem auto 0;animation:float 7s ease-in-out infinite}.floating-card{position:absolute;display:grid;gap:.3rem;max-width:240px;padding:1rem 1.1rem;border-radius:1.25rem;background:#ffffffd6;border:1px solid rgba(23,57,46,.08);box-shadow:0 18px 30px #1f3d341f;animation:bob 6s ease-in-out infinite}.floating-card span{color:var(--muted);font-size:.85rem}.top-card{top:2.2rem;right:1.5rem}.bottom-card{bottom:1.5rem;left:1.2rem;animation-delay:-3s}.section{max-width:1180px;margin:0 auto;padding:3rem clamp(1.2rem,3vw,3rem)}.section-heading{max-width:760px;margin-bottom:2rem}.section-heading h2{font-size:clamp(1.8rem,4vw,3rem)}.about-card,.showcase-card,.process-panel,.contact-card{border-radius:2rem;padding:clamp(1.4rem,3vw,2rem)}.showcase-card{display:grid;gap:1rem}.showcase-card img{width:100%;border-radius:1.4rem;background:linear-gradient(135deg,#eff8ef,#fff)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.service-card{position:relative;min-height:240px;padding:1.6rem;border-radius:1.8rem;overflow:hidden}.service-card:after{content:"";position:absolute;inset:auto -2rem -2rem auto;width:9rem;height:9rem;border-radius:50%;background:radial-gradient(circle,rgba(109,191,103,.2),transparent 70%)}.service-number{display:inline-flex;margin-bottom:1.4rem;color:var(--brand);font-weight:700}.process-list{display:grid;gap:1rem}.process-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1rem 0;border-top:1px solid var(--line)}.process-item:first-child{border-top:0}.process-item strong{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:linear-gradient(135deg,var(--brand),#92da82);color:#14392d}.contact-card{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem;align-items:center;background:linear-gradient(135deg,#214f44f0,#19352efa),var(--surface-strong);color:#f4fbf4}.contact-card p,.contact-grid a span{color:#f4fbf4cc}.contact-grid{display:grid;gap:1rem}.contact-grid a{display:grid;gap:.35rem;padding:1rem 1.1rem;border-radius:1.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.contact-grid a strong{font-size:1rem}.phone-number{display:block;text-align:right}.site-footer{position:relative;z-index:1;padding:0 1.5rem 2rem;text-align:center;color:var(--muted)}.site-footer p{margin:0;font-size:.95rem}.copyright-text{direction:rtl}.copyright-mark,.copyright-year{display:inline-block}.reveal{animation:revealUp .9s ease both}.delay-0{animation-delay:0ms}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(24px,20px,0)}}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.hero-grid,.about-grid,.contact-card,.services-grid{grid-template-columns:1fr}.visual-frame{min-height:auto}}@media (max-width: 720px){.topbar{display:flex;flex-direction:column;align-items:stretch}.nav-links{justify-content:center;border-radius:1.25rem;padding:.5rem}.nav-links a{flex:1 1 140px;justify-content:center}.metrics-row{grid-template-columns:1fr}.hero-copy h1{max-width:none}.floating-card{position:static;margin-top:1rem;max-width:none}.visual-frame{padding:1.2rem}}
