/* ================================================
   HOME ADDRESS — Premium Corporate Design v4
   #FE7F2D · #233D4D · #E5E6E7
   ================================================ */
:root{
  --a:#FE7F2D;--ah:#FF9B58;--ad:#D96618;--ag:rgba(254,127,45,.14);
  --d:#233D4D;--dl:#2F536A;--dd:#17293A;--dx:#0E1A24;
  --bg:#F6F7F9;--w:#fff;
  --t1:#1A1F25;--t2:#3A3F47;--t3:#6B7280;--t4:#9CA3AF;--t5:#D1D5DB;--t6:#F0F1F3;
  --ff:'Cairo',sans-serif;--f2:'Inter',sans-serif;
  --e:cubic-bezier(.4,0,.2,1);--r:16px;--rl:24px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--ff);color:var(--t3);background:var(--w);line-height:1.78;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.en{font-family:var(--f2);direction:ltr;text-align:left}
a{text-decoration:none;color:inherit;transition:.3s var(--e)}ul{list-style:none}img{max-width:100%;display:block}
button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;outline:none;border:none}
/* Unified icon style */
svg{stroke-linecap:round;stroke-linejoin:round}
.svc__ic svg,.process__ic svg,.vs-card__ic svg,.vg-item__ic svg,.pill__ic svg,.glass svg{stroke-width:1.6}
/* Unified image style */
.duo__img img,.duo__small img,.wk__img img,.pc2__img img,.slide__bg{transition:transform .8s var(--e),filter .5s var(--e)}
.wk__img{overflow:hidden;aspect-ratio:4/3}
::selection{background:var(--a);color:#fff}
.wrap{max-width:1320px;margin:0 auto;padding:0 44px}
.container{max-width:1320px;margin:0 auto;padding:0 44px}
.placeholder-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit}
/* Real images — unified subtle treatment for visual consistency */
.duo__img img,.duo__small img{width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:saturate(1.05) contrast(1.02)}
.wk__img img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}
.pc__img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.8s var(--e);filter:saturate(1.05) contrast(1.02)}
.pc2__img img{filter:saturate(1.05) contrast(1.02)}
.pc:hover .pc__img img{transform:scale(1.08)}
.wk:hover .wk__img img{transform:scale(1.06);transition:.8s var(--e)}

