@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Tajawal:wght@400;500;700&display=swap";:root{--smx-primary:#ff6b1a;--smx-accent:#c8ff00;--smx-bg:#0f1419;--smx-text:#f4f6f8;--smx-muted:#a8b0bc;--smx-surface:#1a222c;--smx-font-display:"Bebas Neue", sans-serif;--smx-font-body:"Tajawal", sans-serif;--smx-radius:1.25rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--smx-font-body);background:var(--smx-bg);color:var(--smx-text);text-align:right;direction:rtl;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.smx-container{width:min(1140px,100vw - 2rem);margin-inline:auto}.smx-header{z-index:100;background:color-mix(in srgb, var(--smx-bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--smx-text) 12%, transparent);position:sticky;top:0}.smx-header-inner{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.smx-brand{align-items:center;gap:.75rem;display:flex}.smx-brand img{border-radius:var(--smx-radius);width:44px;height:44px}.smx-brand-name{font-family:var(--smx-font-display);font-size:1.1rem;font-weight:700}.smx-nav{align-items:center;gap:.5rem;display:none}.smx-nav a{color:var(--smx-muted);border-radius:999px;padding:.5rem .9rem;font-size:.95rem}.smx-nav a:hover{color:var(--smx-text);background:color-mix(in srgb, var(--smx-primary) 12%, transparent)}.smx-cta-nav{background:var(--smx-primary);color:#fff;border-radius:999px;padding:.55rem 1.1rem;font-weight:700}.smx-menu-btn{border:1px solid color-mix(in srgb, var(--smx-text) 15%, transparent);border-radius:var(--smx-radius);background:var(--smx-surface);cursor:pointer;width:44px;height:44px}.smx-mobile-panel{z-index:200;background:var(--smx-bg);flex-direction:column;gap:.5rem;padding:1.5rem;display:none;position:fixed;inset:0}.smx-mobile-panel.is-open{display:flex}.smx-mobile-panel a{border-bottom:1px solid color-mix(in srgb, var(--smx-text) 10%, transparent);padding:1rem;font-size:1.1rem}.smx-btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.4rem;font-weight:700;transition:transform .2s,opacity .2s;display:inline-flex}.smx-btn:hover{transform:translateY(-2px)}.smx-btn-primary{background:var(--smx-primary);color:#fff}.smx-btn-ghost{border:2px solid color-mix(in srgb, var(--smx-text) 20%, transparent);color:var(--smx-text);background:0 0}.smx-hero{padding:clamp(2rem,6vw,5rem) 0;overflow:hidden}.smx-hero-split{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;min-height:70vh;display:grid}.smx-hero-visual img{border-radius:var(--smx-radius);box-shadow:0 24px 60px color-mix(in srgb, var(--smx-primary) 35%, transparent)}.smx-hero-kicker{color:var(--smx-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-weight:700}.smx-hero h1{font-family:var(--smx-font-display);margin:0 0 1rem;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}section{padding:clamp(3rem,6vw,5rem) 0}.smx-section-title{font-family:var(--smx-font-display);margin:0 0 .75rem;font-size:clamp(1.6rem,3vw,2.4rem)}.smx-section-lead{color:var(--smx-muted);max-width:60ch;margin-bottom:2rem}.smx-grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.smx-grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.smx-card{background:var(--smx-surface);border:1px solid color-mix(in srgb, var(--smx-text) 10%, transparent);border-radius:var(--smx-radius);padding:1.5rem}.smx-card h3{font-family:var(--smx-font-display);margin:0 0 .5rem;font-size:1.15rem}.smx-card p{color:var(--smx-muted);margin:0;font-size:.95rem}.smx-card-link{transition:border-color .2s,transform .2s;display:block}.smx-card-link:hover{border-color:var(--smx-primary);transform:translateY(-2px)}.smx-inner-hero{padding:clamp(2.5rem,5vw,4rem) 0 1rem}.smx-inner-hero h1{font-family:var(--smx-font-display);margin:0 0 1rem;font-size:clamp(1.8rem,3.5vw,2.6rem)}.smx-prose-p{color:var(--smx-muted);max-width:72ch;margin:0 0 1rem;line-height:1.75}.smx-step-num{color:var(--smx-primary);letter-spacing:.1em;font-size:.8rem;font-weight:800}.smx-quote{border-right:3px solid var(--smx-accent);margin:0 0 1rem;padding-right:1rem;font-style:italic}.smx-quote cite{color:var(--smx-muted);margin-top:.5rem;font-size:.85rem;font-style:normal;display:block}.smx-cta-band{background:linear-gradient(135deg, var(--smx-primary), color-mix(in srgb, var(--smx-accent) 60%, var(--smx-primary)));color:#fff;border-radius:calc(var(--smx-radius) * 1.5);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(2rem,5vw,3.5rem);display:flex}.smx-cta-band p{color:#ffffffe0;max-width:50ch;margin:0}.smx-footer{border-top:1px solid color-mix(in srgb, var(--smx-text) 12%, transparent);margin-top:2rem;padding:3rem 0 1.5rem}.smx-footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.smx-footer h4{margin:0 0 .75rem;font-size:1rem}.smx-footer a{color:var(--smx-muted);margin-bottom:.4rem;font-size:.9rem;display:block}.smx-footer a:hover{color:var(--smx-primary)}.smx-copyright{color:var(--smx-muted);margin-top:2rem;font-size:.8rem}.smx-cookie{z-index:300;background:var(--smx-surface);border-top:1px solid color-mix(in srgb, var(--smx-text) 12%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.smx-cookie.is-hidden{display:none}.smx-page{padding:4rem 0}.smx-page h1{font-family:var(--smx-font-display);font-size:2rem}.smx-page h2{font-family:var(--smx-font-display);margin-top:2rem;font-size:1.25rem}.smx-page p{color:var(--smx-muted)}.smx-form{flex-direction:column;gap:1rem;max-width:520px;display:flex}.smx-form input,.smx-form textarea{border:1px solid color-mix(in srgb, var(--smx-text) 15%, transparent);border-radius:var(--smx-radius);background:var(--smx-surface);font:inherit;color:var(--smx-text);padding:.75rem 1rem}.smx-form textarea{resize:vertical;min-height:140px}.smx-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.smx-reveal.is-visible{opacity:1;transform:none}@keyframes smx-pulse{0%,to{opacity:1}50%{opacity:.7}}.smx-hero-kicker{animation:3s ease-in-out infinite smx-pulse}@media (width>=768px){.smx-nav{display:flex}.smx-menu-btn{display:none}}@media (width<=900px){.smx-hero-split,.smx-grid-3,.smx-grid-2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.smx-reveal{opacity:1;transform:none}*{transition:none!important;animation:none!important}}