@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

:root{
  --bg:#02051a;--panel:#080d28;--panel2:#0b1233;--text:#f5f6ff;--muted:#9ca2c4;
  --purple:#713cff;--blue:#1675ff;--cyan:#00d9ff;--line:rgba(89,103,210,.20);
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 70% 35%,rgba(26,26,95,.24),transparent 35%),#02051a;color:var(--text);font-family:'Vazirmatn',Tahoma,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(38,57,130,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(38,57,130,.035) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.topbar{height:85px;border-bottom:1px solid rgba(72,85,175,.14);background:rgba(1,4,20,.88);backdrop-filter:blur(14px);position:relative;z-index:5}
.nav-wrap{height:85px;display:flex;align-items:center;gap:32px;direction:rtl}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-right:10px}
.brand-text{font-size:23px;font-weight:800;line-height:1}.brand-text small{display:block;font-size:8px;color:#b5b9d0;letter-spacing:.4px;margin-top:4px}
.brand-mark{font-size:29px;font-weight:900;color:#7c35ff;transform:skew(-8deg);text-shadow:0 0 18px #713cff}
.main-nav{display:flex;align-items:center;gap:38px;margin:auto}
.main-nav a{color:#d6d8e7;text-decoration:none;font-size:13px;white-space:nowrap;transition:.2s}
.main-nav a:hover,.main-nav a.active{color:#7644ff;text-shadow:0 0 12px rgba(115,63,255,.45)}
.main-nav span{font-size:10px;color:#858aa8;margin-right:5px}
.consult-btn{border:1px solid #3e39ad;border-radius:10px;color:#fff;text-decoration:none;padding:9px 14px;font-size:11px;box-shadow:0 0 14px rgba(72,48,255,.08);white-space:nowrap}
.consult-btn span{color:#8e68ff;margin-left:7px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}

.hero{min-height:415px;position:relative}
.hero-content{display:flex;direction:rtl;min-height:415px;align-items:center}
.hero-copy{width:48%;padding:30px 5% 10px 3%;position:relative;z-index:2}
.eyebrow{display:inline-flex;gap:7px;align-items:center;border:1px solid rgba(110,46,255,.25);background:rgba(55,17,100,.18);color:#a47cff;border-radius:8px;padding:5px 10px;font-size:10px;margin-bottom:12px}.eyebrow span{color:#a646ff;font-size:9px}
h1{font-size:44px;line-height:1.38;font-weight:700;margin:0 0 12px;letter-spacing:-1.2px}h1 strong{font-weight:800;background:linear-gradient(90deg,#0f75ff,#8d2eff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{font-size:13px;color:#c0c3d6;line-height:2.2;margin-bottom:21px}
.hero-actions{display:flex;gap:14px;justify-content:flex-start}.hero-actions a{min-width:185px;text-align:center;padding:13px 18px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:600}
.btn-primary-glow{background:linear-gradient(100deg,#6b3fff,#a42bff);color:white;box-shadow:0 7px 28px rgba(102,45,255,.24)}
.btn-outline-glow{border:1px solid #6241ff;color:#e7e5ff;background:rgba(10,10,40,.45)}

.hero-showcase{width:52%;height:390px;position:relative;direction:ltr;margin-top:0;overflow:visible}.showcase-carousel{position:absolute;inset:0;height:100%;overflow:visible}.showcase-carousel .carousel-inner{height:100%;overflow:visible}.showcase-carousel .carousel-item{height:100%;position:relative;overflow:visible}.showcase-carousel .carousel-item:not(.active){visibility:hidden}
.map-lines{position:absolute;left:1%;bottom:30px;width:92%;height:160px;opacity:.6;background:linear-gradient(165deg,transparent 45%,rgba(24,72,255,.4) 46%,transparent 47%),linear-gradient(30deg,transparent 48%,rgba(0,214,255,.3) 49%,transparent 50%);filter:blur(.2px);border-radius:50%;box-shadow:0 20px 70px rgba(0,54,255,.15)}
.map-lines:after{content:"";position:absolute;inset:30px;background-image:linear-gradient(25deg,transparent 47%,#163b9a 48%,transparent 49%),linear-gradient(155deg,transparent 47%,#10369c 48%,transparent 49%);opacity:.45}
.show-card{position:absolute;border:1px solid rgba(67,96,255,.7);background:linear-gradient(160deg,rgba(20,29,72,.94),rgba(6,12,38,.96));border-radius:12px;padding:14px;box-shadow:0 0 26px rgba(0,70,255,.24);color:#fff;direction:rtl;overflow:hidden}
.showcase-carousel .carousel-item{transition:opacity .8s ease-in-out!important}.showcase-carousel .carousel-item.active .show-card{animation:showcaseCardIn .8s ease both}.showcase-carousel .carousel-item.active .show-card.left{animation-delay:.05s}.showcase-carousel .carousel-item.active .show-card.main{animation-delay:.12s}.showcase-carousel .carousel-item.active .show-card.right{animation-delay:.18s}@keyframes showcaseCardIn{from{opacity:0}to{opacity:1}}.show-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 20%,rgba(65,92,255,.13),transparent 30%);pointer-events:none}
.show-card.main{width:185px;height:292px;left:29%;top:22px;border-color:#1f72ff;box-shadow:0 0 32px rgba(17,75,255,.4)}
.show-card.small{width:150px;height:235px;top:76px}.show-card.left{left:5%;transform:rotate(-6deg);border-color:#7d36ff}.show-card.right{left:59%;transform:rotate(4deg);border-color:#0a9dc2}
.show-card .verified{position:absolute;top:12px;left:10px;font-size:7px;background:rgba(17,122,74,.45);border-radius:8px;padding:3px 6px;color:#74f4ae}
.circle-logo{width:53px;height:53px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:21px;background:#fff;color:#111;box-shadow:0 0 16px rgba(255,255,255,.12)}
.circle-logo.purple{background:#9c64c9;color:#fff}.circle-logo.green{color:#23824f}
.show-card h4{font-size:14px;margin:5px 0;font-weight:700}.show-card p{font-size:9px;color:#afb6d1;margin:0 0 10px}.mini-icons{color:#3da8ff;font-size:12px;margin-bottom:11px}
.show-card img{width:100%;height:77px;object-fit:cover;border-radius:6px;display:block}.show-card.small img{height:61px}
.location-pin{position:absolute;left:39%;bottom:8px;display:flex;flex-direction:column;align-items:center;color:#bfc8e6;font-size:9px;z-index:3}.pin-ring{font-size:39px;line-height:35px;color:#2b82ff;text-shadow:0 0 17px #1b65ff}

.filters{position:relative;z-index:3}
.filter-panel{height:80px;border:1px solid rgba(61,75,155,.26);background:linear-gradient(180deg,rgba(11,18,51,.94),rgba(7,12,36,.94));border-radius:13px;display:flex;align-items:center;gap:9px;padding:12px 18px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.search-box{height:52px;flex:1;display:flex;align-items:center;gap:12px;background:#0a1230;border:1px solid rgba(60,74,150,.18);border-radius:9px;padding:0 14px;direction:ltr}.search-box span{font-size:25px;color:#7d86b6}.search-box input{border:0;outline:0;background:transparent;color:#e9ebfa;flex:1;text-align:right;font-family:inherit;font-size:11px}.search-box input::placeholder{color:#777e9f}
.filter-btn{height:52px;min-width:115px;border:1px solid rgba(65,80,162,.16);background:#0a1230;color:#c8cbe0;border-radius:9px;font-family:inherit;font-size:11px;transition:.2s}.filter-btn:hover{border-color:#6547e9;color:#fff;background:#101840}
.categories{height:72px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(61,75,155,.2);background:#080e2a;border-radius:9px;margin-top:13px;overflow:hidden}
.categories button{border:0;border-left:1px solid rgba(60,75,150,.12);background:transparent;color:#d2d5e6;font-family:inherit;font-size:12px;display:flex;justify-content:center;align-items:center;gap:9px}.categories button:first-child{border-left:0}.categories button::first-letter{color:#35a9ff;font-size:21px}.categories button:hover{background:#0d1539;color:#fff}

.business-section{padding-top:9px;padding-bottom:35px}.section-title{height:52px;display:flex;direction:rtl;align-items:center;gap:11px;justify-content:flex-start}.section-title h2{font-size:13px;margin:0;font-weight:600}.section-title .line{height:1px;width:18px;background:#7845ff;box-shadow:0 0 10px #7845ff}
.business-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.business-card{min-width:0;background:linear-gradient(180deg,#0b1436,#07102b);border:1px solid rgba(64,80,170,.25);border-radius:10px;overflow:hidden;box-shadow:0 7px 20px rgba(0,0,0,.18);transition:transform .25s,border-color .25s;direction:rtl}
.business-card:hover{transform:translateY(-4px);border-color:#344ec2}.card-image{height:104px;position:relative;overflow:visible}.card-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) brightness(.88)}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,#08122e 100%)}
.verified{position:absolute;z-index:2;top:7px;left:7px;background:rgba(17,91,67,.72);border-radius:10px;padding:3px 6px;color:#91f2bb;font-size:7px}.round-logo{position:absolute;z-index:3;bottom:-19px;left:12px;width:48px;height:48px;border-radius:50%;background:#fff;color:#111;border:2px solid #080b18;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 12px #0008}.round-logo.gold{color:#d3a500}.round-logo.green{color:#2c9c62}.round-logo.black{background:#050505;color:#fff}
.card-body{padding:22px 13px 11px;text-align:right;min-height:160px}.card-body h3{font-size:12px;margin:0 0 6px}.card-body p{font-size:8px;line-height:1.9;color:#b8bed8;margin:0 0 5px}.card-body small{display:block;color:#9ca4c5;font-size:7px;line-height:1.9;height:35px}.card-body a{display:block;text-align:center;text-decoration:none;color:#d7d8f1;border:1px solid #5c39e8;border-radius:7px;padding:7px 3px;font-size:9px;margin-top:8px}.business-card:nth-child(4) .card-body a{border-color:#4a2bd1}

@media (max-width:1100px){
  .main-nav{gap:18px}.hero-copy{width:50%;padding-right:3%}.hero-showcase{width:50%}h1{font-size:36px}.business-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .topbar,.nav-wrap{height:70px}.main-nav,.consult-btn{display:none}.menu-toggle{display:block;margin-right:auto}.brand{margin-right:0}
  .hero{padding-top:10px}.hero-content{flex-direction:column-reverse;min-height:auto}.hero-copy,.hero-showcase{width:100%}.hero-copy{text-align:center;padding:10px 15px 30px}.hero-showcase{height:330px;transform:scale(.88);margin-top:-10px}.hero-actions{justify-content:center}.hero-actions a{min-width:145px}
  .filter-panel{height:auto;flex-wrap:wrap}.search-box{flex-basis:100%}.filter-btn{flex:1;min-width:0}.categories{grid-template-columns:repeat(3,1fr);height:auto}.categories button{height:55px}.business-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  h1{font-size:29px}.hero-copy p{font-size:10px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.hero-showcase{transform:scale(.72);transform-origin:top center;margin-bottom:-70px}.business-grid{grid-template-columns:1fr}.filter-btn{font-size:9px}.categories{grid-template-columns:repeat(2,1fr)}
}

/* Business showcase slideshow */
.showcase-indicators{bottom:-4px;margin:0;gap:5px;z-index:8;direction:ltr}.showcase-indicators [data-bs-target]{width:18px;height:3px;border:0;border-radius:10px;margin:0;background:#5264a8;opacity:.45}.showcase-indicators .active{width:32px;background:#5b6cff;opacity:1;box-shadow:0 0 10px rgba(70,100,255,.8)}
@media (max-width:768px){.showcase-indicators{bottom:2px}}