:root{--bg:#070611;--bg2:#0d0a19;--card:#121021;--text:#f8f7fb;--muted:#aaa5b8;--gold:#e0a900;--gold2:#ffca24;--purple:#8c42ff;--border:rgba(255,255,255,.1);--radius:22px;--shadow:0 22px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Tajawal,Arial,sans-serif;line-height:1.75;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(820px,calc(100% - 40px))}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(7,6,17,.72);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--border);background:rgba(7,6,17,.94)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;white-space:nowrap}.brand strong{color:var(--gold2)}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#130d00;background:linear-gradient(135deg,var(--gold2),#ba7800);font-size:21px;box-shadow:0 0 30px rgba(224,169,0,.22)}.main-nav{display:flex;align-items:center;gap:25px;margin:auto}.main-nav a{font-size:14px;color:#c6c2cd;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--gold2)}.menu-toggle{display:none;border:0;background:rgba(255,255,255,.08);color:white;width:43px;height:43px;border-radius:13px;font-size:23px}.btn{min-height:48px;padding:10px 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--gold2),#d58c00);color:#161006;box-shadow:0 12px 35px rgba(224,169,0,.18)}.btn-ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.hero{position:relative;min-height:760px;display:flex;align-items:center;padding:130px 0 65px;background-image:linear-gradient(90deg,rgba(7,6,17,.82),rgba(7,6,17,.5)),var(--hero-bg);background-size:cover;background-position:center;isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,var(--bg));z-index:-1}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(140,66,255,.2);filter:blur(100px);top:18%;right:38%;z-index:-1}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--gold2);border:1px solid rgba(224,169,0,.25);background:rgba(224,169,0,.07);padding:7px 14px;border-radius:30px;font-size:13px}.eyebrow i{font-size:8px}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.2;margin:22px 0;color:#fff}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero h1{background:linear-gradient(110deg,#fff 18%,var(--gold2) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}}.hero-copy>p{font-size:18px;color:#c2bdca;max-width:650px;margin:0 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-stats{display:flex;gap:45px;margin-top:46px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:28px;color:var(--gold2);line-height:1.1}.hero-stats span{font-size:12px;color:var(--muted)}.hero-visual{position:relative;display:flex;justify-content:center}.phone-card{width:min(390px,100%);aspect-ratio:4/5;border:1px solid rgba(224,169,0,.35);border-radius:42px;padding:13px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(140,66,255,.12));box-shadow:var(--shadow),0 0 70px rgba(140,66,255,.16);overflow:hidden}.phone-card img{width:100%;height:100%;object-fit:cover;border-radius:31px}.float-icon{position:absolute;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(20,15,37,.88);border:1px solid rgba(224,169,0,.3);font-size:25px;color:var(--gold2);box-shadow:0 15px 35px #0008}.float-icon.one{right:3%;top:8%}.float-icon.two{left:2%;bottom:15%;color:#bc72ff}
.section{padding:100px 0;position:relative}.section-alt{background:var(--bg2)}.section-head{text-align:center;max-width:700px;margin:0 auto 48px}.section-head>span{color:var(--gold2);font-size:13px;font-weight:800}.section-head h2,.contact-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.3;margin:8px 0 12px}.section-head p,.contact-copy>p{color:var(--muted);margin:0}.glass-card{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:27px;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(224,169,0,.35)}.card-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;color:var(--gold2);background:rgba(224,169,0,.1);margin-bottom:18px}.service-card h3,.product-card h3{margin:0 0 8px;font-size:19px}.service-card p,.product-card p{margin:0;color:var(--muted);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--border);transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:rgba(140,66,255,.5)}.product-card .media{aspect-ratio:4/3;overflow:hidden}.product-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.product-card:hover img{transform:scale(1.04)}.card-body{padding:21px}.card-body a{display:inline-flex;gap:7px;align-items:center;color:var(--gold2);font-size:13px;margin-top:15px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{position:relative;aspect-ratio:4/3;border-radius:20px;overflow:hidden;border:1px solid var(--border)}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:.45s}.portfolio-card:hover img{transform:scale(1.05)}.portfolio-info{position:absolute;inset:auto 0 0;padding:45px 20px 18px;background:linear-gradient(transparent,rgba(5,4,12,.95))}.portfolio-info h3{margin:0;font-size:17px}.portfolio-info p{margin:1px 0 0;color:#bbb;font-size:12px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quote-card{padding:25px}.stars{color:var(--gold2);letter-spacing:4px}.quote-card>p{color:#d1cdd8;font-size:14px;min-height:78px}.person{display:flex;align-items:center;gap:12px}.person img{width:48px;height:48px;border-radius:50%;object-fit:cover}.person div{display:flex;flex-direction:column}.person span{color:var(--muted);font-size:11px}.faq-list{display:grid;gap:12px}.faq-list details{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:0 20px}.faq-list details[open]{border-color:rgba(224,169,0,.3)}.faq-list summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list summary i{font-size:21px;color:var(--gold2);transition:.2s}.faq-list details p{color:var(--muted);font-size:14px;margin:0 0 20px}
.contact-section{background:radial-gradient(circle at 20% 50%,rgba(140,66,255,.14),transparent 38%),var(--bg2)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.contact-copy ul{padding:0;margin:35px 0 0;list-style:none;display:grid;gap:18px}.contact-copy li{display:flex;align-items:center;gap:15px}.contact-copy li>i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--gold2);background:rgba(224,169,0,.09);font-size:20px}.contact-copy li div{display:flex;flex-direction:column}.contact-copy small{color:var(--muted)}.contact-form{padding:30px;display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px;font-size:13px;color:#cac5d0}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--border);background:rgba(0,0,0,.22);color:white;border-radius:12px;padding:12px 14px;outline:none;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form textarea{resize:vertical}.contact-form .btn{width:100%;border:0}.hp{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.form-status{display:none;padding:10px;border-radius:10px;font-size:13px}.form-status.show{display:block}.form-status.ok{background:#0c8a4a22;color:#75e6aa}.form-status.error{background:#d83e4822;color:#ff9aa1}.footer{border-top:1px solid var(--border);padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p{color:var(--muted);font-size:12px}.socials{display:flex;gap:8px}.socials a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.06)}.whatsapp-float{position:fixed;z-index:90;left:24px;bottom:24px;display:flex;align-items:center;gap:8px;background:#1fc868;color:#04160c;padding:12px 17px;border-radius:50px;font-weight:800;box-shadow:0 12px 35px rgba(31,200,104,.3)}.whatsapp-float i{font-size:24px}
@media(max-width:980px){.main-nav{position:fixed;inset:78px 0 auto;background:#0b0915;border-bottom:1px solid var(--border);padding:18px 20px;display:none;flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav a{padding:12px;border-radius:10px}.main-nav a:hover{background:rgba(255,255,255,.05)}.menu-toggle{display:grid;place-items:center;margin-right:auto}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:35px}.service-grid,.product-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:35px}}
@media(max-width:680px){.container,.narrow{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.main-nav{inset:68px 0 auto}.brand{font-size:18px}.brand-icon{width:38px;height:38px}.hero{min-height:auto;padding:105px 0 65px;background-position:62% center}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy{text-align:center}.eyebrow{font-size:11px;padding:6px 10px}.hero h1{font-size:38px;margin:17px 0}.hero-copy>p{font-size:15px}.hero-actions{justify-content:center}.hero-actions .btn{flex:1;min-width:145px;padding-inline:13px}.hero-stats{justify-content:center;gap:24px;margin-top:34px}.hero-stats strong{font-size:23px}.hero-visual{order:2}.phone-card{width:min(320px,88vw);aspect-ratio:4/4.7}.float-icon.one{right:2%}.float-icon.two{left:1%}.section{padding:72px 0}.section-head{margin-bottom:32px}.section-head h2,.contact-copy h2{font-size:30px}.service-grid,.product-grid,.portfolio-grid,.testimonial-grid{grid-template-columns:1fr}.service-card{padding:22px}.product-grid,.portfolio-grid{gap:16px}.product-card{display:grid;grid-template-columns:42% 58%}.product-card .media{aspect-ratio:auto;min-height:190px}.product-card .card-body{padding:17px}.portfolio-card{aspect-ratio:16/11}.testimonial-grid .quote-card:nth-child(n+3){display:none}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-form{padding:20px}.form-row{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.whatsapp-float{left:14px;bottom:14px;width:54px;height:54px;padding:0;justify-content:center}.whatsapp-float span{display:none}.whatsapp-float i{font-size:27px}}
@media(max-width:390px){.hero h1{font-size:33px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.product-card{grid-template-columns:1fr}.product-card .media{height:210px}.hero-stats{gap:15px}.hero-stats span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;flex:0 0 auto}@media(max-width:680px){.brand-logo{width:38px;height:38px}}