/* ============================================
   TECHVISION — Premium Responsive CSS
   ============================================ */

:root {
    --primary: #0a192f;
    --primary-light: #112240;
    --accent: #38bdf8;
    --accent-dark: #0284c7;
    --gold: #f59e0b;
    --gold-light: #fbbf24;
    --green: #25D366;
    --white: #f8fafc;
    --white-muted: #94a3b8;
    --white-dim: rgba(248,250,252,0.06);
    --white-border: rgba(248,250,252,0.08);
    --bg: #020c1b;
    --card-bg: #0d1f35;
    --glass: rgba(13,31,53,0.75);
    --font: 'Tajawal', sans-serif;
    --radius: 14px;
    --radius-lg: 20px;
    --shadow: 0 20px 60px rgba(0,0,0,0.5);
    --shadow-accent: 0 8px 32px rgba(56,189,248,0.25);
    --transition: all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;width:100%;}
body{font-family:var(--font);background:var(--bg);color:var(--white);line-height:1.7;overflow-x:hidden;width:100%;position:relative;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{list-style:none;}

.container{max-width:1180px;margin:0 auto;padding:0 20px;}
.text-center{text-align:center;}
.section{padding:80px 0;}
.gradient-text{
    background:linear-gradient(135deg,var(--accent) 0%,var(--gold-light) 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* Reveal */
.reveal{opacity:0;transform:translateY(36px);transition:opacity 0.65s ease,transform 0.65s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.delay-1{transition-delay:0.12s;}
.delay-2{transition-delay:0.24s;}
.delay-3{transition-delay:0.36s;}

/* Section Header */
.section-header{text-align:center;margin-bottom:56px;}
.section-tag{
    display:inline-block;padding:5px 16px;
    background:rgba(56,189,248,0.1);color:var(--accent);
    border:1px solid rgba(56,189,248,0.3);border-radius:50px;
    font-size:0.8rem;font-weight:700;letter-spacing:0.05em;margin-bottom:14px;
}
.section-title{font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;margin-bottom:12px;line-height:1.25;}
.section-desc{font-size:1rem;color:var(--white-muted);max-width:560px;margin:0 auto;}

/* Buttons */
.btn{
    display:inline-flex;align-items:center;gap:9px;
    padding:12px 24px;border-radius:50px;
    font-family:var(--font);font-size:0.95rem;font-weight:700;
    cursor:pointer;border:none;transition:var(--transition);white-space:nowrap;
}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--bg);box-shadow:var(--shadow-accent);}
.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 36px rgba(56,189,248,0.45);}
.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white-border);backdrop-filter:blur(8px);}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);}
.btn-whatsapp{background:linear-gradient(135deg,#25D366,#128C7E);color:white;box-shadow:0 8px 24px rgba(37,211,102,0.35);}
.btn-whatsapp:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 36px rgba(37,211,102,0.55);}

/* ============ NAVBAR ============ */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:var(--transition);padding:16px 0;}
.navbar.scrolled{
    background:rgba(2,12,27,0.94);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    border-bottom:1px solid var(--white-border);padding:10px 0;
    box-shadow:0 4px 30px rgba(0,0,0,0.5);
}
.nav-container{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer;}
.logo-icon{
    width:40px;height:40px;
    background:linear-gradient(135deg,var(--accent),var(--gold));
    border-radius:10px;display:flex;align-items:center;justify-content:center;
    font-size:1.1rem;color:var(--bg);box-shadow:0 4px 14px rgba(56,189,248,0.4);
}
.logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo-ar{font-size:1rem;font-weight:800;color:var(--white);}
.logo-en{font-size:0.65rem;font-weight:500;color:var(--accent);letter-spacing:0.1em;}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a{font-size:0.9rem;font-weight:500;color:var(--white-muted);transition:color 0.3s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform 0.3s;}
.nav-links a:hover{color:var(--white);}
.nav-links a:hover::after{transform:scaleX(1);}
.nav-cta{
    background:linear-gradient(135deg,var(--accent),var(--accent-dark)) !important;
    color:var(--bg) !important;padding:9px 20px !important;border-radius:50px !important;font-weight:700 !important;
}
.nav-cta::after{display:none !important;}
.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent);}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition);}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.active span:nth-child(2){opacity:0;}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{display:none;flex-direction:column;background:rgba(2,12,27,0.98);backdrop-filter:blur(20px);border-top:1px solid var(--white-border);padding:12px 20px;}
.mobile-menu.open{display:flex;}
.mobile-link{padding:12px 0;font-size:1rem;font-weight:600;color:var(--white-muted);border-bottom:1px solid var(--white-border);transition:color 0.3s;}
.mobile-link:last-child{border-bottom:none;}
.mobile-link:hover{color:var(--accent);}
.mobile-cta{margin-top:12px;text-align:center;padding:13px !important;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--bg) !important;border-radius:50px;font-weight:700;border-bottom:none !important;}