.ph--teal{background:linear-gradient(145deg,#1a3345,#2a5570)}.ph--teal-l{background:linear-gradient(145deg,#2a5570,#3a7090)}
.ph--dark{background:linear-gradient(145deg,#151f28,#233D4D)}.ph--accent{background:linear-gradient(145deg,#FE7F2D,#d96618)}
.ph--accent-d{background:linear-gradient(145deg,#b85515,#7a3a0d)}.ph--warm{background:linear-gradient(145deg,#3D2A1F,#5A3F2E)}

/* ========== LOADER ========== */
.loader{position:fixed;inset:0;z-index:9999;background:var(--w);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;transition:opacity .8s,visibility .8s}
.loader__logo img{height:48px;width:auto}
.loader.done{opacity:0;visibility:hidden;pointer-events:none}
.loader__bar{width:140px;height:3px;background:var(--t6);border-radius:3px;overflow:hidden}
.loader__fill{width:0;height:100%;background:var(--a);border-radius:3px;animation:loadfill 1.2s var(--e) forwards}
@keyframes loadfill{to{width:100%}}

/* ========== TOP STRIP (مدمج داخل الهيدر) ========== */
.hd__topstrip{background:var(--dx);padding:11px 0;border-bottom:1px solid rgba(254,127,45,.1)}
.hd__topstrip-inner{max-width:1320px;margin:0 auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between}
.topbar__left{display:flex;align-items:center;gap:24px}
.topbar__email,.topbar__phone{display:flex;align-items:center;gap:10px;color:var(--ah);font-size:1rem;font-weight:600}
.topbar__email svg,.topbar__phone svg{width:16px;height:16px}
.topbar__email:hover,.topbar__phone:hover{color:#fff}
.topbar__phone{font-family:var(--f2);letter-spacing:.3px}
.topbar__right{display:flex;align-items:center;gap:20px}
.topbar__right > span{font-size:.98rem;color:rgba(255,255,255,.55);font-weight:500}
.topbar__lang{display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:8px;font-size:.98rem;font-weight:700;color:rgba(255,255,255,.75);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:.25s var(--e)}
.topbar__lang svg{width:18px;height:18px}
.topbar__lang span{font-family:var(--f2)}.topbar__lang:hover{background:var(--a);color:#fff;border-color:var(--a)}

/* ========== HEADER ========== */
.hd{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--w);box-shadow:0 1px 0 rgba(0,0,0,.05);transition:.4s var(--e)}
.hd.hd--scrolled{box-shadow:0 2px 20px rgba(0,0,0,.06)}
.hd__inner{max-width:1320px;margin:0 auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;height:84px}

/* Logo */
.logo{display:flex;align-items:center}
.logo__img{height:72px;width:auto}
.logo__img--light{height:120px;width:auto}

/* Nav */
.hd__nav{display:flex;gap:4px}
.hd__nav a{padding:9px 16px;font-size:1.02rem;font-weight:600;color:var(--t3);border-radius:8px;transition:.3s var(--e);white-space:nowrap;position:relative}
.hd__nav a::after{content:'';position:absolute;bottom:2px;right:16px;left:16px;height:2.5px;background:var(--a);border-radius:2px;transform:scaleX(0);transition:.3s var(--e)}
.hd__nav a:hover,.hd__nav a.active{color:var(--d)}
.hd__nav a:hover::after,.hd__nav a.active::after{transform:scaleX(1)}

/* Header actions */
.hd__actions{display:flex;align-items:center;gap:12px}
.hd__cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 26px;font-size:.98rem;font-weight:700;line-height:1;color:#fff;background:var(--a);border-radius:10px;border:2px solid var(--a);transition:.4s var(--e);white-space:nowrap}
.hd__cta:hover{background:var(--ad);border-color:var(--ad);transform:translateY(-2px);box-shadow:0 8px 28px var(--ag);color:#fff}
.hd__cta--outline{background:transparent;color:var(--d);border-color:var(--d)}
.hd__cta--outline:hover{background:var(--d);color:#fff;border-color:var(--d)}

.hd__menu{display:none;width:36px;height:36px;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.hd__menu span{display:block;width:22px;height:2px;background:var(--d);border-radius:2px;transition:.4s var(--e)}
.hd__menu.active span:first-child{transform:rotate(45deg) translate(4px,4px)}
.hd__menu.active span:last-child{transform:rotate(-45deg) translate(4px,-4px)}

/* ========== BUTTONS ========== */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 38px;font-size:.94rem;font-weight:700;border-radius:14px;border:2px solid transparent;cursor:pointer;transition:.4s var(--e);white-space:nowrap;letter-spacing:.2px}
.btn--xl{padding:18px 46px;font-size:1rem;border-radius:16px}
.btn--sm{padding:12px 26px;font-size:.84rem;border-radius:10px}
.btn--full{width:100%;justify-content:center}
.btn--accent{background:var(--a);color:#fff;border-color:var(--a)}
.btn--accent:hover{background:var(--ad);border-color:var(--ad);transform:translateY(-3px);box-shadow:0 14px 40px var(--ag)}
.btn--ghost{background:rgba(255,255,255,.05);color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.btn--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);transform:translateY(-3px)}
.btn--dark{background:var(--d);color:#fff;border-color:var(--d)}
.btn--dark:hover{background:var(--dl);transform:translateY(-3px);box-shadow:0 12px 32px rgba(35,61,77,.18)}
.btn--outline{background:transparent;color:var(--d);border-color:var(--d)}
.btn--outline:hover{background:var(--d);color:#fff;transform:translateY(-3px)}
.btn--white{background:#fff;color:var(--a);border-color:#fff}
.btn--white:hover{background:var(--d);color:#fff;border-color:var(--d)}

/* ========== HERO SLIDER ========== */
.hero-slider{position:relative;height:85vh;min-height:550px;overflow:hidden;margin-top:128px}
.slider{position:relative;width:100%;height:100%}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--e);z-index:0}
.slide--active{opacity:1;z-index:1}
.slide__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 8s linear}
.slide--active .slide__bg{transform:scale(1.08)}
.slide__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,26,36,.85),rgba(14,26,36,.4) 50%,rgba(14,26,36,.5))}
.slide__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;z-index:2;max-width:720px}
.slide__content h2{font-size:clamp(2rem,5vw,3.8rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:20px}
.slide__content h2 em{color:var(--a);font-style:normal}
.slide__content p{font-size:clamp(.9rem,1.2vw,1.1rem);color:rgba(255,255,255,.55);line-height:1.9;margin-bottom:36px;max-width:560px}
.slider__dots{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:10px}
.slider__dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.25);border:none;cursor:pointer;transition:.3s}
.slider__dot--active{background:var(--a);transform:scale(1.2)}
.slider__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:.3s var(--e)}
.slider__btn:hover{background:var(--a);border-color:var(--a)}
.slider__btn--prev{left:32px}
.slider__btn--next{right:32px}
[dir="rtl"] .slider__btn--prev{left:auto;right:32px}
[dir="rtl"] .slider__btn--next{right:auto;left:32px}

/* Chip */
.chip{display:inline-flex;align-items:center;gap:14px;padding:10px 28px;margin-bottom:40px;background:rgba(254,127,45,.06);border:1px solid rgba(254,127,45,.1);border-radius:60px;color:var(--ah);font-size:.8rem;font-weight:600}
.chip__dot{width:8px;height:8px;border-radius:50%;background:var(--a);display:inline-block;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}

/* Hero typography */
.h1--sm{display:block;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:600;color:rgba(255,255,255,.7);line-height:1.3;margin-bottom:4px}
.h1--lg{display:block;font-size:clamp(2.8rem,6.5vw,5.4rem);font-weight:900;color:#fff;line-height:1.08}
.h1--lg em{font-style:normal;color:var(--a);position:relative;display:inline-block}
.h1--lg em::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:6px;background:var(--a);border-radius:6px;opacity:.3}
.hero__p{font-size:clamp(.9rem,1.2vw,1.08rem);color:rgba(255,255,255,.4);line-height:2.05;margin:32px 0 48px;max-width:580px}
.hero__btns{display:flex;gap:16px;flex-wrap:wrap}
.hero-cta-group{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.hero-cta-group .btn--ghost{background:rgba(255,255,255,.08);color:#fff;border:2px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.hero-cta-group .btn--ghost:hover{background:rgba(255,255,255,.18);border-color:#fff;transform:translateY(-3px)}

/* KPI */
.hero__col--stats{display:flex;justify-content:center}
.kpi{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.kpi > div{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--rl);padding:40px 32px;text-align:center;backdrop-filter:blur(12px);transition:.5s var(--e)}
.kpi > div:hover{background:rgba(255,255,255,.06);transform:translateY(-8px)}

/* Workaround: stats are direct children of hero__col--stats actually. Let me fix: */
/* The HTML has .kpi as wrapper with child divs. So: */
.hero__col--stats .kpi{display:contents}
/* Actually the structure is hero__col--stats > div.kpi*4. Let me just style .kpi directly: */

/* Reset - the actual HTML structure is: hero__col--stats > kpi > b + span + p */
.kpi{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--rl);padding:40px 28px;text-align:center;backdrop-filter:blur(12px);transition:.5s var(--e)}
.kpi:hover{background:rgba(255,255,255,.06);transform:translateY(-8px)}
.hero__col--stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.kpi b{display:block;font-size:3rem;font-weight:900;color:#fff;font-family:var(--f2);line-height:1}
.kpi span{font-size:1.6rem;color:var(--a);font-weight:800}
.kpi p{font-size:.78rem;color:rgba(255,255,255,.35);margin-top:6px;font-weight:500}

/* Scroll indicator */
.hero__scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:2}
.hero__mouse{width:28px;height:48px;border:2px solid rgba(255,255,255,.15);border-radius:20px;display:flex;justify-content:center;padding-top:10px}
.hero__wheel{width:4px;height:10px;background:var(--a);border-radius:4px;animation:wheel 2s infinite}
@keyframes wheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(16px);opacity:0}}

/* Counters */
.counters{background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.03);padding:40px 0;position:relative;z-index:2}
.counters-inner{display:flex;align-items:center;justify-content:center;gap:64px}
.counter{text-align:center}.counter b{font-size:2.6rem;font-weight:900;color:var(--a);font-family:var(--f2);line-height:1}
.counter span{font-size:1.4rem;font-weight:800;color:var(--a)}.counter p{font-size:.76rem;color:rgba(255,255,255,.3);margin-top:4px}
.counter-sep{width:1px;height:56px;background:rgba(255,255,255,.05)}

/* ========== SECTIONS ========== */
.sec{padding:130px 0}
.sec--alt{background:var(--bg)}
.sec + .sec{position:relative}
.sec--dark{background:var(--dx);overflow:hidden}

.sec__hd{text-align:center;margin-bottom:72px;max-width:820px;margin-left:auto;margin-right:auto}
.sec__hd h2{font-size:clamp(3rem,5.2vw,4.6rem);font-weight:900;color:var(--d);line-height:1.2;margin-bottom:22px}
.sec__hd h2 em{color:var(--a);font-style:normal}
.sec__hd--lt h2{color:#fff}
.sec__hd > p{font-size:1.32rem;color:var(--t4);max-width:720px;margin:0 auto}

/* Tags */
.tag{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.tag--c{justify-content:center}
.tag i{width:44px;height:3px;background:var(--a);border-radius:3px;display:block}
.tag span{font-size:1.15rem;font-weight:800;color:var(--a);letter-spacing:4px;background:var(--ag);padding:8px 22px;border-radius:8px}
.tag--lt span{color:var(--ah);background:rgba(254,127,45,.08)}.tag--lt i{background:var(--ah)}

/* ========== ABOUT (DUO) ========== */
.duo{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;align-items:center}
.duo__media{position:relative}
.duo__img{border-radius:var(--rl);overflow:hidden;aspect-ratio:3/4;box-shadow:0 40px 90px rgba(35,61,77,.1)}
.duo__small{position:absolute;bottom:-20px;left:-20px;width:200px;height:200px;border-radius:var(--r);border:8px solid var(--w);overflow:hidden;box-shadow:0 20px 50px rgba(35,61,77,.1)}
[dir="rtl"] .duo__small{left:auto;right:-20px}
.duo__exp{position:absolute;top:24px;left:-16px;background:var(--a);color:#fff;padding:30px 24px;border-radius:var(--r);text-align:center;box-shadow:0 14px 40px var(--ag);min-width:120px}
[dir="rtl"] .duo__exp{left:auto;right:-16px}
.duo__exp b{display:block;font-size:3rem;font-weight:900;font-family:var(--f2);line-height:1}
.duo__exp span{font-size:.68rem;font-weight:600;opacity:.85;display:block;margin-top:4px}
.duo__line{position:absolute;top:48px;right:-12px;width:4px;height:160px;background:var(--a);border-radius:4px}
[dir="rtl"] .duo__line{right:auto;left:-12px}

.duo__text h2{font-size:clamp(2.8rem,4.6vw,4.2rem);font-weight:900;color:var(--d);line-height:1.2;margin-bottom:28px}
.duo__text h2 em{color:var(--a);font-style:normal}
.duo__lead{font-size:1.22rem;color:var(--t2);font-weight:500;line-height:2;margin-bottom:16px}
.duo__text > p{font-size:1.08rem;color:var(--t3);line-height:2;margin-bottom:36px}

.checks{display:flex;flex-direction:column;gap:16px}
.check{display:flex;align-items:center;gap:14px;font-size:1.06rem;font-weight:500;color:var(--t2)}
.check svg{min-width:20px}

/* ========== VISION & STRATEGY ========== */
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.vs-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--rl);padding:56px 44px;backdrop-filter:blur(8px);transition:.5s var(--e)}
.vs-card:hover{background:rgba(255,255,255,.06);border-color:rgba(254,127,45,.18);transform:translateY(-10px)}
.vs-card__ic{width:80px;height:80px;background:rgba(254,127,45,.1);border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--a);margin-bottom:28px}
.vs-card h3{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:20px}
.vs-card p{font-size:1.08rem;color:rgba(255,255,255,.45);line-height:2}

/* ========== VALUES & GOALS ========== */
.vg-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.vg-block h3{font-size:1.8rem;font-weight:800;color:var(--d);margin-bottom:32px;padding-bottom:16px;border-bottom:3px solid var(--a);display:inline-block}
.vg-list{display:flex;flex-direction:column;gap:24px}
.vg-item{display:flex;gap:20px;padding:24px;background:var(--w);border-radius:var(--r);border:1px solid var(--t6);transition:.4s var(--e);opacity:0;transform:translateY(30px);animation:vgFadeUp .6s var(--e) forwards;animation-play-state:paused}
.vg-item:nth-child(1){animation-delay:.1s}
.vg-item:nth-child(2){animation-delay:.25s}
.vg-item:nth-child(3){animation-delay:.4s}
.vg-item:nth-child(4){animation-delay:.55s}
.visible .vg-item{animation-play-state:running}
.vg-item:hover{box-shadow:0 14px 40px rgba(35,61,77,.06);transform:translateY(-4px);border-color:var(--a)}
@keyframes vgFadeUp{to{opacity:1;transform:translateY(0)}}
.vg-item__ic{width:52px;height:52px;min-width:52px;background:linear-gradient(135deg,rgba(254,127,45,.1),rgba(35,61,77,.06));border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--d);transition:.5s var(--e)}
.vg-item:hover .vg-item__ic{transform:scale(1.12) rotate(-6deg);background:var(--a);color:#fff}
.vg-item__ic--goal{background:linear-gradient(135deg,rgba(35,61,77,.08),rgba(254,127,45,.06));color:var(--a)}
.vg-item:hover .vg-item__ic--goal{background:var(--d);color:var(--a)}
.vg-item__ic svg{transition:.4s var(--e)}
.vg-item:hover .vg-item__ic svg{transform:scale(1.1)}
.vg-item h4{font-size:1.12rem;font-weight:700;color:var(--d);margin-bottom:6px;transition:.3s}
.vg-item:hover h4{color:var(--a)}
.vg-item p{font-size:.98rem;color:var(--t3);line-height:1.8}

/* ========== PROCESS (مراحل التنفيذ) ========== */
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}
.process__step{background:var(--w);border:1px solid var(--t6);border-radius:var(--rl);padding:40px 32px;position:relative;transition:.5s var(--e);box-shadow:0 2px 8px rgba(0,0,0,.03)}
.process__step:hover{transform:translateY(-10px);box-shadow:0 28px 64px rgba(35,61,77,.08);border-color:var(--a)}
.process__num{position:absolute;top:20px;left:24px;font-size:3.5rem;font-weight:900;color:var(--t6);font-family:var(--f2);line-height:1;transition:.4s}
[dir="rtl"] .process__num{left:auto;right:24px}
.process__step:hover .process__num{color:var(--a);opacity:.25}
.process__ic{width:72px;height:72px;background:linear-gradient(135deg,var(--ag),rgba(35,61,77,.06));border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--a);margin-bottom:24px;position:relative;z-index:1;transition:.4s var(--e)}
.process__step:hover .process__ic{background:var(--a);color:#fff;transform:scale(1.08) rotate(-5deg)}
.process__step h4{font-size:1.3rem;font-weight:800;color:var(--d);margin-bottom:14px;position:relative;z-index:1}
.process__step p{font-size:1rem;color:var(--t3);line-height:1.85}

/* ========== FAQ ========== */
.faq{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.faq__item{background:var(--w);border:1.5px solid var(--t6);border-radius:var(--r);overflow:hidden;transition:.3s var(--e)}
.faq__item[open]{border-color:var(--a);box-shadow:0 12px 40px rgba(254,127,45,.08)}
.faq__item summary{padding:22px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:1.1rem;font-weight:700;color:var(--d);list-style:none;transition:.3s}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:hover{color:var(--a)}
.faq__item[open] summary{color:var(--a);border-bottom:1px solid var(--t6)}
.faq__icon{flex-shrink:0;color:var(--a);transition:.4s var(--e)}
.faq__item[open] .faq__icon{transform:rotate(180deg)}
.faq__answer{padding:22px 28px 26px;animation:faqFade .4s var(--e)}
.faq__answer p{font-size:1.02rem;color:var(--t3);line-height:1.9}
@keyframes faqFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* ========== SERVICE CARDS ========== */
.grid{display:grid;gap:30px}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--5{grid-template-columns:repeat(5,1fr)}

.svc{background:var(--w);border-radius:var(--rl);padding:48px 32px 40px;border:1px solid transparent;position:relative;overflow:hidden;transition:.5s var(--e);box-shadow:0 2px 8px rgba(0,0,0,.03)}
.svc::after{content:'';position:absolute;inset:-1px;border-radius:var(--rl);border:2px solid var(--a);opacity:0;transition:.4s;pointer-events:none}
.svc:hover{transform:translateY(-16px);box-shadow:0 36px 80px rgba(35,61,77,.08)}
.svc:hover::after{opacity:1}

.svc__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}
.svc__n{font-size:.95rem;font-weight:800;color:var(--a);font-family:var(--f2);opacity:.6;letter-spacing:1px}
.svc__ic{width:64px;height:64px;background:linear-gradient(135deg,rgba(35,61,77,.04),rgba(254,127,45,.07));border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--d);transition:.4s var(--e)}
.svc:hover .svc__ic{background:var(--d);color:var(--a)}
.svc h3{font-size:1.3rem;font-weight:700;color:var(--d);margin-bottom:14px}
.svc p{font-size:1.02rem;color:var(--t3);line-height:1.9}

