body{font-family:'Inter','Almarai','AcuminVariable',sans-serif;line-height:1.7;background:#fff;color:#1F2937;}body[dir="rtl"]{font-family:'Almarai','Inter','Cairo','Tajawal','Arabic UI Text',sans-serif;}body[dir="ltr"]{font-family:'AcuminVariable','Inter','Helvetica Neue',Arial,sans-serif;}#hero h1.text-5xl,#hero h1.md\:text-7xl{line-height:1.5 !important;}@media (max-width:768px){#hero h1.text-5xl{line-height:1.5 !important;}}.hero-bg{background:linear-gradient(rgba(31,41,55,0.8),rgba(31,41,55,0.7)),url('../images/hero-bg.webp') center/cover;}.blueprint-bg{background:linear-gradient(rgba(220,38,38,0.1),rgba(31,41,55,0.9)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23DC2626" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');}@keyframes fadeIn{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes slideUp{from{opacity:0;transform:translateY(50px);}to{opacity:1;transform:translateY(0);}}@keyframes bounceIn{0%{transform:scale(0.8);opacity:0;}50%{transform:scale(1.05);}100%{transform:scale(1);opacity:1;}}@keyframes zoomIn{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.05);}100%{transform:scale(1);}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-10px);}60%{transform:translateY(-5px);}}@keyframes shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-20px) rotate(180deg);}}@keyframes glow{from{opacity:0.2;transform:scale(1);}to{opacity:0.4;transform:scale(1.05);}}@keyframes urgentPulse{0%{background-color:#DC2626;}50%{background-color:#EF4444;}100%{background-color:#DC2626;}}@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}.animate-fade-in{animation:fadeIn 0.8s ease-out;}.animate-slide-up{animation:slideUp 0.8s ease-out;}.animate-bounce-in{animation:bounceIn 1s ease-out;}.animate-zoom-in{animation:zoomIn 0.6s ease-out;}.cta-pulse,.whatsapp-float,.limited-spots{animation:pulse 2s infinite;}.bounce-arrow{animation:bounce 2s infinite;}.cta-shake{animation:shake 0.5s ease-in-out;}.urgent-badge{animation:urgentPulse 1.5s infinite;}.response-time{background:linear-gradient(45deg,#DC2626,#EF4444);background-size:200% 200%;animation:gradientShift 3s ease infinite;}.logo-strip,.advantage-strip{animation:scroll 20s linear infinite;}.sticky-header{transition:all 0.3s ease;}.sticky-header.scrolled{background:rgba(31,41,55,0.95);backdrop-filter:blur(10px);}.feature-card,.service-card,.project-card,.testimonial-card,.value-card,.team-card,.approach-step,.results-card,.advantage-card,.contact-card,.faq-item,.blog-card{opacity:0;transform:translateY(30px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.feature-card.animate,.service-card.animate,.project-card.animate,.testimonial-card.animate,.value-card.animate,.team-card.animate,.approach-step.animate,.results-card.animate,.advantage-card.animate,.contact-card.animate,.faq-item.animate,.blog-card.animate{opacity:1;transform:translateY(0);}.advantage-card.animate,.feature-card.animate,.service-card.animate,.project-card.animate,.testimonial-card.animate,.value-card.animate,.team-card.animate,.approach-step.animate,.results-card.animate,.contact-card.animate,.faq-item.animate,.blog-card.animate{opacity:1;transform:translateY(0);}.advantage-card:hover,.feature-card:hover,.service-card:hover,.project-card:hover,.testimonial-card:hover,.value-card:hover,.team-card:hover,.approach-step:hover,.results-card:hover,.contact-card:hover,.faq-item:hover,.blog-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 40px rgba(220,38,38,0.12);opacity:1 !important;}.approach-step{opacity:1 !important;transform:translateY(0) !important;}.approach-step:hover{transform:translateY(-10px) scale(1.03) !important;box-shadow:0 20px 40px rgba(220,38,38,0.12);}.gallery-item{cursor:pointer;transition:all 0.3s ease;}.gallery-item:hover{transform:scale(1.05);}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:9999;align-items:center;justify-content:center;}.lightbox.active{display:flex;}.lightbox img{max-width:90%;max-height:90%;object-fit:contain;}.comparison-table,.table-responsive table{opacity:0;transform:translateX(-50px);transition:all 0.8s ease;width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1);}.comparison-table.animate,.table-responsive table.animate{opacity:1;transform:translateX(0);}.table-responsive th,.table-responsive td{padding:1rem;text-align:left;border-bottom:1px solid #E5E7EB;}.table-responsive th{background:#F9FAFB;font-weight:600;color:#374151;}.whatsapp-float{position:fixed;bottom:20px;left:20px;z-index:1000;}.badge-reveal,.project-badge,.completion-badge,.ongoing-badge,.certified-badge,.location-badge,.discount-badge,.limited-spots,.urgent-badge,.response-time,.trending-badge,.new-badge{border-radius:9999px;font-weight:600;display:inline-block;}.sticky-cta{position:fixed;bottom:20px;right:20px;z-index:1000;transform:translateY(100px);opacity:0;transition:all 0.3s ease;}.sticky-cta.show{transform:translateY(0);opacity:1;}.floating-popup{position:fixed;bottom:20px;right:20px;z-index:1000;transform:translateX(400px);transition:transform 0.3s ease;}.floating-popup.show{transform:translateX(0);}.form-field:focus{border-color:#DC2626;box-shadow:0 0 0 3px rgba(220,38,38,0.2);}.success-message{display:none;}.success-message.show{display:block;animation:slideDown 0.5s ease-out;}.map-container{filter:grayscale(100%);transition:filter 0.3s ease;}.map-container:hover{filter:grayscale(0%);}.breadcrumb{color:#6B7280;font-size:0.875rem;}.breadcrumb a{color:#DC2626;text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;}.article-content h2{font-size:1.875rem;font-weight:700;color:#1F2937;margin:2rem 0 1rem 0;line-height:1.3;}.article-content h3{font-size:1.5rem;font-weight:600;color:#374151;margin:1.5rem 0 0.75rem 0;}.article-content p{margin-bottom:1.5rem;color:#4B5563;font-size:1.125rem;}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:2rem;}.article-content li{margin-bottom:0.75rem;color:#4B5563;font-size:1.125rem;}.article-content blockquote{border-left:4px solid #DC2626;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#6B7280;background:#F9FAFB;padding:1.5rem;border-radius:0 8px 8px 0;}@media (max-width:768px){.share-buttons{position:static;flex-direction:row;justify-content:center;margin:2rem 0;left:auto;top:auto;transform:none;}.article-content h2{font-size:1.5rem;}.article-content h3{font-size:1.25rem;}.article-content p,.article-content li{font-size:1rem;}}.hero-slide{display:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(0.98);transition:opacity 0.7s cubic-bezier(0.4,0,0.2,1),transform 0.7s cubic-bezier(0.4,0,0.2,1);align-items:center;justify-content:center;}.hero-slide.active{display:flex;opacity:1;transform:scale(1);z-index:1;}.carousel-dot{width:14px;height:14px;border-radius:50%;background-color:rgba(255,255,255,0.5);margin:0 6px;border:2px solid #fff;transition:background 0.3s,transform 0.3s;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.08);display:inline-block;}.carousel-dot.active{background-color:#DC2626;transform:scale(1.2);border-color:#DC2626;}.carousel-arrow{display:flex !important;align-items:center;justify-content:center;opacity:0.85;background:rgba(31,41,55,0.7);color:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10;transition:background 0.3s,opacity 0.3s;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.12);}.carousel-arrow:hover{background:#DC2626;opacity:1;}.carousel-prev{left:24px;}.carousel-next{right:24px;}.hero-bg,.bg-gradient-to-r{transition:background 0.7s cubic-bezier(0.4,0,0.2,1),opacity 0.7s cubic-bezier(0.4,0,0.2,1);}.newsletter-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999;align-items:center;justify-content:center;}.newsletter-popup.active{display:flex;}.sticky-cta{transform:translateY(100%);transition:transform 0.3s ease;}.sticky-cta.show{transform:translateY(0);}.exit-intent-modal{backdrop-filter:blur(5px);}.exit-intent-modal .modal-content{animation:modalSlideIn 0.3s ease-out;}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px) scale(0.9);}to{opacity:1;transform:translateY(0) scale(1);}}.countdown-timer{font-variant-numeric:tabular-nums;}.cta-pulse{animation:ctaPulse 2s infinite;}@keyframes ctaPulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,0.7);}70%{box-shadow:0 0 0 10px rgba(220,38,38,0);}100%{box-shadow:0 0 0 0 rgba(220,38,38,0);}}.filter-btn{display:inline-flex;align-items:center;padding:0.5rem 1rem;border-radius:9999px;border:1px solid #D1D5DB;color:#6B7280;transition:all 0.3s ease;}.filter-btn:hover,.filter-btn.active{background-color:#DC2626;color:white;border-color:#DC2626;}.product-card{transition:all 0.3s ease;border-radius:0.75rem;overflow:hidden;}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1);}.product-card .product-image img{transition:transform 0.3s ease;}.product-card:hover .product-image img{transform:scale(1.05);}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.product-hero{min-height:80vh;display:flex;align-items:center;}.product-hero .shape{animation-duration:8s;}.product-hero .btn-primary,.product-hero .btn-secondary,.product-hero .btn-tertiary{box-shadow:0 4px 15px rgba(0,0,0,0.2);}.product-hero .btn-primary:hover,.product-hero .btn-secondary:hover,.product-hero .btn-tertiary:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.3);}.tab-btn{padding:0.75rem 1.5rem;color:#6B7280;border-bottom:2px solid transparent;transition:all 0.3s ease;}.tab-btn:hover,.tab-btn.active{color:#DC2626;border-bottom-color:#DC2626;font-weight:600;}.tab-content{display:none;}.tab-content.active{display:block;}.thumbnail-image{transition:all 0.3s ease;}.thumbnail-image:hover{opacity:0.75;transform:scale(1.05);}.floating-shapes{position:relative;width:100%;height:100%;}.shape{position:absolute;background:rgba(255,255,255,0.1);border-radius:50%;animation:float 6s ease-in-out infinite;}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s;}.shape-2{width:120px;height:120px;top:60%;right:20%;animation-delay:2s;}.shape-3{width:60px;height:60px;bottom:30%;left:70%;animation-delay:4s;}.glow-effect{animation:glow 2s ease-in-out infinite alternate;}.countdown-timer .time-unit{animation:pulse 1s infinite;}.btn-primary-lg,.btn-secondary-lg,.btn-cta,.btn-submit{transition:all 0.3s ease;}.btn-primary-lg:hover,.btn-cta:hover,.btn-submit:hover{box-shadow:0 10px 25px rgba(220,38,38,0.3);}.btn-primary{background-color:#DC2626;color:white;font-weight:600;transition:all 0.3s ease;}.btn-primary:hover{background-color:#B91C1C;}.btn-secondary{background-color:#F3F4F6;color:#374151;transition:all 0.3s ease;}.btn-secondary:hover{background-color:#E5E7EB;}.btn-tertiary{background-color:#DBEAFE;color:#1D4ED8;transition:all 0.3s ease;}.btn-tertiary:hover{background-color:#BFDBFE;}@media (max-width:768px){.hero-title{font-size:2.5rem !important;}.hero-subtitle{font-size:1.25rem !important;}.countdown-timer{gap:0.5rem !important;}.time-unit{padding:0.5rem 1rem !important;}.time-value{font-size:1.5rem !important;}.filter-btn{font-size:0.875rem;padding:0.5rem 0.75rem;}.tab-btn{padding:0.5rem 1rem;font-size:0.875rem;}.product-actions{flex-direction:column;gap:0.5rem;}.product-actions button{width:100%;}}