/* ============ HERO ============ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;z-index:0;}
.hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:center;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,12,27,0.6) 0%,rgba(2,12,27,0.75) 60%,var(--bg) 100%);}
.particles{position:absolute;inset:0;overflow:hidden;}
.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:0.5;animation:floatParticle linear infinite;}
.particle:nth-child(1){left:10%;top:20%;animation-duration:8s;}
.particle:nth-child(2){left:25%;top:70%;animation-duration:10s;animation-delay:1s;width:5px;height:5px;background:var(--gold);}
.particle:nth-child(3){left:60%;top:30%;animation-duration:7s;animation-delay:2s;}
.particle:nth-child(4){left:75%;top:80%;animation-duration:12s;animation-delay:0.5s;width:3px;height:3px;}
.particle:nth-child(5){left:85%;top:15%;animation-duration:9s;animation-delay:3s;background:var(--gold);}
.particle:nth-child(6){left:40%;top:55%;animation-duration:6s;animation-delay:1.5s;width:5px;height:5px;}
@keyframes floatParticle{0%{transform:translateY(0) scale(1);opacity:0.5;}50%{transform:translateY(-70px) scale(1.2);opacity:1;}100%{transform:translateY(0) scale(1);opacity:0.5;}}

.hero-content{position:relative;z-index:1;text-align:center;padding:110px 20px 70px;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(56,189,248,0.1);border:1px solid rgba(56,189,248,0.3);border-radius:50px;font-size:0.82rem;font-weight:700;color:var(--accent);margin-bottom:22px;}
.hero-title{display:flex;flex-direction:column;font-size:clamp(2.2rem,5.5vw,4.5rem);font-weight:900;line-height:1.15;margin-bottom:20px;}
.title-line{display:block;}
.hero-subtitle{font-size:clamp(0.95rem,1.8vw,1.15rem);color:var(--white-muted);max-width:620px;margin:0 auto 28px;line-height:1.8;}

/* Hero Tags */
.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;}
.hero-tag{
    display:inline-flex;align-items:center;gap:7px;
    padding:7px 14px;background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.1);border-radius:50px;
    font-size:0.82rem;font-weight:600;color:var(--white-muted);
    transition:var(--transition);
}
.hero-tag:hover{background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.3);color:var(--accent);}
.hero-tag i{font-size:0.8rem;color:var(--accent);}
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}

/* Scroll Indicator */
.scroll-indicator{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--white-muted);font-size:0.72rem;animation:bounceY 2s ease-in-out infinite;z-index:1;}
.scroll-mouse{width:24px;height:36px;border:2px solid rgba(255,255,255,0.25);border-radius:12px;display:flex;justify-content:center;padding-top:5px;}
.scroll-wheel{width:3px;height:7px;background:var(--accent);border-radius:2px;animation:scrollWheel 2s ease infinite;}
@keyframes scrollWheel{0%{transform:translateY(0);opacity:1;}100%{transform:translateY(10px);opacity:0;}}
@keyframes bounceY{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-7px);}}

/* ============ SERVICES ============ */
.services-section{background:var(--bg);}

/* Featured Cards */
.service-featured{
    background:var(--card-bg);border:1px solid var(--white-border);
    border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px;
    position:relative;transition:var(--transition);
}
.service-featured:hover{border-color:rgba(56,189,248,0.4);box-shadow:var(--shadow),0 0 0 1px rgba(56,189,248,0.1);}
.featured-badge{
    position:absolute;top:16px;right:16px;z-index:10;
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 14px;border-radius:50px;font-size:0.78rem;font-weight:700;
    background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--bg);
    box-shadow:0 4px 14px rgba(56,189,248,0.4);
}
.featured-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold)) !important;box-shadow:0 4px 14px rgba(251,191,36,0.4) !important;}
.service-featured-inner{display:grid;grid-template-columns:1fr 1.4fr;}
.service-featured-reverse{direction:ltr;}
.service-featured-reverse .service-body{direction:rtl;}

/* Small Cards Grid */
.services-grid-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}

