:root{--primary: #18181B;--on-primary: #FFFFFF;--secondary: #3F3F46;--accent: #2563EB;--accent-soft: rgba(37, 99, 235, .12);--bg: #FAFAFA;--fg: #09090B;--muted: #E8ECF0;--border: #E4E4E7;--success: #16A34A;--danger: #DC2626;--text: #1f1f23;--text-muted: #5b5f68;--text-invert: #f4f5f7;--glass-bg: rgba(255, 255, 255, .62);--glass-border: rgba(24, 24, 27, .08);--dark-glass-bg: rgba(255, 255, 255, .06);--dark-glass-border: rgba(255, 255, 255, .12);--font-heading: "Almarai", "Tajawal", sans-serif;--font-body: "Tajawal", "Almarai", sans-serif;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow: 0 4px 24px rgba(24, 24, 27, .07);--shadow-lg: 0 16px 48px rgba(24, 24, 27, .14);--shadow-glow: 0 12px 44px rgba(37, 99, 235, .28);font-family:var(--font-body);line-height:1.7;color:var(--text);background:var(--bg);scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:76px}body{min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:#fff}.container,.section{max-width:1140px;margin:0 auto;padding:4.5rem 1.5rem}.section-alt{background:var(--muted)}.section-dark{background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(37,99,235,.22),transparent 60%),#0b0b0f;color:var(--text-invert)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.section-head{max-width:640px;margin:0 auto 2.5rem;text-align:center}.section-eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;margin-bottom:.6rem}.section-eyebrow.light{color:#7ea6f5}.section-head h2,.about-copy h2,.contact-copy h2{font-family:var(--font-heading);font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;line-height:1.25;margin-bottom:.75rem}.section-head p,.contact-copy p{color:var(--text-muted);font-size:1.02rem}.contact-copy p{color:#a7abb8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.5rem;border-radius:999px;font-family:var(--font-body);font-size:.95rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:.5rem 1.1rem;font-size:.87rem}.btn-block{width:100%;margin-top:.75rem}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 22px #2563eb52}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-ghost{border:1.5px solid var(--border);color:var(--text);background:transparent}.btn-ghost:hover:not(:disabled){background:var(--muted)}.section-dark .btn-ghost{border-color:#ffffff40;color:#fff}.section-dark .btn-ghost:hover{background:#ffffff14}.badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:.22rem .65rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.chip{display:inline-block;font-size:.82rem;font-weight:600;padding:.3rem .85rem;border-radius:999px;background:var(--muted);color:var(--secondary);border:1px solid var(--border)}input,select,textarea{width:100%;padding:.68rem 1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.84rem;font-weight:700;color:var(--secondary)}.field-error{color:var(--danger);font-size:.78rem;font-weight:600}.form-hint{font-size:.78rem;color:#8a8f9c;text-align:center;margin-top:.7rem}.navbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;height:68px;background:#fafafad1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-logo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--fg)}.nav-logo-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff}.dot{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:1.6rem}.nav-link{font-size:.92rem;font-weight:600;color:var(--text-muted);transition:color .2s}.nav-link:hover{color:var(--fg)}.nav-cta{margin-inline-start:.4rem}.nav-toggle{display:none;background:none;border:none;color:var(--fg)}.hero{position:relative;overflow:hidden;padding:5rem 1.5rem 4.5rem;background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%)}.hero-glow{position:absolute;inset:-30% -10% auto -10%;height:90%;background:radial-gradient(ellipse 55% 50% at 70% 20%,rgba(37,99,235,.13),transparent 65%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(37,99,235,.2);padding:.35rem .9rem;border-radius:999px;margin-bottom:1.2rem}.hero h1{font-family:var(--font-heading);font-size:clamp(2.1rem,4.6vw,3.3rem);font-weight:800;line-height:1.22;letter-spacing:-.01em;margin-bottom:1.1rem;color:var(--fg)}.accent-text{color:var(--accent)}.hero-copy>p{color:var(--text-muted);font-size:1.08rem;max-width:520px;margin-bottom:1.8rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.4rem}.hero-stats{display:flex;gap:1.6rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.6rem;color:var(--secondary)}.hero-stat svg{color:var(--accent)}.hero-stat strong{display:block;font-family:var(--font-heading);font-size:1.15rem;color:var(--fg)}.hero-stat span{font-size:.8rem;color:var(--text-muted)}.hero-visual{position:relative}.hero-frame{border-radius:var(--radius-lg);padding:.7rem;box-shadow:var(--shadow-lg)}.hero-frame img{border-radius:calc(var(--radius-lg) - 6px);aspect-ratio:4 / 3;object-fit:cover;width:100%}.hero-frame-tag{position:absolute;bottom:1.4rem;inset-inline-start:1.4rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--fg);padding:.45rem .9rem;border-radius:999px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}.hero-chip{position:absolute;display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--fg);padding:.45rem .85rem;border-radius:999px;box-shadow:var(--shadow);animation:float 5s ease-in-out infinite}.hero-chip svg{color:var(--accent)}.chip-1{top:1.2rem;inset-inline-start:-1.2rem}.chip-2{bottom:3.4rem;inset-inline-end:-.8rem;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.filter-tabs{display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:999px;padding:.3rem;margin:0 auto 2.5rem;max-width:480px;box-shadow:var(--shadow)}.tab{flex:1;text-align:center;padding:.5rem 1.2rem;border-radius:999px;font-family:var(--font-body);font-size:.88rem;font-weight:700;background:transparent;border:none;color:var(--text-muted);transition:all .2s ease;white-space:nowrap}.tab:hover{color:var(--fg)}.tab.active{background:var(--accent);color:#fff;box-shadow:0 4px 14px #2563eb59}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.project-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.project-media{position:relative;overflow:hidden;aspect-ratio:4 / 3}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-media img{transform:scale(1.06)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b0b0f8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .25s ease}.project-card:hover .project-overlay{opacity:1}.project-view{display:inline-flex;align-items:center;gap:.45rem;color:#fff;font-size:.9rem;font-weight:700;background:#ffffff24;border:1px solid rgba(255,255,255,.3);padding:.55rem 1.1rem;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-body{padding:1.1rem 1.25rem 1.3rem}.project-body h3{font-family:var(--font-heading);font-size:1.08rem;font-weight:800;margin:.5rem 0 .55rem;color:var(--fg)}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.project-tags span{font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--muted);padding:.18rem .6rem;border-radius:999px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b0b0f99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:1.25rem;animation:fadeIn .2s ease}.modal{position:relative;background:#fff;border-radius:var(--radius-lg);max-width:560px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:zoomIn .25s ease}.modal-wide{max-width:620px}.modal-close{position:absolute;top:.9rem;inset-inline-end:.9rem;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0b0b0f8c;color:#fff;border:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.modal-close:hover{background:#0b0b0fcc}.modal-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-body{padding:1.5rem 1.75rem 1.9rem}.modal-body h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;margin:.6rem 0 .7rem;color:var(--fg)}.modal-body>p{color:var(--text-muted);font-size:.98rem;margin-bottom:1.1rem}.modal-meta{display:flex;gap:1.4rem;flex-wrap:wrap;margin-bottom:1.4rem}.modal-meta span{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--secondary)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.service-card{border-radius:var(--radius-lg);padding:1.7rem 1.5rem;box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.service-icon{width:52px;height:52px;border-radius:14px;margin-bottom:1.1rem;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 20px #2563eb52}.service-card h3{font-family:var(--font-heading);font-size:1.08rem;font-weight:800;margin-bottom:.5rem;color:var(--fg)}.service-card>p{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.service-points{list-style:none}.service-points li{display:flex;align-items:center;gap:.45rem;font-size:.84rem;font-weight:600;color:var(--secondary);padding:.28rem 0}.service-points svg{color:var(--success);flex-shrink:0}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:start}.about-copy p{color:var(--text-muted);font-size:1rem;margin-bottom:1rem}.about-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.4rem}.about-values{display:flex;flex-direction:column;gap:1rem}.value-card{display:flex;gap:1rem;align-items:flex-start;border-radius:var(--radius-lg);padding:1.4rem 1.5rem;box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease}.value-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.value-card>svg{color:var(--accent);flex-shrink:0;margin-top:.15rem}.value-card h3{font-family:var(--font-heading);font-size:1rem;font-weight:800;color:var(--fg);margin-bottom:.3rem}.value-card p{font-size:.9rem;color:var(--text-muted)}.contact-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:3.5rem;align-items:center;max-width:1080px;margin:0 auto}.contact-note{display:flex;align-items:center;gap:.75rem;border-radius:var(--radius);padding:1rem 1.2rem;margin-top:1.6rem;font-size:.9rem;font-weight:600;color:#d7dbe4}.contact-note svg{color:#7ea6f5;flex-shrink:0}.contact-form-card{border-radius:var(--radius-lg);padding:2rem 2rem 1.7rem;box-shadow:0 20px 60px #0006}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-success{text-align:center;padding:2.5rem 1rem}.form-success svg{color:var(--success);margin-bottom:1rem}.form-success h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;margin-bottom:.5rem;color:var(--fg)}.form-success p{color:var(--text-muted);margin-bottom:1.4rem}.footer{background:#0b0b0f;color:#a7abb8;padding:3.5rem 1.5rem 1.4rem}.footer-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;padding-bottom:2.4rem;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand .nav-logo{color:#fff}.footer-brand p{font-size:.9rem;margin:.9rem 0 1.2rem;max-width:280px}.footer-socials{display:flex;gap:.6rem}.footer-socials a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#d7dbe4;transition:all .2s}.footer-socials a:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col h4{font-family:var(--font-heading);color:#fff;font-size:.95rem;margin-bottom:.3rem}.footer-col a,.footer-line{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;color:#a7abb8;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{max-width:1140px;margin:1.4rem auto 0;display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:#6f7480}.back-top{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff12;color:#fff;transition:all .2s}.back-top:hover{background:var(--accent);transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.fade-up{animation:fadeUp .55s ease both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-wrap{position:fixed;bottom:1.5rem;inset-inline-start:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.2rem;border-radius:14px;font-size:.9rem;font-weight:700;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:fadeUp .3s ease}.toast-success svg{color:var(--success)}.toast-error svg{color:var(--danger)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c9ccd3;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a9adb6}@media (max-width: 1024px){.portfolio-grid,.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-inner,.about-grid,.contact-wrap{grid-template-columns:1fr;gap:2.2rem}.hero{padding:3.5rem 1.25rem 3rem}.hero-visual{max-width:460px;margin:0 auto;width:100%}.chip-1{inset-inline-start:.4rem}.chip-2{inset-inline-end:.4rem}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.section{padding:3rem 1.15rem}.nav-links{position:absolute;top:68px;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;background:#fafafafa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:.75rem 1.25rem 1.25rem;display:none}.nav-links.open{display:flex}.nav-link{padding:.7rem 0;border-bottom:1px solid var(--border)}.nav-cta{margin-top:.9rem}.nav-toggle{display:grid;place-items:center}.portfolio-grid,.services-grid,.form-row{grid-template-columns:1fr}.filter-tabs{border-radius:20px}.hero-stats{gap:1.1rem}.footer-inner{grid-template-columns:1fr}.toast-wrap{inset-inline-start:1rem;inset-inline-end:1rem}.toast{justify-content:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.testimonial-card{position:relative;border-radius:var(--radius-lg);padding:1.8rem 1.6rem 1.5rem;box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease;display:flex;flex-direction:column;gap:.9rem}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.testimonial-quote{color:var(--accent);opacity:.5}.testimonial-card blockquote{font-size:.98rem;line-height:1.85;color:var(--text);flex:1}.testimonial-stars{display:flex;gap:.2rem;color:#f59e0b}.testimonial-card figcaption{display:flex;align-items:center;gap:.8rem;padding-top:1rem;border-top:1px solid var(--border)}.avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--accent);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:.95rem;box-shadow:0 4px 14px #2563eb4d}.testimonial-card figcaption div{display:flex;flex-direction:column}.testimonial-card figcaption strong{font-family:var(--font-heading);font-size:.95rem;color:var(--fg)}.testimonial-card figcaption span:not(.avatar){font-size:.8rem;color:var(--text-muted)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;position:relative}.process-card{position:relative;border-radius:var(--radius-lg);padding:1.9rem 1.4rem 1.6rem;box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease}.process-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.process-step{position:absolute;top:1rem;inset-inline-end:1.15rem;font-family:var(--font-heading);font-size:.95rem;font-weight:800;color:var(--accent);opacity:.35}.process-icon{width:46px;height:46px;border-radius:13px;margin-bottom:1rem;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(37,99,235,.18)}.process-card h3{font-family:var(--font-heading);font-size:1.02rem;font-weight:800;color:var(--fg);margin-bottom:.45rem}.process-card p{font-size:.88rem;color:var(--text-muted);line-height:1.7}.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.9rem}.faq-item{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .2s ease}.faq-item.open{box-shadow:var(--shadow-lg)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.4rem;background:transparent;border:none;font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--fg);text-align:start;transition:color .2s}.faq-question:hover{color:var(--accent)}.faq-chevron{color:var(--accent);flex-shrink:0;transition:transform .25s ease}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{padding:0 1.4rem 1.25rem;font-size:.93rem;line-height:1.85;color:var(--text-muted);animation:fadeUp .3s ease}.fab{position:fixed;z-index:80;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:none;cursor:pointer;box-shadow:0 10px 28px #00000038;transition:transform .2s ease,box-shadow .2s ease,opacity .25s ease}.fab:hover{transform:translateY(-3px) scale(1.04)}.fab-whatsapp{bottom:1.5rem;inset-inline-end:1.5rem;background:#25d366;color:#fff;animation:float 4s ease-in-out infinite}.fab-top{bottom:5.4rem;inset-inline-end:1.5rem;background:var(--accent);color:#fff;opacity:0;pointer-events:none}.fab-top.show{opacity:1;pointer-events:auto}@media (max-width: 1024px){.testimonials-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.process-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.process-grid{grid-template-columns:1fr}.fab-whatsapp{bottom:1.1rem;inset-inline-end:1.1rem}.fab-top{bottom:4.8rem;inset-inline-end:1.1rem}}