/*
Theme Name: Cloudland Elementor Widgets
*/
:root{--primary:#0C4E7F;--primary-dark:#093B61;--primary-light:#E6EEF5;--secondary:#56B6C6;--secondary-dark:#409CAA;--secondary-light:#EEF8F9;--tertiary:#F4F4F4;--white:#fff;--text:#1e2d3d;--muted:#6b7a8d;--border:#e2e8f0;--r-sm:8px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:9999px;--sh-sm:0 2px 8px rgba(0,0,0,.06);--sh-md:0 6px 24px rgba(0,0,0,.10);--sh-lg:0 12px 48px rgba(0,0,0,.14);--font:'Vazirmatn',sans-serif;--hh:76px;--gap:100px;--cmax:1200px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-family:var(--font);font-size:16px;scroll-behavior:smooth}
body{background:var(--tertiary);color:var(--text);overflow-x:hidden;line-height:1.7;direction:rtl}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
.container{width:100%;max-width:var(--cmax);margin:0 auto;padding:0 24px}

/* SCROLL PROGRESS */
#scroll-prog{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),#56b6c6,var(--primary));background-size:200% 100%;z-index:9998;width:0%;box-shadow:0 0 10px var(--primary)}

/* CUSTOM CURSOR */
#cursor-blob{width:28px;height:28px;border:2px solid var(--primary);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:width .25s,height .25s,background .25s}
#cursor-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%)}
@media(hover:none){#cursor-blob,#cursor-dot{display:none}}

/* PRELOADER */
#preloader{position:fixed;inset:0;z-index:10000;background:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;overflow:hidden}
#preloader::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 59px,rgba(12, 78, 127,.04) 60px),repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(12, 78, 127,.04) 80px);animation:gridPulse 3s ease-in-out infinite}
@keyframes gridPulse{0%,100%{opacity:.5}50%{opacity:1}}
.pl-logo{display:flex;align-items:center;gap:14px;opacity:0;transform:translateY(30px);position:relative;z-index:1}
.pl-text{display:flex;flex-direction:column;align-items:flex-start;direction:ltr}
.pl-text .pl-en{font-size:30px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1}
.pl-text .pl-fa{font-size:13px;color:var(--primary);font-weight:400;direction:rtl}
.pl-bar-wrap{width:260px;height:2px;background:rgba(255,255,255,.10);border-radius:var(--r-pill);overflow:hidden;opacity:0;position:relative;z-index:1}
.pl-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),#56b6c6);border-radius:var(--r-pill);box-shadow:0 0 16px var(--primary)}
.pl-counter{font-size:48px;font-weight:900;color:rgba(255,255,255,.06);letter-spacing:-2px;position:absolute;bottom:40px;right:48px;font-variant-numeric:tabular-nums;opacity:0}

/* HEADER */
#header{position:fixed;top:0;right:0;left:0;z-index:1000;height:var(--hh);background:rgba(255,255,255,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.55);opacity:0;transform:translateY(-100%)}
.header-inner{height:100%;max-width:var(--cmax);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.h-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.h-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#093b61);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px}
.h-logo-text{display:flex;flex-direction:column;line-height:1.2;direction:ltr}
.h-logo-text .hb{font-size:18px;font-weight:900;color:var(--primary)}
.h-logo-text .ht{font-size:9px;color:var(--muted);font-weight:400;direction:rtl;white-space:nowrap}
.h-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
.h-nav-item{position:relative;display:flex;align-items:center;height:100%}
.h-nav a{font-size:13.5px;font-weight:500;color:var(--muted);padding:7px 13px;border-radius:var(--r-pill);transition:color .25s,background .25s;position:relative;display:inline-flex;align-items:center}
.h-nav > a::after, .h-nav-item > a::after{content:'';position:absolute;bottom:4px;left:50%;right:50%;height:2px;background:var(--primary);border-radius:2px;transition:left .3s,right .3s}
.h-nav > a:hover::after, .h-nav-item > a:hover::after, .h-nav a.active::after{left:16px;right:16px}
.h-nav a:hover,.h-nav a.active{color:var(--primary)}
.h-sub{position:absolute;top:100%;right:50%;transform:translateX(50%) translateY(10px);background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-md);padding:8px;min-width:200px;opacity:0;visibility:hidden;transition:opacity .3s, transform .3s, visibility .3s;display:flex;flex-direction:column;gap:4px;z-index:1001;direction:rtl}
.h-sub a{padding:8px 16px;border-radius:var(--r-sm);font-size:13px;color:var(--muted);white-space:nowrap;transition:background .2s, color .2s}
.h-sub a::after{display:none}
.h-sub a:hover{background:var(--secondary-light);color:var(--secondary-dark)}
.h-nav-item:hover .h-sub{opacity:1;visibility:visible;transform:translateX(50%) translateY(0)}

/* Hamburger */
.h-burger{display:none;background:transparent;border:none;font-size:22px;color:var(--primary);cursor:pointer;padding:4px;transition:color .25s}
.h-burger:hover{color:var(--primary-dark)}

/* Mobile Drawer */
.mobile-drawer{position:fixed;inset:0;z-index:2000;pointer-events:none}
.md-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s;backdrop-filter:blur(4px)}
.md-content{position:absolute;top:0;bottom:0;right:0;width:300px;max-width:85vw;background:#fff;box-shadow:var(--sh-lg);transform:translateX(100%);transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1);display:flex;flex-direction:column;padding:24px}
.mobile-drawer.open{pointer-events:auto}
.mobile-drawer.open .md-overlay{opacity:1}
.mobile-drawer.open .md-content{transform:translateX(0)}
.md-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;border-bottom:1px solid var(--border);padding-bottom:16px;direction:rtl}
.md-logo{font-size:20px;font-weight:900;color:var(--primary);direction:ltr}
.md-close{background:rgba(12,78,127,.08);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px;cursor:pointer;transition:background .25s}
.md-close:hover{background:rgba(12,78,127,.15)}
.md-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;direction:rtl}
.md-link, .md-acc-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;font-family:var(--font);font-size:14.5px;font-weight:600;color:var(--text);padding:12px;border-radius:var(--r-sm);cursor:pointer;transition:background .2s, color .2s;text-align:right}
.md-link:hover, .md-acc-btn:hover, .md-link.active{background:var(--primary-light);color:var(--primary)}
.md-acc-btn i{transition:transform .3s}
.md-acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out;display:flex;flex-direction:column;padding-right:16px}
.md-acc-body a{padding:10px 12px;font-size:13.5px;color:var(--muted);transition:color .2s}
.md-acc-body a:hover{color:var(--primary)}
.md-accordion.open .md-acc-body{max-height:200px}
.md-accordion.open .md-acc-btn i{transform:rotate(180deg)}