/* Common Card */
.service-card{background:var(--card-bg);border:1px solid var(--white-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);}
.service-card:not(.service-featured):hover{transform:translateY(-8px);border-color:rgba(56,189,248,0.4);box-shadow:var(--shadow);}
.service-img-wrap{position:relative;height:200px;overflow:hidden;}
.service-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.service-card:hover .service-img{transform:scale(1.07);}
.service-featured:hover .service-img{transform:scale(1.04);}
.service-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,12,27,0.05),rgba(2,12,27,0.8));}
.service-icon-floating{
    position:absolute;bottom:14px;right:16px;
    width:48px;height:48px;
    background:linear-gradient(135deg,var(--accent),var(--accent-dark));
    border-radius:12px;display:flex;align-items:center;justify-content:center;
    font-size:1.3rem;color:var(--bg);box-shadow:0 6px 20px rgba(56,189,248,0.5);transition:var(--transition);
}
.service-card:hover .service-icon-floating{transform:scale(1.1) rotate(-5deg);}
.service-body{padding:24px 28px;}
.service-body h3{font-size:1.25rem;font-weight:800;margin-bottom:10px;}
.service-body p{color:var(--white-muted);font-size:0.92rem;margin-bottom:18px;line-height:1.7;}
.service-seo-desc{color:var(--white-muted);font-size:0.92rem;margin-bottom:20px;line-height:1.7;}

/* Sub-features (for featured cards) */
.service-sub-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sub-feat{
    display:flex;align-items:center;gap:9px;
    padding:9px 12px;background:rgba(56,189,248,0.05);
    border:1px solid rgba(56,189,248,0.12);border-radius:9px;
    font-size:0.83rem;color:var(--white-muted);transition:var(--transition);
}
.sub-feat:hover{background:rgba(56,189,248,0.1);border-color:rgba(56,189,248,0.3);color:var(--white);}
.sub-feat i{color:var(--accent);font-size:0.85rem;width:16px;flex-shrink:0;}

/* Small card features */
.service-features{display:flex;flex-direction:column;gap:7px;}
.service-features li{display:flex;align-items:center;gap:9px;font-size:0.87rem;color:var(--white-muted);}
.service-features li i{color:var(--accent);font-size:0.75rem;}

/* ============ WHY US ============ */
.why-section{background:linear-gradient(180deg,var(--bg) 0%,var(--primary-light) 50%,var(--bg) 100%);}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;}
.why-card{
    background:var(--glass);backdrop-filter:blur(10px);
    border:1px solid var(--white-border);border-radius:var(--radius);
    padding:32px 24px;text-align:center;transition:var(--transition);
}
.why-card:hover{border-color:rgba(56,189,248,0.4);transform:translateY(-6px);box-shadow:var(--shadow-accent);}
.why-icon{
    width:64px;height:64px;margin:0 auto 18px;
    background:linear-gradient(135deg,rgba(56,189,248,0.15),rgba(56,189,248,0.05));
    border:2px solid rgba(56,189,248,0.2);border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:1.6rem;color:var(--accent);transition:var(--transition);
}
.why-card:hover .why-icon{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--bg);border-color:var(--accent);box-shadow:0 8px 24px rgba(56,189,248,0.4);}
.why-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;}
.why-card p{color:var(--white-muted);font-size:0.9rem;}

/* ============ STATS ============ */
.stats-section{
    background:linear-gradient(135deg,#0a192f 0%,#020c1b 100%);
    border-top:1px solid var(--white-border);border-bottom:1px solid var(--white-border);
    padding:72px 0;
}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;}
.stat-item{position:relative;}
.stat-item::after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:50px;background:var(--white-border);}
.stat-item:last-child::after{display:none;}
.stat-number{
    font-size:clamp(2.5rem,5vw,4rem);font-weight:900;
    background:linear-gradient(135deg,var(--accent),var(--gold-light));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    line-height:1;display:inline-block;
}
.stat-plus,.stat-slash{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:900;color:var(--accent);display:inline-block;vertical-align:top;margin-top:6px;}
.stat-label{font-size:0.88rem;color:var(--white-muted);font-weight:600;margin-top:8px;}

