:root{--bg: #060b14;--bg-2: #0b1220;--card: rgba(255, 255, 255, .045);--card-strong: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #edf2f7;--muted: #93a4bc;--blue: #3b82f6;--blue-2: #60a5fa;--red: #dc2626;--red-2: #f87171;--grad: linear-gradient(135deg, #dc2626, #f59e0b);--success: #22c55e;--danger: #f87171;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--shadow: 0 8px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 55px rgba(0, 0, 0, .55);--font-body: "Almarai", "Inter", ui-sans-serif, system-ui, sans-serif;--font-head: "Reem Kufi", "Almarai", ui-sans-serif, sans-serif;font-family:var(--font-body);line-height:1.7;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100dvh;-webkit-font-smoothing:antialiased;background:var(--bg);overflow-x:hidden}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.35;letter-spacing:-.01em}h2{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700}h3{font-size:1.08rem;font-weight:600}p,.muted{color:var(--muted)}.glow{position:fixed;inset:-30% -20% auto -20%;height:70vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.22),transparent 60%)}.section{max-width:1160px;margin:0 auto;padding:4.5rem 1.5rem;position:relative;z-index:1}.section-head{text-align:center;max-width:640px;margin:0 auto 2.8rem}.section-head p{margin-top:.6rem}.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;color:var(--red-2);letter-spacing:.08em;margin-bottom:.6rem}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.grid{display:grid;gap:1.4rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.68rem 1.4rem;border-radius:999px;font-size:.92rem;font-weight:700;cursor:pointer;border:none;text-decoration:none;font-family:inherit;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,background .16s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 30px #dc262659}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #dc262680}.btn-ghost{border:1.5px solid var(--border-strong);color:var(--text);background:transparent}.btn-ghost:hover:not(:disabled){background:var(--card-strong)}.btn-lg{padding:.85rem 1.7rem;font-size:1rem}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;background:#3b82f629;color:var(--blue-2)}.tag{font-size:.74rem;font-weight:600;padding:.22rem .6rem;border-radius:8px;background:#ffffff0d;border:1px solid var(--border);color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.icon-tile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#3b82f633,#dc262629);border:1px solid var(--border);color:var(--blue-2)}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:66px;background:#060b14d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-logo{display:inline-flex;align-items:center;gap:.55rem;background:none;border:none}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--grad);color:#fff}.logo-text{font-family:var(--font-head);font-size:1.25rem;font-weight:700;color:var(--text)}.logo-text span{color:var(--red-2)}.nav-links{display:flex;gap:.4rem}.nav-link{background:none;border:none;color:var(--muted);font-size:.92rem;font-weight:600;padding:.5rem .85rem;border-radius:8px;transition:color .2s,background .2s}.nav-link:hover{color:var(--text);background:var(--card-strong)}.nav-actions{display:flex;align-items:center;gap:.6rem}.nav-cta{padding:.55rem 1.2rem;font-size:.86rem}.nav-burger{display:none;background:none;border:none;color:var(--text)}.hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(6,11,20,.62) 0%,rgba(6,11,20,.88) 65%,var(--bg) 100%)}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(59,130,246,.14),transparent 55%)}.hero-inner{max-width:780px}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;color:var(--blue-2);background:#3b82f61f;border:1px solid rgba(59,130,246,.3);padding:.4rem 1rem;border-radius:999px;margin-bottom:1.4rem}.hero h1{font-size:clamp(2rem,5.2vw,3.4rem);font-weight:700;margin-bottom:1.1rem}.hero p{font-size:1.12rem;max-width:620px;margin:0 auto 2rem}.hero-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3.2rem}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem .6rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat strong{display:block;font-family:var(--font-head);font-size:1.6rem;color:var(--text)}.stat span{font-size:.8rem;color:var(--muted)}.service-card p{margin-top:.6rem;font-size:.94rem}.service-card h3{margin-top:1rem}.features{display:flex;flex-direction:column;gap:3rem}.features-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}.features-text h2{margin:.4rem 0 1rem}.features-text>p{margin-bottom:1.4rem}.check-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.check-list li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;color:var(--text)}.check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#22c55e2e;color:var(--success);flex-shrink:0;margin-top:3px}.features-media{position:relative}.features-media img{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);width:100%}.media-badge{position:absolute;bottom:1rem;right:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;font-size:.82rem;font-weight:700}.glass{background:#060b14b3;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 #22c55e99;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 9px #22c55e00}to{box-shadow:0 0 #22c55e00}}.feature-card{display:flex;gap:1rem;align-items:flex-start}.feature-card p{font-size:.88rem;margin-top:.2rem}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-card h3{margin-bottom:.15rem}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;counter-reset:step}.process-step{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.2rem}.step-num{font-family:var(--font-head);font-size:2rem;font-weight:700;color:transparent;-webkit-text-stroke:1px var(--red-2)}.process-step h3{margin:.6rem 0 .4rem}.process-step p{font-size:.86rem}.step-line{position:absolute;top:1.9rem;left:-.7rem;width:1.4rem;height:1px;background:var(--border-strong)}.billing-toggle{display:inline-flex;gap:.2rem;background:var(--card-strong);border:1px solid var(--border);border-radius:999px;padding:.25rem;margin-top:1rem}.billing-toggle button{background:none;border:none;color:var(--muted);padding:.4rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;font-family:inherit;transition:all .2s}.billing-toggle button.active{background:var(--grad);color:#fff}.save{font-size:.72rem;background:#22c55e33;color:var(--success);padding:.1rem .4rem;border-radius:6px}.pricing-grid{align-items:stretch}.plan-card{display:flex;flex-direction:column;position:relative}.plan-card.featured{border-color:#dc262680;background:linear-gradient(180deg,rgba(220,38,38,.09),var(--card))}.plan-flag{position:absolute;top:-13px;right:50%;transform:translate(50%);background:var(--grad);color:#fff;font-size:.74rem;font-weight:700;padding:.25rem .9rem;border-radius:999px;white-space:nowrap}.plan-price{margin:1.1rem 0;display:flex;align-items:baseline;gap:.4rem}.plan-price strong{font-family:var(--font-head);font-size:2.3rem}.plan-price span{font-size:.8rem;color:var(--muted)}.plan-card ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem;flex:1}.plan-card ul li{display:flex;align-items:center;gap:.55rem;font-size:.92rem;color:var(--text)}.plan-card ul li svg{color:var(--success);flex-shrink:0}.review-card .quote-icon{color:var(--red-2);opacity:.7}.stars{display:flex;gap:.15rem;color:#fbbf24;margin:.8rem 0}.review-card p{font-size:.94rem}.reviewer{display:flex;align-items:center;gap:.7rem;margin-top:1.2rem}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--red));display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;color:#fff}.reviewer strong{display:block;font-size:.9rem}.reviewer span{font-size:.78rem;color:var(--muted)}.contact-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:start}.contact-info h2{margin:.4rem 0 1rem}.contact-info>p{margin-bottom:1.6rem}.contact-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.contact-list li{display:flex;gap:.9rem;align-items:center}.contact-list strong{display:block;font-size:.86rem;color:var(--muted);font-weight:600}.contact-list li>div span{font-size:.98rem}.contact-form{padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.1rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.field label{font-size:.8rem;font-weight:700;color:var(--muted)}input,select,textarea{width:100%;padding:.7rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f633}.field-error{color:var(--danger);font-size:.78rem}select option{background:#0b1220;color:var(--text)}.footer{border-top:1px solid var(--border);background:var(--bg-2);margin-top:3rem}.footer-inner{max-width:1160px;margin:0 auto;padding:3rem 1.5rem 2rem;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}.footer-brand p{font-size:.9rem;margin-top:1rem;max-width:300px}.footer-col{display:flex;flex-direction:column;gap:.55rem}.footer-col h4{font-size:.95rem;margin-bottom:.4rem}.footer-col button{background:none;border:none;color:var(--muted);text-align:right;font-size:.9rem;padding:0;transition:color .2s}.footer-col button:hover{color:var(--text)}.footer-col span{color:var(--muted);font-size:.9rem}.footer-bottom{border-top:1px solid var(--border);padding:1.2rem 1.5rem;max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.toast-wrap{position:fixed;bottom:1.5rem;left:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.85rem 1.3rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);animation:fadeUp .3s ease;max-width:340px}.toast.success{background:#22c55e29;border:1px solid rgba(34,197,94,.4);color:#86efac}.toast.error{background:#f8717129;border:1px solid rgba(248,113,113,.4);color:#fca5a5}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}main section{animation:fadeUp .55s ease both}@media (max-width: 900px){.process{grid-template-columns:repeat(2,1fr)}.step-line{display:none}.features-grid,.contact-wrap{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.navbar{padding:0 1rem}.nav-links{position:fixed;inset:66px 0 auto 0;flex-direction:column;background:#060b14f7;border-bottom:1px solid var(--border);padding:1rem;display:none}.nav-links.open{display:flex}.nav-burger{display:inline-flex}.nav-cta{display:none}.hero{min-height:auto;padding:4rem 1rem 3rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.form-row,.process,.footer-inner{grid-template-columns:1fr}.toast-wrap{left:1rem;right:1rem}.toast{max-width:100%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.nav-link-clients{display:inline-flex;align-items:center;gap:.35rem;color:var(--blue-2)}.nav-link-clients:hover{color:#fff}.clients-head{text-align:center}.clients-head>p{max-width:620px;margin:.6rem auto 0}.client-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:760px;margin:2.4rem auto 0}.clients-body{padding-top:2rem}.clients-grid{display:grid;grid-template-columns:360px 1fr;gap:1.6rem;align-items:start}.client-form{position:sticky;top:82px}.client-form-head{display:flex;gap:.8rem;align-items:center;margin-bottom:1.2rem}.client-form-head h3{margin:0}.client-form-head p{font-size:.8rem;margin-top:.15rem}.form-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}.clients-list{display:flex;flex-direction:column;gap:1rem}.list-toolbar{display:flex;gap:.8rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.55rem 1rem;flex:1;min-width:220px}.search-box svg{color:var(--muted);flex-shrink:0}.search-box input{border:none;background:transparent;padding:0;box-shadow:none}.search-box input:focus{box-shadow:none}.list-actions{display:flex;gap:.6rem;flex-wrap:wrap}.table-card{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.clients-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:760px}.clients-table th{text-align:right;font-size:.76rem;font-weight:700;color:var(--muted);padding:.85rem .9rem;border-bottom:1px solid var(--border);white-space:nowrap}.clients-table td{padding:.8rem .9rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.clients-table tbody tr{transition:background .15s}.clients-table tbody tr:hover{background:#ffffff08}.clients-table tbody tr:last-child td{border-bottom:none}.clients-table .idx{color:var(--muted);font-size:.82rem}.cell-main{font-weight:700}.cell-sub{font-size:.78rem;color:var(--muted)}.cell-phone{direction:ltr;text-align:right;white-space:nowrap}.cell-num{font-weight:700}.row-actions{display:flex;gap:.3rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);transition:all .15s}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--card-strong)}.icon-btn.danger:hover{color:var(--red-2);border-color:#dc262666;background:#dc26261a}.tier{display:inline-block;font-size:.74rem;font-weight:700;padding:.2rem .65rem;border-radius:999px}.tier-vip{background:linear-gradient(135deg,#f59e0b40,#dc262638);color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.tier-gold{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.tier-silver{background:#94a3b824;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.tier-normal{background:#ffffff0d;color:var(--muted);border:1px solid var(--border)}.status{display:inline-block;font-size:.74rem;font-weight:700;padding:.2rem .65rem;border-radius:999px}.status-active{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.status-contracted{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.status-prospect{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.status-paused{background:#94a3b824;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.table-foot{padding:.8rem 1rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border)}.table-empty{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:3.5rem 1rem;color:var(--muted);text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.8rem;max-width:420px;width:100%;box-shadow:var(--shadow-lg)}.modal h3{margin-bottom:.6rem}.modal p{font-size:.94rem}.modal-actions{display:flex;gap:.7rem;margin-top:1.4rem;justify-content:flex-start}.btn-danger{background:#dc262629;color:var(--red-2);border:1px solid rgba(220,38,38,.4)}.btn-danger:hover{background:#dc262647}@media (max-width: 980px){.clients-grid{grid-template-columns:1fr}.client-form{position:static}}@media (max-width: 640px){.client-stats{grid-template-columns:1fr 1fr}.list-toolbar{flex-direction:column;align-items:stretch}.list-actions{justify-content:stretch}.list-actions .btn{flex:1}}.print-area{display:none}@media print{#root{display:none!important}.print-area{display:block!important}@page{size:A4;margin:13mm 12mm}html,body{background:#fff!important;color:#000!important}.print-area{color:#111;font-family:Almarai,Segoe UI,sans-serif;font-size:11px;line-height:1.5;direction:rtl}.print-head{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #0f172a;padding-bottom:10px}.print-logo{display:flex;align-items:center;gap:8px}.print-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#0f172a;color:#fff}.print-logo strong{display:block;font-family:Reem Kufi,sans-serif;font-size:16px;color:#0f172a}.print-logo span{font-size:10px;color:#444}.print-head-meta{text-align:left;display:flex;flex-direction:column;gap:2px;color:#444;font-size:10px}.print-title-row{display:flex;align-items:baseline;justify-content:space-between;margin:16px 0 10px}.print-title-row h1{font-family:Reem Kufi,sans-serif;font-size:18px;color:#0f172a}.print-date{font-size:10px;color:#555}.print-table{width:100%;border-collapse:collapse;margin-top:6px}.print-table th{background:#0f172a;color:#fff;font-size:9px;padding:6px 4px;border:1px solid #0f172a;text-align:right}.print-table td{border:1px solid #cbd5e1;padding:6px 4px;font-size:9.5px}.print-table tbody tr:nth-child(2n) td{background:#f1f5f9}.print-summary{display:flex;gap:22px;margin-top:12px;font-size:11px;font-weight:700;color:#0f172a}.print-footer{margin-top:26px;padding-top:10px;border-top:1px solid #94a3b8}.print-sign{display:flex;gap:60px;font-size:11px;color:#0f172a}.print-note{display:block;margin-top:8px;font-size:9px;color:#64748b}.print-single-head{display:flex;align-items:center;justify-content:space-between;border:2px solid #0f172a;border-radius:8px;padding:10px 14px;margin-bottom:12px}.print-single-head h2{font-family:Reem Kufi,sans-serif;font-size:16px;color:#0f172a;margin:0}.print-badge{font-size:10px;font-weight:700;background:#e2e8f0;border:1px solid #94a3b8;padding:3px 10px;border-radius:999px;color:#0f172a}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.print-item{border:1px solid #cbd5e1;border-radius:6px;padding:7px 10px}.print-item.wide{grid-column:1 / -1}.print-item span{display:block;font-size:8.5px;color:#64748b}.print-item strong{font-size:11px;color:#0f172a}}