.btn-cta{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;font-family:var(--font);font-size:14px;font-weight:700;padding:10px 20px;border-radius:var(--r-pill);border:none;cursor:pointer;box-shadow:0 4px 24px rgba(12, 78, 127,.32);flex-shrink:0;transition:background .25s,box-shadow .25s;direction:rtl}
.btn-cta .ac{width:22px;height:22px;background:rgba(255,255,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}
.btn-cta:hover{background:var(--primary-dark);box-shadow:0 8px 32px rgba(12, 78, 127,.45)}

/* HERO */
#hero{padding-top:calc(var(--hh) + 20px);direction:rtl}
.hero-wrap{max-width:var(--cmax);margin:0 auto;padding:0 24px}
.hero-card{position:relative;border-radius:var(--r-xl);overflow:hidden;width:100%;aspect-ratio:16/7;min-height:360px;box-shadow:0 24px 80px rgba(0,0,0,.25);opacity:0;clip-path:inset(100% 0 0 0 round 32px)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08);transition:transform 8s ease}
.hero-card:hover .hero-img{transform:scale(1.0)}
.hero-ov{position:absolute;inset:0;background:linear-gradient(270deg,rgba(5,12,28,.92) 0%,rgba(5,12,28,.65) 38%,rgba(5,12,28,.10) 65%,transparent 80%)}
.hero-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:overlay;opacity:.5}
.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px 56px;text-align:right;direction:rtl}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(12, 78, 127,.15);border:1px solid rgba(12, 78, 127,.35);color:var(--primary);font-size:11px;font-weight:600;padding:6px 14px;border-radius:var(--r-pill);margin-bottom:20px;opacity:0;transform:translateY(20px);backdrop-filter:blur(8px)}
.hero-badge .dot{width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary);animation:dotPulse 1.8s ease-in-out infinite}
@keyframes dotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.6}}
.hero-title{font-size:clamp(28px,5vw,54px);font-weight:900;color:#fff;line-height:1.2;letter-spacing:-1.5px;margin-bottom:16px;overflow:hidden}
.hero-title .char{display:inline-block;opacity:0;transform:translateY(100%)}
.hero-sub{font-size:14px;color:rgba(255,255,255,.65);max-width:320px;line-height:1.9;border-right:3px solid var(--primary);padding-right:14px;opacity:0;transform:translateX(30px);text-align:right}
.hero-actions{display:flex;gap:12px;margin-top:32px;opacity:0;transform:translateY(20px);flex-direction:row-reverse}
.hero-btn-solid{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;font-family:var(--font);font-size:14px;font-weight:700;padding:12px 24px;border-radius:var(--r-pill);border:none;cursor:pointer;box-shadow:0 4px 24px rgba(12, 78, 127,.32);direction:rtl}
.hero-btn-solid:hover{background:var(--primary-dark)}
.hero-btn-outline{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);font-family:var(--font);font-size:14px;font-weight:600;padding:12px 24px;border-radius:var(--r-pill);cursor:pointer;direction:rtl}
.hero-social{position:absolute;bottom:28px;right:40px;display:flex;gap:10px;opacity:0}
.hero-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.10);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.20);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:background .25s,transform .3s}
.hero-social a:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-5px) scale(1.1)}
#hero-canvas{position:absolute;inset:0;pointer-events:none;opacity:.4}

