.uv-page{--uv-navy: #0d1f3c;--uv-blue: #2563eb;--uv-green: #16a34a;--uv-orange: #ea580c;--uv-purple: #7c3aed;--uv-text: #0f172a;--uv-muted: #64748b;--uv-border: #dbe4f0;--uv-surface: #ffffff;--uv-surface-alt: #f8fbff;--uv-blue-pale: #eff6ff;--uv-green-pale: #f0fdf4;--uv-orange-pale: #fff7ed;--uv-purple-pale: #f5f3ff;--uv-radius: 24px;--uv-radius-md: 16px;--uv-radius-sm: 10px;--uv-shadow: 0 24px 50px rgba(13, 31, 60, .08);--uv-shadow-soft: 0 14px 32px rgba(13, 31, 60, .06);--uv-max: 1120px;color:var(--uv-text);background:linear-gradient(180deg,#f7fbff,#fff 24%,#f8fbff);font-family:Cairo,sans-serif}.uv-page h1,.uv-page h2,.uv-page h3,.uv-page h4,.uv-page .uv-section-title,.uv-page .uv-stat-value,.uv-page .uv-price-value,.uv-page .uv-card-number{font-family:Tajawal,sans-serif}.uv-page a{text-decoration:none}.uv-page section{padding:32px 20px}.uv-page .uv-section-alt{background:#eff6ff73}.uv-page .uv-section-inner{max-width:var(--uv-max);margin:0 auto}.uv-page .uv-section-head{max-width:760px;margin:0 auto 28px;text-align:center}.uv-page .uv-section-head.is-split{max-width:var(--uv-max);display:flex;align-items:end;justify-content:space-between;gap:16px;text-align:start}.uv-page .uv-section-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--uv-blue-pale);color:var(--uv-blue);font-size:13px;font-weight:700;margin-bottom:14px}.uv-page .uv-section-title{font-size:clamp(30px,4vw,42px);line-height:1.15;color:var(--uv-navy);margin:0 0 12px}.uv-page .uv-section-sub{font-size:16px;line-height:1.9;color:var(--uv-muted);margin:0}.uv-page .uv-hero{position:relative;overflow:hidden;background:var(--uv-navy);padding:86px 20px 72px}.uv-page .uv-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(37,99,235,.26),transparent 44%);pointer-events:none}.uv-page .uv-hero-dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px}.uv-page .uv-hero-grid{position:relative;z-index:1;max-width:var(--uv-max);margin:0 auto;display:grid;gap:28px;align-items:center}.uv-page .uv-hero-grid.has-aside{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.uv-page .uv-hero-content{max-width:760px}.uv-page .uv-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#bfdbfe;font-size:13px;font-weight:700;margin-bottom:18px}.uv-page .uv-hero-badge-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:uv-pulse 2s infinite}.uv-page .uv-hero h1{display:flex;flex-direction:column;gap:2px;font-size:clamp(34px,6vw,58px);line-height:1.08;color:#fff;margin:0 0 16px}.uv-page .uv-hero-sub{max-width:620px;font-size:clamp(16px,2vw,19px);line-height:1.9;color:#bfdbfe;margin:0}.uv-page .uv-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.uv-page .uv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 22px;border-radius:var(--uv-radius-sm);border:1px solid transparent;font-size:15px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.uv-page .uv-btn:hover{transform:translateY(-2px)}.uv-page .uv-btn-primary{background:var(--uv-green);color:#fff;box-shadow:0 16px 28px #16a34a38}.uv-page .uv-btn-primary:hover{box-shadow:0 18px 34px #16a34a47}.uv-page .uv-btn-secondary{background:#ffffff14;color:#fff;border-color:#ffffff2e}.uv-page .uv-hero-note{margin:18px 0 0;color:#d1fae5;font-size:14px;font-weight:700}.uv-page .uv-hero-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.uv-page .uv-hero-stat{min-width:120px;padding:14px 16px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.uv-page .uv-hero-stat strong{display:block;color:#fff;font-size:24px;margin-bottom:4px}.uv-page .uv-hero-stat span{color:#cbd5e1;font-size:13px}.uv-page .uv-panel,.uv-page .uv-card,.uv-page .uv-quote-card,.uv-page .uv-form-shell,.uv-page .uv-price-card,.uv-page .uv-table-shell,.uv-page .uv-faq-item,.uv-page .uv-timeline-card,.uv-page .uv-feature-pill,.uv-page .uv-modal-shell,.uv-page .uv-filter-button,.uv-page .uv-project-card,.uv-page .uv-contact-side-card{background:var(--uv-surface);border:1px solid var(--uv-border);border-radius:var(--uv-radius-md);box-shadow:var(--uv-shadow-soft)}.uv-page .uv-panel{padding:24px}.uv-page .uv-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.uv-page .uv-card{padding:22px;border-top:4px solid var(--uv-blue);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.uv-page .uv-card:hover,.uv-page .uv-project-card:hover,.uv-page .uv-price-card:hover,.uv-page .uv-filter-button:hover,.uv-page .uv-contact-side-card:hover{transform:translateY(-4px);box-shadow:var(--uv-shadow)}.uv-page .uv-card[data-tone=green]{border-top-color:var(--uv-green)}.uv-page .uv-card[data-tone=orange]{border-top-color:var(--uv-orange)}.uv-page .uv-card[data-tone=purple]{border-top-color:var(--uv-purple)}.uv-page .uv-card-icon{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.uv-page .uv-card h3,.uv-page .uv-price-card h3,.uv-page .uv-project-card h3,.uv-page .uv-contact-side-card h3,.uv-page .uv-panel h3,.uv-page .uv-faq-item summary{margin:0 0 10px;color:var(--uv-navy);font-size:22px;line-height:1.2}.uv-page .uv-card p,.uv-page .uv-panel p,.uv-page .uv-project-card p,.uv-page .uv-price-card p,.uv-page .uv-contact-side-card p,.uv-page .uv-rich-html,.uv-page .uv-list li,.uv-page .uv-table-shell,.uv-page .uv-form-note,.uv-page .uv-field label,.uv-page .uv-field input,.uv-page .uv-field textarea,.uv-page .uv-field select{color:var(--uv-muted);line-height:1.85}.uv-page .uv-rich-grid,.uv-page .uv-contact-grid,.uv-page .uv-story-grid,.uv-page .uv-portfolio-grid,.uv-page .uv-price-grid,.uv-page .uv-home-split{display:grid;gap:18px}.uv-page .uv-rich-grid,.uv-page .uv-contact-grid,.uv-page .uv-story-grid,.uv-page .uv-home-split{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.uv-page .uv-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.uv-page .uv-list li{display:flex;gap:10px;align-items:start}.uv-page .uv-list-mark{width:24px;height:24px;flex:0 0 24px;margin-top:4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--uv-green-pale);color:var(--uv-green);font-size:13px;font-weight:800}.uv-page .uv-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.uv-page .uv-kpi{padding:20px;border-radius:18px;background:linear-gradient(180deg,#ffffffeb,#eff6ffeb);border:1px solid rgba(191,219,254,.9)}.uv-page .uv-kpi strong{display:block;color:var(--uv-navy);font-size:30px;margin-bottom:4px}.uv-page .uv-kpi span{color:var(--uv-muted);font-size:13px}.uv-page .uv-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.uv-page .uv-price-card{padding:26px;position:relative;transition:transform .22s ease,box-shadow .22s ease}.uv-page .uv-price-card.is-popular{background:var(--uv-navy);border-color:var(--uv-navy)}.uv-page .uv-price-card.is-popular h3,.uv-page .uv-price-card.is-popular p,.uv-page .uv-price-card.is-popular li,.uv-page .uv-price-card.is-popular .uv-price-currency,.uv-page .uv-price-card.is-popular .uv-price-period{color:#ffffffd1}.uv-page .uv-price-card.is-popular .uv-price-value{color:#fff}.uv-page .uv-popular-chip{position:absolute;top:-13px;inset-inline-start:24px;padding:6px 12px;border-radius:999px;background:var(--uv-green);color:#fff;font-size:12px;font-weight:700}.uv-page .uv-price-name{font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:10px}.uv-page .uv-price-row{display:flex;align-items:baseline;gap:8px;margin:12px 0 14px}.uv-page .uv-price-value{font-size:44px;color:var(--uv-navy);line-height:1}.uv-page .uv-price-currency,.uv-page .uv-price-period{font-size:14px;color:var(--uv-muted)}.uv-page .uv-feature-pills,.uv-page .uv-filter-row,.uv-page .uv-tag-row,.uv-page .uv-action-row{display:flex;gap:10px;flex-wrap:wrap}.uv-page .uv-feature-pill,.uv-page .uv-tag,.uv-page .uv-filter-button{padding:10px 14px;font-size:14px;font-weight:700}.uv-page .uv-filter-button{cursor:pointer;background:var(--uv-surface)}.uv-page .uv-filter-button.is-active{background:var(--uv-blue-pale);color:var(--uv-blue);border-color:#2563eb3d}.uv-page .uv-portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.uv-page .uv-project-card{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.uv-page .uv-project-visual{min-height:180px;padding:24px;display:flex;align-items:end;justify-content:space-between;color:var(--uv-navy)}.uv-page .uv-project-emoji{font-size:44px}.uv-page .uv-project-body{padding:20px}.uv-page .uv-tag{display:inline-flex;border-radius:999px;background:var(--uv-surface-alt);border:1px solid var(--uv-border);color:var(--uv-muted)}.uv-page .uv-table-shell{overflow-x:auto}.uv-page .uv-table-shell table{width:100%;border-collapse:collapse;min-width:680px}.uv-page .uv-table-shell th,.uv-page .uv-table-shell td{padding:16px 18px;border-bottom:1px solid var(--uv-border);text-align:center;font-size:14px}.uv-page .uv-table-shell th:first-child,.uv-page .uv-table-shell td:first-child{text-align:start;font-weight:700}.uv-page .uv-table-shell thead th{background:var(--uv-surface-alt);color:var(--uv-navy)}.uv-page .uv-table-highlight{background:#2563eb0f;font-weight:700}.uv-page .uv-faq-list{display:grid;gap:12px}.uv-page .uv-faq-item{padding:0 18px}.uv-page .uv-faq-item summary{list-style:none;padding:18px 0;cursor:pointer;position:relative;padding-inline-end:28px}.uv-page .uv-faq-item summary:after{content:"+";position:absolute;inset-inline-end:0;top:18px;color:var(--uv-blue);font-size:24px;line-height:1}.uv-page .uv-faq-item[open] summary:after{content:"−"}.uv-page .uv-faq-item p{margin:0 0 18px}.uv-page .uv-form-shell{padding:24px}.uv-page .uv-form-grid{display:grid;gap:14px}.uv-page .uv-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.uv-page .uv-field{display:grid;gap:8px}.uv-page .uv-field label{font-size:14px;font-weight:700;color:var(--uv-navy)}.uv-page .uv-field input,.uv-page .uv-field select,.uv-page .uv-field textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid var(--uv-border);background:#fff;font:inherit}.uv-page .uv-field textarea{min-height:148px;resize:vertical}.uv-page .uv-field input:focus,.uv-page .uv-field select:focus,.uv-page .uv-field textarea:focus{border-color:#2563eb80;outline:2px solid rgba(37,99,235,.12)}.uv-page .uv-form-note,.uv-page .uv-form-status{font-size:14px}.uv-page .uv-form-status.is-error{color:#b91c1c}.uv-page .uv-contact-side-stack{display:grid;gap:14px}.uv-page .uv-contact-side-card{padding:20px}.uv-page .uv-info-list{display:grid;gap:14px}.uv-page .uv-info-row{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}.uv-page .uv-info-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--uv-blue-pale)}.uv-page .uv-cta-band{max-width:var(--uv-max);margin:0 auto;padding:28px;border-radius:26px;background:linear-gradient(135deg,var(--uv-navy),#12315e);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:var(--uv-shadow)}.uv-page .uv-cta-band h2{color:#fff;margin:0 0 8px;font-size:clamp(28px,4vw,38px)}.uv-page .uv-cta-band p{color:#cbd5e1;margin:0}.uv-page .uv-quote-card{padding:22px;background:linear-gradient(180deg,#fff,#f8fbff)}.uv-page .uv-quote-card blockquote{margin:0 0 16px;color:var(--uv-navy);font-size:18px;line-height:1.8}.uv-page .uv-meta-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--uv-muted)}.uv-page .uv-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;z-index:60}.uv-page .uv-modal.is-open{display:flex}.uv-page .uv-modal-backdrop{position:absolute;inset:0;background:#0f172a9e}.uv-page .uv-modal-shell{position:relative;z-index:1;width:min(680px,100%);padding:26px}.uv-page .uv-modal-close{position:absolute;top:12px;inset-inline-end:12px;width:40px;height:40px;border:0;border-radius:999px;background:var(--uv-surface-alt);cursor:pointer}.uv-page .uv-rich-html h2,.uv-page .uv-rich-html h3{color:var(--uv-navy);margin:0 0 10px}.uv-page .uv-rich-html p{margin:0 0 16px}.fade-up{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@keyframes uv-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}@media(max-width:920px){.uv-page .uv-hero-grid.has-aside,.uv-page .uv-rich-grid,.uv-page .uv-contact-grid,.uv-page .uv-story-grid,.uv-page .uv-home-split,.uv-page .uv-price-grid{grid-template-columns:1fr}.uv-page .uv-cta-band,.uv-page .uv-section-head.is-split{flex-direction:column;align-items:start}}@media(max-width:640px){.uv-page section,.uv-page .uv-hero{padding-inline:16px}.uv-page .uv-hero{padding-top:72px;padding-bottom:56px}.uv-page .uv-hero h1{font-size:34px}.uv-page .uv-section-title{font-size:30px}.uv-page .uv-form-grid.two,.uv-page .uv-kpis{grid-template-columns:1fr}.uv-page .uv-card,.uv-page .uv-panel,.uv-page .uv-form-shell,.uv-page .uv-price-card,.uv-page .uv-project-body,.uv-page .uv-contact-side-card,.uv-page .uv-modal-shell{padding:18px}.uv-page .uv-btn{width:100%}.uv-page .uv-hero-actions,.uv-page .uv-action-row,.uv-page .uv-filter-row{display:grid;grid-template-columns:1fr}.uv-page .uv-table-shell table{min-width:560px}}
