/* Tantawy Host v0.7.0 — approved rebuild
   Cinematic Europe video hero + independent mobile video + premium drop deck + 3 counters */

:root{
  --tw-v7-ease:cubic-bezier(.16,1,.3,1);
  --tw-v7-red:#8f1631;
  --tw-v7-ink:#111315;
  --tw-v7-paper:#f5f5f2;
}

/* ---------- VIDEO HERO: video only, never a carousel ---------- */
.tw-video-hero{
  position:relative;
  isolation:isolate;
  min-height:clamp(720px,88vh,940px);
  padding-top:84px;
  overflow:hidden;
  background:#0b0d10;
  color:#fff;
}
.tw-video-hero-media{position:absolute;inset:0;z-index:-4;overflow:hidden;background:#0b0d10}
.tw-video-hero-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  filter:saturate(1.03) contrast(1.04) brightness(.82);
  transform:scale(1.008);
}
.tw-video-desktop{display:block}
.tw-video-mobile{display:none}
.tw-video-hero-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(7,8,10,.10) 0%,rgba(7,8,10,.18) 38%,rgba(7,8,10,.70) 72%,rgba(7,8,10,.90) 100%),
    linear-gradient(180deg,rgba(7,8,10,.06) 0%,rgba(7,8,10,.02) 55%,rgba(7,8,10,.52) 100%);
}
.tw-video-hero-grain{opacity:.10!important;mix-blend-mode:soft-light}
.tw-video-hero-content{
  min-height:calc(clamp(720px,88vh,940px) - 84px)!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  padding-top:38px!important;padding-bottom:60px!important;
  position:relative;z-index:4;
}
.tw-video-hero-copy{
  width:min(640px,52vw)!important;
  margin-inline-start:auto;
  text-align:right;
  padding:34px 0 28px;
}
.tw-hero-brandline{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:17px;
  font-size:11px;font-weight:900;letter-spacing:.05em;color:rgba(255,255,255,.82)
}
.tw-hero-brand-ar{color:#fff}
.tw-hero-brand-en{letter-spacing:.12em;color:#f0a2b3}
.tw-hero-brand-divider{width:46px;height:1px;background:rgba(255,255,255,.34)}
.tw-video-hero h1{
  max-width:650px!important;margin:0 0 20px!important;
  font-size:clamp(38px,4.6vw,var(--tw-hero-title-max,62px))!important;
  line-height:1.14!important;letter-spacing:-1.55px!important;font-weight:900!important;
  text-wrap:balance;
  text-shadow:0 4px 28px rgba(0,0,0,.30);
}
.tw-video-hero-copy>p{
  max-width:610px!important;margin:0 0 28px!important;
  font-size:clamp(14px,1.25vw,17px)!important;line-height:1.95!important;
  color:rgba(255,255,255,.78)!important;text-shadow:0 2px 14px rgba(0,0,0,.24)
}
.tw-video-hero .tw-hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.tw-video-hero .tw-btn{min-height:48px;padding-inline:22px;font-size:13px}
.tw-video-hero .tw-btn-glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(12px)}
.tw-video-hero .tw-btn-glass:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.42)}
.tw-hero-film-meta{
  position:absolute;left:0;bottom:38px;display:flex;gap:12px;align-items:center;direction:ltr;
  color:rgba(255,255,255,.44);font-size:8px;letter-spacing:.15em;font-weight:900
}
.tw-hero-film-meta i{width:24px;height:1px;background:rgba(255,255,255,.20)}
.tw-video-toggle{top:112px!important;left:28px!important;background:rgba(10,12,14,.48)!important;border-color:rgba(255,255,255,.22)!important}
.tw-hero-scroll{bottom:26px!important}