/* DEPARTMENTS */
#departments{padding:var(--gap) 0}
.s-eyebrow{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:10px}
.s-eyebrow::before{content:'';width:32px;height:2px;background:var(--primary);border-radius:2px}
.s-eyebrow span{font-size:12px;font-weight:500;color:var(--primary);letter-spacing:.5px}
.s-title{font-size:clamp(20px,3.2vw,30px);font-weight:900;color:var(--primary);text-align:right;line-height:1.4;margin-bottom:44px;overflow:hidden}
.s-title .word{display:inline-block;overflow:hidden}
.s-title .word-inner{display:inline-block;transform:translateY(110%)}
.dhc{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:32px 48px;margin-bottom:18px;overflow:hidden;position:relative;opacity:0;transform:translateY(40px);text-align:right;direction:rtl}
.dhc::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(12, 78, 127,.08) 0%,transparent 70%)}
.dhc-text .num{font-size:11px;color:var(--muted);margin-bottom:8px}
.dhc-text h3{font-size:22px;font-weight:900;color:var(--primary);margin-bottom:4px}
.dhc-text p{font-size:13px;color:var(--muted)}
.cloud-illus{width:175px;height:125px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dc{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-sm);padding:26px 22px;display:flex;flex-direction:column;gap:12px;cursor:pointer;opacity:0;transform:translateY(50px) rotate(1deg);position:relative;overflow:hidden;transition:box-shadow .35s;direction:rtl;text-align:right}
.dc::after{content:'';position:absolute;top:-50%;left:-70%;width:60%;height:200%;background:linear-gradient(105deg,transparent,rgba(12, 78, 127,.08),transparent);transform:skewX(-25deg);transition:left .55s ease;pointer-events:none}
.dc:hover::after{left:130%}
.dc:hover{box-shadow:var(--sh-md)}
.dc-num{font-size:10px;color:var(--muted);font-weight:500}
.dc-icon{width:44px;height:44px;background:var(--primary-light);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--primary);align-self:flex-end}
.dc-body h4{font-size:14.5px;font-weight:700;color:var(--primary);margin-bottom:4px}
.dc-body p{font-size:12px;color:var(--muted);line-height:1.6}

