:root{--green:#0b4f3f;--green-2:#0d6b57;--gold:#c78a1d;--gold-2:#f1c66a;--ink:#10231f;--muted:#64736f;--soft:#f4f8f5;--soft-2:#eef5f1;--card:rgba(255,255,255,.82);--line:rgba(16,35,31,.12);--shadow:0 22px 70px rgba(10,55,42,.14);--shadow-soft:0 12px 34px rgba(10,55,42,.10);--radius:28px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 0%,#e9fff8 0,#f8fbf8 28%,#fff 60%),linear-gradient(180deg,#f6fbf7 0,#fff 50%,#f8faf8 100%);line-height:1.65;overflow-x:hidden}html[dir=rtl] body{font-family:"Noto Kufi Arabic",Inter,system-ui,sans-serif}.background-orbs{position:fixed;inset:0;z-index:-2;overflow:hidden}.background-orbs span{position:absolute;width:38vw;height:38vw;border-radius:50%;filter:blur(40px);opacity:.18;animation:floatOrb 12s ease-in-out infinite}.background-orbs span:nth-child(1){background:#00a88d;left:-12vw;top:4vh}.background-orbs span:nth-child(2){background:#e6a21e;right:-15vw;top:24vh;animation-delay:3s}.background-orbs span:nth-child(3){background:#5d74ff;left:42vw;bottom:-22vw;animation-delay:6s}@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(22px,-28px,0) scale(1.08)}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:14px;z-index:50;max-width:var(--max);margin:14px auto 0;padding:12px 14px;display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);border-radius:999px}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand-mark{width:44px;height:44px;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.08)}.brand strong{display:block;font-size:1rem;letter-spacing:-.02em}.brand small{display:block;font-size:.72rem;color:var(--muted);margin-top:-2px}.main-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.nav-link{padding:10px 14px;border-radius:999px;color:#43524e;font-weight:650;font-size:.92rem}.nav-link:hover,.nav-link.active{background:#ecf7f2;color:var(--green)}.header-actions{display:flex;align-items:center;gap:10px}.language-switcher{display:flex;background:#edf4f1;border-radius:999px;padding:4px}.lang-link{font-size:.78rem;font-weight:800;padding:6px 8px;border-radius:999px;color:#52605d}.lang-link.active{background:#fff;color:var(--green);box-shadow:0 4px 12px rgba(0,0,0,.07)}.menu-toggle{display:none;border:0;background:var(--green);color:#fff;border-radius:999px;width:42px;height:42px;font-size:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-weight:800;border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 30px rgba(11,79,63,.22);transition:.25s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(11,79,63,.30)}.btn-ghost{background:rgba(255,255,255,.7);color:var(--green);border-color:var(--line);box-shadow:none}.btn-small{padding:9px 13px;font-size:.85rem}.btn-xl{padding:15px 23px}.button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.section-wide,.section,.page-hero,.cta-band{max-width:var(--max);margin-inline:auto}.hero,.product-hero{min-height:720px;padding:94px 22px 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.94fr);gap:48px;align-items:center}.hero h1,.product-hero h1,.page-hero h1{font-size:clamp(2.6rem,6vw,5.9rem);line-height:1.02;margin:14px 0 20px;letter-spacing:-.075em;max-width:980px}.hero p,.product-hero p,.page-hero p{font-size:clamp(1.05rem,2vw,1.28rem);color:#4b5c58;max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-weight:850;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.eyebrow.gold{color:#9c6816}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.badge-row span{padding:10px 14px;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:999px;color:#344440;font-weight:700}.hero-visual{position:relative;min-height:520px}.browser-mockup,.phone-mockup,.device-frame{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72));border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.browser-mockup{padding:13px}.mockup-bar{height:28px;display:flex;gap:7px;align-items:center;padding-inline:8px}.mockup-bar span{width:10px;height:10px;border-radius:50%;background:#d6e3dd}.browser-mockup img{border-radius:20px;width:100%;height:auto}.phone-mockup{position:absolute;right:0;bottom:5px;width:210px;padding:10px;border-radius:34px;transform:rotate(3deg)}html[dir=rtl] .phone-mockup{right:auto;left:0;transform:rotate(-3deg)}.floating{animation:float 6s ease-in-out infinite}.floating-alt{animation:float 7s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}.section{padding:70px 22px}.section-heading{max-width:780px;margin-bottom:30px}.section-heading.center,.center{text-align:center;margin-inline:auto}.section-heading h2,.cta-band h2,.text-card h2,.feature-panel h2{font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.12;margin:10px 0 14px;letter-spacing:-.045em}.section-heading p{color:var(--muted);font-size:1.05rem}.product-stack{display:grid;gap:24px}.product-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:26px;align-items:center;padding:28px;background:var(--card);border:1px solid rgba(255,255,255,.78);border-radius:34px;box-shadow:var(--shadow-soft);backdrop-filter:blur(16px);position:relative;overflow:hidden}.product-card:before,.service-card:before,.mini-card:before,.text-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}.product-card-large{grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);padding:36px;background:linear-gradient(135deg,rgba(235,249,242,.92),rgba(255,247,229,.82))}.product-copy,.service-card,.mini-card,.text-card,.feature-panel{position:relative}.product-copy h3{font-size:clamp(1.7rem,3vw,3.1rem);line-height:1.08;margin:12px 0 10px;letter-spacing:-.04em}.product-copy p{color:#4d5d59}.product-icon{width:34px;height:34px;object-fit:contain}.device-frame{padding:12px;max-height:440px;display:flex;justify-content:center}.device-frame img{border-radius:22px;object-fit:contain;max-height:420px;margin:auto}.check-list{padding:0;margin:18px 0;list-style:none;display:grid;gap:10px}.check-list li{position:relative;padding-inline-start:30px;color:#334641}.check-list li:before{content:"✓";position:absolute;inset-inline-start:0;top:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e8f5ed;color:var(--green);font-size:.8rem;font-weight:900}.check-list.compact{grid-template-columns:repeat(2,minmax(0,1fr));font-size:.92rem}.muted,.lead-muted{color:var(--muted)!important}.accent-section{background:linear-gradient(135deg,rgba(237,248,242,.9),rgba(255,249,236,.9));border-block:1px solid rgba(12,80,63,.08);max-width:none}.accent-section>.section-heading,.accent-section>.mini-grid,.accent-section>.center{max-width:var(--max);margin-left:auto;margin-right:auto}.mini-grid,.services-grid,.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mini-card,.service-card,.step-card,.text-card,.feature-panel,.contact-card,.form-panel{background:var(--card);border:1px solid rgba(255,255,255,.76);border-radius:28px;box-shadow:var(--shadow-soft);padding:24px;backdrop-filter:blur(14px);overflow:hidden}.mini-card h3,.service-card h3,.step-card h3{font-size:1.2rem;margin:0 0 10px}.mini-card p,.service-card p,.step-card p,.text-card p,.feature-panel p{color:var(--muted);margin:0}.service-number,.step-card span{display:inline-flex;width:42px;height:42px;border-radius:14px;background:#eef8f3;color:var(--green);align-items:center;justify-content:center;font-weight:900;margin-bottom:14px}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cta-band{margin-top:38px;margin-bottom:70px;padding:46px 34px;text-align:center;border-radius:36px;background:linear-gradient(135deg,var(--green),#0e725c 55%,#d19a2b);color:#fff;box-shadow:var(--shadow)}.cta-band p{max-width:740px;margin:0 auto 22px;color:rgba(255,255,255,.86)}.cta-band .btn{background:#fff;color:var(--green);box-shadow:none}.page-hero{padding:110px 22px 38px}.page-hero p{max-width:840px}.about-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.about-logo-card{position:sticky;top:110px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(242,248,245,.84));border:1px solid rgba(255,255,255,.8);border-radius:34px;padding:28px;box-shadow:var(--shadow-soft);text-align:center}.about-logo-card img{margin:auto;max-height:260px;object-fit:contain}.about-logo-card p{color:var(--muted);font-weight:700}.text-grid{display:grid;gap:18px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-hero{min-height:620px}.product-hero-visual .browser-mockup{max-height:520px}.product-hero-visual img{max-height:460px;object-fit:contain;margin:auto}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-item{margin:0;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.75);border-radius:28px;padding:12px;box-shadow:var(--shadow-soft);overflow:hidden}.gallery-item img{width:100%;height:360px;object-fit:contain;border-radius:20px;background:#f4f8f5}.gallery-grid.folder-dhamet .gallery-item:first-child,.gallery-grid.folder-dhamet .gallery-item:nth-child(2),.gallery-grid.folder-dhamet .gallery-item:nth-child(3){grid-column:span 1}.gallery-grid.folder-dhamet .gallery-item img{height:260px}.contact-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}.contact-email{display:inline-flex;margin:12px 0 20px;font-size:1.1rem;font-weight:900;color:var(--green)}.form-panel h2,.contact-card h2{margin-top:0}.form-frame{position:relative;width:100%;height:min(955px,80vh);min-height:680px;overflow:hidden;border-radius:24px;background:#fff;border:1px solid var(--line)}.form-frame iframe{width:100%;height:100%;border:0;display:block}.legal-content{max-width:900px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:var(--shadow-soft);margin-bottom:70px}.legal-content h2{margin-top:28px}.site-footer{max-width:var(--max);margin:60px auto 0;padding:36px 22px 30px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:36px;height:36px}.site-footer p{color:var(--muted);max-width:460px}.site-footer h3{font-size:.95rem;margin:0 0 12px}.site-footer a{display:block;color:#53625f;margin:7px 0}.site-footer a:hover{color:var(--green)}.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:#66736f;font-size:.9rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:980px){.site-header{margin:8px 10px 0;border-radius:28px;align-items:flex-start;flex-wrap:wrap}.brand{min-width:0;flex:1}.main-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;background:#fff;border-radius:22px;padding:8px}.main-nav.open{display:flex}.nav-link{padding:12px 14px}.menu-toggle{display:inline-grid;place-items:center}.header-actions .btn-small{display:none}.hero,.product-hero,.product-card,.product-card-large,.split-section,.about-layout,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:60px}.hero-visual{min-height:420px}.phone-mockup{width:160px}.mini-grid,.services-grid,.step-grid,.gallery-grid,.footer-grid{grid-template-columns:1fr 1fr}.about-logo-card{position:relative;top:auto}.check-list.compact{grid-template-columns:1fr}}@media (max-width:640px){.site-header{top:6px}.brand small{display:none}.language-switcher{gap:0}.hero h1,.product-hero h1,.page-hero h1{font-size:2.35rem;letter-spacing:-.045em}.hero,.product-hero{padding:48px 16px}.section,.page-hero{padding-left:16px;padding-right:16px}.product-card,.product-card-large{padding:20px;border-radius:26px}.hero-visual{min-height:330px}.phone-mockup{position:relative;right:auto;left:auto;bottom:auto;width:70%;margin:14px auto 0;transform:none!important}.mini-grid,.services-grid,.step-grid,.gallery-grid,.footer-grid{grid-template-columns:1fr}.gallery-item img{height:440px}.gallery-grid.folder-dhamet .gallery-item img{height:230px}.form-frame{height:920px;min-height:720px}.cta-band{margin-inline:14px;padding:34px 20px}.button-row{align-items:stretch}.button-row .btn{width:100%}.device-frame{max-height:none}.contact-grid{gap:18px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* Final visual polish: unified rhythm, stronger modern feel, and more consistent type scale. */
:root{--max:1220px;--radius:30px;--shadow:0 24px 80px rgba(9,52,42,.16);--shadow-soft:0 14px 38px rgba(9,52,42,.105)}
body{font-size:16px;text-rendering:optimizeLegibility;background:
  radial-gradient(circle at 6% -8%,rgba(64,190,164,.22) 0,rgba(64,190,164,0) 34%),
  radial-gradient(circle at 96% 10%,rgba(214,151,42,.20) 0,rgba(214,151,42,0) 30%),
  linear-gradient(180deg,#f7fbf8 0,#ffffff 46%,#f6faf8 100%);}
.site-header{box-shadow:0 18px 54px rgba(10,55,42,.11);}
.hero h1,.product-hero h1,.page-hero h1{font-weight:850;letter-spacing:-.065em;max-width:1020px;}
html[dir=rtl] .hero h1,html[dir=rtl] .product-hero h1,html[dir=rtl] .page-hero h1{letter-spacing:-.025em;line-height:1.16;}
.hero p,.product-hero p,.page-hero p,.section-heading p{font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.85;}
.section{padding-top:82px;padding-bottom:82px}.page-hero{padding-top:118px;padding-bottom:48px}.section-heading{margin-bottom:36px}.section-heading h2,.cta-band h2,.text-card h2,.feature-panel h2{font-weight:840;letter-spacing:-.038em}.product-stack{gap:30px}.product-card,.mini-card,.service-card,.step-card,.text-card,.feature-panel,.contact-card,.form-panel,.gallery-item{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;background:rgba(255,255,255,.86)}.product-card:hover,.mini-card:hover,.service-card:hover,.gallery-item:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(9,52,42,.145);border-color:rgba(14,117,92,.18)}.product-card{border-radius:36px}.product-card-large{background:linear-gradient(135deg,rgba(231,249,241,.96),rgba(255,247,229,.92) 58%,rgba(255,255,255,.86));}.product-copy h3{font-size:clamp(1.7rem,2.8vw,3rem);font-weight:850;line-height:1.1}.product-copy p{font-size:1.01rem}.check-list li{line-height:1.72}.device-frame{border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,249,.78));}.device-frame img{filter:saturate(1.03) contrast(1.015)}.page-product-muezzin .product-hero-visual .browser-mockup,.page-product-budget .product-hero-visual .browser-mockup{max-width:430px;margin-inline:auto;border-radius:42px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,248,246,.82));}.page-product-muezzin .product-hero-visual .mockup-bar,.page-product-budget .product-hero-visual .mockup-bar{display:none}.page-product-muezzin .product-hero-visual img,.page-product-budget .product-hero-visual img{max-height:720px;width:auto;border-radius:30px}.page-product-dhamet .product-hero-visual .browser-mockup img{max-height:520px;object-fit:contain}.folder-muezzin .gallery-item img,.folder-budget .gallery-item img{height:520px}.folder-dhamet .gallery-item:first-child img,.folder-dhamet .gallery-item:nth-child(2) img{height:300px}.cta-band{border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#093f34,#0d6f59 58%,#c68c25);}.form-frame{box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}@media (max-width:980px){.product-card-large,.product-card{gap:22px}.folder-muezzin .gallery-item img,.folder-budget .gallery-item img{height:500px}.page-product-muezzin .product-hero-visual img,.page-product-budget .product-hero-visual img{max-height:680px}}@media (max-width:640px){body{font-size:15.5px}.section{padding-top:60px;padding-bottom:60px}.page-hero{padding-top:76px}.hero p,.product-hero p,.page-hero p,.section-heading p{line-height:1.75}.product-copy h3{font-size:1.85rem}.folder-muezzin .gallery-item img,.folder-budget .gallery-item img{height:500px}.folder-dhamet .gallery-item:first-child img,.folder-dhamet .gallery-item:nth-child(2) img{height:230px}.page-product-muezzin .product-hero-visual .browser-mockup,.page-product-budget .product-hero-visual .browser-mockup{max-width:330px}.hero h1,.product-hero h1,.page-hero h1{font-size:2.35rem}}