/* ============ TESTIMONIALS ============ */
.testimonials-section{background:var(--bg);}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.testimonial-card{background:var(--card-bg);border:1px solid var(--white-border);border-radius:var(--radius);padding:28px;transition:var(--transition);position:relative;}
.testimonial-card::before{content:'"';position:absolute;top:18px;left:24px;font-size:4rem;font-family:Georgia,serif;color:rgba(56,189,248,0.12);line-height:1;}
.testimonial-card:hover{border-color:rgba(56,189,248,0.3);transform:translateY(-5px);box-shadow:var(--shadow);}
.testimonial-stars{display:flex;gap:4px;margin-bottom:14px;}
.testimonial-stars i{color:var(--gold);font-size:0.88rem;}
.testimonial-text{color:var(--white-muted);font-size:0.92rem;line-height:1.8;margin-bottom:20px;font-style:italic;}
.testimonial-author{display:flex;align-items:center;gap:12px;}
.author-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--bg);flex-shrink:0;}
.author-name{font-size:0.95rem;font-weight:700;}
.author-title{font-size:0.76rem;color:var(--white-muted);margin-top:2px;}

/* ============ CONTACT ============ */
.contact-section{background:linear-gradient(180deg,var(--bg) 0%,var(--primary-light) 100%);}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:stretch;}
.contact-info-card{background:var(--card-bg);border:1px solid var(--white-border);border-radius:var(--radius-lg);padding:36px;display:flex;flex-direction:column;}
.contact-detail{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--white-border);}
.contact-detail.last{border-bottom:none;margin-bottom:24px;}
.contact-detail-icon{width:44px;height:44px;background:rgba(56,189,248,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1rem;flex-shrink:0;}
.contact-detail h4{font-size:0.78rem;color:var(--accent);font-weight:700;margin-bottom:3px;text-transform:uppercase;letter-spacing:0.05em;}
.contact-detail p{color:var(--white);font-size:0.95rem;font-weight:500;}
.contact-phone{font-size:1.3rem !important;font-weight:800 !important;color:var(--accent) !important;letter-spacing:0.05em;}
.contact-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;}

/* Location Visual */
.contact-visual{}
.location-card{
    background:var(--card-bg);border:1px solid var(--white-border);
    border-radius:var(--radius-lg);padding:40px 36px;
    display:flex;flex-direction:column;align-items:center;
    text-align:center;height:100%;justify-content:center;gap:28px;
}
.location-map-visual{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;}
.map-pin-ring{
    position:absolute;width:80px;height:80px;
    border:2px solid rgba(56,189,248,0.3);border-radius:50%;
    animation:pingRing 2s ease-out infinite;
}
.map-pin-ring.delay{animation-delay:1s;}
.map-pin{
    width:56px;height:56px;
    background:linear-gradient(135deg,var(--accent),var(--accent-dark));
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:1.6rem;color:var(--bg);
    box-shadow:0 8px 28px rgba(56,189,248,0.5);z-index:1;position:relative;
}
@keyframes pingRing{0%{transform:scale(0.8);opacity:1;}100%{transform:scale(1.8);opacity:0;}}
.location-info h3{font-size:1.2rem;font-weight:800;}
.location-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;}
.location-tags span{
    padding:5px 12px;background:rgba(56,189,248,0.08);
    border:1px solid rgba(56,189,248,0.15);border-radius:50px;
    font-size:0.8rem;color:var(--white-muted);
}
.location-note{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:0.85rem;font-weight:600;margin-top:4px;}
.location-note i{color:var(--green);}

/* ============ FOOTER ============ */
.footer{background:var(--primary);border-top:1px solid var(--white-border);padding:56px 0 0;}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--white-border);}
.footer-brand .nav-logo{margin-bottom:12px;}
.footer-brand p{color:var(--white-muted);font-size:0.88rem;max-width:280px;line-height:1.8;}
.footer-seo-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;}
.footer-seo-keywords span{font-size:0.72rem;color:var(--accent);opacity:0.6;padding:3px 8px;border:1px solid rgba(56,189,248,0.15);border-radius:4px;}
.footer-links h4,.footer-contact h4{font-size:0.95rem;font-weight:700;margin-bottom:16px;}
.footer-links{display:flex;flex-direction:column;gap:10px;}
.footer-links a{color:var(--white-muted);font-size:0.88rem;transition:color 0.3s;display:flex;align-items:center;gap:8px;}
.footer-links a i{color:var(--accent);font-size:0.8rem;width:14px;}
.footer-links a:hover{color:var(--accent);}
.footer-contact{display:flex;flex-direction:column;gap:12px;}
.footer-contact-link{display:flex;align-items:center;gap:10px;color:var(--white-muted);font-size:0.88rem;transition:color 0.3s;}
.footer-contact-link i{color:var(--accent);font-size:0.95rem;width:18px;}
.footer-contact-link:hover{color:var(--white);}
.footer-location{display:flex;align-items:center;gap:10px;color:var(--white-muted);font-size:0.88rem;}
.footer-location i{color:var(--accent);width:18px;}
.footer-bottom{text-align:center;padding:20px 0;}
.footer-bottom p{color:var(--white-muted);font-size:0.8rem;}

