:root{--bg:#0d0d0d;--bg-soft:#121212;--gold:#d4af37;--gold-soft:#f1da8a;--text:#f4f1e7;--muted:#ccc4aa;--line:rgba(212,175,55,.28);--shadow:0 10px 30px rgba(212,175,55,.14);--radius:16px;--container:min(1120px,92vw);--headline:'Cormorant Garamond',serif;--body:'Manrope',sans-serif;--cta:'Tajawal',sans-serif}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:500 1rem/1.7 var(--body)}img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none}.container{width:var(--container);margin-inline:auto}.section{padding:4.4rem 0;position:relative}.section h2{font:700 clamp(1.85rem,3.7vw,2.9rem)/1.1 var(--headline);margin:0 0 1rem;letter-spacing:.02em}.section-copy,.lead{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:70;background:rgba(13,13,13,.74);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-bottom-color:var(--line)}.nav-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.brand img{height:42px;width:auto;object-fit:contain}.header-cta{display:none}.main-nav{display:none;gap:1rem}.main-nav a{color:var(--muted);font-size:.95rem}.main-nav a:hover{color:var(--gold-soft)}.nav-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:rgba(212,175,55,.06);cursor:pointer}.nav-toggle span{display:block;width:18px;height:1.8px;background:var(--gold-soft);border-radius:99px}.site-header.menu-open .nav-toggle{background:rgba(212,175,55,.12)}.site-header.menu-open .main-nav{display:flex;position:absolute;top:calc(100% + 10px);right:0;left:0;flex-direction:column;gap:.35rem;padding:.85rem;border:1px solid var(--line);border-radius:12px;background:rgba(14,14,14,.98);box-shadow:var(--shadow)}.site-header.menu-open .main-nav a{padding:.5rem .55rem;border-radius:8px}.site-header.menu-open .main-nav a:hover{background:rgba(212,175,55,.1)}
.hero{padding:6rem 0 4.2rem;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 8% 20%,rgba(212,175,55,.18),transparent 40%),radial-gradient(circle at 85% 16%,rgba(212,175,55,.12),transparent 34%);pointer-events:none}.section-center{text-align:center}.content-stack{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:900px}.content-stack p,.content-stack ul{max-width:760px}.eyebrow{margin:0;color:var(--gold-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem}.hero h1{font:700 clamp(2rem,5.5vw,4rem)/1.08 var(--headline);margin:0;text-wrap:balance}.lead{margin:0;color:var(--muted)}.hero-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.urgency{margin:0;color:var(--gold-soft);font-size:.95rem}.hero-media{width:100%;max-width:560px;margin-inline:auto}.media-center{width:100%;max-width:900px}.hero-media img{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);object-fit:contain;width:100%;height:auto;max-height:none}.about-media img,.services-media img{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);object-fit:cover;max-height:520px;width:100%}
.hero-feedback-marquee{width:100%;max-width:760px;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent)}.hero-feedback-track{display:flex;gap:.65rem;width:max-content;animation:heroFeedbackMove 26s linear infinite}.hero-feedback-track:hover{animation-play-state:paused}.hero-feedback-group{display:flex;gap:.65rem}.hero-feedback-card{display:flex;align-items:center;gap:.5rem;background:rgba(17,17,17,.85);border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem;white-space:nowrap}.hero-feedback-card p{margin:0;color:var(--text);font-size:.85rem;line-height:1.3}.hero-mini-stars{color:var(--gold);letter-spacing:.08em;font-size:.78rem;line-height:1}
.hero{isolation:isolate}.hero .content-stack{position:relative;z-index:2}.hero-bg::before,.hero-bg::after{content:'';position:absolute;inset:-12%;pointer-events:none}.hero-bg::before{background:radial-gradient(circle at 14px 14px,rgba(212,175,55,.14) 1.2px,transparent 1.3px) 0 0/28px 28px,linear-gradient(45deg,rgba(212,175,55,.08) 1px,transparent 1px) 0 0/42px 42px,linear-gradient(-45deg,rgba(212,175,55,.08) 1px,transparent 1px) 0 0/42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.1));opacity:.34;animation:heroPatternDrift 28s linear infinite}.hero-bg::after{background:radial-gradient(circle at 20% 30%,rgba(241,218,138,.2),transparent 34%),radial-gradient(circle at 78% 22%,rgba(212,175,55,.18),transparent 38%);mix-blend-mode:screen;opacity:.22;animation:heroGlowFloat 12s ease-in-out infinite alternate}
.btn{font:800 .97rem/1 var(--cta);padding:.92rem 1.2rem;background:var(--gold);color:#1b1608;border-radius:999px;border:1px solid #f5de8f;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(212,175,55,.3)}.btn:focus-visible{outline:2px solid var(--gold-soft);outline-offset:2px}.btn-sm{padding:.72rem 1rem;font-size:.86rem}.btn-ghost{background:transparent;color:var(--gold-soft);border:1px solid var(--line)}
.problem .card-grid{display:grid;gap:1rem;align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}.card{height:100%;display:flex;flex-direction:column;justify-content:flex-start;background:var(--bg-soft);border:1px solid var(--line);padding:1rem;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);text-align:center}.card h3{margin:0 0 .35rem;font-size:1.06rem;line-height:1.35;min-height:2.85em}.card p{margin:0;color:var(--muted)}
.divider{height:22px;background-image:radial-gradient(circle at 10px 11px,var(--line) 1.4px,transparent 1.5px);background-size:22px 22px;opacity:.7}
.solution{text-align:center}.solution-card{max-width:860px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:16px;padding:1.2rem 1rem 1.15rem;background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(212,175,55,.02))}.solution-card .section-copy{margin:0}.solution-media{width:100%;max-width:720px;margin:0}.solution-media img{width:100%;height:auto;max-height:340px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015);box-shadow:var(--shadow)}.solution-card .btn{margin-top:.2rem}
.about .content-stack{max-width:980px}.services .content-stack{max-width:860px}.services .content-stack p{margin:0}.about-label{margin:0;color:var(--gold-soft);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}.about-role{margin:0;color:var(--gold-soft);font-weight:700}.about-story{margin:0;max-width:860px;color:var(--muted)}.about-highlights{display:grid;gap:.8rem;width:100%;max-width:900px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.about-item{height:100%;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid var(--line);background:rgba(212,175,55,.05);border-radius:12px;padding:.85rem .95rem;text-align:center}.about-item h3{margin:0 0 .28rem;font:700 .98rem/1.35 var(--body);color:var(--gold-soft);min-height:2.6em}.about-item p{margin:0;color:var(--text);font-size:.95rem;line-height:1.55}.about-media{width:100%;max-width:360px;margin-inline:auto}.about-media img{max-height:460px;object-fit:contain;background:rgba(255,255,255,.015);padding:.35rem}
.services-intro{margin:0;max-width:820px;color:var(--muted)}.package-grid{width:100%;max-width:1020px;display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 .1rem .25rem}.package-grid::-webkit-scrollbar{height:6px}.package-grid::-webkit-scrollbar-thumb{background:rgba(212,175,55,.35);border-radius:999px}.package-card{height:100%;display:flex;flex-direction:column;align-items:center;gap:.72rem;text-align:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:.9rem .9rem 1rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);flex:0 0 86%;scroll-snap-align:center;scroll-snap-stop:always}.package-media{margin:0;width:100%}.package-media img{width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:10px;border:0;background:transparent}.package-tag{margin:0;font:700 1.02rem/1.3 var(--body);color:var(--gold-soft);text-align:center}.package-list{margin:0;color:var(--muted);text-align:center;list-style-position:inside;padding-left:0;flex:1}.package-list li{margin:.28rem 0}.package-price{margin:0;color:var(--text);font-weight:700;text-align:center;padding-top:.15rem}.package-card .btn{margin-top:.6rem;align-self:center}
.problem .container,.usp .container,.process .container,.faq .container,.testimoni .container{text-align:center}.problem .card-grid,.usp-list,.steps,.faq-list{max-width:980px;margin-inline:auto}.usp-list{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.usp-item{display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border:1px solid var(--line);padding:.9rem .95rem;border-radius:12px;text-align:center}.usp-item p{margin:0}
.usp-cert-wrap{margin-top:1.15rem}.usp-cert-lead{margin:0 0 .85rem;color:var(--muted)}.usp-cert-grid{display:flex;gap:.8rem;max-width:980px;margin-inline:auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 .1rem .25rem}.usp-cert-grid::-webkit-scrollbar{height:6px}.usp-cert-grid::-webkit-scrollbar-thumb{background:rgba(212,175,55,.35);border-radius:999px}.usp-cert-card{margin:0;flex:0 0 84%;scroll-snap-align:center;scroll-snap-stop:always;border:1px solid var(--line);border-radius:12px;background:rgba(212,175,55,.04);padding:.65rem .65rem .6rem}.usp-cert-card img{width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,.015)}.usp-cert-card figcaption{margin-top:.45rem;color:var(--gold-soft);font-size:.86rem;line-height:1.35}
.plain-list{margin:0;color:var(--muted);padding-left:1.1rem}.plain-list li{margin:.34rem 0}.plain-list-center{display:inline-block;text-align:left}
.steps{margin:0;padding:0;list-style:none;counter-reset:flow;display:grid;gap:.9rem;max-width:980px;margin-inline:auto}.steps li{counter-increment:flow;position:relative;min-height:88px;padding:1rem 1rem 1rem 4.2rem;background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(18,18,18,.96));border:1px solid var(--line);border-radius:14px;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);line-height:1.55}.steps li::before{content:counter(flow);position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:1px solid rgba(212,175,55,.5);background:rgba(212,175,55,.15);color:var(--gold-soft);font:800 .98rem/1 var(--cta);display:flex;align-items:center;justify-content:center}.steps li::after{content:'';position:absolute;left:1.8rem;top:calc(100% + 1px);width:2px;height:.9rem;background:linear-gradient(180deg,rgba(212,175,55,.45),rgba(212,175,55,0))}.steps li:last-child::after{display:none}
.testi-marquee{display:grid;gap:1rem;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.testi-track{display:flex;gap:1rem;width:max-content}.testi-group{display:flex;gap:1rem}.testi-card{width:min(320px,78vw);background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:1rem 1rem .9rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);text-align:left}.testi-card p{margin:0 0 .8rem;color:var(--text);line-height:1.6}.stars{color:var(--gold);letter-spacing:.12em;font-size:1rem;line-height:1}.move-left{animation:testiLeft 34s linear infinite}.move-right{animation:testiRight 34s linear infinite}.testi-track:hover{animation-play-state:paused}
.faq-list{display:grid;gap:.75rem;max-width:860px;margin-inline:auto}.faq-item{border:1px solid rgba(212,175,55,.2);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.01);text-align:center;transition:border-color .2s ease,background-color .2s ease}.faq-item:hover{border-color:rgba(212,175,55,.32)}.faq-item.active{border-color:rgba(212,175,55,.55);background:rgba(212,175,55,.08)}.faq-trigger{width:100%;text-align:center;border:0;background:transparent;color:var(--text);font:700 1rem/1.35 var(--body);padding:1rem 2.85rem 1rem 2.85rem;cursor:pointer;position:relative}.faq-trigger:after{content:'+';position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--gold-soft);width:24px;height:24px;border:1px solid rgba(212,175,55,.32);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.faq-item.active .faq-trigger:after{content:'−';border-color:rgba(212,175,55,.58);background:rgba(212,175,55,.08)}.faq-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-panel p{margin:0;padding:0 1.1rem 1rem;color:var(--muted);text-align:center;max-width:680px;margin-inline:auto}
.cta-highlight{border:1px solid var(--line);border-radius:18px;padding:2rem;background:linear-gradient(180deg,rgba(212,175,55,.12),rgba(212,175,55,.04));text-align:center}.cta-highlight p{margin:0 0 1.2rem;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:2.2rem 0 6.2rem;background:#0a0a0a;text-align:center}.footer-grid{display:grid;gap:1.2rem;justify-items:center;max-width:760px;margin-inline:auto}.footer-logo{width:min(210px,62vw);height:auto;object-fit:contain;margin:0 auto .55rem}.site-footer h2{font:700 1.35rem/1.25 var(--headline);margin:.1rem 0 .5rem}.site-footer h3{margin:.1rem 0 .45rem}.site-footer p{margin:.2rem 0;color:var(--muted)}.site-footer a{display:block;color:var(--gold-soft);margin:.2rem 0}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:95;background:rgba(8,8,8,.95);border-top:1px solid var(--line);padding:.65rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.sticky-cta p{margin:0;color:var(--gold-soft);font-size:.88rem}
.scroll-popup{position:fixed;right:1rem;bottom:9rem;z-index:96;max-width:280px;background:#161616;border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:var(--shadow);display:none}.scroll-popup.show{display:block;animation:fadeInUp .28s ease}.scroll-popup p{margin:0 0 .75rem;font-size:.92rem;color:var(--muted)}.popup-close{position:absolute;top:.35rem;right:.5rem;color:var(--gold-soft);background:none;border:0;font-size:1.2rem;cursor:pointer}
.section.reveal{opacity:0;transform:translateY(14px)}.section.reveal.visible{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroPatternDrift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-24px,-18px,0)}100%{transform:translate3d(-48px,-36px,0)}}@keyframes heroGlowFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(10px,-12px,0) scale(1.05)}}
@keyframes heroFeedbackMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - .325rem))}}
@keyframes testiLeft{from{transform:translateX(0)}to{transform:translateX(calc(-50% - .5rem))}}@keyframes testiRight{from{transform:translateX(calc(-50% - .5rem))}to{transform:translateX(0)}}
@media (min-width:700px){.main-nav{display:flex}.nav-toggle{display:none}.header-cta{display:inline-flex}.problem .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.usp-list{grid-template-columns:repeat(2,minmax(0,1fr))}.usp-cert-grid{display:grid;overflow:visible;scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.usp-cert-card{flex:initial;scroll-snap-align:unset;scroll-snap-stop:normal}.package-grid{display:grid;overflow:visible;scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.package-card{flex:initial;scroll-snap-align:unset;scroll-snap-stop:normal}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.steps li:last-child::after{display:block}.steps li:nth-last-child(-n+2)::after{display:none}.sticky-cta{display:none}}
@media (min-width:980px){.section{padding:5.2rem 0}.hero{padding:7.2rem 0 5.1rem}.problem .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.usp-cert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.steps li{padding:3.2rem .9rem .95rem;justify-content:center;text-align:center;min-height:150px}.steps li::before{left:50%;top:1rem;transform:translateX(-50%)}.steps li::after{top:1.75rem;left:calc(100% + 1px);width:1rem;height:2px;background:linear-gradient(90deg,rgba(212,175,55,.45),rgba(212,175,55,0))}.steps li:nth-last-child(-n+1)::after{display:none}.scroll-popup{bottom:6.8rem}}
@media (max-width:460px){.problem .card-grid{gap:.75rem}.card{padding:.85rem}.card h3{font-size:1rem;min-height:3.05em}.card p{font-size:.92rem;line-height:1.55}.about-highlights{gap:.6rem}.about-item{padding:.68rem .62rem;border-radius:10px}.about-item h3{font-size:.84rem;line-height:1.3}.about-item p{font-size:.8rem;line-height:1.42}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.faq-panel,.section.reveal{transition:none!important;animation:none!important}.hero-bg::before,.hero-bg::after,.move-left,.move-right,.hero-feedback-track{animation:none!important}}