/* BANNER (dark middle) */
#banner{position:relative;overflow:hidden;border-radius:var(--r-xl);margin:0 auto var(--gap);max-width:var(--cmax);padding:0 24px;min-height:420px;display:flex;align-items:center}
.banner-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(86, 182, 198,.25) 0%,rgba(5,26,44,.98) 65%),repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(86, 182, 198,.045) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(86, 182, 198,.045) 60px),linear-gradient(135deg,#051a2c 0%,#082a47 100%);border-radius:var(--r-xl);will-change:transform}
.banner-bg::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(86, 182, 198,.10) 0%,transparent 65%);top:-100px;right:-80px;animation:orbFloat 6s ease-in-out infinite}
.banner-bg::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(86, 182, 198,.08) 0%,transparent 65%);bottom:-80px;left:60px;animation:orbFloat 8s ease-in-out infinite reverse}
@keyframes orbFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-20px)}}
.banner-content{position:relative;z-index:2;width:100%;max-width:var(--cmax);margin:0 auto;padding:64px 48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;direction:rtl}
.banner-text{text-align:right}
.banner-text .banner-label{display:inline-block;padding:6px 16px;background:rgba(86, 182, 198,.15);border:1px solid rgba(86, 182, 198,.3);color:var(--secondary);font-size:12px;font-weight:600;border-radius:var(--r-pill);margin-bottom:16px}
.banner-text h2{font-size:clamp(20px,3vw,32px);font-weight:900;color:#fff;line-height:1.5;margin-bottom:14px}
.banner-text p{font-size:13.5px;color:rgba(255,255,255,.58);line-height:1.9;margin-bottom:32px}
.banner-btns{display:flex;gap:12px;flex-wrap:wrap;direction:rtl}
.btn-banner-solid{display:inline-flex;align-items:center;gap:8px;background:var(--secondary);color:#fff;font-family:var(--font);font-size:13.5px;font-weight:700;padding:11px 24px;border-radius:var(--r-pill);border:none;cursor:pointer;box-shadow:0 4px 24px rgba(86, 182, 198,.32);transition:background .25s,transform .25s}
.btn-banner-solid:hover{background:var(--secondary-dark);transform:translateY(-2px)}
.btn-banner-outline{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.42);color:#fff;font-family:var(--font);font-size:13.5px;font-weight:600;padding:11px 24px;border-radius:var(--r-pill);background:transparent;cursor:pointer;transition:border-color .25s,background .25s}
.btn-banner-outline:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.banner-visual{display:flex;align-items:center;justify-content:center}
.banner-img-wrap{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:16px;backdrop-filter:blur(8px)}
.banner-img-wrap img{border-radius:var(--r-md);width:100%;max-width:360px}
.banner-chars{display:flex;gap:20px;justify-content:center;margin-top:16px}
.banner-char{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:36px}

/* HOLDING SECTION */
#holding{position:relative;background:radial-gradient(ellipse at 70% 50%,rgba(20,40,90,.80) 0%,rgba(5,26,44,.98) 70%),linear-gradient(135deg,#051a2c 0%,#082a47 100%);overflow:hidden;padding:var(--gap) 0;direction:rtl}
#holding::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(12, 78, 127,.03) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(12, 78, 127,.03) 60px);pointer-events:none}
.holding-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}
.holding-visual-wrap{opacity:0;transform:translateX(-60px)}
.holding-text-wrap{opacity:0;transform:translateX(60px)}
.holding-visual{display:flex;align-items:stretch;gap:28px;direction:ltr}
.holding-floors{display:flex;flex-direction:column-reverse;gap:0;position:relative;flex:1}
.holding-floors::before{content:'';position:absolute;right:100%;margin-right:14px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(12, 78, 127,.6) 20%,rgba(12, 78, 127,.6) 80%,transparent 100%)}
.hf-item{display:flex;align-items:center;gap:12px;padding:9px 0;position:relative;cursor:default;direction:rtl}
.hf-item::before{content:'';position:absolute;right:calc(100% + 13px);width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px rgba(12, 78, 127,.7);top:50%;transform:translateY(-50%)}
.hf-item+.hf-item{border-top:1px solid rgba(12, 78, 127,.08)}
.hf-num{font-size:10px;color:var(--primary);font-weight:700;min-width:18px;opacity:.85}
.hf-title{font-size:13.5px;font-weight:700;color:rgba(255,255,255,.90);line-height:1.3}
.hf-sub{font-size:11px;color:rgba(255,255,255,.38);margin-top:1px}
.holding-building{width:220px;flex-shrink:0;position:relative;display:flex;align-items:flex-end}
.holding-building svg{width:100%;height:auto;filter:drop-shadow(0 20px 60px rgba(12, 78, 127,.18))}
.holding-text h2{font-size:clamp(28px,4vw,48px);font-weight:900;color:#fff;line-height:1.25;margin-bottom:22px;letter-spacing:-1px}
.holding-text p{font-size:13.5px;color:rgba(255,255,255,.55);line-height:2;margin-bottom:34px;max-width:400px}
.btn-holding{display:inline-flex;align-items:center;gap:10px;background:rgba(12, 78, 127,.15);border:1.5px solid rgba(12, 78, 127,.5);color:var(--primary);font-family:var(--font);font-size:14px;font-weight:700;padding:12px 26px;border-radius:var(--r-pill);cursor:pointer;transition:background .3s,border-color .3s,color .3s,transform .3s;direction:rtl;backdrop-filter:blur(8px);border-style:solid}
.btn-holding:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-3px);box-shadow:0 10px 36px rgba(12, 78, 127,.38)}
.btn-holding .ac{width:24px;height:24px;background:rgba(12, 78, 127,.20);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}