/* ========== CTA ========== */
.cta{background:var(--a);padding:76px 0;position:relative;overflow:hidden}
.cta::before{content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;border:52px solid rgba(255,255,255,.05)}
.cta::after{content:'';position:absolute;bottom:-60px;left:-60px;width:220px;height:220px;border-radius:50%;border:36px solid rgba(255,255,255,.04)}
.cta__inner{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;gap:40px}
.cta h3{font-size:clamp(2.2rem,3.6vw,3.4rem);font-weight:800;color:#fff}

/* ========== WORKSHOP CARDS ========== */
.wk{border-radius:var(--rl);overflow:hidden;background:var(--w);border:1px solid transparent;transition:.5s var(--e);box-shadow:0 2px 8px rgba(0,0,0,.03)}
.wk:hover{transform:translateY(-16px);box-shadow:0 36px 80px rgba(35,61,77,.08)}
.wk__img{aspect-ratio:4/3;overflow:hidden;position:relative}.wk__img .placeholder-img{transition:.8s var(--e)}
.wk__img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(14,26,36,.3));pointer-events:none;opacity:.6}
.wk:hover .wk__img .placeholder-img{transform:scale(1.06)}
.wk__body{padding:36px 32px}
.wk__body h3{font-size:1.34rem;font-weight:700;color:var(--d);margin-bottom:12px}
.wk__body > p{font-size:1.02rem;color:var(--t3);line-height:1.9;margin-bottom:24px}
.wk__body ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wk__body li{font-size:1rem;font-weight:500;color:var(--t2);padding-right:22px;position:relative}
.wk__body li::before{content:'';position:absolute;right:0;top:10px;width:8px;height:8px;background:var(--a);border-radius:50%}
body.en .wk__body li{padding-right:0;padding-left:22px}
body.en .wk__body li::before{right:auto;left:0}

