/* ══════════════════════════════════
   ایران طراح — استایل مشترک همه صفحات
   هر تغییر اینجا روی همه صفحات اثر می‌گذاره
══════════════════════════════════ */

/* ══ متغیرهای فونت ══ */
:root{
  --font-heading:'Sahel',sans-serif;
  --font-body:'Shabnam',sans-serif;
  --font-ui:'Sahel',sans-serif;
  --font-label:'Samim',sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:#f7f5f0;color:#1c1c1c;direction:rtl;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
button{font-family:var(--font-ui);cursor:pointer;border:none;background:none}
:root{
  --navy:#0e2a47;--navy2:#163a5f;--navy3:#1e4d7b;
  --cream:#f7f5f0;--cream2:#edeae2;--cream3:#e0dbd0;
  --gold:#c9a84c;--gold2:#b8923a;
  --white:#ffffff;--ink:#1c1c1c;--ink2:#3d3d3d;--ink3:#6b6b6b;
  --border:#ddd9cf;--border2:#ccc7bb;
  --green:#1a6b3a;--green-s:#d4edda;
  --shadow:0 2px 12px rgba(14,42,71,.08);
  --shadow-md:0 8px 32px rgba(14,42,71,.12);
  --shadow-lg:0 20px 60px rgba(14,42,71,.16)
}

/* ══ تیپوگرافی پایه ══ */
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}
p,li,td,th,label,input,textarea,select,span{font-family:inherit}

/* ══ DESKTOP NAV ══ */
.nav{
  position:fixed;top:0;width:100%;z-index:500;
  height:64px;
  background:#fff;
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;
  padding:0 2.5rem;
  justify-content:space-between;gap:1.5rem;
  transition:height .25s,box-shadow .25s,border-color .25s;
}
.nav.scrolled{
  height:54px;
  box-shadow:0 2px 16px rgba(14,42,71,.08);
  border-bottom-color:transparent;
}
img.nav-logo{height:28px;width:auto;display:block;transition:height .25s,opacity .2s}
.nav.scrolled img.nav-logo{height:22px}
.nav-logo img:hover{opacity:.8}
.nav-logo-fb{width:30px;height:30px;border-radius:8px;background:var(--navy);display:none;align-items:center;justify-content:center;font-weight:900;font-size:10px;color:var(--gold)}

/* nav links */
.nav-links{display:flex;gap:0;list-style:none;height:100%;align-items:stretch}
.nav-links li{position:relative;display:flex;align-items:stretch}
.nav-links li > a{
  font-size:13.5px;color:var(--ink2);font-weight:500;
  font-family:var(--font-ui);
  padding:0 13px;display:flex;align-items:center;gap:5px;
  position:relative;white-space:nowrap;transition:color .15s;
}
.nav-links li > a::after{
  content:'';position:absolute;bottom:0;right:13px;left:13px;
  height:2px;background:var(--navy);
  transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);
  border-radius:2px 2px 0 0;
}
.nav-links li > a:hover{color:var(--navy)}
.nav-links li > a:hover::after{transform:scaleX(1)}
.nav-links li.has-drop > a:hover::after{transform:scaleX(0)}
.nav-links li.has-drop > a:hover{background:var(--cream);border-radius:8px 8px 0 0}

.chev{width:12px;height:12px;display:flex;align-items:center;justify-content:center;opacity:.45;transition:transform .2s,opacity .2s;flex-shrink:0}
.nav-links li.has-drop:hover .chev{transform:rotate(180deg);opacity:.9}

.dropdown{
  visibility:hidden;opacity:0;pointer-events:none;
  position:absolute;top:100%;right:0;
  min-width:230px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:0 0 14px 14px;
  border-top:none;
  box-shadow:0 12px 40px rgba(14,42,71,.12),0 2px 8px rgba(14,42,71,.05);
  padding:6px 8px 10px;
  z-index:600;
  display:flex;flex-direction:column;gap:2px;
  transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
}
.nav-links li.has-drop:hover .dropdown{
  visibility:visible;opacity:1;pointer-events:auto;
  transform:translateY(0);
  transition:opacity .18s ease,transform .18s ease,visibility 0s;
}
.dropdown-label{
  font-size:10px;font-weight:700;color:var(--ink3);
  letter-spacing:2px;text-transform:uppercase;
  padding:8px 10px 5px;display:block;
}
.dropdown a{
  display:flex;align-items:center;gap:9px;
  padding:9px 10px;border-radius:9px;
  font-size:13px;font-weight:600;color:var(--ink2);
  transition:background .12s,color .12s;white-space:nowrap;
}
.dropdown a .d-icon{
  width:30px;height:30px;border-radius:7px;
  background:var(--cream2);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:background .12s;
}
.dropdown a:hover{background:var(--cream);color:var(--navy)}
.dropdown a:hover .d-icon{background:var(--cream3)}
.dropdown-divider{height:1px;background:var(--border);margin:4px 0}

.nav-sep{width:1px;height:28px;background:var(--border);align-self:center;margin:0 4px;flex-shrink:0}
.nav-end{display:flex;align-items:center;gap:8px}
.nav-portal{
  font-family:var(--font-ui);
  display:flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:8px;
  font-size:13px;font-weight:600;color:var(--ink2);
  border:1px solid var(--border);background:#fff;
  transition:all .15s;white-space:nowrap;
}
.nav-portal:hover{background:var(--cream);color:var(--navy);border-color:var(--border2)}
.nav-cta{
  background:var(--navy);color:#fff;
  padding:9px 18px;border-radius:8px;
  font-size:13px;font-weight:700;
  transition:all .2s;white-space:nowrap;
  display:flex;align-items:center;gap:7px;
}
.nav-cta:hover{background:var(--navy2);box-shadow:0 4px 14px rgba(14,42,71,.25)}
.nav-cta svg,.nav-portal svg{flex-shrink:0}

/* ══ MOBILE NAV ══ */
.mob-nav{
  display:none;
  position:fixed;top:0;left:0;right:0;
  width:100%;z-index:600;height:56px;
  background:#fff;border-bottom:1px solid var(--border);
  align-items:center;padding:0 1rem;
  justify-content:space-between;gap:.5rem;
  transition:box-shadow .25s,border-color .25s;
}
.mob-nav.scrolled{box-shadow:0 2px 12px rgba(14,42,71,.08);border-bottom-color:transparent}

.mob-logo img{height:30px;width:auto;display:block}
.mob-logo-fb{width:28px;height:28px;border-radius:7px;background:var(--navy);display:none;align-items:center;justify-content:center;font-weight:900;font-size:10px;color:var(--gold)}

.mob-nav-actions{display:flex;align-items:center;gap:6px}
.mob-btn-portal{
  display:flex;align-items:center;gap:4px;
  padding:6px 10px;border-radius:8px;
  font-size:11px;font-weight:600;color:var(--ink2);
  border:1px solid var(--border);background:#fff;
  white-space:nowrap;font-family:var(--font-body);
  transition:all .15s;text-decoration:none;
}
.mob-btn-portal:hover{background:var(--cream);color:var(--navy)}
.mob-btn-consult{
  display:flex;align-items:center;gap:4px;
  padding:6px 11px;border-radius:8px;
  font-size:11px;font-weight:700;
  background:var(--navy);color:#fff;
  white-space:nowrap;font-family:var(--font-body);
  border:none;cursor:pointer;text-decoration:none;
  transition:background .15s;
}
.mob-btn-consult:hover{background:var(--navy2)}

.mob-ham{
  width:38px;height:38px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  border-radius:9px;border:1px solid var(--border);
  background:#fff;cursor:pointer;flex-shrink:0;
  transition:background .15s;
}
.mob-ham span{width:17px;height:1.5px;background:var(--ink);border-radius:2px;display:block;transition:all .3s cubic-bezier(.4,0,.2,1)}
.mob-ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.mob-ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.mob-ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.mob-overlay{position:fixed;inset:0;z-index:699;background:rgba(10,20,40,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
.mob-overlay.open{opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s linear 0s}

.mob-menu,.mob-drawer{position:fixed;top:0;right:0;bottom:0;width:min(300px,85vw);background:#fff;z-index:700;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px rgba(0,0,0,.15);overflow:hidden}
.mob-menu.open,.mob-drawer.open{transform:translateX(0)}

.mob-menu-item{padding:.85rem 1.2rem;font-size:15px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;transition:background .15s}
.mob-menu-item:hover{background:var(--cream2);color:var(--navy)}
.mob-menu-item .arr{color:var(--ink3);font-size:14px}
.mob-menu-cta{background:var(--navy);color:var(--cream);padding:.95rem 1.2rem;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:background .15s}
.mob-menu-cta:hover{background:var(--navy2)}

.mob-menu-footer{
  margin-top:auto;
  border-top:1px solid var(--border);
  padding:1rem 1.2rem;
  background:var(--cream);
  display:flex;flex-direction:column;gap:.6rem;
}
.mob-menu-footer-row{display:flex;align-items:flex-start;gap:.5rem;font-size:12px;color:var(--ink3);line-height:1.5}
.mob-menu-footer-row svg{flex-shrink:0;margin-top:1px;color:var(--navy);opacity:.7}
.mob-menu-footer-row a{color:var(--ink3);text-decoration:none;transition:color .15s}
.mob-menu-footer-row a:hover{color:var(--navy)}

.mob-bottom{display:none;position:fixed;bottom:0;left:0;right:0;z-index:500;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:.5rem .3rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr)}
.mob-bottom a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;border-radius:9px;color:var(--ink3);font-size:10px;font-weight:600;transition:all .15s}
.mob-bottom a .mbi{font-size:18px;line-height:1.3}
.mob-bottom a.active,.mob-bottom a:hover{color:var(--navy)}
.mob-bottom a.active{background:rgba(14,42,71,.08)}
.mob-bottom a.mob-cta{background:var(--navy);color:var(--cream);border-radius:11px}

/* ══ WHATSAPP FLOATING BUTTON ══ */
/* دکمه اصلی — ثابت گوشه پایین راست */
.wa-fab-btn{
  position:fixed;
  bottom:24px;
  right:20px;
  width:50px;height:50px;
  border-radius:50%;
  background:#25d366;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  z-index:801;
  box-shadow:0 4px 18px rgba(37,211,102,.5), 0 2px 6px rgba(0,0,0,.12);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s;
  border:none;
  outline:none;
}
.wa-fab-btn:hover{
  transform:scale(1.1);
  box-shadow:0 6px 24px rgba(37,211,102,.6);
}
.wa-fab-btn svg{
  width:26px;height:26px;fill:#fff;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), opacity .2s;
}
.wa-fab-btn .icon-wa{position:absolute}
.wa-fab-btn .icon-close{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6)}
.wa-fab.open .wa-fab-btn .icon-wa{opacity:0;transform:rotate(90deg) scale(.6)}
.wa-fab.open .wa-fab-btn .icon-close{opacity:1;transform:rotate(0) scale(1)}

/* badge */
.wa-badge{
  position:absolute;
  top:-3px;right:-3px;
  width:18px;height:18px;
  background:#ef4444;
  border-radius:50%;
  border:2px solid #fff;
  display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:900;color:#fff;
  font-family:var(--font-body);
  animation:wa-badge-pop .4s cubic-bezier(.34,1.56,.64,1) .8s both;
}
@keyframes wa-badge-pop{from{transform:scale(0)}to{transform:scale(1)}}
.wa-fab.open .wa-badge{display:none}

/* tooltip */
.wa-tooltip{
  position:absolute;
  bottom:50%;right:calc(100% + 10px);
  transform:translateY(50%);
  background:rgba(15,30,50,.88);color:#fff;
  font-size:11px;font-weight:700;font-family:var(--font-body);
  padding:5px 10px;border-radius:7px;white-space:nowrap;
  pointer-events:none;opacity:0;transition:opacity .15s;
}
.wa-fab-btn:hover .wa-tooltip{opacity:1}
.wa-fab.open .wa-fab-btn .wa-tooltip{display:none}

/* پاپ‌اپ — ثابت گوشه پایین راست، بالای دکمه */
.wa-popup{
  position:fixed;
  bottom:84px;
  right:20px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 8px 40px rgba(0,0,0,.16), 0 2px 8px rgba(0,0,0,.08);
  width:280px;
  overflow:hidden;
  z-index:800;
  opacity:0;
  transform:translateY(10px) scale(.96);
  transform-origin:bottom right;
  transition:opacity .25s cubic-bezier(.4,0,.2,1), transform .25s cubic-bezier(.4,0,.2,1);
  visibility:hidden;
  pointer-events:none;
}
.wa-fab.open .wa-popup{
  opacity:1;
  transform:translateY(0) scale(1);
  visibility:visible;
  pointer-events:all;
}

/* Popup header */
.wa-popup-head{
  background:linear-gradient(135deg,#075e54 0%,#128c7e 100%);
  padding:16px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  direction:rtl;
}
.wa-popup-avatar{
  width:44px;height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.wa-popup-avatar svg{width:24px;height:24px;fill:#fff}
.wa-popup-info{}
.wa-popup-name{
  font-size:14px;font-weight:800;color:#fff;
  font-family:var(--font-body);line-height:1.2;
}
.wa-popup-status{
  font-size:11px;color:rgba(255,255,255,.75);
  font-family:var(--font-body);margin-top:2px;
  display:flex;align-items:center;gap:5px;
}
.wa-popup-dot{
  width:7px;height:7px;border-radius:50%;
  background:#4ade80;
  box-shadow:0 0 0 2px rgba(74,222,128,.3);
  animation:wa-online-pulse 2s ease-in-out infinite;
}
@keyframes wa-online-pulse{
  0%,100%{box-shadow:0 0 0 2px rgba(74,222,128,.3)}
  50%{box-shadow:0 0 0 5px rgba(74,222,128,.08)}
}

/* Chat bubble */
.wa-popup-body{
  padding:14px 16px;
  background:#e5ddd5;
  direction:rtl;
}
.wa-bubble{
  background:#fff;
  border-radius:12px 12px 12px 2px;
  padding:10px 14px;
  font-size:13px;line-height:1.6;
  color:#1c1c1c;
  font-family:var(--font-body);
  box-shadow:0 1px 2px rgba(0,0,0,.1);
  position:relative;
  display:inline-block;
  max-width:100%;
}
.wa-bubble-time{
  font-size:10px;color:#999;
  text-align:left;direction:ltr;
  margin-top:4px;
}

/* CTA */
.wa-popup-foot{
  padding:12px 16px;
  background:#fff;
  direction:rtl;
}
.wa-popup-cta{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:#25d366;
  color:#fff;
  padding:11px 16px;
  border-radius:10px;
  font-size:13px;font-weight:800;
  font-family:var(--font-body);
  text-decoration:none;
  width:100%;
  transition:background .15s, transform .15s, box-shadow .15s;
  box-shadow:0 4px 12px rgba(37,211,102,.35);
}
.wa-popup-cta:hover{
  background:#20c45e;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(37,211,102,.45);
}
.wa-popup-cta svg{width:17px;height:17px;fill:#fff;flex-shrink:0}

@media(max-width:600px){
  .wa-fab-btn{bottom:16px;right:14px;width:44px;height:44px}
  .wa-fab-btn svg{width:22px;height:22px}
  .wa-popup{bottom:74px;right:14px;width:calc(100vw - 28px);max-width:280px}
}

/* حالت اولیه — قبل از دیده شدن */
.reveal{
  opacity:0;
  transform:translateY(32px);
  transition:opacity .65s cubic-bezier(.4,0,.2,1), transform .65s cubic-bezier(.4,0,.2,1);
}
.reveal.revealed{
  opacity:1;
  transform:translateY(0);
}

.reveal-delay-1{transition-delay:.08s}
.reveal-delay-2{transition-delay:.16s}
.reveal-delay-3{transition-delay:.24s}
.reveal-delay-4{transition-delay:.32s}
.reveal-delay-5{transition-delay:.40s}
.reveal-delay-6{transition-delay:.48s}

.reveal-left{
  opacity:0;
  transform:translateX(28px);
  transition:opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1);
}
.reveal-left.revealed{opacity:1;transform:translateX(0)}

.reveal-right{
  opacity:0;
  transform:translateX(-28px);
  transition:opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1);
}
.reveal-right.revealed{opacity:1;transform:translateX(0)}

.reveal-scale{
  opacity:0;
  transform:scale(.96) translateY(20px);
  transition:opacity .55s cubic-bezier(.4,0,.2,1), transform .55s cubic-bezier(.4,0,.2,1);
}
.reveal-scale.revealed{opacity:1;transform:scale(1) translateY(0)}

.count-num{display:inline-block}

.sh.underline-anim{position:relative;display:inline-block}
.sh.underline-anim::after{
  content:'';position:absolute;bottom:-14px;right:0;
  height:2px;width:0;background:rgba(201,168,76,.35);border-radius:2px;
  transition:width .8s cubic-bezier(.4,0,.2,1) .3s;
}
.sh.underline-anim.revealed::after{width:100%}

.hstat-num.counting{color:var(--gold)}/* ══════════════════════════════════
   ایران طراح — استایل اختصاصی صفحه اصلی
══════════════════════════════════ */

/* ══ HERO ══ */
.hero{background:var(--navy);display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 96px);position:relative;overflow:hidden}
.hero-pattern{position:absolute;inset:0;opacity:.035;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);pointer-events:none}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:4rem 3rem;position:relative;z-index:1}
.hero-kicker{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;opacity:.85;font-family:var(--font-label)}