/* TRUST */
#trust{padding:var(--gap) 0}
.trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.trust-text{text-align:right;direction:rtl;opacity:0;transform:translateX(80px)}
.trust-text h2{font-size:clamp(22px,3.2vw,38px);font-weight:900;color:var(--primary);line-height:1.4;margin-bottom:18px;overflow:hidden}
.trust-text p{font-size:13.5px;color:var(--muted);line-height:1.95;margin-bottom:32px}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--primary);color:#fff;font-family:var(--font);font-size:15px;font-weight:700;padding:13px 28px;border-radius:var(--r-pill);border:none;cursor:pointer;box-shadow:0 4px 24px rgba(12, 78, 127,.32);transition:background .25s,transform .25s;direction:rtl}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 36px rgba(12, 78, 127,.42)}
.btn-primary .ac{width:26px;height:26px;background:rgba(255,255,255,.20);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.trust-cards{display:flex;flex-direction:column;gap:14px}
.tc{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);padding:22px 20px;display:flex;align-items:flex-start;gap:16px;direction:rtl;box-shadow:var(--sh-sm);opacity:0;transform:translateX(-60px);transition:transform .3s ease,box-shadow .3s ease;text-align:right;position:relative;overflow:hidden}
.tc::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transform-origin:bottom;transition:transform .35s ease}
.tc:hover::before{transform:scaleY(1)}
.tc:hover{transform:translateX(0) translateY(-3px);box-shadow:var(--sh-md)}
.tc-icon{width:46px;height:46px;background:var(--primary-light);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary);flex-shrink:0}
.tc-body{text-align:right;flex:1}
.tc-body h4{font-size:14.5px;font-weight:700;color:var(--primary);margin-bottom:5px}
.tc-body p{font-size:12.5px;color:var(--muted);line-height:1.7}
.stats-row{display:flex;gap:32px;margin-top:24px;justify-content:flex-end;direction:rtl}
.stat-item{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.stat-num{font-size:36px;font-weight:900;color:var(--primary);line-height:1;letter-spacing:-1px}
.stat-num span{color:var(--primary)}
.stat-label{font-size:12px;color:var(--muted)}

/* ORANGE CTA */
#cta-banner{background:linear-gradient(135deg,var(--primary) 0%,#56b6c6 50%,var(--primary-dark) 100%);padding:80px 0;text-align:center;position:relative;overflow:hidden}
#cta-banner::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,.04) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,.04) 40px)}
.cta-content{position:relative;z-index:2;max-width:700px;margin:0 auto}
.cta-content h2{font-size:clamp(24px,4vw,40px);font-weight:900;color:#fff;margin-bottom:18px;line-height:1.4}
.cta-content p{font-size:15px;color:rgba(255,255,255,.8);margin-bottom:36px;line-height:1.8}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-cta-white{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--primary);font-family:var(--font);font-size:15px;font-weight:700;padding:14px 32px;border-radius:var(--r-pill);border:none;cursor:pointer;box-shadow:0 8px 32px rgba(0,0,0,.18);transition:transform .25s,box-shadow .25s}
.btn-cta-white:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.25)}
.btn-cta-outline{display:inline-flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.4);color:#fff;font-family:var(--font);font-size:15px;font-weight:600;padding:14px 32px;border-radius:var(--r-pill);background:transparent;cursor:pointer;transition:border-color .25s,background .25s}
.btn-cta-outline:hover{border-color:#fff;background:rgba(255,255,255,.12)}

/* BLOG */
#blog{padding:var(--gap) 0;background:var(--white)}
.blog-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;border-bottom:1px solid var(--border);padding-bottom:16px;direction:rtl}
.blog-header h2{font-size:clamp(20px,3vw,30px);font-weight:900;color:var(--primary)}
.blog-header p{font-size:13px;color:var(--muted);margin-top:6px}
.blog-header a{color:var(--primary);font-weight:700;font-size:14px;transition:opacity .2s}
.blog-header a:hover{opacity:.7}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-sm);transition:transform .3s,box-shadow .3s;opacity:0;transform:translateY(40px)}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.blog-card-img{height:200px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);position:relative;overflow:hidden}
.blog-card-img img{width:100%;height:100%;object-fit:cover}
.blog-card-body{padding:24px;text-align:right;direction:rtl}
.blog-card-body .cat{font-size:11px;font-weight:700;color:var(--primary);margin-bottom:8px;display:inline-block}
.blog-card-body h3{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-body p{font-size:12.5px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}
.blog-card-body .meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}