/* ---------- DROP DECK: image-led, top drop, visible-card swap ---------- */
.tw-drop-showcase{padding:100px 0 112px!important;background:linear-gradient(180deg,#f6f6f3 0%,#ecece8 100%)!important}
.tw-showcase-heading{margin-bottom:36px!important}
.tw-drop-stage{
  height:650px!important;border-radius:38px!important;
  background:
    radial-gradient(circle at 50% -6%,rgba(143,22,49,.38),transparent 28%),
    radial-gradient(circle at 12% 90%,rgba(255,255,255,.07),transparent 30%),
    linear-gradient(145deg,#171a1f 0%,#090b0e 58%,#151116 100%)!important;
  perspective:1400px;
}
.tw-drop-stage:after{content:"AL-TANTAWY HOST · SHOWCASE"!important;letter-spacing:.18em!important}
.tw-drop-card{
  top:56px!important;width:min(365px,29vw)!important;height:500px!important;
  transform-style:preserve-3d;
  transition:transform .82s var(--tw-v7-ease),opacity .55s ease,filter .55s ease!important;
}
.tw-drop-card[data-slot="0"]{--x:0px;--y:0px;--r:0deg;--s:1;filter:none!important}
.tw-drop-card[data-slot="-1"]{--x:-330px;--y:42px;--r:-5deg;--s:.87;opacity:.74!important;filter:saturate(.72) brightness(.78)!important}
.tw-drop-card[data-slot="1"]{--x:330px;--y:42px;--r:5deg;--s:.87;opacity:.74!important;filter:saturate(.72) brightness(.78)!important}
.tw-drop-card[data-slot="-2"]{--x:-565px;--y:82px;--r:-9deg;--s:.70;opacity:.20!important;filter:saturate(.55) brightness(.65)!important}
.tw-drop-card[data-slot="2"]{--x:565px;--y:82px;--r:9deg;--s:.70;opacity:.20!important;filter:saturate(.55) brightness(.65)!important}
.tw-drop-card-link{
  grid-template-rows:61% 39%!important;border-radius:29px!important;background:#fafaf8!important;
  box-shadow:0 38px 88px rgba(0,0,0,.44)!important;
}
.tw-drop-card-visual{padding:0!important;background:#15181c!important;overflow:hidden!important}
.tw-drop-card-visual:after{background:linear-gradient(180deg,transparent 52%,rgba(8,10,12,.34) 100%)!important;z-index:2}
.tw-drop-card-visual img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;transition:transform .8s var(--tw-v7-ease),filter .5s ease;filter:saturate(.96) contrast(1.02)}
.tw-drop-card[data-slot="0"] .tw-drop-card-visual img{transform:scale(1.035)}
.tw-drop-card:hover .tw-drop-card-visual img{transform:scale(1.075)}
.tw-drop-image-sheen{position:absolute;inset:-20% -60%;z-index:3;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);transform:translateX(-55%) rotate(2deg);transition:transform .9s var(--tw-v7-ease);pointer-events:none}
.tw-drop-card:hover .tw-drop-image-sheen{transform:translateX(55%) rotate(2deg)}
.tw-drop-card-copy{padding:23px 26px 25px!important}
.tw-drop-card-copy h3{font-size:22px!important;margin:5px 0 6px!important}
.tw-drop-card-copy p{font-size:11.5px!important;line-height:1.75!important;-webkit-line-clamp:2!important}
.tw-drop-arrow{width:36px!important;height:36px!important;bottom:19px!important}
.tw-drop-card.is-entering{animation:twV7DropIn .88s cubic-bezier(.11,.92,.25,1.12) both!important}
.tw-drop-card.is-exiting{animation:twV7DropOut .62s cubic-bezier(.55,.04,.83,.47) both!important}
@keyframes twV7DropIn{
  0%{transform:translate3d(calc(-50% + var(--x)),-660px,90px) rotateX(-18deg) rotateZ(calc(var(--r) - 12deg)) scale(.62);opacity:0}
  58%{opacity:1}
  76%{transform:translate3d(calc(-50% + var(--x)),calc(var(--y) + 14px),0) rotateX(2deg) rotateZ(var(--r)) scale(calc(var(--s) * .985))}
  100%{transform:translate3d(calc(-50% + var(--x)),var(--y),0) rotateX(0) rotateZ(var(--r)) scale(var(--s));opacity:1}
}
@keyframes twV7DropOut{
  0%{transform:translate3d(calc(-50% + var(--x)),var(--y),0) rotateZ(var(--r)) scale(var(--s));opacity:1}
  100%{transform:translate3d(calc(-50% + var(--x)),610px,-90px) rotateX(14deg) rotateZ(calc(var(--r) + 13deg)) scale(.73);opacity:0}
}

/* ---------- THREE TRUST COUNTERS ---------- */
.tw-client-counter-section{padding:92px 0!important;background:#fff!important;border-bottom:1px solid #e7e7e2!important}
.tw-counter-head{text-align:center;max-width:760px;margin:0 auto 38px}
.tw-counter-head h2{font-size:clamp(34px,4.1vw,54px);line-height:1.13;margin:7px 0 11px;font-weight:900;letter-spacing:-1px}
.tw-counter-head p{margin:0;color:#74777c;font-size:15px;line-height:1.9}
.tw-counter-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;direction:rtl}
.tw-stat-card{
  position:relative;overflow:hidden;min-height:230px;padding:34px 34px 30px;border-radius:28px;
  background:linear-gradient(145deg,#171a1e 0%,#0d0f12 78%);color:#fff;
  border:1px solid rgba(255,255,255,.05);box-shadow:0 26px 70px rgba(12,14,17,.14);
  display:flex;flex-direction:column;justify-content:flex-end;
}
.tw-stat-card:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;left:-64px;top:-78px;background:var(--tw-primary);filter:blur(62px);opacity:.27}
.tw-stat-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 38%);pointer-events:none}
.tw-stat-card>i{position:absolute;top:29px;right:30px;width:38px;height:1px;background:var(--tw-primary);box-shadow:0 8px 0 rgba(143,22,49,.34),0 16px 0 rgba(143,22,49,.14)}
.tw-stat-card .tw-counter-number{display:flex;align-items:baseline;gap:5px;margin:0 0 3px;position:relative;z-index:2}
.tw-stat-card .tw-counter-number b{font-family:Arial,sans-serif;font-size:30px;color:#d36b82;font-weight:800}
.tw-stat-card .tw-counter-number span{font-family:Arial,sans-serif;font-size:clamp(62px,6vw,88px);line-height:.92;letter-spacing:-5px;font-weight:800}
.tw-stat-card .tw-counter-label{position:relative;z-index:2;color:#c6c8cb;font-size:13px;font-weight:800}
.tw-stat-card.tw-reveal{transform:perspective(1000px) translateY(52px) rotateX(5deg);transition-delay:calc(var(--counter-order,0) * 90ms)!important}
.tw-stat-card.tw-reveal-visible{transform:none}

/* ---------- WHY: real HQ visual, no wireframe browser ---------- */
.tw-why-grid{grid-template-columns:.88fr 1.12fr!important;gap:62px!important}
.tw-why-visual{min-height:500px!important}
.tw-why-image-shell{position:relative;width:100%;height:500px;border-radius:32px;overflow:hidden;box-shadow:0 38px 90px rgba(17,19,21,.18);background:#111315}
.tw-why-image-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(10,12,14,.42));pointer-events:none}
.tw-why-image-shell img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--tw-v7-ease);filter:saturate(1.02) contrast(1.02)}
.tw-why-image-shell:hover img{transform:scale(1.045)}
.tw-why-image-badge{position:absolute;z-index:3;left:24px;bottom:24px;background:rgba(10,12,14,.66);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);color:#fff;padding:12px 15px;border-radius:14px;display:grid;gap:2px;direction:ltr}
.tw-why-image-badge span{font-size:11px;font-weight:900;letter-spacing:.09em}.tw-why-image-badge b{font-size:8px;color:#c1c4c8;letter-spacing:.12em}

/* ---------- Motion quality ---------- */
.tw-motion-card:hover{box-shadow:0 30px 70px rgba(15,17,20,.14)}
.tw-feature-card:hover,.tw-plan-card:hover{transform:perspective(1000px) translateY(-9px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important}
.tw-plan-card{transition:transform .35s var(--tw-v7-ease),box-shadow .35s ease,border-color .3s ease!important}
.tw-pricing-grid .tw-plan-card.tw-reveal.tw-reveal-visible{animation:twPlanDropIn .88s var(--tw-v7-ease) both!important;animation-delay:calc(var(--card-order,0) * 110ms)!important}

/* ---------- Footer/contact ---------- */
.tw-footer-email{display:inline-flex;margin-top:7px;color:#fff;font-weight:800;font-size:13px;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:3px}
.tw-footer-wa{display:none!important}
.tw-floating-whatsapp{left:22px!important;right:auto!important;bottom:22px!important;z-index:1200!important}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .tw-video-hero-copy{width:min(600px,58vw)!important}
  .tw-drop-card[data-slot="-1"]{--x:-275px}.tw-drop-card[data-slot="1"]{--x:275px}
  .tw-drop-card[data-slot="-2"]{--x:-470px}.tw-drop-card[data-slot="2"]{--x:470px}
}
@media(max-width:900px){
  .tw-video-hero{padding-top:76px!important;min-height:800px!important}
  .tw-video-hero-content{min-height:724px!important;padding-top:60px!important;padding-bottom:66px!important;align-items:flex-end!important}
  .tw-video-hero-copy{width:100%!important;max-width:620px!important;margin-inline-start:auto!important}
  .tw-video-hero-overlay{background:linear-gradient(180deg,rgba(8,10,12,.10) 0%,rgba(8,10,12,.20) 42%,rgba(8,10,12,.90) 100%)!important}
  .tw-video-hero h1{font-size:clamp(36px,7vw,54px)!important;max-width:600px!important}
  .tw-hero-film-meta{display:none!important}
  .tw-drop-stage{height:590px!important}
  .tw-drop-card{width:320px!important;height:445px!important;top:54px!important}
  .tw-drop-card[data-slot="-1"]{--x:-218px;--y:48px;--s:.77;opacity:.38!important}
  .tw-drop-card[data-slot="1"]{--x:218px;--y:48px;--s:.77;opacity:.38!important}
  .tw-drop-card[data-slot="-2"],.tw-drop-card[data-slot="2"]{opacity:0!important;pointer-events:none}
  .tw-counter-cards{gap:12px}
  .tw-stat-card{min-height:200px;padding:27px 24px 25px}
  .tw-why-grid{grid-template-columns:1fr!important;gap:36px!important}
  .tw-why-image-shell{height:430px}
}
@media(max-width:620px){
  .tw-video-desktop{display:none!important}.tw-video-mobile{display:block!important}
  .tw-video-hero{min-height:780px!important}
  .tw-video-hero-content{min-height:704px!important;padding:90px 0 62px!important;align-items:flex-end!important}
  .tw-video-hero-copy{padding:0!important}
  .tw-hero-brandline{font-size:9px!important;gap:9px!important;margin-bottom:12px!important}
  .tw-hero-brand-divider{display:none!important}
  .tw-video-hero h1{font-size:clamp(32px,9.2vw,45px)!important;line-height:1.18!important;letter-spacing:-.8px!important;margin-bottom:15px!important}
  .tw-video-hero-copy>p{font-size:13px!important;line-height:1.8!important;margin-bottom:20px!important}
  .tw-video-hero .tw-hero-actions{grid-template-columns:1fr 1fr!important;display:grid!important;gap:8px!important}
  .tw-video-hero .tw-btn{min-height:44px!important;padding-inline:10px!important;font-size:11px!important}
  .tw-video-toggle{top:92px!important;left:15px!important;width:40px!important;height:40px!important;padding:0!important;justify-content:center!important}
  .tw-video-toggle-text{display:none!important}

  .tw-drop-showcase{padding:72px 0 82px!important}
  .tw-showcase-heading{grid-template-columns:1fr!important;gap:15px!important;margin-bottom:28px!important}
  .tw-showcase-heading h2{font-size:34px!important}
  .tw-showcase-heading>p{font-size:13px!important}
  .tw-drop-stage{height:550px!important;border-radius:24px!important}
  .tw-drop-card{width:min(292px,78vw)!important;height:414px!important;top:48px!important}
  .tw-drop-card-link{grid-template-rows:60% 40%!important}
  .tw-drop-card[data-slot="-1"]{--x:-142px;--y:66px;--s:.69;opacity:.20!important}
  .tw-drop-card[data-slot="1"]{--x:142px;--y:66px;--s:.69;opacity:.20!important}
  .tw-drop-card-copy{padding:18px 19px 21px!important}.tw-drop-card-copy h3{font-size:19px!important}.tw-drop-card-copy p{font-size:10.5px!important}
  .tw-drop-controls{left:14px!important;right:14px!important;bottom:14px!important}

  .tw-client-counter-section{padding:66px 0!important}
  .tw-counter-head{margin-bottom:26px}
  .tw-counter-head h2{font-size:34px}
  .tw-counter-head p{font-size:12px}
  .tw-counter-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .tw-stat-card{min-height:145px;border-radius:18px;padding:17px 9px 15px;align-items:center;text-align:center}
  .tw-stat-card>i{top:18px;right:50%;transform:translateX(50%);width:24px}
  .tw-stat-card .tw-counter-number{gap:2px;margin-top:27px}
  .tw-stat-card .tw-counter-number b{font-size:18px}.tw-stat-card .tw-counter-number span{font-size:clamp(34px,11vw,48px);letter-spacing:-2px}
  .tw-stat-card .tw-counter-label{font-size:10px}
  .tw-why-image-shell{height:330px;border-radius:23px}.tw-why-image-badge{left:14px;bottom:14px}
}

@media(prefers-reduced-motion:reduce){
  .tw-video-hero-video{display:none!important}
  .tw-video-hero-media{background-image:url('../images/hero/europe-hero-poster-desktop.jpg');background-size:cover;background-position:center}
  .tw-drop-card,.tw-drop-card-visual img,.tw-why-image-shell img{animation:none!important;transition:none!important}
}


/* ===== v0.7.1 — Success Partners / شركاء النجاح ===== */
.tw-partners-section{
  position:relative;
  overflow:hidden;
  background:#fff;
  padding:88px 0 96px!important;
  border-top:1px solid rgba(17,19,21,.05);
  border-bottom:1px solid rgba(17,19,21,.05);
}
.tw-partners-section:before,.tw-partners-section:after{
  content:"";
  position:absolute;
  width:380px;height:380px;border-radius:50%;
  pointer-events:none;
  filter:blur(4px);
  background:radial-gradient(circle,rgba(143,22,49,.07),rgba(143,22,49,0) 69%);
}
.tw-partners-section:before{right:-150px;top:-210px}.tw-partners-section:after{left:-170px;bottom:-240px}
.tw-partners-head{margin-bottom:38px!important;position:relative;z-index:2}
.tw-partners-head h2{font-size:clamp(31px,3.3vw,46px)!important;margin-top:7px!important}
.tw-partners-head p{max-width:650px;margin-inline:auto!important}
.tw-partners-viewport{
  width:100%;overflow:hidden;position:relative;z-index:2;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.tw-partners-track{
  display:flex;width:max-content;direction:ltr;
  animation:twPartnersMarquee var(--tw-partners-speed,28s) linear infinite;
  will-change:transform;transform:translate3d(0,0,0);
}
.tw-partners-track.is-js-marquee{animation:none!important}
@media (hover:hover) and (pointer:fine){
  .tw-partners-viewport:hover .tw-partners-track:not(.is-js-marquee){animation-play-state:paused}
}
.tw-partners-group{display:flex;align-items:center;gap:22px;padding-inline:11px;flex:none;flex-wrap:nowrap;white-space:nowrap}
.tw-partner-item{
  width:190px;height:112px;flex:0 0 190px;
  display:flex;align-items:center;justify-content:center;
  padding:21px 25px;border-radius:22px;
  background:#fafaf8;border:1px solid #ecece7;
  box-shadow:0 8px 28px rgba(17,19,21,.035);
  transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,border-color .32s ease,background .32s ease;
}
.tw-partner-logo{
  display:block!important;max-width:100%!important;width:auto!important;height:auto!important;
  max-height:62px!important;object-fit:contain!important;
  filter:grayscale(1);opacity:.62;
  transition:filter .3s ease,opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1);
}
.tw-partner-item:hover{
  transform:translateY(-7px);background:#fff;border-color:rgba(143,22,49,.20);
  box-shadow:0 20px 48px rgba(17,19,21,.10);
}
.tw-partner-item:hover .tw-partner-logo{filter:grayscale(0);opacity:1;transform:scale(1.035)}
@keyframes twPartnersMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:900px){
  .tw-partners-section{padding:70px 0 76px!important}
  .tw-partners-head{margin-bottom:30px!important}
  .tw-partners-group{gap:14px;padding-inline:7px}
  .tw-partner-item{width:160px;height:96px;flex-basis:160px;padding:18px 21px;border-radius:19px}
  .tw-partner-logo{max-height:54px!important}
}
@media(max-width:620px){
  .tw-partners-section{padding:58px 0 64px!important}
  .tw-partners-head{padding-inline:12px;margin-bottom:25px!important}
  .tw-partners-head h2{font-size:28px!important;line-height:1.35!important}
  .tw-partners-head p{font-size:12.5px!important;line-height:1.8!important}
  .tw-partners-viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
  .tw-partners-group{gap:10px;padding-inline:5px}
  .tw-partner-item{width:138px;height:84px;flex-basis:138px;padding:15px 18px;border-radius:17px}
  .tw-partner-logo{max-height:46px!important}
}
@media(prefers-reduced-motion:reduce){
  .tw-partners-track{animation:none!important;transform:none!important}
  .tw-partners-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
}


/* ==========================================================
   v0.7.3 — gapless partners / 4-column pricing / FAQ visual
   ========================================================== */
.tw-partners-track{
  display:flex!important;
  width:max-content!important;
  direction:ltr!important;
  animation:twPartnersMarquee073 var(--tw-partners-speed,28s) linear infinite!important;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.tw-partners-group{
  display:flex!important;
  align-items:center!important;
  flex:none!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  gap:22px!important;
  padding:0 11px!important;
}
@keyframes twPartnersMarquee073{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-33.3333333333%,0,0)}
}
@media (hover:hover) and (pointer:fine){
  .tw-partners-viewport:hover .tw-partners-track{animation-play-state:paused!important}
}