/* ============ FAQ ============ */
.faq-section{background:linear-gradient(180deg,var(--bg) 0%,var(--primary-light) 100%);}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:16px;max-width:1100px;margin:0 auto;}
.faq-item{background:var(--card-bg);border:1px solid var(--white-border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);}
.faq-item:hover{border-color:rgba(56,189,248,0.3);}
.faq-item.open{border-color:rgba(56,189,248,0.4);}
.faq-q{
    width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:18px 22px;background:none;border:none;cursor:pointer;
    font-family:var(--font);font-size:0.95rem;font-weight:700;color:var(--white);
    text-align:right;
}
.faq-q:hover{color:var(--accent);}
.faq-icon{color:var(--accent);font-size:0.85rem;transition:transform 0.3s ease;flex-shrink:0;}
.faq-item.open .faq-icon{transform:rotate(180deg);}
.faq-a{
    max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease;
    color:var(--white-muted);font-size:0.9rem;line-height:1.8;padding:0 22px;
}
.faq-item.open .faq-a{max-height:200px;padding:0 22px 18px;}

/* ============ FLOATING WHATSAPP ============ */
.floating-whatsapp{
    position:fixed;
    bottom:100px;   /* رُفع للأعلى */
    left:24px;
    z-index:999;
    width:56px;height:56px;
    background:linear-gradient(135deg,#25D366,#128C7E);
    color:white;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:1.6rem;
    box-shadow:0 6px 24px rgba(37,211,102,0.5);
    transition:var(--transition);
}
.floating-whatsapp:hover{transform:scale(1.15);box-shadow:0 12px 36px rgba(37,211,102,0.7);}
.floating-tooltip{
    position:absolute;left:64px;right:auto;
    background:var(--card-bg);color:var(--white);
    padding:6px 12px;border-radius:8px;font-size:0.82rem;font-weight:600;
    white-space:nowrap;opacity:0;pointer-events:none;
    transition:opacity 0.3s;border:1px solid var(--white-border);
}
.floating-whatsapp:hover .floating-tooltip{opacity:1;}

/* ============ RESPONSIVE ============ */
@media (max-width:1024px){
    .service-featured-inner{grid-template-columns:1fr 1.2fr;}
    .stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;}
    .stat-item::after{display:none;}
}

@media (max-width:900px){
    .nav-links{display:none;}
    .nav-toggle{display:flex;}
    .contact-grid{grid-template-columns:1fr;}
    .contact-visual{order:-1;}
    .location-card{padding:32px 24px;flex-direction:row;text-align:right;gap:24px;}
    .location-map-visual{flex-shrink:0;}
    .footer-inner{grid-template-columns:1fr 1fr;gap:28px;}
    .footer-brand{grid-column:1 / -1;}
    .service-featured-inner{grid-template-columns:1fr;}
    .service-featured-inner .service-img-wrap{height:220px;}
    .service-featured-reverse{direction:rtl;}
    .sub-feat{font-size:0.8rem;}
}

@media (max-width:640px){
    .section{padding:60px 0;}
    .hero-content{padding:90px 16px 56px;}
    .hero-title{font-size:2rem;}
    .hero-actions{flex-direction:column;align-items:center;}
    .hero-actions .btn{width:100%;max-width:300px;justify-content:center;}
    .hero-tags{gap:7px;}
    .hero-tag{font-size:0.76rem;padding:6px 11px;}
    .services-grid-small{grid-template-columns:1fr;}
    .service-sub-features{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .why-grid{grid-template-columns:1fr;}
    .testimonials-grid{grid-template-columns:1fr;}
    .faq-grid{grid-template-columns:1fr;}
    .footer-inner{grid-template-columns:1fr;}
    .footer-brand{grid-column:auto;}
    .contact-info-card{padding:24px;}
    .contact-buttons{flex-direction:column;}
    .contact-buttons .btn{justify-content:center;width:100%;}
    .location-card{flex-direction:column;text-align:center;}
    .floating-whatsapp{bottom:80px;left:16px;width:50px;height:50px;font-size:1.4rem;}
    .section-title{font-size:1.5rem;}
}

@media (max-width:400px){
    .container{padding:0 14px;}
    .hero-title{font-size:1.75rem;}
    .btn{font-size:0.88rem;padding:11px 20px;}
    .stats-grid{grid-template-columns:1fr 1fr;}
}