:root{--kashaf-brand-deep:#130a24;--kashaf-brand-strong:#8566B1;--kashaf-brand:#7252a1;--kashaf-brand-light:#a38bc4;--kashaf-ink:#1f1a28;--kashaf-muted:#645f70;--kashaf-paper:#ffffff;--kashaf-soft:#fcfaff;--kashaf-soft2:#f4edf9;--kashaf-line:rgba(133, 102, 177, 0.08);--kashaf-green:#10b981;--kashaf-gold:#b45309;--kashaf-gold-bg:#fffbeb;--kashaf-shadow-sm:0 4px 12px rgba(19, 10, 36, 0.03);--kashaf-shadow-md:0 12px 30px rgba(19, 10, 36, 0.06);--kashaf-shadow-lg:0 20px 40px rgba(19, 10, 36, 0.09);--kashaf-shadow-glow:0 15px 30px rgba(109, 40, 217, 0.15);--kashaf-max:1200px;--kashaf-radius-lg:24px;--kashaf-radius-md:16px;--kashaf-radius-sm:12px}.kashaf-services-hub-site{scroll-behavior:smooth;font-family:"Tajawal",system-ui,-apple-system,sans-serif;color:var(--kashaf-ink);background:#fbf9ff;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.kashaf-services-hub-site a{color:inherit;text-decoration:none;transition:all 0.25s ease}.kashaf-services-hub-site .wrap{width:min(var(--kashaf-max), calc(100% - 40px));margin-inline:auto}.hero-section{padding:120px 0;background-image:linear-gradient(to right,rgb(133 102 177 / .08) 1px,transparent 1px),linear-gradient(to bottom,rgb(133 102 177 / .08) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgb(133 102 177 / .15) 0%,transparent 60%),radial-gradient(circle at 20% 80%,rgb(217 119 6 / .08) 0%,transparent 60%),linear-gradient(135deg,#130a24 0%,#23123c 100%);background-size:60px 60px,60px 60px,auto,auto,auto;background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat;background-position:center,center,center,center,center;color:#fff;position:relative;overflow:hidden}.hero-section::before{content:"";position:absolute;top:-10%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgb(133 102 177 / .18) 0%,transparent 70%);pointer-events:none;animation:kashafOrbFloat1 18s ease-in-out infinite alternate}.hero-section::after{content:"";position:absolute;bottom:-20%;left:-10%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgb(217 119 6 / .1) 0%,transparent 70%);pointer-events:none;animation:kashafOrbFloat2 24s ease-in-out infinite alternate}@keyframes kashafOrbFloat1{0%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.1)}100%{transform:translate(0,0) scale(1)}}@keyframes kashafOrbFloat2{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,40px) scale(1.15)}100%{transform:translate(0,0) scale(1)}}.hero-grid-hub{display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:center}.hero-content-wrap{position:relative;z-index:10;text-align:right}.hero-section .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:rgb(133 102 177 / .2);color:var(--kashaf-brand-light);font-size:13.5px;font-weight:700;margin-bottom:24px;border:1px solid rgb(133 102 177 / .25)}.hero-section h1{font-size:clamp(3rem, 8vw, 6.5rem);line-height:1.1;font-weight:900;color:#fff;margin-bottom:20px;letter-spacing:-.01em}.hero-section h1 span{color:var(--kashaf-brand-light);position:relative;display:inline-block}.hero-section .lead{color:rgb(255 255 255 / .85);font-size:clamp(16px, 1.6vw, 18px);line-height:1.8;font-weight:500;max-width:100%;margin:0 0 36px 0}.hero-actions{display:flex;gap:16px;justify-content:flex-start;flex-wrap:wrap}.hero-section .btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;border-radius:var(--kashaf-radius-sm);font-weight:700;font-size:15px;transition:all 0.28s cubic-bezier(.4,0,.2,1);cursor:pointer}.hero-section .btn-primary{background:var(--kashaf-brand-strong);color:#fff;box-shadow:0 8px 24px rgb(133 102 177 / .3)}.hero-section .btn-primary:hover{background:#fff;color:var(--kashaf-brand-deep);transform:translateY(-2px);box-shadow:0 12px 28px rgb(255 255 255 / .2)}.hero-section .btn-ghost{background:#fff0;color:#fff;border:1px solid rgb(255 255 255 / .25)}.hero-section .btn-ghost:hover{background:rgb(255 255 255 / .08);border-color:#fff;transform:translateY(-2px)}.hub-hero-visual{position:relative;height:360px;display:flex;align-items:center;justify-content:center;z-index:10}.hub-visual-card{border-radius:var(--kashaf-radius-md);padding:20px;backdrop-filter:blur(12px);position:absolute;transition:all 0.3s ease;text-align:right;direction:rtl;box-shadow:0 20px 45px rgb(0 0 0 / .25)}.hub-visual-card.card-main{width:250px;z-index:5;background:linear-gradient(135deg,rgb(133 102 177 / .22) 0%,rgb(19 10 36 / .85) 100%);border:1px solid rgb(133 102 177 / .35);transform:rotate(-3deg) translate(20px,-20px);animation:hubFloatMain 6s ease-in-out infinite alternate}.hub-visual-card.card-sub{width:210px;z-index:3;background:linear-gradient(135deg,rgb(217 160 91 / .15) 0%,rgb(19 10 36 / .9) 100%);border:1px solid rgb(217 160 91 / .25);transform:rotate(5deg) translate(-80px,30px);animation:hubFloatSub 8s ease-in-out infinite alternate}.hub-visual-card.card-float{width:170px;z-index:6;background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .12);transform:rotate(-8deg) translate(80px,70px);animation:hubFloatFloat 5s ease-in-out infinite alternate}.hub-visual-card h4{font-size:14.5px;font-weight:800;color:#fff;margin:0 0 12px 0;display:flex;align-items:center;gap:6px}.hub-visual-card h4 span.dot{width:7px;height:7px;border-radius:50%;background:#10b981;display:inline-block}.hub-visual-card .metric-row{margin-bottom:8px}.hub-visual-card .metric-row:last-child{margin-bottom:0}.hub-visual-card .metric-label{font-size:11px;color:rgb(255 255 255 / .6);display:block}.hub-visual-card .metric-val{font-size:16px;font-weight:700;color:#fff}.hub-visual-card .metric-val.gold{color:#fbbf24}.hub-visual-card .feed-item{font-size:11.5px;color:rgb(255 255 255 / .8);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgb(255 255 255 / .05)}.hub-visual-card .feed-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}@keyframes hubFloatMain{0%{transform:rotate(-3deg) translate(20px,-20px)}100%{transform:rotate(-1deg) translate(20px,-35px)}}@keyframes hubFloatSub{0%{transform:rotate(5deg) translate(-80px,30px)}100%{transform:rotate(3deg) translate(-80px,15px)}}@keyframes hubFloatFloat{0%{transform:rotate(-8deg) translate(80px,70px)}100%{transform:rotate(-5deg) translate(80px,55px)}}.services-hub-section{padding:80px 0;margin-top:-50px;position:relative;z-index:20}.services-hub-section .section-header{text-align:center;max-width:600px;margin:0 auto 48px}.services-hub-section .section-header h2{font-size:32px;font-weight:800;color:var(--kashaf-brand-deep);margin-bottom:18px;position:relative;padding-bottom:16px}.services-hub-section .section-header h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:56px;height:3px;border-radius:2px;background:linear-gradient(90deg,#8526ff,#d9a05b)}.services-hub-section .section-header p{font-size:16px;color:var(--kashaf-muted)}.services-gateway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.gateway-card:has(.card-icon.gold){--card-glow-color:rgba(217, 119, 6, 0.08);--card-border-hover:rgba(217, 119, 6, 0.3);--card-icon-glow:0 8px 24px rgba(217, 119, 6, 0.15);--card-btn-bg:rgba(217, 119, 6, 0.05);--card-btn-text:#b45309;--card-btn-hover-bg:#b45309;--card-badge-glow:rgba(217, 119, 6, 0.2)}.gateway-card:has(.card-icon.purple){--card-glow-color:rgba(133, 102, 177, 0.1);--card-border-hover:rgba(133, 102, 177, 0.35);--card-icon-glow:0 8px 24px rgba(133, 102, 177, 0.18);--card-btn-bg:rgba(133, 102, 177, 0.05);--card-btn-text:var(--kashaf-brand-strong);--card-btn-hover-bg:var(--kashaf-brand-strong);--card-badge-glow:rgba(133, 102, 177, 0.25)}.gateway-card:has(.card-icon.blue){--card-glow-color:rgba(37, 99, 235, 0.08);--card-border-hover:rgba(37, 99, 235, 0.3);--card-icon-glow:0 8px 24px rgba(37, 99, 235, 0.15);--card-btn-bg:rgba(37, 99, 235, 0.05);--card-btn-text:#2563eb;--card-btn-hover-bg:#2563eb;--card-badge-glow:rgba(37, 99, 235, 0.2)}.gateway-card:has(.card-icon.dark-purple){--card-glow-color:rgba(114, 82, 161, 0.08);--card-border-hover:rgba(114, 82, 161, 0.3);--card-icon-glow:0 8px 24px rgba(114, 82, 161, 0.15);--card-btn-bg:rgba(114, 82, 161, 0.05);--card-btn-text:var(--kashaf-brand);--card-btn-hover-bg:var(--kashaf-brand);--card-badge-glow:rgba(114, 82, 161, 0.2)}.gateway-card{background-color:var(--kashaf-paper);--grid-opacity:0.02;background-image:radial-gradient(circle at 100% 0%,var(--card-glow-color,rgb(133 102 177 / .03)) 0%,transparent 70%),linear-gradient(to right,rgba(133,102,177,var(--grid-opacity)) 1px,transparent 1px),linear-gradient(to bottom,rgba(133,102,177,var(--grid-opacity)) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;background-position:center,0 0,0 0;background-repeat:no-repeat,repeat,repeat;border:1px solid rgb(133 102 177 / .06);border-radius:var(--kashaf-radius-lg);padding:38px 32px;box-shadow:0 4px 15px rgb(19 10 36 / .01),0 12px 30px -10px rgb(133 102 177 / .02);display:flex;flex-direction:column;transition:transform 0.4s cubic-bezier(.16,1,.3,1),border-color 0.4s cubic-bezier(.16,1,.3,1),box-shadow 0.4s cubic-bezier(.16,1,.3,1),background-position 0.4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;text-decoration:none!important}.gateway-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to left,var(--card-border-hover,var(--kashaf-brand-strong)),transparent);opacity:0;transition:opacity 0.3s ease;z-index:3}.gateway-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,var(--card-glow-color,rgb(133 102 177 / .05)) 0%,transparent 65%);opacity:0;transition:opacity 0.4s ease;pointer-events:none;z-index:1}.gateway-card:hover{--grid-opacity:0.035;transform:translateY(-8px);border-color:var(--card-border-hover,rgb(133 102 177 / .25));box-shadow:0 24px 50px -12px var(--card-glow-color,rgb(19 10 36 / .07)),0 0 0 1px var(--card-border-hover) inset;background-position:center,10px 10px,10px 10px}.gateway-card:hover::before,.gateway-card:hover::after{opacity:1}.gateway-card .card-icon,.gateway-card .card-content,.gateway-card .gateway-cta-row,.gateway-card .gateway-cta,.gateway-card .gateway-cta-secondary{position:relative;z-index:2}.gateway-card .card-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgb(133 102 177 / .08);box-shadow:0 4px 10px rgb(19 10 36 / .02);transition:all 0.4s cubic-bezier(.16,1,.3,1)}.gateway-card:hover .card-icon{transform:scale(1.08) translateY(-3px) rotate(-3deg);box-shadow:var(--card-icon-glow,0 8px 20px rgb(0 0 0 / .08));border-color:var(--card-border-hover)}.gateway-card .card-icon svg{width:26px;height:26px}.gateway-card .card-icon.gold{background:var(--kashaf-gold-bg);color:var(--kashaf-gold)}.gateway-card .card-icon.purple{background:var(--kashaf-soft2);color:var(--kashaf-brand-strong)}.gateway-card .card-icon.blue{background:#eff6ff;color:#2563eb}.gateway-card .card-icon.dark-purple{background:rgb(133 102 177 / .08);color:var(--kashaf-brand)}.gateway-card .card-content{position:relative}.gateway-card .card-content::before{content:none}.gateway-card:hover .card-content::before{content:none}.gateway-card h3{font-size:21px;font-weight:800;color:var(--kashaf-brand-deep);margin-bottom:12px;transition:color 0.3s ease}.gateway-card p{font-size:14.5px;color:var(--kashaf-muted);line-height:1.65;margin-bottom:24px;flex-grow:1}.gateway-cta-row{display:flex;align-items:center;gap:10px;margin-top:auto;flex-wrap:wrap}.gateway-card .gateway-cta{font-size:13px;font-weight:700;color:var(--card-btn-text,var(--kashaf-brand-strong));background:var(--card-btn-bg,rgb(133 102 177 / .05));padding:8px 18px;border-radius:99px;border:1px solid rgb(133 102 177 / .06);display:inline-flex;align-items:center;gap:8px;transition:all 0.35s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 5px rgb(19 10 36 / .01)}.gateway-card:hover .gateway-cta{transform:translateX(-4px);background:var(--card-btn-hover-bg,var(--kashaf-brand-strong));color:#ffffff!important;border-color:#fff0;box-shadow:0 6px 14px var(--card-badge-glow,rgb(133 102 177 / .15))}.gateway-card .gateway-cta-secondary{font-size:12.5px;font-weight:600;color:var(--kashaf-muted);padding:7px 14px;border-radius:99px;border:1px solid rgb(133 102 177 / .12);display:inline-flex;align-items:center;cursor:pointer;transition:color 0.22s ease,border-color 0.22s ease,background 0.22s ease}.gateway-card:hover .gateway-cta-secondary{color:var(--kashaf-brand-strong);border-color:rgb(133 102 177 / .3);background:rgb(133 102 177 / .05)}.gateway-card.highlighted{background:linear-gradient(135deg,#1b0f30 0%,#0d0618 100%);border:1px solid rgb(217 119 6 / .25);box-shadow:0 15px 35px rgb(19 10 36 / .2)}.gateway-card.highlighted:hover{border-color:rgb(217 119 6 / .45);box-shadow:0 20px 45px rgb(19 10 36 / .35)}.gateway-card.highlighted h3{color:#fff}.gateway-card.highlighted p{color:rgb(255 255 255 / .75)}.gateway-card.highlighted .gateway-cta{color:#fffbeb}.gateway-card.highlighted:hover .gateway-cta{color:#fff}.card-badge{position:absolute;top:32px;left:32px;padding:6px 14px;background:rgb(217 119 6 / .15);color:#f59e0b;border-radius:99px;font-size:12.5px;font-weight:700;border:1px solid rgb(217 119 6 / .25)}.secondary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hub-mini-guide{background:#fff;border:1px solid var(--kashaf-line);border-radius:var(--kashaf-radius-md);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--kashaf-shadow-sm);margin-top:24px}.hub-mini-guide p{margin:0;font-size:15px;color:var(--kashaf-ink);font-weight:500}.hub-mini-guide .btn-guide{font-weight:700;color:var(--kashaf-brand-strong);font-size:14.5px;white-space:nowrap;text-decoration:none}.hub-mini-guide .btn-guide:hover{color:var(--kashaf-brand-deep)}@media (max-width:1024px){.hero-grid-hub{grid-template-columns:1fr;gap:40px}.hero-content-wrap{text-align:center}.hero-actions{justify-content:center}.hub-hero-visual{height:320px;margin-top:20px}.services-gateway-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.hero-section{padding:70px 0 90px}.services-hub-section{padding:40px 0;margin-top:-20px}.services-hub-section .section-header{margin-bottom:32px}.gateway-card{padding:24px}.gateway-card h3{font-size:19px}.services-gateway-grid{grid-template-columns:1fr}.hub-mini-guide{flex-direction:column;align-items:center;text-align:center;padding:20px}.hub-mini-guide .btn-guide{width:100%;text-align:center;background:var(--kashaf-soft2);padding:10px;border-radius:10px;margin-top:8px}.hero-actions{flex-direction:column;gap:12px;align-items:center}.hero-section .btn{width:100%;max-width:320px}.hub-hero-visual{display:none}.gateway-card .gateway-cta,.gateway-card .gateway-cta-secondary{min-height:44px;padding:12px 20px}}.kashaf-services-hub-site .kashaf-home-band{position:relative;padding:110px 0;text-align:center;color:#fff;background-image:linear-gradient(rgb(19 10 36 / .88),rgb(19 10 36 / .78)),url(/wp-content/themes/kashaf-blocksy-child/assets/images/home-skyline-band.webp);background-size:cover;background-position:center;border-top:1px solid rgb(133 102 177 / .2)}.kashaf-services-hub-site .kashaf-home-band-inner{max-width:760px}.kashaf-services-hub-site .band-eyebrow{display:inline-block;padding:6px 16px;margin-bottom:16px;background:rgb(133 102 177 / .32);color:#fff;border:1px solid rgb(255 255 255 / .18);border-radius:99px;font-size:14px;font-weight:700}.kashaf-services-hub-site .kashaf-home-band h2{margin:0 0 16px;font-size:clamp(26px, 3.4vw, 40px);font-weight:800;line-height:1.3;color:#fff}.kashaf-services-hub-site .kashaf-home-band p{max-width:600px;margin:0 auto 32px;font-size:clamp(15px, 1.7vw, 18px);line-height:1.8;color:rgb(255 255 255 / .85)}.kashaf-services-hub-site .band-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.kashaf-services-hub-site .kashaf-home-band .btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 36px;border-radius:var(--kashaf-radius-sm);font-weight:700;font-size:15px;transition:all 0.28s cubic-bezier(.4,0,.2,1);cursor:pointer}.kashaf-services-hub-site .kashaf-home-band .btn-primary{background:var(--kashaf-brand-strong);color:#fff;box-shadow:0 8px 24px rgb(133 102 177 / .3)}.kashaf-services-hub-site .kashaf-home-band .btn-primary:hover{background:#fff;color:var(--kashaf-brand-deep);transform:translateY(-2px)}@media (max-width:768px){.kashaf-services-hub-site .kashaf-home-band{padding:72px 0}}