/* FOOTER */
footer{background:var(--primary);color:#fff;padding:56px 0 28px;direction:rtl;text-align:right}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px;direction:rtl}
.footer-brand{display:flex;flex-direction:column;gap:16px}
.fb-logo{display:flex;align-items:center;gap:10px}
.fb-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),#093b61);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:16px}
.fb-text .fb-n{font-size:19px;font-weight:900;color:#fff;direction:ltr}
.fb-text .fb-t{font-size:10px;color:rgba(255,255,255,.38);direction:rtl}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.46);line-height:1.85;max-width:280px}
.footer-col h5{font-size:14px;font-weight:700;color:#fff;margin-bottom:18px}
.footer-col ul{display:flex;flex-direction:column;gap:12px}
.footer-col ul li a{font-size:13px;color:rgba(255,255,255,.46);transition:color .2s}
.footer-col ul li a:hover{color:var(--primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:22px;display:flex;align-items:center;justify-content:space-between;direction:rtl}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.30)}
.f-socials{display:flex;gap:10px}
.f-socials a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(255,255,255,.46);transition:background .25s,color .25s,transform .25s}
.f-socials a:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}

/* RESPONSIVE */
@media(max-width:1024px){
.dept-grid{grid-template-columns:repeat(2,1fr)}
.trust-inner{grid-template-columns:1fr;gap:36px}
.holding-inner{grid-template-columns:1fr;gap:48px}
.footer-grid{grid-template-columns:1fr 1fr}
.banner-content{grid-template-columns:1fr;text-align:center}
.banner-text{text-align:center}
.banner-btns{justify-content:center}
.holding-visual{justify-content:center}
.holding-building{width:180px}
.holding-visual-wrap,.holding-text-wrap{transform:translateX(0)}
.trust-text{transform:translateX(50px)}
}
@media(max-width:768px){
:root{--gap:64px}
.h-nav{display:none}
.h-burger{display:block}
#headerCTA{display:none}
.dept-grid{grid-template-columns:1fr}
.dhc{flex-direction:column-reverse;padding:24px;gap:20px}
.hero-content{padding:28px 24px}
.hero-title{font-size:clamp(22px,6vw,38px)}
.blog-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr;gap:24px}
.footer-bottom{flex-direction:column;gap:14px}
.stats-row{flex-wrap:wrap;gap:20px}
#banner{margin:0 12px var(--gap)}
.banner-btns{flex-direction:column;align-items:center}
.cta-btns{flex-direction:column;align-items:center}
}
@media(max-width:480px){
.hero-actions{flex-direction:column;align-items:flex-end}
}