/* ========== GLASS CARDS ========== */
.glass{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);border-radius:var(--rl);padding:64px 36px;text-align:center;backdrop-filter:blur(8px);transition:.5s var(--e)}
.glass:hover{background:rgba(255,255,255,.06);border-color:rgba(254,127,45,.18);transform:translateY(-16px)}
.glass svg{margin:0 auto 28px;display:block}
.glass h3{font-size:1.44rem;font-weight:700;color:#fff;margin-bottom:14px}
.glass p{font-size:1.08rem;color:rgba(255,255,255,.38);line-height:1.9}

/* ========== PILL CARDS ========== */
.pill{background:var(--w);border-radius:var(--rl);padding:48px 24px;text-align:center;border:1px solid transparent;transition:.5s var(--e);box-shadow:0 2px 8px rgba(0,0,0,.03)}
.pill:hover{border-color:var(--a);transform:translateY(-14px);box-shadow:0 28px 64px rgba(35,61,77,.07)}
.pill__ic{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,rgba(254,127,45,.08),rgba(35,61,77,.04));border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--d);transition:.4s var(--e)}
.pill:hover .pill__ic{background:var(--a);color:#fff;transform:scale(1.06)}
.pill h4{font-size:1.18rem;font-weight:700;color:var(--d);margin-bottom:10px}
.pill p{font-size:1rem;color:var(--t4);line-height:1.85}
.pill--cta{background:linear-gradient(135deg,var(--a),var(--ad));color:#fff}
.pill--cta .pill__ic{background:rgba(255,255,255,.18);color:#fff}
.pill--cta:hover{border-color:transparent;transform:translateY(-14px);box-shadow:0 28px 64px var(--ag)}
.pill--cta:hover .pill__ic{background:#fff;color:var(--a);transform:scale(1.08)}
.pill--cta h4{color:#fff}
.pill__link{display:inline-block;margin-top:6px;padding:10px 22px;background:#fff;color:var(--a);font-size:.95rem;font-weight:700;border-radius:8px;transition:.3s var(--e)}
.pill__link:hover{background:var(--d);color:#fff;transform:translateY(-2px)}

/* ========== ORG ========== */
.org{max-width:920px;margin:0 auto;text-align:center}
.org-top{display:flex;justify-content:center}
.org-node{background:var(--w);border:1px solid var(--t6);border-radius:var(--r);padding:22px 30px;min-width:140px;transition:.4s var(--e)}
.org-node:hover{border-color:var(--a);box-shadow:0 12px 36px rgba(35,61,77,.06);transform:translateY(-5px)}
.org-node h4{font-size:1.04rem;font-weight:700;color:var(--d)}
.org-ceo{background:var(--d);border-color:var(--d);padding:30px 56px}
.org-ceo svg{color:var(--a);margin-bottom:10px}
.org-ceo h4{color:#fff;font-size:1.26rem}.org-ceo small{color:var(--ah);font-size:.86rem}
.org-line-v{width:2px;height:44px;background:var(--a);margin:0 auto;opacity:.3}
.org-line-h{width:76%;max-width:750px;height:2px;background:linear-gradient(90deg,transparent,var(--a),transparent);margin:0 auto 22px;opacity:.2}
.org-depts{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}

/* ========== PORTFOLIO ========== */
.filters{display:flex;justify-content:center;gap:10px;margin-bottom:56px;flex-wrap:wrap}
.fb{padding:14px 34px;font-size:1rem;font-weight:600;font-family:inherit;color:var(--t4);border-radius:60px;border:1.5px solid var(--t5);transition:.3s var(--e)}
.fb:hover{color:var(--d);border-color:var(--d)}.fb.active{background:var(--d);color:#fff;border-color:var(--d)}

.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}

/* Project Card v2 (with details) */
.pgrid--v2{grid-template-columns:repeat(3,1fr);gap:32px}
.pc2{background:var(--w);border-radius:var(--rl);overflow:hidden;border:1px solid var(--t6);transition:.5s var(--e);display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.pc2:hover{transform:translateY(-14px);box-shadow:0 32px 72px rgba(35,61,77,.1);border-color:var(--a)}
.pc2.hidden{display:none}
.pc2__img{position:relative;aspect-ratio:4/3;overflow:hidden}
.pc2__img img{width:100%;height:100%;object-fit:cover;transition:.8s var(--e)}
.pc2:hover .pc2__img img{transform:scale(1.08)}
.pc2__tag{position:absolute;top:16px;right:16px;padding:7px 18px;background:var(--a);color:#fff;font-size:.82rem;font-weight:700;border-radius:60px;box-shadow:0 4px 14px rgba(0,0,0,.15)}
[dir="ltr"] .pc2__tag,body.en .pc2__tag{right:auto;left:16px}
.pc2__body{padding:26px 26px 30px;display:flex;flex-direction:column;gap:14px;flex:1}
.pc2__body h3{font-size:1.2rem;font-weight:800;color:var(--d);line-height:1.4;transition:.3s}
.pc2:hover .pc2__body h3{color:var(--a)}
.pc2__meta{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0;border-top:1px solid var(--t6);border-bottom:1px solid var(--t6)}
.pc2__meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--t3);font-weight:600}
.pc2__meta-item svg{color:var(--a);flex-shrink:0}
.pc2__meta-item--cat{margin-inline-start:auto;padding:4px 12px;background:var(--ag);color:var(--ad);border-radius:60px;font-weight:700}
.pc2__body p{font-size:.96rem;color:var(--t3);line-height:1.85;margin-top:auto}
.pc{border-radius:var(--rl);overflow:hidden;position:relative;aspect-ratio:4/3;cursor:pointer}
.pc.hidden{display:none}
.pc__img{position:absolute;inset:0}.pc__img .placeholder-img{transition:.8s var(--e)}
.pc:hover .pc__img .placeholder-img{transform:scale(1.08)}
.pc__ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,26,36,.96),rgba(35,61,77,.2) 55%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:32px;opacity:0;transition:.5s var(--e)}
.pc:hover .pc__ov{opacity:1}
.pc__ov span{padding:7px 20px;background:var(--a);color:#fff;font-size:.86rem;font-weight:700;border-radius:60px;width:fit-content;margin-bottom:12px}
.pc__ov h4{font-size:1.32rem;font-weight:700;color:#fff}

/* ========== JOBS ========== */
.job{background:var(--w);border-radius:var(--rl);padding:40px 36px;border:1px solid transparent;display:flex;flex-direction:column;transition:.5s var(--e);box-shadow:0 2px 8px rgba(0,0,0,.03)}
.job:hover{border-color:var(--a);box-shadow:0 28px 64px rgba(35,61,77,.06);transform:translateY(-12px)}
.job__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.job__tag{padding:6px 18px;background:var(--ag);color:var(--ad);font-size:.74rem;font-weight:700;border-radius:60px}
.job__top small{font-size:.84rem;color:var(--t4)}
.job h3{font-size:1.15rem;font-weight:700;color:var(--d);margin-bottom:12px}
.job p{font-size:.9rem;color:var(--t3);line-height:1.9;margin-bottom:28px;flex-grow:1}

/* ========== CONTACT ========== */
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.contact__info h2{font-size:clamp(2.8rem,4.4vw,4rem);font-weight:900;color:var(--d);line-height:1.2;margin-bottom:20px}
.contact__info h2 em{color:var(--a);font-style:normal}
.contact__info > p{font-size:1.1rem;color:var(--t4);line-height:2;margin-bottom:44px}
.ci-list{display:flex;flex-direction:column;gap:22px}
.ci{display:flex;gap:20px;padding:24px;background:var(--w);border-radius:var(--r);border:1px solid var(--t6);transition:.4s var(--e)}
.ci:hover{box-shadow:0 14px 40px rgba(35,61,77,.05);transform:translateY(-3px)}
.ci__ic{width:52px;height:52px;min-width:52px;background:var(--ag);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--a)}
.ci strong{display:block;font-size:1.06rem;font-weight:700;color:var(--d);margin-bottom:4px}
.ci a,.ci span{display:block;font-size:1.02rem;color:var(--t3)}.ci a:hover{color:var(--a)}
.ci__phone{color:var(--a)!important;font-size:1.2rem!important;font-weight:800;font-family:var(--f2);letter-spacing:.5px}

/* CTA contact cards */
.ci--cta{background:linear-gradient(135deg,var(--a),var(--ad));border-color:transparent;cursor:pointer}
.ci--cta .ci__ic{background:rgba(255,255,255,.2);color:#fff}
.ci--cta:hover{transform:translateY(-6px);box-shadow:0 20px 50px var(--ag)}
.ci--cta strong,.ci--cta span,.ci--cta a{color:#fff!important}
.ci--cta .ci__phone{color:#fff!important}
.ci--wa{background:#25D366;border-color:transparent;cursor:pointer}
.ci--wa .ci__ic{background:rgba(255,255,255,.2);color:#fff}
.ci--wa:hover{background:#1ebd5a;transform:translateY(-6px);box-shadow:0 20px 50px rgba(37,211,102,.35)}
.ci--wa strong,.ci--wa span{color:#fff!important}

/* Contact form head */
.contact__form-head{margin-bottom:32px;text-align:center}
.contact__form-head h3{font-size:1.7rem;font-weight:900;color:var(--d);margin-bottom:10px}
.contact__form-head p{font-size:1rem;color:var(--t4)}
.contact__form-note{text-align:center;font-size:.92rem;color:var(--t4);margin-top:18px;font-weight:600}

/* Form */
.contact__form{background:var(--w);border-radius:var(--rl);padding:56px;box-shadow:0 28px 72px rgba(35,61,77,.06);border:1px solid var(--t6)}
.contact__form h3{font-size:1.56rem;font-weight:800;color:var(--d);margin-bottom:40px}
.fg{margin-bottom:24px;position:relative}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.fg label{position:absolute;top:18px;right:22px;font-size:.88rem;color:var(--t4);pointer-events:none;transition:.3s var(--e);background:var(--w);padding:0 4px}
body.en .fg label{right:auto;left:22px}
.fg input:focus ~ label,.fg textarea:focus ~ label,.fg input:not(:placeholder-shown) ~ label,.fg textarea:not(:placeholder-shown) ~ label{top:-10px;font-size:.72rem;color:var(--a)}
.fg input,.fg textarea,.fg select{width:100%;padding:18px 22px;background:var(--w);border:1.5px solid var(--t5);border-radius:14px;font-size:1.04rem;color:var(--t1);transition:.3s var(--e);resize:vertical}
.fg select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 20px center}
body.en .fg select{background-position:right 20px center}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--a);box-shadow:0 0 0 4px var(--ag)}

/* ========== FOOTER ========== */
.ft{background:var(--dx)}
.ft__main{padding:100px 0 64px;border-bottom:1px solid rgba(255,255,255,.05)}
.ft__grid{display:grid;grid-template-columns:2.4fr 1fr 1fr 1.4fr;gap:64px}
.ft__brand{max-width:360px}
.ft__brand .logo__img--light{mix-blend-mode:screen;filter:invert(1) hue-rotate(180deg)}
.ft__brand > p{font-size:1.06rem;color:#fff;line-height:2;margin:22px 0 28px}
.ft__social{display:flex;gap:12px}
.ft__social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-radius:12px;color:rgba(255,255,255,.5);transition:.3s var(--e)}
.ft__social a:hover{background:var(--a);color:#fff;transform:translateY(-4px)}
.ft__col h4{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:26px;padding-bottom:14px;position:relative}
.ft__col h4::after{content:'';position:absolute;bottom:0;right:0;width:32px;height:2.5px;background:var(--a);border-radius:2px}
body.en .ft__col h4::after{right:auto;left:0}
.ft__col li{margin-bottom:15px}.ft__col a{font-size:1.02rem;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:10px;transition:.25s}
.ft__col a:hover{color:var(--ah)}
.ft__bottom{padding:26px 0}
.ft__binner{display:flex;justify-content:space-between;align-items:center}
.ft__binner p{font-size:.94rem;color:rgba(255,255,255,.5)}

/* ========== FABS ========== */
.fab{position:fixed;z-index:999;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.4s var(--e)}
.fab--wa{bottom:32px;left:32px;width:64px;height:64px;background:#25D366;box-shadow:0 8px 28px rgba(37,211,102,.3);animation:wap 3s infinite}
[dir="rtl"] .fab--wa{left:32px;right:auto}body.en .fab--wa{right:32px;left:auto}
.fab--wa:hover{transform:scale(1.08)}
@keyframes wap{0%{box-shadow:0 0 0 0 rgba(37,211,102,.35)}70%{box-shadow:0 0 0 20px transparent}100%{box-shadow:0 0 0 0 transparent}}
.fab--top{bottom:32px;right:32px;width:52px;height:52px;background:var(--d);color:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(35,61,77,.15);opacity:0;visibility:hidden;transform:translateY(24px)}
[dir="rtl"] .fab--top{right:32px;left:auto}body.en .fab--top{left:32px;right:auto}
.fab--top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.fab--top:hover{background:var(--a);transform:translateY(-4px)}

/* ========== ANIMATIONS ========== */
[data-anim]{opacity:0;transform:translateY(52px);transition:opacity 1s var(--e),transform 1s var(--e)}
[data-anim].visible{opacity:1;transform:none}
[data-anim="right"]{transform:translateX(-52px)}[data-anim="right"].visible{transform:none}
[data-anim="left"]{transform:translateX(52px)}[data-anim="left"].visible{transform:none}
[data-anim][style*="--i"]{transition-delay:calc(var(--i,0) * .12s)}
@keyframes fadeUp{from{opacity:0;transform:translateY(52px)}to{opacity:1;transform:none}}

/* ========== LOGIN ========== */
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--dx);position:relative}
.login-page::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(254,127,45,.04),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(47,83,106,.2),transparent 50%)}
.login-container{position:relative;z-index:1;width:100%;max-width:460px;padding:24px}
.login-card{background:var(--w);border-radius:var(--rl);padding:64px 52px;box-shadow:0 40px 100px rgba(14,26,36,.2)}
.login-header{text-align:center;margin-bottom:44px}
.login-header h1{font-size:1.6rem;font-weight:800;color:var(--d);margin-bottom:6px}
.login-header p{font-size:.9rem;color:var(--t4)}
.login-form .fg{margin-bottom:22px}.login-form .fg label{position:static;display:block;font-size:.86rem;font-weight:600;color:var(--t2);margin-bottom:8px;background:transparent;padding:0}
.login-form .fg input{padding:16px 22px;background:var(--bg);border:1.5px solid var(--t5);border-radius:14px;font-size:.94rem;color:var(--t1)}
.login-form .fg input:focus{border-color:var(--a);background:var(--w);box-shadow:0 0 0 4px var(--ag)}
.login-remember{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.login-remember label{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--t3);cursor:pointer}
.login-remember input[type="checkbox"]{width:18px;height:18px;accent-color:var(--a)}
.login-remember a{font-size:.86rem;color:var(--a);font-weight:600}
.login-form .btn--accent{width:100%;justify-content:center;padding:18px}
.login-back{text-align:center;margin-top:30px;font-size:.9rem;color:var(--t4)}
.login-back a{color:var(--a);font-weight:600}

/* ========== NEWS CARDS ========== */
.news-card{border-radius:var(--rl);overflow:hidden;background:var(--w);border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.03);transition:.5s var(--e)}
.news-card:hover{transform:translateY(-14px);box-shadow:0 32px 72px rgba(35,61,77,.08)}
.news-card__img{height:220px;overflow:hidden}
.news-card__img img{width:100%;height:100%;object-fit:cover;transition:.8s var(--e)}
.news-card:hover .news-card__img img{transform:scale(1.06)}
.news-card__body{padding:32px}
.news-card__date{display:inline-block;font-size:.88rem;font-weight:700;color:var(--a);margin-bottom:12px;font-family:var(--f2)}
.news-card__body h3{font-size:1.28rem;font-weight:700;color:var(--d);margin-bottom:12px;line-height:1.4}
.news-card__body p{font-size:1.02rem;color:var(--t3);line-height:1.85}

/* ========== MAP ========== */
.map-section{width:100%;line-height:0;filter:grayscale(.3) contrast(1.05);position:relative}
.map-section iframe{width:100%;height:400px;display:block}
.map-link{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:var(--a);color:#fff;font-size:1rem;font-weight:700;border-radius:12px;box-shadow:0 8px 28px var(--ag);z-index:2;transition:.3s var(--e)}
.map-link:hover{background:var(--ad);transform:translateX(-50%) translateY(-3px);box-shadow:0 14px 40px var(--ag)}

/* ========== EMAIL FAB (بدل الواتساب) ========== */
.fab--email{bottom:32px;left:32px;width:60px;height:60px;background:var(--a);box-shadow:0 8px 28px var(--ag);animation:emailPulse 3s infinite}
[dir="rtl"] .fab--email{left:32px;right:auto}body.en .fab--email{right:32px;left:auto}
.fab--email:hover{transform:scale(1.08)}
@keyframes emailPulse{0%{box-shadow:0 0 0 0 rgba(254,127,45,.35)}70%{box-shadow:0 0 0 18px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ========== RESPONSIVE ========== */
@media(max-width:1100px){
  .grid--4{grid-template-columns:repeat(2,1fr)}.grid--5{grid-template-columns:repeat(3,1fr)}
  .ft__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .sec{padding:88px 0}.wrap,.container,.hd__inner,.hd__topstrip-inner{padding:0 24px}
  .topbar__right > span{display:none}
  .topbar__left{gap:14px;flex-wrap:wrap}
  .topbar__email,.topbar__phone{font-size:.85rem}
  .hero-slider{height:70vh;margin-top:124px}
  .stats-strip__inner{flex-wrap:wrap;gap:20px}.stat-sep{display:none}.stat{flex:1 1 40%}
  .slider__btn{display:none}
  .hd__nav{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--w);flex-direction:column;align-items:stretch;padding:110px 28px 28px;gap:4px;transform:translateX(100%);transition:.4s var(--e);z-index:998}
  [dir="rtl"] .hd__nav{transform:translateX(-100%)}
  .hd__nav.active{transform:translateX(0)!important}
  .hd__nav a{padding:18px 20px;font-size:1.05rem;color:var(--t2)!important;border-bottom:1px solid var(--t6)}.hd__nav a::after{display:none}
  .hd__menu{display:flex}.hd__cta{display:none}
  .hero__body{padding:150px 24px 80px}
  .hero__col--stats{grid-template-columns:1fr 1fr}
  .counters-inner{flex-wrap:wrap;gap:28px}.counter-sep{display:none}.counter{flex:1 1 40%}
  .duo{grid-template-columns:1fr;gap:56px}.duo__media{order:-1!important}
  .duo__small{width:160px;height:160px}
  .vs-grid{grid-template-columns:1fr}.vg-grid{grid-template-columns:1fr;gap:48px}
  .vs-card{padding:40px 28px}
  .grid--4,.grid--3{grid-template-columns:1fr}.grid--5{grid-template-columns:repeat(2,1fr)}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:16px}
  .pgrid--v2{grid-template-columns:1fr;gap:24px}
  .process{grid-template-columns:1fr;gap:20px}
  .faq__item summary{font-size:1rem;padding:18px 22px}
  .faq__answer{padding:18px 22px 22px}
  .contact{grid-template-columns:1fr}.fg-row{grid-template-columns:1fr}
  .cta__inner{flex-direction:column;text-align:center}
  .ft__grid{grid-template-columns:1fr;gap:40px}
  .ft__binner{flex-direction:column;gap:8px;text-align:center}
  .org-depts{gap:10px}.org-node{min-width:100px;padding:16px 14px}
  .contact__form{padding:36px 28px}
}
@media(max-width:480px){
  .h1--lg{font-size:2.4rem}.h1--sm{font-size:1.2rem}
  .hero__btns{flex-direction:column}.hero__btns .btn{width:100%;justify-content:center}
  .hero-cta-group{flex-direction:column;width:100%}.hero-cta-group .btn{width:100%;justify-content:center}
  .grid--5,.pgrid{grid-template-columns:1fr}
  .org-depts{flex-direction:column;align-items:center}.org-line-h{display:none}.org-node{width:100%;max-width:220px}
  .login-card{padding:44px 28px}
}