.tw-service-single{grid-template-columns:1fr!important}
.tw-service-single .tw-service-panel{min-height:300px!important}
.tw-service-single .tw-service-glyph{font-size:clamp(58px,8vw,110px)!important;letter-spacing:-.06em!important}

.tw-pricing-section{background:#f4f7fb!important}
.tw-pricing-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.tw-pricing-grid .tw-plan-card{
  min-width:0!important;
  min-height:590px!important;
  padding:23px 19px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid #e8ebef!important;
  color:var(--tw-text)!important;
  box-shadow:0 10px 32px rgba(17,19,21,.045)!important;
}
.tw-pricing-grid .tw-plan-card.is-featured{
  background:#fff!important;
  color:var(--tw-text)!important;
  border:2px solid var(--tw-primary)!important;
  box-shadow:0 22px 54px rgba(143,22,49,.12)!important;
  transform:translateY(-5px);
}
.tw-pricing-grid .tw-plan-card.is-featured:before{
  content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;
  box-shadow:inset 0 3px 0 var(--tw-primary)
}
.tw-pricing-grid .tw-plan-card h3{font-size:22px!important;margin:18px 0 5px!important}
.tw-pricing-grid .tw-plan-subtitle{font-size:11.5px!important;line-height:1.75!important;min-height:58px!important;color:#777b82!important}
.tw-pricing-grid .tw-plan-icon{width:44px!important;height:44px!important;border-radius:13px!important}
.tw-pricing-grid .tw-plan-card.is-featured .tw-plan-icon{background:#fff!important;border-color:#e6e9ed!important;color:var(--tw-primary)!important}
.tw-pricing-grid .tw-plan-badge{font-size:9px!important;padding:6px 9px!important}
.tw-pricing-grid .tw-plan-price{margin:23px 0 18px!important;gap:6px!important}
.tw-pricing-grid .tw-plan-price strong{font-size:40px!important;color:#111315!important}
.tw-pricing-grid .tw-plan-price span{font-size:10px!important;color:#787c82!important}
.tw-pricing-grid .tw-plan-button{background:var(--tw-primary)!important;color:#fff!important;border-color:var(--tw-primary)!important;min-height:46px!important;margin-bottom:22px!important}
.tw-pricing-grid .tw-plan-button:hover{background:#741126!important;border-color:#741126!important}
.tw-pricing-grid .tw-plan-features{font-size:11.5px!important;line-height:1.7!important;color:#5d6268!important;gap:8px!important}
.tw-pricing-grid .tw-plan-card.is-featured .tw-plan-features{border-color:#eceef1!important;color:#5d6268!important}
.tw-pricing-grid .tw-plan-card.is-featured .tw-plan-features li:before{background:rgba(143,22,49,.09)!important;color:var(--tw-primary)!important}

.tw-faq-layout{grid-template-columns:.9fr 1.1fr!important;gap:54px!important;align-items:stretch!important}
.tw-faq-visual{min-width:0}
.tw-faq-image-shell{
  position:relative;overflow:hidden;border-radius:28px;height:100%;min-height:520px;
  background:#111315;box-shadow:0 26px 65px rgba(17,19,21,.13)
}
.tw-faq-image-shell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.tw-faq-image-shell:hover img{transform:scale(1.025)}
.tw-faq-image-accent{position:absolute;inset:auto 0 0;height:7px;background:linear-gradient(90deg,var(--tw-primary),#c42b4d,var(--tw-primary));z-index:2}
.tw-faq-list{align-content:start;padding-top:4px}
.tw-faq-list details{box-shadow:0 7px 24px rgba(17,19,21,.03)}

.tw-footer-socials{display:flex;align-items:center;gap:9px;margin-top:19px}
.tw-footer-socials a,.tw-footer-socials span{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);color:#fff;
  transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease
}
.tw-footer-socials a:hover{transform:translateY(-3px);background:var(--tw-primary);border-color:var(--tw-primary)}
.tw-footer-socials .is-disabled{opacity:.48}
.tw-footer-socials svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tw-footer-socials svg .fill-dot{fill:currentColor;stroke:none}
.tw-footer-socials a:first-child svg{fill:currentColor;stroke:none}

@media(max-width:1100px){
  .tw-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .tw-partners-group{gap:14px!important;padding-inline:7px!important}
  .tw-faq-layout{grid-template-columns:1fr!important;gap:28px!important}
  .tw-faq-image-shell{min-height:360px;max-height:520px}
}
@media(max-width:620px){
  .tw-partners-group{gap:10px!important;padding-inline:5px!important}
  .tw-pricing-grid{grid-template-columns:1fr!important}
  .tw-pricing-grid .tw-plan-card{min-height:auto!important;padding:22px 18px!important}
  .tw-pricing-grid .tw-plan-card.is-featured{transform:none}
  .tw-faq-image-shell{min-height:300px;max-height:420px;border-radius:22px}
  .tw-footer-socials{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .tw-partners-track{animation-play-state:paused!important}
}

.tw-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tw-pricing-grid .tw-plan-card.is-featured:hover .tw-plan-price strong{color:var(--tw-primary)!important}
.tw-footer-socials .is-disabled{opacity:.75!important}


/* ==========================================================
   v0.7.4 — measured continuous partners + official social brands
   ========================================================== */
.tw-partners-track.is-js-marquee{
  animation:none!important;
  transform:translate3d(0,0,0);
  display:flex!important;
  width:max-content!important;
  direction:ltr!important;
  will-change:transform;
}
.tw-partners-track.is-js-marquee .tw-partners-group{
  flex:none!important;
  flex-shrink:0!important;
}
@media(prefers-reduced-motion:reduce){
  /* Keep the logos visible as a horizontally scrollable strip for accessibility. */
  .tw-partners-track.is-js-marquee{transform:none!important}
}

.tw-footer-socials svg{width:18px!important;height:18px!important;display:block!important;fill:currentColor!important;stroke:none!important}
.tw-footer-socials a.tw-social-facebook:hover{background:#1877F2!important;border-color:#1877F2!important}
.tw-footer-socials a.tw-social-instagram:hover{background:linear-gradient(135deg,#833AB4,#E1306C,#F77737)!important;border-color:#E1306C!important}
.tw-footer-socials a.tw-social-linkedin:hover{background:#0A66C2!important;border-color:#0A66C2!important}
.tw-footer-socials a.tw-social-x:hover{background:#000!important;border-color:#555!important}

/* ==========================================================
   v0.8.0 — premium background / gapless neon partners / pricing
   ========================================================== */
body.tantawy-host{
  background:
    radial-gradient(circle at 12% 8%,rgba(143,22,49,.055),transparent 28%),
    radial-gradient(circle at 88% 24%,rgba(17,19,21,.045),transparent 26%),
    linear-gradient(180deg,#fbfbfa 0%,#f5f6f8 48%,#fbfbfa 100%);
  background-attachment:fixed;
}
body.tantawy-host:before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.34;
  background-image:
    linear-gradient(rgba(17,19,21,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,19,21,.025) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);
}
body.tantawy-host.has-custom-site-bg:after{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background-image:var(--tw-site-background-image);background-size:cover;background-position:center;background-repeat:no-repeat;
  opacity:.09;filter:saturate(.75) contrast(1.02);
}
.tw-section{position:relative}
.tw-features-section,.tw-services,.tw-process-section,.tw-tech-section,.tw-home-blog,.tw-faq-section{
  background:rgba(255,255,255,.78)!important;backdrop-filter:blur(6px);
}

/* remove any old hero video control completely */
.tw-video-toggle{display:none!important}

/* truly continuous partners: two identical groups, CSS only */
.tw-partners-section{
  padding:58px 0 62px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,250,249,.9))!important;
}
.tw-partners-head{margin-bottom:24px!important}
.tw-partners-viewport{
  overflow:hidden!important;min-height:116px!important;padding:10px 0 14px!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)!important;
}
.tw-partners-track-css{
  display:flex!important;width:max-content!important;direction:ltr!important;gap:0!important;
  animation:twPartnersInfinite080 var(--tw-partners-speed,28s) linear infinite!important;
  will-change:transform;transform:translate3d(0,0,0);
}
.tw-partners-track-css .tw-partners-group{
  display:flex!important;align-items:center!important;gap:18px!important;
  flex:none!important;flex-shrink:0!important;white-space:nowrap!important;padding:0 9px!important;
}
.tw-partners-track-css .tw-partner-item{
  width:174px!important;height:96px!important;flex:0 0 174px!important;border-radius:19px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid rgba(143,22,49,.42)!important;
  box-shadow:0 0 0 1px rgba(143,22,49,.10),0 0 18px rgba(143,22,49,.18),0 12px 28px rgba(17,19,21,.06)!important;
  position:relative;overflow:hidden;
}
.tw-partners-track-css .tw-partner-item:before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,transparent 10%,rgba(143,22,49,.10),transparent 70%);
  opacity:.7;
}
.tw-partners-track-css .tw-partner-logo{
  filter:none!important;opacity:1!important;max-height:56px!important;position:relative;z-index:2;
}
.tw-partners-track-css .tw-partner-item:hover{
  transform:translateY(-5px) scale(1.015)!important;
  box-shadow:0 0 0 1px rgba(143,22,49,.20),0 0 30px rgba(143,22,49,.32),0 18px 34px rgba(17,19,21,.10)!important;
}
@keyframes twPartnersInfinite080{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (hover:hover) and (pointer:fine){.tw-partners-viewport:hover .tw-partners-track-css{animation-play-state:paused!important}}
@media(max-width:620px){
  .tw-partners-section{padding:44px 0 48px!important}.tw-partners-head{margin-bottom:16px!important}
  .tw-partners-viewport{min-height:94px!important;padding:7px 0 10px!important}
  .tw-partners-track-css .tw-partners-group{gap:11px!important;padding:0 5.5px!important}
  .tw-partners-track-css .tw-partner-item{width:138px!important;height:78px!important;flex-basis:138px!important;border-radius:16px!important}
  .tw-partners-track-css .tw-partner-logo{max-height:44px!important}
}
@media(prefers-reduced-motion:reduce){
  .tw-partners-track-css{animation:none!important;transform:none!important}.tw-partners-viewport{overflow-x:auto!important;-webkit-mask-image:none!important;mask-image:none!important}
}

/* service catalogue chips */
.tw-service-catalog,.tw-why-services{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tw-service-catalog span,.tw-why-services span{
  display:inline-flex;align-items:center;min-height:40px;padding:7px 13px;border-radius:999px;
  background:#fff;border:1px solid rgba(143,22,49,.16);box-shadow:0 7px 18px rgba(17,19,21,.035);
  color:#2b2d31;font-size:12px;font-weight:800;
}
.tw-why-services{margin:22px 0 25px}.tw-service-catalog{justify-content:center;margin-top:24px}

/* pricing closer to the requested clean comparison reference */
.tw-pricing-section{background:linear-gradient(180deg,#eef5fc 0%,#f6f9fd 100%)!important}
.tw-pricing-grid{gap:16px!important}
.tw-pricing-grid .tw-plan-card{border-radius:18px!important;padding:22px 18px!important;min-height:610px!important;box-shadow:0 10px 28px rgba(33,55,82,.055)!important}
.tw-pricing-grid .tw-plan-card.is-featured{border:2px solid var(--tw-primary)!important;box-shadow:0 18px 44px rgba(143,22,49,.14)!important}
.tw-pricing-grid .tw-plan-card.is-featured:after{
  content:"الأكثر طلبًا";position:absolute;top:-14px;left:50%;transform:translateX(-50%);z-index:4;
  background:var(--tw-primary);color:#fff;border-radius:999px;padding:6px 14px;font-size:10px;font-weight:900;white-space:nowrap;
}
.tw-plan-price{flex-wrap:wrap!important;align-items:center!important}
.tw-plan-price del{order:0;font-size:12px!important}.tw-plan-discount{order:1;background:#eef1f4;color:#555;font-size:9px;font-style:normal;padding:4px 7px;border-radius:999px;font-weight:800}
.tw-plan-price strong{order:2;width:auto}.tw-plan-price span{order:3}
.tw-plan-renewal{font-size:9.5px!important;color:#858a91!important;margin:-12px 0 18px!important;text-align:center;line-height:1.6!important}
.tw-plan-features li{position:relative;padding-inline-start:0}
.tw-plan-features li:before{content:"✓"!important}
.tw-plan-features li.is-excluded{color:#9b9fa5!important;text-decoration:none}
.tw-plan-features li.is-excluded:before{content:"×"!important;background:rgba(180,50,50,.08)!important;color:#b23838!important}
.tw-plan-features li.is-included:before{content:"✓"!important}

@media(max-width:1100px){.tw-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.tw-pricing-grid{grid-template-columns:1fr!important}.tw-pricing-grid .tw-plan-card{min-height:auto!important}}

/* v0.8.0 Why Us page */
.tw-about-hero{background:linear-gradient(135deg,#fff 0%,#f4f5f7 58%,rgba(143,22,49,.055) 100%)!important}
.tw-about-hero h1{max-width:720px}.tw-about-hero p{max-width:780px}
.tw-about-services-section{background:rgba(255,255,255,.84)!important}
.tw-about-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:34px 0 46px}
.tw-about-service-card{position:relative;background:#fff;border:1px solid rgba(143,22,49,.13);border-radius:22px;padding:24px;min-height:170px;box-shadow:0 12px 30px rgba(17,19,21,.045);overflow:hidden}
.tw-about-service-card:after{content:"";position:absolute;inset:auto -35px -55px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(143,22,49,.12),transparent 68%)}
.tw-about-service-card b{display:block;color:var(--tw-primary);font-size:12px;letter-spacing:.08em;margin-bottom:18px}.tw-about-service-card h3{font-size:18px;line-height:1.5;margin:0 0 8px}.tw-about-service-card span{font-size:11px;color:#7c8086}
.tw-about-editor-content{margin-top:20px}
@media(max-width:1000px){.tw-about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tw-about-service-grid{grid-template-columns:1fr}.tw-about-service-card{min-height:140px}}
/* pricing badge refinement */
.tw-pricing-grid .tw-plan-card.is-featured:after{display:none!important}
.tw-pricing-grid .tw-plan-card .tw-plan-badge{position:absolute!important;top:-14px!important;left:50%!important;transform:translateX(-50%)!important;z-index:5!important;padding:6px 14px!important;font-size:10px!important;white-space:nowrap!important}

/* ==========================================================
   v0.8.1 — static neon partners / card payments / site canvas
   ========================================================== */
body.tantawy-host{
  background-color:#f6f7f9!important;
  background-image:url('../images/site-bg.svg')!important;
  background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:fixed!important;
}
body.tantawy-host.has-custom-site-bg{background-image:var(--tw-site-background-image)!important}
body.tantawy-host:before{opacity:.16!important}
.tw-section:not(.tw-video-hero):not(.tw-final-cta){background-color:rgba(255,255,255,.76)!important;backdrop-filter:blur(8px)}
.tw-pricing-section{background:linear-gradient(180deg,rgba(238,245,252,.90),rgba(248,250,253,.87))!important}
.tw-home-blog,.tw-faq-section,.tw-features-section,.tw-services,.tw-process-section,.tw-tech-section{background:rgba(255,255,255,.72)!important}

/* Partners are deliberately STATIC cards — no marquee/slider. */
.tw-partners-section{padding:64px 0 72px!important;background:rgba(255,255,255,.72)!important}
.tw-partners-head{margin-bottom:32px!important}
.tw-partners-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}
.tw-partner-card{
  min-height:132px;border-radius:22px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(145deg,rgba(21,23,26,.98),rgba(38,17,24,.96));
  border:1px solid rgba(255,56,92,.58);color:#fff;position:relative;overflow:hidden;
  box-shadow:0 0 0 1px rgba(143,22,49,.18),0 0 22px rgba(143,22,49,.28),0 18px 42px rgba(17,19,21,.12);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.tw-partner-card:before{content:"";position:absolute;inset:-45% -20%;background:radial-gradient(circle,rgba(255,50,86,.20),transparent 58%);opacity:.58;pointer-events:none}
.tw-partner-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 26px rgba(255,46,83,.08);pointer-events:none}
.tw-partner-card:hover{transform:translateY(-6px);border-color:rgba(255,70,104,.92);box-shadow:0 0 0 1px rgba(143,22,49,.22),0 0 34px rgba(143,22,49,.44),0 24px 46px rgba(17,19,21,.16)}
.tw-partner-card .tw-partner-logo{max-width:86%;max-height:62px;width:auto;height:auto;object-fit:contain;filter:none!important;opacity:1!important;position:relative;z-index:1}
.tw-partner-card span{font-size:11px;font-weight:800;color:rgba(255,255,255,.72);text-align:center;position:relative;z-index:1}
.tw-partners-viewport,.tw-partners-track,.tw-partners-track-css,.tw-partners-group{animation:none!important;transform:none!important}

/* Secure card payment strip */
.tw-payment-methods{margin:28px auto 0;max-width:920px;border:1px solid rgba(143,22,49,.14);background:rgba(255,255,255,.94);border-radius:18px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 14px 32px rgba(30,44,65,.06)}
.tw-payment-copy{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tw-payment-copy span{font-size:11px;font-weight:900;color:var(--tw-primary)}.tw-payment-copy strong{font-size:13px}.tw-payment-copy small{color:#7d8289;font-size:11px}
.tw-payment-brands{display:flex;align-items:center;gap:9px;direction:ltr}.tw-payment-brands>b{height:38px;min-width:62px;padding:0 12px;border:1px solid #e2e3e6;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-style:normal}
.tw-pay-visa{font-weight:900;font-style:italic!important;color:#142787;font-size:19px}.tw-pay-mastercard{gap:0!important;padding-inline:13px!important}.tw-pay-mastercard i{width:21px;height:21px;border-radius:50%;display:block;background:#eb001b}.tw-pay-mastercard i+i{background:#f79e1b;margin-left:-7px;mix-blend-mode:multiply}.tw-pay-paymob{font-size:13px;font-weight:900;color:#612a86}
.tw-plan-button.is-payment-unconfigured{opacity:.72}

@media(max-width:1100px){.tw-partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .tw-partners-section{padding:50px 0 56px!important}.tw-partners-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tw-partner-card{min-height:110px;border-radius:17px;padding:14px 9px}.tw-partner-card .tw-partner-logo{max-height:48px}.tw-partner-card span{font-size:9px}
 .tw-payment-methods{flex-direction:column;text-align:center;gap:13px;padding:15px}.tw-payment-copy{justify-content:center}.tw-payment-brands{justify-content:center;flex-wrap:wrap}
 body.tantawy-host{background-size:auto 100vh!important}
}