@font-face{font-family:Inter;src:url(/fonts/inter/Inter_18pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter_18pt-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter_18pt-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg:#050505;--bg-soft:#080b12;--card:rgba(17,24,39,.76);--card-strong:rgba(15,23,42,.96);--card-border:rgba(255,255,255,.1);--text:#f8fafc;--muted:#94a3b8;--orange:#a13d1c;--purple:#603a57;--blue:#23378e;--green:#22c55e;--yellow:#f59e0b;--shadow:0 20px 80px rgba(0,0,0,.35);--radius:28px}[data-theme=light]{color-scheme:light;--bg:#f8fafc;--bg-soft:#eef2ff;--card:rgba(255,255,255,.88);--card-strong:rgba(255,255,255,.98);--card-border:rgba(15,23,42,.1);--text:#0f172a;--muted:#475569;--shadow:0 20px 60px rgba(15,23,42,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(161,61,28,.3),transparent 32rem),radial-gradient(circle at top right,rgba(35,55,142,.35),transparent 32rem),linear-gradient(180deg,var(--bg),var(--bg-soft) 70%,var(--bg));color:var(--text);overflow-x:hidden}html[lang=ar] body{font-family:IBM Plex Sans Arabic,Tahoma,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.gradient-text{background:linear-gradient(90deg,#ff7a30,#a78bfa,#5b7cfa);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--card-border)}.nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{height:42px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;gap:10px;align-items:center}.menu-toggle{display:none}.btn,button.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:999px;font-weight:700;font-size:14px;transition:transform .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(90deg,var(--orange),var(--purple),var(--blue));color:#fff;box-shadow:var(--shadow)}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--card-border)}.hero{padding:92px 0 60px;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative}.kicker{color:#c4b5fd;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px}h1{font-size:clamp(42px,7vw,76px);line-height:.96;letter-spacing:-.06em;margin:18px 0}html[lang=ar] h1{letter-spacing:-.03em;line-height:1.12}.lead{color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.7;max-width:700px}.hero-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.panel{border:1px solid var(--card-border);background:linear-gradient(180deg,color-mix(in srgb,var(--card) 90%,transparent),color-mix(in srgb,var(--card) 70%,transparent));border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#ffffff12;border:1px solid var(--card-border);color:var(--muted);font-size:12px}.status-dot{width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 0 7px #22c55e1f}.status-dot.warn{background:var(--yellow);box-shadow:0 0 0 7px #f59e0b1f}.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:0}.section p{color:var(--muted);line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--card-border);background:var(--card);border-radius:var(--radius);padding:24px;min-height:230px;position:relative;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--orange),var(--purple),var(--blue));opacity:.85}.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--blue) 55%,var(--card-border));box-shadow:var(--shadow)}.card h3{margin:14px 0 8px;font-size:22px}.card ul{padding-inline-start:20px;color:var(--muted);line-height:1.8}.icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#a13d1c42,#23378e40);border:1px solid var(--card-border);font-size:20px}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center}.tech-grid{display:flex;flex-wrap:wrap;gap:10px}.tech-grid .badge{font-size:13px;padding:10px 13px;color:var(--text)}.process{counter-reset:step}.process .card h3:before{counter-increment:step;content:"0" counter(step) " · ";color:#a78bfa}.package-card{min-height:280px}.package-price{font-size:14px;color:var(--muted);margin:8px 0 18px}.mockup{position:relative;overflow:hidden;min-height:430px}.mockup-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.window-dots{display:flex;gap:6px}.window-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff40}.mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mockup-card{background:#ffffff0b;border:1px solid var(--card-border);border-radius:22px;padding:15px}.mockup-card.wide{grid-column:1/-1}.mockup-label{color:var(--muted);font-size:12px}.mockup-value{font-size:28px;font-weight:800;margin-top:5px}.chart{height:86px;display:flex;gap:7px;align-items:end;padding-top:10px}.chart span{flex:1;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#60a5fa,#7c3aed);min-height:18px;animation:barPulse 2.8s ease-in-out infinite}.chart span:nth-child(2n){animation-delay:.25s}.chart span:nth-child(3n){animation-delay:.5s}.log-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--card-border);color:var(--muted);font-size:13px}.log-row:last-child{border-bottom:0}.pulse{animation:softPulse 2s ease-in-out infinite}.footer{border-top:1px solid var(--card-border);padding:48px 0 28px;color:var(--muted);background:color-mix(in srgb,var(--bg) 82%,transparent)}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:24px}.footer h4{color:var(--text);margin:0 0 12px}.footer a{display:block;margin:8px 0;color:var(--muted)}.footer a:hover{color:var(--text)}.footer-brand img{height:44px;margin-bottom:14px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--card-border);margin-top:32px;padding-top:22px}.reveal{opacity:0;transform:translateY(16px);animation:reveal .7s ease forwards}.reveal-delay-1{animation-delay:.12s}.reveal-delay-2{animation-delay:.22s}@keyframes reveal{to{opacity:1;transform:none}}@keyframes softPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes barPulse{0%,to{transform:scaleY(.72);opacity:.7}50%{transform:scaleY(1);opacity:1}}@media(max-width:900px){.hero-grid,.cards,.split,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.hero{padding-top:60px}.nav-links{position:absolute;top:76px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;background:var(--card-strong);border:1px solid var(--card-border);border-radius:22px;padding:14px;box-shadow:var(--shadow)}.nav-links a{padding:12px 10px}.nav-links.open{display:flex}.menu-toggle{display:inline-flex}h1{font-size:clamp(38px,12vw,58px)}.mockup{min-height:auto}}@media(max-width:520px){.container{width:min(100% - 24px,1120px)}.nav-actions .btn-primary{display:none}.mockup-grid{grid-template-columns:1fr}.mockup-card.wide{grid-column:auto}.hero-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
