@import "https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap";
:root{--bg:#faf8f4;--bg-alt:#f1ede6;--surface:#fff;--text:#1f2328;--text-muted:#5b636b;--border:#e4dfd6;--border-subtle:#efebe4;--accent:#d9622b;--accent-hover:#bf531f;--dark:#16202b;--emergency:#c8352b;--emergency-hover:#b02820;--color-paper:var(--bg);--color-paper-2:var(--bg-alt);--color-paper-card:var(--surface);--color-paper-elevated:var(--surface);--color-dark-band:var(--dark);--color-dark-surface:#1e2b3a;--color-ink:var(--text);--color-ink-2:var(--text-muted);--color-ink-muted:#767e88;--color-ink-faint:#9aa1a9;--color-ink-light:#f8fafc;--color-ink-light-muted:#cbd5e1;--color-rule:var(--border);--color-rule-subtle:var(--border-subtle);--color-rule-highlight:#d5cec2;--color-rule-dark:#263545;--color-accent:var(--accent);--color-accent-hover:var(--accent-hover);--color-emergency:var(--emergency);--color-emergency-hover:var(--emergency-hover);--color-whatsapp:#1f9d55;--color-whatsapp-hover:#178345;--color-focus:var(--accent);--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Sora", "Plus Jakarta Sans", -apple-system, sans-serif;--font-arabic:"IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif;--container-max:1200px;--section-pad-desktop:110px;--section-pad-mobile:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--shadow-card:0 6px 24px #1f23280f;--shadow-card-hover:0 12px 32px #1f23281a;--shadow-sm:0 2px 8px #1f23280a}
[dir=rtl]{font-family:var(--font-arabic);text-align:start;direction:rtl}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic);line-height:1.35;letter-spacing:0!important}[dir=rtl] p,[dir=rtl] span,[dir=rtl] a,[dir=rtl] button,[dir=rtl] input,[dir=rtl] textarea{letter-spacing:0!important}[dir=rtl] .subtle-eyebrow{letter-spacing:.02em!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow-x:clip}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1.0625rem;line-height:1.6;overflow-x:clip}@media (max-width:900px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));font-size:1rem}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(2.25rem,5vw,4rem);font-weight:700;line-height:1.15}h2{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;line-height:1.2}h3{font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:600}p{color:var(--text-muted);max-width:65ch;line-height:1.6}a{color:inherit;text-decoration:none}.bg-dark-band{background-color:var(--dark)!important;color:#fff!important}.bg-dark-band h1,.bg-dark-band h2,.bg-dark-band h3,.bg-dark-band h4,.bg-dark-band p{color:#fff!important}.bg-dark-band p{color:#cbd5e1!important}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}.section-padding{padding-block:var(--section-pad-desktop)}@media (max-width:768px){.section-padding{padding-block:var(--section-pad-mobile)}.container{padding-inline:16px}}.quiet-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s,border-color .2s}.quiet-card:hover{box-shadow:var(--shadow-card-hover);border-color:#d5cec2;transform:translateY(-2px)}.client-logo-pill{transition:transform .18s,box-shadow .18s,border-color .18s}.client-logo-pill:hover{transform:translateY(-2px);border-color:#d9622b66!important;box-shadow:0 4px 14px #1f232814!important}.btn-primary{background-color:var(--accent);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding-block:12px;padding-inline:24px;font-size:.95rem;font-weight:600;transition:background-color .16s,transform .16s;display:inline-flex;color:#fff!important}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-secondary{border-radius:var(--radius-md);border:1px solid var(--text);cursor:pointer;white-space:nowrap;background-color:#0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding-block:12px;padding-inline:22px;font-size:.95rem;font-weight:600;transition:background-color .16s,border-color .16s;display:inline-flex;color:var(--text)!important}.btn-secondary:hover{background-color:#1f23280d}.btn-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-whatsapp{background-color:var(--color-whatsapp);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding-block:12px;padding-inline:22px;font-size:.95rem;font-weight:600;transition:background-color .16s,transform .16s;display:inline-flex;color:#fff!important}.btn-whatsapp:hover{background-color:var(--color-whatsapp-hover);transform:translateY(-1px)}.pill-emergency{background-color:var(--emergency);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;min-height:36px;padding-block:6px;padding-inline:14px;font-size:.82rem;font-weight:700;transition:background-color .16s;display:inline-flex;color:#fff!important}.pill-emergency:hover{background-color:var(--emergency-hover)}.pill-emergency:focus-visible{outline:2px solid var(--emergency);outline-offset:2px}.subtle-eyebrow{color:var(--accent);letter-spacing:.01em;margin-bottom:12px;font-size:.84rem;font-weight:600;display:inline-block}input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{font-family:var(--font-main);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);min-height:46px;padding:12px 16px;font-size:.95rem;transition:border-color .16s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d9622b1f}@media (max-width:768px){input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{font-size:16px!important}button,a,input,select,textarea{touch-action:manipulation}}details{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);transition:border-color .16s;overflow:hidden}details[open]{border-color:#d5cec2}details summary{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.92rem;font-weight:600;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}details .details-content{color:var(--text-muted);border-top:1px solid var(--border-subtle);background-color:var(--bg);padding:16px 18px;font-size:.88rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#16202b99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;color:var(--text);padding:clamp(24px,4vw,36px);position:relative;overflow-y:auto;box-shadow:0 20px 50px #1f232826}.hazard-stripe{background:repeating-linear-gradient(-45deg, var(--accent), var(--accent) 12px, #16202b 12px, #16202b 24px);opacity:.9;border-top:1px solid #0000001a;border-bottom:1px solid #0000001a;width:100%;height:6px}.bg-blueprint-grid{background-image:linear-gradient(#d9622b0b 1px,#0000 1px),linear-gradient(90deg,#d9622b0b 1px,#0000 1px);background-size:28px 28px}.text-outlined-num{font-family:var(--font-heading);color:#0000;-webkit-text-stroke:1.5px var(--accent);opacity:.85;-webkit-user-select:none;user-select:none;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:800;line-height:1}.btn-whatsapp-outline{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background-color:#1f9d550f;border:1.5px solid #1f9d5559;justify-content:center;align-items:center;gap:8px;min-height:48px;padding-block:12px;padding-inline:22px;font-size:.95rem;font-weight:600;transition:all .16s;display:inline-flex;color:#15803d!important}.btn-whatsapp-outline:hover{background-color:#1f9d551f;border-color:#1f9d5599;transform:translateY(-1px)}.btn-whatsapp-outline:focus-visible{outline-offset:2px;outline:2px solid #15803d}@keyframes kenburnsSlow{0%{transform:scale(1)}50%{transform:scale(1.055)}to{transform:scale(1)}}.kenburns-zoom{transform-origin:65% 45%;animation:24s ease-in-out infinite alternate kenburnsSlow}@keyframes fadeRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-rise{animation:.38s cubic-bezier(.16,1,.3,1) forwards fadeRise}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.kenburns-zoom{animation:none!important}.fade-rise{opacity:1!important;animation:none!important;transform:none!important}.marquee-track{animation:none!important}}.service-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;overflow:hidden}.service-card:hover{border-color:#d9622b4d;transform:translateY(-4px);box-shadow:0 12px 28px -4px #1f23281f}.service-card-img-wrap{aspect-ratio:16/9;background-color:var(--bg-alt);width:100%;position:relative;overflow:hidden}.service-card-img{object-fit:cover;width:100%;height:100%;transition:transform .34s cubic-bezier(.16,1,.3,1)}.service-card:hover .service-card-img{transform:scale(1.05)}.service-card-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background-color:#d9622beb;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:700;transition:background-color .16s,transform .16s;display:inline-flex;box-shadow:0 2px 6px #00000040;color:#fff!important}.service-card-chip:hover{background-color:#d9622b;transform:translateY(-1px)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{align-items:center;gap:20px;width:max-content;padding-block:8px;animation:36s linear infinite marqueeScroll;display:flex}.marquee-container:hover .marquee-track{animation-play-state:paused}.client-logo-item{filter:grayscale();opacity:.65;transition:filter .24s,opacity .24s,transform .2s}.client-logo-item:hover{filter:grayscale(0%);opacity:1;transform:translateY(-2px)}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;will-change:opacity, transform;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transform:scale(.94)}.reveal-scale.is-visible{opacity:1;transform:scale(1)}.reveal-slide-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-30px)}.reveal-slide-left.is-visible{opacity:1;transform:translate(0)}.reveal-slide-right{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(30px)}.reveal-slide-right.is-visible{opacity:1;transform:translate(0)}.stagger-1{transition-delay:60ms}.stagger-2{transition-delay:.12s}.stagger-3{transition-delay:.18s}.stagger-4{transition-delay:.24s}.stagger-5{transition-delay:.3s}.stagger-6{transition-delay:.36s}@keyframes pulseBeacon{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 10px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}@keyframes pulseBeaconOrange{0%{transform:scale(.95);box-shadow:0 0 #d9622bbf}70%{transform:scale(1);box-shadow:0 0 0 12px #d9622b00}to{transform:scale(.95);box-shadow:0 0 #d9622b00}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmerPass{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes soundWave{0%,to{height:4px}50%{height:18px}}@keyframes energyTravel{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.live-status-pill{-webkit-backdrop-filter:blur(12px);color:#f8fafc;background:#101822bf;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #00000040}.beacon-dot-green{background-color:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseBeacon;display:inline-block}.beacon-dot-orange{background-color:#d9622b;border-radius:50%;width:9px;height:9px;animation:2s ease-in-out infinite pulseBeaconOrange;display:inline-block}.glass-telemetry-hud{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);background:#0f172ad1;border:1px solid #ffffff24;animation:6s ease-in-out infinite floatSlow;box-shadow:0 20px 40px -10px #00000080,inset 0 1px #ffffff1a}.glass-telemetry-hud:hover{animation-play-state:paused}.interactive-feature-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:32px 28px;transition:all .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.interactive-feature-card:hover{box-shadow:0 20px 35px -10px #d9622b1f, var(--shadow-card-hover);border-color:#d9622b73;transform:translateY(-6px)}.interactive-feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:3px;transition:opacity .28s;position:absolute;top:0;left:0;right:0}.interactive-feature-card:hover:before{opacity:1}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000 20%,#ffffff38 50%,#0000 80%);width:200%;height:200%;animation:4.5s ease-in-out infinite shimmerPass;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)translate(-100%)}.equalizer-bars{align-items:flex-end;gap:2px;height:18px;display:inline-flex}.equalizer-bar{background-color:var(--accent);border-radius:1px;width:3px}.equalizer-bar:first-child{animation:1.2s ease-in-out .1s infinite soundWave}.equalizer-bar:nth-child(2){animation:1.2s ease-in-out .3s infinite soundWave}.equalizer-bar:nth-child(3){animation:1.2s ease-in-out .2s infinite soundWave}.equalizer-bar:nth-child(4){animation:1.2s ease-in-out .4s infinite soundWave}@media (prefers-reduced-motion:reduce){.reveal,.reveal-scale,.reveal-slide-left,.reveal-slide-right{opacity:1!important;transition:none!important;transform:none!important}.glass-telemetry-hud,.btn-primary:after{animation:none!important}.marquee-track{animation-duration:60s!important}}