h1.hero-h1{
  font-family:var(--font-heading);
  font-size:clamp(26px,3.5vw,46px);
  font-weight:900;
  line-height:1.3;
  letter-spacing:0px;
  color:#fff;
  margin-bottom:1.4rem;
}
h1.hero-h1 .gold{color:var(--gold)}

h1.hero-h1 .brand-name{
  display:block;
  letter-spacing:8px;
  font-weight:900;
  color:var(--gold);
  font-size:clamp(28px,3.5vw,48px);
}
h1.hero-h1 .hero-tagline{
  display:block;
  font-family:var(--font-body);
  font-size:clamp(14px,1.5vw,18px);
  font-weight:300;
  letter-spacing:.5px;
  color:rgba(255,255,255,.5);
  margin-top:.8rem;
  line-height:1.6;
}

.hero-sub{font-family:var(--font-body);font-size:15.5px;color:rgba(255,255,255,.55);line-height:1.9;font-weight:300;margin-bottom:2.2rem;max-width:420px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:3rem}
.btn-gold{background:var(--gold);color:var(--navy);padding:13px 26px;border-radius:9px;font-size:14px;font-weight:800;font-family:var(--font-ui);transition:all .2s;display:inline-flex;align-items:center;gap:7px}
.btn-gold:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,168,76,.4)}
.btn-outline-light{background:transparent;color:rgba(255,255,255,.75);padding:13px 22px;border-radius:9px;font-size:14px;font-weight:600;font-family:var(--font-ui);border:1px solid rgba(255,255,255,.2);transition:all .2s}
.btn-outline-light:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.35)}
.hero-stats{display:flex;gap:2rem;flex-wrap:wrap}
.hstat-num{font-size:26px;font-weight:900;color:var(--gold);letter-spacing:-1px;line-height:1;font-family:var(--font-heading)}
.hstat-lbl{font-size:11px;color:rgba(255,255,255,.4);margin-top:3px;font-family:var(--font-label)}
.hstat-sep{width:1px;background:rgba(255,255,255,.1);align-self:stretch;margin:3px 0}
.hero-right{position:relative;overflow:hidden}
.seo-anim-outer{width:100%;height:100%;min-height:520px;background:linear-gradient(160deg,#0b1f38 0%,#0e2a47 60%,#122d4a 100%);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative;overflow:hidden}
.seo-anim-outer::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 70% 30%,rgba(201,168,76,.06) 0%,transparent 60%);pointer-events:none}
.g-wrap{background:#fff;border-radius:14px;overflow:hidden;width:100%;max-width:400px;box-shadow:0 24px 64px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3)}
.g-chrome{background:#f1f3f4;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e0e0e0}
.g-dots{display:flex;gap:5px}
.g-dots span{width:10px;height:10px;border-radius:50%;display:block}
.g-dots span:nth-child(1){background:#ff5f57}
.g-dots span:nth-child(2){background:#febc2e}
.g-dots span:nth-child(3){background:#28c840}
.g-urlbar{flex:1;background:#fff;border-radius:12px;padding:4px 12px;font-size:11px;color:#5f6368;direction:ltr;text-align:left;border:1px solid #e0e0e0}
.g-home{padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}
.g-logo{font-size:32px;font-weight:800;letter-spacing:-1px;direction:ltr}
.g-logo .bl{color:#4285f4}.g-logo .rd{color:#ea4335}.g-logo .yl{color:#fbbc05}.g-logo .gr{color:#34a853}
.g-sbar{width:100%;max-width:320px;border:1.5px solid #dfe1e5;border-radius:24px;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.1);transition:all .2s}
.g-sbar.focus{border-color:#1a73e8;box-shadow:0 1px 8px rgba(26,115,232,.2)}
.g-sicon{color:#9aa0a6;display:flex;flex-shrink:0}
.g-stext{flex:1;font-size:13px;color:#202124;font-family:var(--font-body);text-align:right;direction:rtl;min-height:18px;line-height:1.4}
.g-cursor{width:2px;height:14px;background:#1a73e8;display:inline-block;animation:cur-blink .8s step-end infinite;vertical-align:middle;margin-right:1px}
@keyframes cur-blink{0%,100%{opacity:1}50%{opacity:0}}
.g-cursor.off{display:none}
.g-btns{display:flex;gap:8px}
.g-btn{background:#f8f9fa;border:1px solid #f8f9fa;border-radius:4px;padding:7px 14px;font-size:12px;color:#3c4043;font-family:var(--font-body);cursor:default}
.g-loadbar{width:100%;height:3px;background:#e0e0e0;overflow:hidden;display:none}
.g-loadbar.show{display:block}
.g-loadfill{height:100%;background:#1a73e8;width:0;transition:width .15s linear}
.g-results{display:none;flex-direction:column}
.g-results.show{display:flex}
.g-res-topbar{background:#fff;padding:8px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e0e0e0}
.g-res-sbar{flex:1;border:1px solid #dfe1e5;border-radius:18px;padding:5px 12px;display:flex;align-items:center;gap:6px;font-size:12px;color:#202124;direction:rtl}
.g-count{font-size:10px;color:#70757a;padding:3px 12px}
.res-item{display:flex;align-items:flex-start;gap:8px;padding:7px 12px;transition:all .35s ease;opacity:0;transform:translateY(6px)}
.res-item.in{opacity:1;transform:translateY(0)}
.res-item.top{background:rgba(26,115,232,.05);border-radius:8px;margin:0 4px;padding:9px 10px}
.res-item.dim{opacity:.28}
.res-rank{width:18px;height:18px;border-radius:50%;background:#e8eaed;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#5f6368;flex-shrink:0;margin-top:2px;transition:all .3s;font-family:var(--font-body)}
.res-item.top .res-rank{background:#1a73e8;color:#fff}
.res-body{flex:1;min-width:0}
.res-url{font-size:10px;color:#202124;direction:ltr;text-align:left;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res-title{font-size:12px;color:#1a0dab;font-weight:600;margin-bottom:2px;line-height:1.3;font-family:var(--font-body);transition:all .3s}
.res-item.top .res-title{color:#1a73e8;font-weight:800;font-size:13px}
.res-desc{font-size:10px;color:#4d5156;line-height:1.5;font-family:var(--font-body)}
.g-callout{display:flex;align-items:center;gap:7px;margin:2px 12px 6px;opacity:0;transition:all .4s ease;transform:translateX(8px)}
.g-callout.show{opacity:1;transform:translateX(0)}
.call-dot{width:9px;height:9px;border-radius:50%;background:#c9a84c;animation:call-pulse 1.5s ease-in-out infinite;flex-shrink:0}
@keyframes call-pulse{0%,100%{box-shadow:0 0 0 0 rgba(201,168,76,.5)}50%{box-shadow:0 0 0 6px rgba(201,168,76,0)}}
.call-text{font-size:10px;font-weight:800;color:#fff;background:#c9a84c;padding:4px 10px;border-radius:16px;font-family:var(--font-body)}
.g-stats{display:flex;gap:5px;padding:5px 12px 10px;opacity:0;transition:opacity .4s}
.g-stats.show{opacity:1}
.g-chip{flex:1;background:#f8f9fa;border:1px solid #e8eaed;border-radius:14px;padding:5px 6px;text-align:center}
.g-chip-n{font-size:11px;font-weight:800;color:#1a73e8;display:block;font-family:var(--font-body)}
.g-chip-n.grn{color:#1e8e3e}
.g-chip-l{font-size:9px;color:#70757a;display:block;margin-top:1px;font-family:var(--font-body)}

.clients-bar{background:var(--white);border-bottom:1px solid var(--border);padding:1.3rem 2.5rem}
.clients-lbl{font-size:11px;font-weight:700;color:var(--ink3);letter-spacing:1.5px;text-transform:uppercase;text-align:center;margin-bottom:1rem}
.clients-row{display:flex;gap:2.5rem;align-items:center;justify-content:center;flex-wrap:wrap}
.clph{height:26px;padding:0 14px;background:var(--cream2);border-radius:5px;display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--ink3);border:1px solid var(--border);white-space:nowrap}

.portal-strip{background:rgba(14,42,71,.05);border-bottom:1px solid rgba(14,42,71,.1);padding:1rem 2.5rem}
.portal-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.portal-left{display:flex;align-items:center;gap:12px}
.portal-t{font-size:14px;font-weight:700;color:var(--navy);font-family:var(--font-ui)}
.portal-s{font-size:12px;color:var(--ink3);margin-top:1px}
.portal-btn{background:var(--navy);color:var(--cream);padding:9px 20px;border-radius:8px;font-size:13px;font-weight:700;transition:all .2s;white-space:nowrap;font-family:var(--font-ui)}
.portal-btn:hover{background:var(--navy2)}

.sw{background:var(--white)}.sc{background:var(--cream)}.sn{background:var(--navy)}
.sec{max-width:1100px;margin:0 auto;padding:5.5rem 2.5rem}
.sec-head{margin-bottom:3.2rem}
.sec-head--center{text-align:center}
.sec-head--center p.sl{margin-left:auto;margin-right:auto}
.sec-head--center .sec-eyebrow{margin-left:auto;margin-right:auto}
.sec-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  font-family:var(--font-label);
  color:var(--gold2);margin-bottom:1.1rem;
  padding:5px 12px 5px 10px;
  background:rgba(201,168,76,.08);
  border:1px solid rgba(201,168,76,.22);
  border-radius:100px;
}
.sec-eyebrow::before{
  content:'';width:5px;height:5px;border-radius:50%;
  background:var(--gold2);flex-shrink:0;
}
.sw .sec-eyebrow{background:rgba(201,168,76,.07)}
h2.sh{font-family:var(--font-heading);font-size:clamp(22px,2.8vw,34px);font-weight:900;letter-spacing:0px;color:var(--navy);margin-bottom:1.2rem;line-height:1.3}
.sn h2.sh{color:#fff}
p.sl{font-size:15px;color:var(--ink3);line-height:1.9;margin-bottom:0;max-width:520px;border-top:1px solid rgba(14,42,71,.08);margin-top:1.8rem;padding-top:1.6rem;opacity:.75}
.sw p.sl{border-top-color:rgba(14,42,71,.08)}
.sn p.sl{color:rgba(255,255,255,.45);border-top-color:rgba(255,255,255,.1);opacity:1}
.sv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;background:transparent;border:none;border-radius:0;overflow:visible}
.sv{background:var(--white);padding:2.2rem 2.3rem 2rem;transition:all .22s;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px}
.sv::before{content:'';position:absolute;top:0;right:0;width:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--navy3));transition:width .35s}
.sv:hover::before{width:100%}
.sv:hover{background:var(--cream);box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:rgba(14,42,71,.1)}
h3.sv-h{font-family:var(--font-heading);font-size:17px;font-weight:900;color:var(--navy);margin-bottom:.75rem;letter-spacing:0px}
p.sv-p{font-size:14px;color:var(--ink3);line-height:1.75}
.sv-chips{display:flex;gap:5px;margin-top:1rem;flex-wrap:wrap}
.chip{font-size:11px;padding:2px 9px;border-radius:100px;background:var(--cream2);color:var(--ink2);border:1px solid var(--border);font-weight:600;font-family:var(--font-label)}
.sv-more{display:inline-flex;align-items:center;gap:5px;margin-top:1.1rem;font-size:13px;font-weight:700;color:var(--navy);font-family:var(--font-ui);transition:gap .15s;border-bottom:1.5px solid rgba(14,42,71,.15);padding-bottom:1px}
.sv-more:hover{gap:9px;border-bottom-color:var(--navy)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.wcard{
  background:var(--white);border:1px solid var(--border);border-radius:16px;
  padding:1.8rem 1.7rem 1.6rem;transition:all .22s;
  position:relative;overflow:hidden;
}
.wcard::before{
  content:'';position:absolute;top:0;right:0;left:0;height:3px;
  background:linear-gradient(90deg,var(--navy),var(--navy3));
  transform:scaleX(0);transform-origin:right;transition:transform .3s ease;
}
.wcard:hover::before{transform:scaleX(1)}
.wcard:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:rgba(14,42,71,.12)}
.wcard-num{
  font-size:10px;font-weight:800;color:var(--gold2);letter-spacing:1.5px;
  margin-bottom:1rem;
  display:inline-block;padding:3px 9px;
  background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.2);
  border-radius:6px;font-family:var(--font-label);
}
h3.wcard-h{font-family:var(--font-heading);font-size:16px;font-weight:900;color:var(--navy);margin-bottom:.55rem;letter-spacing:0px}
p.wcard-p{font-size:13px;color:var(--ink3);line-height:1.7}
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.pcard{background:var(--white);border:1px solid var(--border);border-radius:13px;overflow:hidden;transition:all .22s}
.pcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.pcard.wide{grid-column:span 2}
.pcard-img{display:flex;align-items:center;justify-content:center;overflow:hidden}
.pi1{background:linear-gradient(135deg,#dbeafe,#e0e7ff);height:190px}
.pi2{background:linear-gradient(135deg,#d4edda,#cffafe);height:190px}
.pi3{background:linear-gradient(135deg,#fce7f3,#fef3c7);height:190px}
.pi4{background:linear-gradient(135deg,#fef3c7,#d4edda);height:155px}
.pi5{background:linear-gradient(135deg,#ede9fe,#fce7f3);height:155px}
.pcard-body{padding:1.1rem}
.ptag{display:inline-block;font-size:11px;padding:2px 9px;border-radius:100px;margin-bottom:6px;font-weight:700}
.pt-n{background:rgba(14,42,71,.08);color:var(--navy)}
.pt-g{background:var(--green-s);color:var(--green)}
.pt-go{background:rgba(201,168,76,.12);color:var(--gold2)}
.pcard-name{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:2px;letter-spacing:-.2px}
.pcard-sub{font-size:12px;color:var(--ink3)}
.pcard-result{display:inline-block;margin-top:.5rem;font-size:11px;font-weight:700;color:var(--green)}
/* ── Testimonial Slider ── */
.tslider-wrap{position:relative;overflow:hidden;direction:ltr}
.tslider{display:flex;transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform}
.ts-card{min-width:100%;flex-shrink:0;direction:rtl}
.tcard{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:1.8rem 2rem;transition:box-shadow .2s}
.tcard:hover{box-shadow:var(--shadow-md)}
.tcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.tav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}
.ta1{background:rgba(14,42,71,.1);color:var(--navy)}.ta2{background:var(--green-s);color:var(--green)}.ta3{background:rgba(201,168,76,.12);color:var(--gold2)}.ta4{background:#dbeafe;color:#1d4ed8}.ta5{background:#ede9fe;color:#6d28d9}.ta6{background:#fce7f3;color:#db2777}
.tstars{font-size:12px;letter-spacing:3px;color:var(--gold)}
.tcard-q{font-size:15px;color:var(--ink2);line-height:1.8;margin-bottom:1rem;font-weight:400}
.tcard-name{font-size:14px;font-weight:800;color:var(--navy)}
.tcard-role{font-size:12px;color:var(--ink3);margin-top:2px}
.tcard-res{display:inline-block;margin-top:.7rem;font-size:12px;font-weight:700;color:var(--green)}
/* slider controls */
.tslider-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.4rem}
.tsl-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border2);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy);transition:all .15s;font-family:var(--font-body)}
.tsl-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.tsl-dots{display:flex;gap:6px;align-items:center}
.tsl-dot{width:7px;height:7px;border-radius:50%;background:var(--border2);transition:all .2s;cursor:pointer;border:none;padding:0}
.tsl-dot.active{background:var(--navy);width:20px;border-radius:4px}
/* ── Blog cards ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.bcard{background:var(--white);border:1px solid var(--border);border-radius:13px;overflow:hidden;transition:all .22s}
.bcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.bcard-img{height:160px;display:flex;align-items:center;justify-content:center;font-size:36px}
.bi1{background:linear-gradient(135deg,#dbeafe,#e0e7ff)}
.bi2{background:linear-gradient(135deg,#d4edda,#cffafe)}
.bi3{background:linear-gradient(135deg,#fef3c7,#fce7f3)}
.bcard-body{padding:1.2rem}
.bcard-meta{display:flex;align-items:center;gap:8px;margin-bottom:.6rem}
.bcard-cat{font-size:10px;font-weight:700;padding:2px 9px;border-radius:100px;background:rgba(14,42,71,.07);color:var(--navy)}
.bcard-date{font-size:10px;color:var(--ink3)}
.bcard-title{font-size:14px;font-weight:800;color:var(--navy);line-height:1.45;margin-bottom:.4rem;letter-spacing:-.2px}
.bcard-excerpt{font-size:12px;color:var(--ink3);line-height:1.6}
.bcard-more{display:inline-flex;align-items:center;gap:4px;margin-top:.7rem;font-size:12px;font-weight:700;color:var(--navy);transition:gap .15s}
.bcard-more:hover{gap:7px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.tm{background:var(--cream2);border:1px solid var(--cream3);border-radius:13px;overflow:hidden;text-align:center;transition:all .2s}
.tm:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.tm-ph{width:100%;height:180px;background:linear-gradient(135deg,var(--navy2),var(--navy3));display:flex;align-items:center;justify-content:center;font-size:52px;color:rgba(255,255,255,.12)}
.tm-info{padding:.9rem 1rem}
.tm-name{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:2px}
.tm-role{font-size:12px;color:var(--ink3)}
.contact-wrap{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md)}
.cl-dark{background:var(--navy);padding:3rem;display:flex;flex-direction:column;gap:1.8rem}
.cl-dark h2{font-family:var(--font-heading);font-size:clamp(20px,2.5vw,30px);font-weight:900;letter-spacing:-1px;color:#fff;margin-bottom:.3rem}
.cl-dark p{font-size:14px;color:rgba(255,255,255,.45);line-height:1.75}
.cways{display:flex;flex-direction:column;gap:7px}
.cway{display:flex;align-items:center;gap:11px;padding:.8rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;transition:all .15s}
.cway:hover{background:rgba(255,255,255,.1)}
.cway-lbl{font-size:13px;font-weight:700;color:#fff}
.cway-val{font-size:11px;color:rgba(255,255,255,.4);margin-top:1px}
.cr{background:var(--white);padding:3rem}
.cr h3{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--navy);margin-bottom:.3rem;letter-spacing:-.4px}
.form-hint{font-size:13px;color:var(--ink3);margin-bottom:1.5rem}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.fg{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
label{font-size:12px;font-weight:700;color:var(--ink2);font-family:var(--font-label)}
input,select,textarea{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:9px;font-size:14px;font-family:var(--font-body);color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;direction:rtl}
input:focus,select:focus,textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(14,42,71,.08)}
textarea{resize:vertical;min-height:80px}
select{cursor:pointer}
.btn-submit{width:100%;background:var(--navy);color:var(--cream);padding:12px;border-radius:9px;font-size:14px;font-weight:800;border:none;cursor:pointer;font-family:var(--font-ui);transition:all .2s;margin-top:4px}
.btn-submit:hover{background:var(--navy2);box-shadow:0 4px 14px rgba(14,42,71,.3)}
.faq-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px}
details.faq{background:var(--white);border:1px solid var(--border);border-radius:11px;overflow:hidden;transition:border-color .15s}
details.faq[open]{border-color:var(--navy)}
details.faq summary{padding:.95rem 1.2rem;font-size:14px;font-weight:700;color:var(--navy);font-family:var(--font-ui);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none;user-select:none}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:'+';font-size:20px;font-weight:300;color:var(--ink3);flex-shrink:0;transition:transform .2s;line-height:1}
details.faq[open] summary::after{transform:rotate(45deg);color:var(--navy)}
.faq-a{padding:0 1.2rem .95rem;font-size:13px;color:var(--ink3);line-height:1.7}
.cta-band{background:var(--navy);padding:5rem 2.5rem;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.1),transparent 65%);transform:translate(-50%,-50%);pointer-events:none}
.cta-in{max-width:580px;margin:0 auto;position:relative;z-index:1}
.cta-in h2{font-family:var(--font-heading);font-size:clamp(22px,3.2vw,36px);font-weight:900;letter-spacing:0px;color:#fff;margin-bottom:.7rem;line-height:1.3}
.cta-in p{font-size:15px;color:rgba(255,255,255,.45);margin-bottom:2rem}
.cta-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn-cta-gold{background:var(--gold);color:var(--navy);padding:13px 28px;border-radius:9px;font-size:14px;font-weight:800;font-family:var(--font-ui);transition:all .2s}
.btn-cta-gold:hover{background:var(--gold2);transform:translateY(-1px)}
.btn-cta-ghost{background:transparent;color:rgba(255,255,255,.7);padding:13px 22px;border-radius:9px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all .2s}
.btn-cta-ghost:hover{background:rgba(255,255,255,.07)}
footer{background:var(--cream2);border-top:1px solid var(--border);padding:4rem 2.5rem 1.5rem}
.footer-in{max-width:1100px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem}
.fb-logo{display:flex;align-items:center;margin-bottom:.9rem}
.fb-logo img{height:30px;width:auto}
.fb-logo-fb{width:32px;height:32px;border-radius:8px;background:var(--navy);display:none;align-items:center;justify-content:center;font-weight:900;font-size:11px;color:var(--gold)}
.fb-desc{font-size:13px;color:var(--ink3);line-height:1.7;max-width:240px;margin-bottom:1rem}
.fb-socials{display:flex;gap:7px}
.fb-soc{width:32px;height:32px;border-radius:8px;background:var(--cream3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .15s;color:var(--ink2)}
.fb-soc:hover{background:var(--navy);color:var(--cream)}
.fc h4{font-size:11px;font-weight:700;color:var(--navy);margin-bottom:.9rem;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-label)}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.fc ul li a{color:var(--ink3);font-size:13px;transition:color .15s;font-family:var(--font-body)}
.fc ul li a:hover{color:var(--navy)}
.footer-bot{border-top:1px solid var(--border);padding-top:1.4rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-bot p{font-size:12px;color:var(--ink3)}
.fp-portal{font-size:12px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:5px;transition:color .15s}
.fp-portal:hover{color:var(--navy2)}

/* ══ BORDER ANIM ══ */
.res-border-anim{position:absolute;inset:0;border-radius:8px;pointer-events:none;border:2.5px solid transparent;transition:none}
.res-border-anim.draw{border-color:#1a73e8;animation:draw-border .6s ease forwards}
@keyframes draw-border{0%{clip-path:inset(0 100% 100% 0)}25%{clip-path:inset(0 0% 100% 0)}50%{clip-path:inset(0 0% 0% 0)}75%{clip-path:inset(0 0% 0% 0)}100%{clip-path:inset(0 0% 0% 0)}}
#r1{position:relative}
#r1.top{background:rgba(26,115,232,.06);border-radius:8px;margin:0 4px;padding:10px 10px 10px 10px}
#r1.top .res-rank{background:#1a73e8;color:#fff}
#r1.top .res-title{color:#1a73e8;font-weight:800;font-size:13px}

/* ══ DESKTOP MEDIA ══ */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr}
  .contact-wrap{grid-template-columns:1fr}
  .port-grid{grid-template-columns:1fr 1fr}
  .pcard.wide{grid-column:span 1}
  .why-grid{grid-template-columns:1fr 1fr}
  .seo-anim-outer{min-height:auto;padding:2.5rem 2rem;justify-content:center}
  .g-wrap{max-width:440px;margin:0 auto}
}

/* ══ MOBILE ══ */
@media(max-width:768px){
  main{padding-top:56px !important}
  .nav{display:none}
  .mob-nav{display:flex}
  .mob-bottom{display:none !important}
  body{padding-bottom:0}
  .hero{min-height:auto;grid-template-columns:1fr;margin-top:0}
  .hero-left{padding:2rem 1.2rem 1rem}

  h1.hero-h1{
    text-align:center !important;
    direction:rtl !important;
    width:100%;
    font-size:clamp(22px,6.5vw,30px);
    letter-spacing:0px;
    line-height:1.3;
  }

  h1.hero-h1 .brand-name{
    font-size:clamp(28px,8.5vw,42px);
    letter-spacing:4px;
    margin-top:.3rem;
    display:block;
  }

  .hero-sub{
    text-align:center;
    max-width:100%;
    font-size:14px;
  }
  .hero-actions{justify-content:center}
  .hero-stats{justify-content:center;gap:1.2rem}
  .clients-bar{padding:1.2rem 1rem}
  .portal-strip{padding:.9rem 1rem}
  .portal-inner{flex-direction:column;text-align:center}
  .sec{padding:3.5rem 1.2rem}
  h2.sh{font-size:clamp(18px,5.5vw,24px);letter-spacing:0px;line-height:1.3;margin-bottom:1rem}
  .sv-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .tgrid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}
  .faq-2col{grid-template-columns:1fr}
  .contact-wrap{grid-template-columns:1fr}
  .cl-dark{padding:2rem 1.2rem}
  .cr{padding:2rem 1.2rem}
  .frow{grid-template-columns:1fr}
  footer{padding:2.5rem 1.2rem 1.5rem}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-bot{flex-direction:column;text-align:center}
  .port-grid{grid-template-columns:1fr}
  .pcard.wide{grid-column:span 1}
  .cta-band{padding:3.5rem 1.2rem}
  .cta-btns{flex-direction:column;align-items:stretch}
  .btn-cta-gold,.btn-cta-ghost{text-align:center;justify-content:center}
  .seo-anim-outer{padding:0;min-height:auto}
  .g-wrap{max-width:100%;border-radius:0;box-shadow:none}
  .g-home{padding:16px 14px;gap:10px}
  .g-logo{font-size:26px}
  .g-sbar{max-width:100%;padding:7px 12px}
  .g-stext{font-size:12px}
  .g-btns{gap:6px}
  .g-btn{font-size:11px;padding:6px 10px}
  .g-res-topbar,.g-count,.res-item,.g-callout,.g-stats{font-size:11px}
  .res-title{font-size:11px}
  .res-desc{font-size:10px}
  .g-chip-n{font-size:11px}
  .g-chip-l{font-size:9px}

  /* واتساپ فب مخفی وقتی منو موبایل بازه */
  body.mob-menu-open .wa-fab{
    opacity:0;
    pointer-events:none;
    visibility:hidden;
  }
}

@media(max-width:480px){
  h1.hero-h1 .brand-name{
    font-size:clamp(28px,8.5vw,38px);
    letter-spacing:4px;
  }
  .hero-actions{flex-direction:column}
  .btn-gold,.btn-outline-light{justify-content:center;text-align:center}
  .why-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
}

/* ══════════════════════════════════
   ABOUT PAGE — درباره ما
══════════════════════════════════ */

/* Hero */
.about-hero{
  background:var(--navy);
  padding:7rem 2.5rem 5rem;
  position:relative;
  overflow:hidden;
  margin-top:0
}
.about-hero::before{
  content:'';position:absolute;inset:0;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);
  opacity:.03;pointer-events:none;
}
.about-hero-inner{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}
.about-hero-h1{font-family:var(--font-heading);font-size:clamp(22px,4vw,40px);font-weight:900;letter-spacing:0px;color:#fff;line-height:1.3;margin-bottom:1.4rem}
.about-hero-h1 .gold{color:var(--gold)}
.about-hero-sub{font-size:15px;color:rgba(255,255,255,.5);line-height:1.9;font-weight:300;margin-top:.8rem}

/* آمار */
.about-stats-wrap{padding-top:3.5rem;padding-bottom:3.5rem}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.about-stat{background:#fff;padding:2rem 1.5rem;text-align:center}
.about-stat-num{font-family:var(--font-heading);font-size:clamp(32px,4vw,48px);font-weight:900;color:var(--navy);letter-spacing:-2px;line-height:1;margin-bottom:.4rem}
.about-stat-lbl{font-size:13px;font-weight:800;color:var(--navy);margin-bottom:.3rem}
.about-stat-desc{font-size:11px;color:var(--ink3);line-height:1.5}

/* داستان شرکت */
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.about-story-p{font-size:15px;color:var(--ink2);line-height:1.85;margin-bottom:1rem}
.about-story-p strong{color:var(--navy);font-weight:700}

/* تایم‌لاین */
.about-timeline{display:flex;flex-direction:column;gap:0;padding-right:1rem;border-right:2px solid var(--border)}
.abtl-item{display:grid;grid-template-columns:52px 16px 1fr;align-items:center;gap:1rem;padding:.9rem 0;position:relative}
.abtl-year{font-size:12px;font-weight:800;color:var(--gold2);text-align:left;direction:ltr}
.abtl-dot{width:12px;height:12px;border-radius:50%;background:var(--border2);border:2px solid #fff;box-shadow:0 0 0 2px var(--border2);flex-shrink:0;margin-right:-7px;position:relative;z-index:1}
.abtl-dot--active{background:var(--navy);box-shadow:0 0 0 3px rgba(14,42,71,.2)}
.abtl-text{font-size:13px;color:var(--ink2);line-height:1.5}

/* ارزش‌ها */
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.about-value{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:1.8rem 1.6rem;transition:all .2s}
.about-value:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:rgba(14,42,71,.15)}
.about-value-icon{font-size:28px;margin-bottom:.8rem}
.about-value h3{font-family:var(--font-heading);font-size:15px;font-weight:800;color:var(--navy);margin-bottom:.4rem;letter-spacing:-.3px}
.about-value p{font-size:13px;color:var(--ink3);line-height:1.65}

/* Responsive */
@media(max-width:1024px){
  .about-stats{grid-template-columns:repeat(2,1fr)}
  .about-story{grid-template-columns:1fr;gap:2.5rem}
  .about-values{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .about-hero{padding:5rem 1.2rem 3rem;margin-top:0}
  .about-stats{grid-template-columns:repeat(2,1fr)}
  .about-values{grid-template-columns:1fr}
  .about-timeline{padding-right:.5rem}
  .abtl-item{grid-template-columns:44px 14px 1fr;gap:.6rem}
}
@media(max-width:480px){
  .about-stats{grid-template-columns:1fr 1fr}
}


/* ══════════════════════════════════
   CONTACT PAGE — تماس با ما
══════════════════════════════════ */

.contact-hero{
  background:var(--navy);padding:7rem 2.5rem 5rem;
  position:relative;overflow:hidden;margin-top:0
}
.contact-hero::before{
  content:'';position:absolute;inset:0;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);
  opacity:.03;pointer-events:none;
}
.contact-hero-inner{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:1}
.contact-hero-h1{font-family:var(--font-heading);font-size:clamp(20px,3.5vw,38px);font-weight:900;letter-spacing:0px;color:#fff;line-height:1.3;margin-bottom:1.3rem}
.contact-hero-h1 .gold{color:var(--gold)}
.contact-hero-sub{font-size:15px;color:rgba(255,255,255,.5);line-height:1.9;font-weight:300;margin-top:.8rem}

.contact-page-wrap{display:flex;flex-direction:column;gap:3rem;padding-top:4rem;padding-bottom:4rem}

/* کارت‌های تماس */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.contact-card{
  background:#fff;border:1px solid var(--border);border-radius:13px;
  padding:1.4rem 1.2rem;display:flex;align-items:center;gap:1rem;
  transition:all .2s;text-decoration:none;color:inherit;
}
.contact-card:not(.contact-card--plain):hover{
  box-shadow:var(--shadow-md);transform:translateY(-2px);
  border-color:rgba(14,42,71,.15);
}
.contact-card--plain{cursor:default}
.contact-card-icon{
  width:48px;height:48px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.contact-card-body{flex:1;min-width:0}
.contact-card-title{font-size:11px;font-weight:700;color:var(--ink3);letter-spacing:.5px;margin-bottom:3px}
.contact-card-val{font-size:14px;font-weight:800;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-card-hint{font-size:11px;color:var(--ink3);margin-top:2px}
.contact-card-arrow{font-size:16px;color:var(--border2);flex-shrink:0;transition:color .15s,transform .15s}
.contact-card:not(.contact-card--plain):hover .contact-card-arrow{color:var(--navy);transform:translateX(-4px)}

/* فرم */
.contact-form-wrap{
  background:#fff;border:1px solid var(--border);
  border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow-md);
}
.contact-form-header{
  background:var(--navy);padding:2rem 2.5rem;
}
.contact-form-header h2{font-family:var(--font-heading);font-size:20px;font-weight:800;color:#fff;margin-bottom:.3rem;letter-spacing:-.4px}
.contact-form-header p{font-size:13px;color:rgba(255,255,255,.5)}
.contact-form{padding:2rem 2.5rem}

/* Responsive */
@media(max-width:1024px){
  .contact-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .contact-hero{padding:5rem 1.2rem 3rem;margin-top:0}
  .contact-cards{grid-template-columns:1fr}
  .contact-form-header{padding:1.5rem 1.2rem}
  .contact-form{padding:1.5rem 1.2rem}
  .frow{grid-template-columns:1fr}
}

/* Google Map */
.contact-map{
  border-radius:16px;overflow:hidden;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}


/* ══════════════════════════════════
   FAQ PAGE — سوالات متداول
══════════════════════════════════ */

.faq-hero{
  background:var(--navy);padding:6rem 2.5rem 4rem;
  position:relative;overflow:hidden;
}
.faq-hero::before{
  content:'';position:absolute;inset:0;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);
  opacity:.03;pointer-events:none;
}
.faq-hero-inner{max-width:620px;margin:0 auto;text-align:center;position:relative;z-index:1}
.faq-hero-h1{font-family:var(--font-heading);font-size:clamp(20px,3.5vw,38px);font-weight:900;letter-spacing:0px;color:#fff;line-height:1.3;margin-bottom:1.3rem}
.faq-hero-h1 .gold{color:var(--gold)}
.faq-hero-sub{font-size:15px;color:rgba(255,255,255,.5);line-height:1.9;margin-bottom:1.8rem;margin-top:.8rem}

/* سرچ */
.faq-search{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;padding:12px 16px;
  max-width:440px;margin:0 auto;
  transition:background .2s,border-color .2s;
}
.faq-search:focus-within{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3)}
.faq-search svg{color:rgba(255,255,255,.5);flex-shrink:0}
.faq-search input{
  background:none;border:none;outline:none;
  font-family:var(--font-body);font-size:14px;
  color:#fff;width:100%;direction:rtl;
}
.faq-search input::placeholder{color:rgba(255,255,255,.4)}

/* layout */
.faq-page-wrap{padding-top:3.5rem;padding-bottom:3.5rem}

/* دسته‌بندی */
.faq-cats{
  display:flex;gap:8px;flex-wrap:wrap;
  margin-bottom:2.5rem;
}
.faq-cat{
  padding:7px 16px;border-radius:100px;font-size:13px;font-weight:700;
  border:1.5px solid var(--border2);background:#fff;color:var(--ink2);
  cursor:pointer;font-family:var(--font-body);
  transition:all .15s;
}
.faq-cat:hover{border-color:var(--navy);color:var(--navy)}
.faq-cat.active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* گروه سوالات */
.faq-group{margin-bottom:2.5rem}
.faq-group[style*="none"]{display:none}
.faq-group-label{
  font-size:11px;font-weight:700;color:var(--gold2);
  letter-spacing:2px;text-transform:uppercase;
  margin-bottom:1rem;padding-bottom:.6rem;
  border-bottom:1px solid var(--border);
}

/* آیتم accordion */
.faq-item{
  background:#fff;border:1px solid var(--border);
  border-radius:12px;overflow:hidden;
  margin-bottom:8px;transition:border-color .15s;
}
.faq-item[open]{border-color:var(--navy)}
.faq-item[style*="none"]{display:none}

.faq-item summary{
  padding:1rem 1.3rem;font-size:15px;font-weight:700;
  color:var(--navy);cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;list-style:none;user-select:none;
  transition:background .15s;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:'+';font-size:22px;font-weight:300;
  color:var(--ink3);flex-shrink:0;
  transition:transform .2s,color .2s;line-height:1;
}
.faq-item[open] summary{background:var(--cream)}
.faq-item[open] summary::after{transform:rotate(45deg);color:var(--navy)}
.faq-item summary:hover{background:var(--cream)}

.faq-ans{
  padding:.2rem 1.3rem 1.1rem;
  font-size:14px;color:var(--ink2);line-height:1.8;
  border-top:1px solid var(--border);
}

/* empty state */
.faq-empty{text-align:center;padding:3rem;color:var(--ink3)}
.faq-empty-icon{font-size:36px;margin-bottom:.8rem}
.faq-empty-text{font-size:15px;font-weight:600}

/* Responsive */
@media(max-width:768px){
  .faq-hero{padding:4.5rem 1.2rem 3rem}
  .faq-cats{gap:6px}
  .faq-cat{font-size:12px;padding:6px 12px}
  .faq-item summary{font-size:14px;padding:.9rem 1rem}
  .faq-ans{padding:.2rem 1rem 1rem;font-size:13px}
}


/* ══════════════════════════════════
   BLOG — وبلاگ و مقالات
══════════════════════════════════ */

/* Hero */
.blog-hero{background:var(--navy);padding:6rem 2.5rem 4rem;position:relative;overflow:hidden}
.blog-hero::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);opacity:.03;pointer-events:none}
.blog-hero-inner{max-width:620px;margin:0 auto;text-align:center;position:relative;z-index:1}
.blog-hero-h1{font-family:var(--font-heading);font-size:clamp(20px,3.5vw,38px);font-weight:900;letter-spacing:0px;color:#fff;line-height:1.3;margin-bottom:1.3rem}
.blog-hero-h1 .gold{color:var(--gold)}
.blog-hero-sub{font-size:15px;color:rgba(255,255,255,.5);line-height:1.9;margin-top:.8rem}

/* layout */
.blog-page-wrap{padding-top:3.5rem;padding-bottom:3.5rem}

/* دسته‌بندی */
.blog-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2.5rem}
.blog-cat{padding:7px 16px;border-radius:100px;font-size:13px;font-weight:700;border:1.5px solid var(--border2);background:#fff;color:var(--ink2);transition:all .15s;text-decoration:none}
.blog-cat:hover,.blog-cat.active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* تگ‌ها */
.blog-tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px}
.blog-tag--seo{background:rgba(14,42,71,.08);color:var(--navy)}
.blog-tag--design{background:var(--green-s);color:var(--green)}
.blog-tag--host{background:rgba(201,168,76,.12);color:var(--gold2)}
.blog-tag--marketing{background:#ede9fe;color:#6d28d9}
.blog-date{font-size:11px;color:var(--ink3)}
.blog-read{font-size:11px;color:var(--ink3)}

/* مقاله ویژه */
.blog-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;margin-bottom:2.5rem;transition:box-shadow .2s}
.blog-featured:hover{box-shadow:var(--shadow-lg)}
.blog-featured-img{display:block;height:100%;min-height:280px}
.blog-featured-img-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.blog-featured-emoji{font-size:80px}
.blog-featured-body{padding:2.5rem 2.5rem 2.5rem 0}
.blog-featured-meta{display:flex;align-items:center;gap:10px;margin-bottom:1rem}
.blog-featured-title{font-family:var(--font-heading);font-size:clamp(18px,2vw,26px);font-weight:900;color:var(--navy);line-height:1.25;letter-spacing:-.5px;margin-bottom:1rem}
.blog-featured-title a{color:inherit;transition:color .15s}
.blog-featured-title a:hover{color:var(--navy2)}
.blog-featured-excerpt{font-size:14px;color:var(--ink2);line-height:1.8;margin-bottom:1.2rem}
.blog-featured-more{font-size:13px;font-weight:700;color:var(--navy);transition:gap .15s;display:inline-flex;gap:4px;align-items:center}
.blog-featured-more:hover{gap:8px}

/* گرید مقالات */
.blog-grid-main{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2.5rem}
.blog-card{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;transition:all .22s}
.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.blog-card-img{height:160px;display:flex;align-items:center;justify-content:center;font-size:42px;text-decoration:none}
.blog-card-body{padding:1.2rem}
.blog-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:.6rem}
.blog-card-title{font-family:var(--font-heading);font-size:15px;font-weight:800;color:var(--navy);line-height:1.4;margin-bottom:.5rem;letter-spacing:-.3px}
.blog-card-title a{color:inherit;transition:color .15s}
.blog-card-title a:hover{color:var(--navy2)}
.blog-card-excerpt{font-size:12px;color:var(--ink3);line-height:1.65;margin-bottom:.8rem}
.blog-card-footer{display:flex;align-items:center;justify-content:space-between}
.blog-card-more{font-size:12px;font-weight:700;color:var(--navy);transition:gap .15s;display:inline-flex;gap:3px}
.blog-card-more:hover{gap:6px}

/* صفحه‌بندی */
.blog-pagination{display:flex;align-items:center;gap:6px;justify-content:center}
.blog-page{width:36px;height:36px;border-radius:9px;border:1.5px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink2);text-decoration:none;transition:all .15s}
.blog-page:hover,.blog-page--active{background:var(--navy);color:#fff;border-color:var(--navy)}
.blog-page--next{width:auto;padding:0 14px}
.blog-page-sep{color:var(--ink3);font-size:13px}

/* ══ صفحه مقاله ══ */
.article-layout{max-width:1100px;margin:0 auto;padding:3rem 2.5rem;display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}

.article-header{margin-bottom:2rem}
.article-cats{margin-bottom:1rem}
.article-title{font-size:clamp(24px,3.5vw,40px);font-weight:900;color:var(--navy);line-height:1.2;letter-spacing:-1.5px;margin:1rem 0}
.article-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.9rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.5rem}
.article-author{display:flex;align-items:center;gap:10px}
.article-author-avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}
.article-author-name{font-size:13px;font-weight:700;color:var(--navy)}
.article-author-role{font-size:11px;color:var(--ink3)}
.article-meta-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink3)}
.article-meta-sep{color:var(--border2)}
.article-cover{height:320px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:80px}

/* بدنه مقاله */
.article-body{font-size:16px;color:var(--ink2);line-height:1.9}
.article-lead{font-size:18px;color:var(--ink);font-weight:500;line-height:1.75;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}
.article-body h2{font-family:var(--font-heading);font-size:23px;font-weight:900;color:var(--navy);margin:2.5rem 0 1rem;letter-spacing:-.6px}
.article-body p{margin-bottom:1.2rem}
.article-body ul{margin:.8rem 0 1.2rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}
.article-body li{line-height:1.7}
.article-body strong{color:var(--navy);font-weight:700}

.article-callout{display:flex;gap:12px;background:rgba(14,42,71,.05);border:1px solid rgba(14,42,71,.1);border-radius:12px;padding:1.2rem 1.4rem;margin:1.5rem 0;font-size:14px;line-height:1.7}
.article-callout--warning{background:rgba(201,168,76,.08);border-color:rgba(201,168,76,.2)}
.article-callout--success{background:rgba(26,107,58,.06);border-color:rgba(26,107,58,.15)}
.article-callout-icon{font-size:20px;flex-shrink:0;margin-top:1px}

/* تگ‌ها */
.article-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.article-tag-label{font-size:12px;font-weight:700;color:var(--ink3)}
.article-tag{font-size:12px;padding:4px 12px;border-radius:100px;background:var(--cream2);border:1px solid var(--border);color:var(--ink2);transition:all .15s}
.article-tag:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* مرتبط */
.article-related{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}
.article-related-title{font-size:18px;font-weight:900;color:var(--navy);margin-bottom:1.2rem;letter-spacing:-.3px}
.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.article-related-card{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;transition:all .2s;text-decoration:none}
.article-related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.article-related-img{height:100px;display:flex;align-items:center;justify-content:center;font-size:32px}
.article-related-body{padding:.8rem}
.article-related-card-title{font-size:13px;font-weight:700;color:var(--navy);margin-top:.4rem;line-height:1.4}

/* سایدبار */
.article-sidebar{display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:84px}
.sidebar-box{background:#fff;border:1px solid var(--border);border-radius:13px;padding:1.4rem}
.sidebar-box--cta{background:var(--navy);border-color:var(--navy);text-align:center}
.sidebar-box--cta .sidebar-box-icon{font-size:32px;margin-bottom:.6rem}
.sidebar-box--cta h3{font-family:var(--font-heading);font-size:15px;font-weight:800;color:#fff;margin-bottom:.5rem}
.sidebar-box--cta p{font-size:12px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:1rem}
.sidebar-box-title{font-size:13px;font-weight:800;color:var(--navy);margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}
.sidebar-cats{list-style:none;display:flex;flex-direction:column;gap:4px}
.sidebar-cats li a{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;border-radius:8px;font-size:13px;color:var(--ink2);transition:all .15s}
.sidebar-cats li a:hover{background:var(--cream);color:var(--navy)}
.sidebar-cats li a span{font-size:11px;background:var(--cream2);border-radius:100px;padding:1px 7px;color:var(--ink3)}
.sidebar-posts{display:flex;flex-direction:column;gap:10px}
.sidebar-post{display:flex;gap:10px;align-items:center;text-decoration:none;padding:.4rem .3rem;border-radius:8px;transition:background .15s}
.sidebar-post:hover{background:var(--cream)}
.sidebar-post-img{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.sidebar-post-title{font-size:12px;font-weight:600;color:var(--navy);line-height:1.4}

/* Responsive */
@media(max-width:1024px){
  .blog-grid-main{grid-template-columns:repeat(2,1fr)}
  .article-layout{grid-template-columns:1fr;gap:2rem}
  .article-sidebar{position:static}
  .article-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .blog-hero{padding:4.5rem 1.2rem 3rem}
  .blog-featured{grid-template-columns:1fr}
  .blog-featured-img{min-height:200px}
  .blog-featured-body{padding:1.5rem}
  .blog-grid-main{grid-template-columns:1fr}
  .article-layout{padding:2rem 1.2rem}
  .article-cover{height:200px;font-size:52px}
  .article-related-grid{grid-template-columns:1fr}
  .article-body{font-size:15px}
  .article-lead{font-size:16px}
}

/* ══════════════════════════════════
   صفحه سئو — استایل اختصاصی
══════════════════════════════════ */

/* HERO */
.seo-pg-hero{background:var(--navy);position:relative;overflow:hidden;padding-top:64px}
.seo-pg-hero-inner{max-width:1100px;margin:0 auto;padding:4rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.seo-pg-h1{font-family:var(--font-heading);font-size:clamp(22px,3.2vw,38px);font-weight:900;color:#fff;line-height:1.3;letter-spacing:0px;margin:1.2rem 0 1.4rem}
.seo-pg-h1-accent{color:var(--gold);display:block}
.seo-pg-sub{font-size:16px;color:rgba(255,255,255,.55);line-height:1.85;font-weight:300;margin-bottom:2rem;max-width:440px}
.seo-pg-hero-text{}

/* rank card */
.seo-pg-hero-visual{display:flex;justify-content:center;align-items:center}
.seo-pg-rank-card{background:#fff;border-radius:14px;overflow:hidden;width:100%;max-width:420px;box-shadow:0 32px 80px rgba(0,0,0,.4)}
.seo-pg-rank-head{background:var(--navy2);padding:.9rem 1.2rem;display:flex;flex-direction:column;gap:3px}
.seo-pg-rank-label{font-size:10px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:1.5px;text-transform:uppercase}
.seo-pg-rank-kw{font-size:13px;font-weight:800;color:#fff}
.seo-pg-rank-rows{display:flex;flex-direction:column}
.seo-pg-rank-row{display:flex;align-items:center;gap:10px;padding:.8rem 1.2rem;border-bottom:1px solid var(--border)}
.seo-pg-rank-row--you{background:rgba(26,107,58,.06);border-right:3px solid var(--green)}
.seo-pg-rank-row--dim{opacity:.45}
.seo-pg-rank-pos{width:24px;height:24px;border-radius:50%;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--ink2);flex-shrink:0}
.seo-pg-rank-row--you .seo-pg-rank-pos{background:var(--green);color:#fff}
.seo-pg-rank-info{flex:1;min-width:0}
.seo-pg-rank-site{font-size:12px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seo-pg-rank-meta{font-size:10px;color:var(--ink3);margin-top:1px}
.seo-pg-rank-row--you .seo-pg-rank-meta{color:var(--green);font-weight:700}
.seo-pg-rank-badge{font-size:10px;font-weight:800;background:var(--green);color:#fff;padding:2px 8px;border-radius:100px;flex-shrink:0}
.seo-pg-rank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.seo-pg-rank-stat{background:#fff;padding:.8rem .6rem;text-align:center;display:flex;flex-direction:column;gap:3px}
.seo-pg-rank-stat-num{font-size:13px;font-weight:900;color:var(--navy)}
.seo-pg-rank-stat span:last-child{font-size:10px;color:var(--ink3);line-height:1.3}

/* چرا سئو */
.seo-pg-why{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.seo-pg-why-stats{display:flex;flex-direction:column;gap:1rem}
.seo-pg-why-stat{background:var(--cream2);border:1px solid var(--border);border-radius:13px;padding:1.4rem 1.6rem;display:flex;align-items:center;gap:1.2rem}
.seo-pg-why-stat-num{font-family:var(--font-heading);font-size:28px;font-weight:900;color:var(--navy);letter-spacing:-1px;flex-shrink:0;min-width:70px}
.seo-pg-why-stat-lbl{font-size:13px;color:var(--ink2);line-height:1.5}

/* خدمات */
.seo-pg-services{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.seo-pg-service{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.8rem 1.6rem;transition:all .22s}
.seo-pg-service:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:rgba(14,42,71,.15)}
.seo-pg-service-icon{font-size:32px;margin-bottom:.9rem}
.seo-pg-service h3{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--navy);margin-bottom:.5rem}
.seo-pg-service p{font-size:13px;color:var(--ink3);line-height:1.7;margin-bottom:1rem}

/* برای چه کسایی */
.seo-pg-for-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.seo-pg-for{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.8rem 1.6rem;transition:all .22s}
.seo-pg-for:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.seo-pg-for--mid{background:var(--navy);border-color:var(--navy)}
.seo-pg-for--mid h3{color:#fff}
.seo-pg-for--mid p{color:rgba(255,255,255,.55)}
.seo-pg-for--mid .wd-type-list li{color:rgba(255,255,255,.7)}
.seo-pg-for--mid .wd-type-list li::before{color:var(--gold)}
.seo-pg-for-icon{font-size:32px;margin-bottom:.9rem}
.seo-pg-for h3{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--navy);margin-bottom:.5rem}
.seo-pg-for p{font-size:13px;color:var(--ink3);line-height:1.7;margin-bottom:1rem}

/* فرآیند */
.seo-pg-process{display:flex;flex-direction:column;gap:0;margin-top:2.5rem;max-width:700px;margin-right:auto;margin-left:auto}
.seo-pg-proc-step{display:grid;grid-template-columns:48px 24px 1fr;gap:1rem;align-items:start;padding-bottom:2rem;position:relative}
.seo-pg-proc-num{width:48px;height:48px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}
.seo-pg-proc-line{width:2px;background:var(--border);align-self:stretch;margin:0 auto;margin-top:4px}
.seo-pg-proc-line--hidden{background:transparent}
.seo-pg-proc-body{padding-top:.6rem}
.seo-pg-proc-body h3{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--navy);margin-bottom:.4rem}
.seo-pg-proc-body p{font-size:14px;color:var(--ink2);line-height:1.75;margin-bottom:.7rem}

/* نتایج */
.seo-pg-results{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}

/* ══ کارت‌های کلمات کلیدی ══ */
.seo-kw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.seo-kw-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .22s}
.seo-kw-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:rgba(14,42,71,.12)}
.seo-kw-card-head{padding:1.2rem 1.3rem 1rem;border-bottom:1px solid var(--border);background:var(--cream)}
.seo-kw-tag{display:inline-block;font-size:10px;font-weight:700;font-family:var(--font-label);letter-spacing:1.5px;text-transform:uppercase;color:var(--ink2);background:var(--cream2);border:1px solid var(--border);padding:2px 9px;border-radius:100px;margin-bottom:.5rem}
.seo-kw-tag--green{color:var(--green);background:var(--green-s);border-color:rgba(26,107,58,.2)}
.seo-kw-title{font-family:var(--font-heading);font-size:15px;font-weight:900;color:var(--navy);line-height:1.3;margin-bottom:.2rem}
.seo-kw-period{font-size:11px;color:var(--ink3);font-family:var(--font-label)}
.seo-kw-list{padding:.8rem .5rem;flex:1;display:flex;flex-direction:column;gap:2px}
.seo-kw-row{display:flex;align-items:center;gap:.8rem;padding:.55rem .8rem;border-radius:8px;transition:background .15s}
.seo-kw-row:hover{background:var(--cream)}
.seo-kw-rank{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:12px;font-weight:900;flex-shrink:0}
.seo-kw-rank--1{background:var(--gold);color:var(--navy)}
.seo-kw-rank--2{background:var(--cream2);color:var(--ink2);border:1px solid var(--border)}
.seo-kw-rank--3{background:var(--cream2);color:var(--ink3);border:1px solid var(--border)}
.seo-kw-word{font-size:13px;color:var(--ink);font-family:var(--font-body);line-height:1.4}
.seo-kw-footer{padding:.9rem 1.3rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--cream)}
.seo-kw-total{font-size:11px;color:var(--ink3);font-family:var(--font-label)}
.seo-kw-growth{font-size:12px;font-weight:800;font-family:var(--font-heading);color:var(--green)}
@media(max-width:1024px){.seo-kw-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.seo-kw-grid{grid-template-columns:1fr}}

/* ══ کارت‌های نتایج جدید ══ */
.seo-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.seo-rcard{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:all .22s;display:flex;flex-direction:column}
.seo-rcard:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:rgba(14,42,71,.12)}
.seo-rcard-head{padding:1.4rem 1.4rem .8rem;border-bottom:1px solid var(--border)}
.seo-rcard-tag{display:inline-block;font-size:10px;font-weight:700;font-family:var(--font-label);letter-spacing:1.5px;text-transform:uppercase;color:var(--navy);background:var(--cream2);border:1px solid var(--border);padding:3px 10px;border-radius:100px;margin-bottom:.6rem}
.seo-rcard-tag--green{color:var(--green);background:var(--green-s);border-color:rgba(26,107,58,.2)}
.seo-rcard-title{font-family:var(--font-heading);font-size:15px;font-weight:900;color:var(--navy);line-height:1.3}
.seo-rcard-metrics{padding:1.4rem;flex:1;display:flex;flex-direction:column;gap:1.2rem}
.seo-rcard-metric--big{text-align:center}
.seo-rcard-num{font-family:var(--font-heading);font-size:38px;font-weight:900;color:var(--navy);line-height:1;letter-spacing:-1px}
.seo-rcard-num--gold{color:var(--gold2)}
.seo-rcard-lbl{font-size:12px;color:var(--ink3);margin-top:.4rem;font-family:var(--font-body)}
.seo-rcard-divider{height:1px;background:var(--border)}
.seo-rcard-subs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.seo-rcard-sub{display:flex;flex-direction:column;gap:3px}
.seo-rcard-sub-num{font-family:var(--font-heading);font-size:16px;font-weight:900;color:var(--navy)}
.seo-rcard-sub-lbl{font-size:11px;color:var(--ink3);font-family:var(--font-body);line-height:1.4}
.seo-rcard-bar{padding:.8rem 1.4rem 1.2rem;display:flex;align-items:center;gap:.6rem}
.seo-rcard-bar-before,.seo-rcard-bar-after{font-size:10px;font-weight:700;font-family:var(--font-label);color:var(--ink3);white-space:nowrap}
.seo-rcard-bar-after{color:var(--navy)}
.seo-rcard-bar-track{flex:1;height:6px;background:var(--cream2);border-radius:100px;overflow:hidden}
.seo-rcard-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--navy));border-radius:100px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
@media(max-width:768px){.seo-results-grid{grid-template-columns:1fr}}
.seo-pg-result{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .22s}
.seo-pg-result:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.seo-pg-result-top{height:120px;display:flex;align-items:center;justify-content:center;font-size:48px}
.seo-pg-result-body{padding:1.2rem}
.seo-pg-result-body h3{font-family:var(--font-heading);font-size:14px;font-weight:800;color:var(--navy);margin:.5rem 0 1rem}
.seo-pg-result-stats{display:flex;flex-direction:column;gap:.5rem}
.seo-pg-result-stat{display:flex;align-items:center;gap:.6rem;font-size:12px;color:var(--ink3)}
.seo-pg-result-num{font-size:14px;font-weight:900;color:var(--navy);min-width:60px}

/* RESPONSIVE */
@media(max-width:1024px){
  .seo-pg-hero-inner{grid-template-columns:1fr;gap:2.5rem}
  .seo-pg-hero-visual{display:none}
  .seo-pg-why{grid-template-columns:1fr;gap:2rem}
  .seo-pg-services{grid-template-columns:repeat(2,1fr)}
  .seo-pg-for-grid{grid-template-columns:1fr}
  .seo-pg-results{grid-template-columns:1fr}
}
@media(max-width:768px){
  .seo-pg-hero-inner{padding:3rem 1.2rem}
  .seo-pg-h1{font-size:clamp(19px,6vw,26px);letter-spacing:0px;line-height:1.3}
  .seo-pg-services{grid-template-columns:1fr}
  .seo-pg-for-grid{grid-template-columns:1fr}
  .seo-pg-results{grid-template-columns:1fr}
}/* ══════════════════════════════════
   صفحه طراحی سایت — استایل اختصاصی
══════════════════════════════════ */

/* HERO */
.wd-hero{background:var(--navy);position:relative;overflow:hidden;padding-top:64px}
.wd-hero-pattern{position:absolute;inset:0;opacity:.03;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);pointer-events:none}
.wd-hero-inner{max-width:1100px;margin:0 auto;padding:4rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.wd-hero-h1{font-family:var(--font-heading);font-size:clamp(22px,3.2vw,38px);font-weight:900;color:#fff;line-height:1.3;letter-spacing:0px;margin:1.2rem 0 1.4rem}
.wd-hero-h1-accent{color:var(--gold);display:block}
.wd-hero-sub{font-size:15px;color:rgba(255,255,255,.5);line-height:1.9;font-weight:300;margin-bottom:2rem;margin-top:.8rem;max-width:440px}
.wd-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:2.5rem}
.btn-outline-dark{background:transparent;color:rgba(255,255,255,.75);padding:13px 22px;border-radius:9px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all .2s}
.btn-outline-dark:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.35)}
.wd-hero-trust{display:flex;gap:2rem;align-items:center}
.wd-trust-item{display:flex;flex-direction:column;gap:3px}
.wd-trust-num{font-family:var(--font-heading);font-size:24px;font-weight:900;color:var(--gold);letter-spacing:-1px;line-height:1}
.wd-trust-lbl{font-size:11px;color:rgba(255,255,255,.4)}
.wd-trust-sep{width:1px;height:30px;background:rgba(255,255,255,.1)}

/* browser mock */
.wd-hero-visual{display:flex;justify-content:center;align-items:center}
.wd-browser{background:#1a2d44;border-radius:12px;overflow:hidden;width:100%;max-width:460px;box-shadow:0 32px 80px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.3)}
.wd-browser-bar{background:#243447;padding:10px 14px;display:flex;align-items:center;gap:10px}
.wd-browser-dots{display:flex;gap:5px}
.wd-browser-dots span{width:9px;height:9px;border-radius:50%;display:block}
.wd-browser-dots span:nth-child(1){background:#ff5f57}
.wd-browser-dots span:nth-child(2){background:#febc2e}
.wd-browser-dots span:nth-child(3){background:#28c840}
.wd-browser-url{flex:1;background:rgba(255,255,255,.07);border-radius:5px;padding:4px 10px;font-size:10px;color:rgba(255,255,255,.35);direction:ltr;text-align:left}
.wd-browser-body{background:#fff;padding:0;position:relative}
.wd-mock-nav{height:36px;background:#f8f8f8;border-bottom:1px solid #eee}
.wd-mock-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:#fff}
.wd-mock-hero-text{display:flex;flex-direction:column;gap:6px;justify-content:center}
.wd-mock-h{height:10px;background:#0e2a47;border-radius:4px;width:80%}
.wd-mock-h--sm{width:55%;background:#1e4d7b;opacity:.5}
.wd-mock-p{height:6px;background:#ddd;border-radius:3px;margin-top:4px}
.wd-mock-btn{height:20px;width:70px;background:var(--gold);border-radius:5px;margin-top:6px}
.wd-mock-img{height:80px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:8px}
.wd-mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 16px 14px}
.wd-mock-card{height:40px;background:#f0f0f0;border-radius:6px;border:1px solid #e8e8e8}
.wd-perf-badge{position:absolute;bottom:12px;left:12px;background:var(--navy);border-radius:8px;padding:5px 9px;display:flex;align-items:center;gap:5px;box-shadow:0 4px 12px rgba(14,42,71,.4)}
.wd-perf-score{font-size:16px;font-weight:900;color:#4ade80;line-height:1}
.wd-perf-lbl{font-size:9px;color:rgba(255,255,255,.5);font-weight:600}

/* انواع سایت */
.wd-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.wd-type-card{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.3rem 1.2rem;background:#fff;text-decoration:none;transition:background .18s;position:relative}
.wd-type-card:hover{background:var(--cream)}
.wd-type-card:hover .wd-type-card-icon{background:var(--navy);color:#fff}
.wd-type-card-icon{width:36px;height:36px;border-radius:9px;background:var(--cream2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--navy);transition:all .18s}
.wd-type-card-body h3{font-family:var(--font-heading);font-size:13px;font-weight:900;color:var(--navy);margin-bottom:3px;line-height:1.3}
.wd-type-card-body p{font-size:11.5px;color:var(--ink3);line-height:1.55;font-family:var(--font-body)}
.wd-type-card-arrow{display:none}
@media(max-width:1024px){.wd-types-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.wd-types-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.wd-types-grid{grid-template-columns:1fr}}

/* جدول مقایسه */
.wd-compare{border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:2rem}
.wd-compare-header{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--navy)}
.wd-compare-col{padding:1rem 1.2rem}
.wd-compare-col--label{color:rgba(255,255,255,.4);font-size:12px}
.wd-compare-col--wp .wd-compare-title{color:rgba(255,255,255,.7);font-size:14px;font-weight:800}
.wd-compare-col--wp .wd-compare-sub{color:rgba(255,255,255,.35);font-size:11px;margin-top:2px}
.wd-compare-col--custom .wd-compare-title{color:var(--gold);font-size:14px;font-weight:900}
.wd-compare-col--custom .wd-compare-sub{color:rgba(255,255,255,.4);font-size:11px;margin-top:2px}
.wd-compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--border)}
.wd-compare-row:nth-child(even){background:var(--cream)}
.wd-compare-row .wd-compare-col{padding:.9rem 1.2rem;display:flex;flex-direction:column;gap:2px}
.wd-compare-col--label{font-size:13px;font-weight:700;color:var(--navy);display:flex;align-items:center}
.wd-cmp-good{font-size:13px;font-weight:800;color:var(--green)}
.wd-cmp-mid{font-size:13px;font-weight:700;color:var(--gold2)}
.wd-cmp-bad{font-size:13px;font-weight:700;color:#dc2626}
.wd-compare-row small{font-size:11px;color:var(--ink3)}
.wd-compare-note{margin-top:1.2rem;background:rgba(14,42,71,.05);border:1px solid rgba(14,42,71,.1);border-radius:10px;padding:1rem 1.2rem;font-size:13px;color:var(--ink2);line-height:1.7}

/* مراحل */
.wd-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:0;align-items:center;margin-top:2.5rem}
.wd-step{background:#fff;border:1px solid var(--border);border-radius:13px;padding:1.6rem;text-align:center;transition:all .2s}
.wd-step:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.wd-step-num{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto .9rem}
.wd-step h3{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:.4rem}
.wd-step p{font-size:12px;color:var(--ink3);line-height:1.6;margin-bottom:.8rem}
.wd-step-time{display:inline-block;font-size:11px;font-weight:700;color:var(--gold2);background:rgba(201,168,76,.1);border-radius:100px;padding:2px 10px}
.wd-step-arrow{font-size:22px;color:var(--border2);padding:0 .5rem;margin-bottom:1rem}

/* FAQ grid */
.wd-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* CTA contact */
.wd-cta-contact{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.wd-cway-icon{font-size:20px;flex-shrink:0}
.cway{display:flex;align-items:center;gap:11px;padding:.8rem 1rem;background:var(--cream);border:1px solid var(--border);border-radius:10px;transition:all .15s;text-decoration:none}
.cway:hover{background:var(--cream2);border-color:var(--border2)}
.cway-lbl{font-size:13px;font-weight:700;color:var(--navy)}
.cway-val{font-size:11px;color:var(--ink3);margin-top:1px}
.cways{display:flex;flex-direction:column;gap:7px;margin-top:1.5rem}

/* RESPONSIVE */
@media(max-width:1024px){
  .wd-hero-inner{grid-template-columns:1fr;gap:2.5rem}
  .wd-hero-visual{display:none}
  .wd-steps{grid-template-columns:1fr 1fr;gap:1rem}
  .wd-step-arrow{display:none}
  .wd-cta-contact{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:768px){
  .wd-hero-inner{padding:3rem 1.2rem}
  .wd-hero-h1{font-size:clamp(19px,6vw,26px);letter-spacing:0px;line-height:1.3}
  .wd-compare{overflow-x:auto}
  .wd-compare-header,.wd-compare-row{min-width:520px}
  .wd-steps{grid-template-columns:1fr}
  .wd-faq-grid{grid-template-columns:1fr}
  .wd-hero-trust{gap:1.2rem}
}


/* ══════════════════════════════════
   SEO Traffic Chart — صفحه سئو
══════════════════════════════════ */
.sc-wrap{width:100%;max-width:480px;background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.sc-header{background:#1a1f2e;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}
.sc-header-left{display:flex;align-items:center;gap:8px}
.sc-title{font-size:11px;font-weight:500;color:rgba(255,255,255,.7);font-family:var(--font-body)}
.sc-live-badge{font-size:9px;font-weight:500;background:rgba(52,168,83,.2);color:#4ade80;border:1px solid rgba(52,168,83,.4);border-radius:100px;padding:2px 8px;opacity:0;transition:opacity .4s;font-family:var(--font-body)}
.sc-tabs{display:flex;border-bottom:1px solid var(--border)}
.sc-tab{padding:6px 14px;font-size:10px;font-weight:600;color:var(--ink3);border-bottom:2px solid transparent;font-family:var(--font-body)}
.sc-tab--active{color:#1a73e8;border-bottom-color:#1a73e8}
.sc-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}
.sc-metric{padding:10px 12px;border-left:1px solid var(--border)}
.sc-metric:last-child{border-left:none}
.sc-metric-lbl{font-size:9px;color:var(--ink3);margin-bottom:3px;font-family:var(--font-body)}
.sc-metric-val{font-size:18px;font-weight:800;color:var(--ink);line-height:1;font-family:var(--font-body)}
.sc-metric-val--green{color:#16a34a}
.sc-metric-delta{font-size:9px;color:#16a34a;margin-top:2px;opacity:0;transition:opacity .5s;font-family:var(--font-body)}
.sc-chart-wrap{padding:12px 12px 0}
.sc-legend{display:flex;gap:12px;margin-bottom:8px}
.sc-legend-item{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--ink3);font-family:var(--font-body)}
.sc-legend-line{width:12px;height:2px;background:#1a73e8;border-radius:1px}
.sc-legend-line--old{background:none;border-top:1px dashed var(--border2)}
.sc-xaxis{display:flex;justify-content:space-between;padding:2px 12px 8px;direction:ltr}
.sc-xaxis span{font-size:8px;color:var(--ink3);font-family:var(--font-body)}
.sc-tooltip{display:none;margin:0 12px 8px;padding:8px 10px;background:var(--cream);border-radius:9px;border:1px solid var(--border)}
.sc-tooltip-row{display:flex;justify-content:space-between;align-items:center}
.sc-tooltip-month{font-size:10px;color:var(--ink3);font-family:var(--font-body)}
.sc-tooltip-vals{display:flex;gap:12px}
.sc-tooltip-val{font-size:10px;font-family:var(--font-body);color:var(--ink2)}
.sc-tooltip-val strong{color:#1a73e8}
.sc-footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}
.sc-footer-item{padding:8px 10px;border-left:1px solid var(--border)}
.sc-footer-item:last-child{border-left:none}
.sc-footer-lbl{font-size:9px;color:var(--ink3);font-family:var(--font-body)}
.sc-footer-val{font-size:10px;font-weight:700;color:var(--navy);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-body)}
.sc-footer-val--blue{color:#1a73e8}

/* ══════════════════════════════════
   HOSTING PAGE — هاست و میزبانی
══════════════════════════════════ */

.host-hero{background:var(--navy);position:relative;overflow:hidden;padding-top:64px}
.host-hero-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);opacity:.03;pointer-events:none}
.host-hero-inner{max-width:1100px;margin:0 auto;padding:4rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.host-h1{font-family:var(--font-heading);font-size:clamp(22px,3vw,38px);font-weight:900;color:#fff;line-height:1.3;letter-spacing:0px;margin:1rem 0 1.2rem}
.host-h1-accent{color:var(--gold);display:block}
.host-sub{font-size:15px;color:rgba(255,255,255,.55);line-height:1.85;font-weight:300;margin-bottom:2rem;max-width:440px}
.host-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.5rem}
.host-badge{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:5px 12px;font-size:12px;font-weight:600;color:rgba(255,255,255,.8)}
.host-badge-icon{font-size:14px}
.host-uptime-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.4);width:100%;max-width:420px}
.host-uptime-header{background:#0f1923;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.host-uptime-title{font-size:12px;font-weight:700;color:rgba(255,255,255,.7);font-family:var(--font-body);display:flex;align-items:center;gap:8px}
.host-uptime-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.25);animation:wa-online-pulse 2s ease-in-out infinite}
.host-uptime-all-ok{font-size:11px;font-weight:700;color:#4ade80;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);border-radius:100px;padding:3px 10px;font-family:var(--font-body)}
.host-uptime-services{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.host-uptime-row{display:flex;align-items:center;gap:10px}
.host-uptime-name{font-size:11px;color:var(--ink2);font-family:var(--font-body);width:140px;flex-shrink:0}
.host-uptime-bar{flex:1;height:6px;background:var(--cream2);border-radius:3px;overflow:hidden}
.host-uptime-fill{height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:3px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}
.host-uptime-pct{font-size:11px;font-weight:800;font-family:var(--font-body);width:36px;text-align:left;flex-shrink:0}
.host-uptime-pct--green{color:#16a34a}
.host-uptime-footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);background:var(--cream)}
.host-uptime-stat{padding:12px;text-align:center;border-left:1px solid var(--border)}
.host-uptime-stat:last-child{border-left:none}
.host-uptime-stat-num{font-size:16px;font-weight:900;color:var(--navy);font-family:var(--font-body)}
.host-uptime-stat-lbl{font-size:9px;color:var(--ink3);margin-top:2px;font-family:var(--font-body);line-height:1.3}

/* سوئیچ سرور */
.host-server-switch{display:flex;gap:0;background:var(--cream2);border-radius:14px;padding:5px;margin-bottom:2rem;width:fit-content;border:1px solid var(--border)}
.host-server-btn{display:flex;align-items:center;gap:8px;padding:10px 28px;border-radius:10px;font-size:14px;font-weight:700;color:var(--ink2);cursor:pointer;font-family:var(--font-body);transition:all .2s;border:none;background:none}
.host-server-btn.active{background:#fff;color:var(--navy);box-shadow:0 2px 10px rgba(0,0,0,.1)}
.host-server-flag{font-size:18px}

/* پلن‌ها — ۴ ستون */
.host-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:1.5rem}
.host-plan{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.8rem 1.6rem;position:relative;transition:all .22s;display:flex;flex-direction:column}
.host-plan:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.host-plan--popular{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}
.host-plan-badge{position:absolute;top:-12px;right:50%;transform:translateX(50%);background:var(--navy);color:var(--gold);font-size:11px;font-weight:800;padding:4px 14px;border-radius:100px;font-family:var(--font-body);white-space:nowrap}
.host-plan-size{font-size:24px;font-weight:900;color:var(--navy);letter-spacing:-1px;margin-bottom:2px}
.host-plan-name{font-size:12px;font-weight:600;color:var(--ink3);margin-bottom:1.2rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}
.host-plan-features{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.6rem;flex:1}
.host-plan-features li{font-size:12px;color:var(--ink2);line-height:1.5}
.host-plan-btn{display:block;text-align:center;background:var(--navy);color:#fff;padding:10px;border-radius:9px;font-size:13px;font-weight:800;font-family:var(--font-body);transition:all .2s}
.host-plan-btn:hover{background:var(--navy2);box-shadow:0 4px 14px rgba(14,42,71,.3)}
.host-plan--popular .host-plan-btn{background:var(--gold);color:var(--navy)}
.host-plan--popular .host-plan-btn:hover{background:var(--gold2)}
.host-plans-note{text-align:center;font-size:13px;color:var(--ink3)}

/* ویژگی‌ها */
.host-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.host-feature{background:#fff;border:1px solid var(--border);border-radius:13px;padding:1.8rem 1.6rem;transition:all .22s}
.host-feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.host-feature-icon{font-size:30px;margin-bottom:.8rem}
.host-feature h3{font-size:15px;font-weight:800;color:var(--navy);margin-bottom:.4rem}
.host-feature p{font-size:13px;color:var(--ink3);line-height:1.65}

/* ── Responsive hosting ── */
@media(max-width:1024px){
  .host-hero-inner{grid-template-columns:1fr;gap:2rem}
  .host-uptime-card{max-width:100%}
  .host-plans{grid-template-columns:repeat(2,1fr)}
  .host-features{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .host-hero{padding-top:56px}
  .host-hero-inner{padding:2.5rem 1.2rem}
  .host-server-switch{width:100%}
  .host-server-btn{flex:1;justify-content:center;padding:10px 12px;font-size:13px}
  .host-plans{grid-template-columns:1fr 1fr}
  .host-features{grid-template-columns:1fr}
  .host-uptime-name{width:110px;font-size:10px}
}
@media(max-width:480px){
  .host-plans{grid-template-columns:1fr}
}


/* ══════════════════════════════════
   DOMAIN PAGE — دامنه
══════════════════════════════════ */

.domain-hero{background:var(--navy);position:relative;overflow:hidden;padding-top:64px}
.domain-hero-inner{max-width:1100px;margin:0 auto;padding:4rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.domain-tlds-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding:1rem}
.domain-tld{display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:900;color:#fff;font-family:var(--font-body);letter-spacing:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);transition:transform .2s}
.domain-tld:hover{transform:scale(1.08)}
.domain-tld--lg{width:90px;height:90px;font-size:22px;border-radius:18px}
.domain-tld--md{width:70px;height:70px;font-size:17px}
.domain-tld--sm{width:54px;height:54px;font-size:13px}
.domain-tld--blue{background:rgba(66,133,244,.25);border-color:rgba(66,133,244,.4)}
.domain-tld--navy{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}
.domain-tld--gold{background:rgba(201,168,76,.2);border-color:rgba(201,168,76,.35)}
.domain-search-sec{padding-top:4rem;padding-bottom:4rem}
.domain-search-wrap{max-width:680px;margin:0 auto}
.domain-search-box{display:flex;background:#fff;border:2px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.domain-search-box:focus-within{border-color:var(--navy);box-shadow:0 0 0 4px rgba(14,42,71,.08)}
.domain-search-input{flex:1;padding:14px 18px;font-size:15px;font-family:var(--font-body);border:none;outline:none;color:var(--ink);direction:rtl;min-width:0}
.domain-search-input::placeholder{color:var(--ink3)}
.domain-search-ext{border-right:1px solid var(--border);border-left:1px solid var(--border)}
.domain-search-select{padding:14px 12px;font-size:14px;font-weight:700;font-family:var(--font-body);border:none;outline:none;color:var(--navy);background:#fff;cursor:pointer;direction:ltr}
.domain-search-btn{padding:14px 24px;background:var(--navy);color:#fff;font-size:14px;font-weight:800;font-family:var(--font-body);border:none;cursor:pointer;transition:background .15s;white-space:nowrap}
.domain-search-btn:hover{background:var(--navy2)}
.domain-search-result{margin-top:1rem;background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem}
.domain-result-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.domain-result-name{font-size:16px;font-weight:800;color:var(--navy);font-family:monospace;flex:1;direction:ltr}
.domain-result-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:100px}
.domain-result-badge--available{background:#d4edda;color:#16a34a}
.domain-result-badge--taken{background:#fee2e2;color:#dc2626}
.domain-result-btn{background:var(--navy);color:#fff;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;font-family:var(--font-body);white-space:nowrap;transition:background .15s}
.domain-result-btn:hover{background:var(--navy2)}
.domain-result-note{font-size:12px;color:var(--ink3);margin-top:.8rem;line-height:1.6}
.domain-tld-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
.domain-tld-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.4rem;transition:all .2s}
.domain-tld-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.domain-tld-card--featured{border-color:var(--navy);background:rgba(14,42,71,.02)}
.domain-tld-card--more{background:var(--cream2);border-style:dashed;text-align:center}
.domain-tld-card-ext{font-size:22px;font-weight:900;color:var(--navy);letter-spacing:1px;margin-bottom:.4rem;font-family:monospace}
.domain-tld-card-desc{font-size:12px;color:var(--ink3);line-height:1.5}
.domain-tld-card-tags{display:flex;gap:5px;margin-top:.5rem}
.domain-tld-card-tags span{font-size:10px;font-weight:700;background:rgba(14,42,71,.07);color:var(--navy);padding:2px 8px;border-radius:100px}
.domain-services{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.domain-service{background:#fff;border:1px solid var(--border);border-radius:13px;padding:1.8rem 1.6rem;transition:all .22s}
.domain-service:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.domain-service-icon{font-size:30px;margin-bottom:.8rem}
.domain-service h3{font-size:15px;font-weight:800;color:var(--navy);margin-bottom:.4rem}
.domain-service p{font-size:13px;color:var(--ink3);line-height:1.65}
.domain-tips{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem;max-width:700px}
.domain-tip{display:flex;gap:1.2rem;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:13px;padding:1.4rem 1.6rem}
.domain-tip-num{width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0;font-family:var(--font-body)}
.domain-tip h3{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:.3rem}
.domain-tip p{font-size:13px;color:var(--ink3);line-height:1.65}

/* ── Responsive domain ── */
@media(max-width:1024px){
  .domain-hero-inner{grid-template-columns:1fr;gap:2rem}
  .domain-tld-grid{grid-template-columns:repeat(3,1fr)}
  .domain-services{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .domain-hero{padding-top:56px}
  .domain-hero-inner{padding:2.5rem 1.2rem}
  .domain-search-box{flex-direction:column;border-radius:12px}
  .domain-search-ext{border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
  .domain-search-select{width:100%;text-align:center}
  .domain-search-btn{width:100%;padding:13px;border-radius:0 0 10px 10px}
  .domain-tld-grid{grid-template-columns:repeat(2,1fr)}
  .domain-services{grid-template-columns:1fr}
  .domain-tlds-cloud{gap:7px}
  .domain-tld--lg{width:72px;height:72px;font-size:18px}
  .domain-tld--md{width:56px;height:56px;font-size:14px}
  .domain-tld--sm{width:44px;height:44px;font-size:11px}
}
@media(max-width:480px){
  .domain-result-row{flex-direction:column;align-items:flex-start}
}
/* ══ SEO Demo Animation ══ */
.seo-demo-wrap{display:grid;grid-template-columns:1fr 280px;gap:2.5rem;align-items:center;max-width:860px;margin:0 auto}
.seo-demo-browser{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md)}
.seo-demo-chrome{background:#f1f3f4;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}
.seo-demo-dots{display:flex;gap:5px}
.seo-demo-dots span{width:10px;height:10px;border-radius:50%;background:var(--border2)}
.seo-demo-url{font-size:11px;color:var(--ink3);background:#fff;border:1px solid var(--border);border-radius:100px;padding:3px 14px;flex:1;text-align:center;font-family:var(--font-label)}
.seo-demo-inner{padding:1.2rem 1.4rem;min-height:260px;position:relative}
.seo-demo-bar{display:flex;align-items:center;gap:8px;border:2px solid var(--border);border-radius:24px;padding:9px 16px;margin-bottom:.8rem;transition:border-color .2s;background:#fff}
.seo-demo-bar.focus{border-color:#4285f4;box-shadow:0 0 0 3px rgba(66,133,244,.12)}
.seo-demo-bar svg{flex-shrink:0;color:var(--ink3)}
.seo-demo-query{font-size:14px;color:var(--ink);font-family:var(--font-body);flex:1;min-height:20px;direction:rtl}
.seo-demo-load{height:2px;background:transparent;margin-bottom:.8rem;display:none;border-radius:2px;overflow:hidden}
.seo-demo-load.show{display:block;background:var(--border)}
.seo-demo-fill{height:100%;width:0%;background:linear-gradient(90deg,#4285f4,#34a853);transition:width .4s ease}
.seo-demo-results{display:none;flex-direction:column;gap:4px}
.seo-demo-results.show{display:flex}
.seo-demo-count{font-size:11px;color:var(--ink3);margin-bottom:.5rem;font-family:var(--font-label)}
.seo-demo-result{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;opacity:0;transform:translateY(6px);transition:all .3s ease}
.seo-demo-result.in{opacity:1;transform:translateY(0)}
.seo-demo-result--dim.in{opacity:.45}
.seo-demo-result.highlight{background:rgba(66,133,244,.05);border:1.5px solid rgba(66,133,244,.2);opacity:1}
.seo-demo-result-rank{width:22px;height:22px;border-radius:50%;background:var(--cream2);font-size:10px;font-weight:800;font-family:var(--font-heading);color:var(--ink3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.seo-demo-result.highlight .seo-demo-result-rank{background:var(--gold);color:var(--navy)}
.seo-demo-result-url{font-size:11px;color:#0d652d;margin-bottom:2px;font-family:var(--font-label)}
.seo-demo-result-title{font-size:13px;color:#1a0dab;font-weight:700;font-family:var(--font-heading);line-height:1.3;margin-bottom:2px}
.seo-demo-result.highlight .seo-demo-result-title{color:#1558d6}
.seo-demo-result-desc{font-size:11px;color:var(--ink3);line-height:1.5;font-family:var(--font-body)}
.seo-demo-badge{display:none;align-items:center;gap:6px;margin:6px 10px 0;padding:5px 12px;background:var(--gold);color:var(--navy);border-radius:100px;font-size:11px;font-weight:800;font-family:var(--font-heading);width:fit-content}
.seo-demo-badge.show{display:flex}
.seo-demo-label{background:var(--navy);border-radius:14px;padding:1.6rem;color:#fff;display:flex;flex-direction:column;gap:.8rem;min-height:180px;justify-content:center}
.seo-demo-label-kw{font-size:11px;color:rgba(255,255,255,.5);font-family:var(--font-label);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.2rem}
.seo-demo-label-site{font-family:var(--font-heading);font-size:18px;font-weight:900;color:#fff;line-height:1.3}
.seo-demo-label-time{font-size:12px;color:var(--gold);font-family:var(--font-label);margin-top:.4rem}
@media(max-width:768px){.seo-demo-wrap{grid-template-columns:1fr}.seo-demo-label{display:none}}

/* ══ Niche Pages (restaurant, clinic, etc.) ══ */
.niche-hero{background:var(--navy);position:relative;overflow:hidden;padding-top:64px}
.niche-hero-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);opacity:.03;pointer-events:none}
.niche-hero-inner{max-width:1100px;margin:0 auto;padding:4rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.niche-hero-kicker{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-family:var(--font-label);opacity:.9}
.niche-h1{font-family:var(--font-heading);font-size:clamp(24px,3.2vw,42px);font-weight:900;color:#fff;line-height:1.3;margin-bottom:1.2rem}
.niche-h1-accent{color:var(--gold);display:block}
.niche-hero-sub{font-size:15px;color:rgba(255,255,255,.55);line-height:1.9;font-weight:300;margin-bottom:1.5rem;max-width:440px;font-family:var(--font-body)}
.niche-hero-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:2rem}
.niche-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600;color:rgba(255,255,255,.8);font-family:var(--font-label)}
.niche-hero-actions{display:flex;gap:10px;flex-wrap:wrap}

/* mockup */
.niche-mockup{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.4);max-width:380px;margin:0 auto}
.niche-mockup-bar{background:#f1f3f4;padding:9px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}
.niche-mockup-dots{display:flex;gap:5px}
.niche-mockup-dots span{width:9px;height:9px;border-radius:50%;background:var(--border2)}
.niche-mockup-url{font-size:10px;color:var(--ink3);flex:1;text-align:center;font-family:var(--font-label)}
.niche-mockup-hero-img{height:130px;background:linear-gradient(135deg,#2d1b00,#8b4513);position:relative}
.niche-mockup-hero-img::after{content:'رستوران بلا';position:absolute;bottom:10px;right:14px;color:#fff;font-family:var(--font-heading);font-size:16px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.niche-mockup-content{padding:14px}
.niche-mockup-title{font-family:var(--font-heading);font-size:15px;font-weight:900;color:var(--navy)}
.niche-mockup-sub{font-size:11px;color:var(--ink3);margin-bottom:10px;font-family:var(--font-body)}
.niche-mockup-btns{display:flex;gap:7px;margin-bottom:12px}
.niche-mockup-btn{flex:1;text-align:center;padding:7px;border-radius:8px;font-size:11px;font-weight:700;border:1px solid var(--border);color:var(--navy);font-family:var(--font-ui)}
.niche-mockup-btn--gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.niche-mockup-menu{display:flex;flex-direction:column;gap:8px}
.niche-mockup-menu-item{display:flex;align-items:center;gap:8px;padding:6px;background:var(--cream);border-radius:8px}
.niche-mockup-menu-img{width:36px;height:36px;border-radius:7px;background:linear-gradient(135deg,#c8860a,#8b4513);flex-shrink:0}
.niche-mockup-menu-img--2{background:linear-gradient(135deg,#c8380a,#8b1a0a)}
.niche-mockup-menu-name{font-size:11px;font-weight:700;color:var(--navy);font-family:var(--font-heading)}
.niche-mockup-menu-price{font-size:10px;color:var(--ink3);font-family:var(--font-body)}
.niche-mockup-menu-add{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-right:auto;flex-shrink:0}

/* why grid */
.niche-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.niche-why-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:1.6rem 1.4rem;text-align:center}
.niche-why-num{font-family:var(--font-heading);font-size:clamp(28px,4vw,42px);font-weight:900;color:var(--navy);line-height:1;margin-bottom:.5rem}
.niche-why-lbl{font-size:13px;color:var(--ink3);line-height:1.5;font-family:var(--font-body)}

/* features */
.niche-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.niche-feature{background:var(--cream);border:1px solid var(--border);border-radius:14px;padding:1.6rem;transition:all .2s}
.niche-feature:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}
.niche-feature-icon{width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.niche-feature h3{font-family:var(--font-heading);font-size:15px;font-weight:900;color:var(--navy);margin-bottom:.5rem}
.niche-feature p{font-size:13px;color:var(--ink3);line-height:1.7;font-family:var(--font-body)}

/* samples */
.niche-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.niche-sample{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s}
.niche-sample:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.niche-sample-img{height:160px}
.niche-sample-img--1{background:linear-gradient(135deg,#1a0a00,#8b4513)}
.niche-sample-img--2{background:linear-gradient(135deg,#0a1a0a,#2d5a1b)}
.niche-sample-img--3{background:linear-gradient(135deg,#1a0000,#8b0a0a)}
.niche-sample-body{padding:1rem 1.2rem}
.niche-sample-tag{font-size:10px;font-weight:700;color:var(--ink3);font-family:var(--font-label);letter-spacing:1px;text-transform:uppercase;margin-bottom:.3rem}
.niche-sample-name{font-family:var(--font-heading);font-size:14px;font-weight:900;color:var(--navy);margin-bottom:.3rem}
.niche-sample-result{font-size:12px;color:var(--green);font-weight:700;font-family:var(--font-label)}

/* steps */
.niche-steps{display:flex;align-items:flex-start;gap:0}
.niche-step{flex:1;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:1.4rem 1.3rem}
.niche-step-arrow{font-size:20px;color:var(--border2);padding:1.4rem .3rem;margin-top:.5rem;flex-shrink:0}
.niche-step-num{width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--gold);font-family:var(--font-heading);font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.niche-step h3{font-family:var(--font-heading);font-size:14px;font-weight:900;color:var(--navy);margin-bottom:.4rem}
.niche-step p{font-size:12.5px;color:var(--ink3);line-height:1.65;font-family:var(--font-body)}

/* plans */
.niche-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.niche-plan{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.8rem 1.6rem;position:relative;display:flex;flex-direction:column;gap:.4rem}
.niche-plan--featured{background:var(--navy);border-color:var(--navy)}
.niche-plan--featured .niche-plan-name{color:rgba(255,255,255,.6)}
.niche-plan--featured .niche-plan-price{color:#fff}
.niche-plan--featured .niche-plan-price span{color:var(--gold)}
.niche-plan--featured .niche-plan-sub{color:rgba(255,255,255,.45)}
.niche-plan--featured .niche-plan-list li{color:rgba(255,255,255,.75)}
.niche-plan--featured .niche-plan-list li::before{color:var(--gold)}
.niche-plan-badge{position:absolute;top:1rem;left:1.4rem;background:var(--gold);color:var(--navy);font-size:10px;font-weight:800;padding:2px 10px;border-radius:100px;font-family:var(--font-label)}
.niche-plan-name{font-size:11px;font-weight:700;color:var(--ink3);font-family:var(--font-label);letter-spacing:1px;text-transform:uppercase}
.niche-plan-price{font-family:var(--font-heading);font-size:22px;font-weight:900;color:var(--navy);margin:.3rem 0}
.niche-plan-price span{font-size:32px;color:var(--navy)}
.niche-plan-sub{font-size:12px;color:var(--ink3);margin-bottom:.8rem;font-family:var(--font-body)}
.niche-plan-list{list-style:none;display:flex;flex-direction:column;gap:6px;flex:1}
.niche-plan-list li{font-size:12.5px;color:var(--ink2);display:flex;align-items:flex-start;gap:6px;font-family:var(--font-body);line-height:1.4}
.niche-plan-list li::before{content:'✓';color:var(--green);font-weight:800;font-size:11px;flex-shrink:0;margin-top:2px}
.niche-plan-btn{display:block;text-align:center;margin-top:1.2rem;padding:10px;border-radius:9px;font-size:13px;font-weight:700;font-family:var(--font-ui);border:1.5px solid var(--border2);color:var(--navy);transition:all .18s;text-decoration:none}
.niche-plan-btn:hover{background:var(--cream)}
.niche-plan-btn--gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.niche-plan-btn--gold:hover{background:var(--gold2)}

/* responsive */
@media(max-width:1024px){
  .niche-hero-inner{grid-template-columns:1fr;gap:2.5rem}
  .niche-hero-visual{display:none}
  .niche-why-grid{grid-template-columns:repeat(2,1fr)}
  .niche-steps{flex-direction:column}
  .niche-step-arrow{transform:rotate(90deg);padding:.2rem 1.4rem;margin:0 auto}
}
@media(max-width:768px){
  .niche-hero{padding-top:56px}
  .niche-hero-inner{padding:2.5rem 1.2rem}
  .niche-features{grid-template-columns:1fr}
  .niche-samples{grid-template-columns:1fr}
  .niche-plans{grid-template-columns:1fr}
  .niche-why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .niche-features{grid-template-columns:1fr}
}

/* ══ Atelier Page ══ */
.atl-hero{background:var(--navy);position:relative;overflow:hidden;padding-top:64px}
.atl-hero-bg{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);opacity:.03;pointer-events:none}
.atl-hero-inner{max-width:1100px;margin:0 auto;padding:4rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.atl-kicker{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-family:var(--font-label);opacity:.9}
.atl-h1{font-family:var(--font-heading);font-size:clamp(24px,3.2vw,42px);font-weight:900;color:#fff;line-height:1.3;margin-bottom:1.2rem}
.atl-h1-gold{color:var(--gold);display:block}
.atl-sub{font-size:15px;color:rgba(255,255,255,.55);line-height:1.9;margin-bottom:1.5rem;max-width:440px;font-family:var(--font-body)}
.atl-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:2rem}
.atl-badges span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600;color:rgba(255,255,255,.8);font-family:var(--font-label)}
.atl-actions{display:flex;gap:10px;flex-wrap:wrap}

/* hero gallery */
.atl-hero-gallery{position:relative}
.atl-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,140px);gap:6px;border-radius:14px;overflow:hidden}
.atl-gp{border-radius:4px}
.atl-gp--1{background:linear-gradient(135deg,#2c1a0e,#6b3a1f)}
.atl-gp--2{background:linear-gradient(135deg,#0e1a2c,#1f3a6b)}
.atl-gp--3{background:linear-gradient(135deg,#1a2c0e,#3a6b1f)}
.atl-gp--4{background:linear-gradient(135deg,#2c0e1a,#6b1f3a)}
.atl-gp--5{background:linear-gradient(135deg,#1a1a1a,#4a4a4a)}
.atl-gp--6{background:linear-gradient(135deg,#2c2a0e,#6b651f)}
.atl-gallery-badge{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:6px 14px;font-size:11px;color:rgba(255,255,255,.7);font-family:var(--font-label)}

/* stats */
.atl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.atl-stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.6rem 1.4rem;text-align:center}
.atl-stat-num{font-family:var(--font-heading);font-size:clamp(28px,3.5vw,40px);font-weight:900;color:var(--navy);line-height:1;margin-bottom:.5rem}
.atl-stat-lbl{font-size:12.5px;color:var(--ink3);line-height:1.5;font-family:var(--font-body)}

/* features */
.atl-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.atl-feature{display:flex;gap:1rem;padding:1.4rem;background:var(--cream);border:1px solid var(--border);border-radius:14px;transition:all .2s}
.atl-feature:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}
.atl-feature-icon{width:42px;height:42px;border-radius:11px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.atl-feature h3{font-family:var(--font-heading);font-size:14px;font-weight:900;color:var(--navy);margin-bottom:.4rem;line-height:1.3}
.atl-feature p{font-size:12.5px;color:var(--ink3);line-height:1.65;font-family:var(--font-body)}

/* samples */
.atl-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.atl-sample{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s}
.atl-sample:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.atl-sample-img{height:180px}
.atl-sample-img--1{background:linear-gradient(135deg,#1a1a2e,#4a2c5a)}
.atl-sample-img--2{background:linear-gradient(135deg,#0a2020,#1a4a4a)}
.atl-sample-img--3{background:linear-gradient(135deg,#2e1a0a,#5a4a1a)}
.atl-sample-body{padding:1rem 1.2rem}
.atl-sample-tag{font-size:10px;font-weight:700;color:var(--ink3);font-family:var(--font-label);letter-spacing:1px;text-transform:uppercase;margin-bottom:.3rem}
.atl-sample-name{font-family:var(--font-heading);font-size:14px;font-weight:900;color:var(--navy);margin-bottom:.3rem}
.atl-sample-result{font-size:12px;color:var(--green);font-weight:700;font-family:var(--font-label)}

/* steps */
.atl-steps{display:flex;align-items:stretch;gap:0}
.atl-step{flex:1;background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.4rem 1.2rem}
.atl-step-sep{width:32px;display:flex;align-items:center;justify-content:center;color:var(--border2);font-size:18px;flex-shrink:0}
.atl-step-sep::after{content:'←'}
.atl-step-num{width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold);font-family:var(--font-heading);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.atl-step h3{font-family:var(--font-heading);font-size:14px;font-weight:900;color:var(--navy);margin-bottom:.4rem}
.atl-step p{font-size:12.5px;color:var(--ink3);line-height:1.65;font-family:var(--font-body)}

/* plans */
.atl-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.atl-plan{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.8rem 1.6rem;position:relative;display:flex;flex-direction:column;gap:.35rem}
.atl-plan--gold{background:var(--gold);border-color:var(--gold)}
.atl-plan--gold .atl-plan-name{color:rgba(14,42,71,.6)}
.atl-plan--gold .atl-plan-price{color:var(--navy)}
.atl-plan--gold .atl-plan-price strong{color:var(--navy)}
.atl-plan--gold .atl-plan-sub{color:rgba(14,42,71,.6)}
.atl-plan--gold .atl-plan-list li{color:var(--navy)}
.atl-plan--gold .atl-plan-list li::before{color:var(--navy)}
.atl-plan-tag{position:absolute;top:1rem;left:1.4rem;background:var(--navy);color:var(--gold);font-size:10px;font-weight:800;padding:2px 10px;border-radius:100px;font-family:var(--font-label)}
.atl-plan-name{font-size:11px;font-weight:700;color:var(--ink3);font-family:var(--font-label);letter-spacing:1px;text-transform:uppercase}
.atl-plan-price{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--navy);margin:.3rem 0}
.atl-plan-price strong{font-size:30px;font-weight:900}
.atl-plan-sub{font-size:12px;color:var(--ink3);margin-bottom:.8rem;font-family:var(--font-body)}
.atl-plan-list{list-style:none;display:flex;flex-direction:column;gap:6px;flex:1}
.atl-plan-list li{font-size:12.5px;color:var(--ink2);display:flex;align-items:flex-start;gap:6px;font-family:var(--font-body);line-height:1.4}
.atl-plan-list li::before{content:'✓';color:var(--green);font-weight:800;font-size:11px;flex-shrink:0;margin-top:2px}
.atl-plan-btn{display:block;text-align:center;margin-top:1.2rem;padding:10px;border-radius:9px;font-size:13px;font-weight:700;font-family:var(--font-ui);border:1.5px solid var(--border2);color:var(--navy);transition:all .18s;text-decoration:none}
.atl-plan-btn:hover{background:var(--cream)}
.atl-plan-btn--dark{background:var(--navy);border-color:var(--navy);color:#fff}
.atl-plan-btn--dark:hover{background:var(--navy2)}

/* responsive */
@media(max-width:1024px){
  .atl-hero-inner{grid-template-columns:1fr;gap:2rem}
  .atl-hero-gallery{display:none}
  .atl-stats{grid-template-columns:repeat(2,1fr)}
  .atl-steps{flex-direction:column}
  .atl-step-sep{width:auto;height:24px}
  .atl-step-sep::after{content:'↓'}
}
@media(max-width:768px){
  .atl-hero{padding-top:56px}
  .atl-hero-inner{padding:2.5rem 1.2rem}
  .atl-features{grid-template-columns:1fr}
  .atl-samples{grid-template-columns:1fr}
  .atl-plans{grid-template-columns:1fr}
}

/* ══ Services Page ══ */
.srv-hero{background:var(--navy);position:relative;overflow:hidden;padding-top:64px;text-align:center}
.srv-hero-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,1) 39px,rgba(255,255,255,1) 40px);opacity:.03;pointer-events:none}
.srv-hero-inner{max-width:800px;margin:0 auto;padding:5rem 2.5rem 4rem;position:relative;z-index:1}
.srv-h1{font-family:var(--font-heading);font-size:clamp(28px,4vw,52px);font-weight:900;color:#fff;line-height:1.2;margin-bottom:1.2rem}
.srv-h1-gold{color:var(--gold)}
.srv-sub{font-size:16px;color:rgba(255,255,255,.55);line-height:1.9;max-width:520px;margin:0 auto 2.5rem;font-family:var(--font-body)}
.srv-hero-stats{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.2rem 2rem;width:fit-content;margin:0 auto}
.srv-stat{display:flex;flex-direction:column;align-items:center;padding:0 1.8rem}
.srv-stat-n{font-family:var(--font-heading);font-size:22px;font-weight:900;color:var(--gold);line-height:1}
.srv-stat-l{font-size:11px;color:rgba(255,255,255,.45);margin-top:4px;font-family:var(--font-label)}
.srv-stat-sep{width:1px;height:36px;background:rgba(255,255,255,.1)}

/* main services grid */
.srv-main-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem}
.srv-main-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:2rem;display:flex;flex-direction:column;gap:.6rem;text-decoration:none;transition:all .22s;position:relative;overflow:hidden}
.srv-main-card::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--navy));transform:scaleX(0);transform-origin:right;transition:transform .3s}
.srv-main-card:hover::before{transform:scaleX(1)}
.srv-main-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:rgba(14,42,71,.1)}
.srv-main-card-icon{width:52px;height:52px;border-radius:14px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}
.srv-main-card h2{font-family:var(--font-heading);font-size:20px;font-weight:900;color:var(--navy)}
.srv-main-card p{font-size:14px;color:var(--ink3);line-height:1.75;font-family:var(--font-body);flex:1}
.srv-main-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:.2rem}
.srv-main-chips span{font-size:11px;padding:2px 9px;border-radius:100px;background:var(--cream2);color:var(--ink2);border:1px solid var(--border);font-weight:600;font-family:var(--font-label)}
.srv-main-cta{font-size:13px;font-weight:700;color:var(--navy);font-family:var(--font-ui);margin-top:.6rem;display:flex;align-items:center;gap:5px}
.srv-main-cta span{transition:transform .15s}
.srv-main-card:hover .srv-main-cta span{transform:translateX(-4px)}

/* niche grid */
.srv-niche-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.srv-niche-card{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.2rem;background:#fff;text-decoration:none;transition:background .15s}
.srv-niche-card:hover{background:var(--cream)}
.srv-niche-card:hover .srv-niche-arr{opacity:1;transform:translateX(-3px)}
.srv-niche-icon{width:36px;height:36px;border-radius:9px;background:var(--cream2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--navy);transition:all .15s}
.srv-niche-card:hover .srv-niche-icon{background:var(--navy);color:var(--gold)}
.srv-niche-body{flex:1;min-width:0}
.srv-niche-body h3{font-family:var(--font-heading);font-size:13px;font-weight:900;color:var(--navy);margin-bottom:2px;line-height:1.3}
.srv-niche-body p{font-size:11px;color:var(--ink3);line-height:1.4;font-family:var(--font-body)}
.srv-niche-arr{font-size:13px;color:var(--ink3);opacity:0;transition:all .15s;flex-shrink:0}

/* why grid */
.srv-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.srv-why{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.7rem;transition:all .2s}
.srv-why:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.srv-why-num{font-size:11px;font-weight:800;color:var(--gold2);letter-spacing:1.5px;margin-bottom:1rem;display:inline-block;padding:3px 9px;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.2);border-radius:6px;font-family:var(--font-label)}
.srv-why h3{font-family:var(--font-heading);font-size:15px;font-weight:900;color:var(--navy);margin-bottom:.5rem}
.srv-why p{font-size:13px;color:var(--ink3);line-height:1.7;font-family:var(--font-body)}

/* responsive */
@media(max-width:1024px){
  .srv-niche-grid{grid-template-columns:repeat(3,1fr)}
  .srv-why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .srv-hero{padding-top:56px}
  .srv-hero-inner{padding:3rem 1.2rem 2.5rem}
  .srv-main-grid{grid-template-columns:1fr}
  .srv-niche-grid{grid-template-columns:repeat(2,1fr)}
  .srv-hero-stats{gap:0;padding:1rem}
  .srv-stat{padding:0 1rem}
  .srv-why-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .srv-niche-grid{grid-template-columns:1fr}
}