
:root{
  --red:#e31b2f;
  --red-dark:#b70f1e;
  --ink:#0f1115;
  --ink-2:#1b1f27;
  --text:#2c313a;
  --muted:#707785;
  --line:rgba(15,17,21,.08);
  --soft:#f5f6f8;
  --white:#ffffff;
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:18px;
  --shadow:0 20px 60px rgba(15,17,21,.08);
  --shadow-deep:0 30px 80px rgba(15,17,21,.12);
  --shadow-red:0 20px 50px rgba(227,27,47,.24);
  --container:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  direction:rtl;
  font-family:Vazir, Vazirmatn, IRANSans, Tahoma, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(227,27,47,.08), transparent 18%),
    linear-gradient(180deg,#fff 0%,#fafafa 100%);
}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.noise{
  position:fixed; inset:0; pointer-events:none; opacity:.04;
  background-image:radial-gradient(#000 0.7px, transparent 0.7px);
  background-size:16px 16px;
}
.site-header{
  position:sticky; top:0; z-index:60;
  backdrop-filter:blur(18px);
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(15,17,21,.06);
}
.header-inner{
  width:min(100%, var(--container));
  margin:0 auto;
  padding:14px clamp(16px,3vw,40px);
  display:flex; align-items:center; gap:18px;
}
.brand{display:flex; align-items:center; flex:0 0 auto}
.brand img{height:58px; width:auto; object-fit:contain}
.desktop-nav{
  display:flex; align-items:center; gap:6px;
  margin-inline-start:auto;
}
.desktop-nav a{
  padding:12px 14px; border-radius:999px; font-size:14px; color:#232833;
  transition:.2s ease;
}
.desktop-nav a:hover{background:#f1f2f4; color:var(--red)}
.header-cta{display:flex; align-items:center; gap:10px}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:none; cursor:pointer; border-radius:999px; min-height:46px; padding:0 18px;
  font-weight:700; transition:.22s ease;
}
.btn i{font-size:18px}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  box-shadow:var(--shadow-red);
}
.btn-soft{
  color:var(--ink);
  background:#f1f3f5;
}
.btn-white{
  color:var(--ink);
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.6);
}
.btn-outline{
  color:var(--red);
  background:#fff;
  border:1px solid rgba(227,27,47,.22);
}
.btn-outline.light{
  color:#fff;
  border-color:rgba(255,255,255,.26);
  background:rgba(255,255,255,.10);
}
.btn:hover{transform:translateY(-2px)}
.btn-pop{
  position:relative;
}
.btn-pop::after{
  content:"";
  position:absolute; inset:auto 16px -9px 16px; height:14px; border-radius:999px;
  background:rgba(227,27,47,.18); filter:blur(10px); z-index:-1;
}
.menu-btn{
  display:none; width:46px; height:46px; border:0; border-radius:16px;
  background:#f1f3f5; cursor:pointer;
}
.menu-btn span{
  display:block; width:20px; height:2px; background:var(--ink); margin:4px auto; border-radius:99px;
}
.mobile-nav{
  display:none;
  width:min(100%, var(--container));
  margin:0 auto;
  padding:0 16px 14px;
}
.mobile-nav a{
  display:block; padding:12px 14px; margin-top:8px; border-radius:14px; background:#f6f7f8;
}
.hero-section{
  width:min(100%, var(--container));
  margin:0 auto;
  padding:22px clamp(16px,3vw,40px) 34px;
  display:grid; grid-template-columns:minmax(0,1.58fr) 380px; gap:22px;
  min-height:calc(100vh - 88px);
  align-items:stretch;
}
.hero-main,.hero-side{min-width:0}
.hero-main{display:flex}
.hero-main .hero-slider{width:100%; height:100%}
.hero-slider{
  position:relative; min-height:640px; height:100%; overflow:hidden; border-radius:var(--radius-xl);
  box-shadow:var(--shadow-deep);
  background:linear-gradient(140deg, #0d1016 0%, #181c24 100%);
  color:#fff;
}
.hero-slider::before{
  content:""; position:absolute; width:440px; height:440px; border-radius:50%;
  top:-120px; right:-80px; background:rgba(227,27,47,.22); filter:blur(10px);
}
.slide{
  position:absolute; inset:0;
  display:grid; grid-template-columns:1.08fr .92fr; gap:12px; align-items:center;
  padding:46px clamp(24px,4vw,56px) 100px;
  opacity:0; transform:translateX(14px); pointer-events:none; transition:.45s ease;
}
.slide.active{opacity:1; transform:none; pointer-events:auto}
.eyebrow,.section-badge{
  display:inline-flex; align-items:center; gap:6px; width:max-content;
  padding:8px 12px; border-radius:999px; font-size:13px; font-weight:800;
}
.eyebrow{background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.12); color:#fff}
.section-badge{background:rgba(227,27,47,.08); border:1px solid rgba(227,27,47,.12); color:var(--red)}
.slide h1,.slide h2{
  font-size:clamp(34px,4vw,66px); line-height:1.2; letter-spacing:-1px; margin:22px 0 14px;
  color:#fff;
}
.slide p{
  margin:0; color:rgba(255,255,255,.72); font-size:17px; line-height:2; max-width:600px;
}
.hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:30px}
.slide-visual{
  position:relative; min-height:420px; display:grid; place-items:center;
}
.hero-circle{
  width:min(360px,72%); aspect-ratio:1; border-radius:50%;
  background:linear-gradient(135deg,#ff4458,var(--red-dark));
  box-shadow:0 40px 100px rgba(227,27,47,.40);
}
.floating-card,.metric{
  position:absolute; min-width:210px;
  padding:18px; border-radius:24px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(16px);
}
.floating-card i,.metric i{font-size:28px; color:#ff7b86}
.floating-card strong,.metric strong{
  display:block; margin:10px 0 6px; color:#fff; font-size:20px;
}
.floating-card span,.metric small{
  color:rgba(255,255,255,.65);
}
.floating-card-a{top:48px; left:0}
.floating-card-b{bottom:28px; right:8px}
.metric-1{top:44px; right:18px}
.metric-2{top:178px; left:12px}
.metric-3{bottom:20px; right:56px}
.stack-card{
  position:absolute; width:240px; height:300px; border-radius:30px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.17);
}
.stack-1{transform:rotate(-9deg) translate(-40px,20px)}
.stack-2{transform:rotate(0deg); background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08))}
.stack-3{transform:rotate(9deg) translate(44px,-6px); background:linear-gradient(135deg, rgba(227,27,47,.76), rgba(183,15,30,.88))}
.slider-controls{
  position:absolute; left:26px; right:26px; bottom:22px; display:flex; align-items:center; justify-content:space-between;
}
.slider-btn{
  width:44px; height:44px; display:grid; place-items:center;
  border-radius:50%; border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10); color:#fff; cursor:pointer;
}
.slider-btn i{font-size:24px}
.slider-dots{display:flex; align-items:center; gap:8px}
.slider-dots button{
  width:10px; height:10px; border-radius:99px; border:0; cursor:pointer;
  background:rgba(255,255,255,.32); transition:.2s ease;
}
.slider-dots button.active{width:34px; background:#fff}
.hero-side{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:18px;
  min-height:640px;
  height:640px;
}
.side-card-top{
  display:flex; align-items:center; justify-content:space-between; gap:10px; position:relative; z-index:1;
}
.side-mini-pill{
  display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px;
  font-size:12px; background:#f3f4f6; color:#404754;
}
.side-mini-pill i{color:var(--red); font-size:16px;}
.side-card{
  background:rgba(255,255,255,.88); border:1px solid var(--line); border-radius:var(--radius-xl);
  box-shadow:var(--shadow); padding:26px; position:relative; overflow:hidden;
  display:flex; flex-direction:column;
}
.side-card-why{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(251,245,246,.98));
}
.side-card-services{
  background:linear-gradient(180deg, #ffffff, #fbfbfc);
}
.side-card::after{
  content:""; position:absolute; left:-40px; bottom:-60px; width:180px; height:180px; border-radius:50%;
  background:rgba(227,27,47,.07);
}
.side-card h3{
  position:relative; z-index:1;
  margin:16px 0 10px; font-size:30px; line-height:1.45; color:var(--ink);
}
.side-intro{
  position:relative; z-index:1; margin:0; color:var(--muted); line-height:2;
}
.why-points{
  position:relative; z-index:1; display:grid; gap:12px; margin-top:18px;
}
.why-point{
  display:flex; align-items:flex-start; gap:12px; padding:14px; border-radius:20px;
  background:rgba(255,255,255,.74); border:1px solid rgba(15,17,21,.06);
}
.why-point i{
  width:38px; height:38px; display:grid; place-items:center; border-radius:14px;
  background:rgba(227,27,47,.10); color:var(--red); font-size:20px; flex:0 0 auto;
}
.why-point strong{display:block; color:var(--ink); margin-bottom:4px;}
.why-point span{display:block; color:#606775; line-height:1.8; font-size:14px;}
.services-note{
  margin-top:auto; display:flex; align-items:flex-start; gap:10px; padding:14px 16px; border-radius:18px;
  background:#f6f7f9; color:#59606d; line-height:1.9;
}
.services-note i{color:var(--red); font-size:18px; margin-top:4px;}
.bullet-list{
  list-style:none; padding:0; margin:18px 0 0; display:grid; gap:12px;
}
.bullet-list li{
  position:relative; z-index:1;
  display:flex; align-items:center; gap:10px; color:#505661;
}
.bullet-list i,.consult-points i{color:var(--red); font-size:18px}
.inline-link{
  display:inline-flex; margin-top:18px; color:var(--red); font-weight:800; position:relative; z-index:1;
}
.mini-service-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px;
}
.mini-service-grid a{
  min-height:96px; border-radius:22px; background:#f4f5f7; border:1px solid rgba(15,17,21,.06);
  padding:16px; display:flex; flex-direction:column; justify-content:space-between; gap:10px; transition:.2s ease;
}
.mini-service-grid a i{font-size:26px; color:var(--red)}
.mini-service-grid a span{font-weight:700; color:#202632; line-height:1.7;}
.mini-service-grid a:hover{transform:translateY(-3px); background:#fff}
.mini-service-grid-polished a{
  background:linear-gradient(180deg, #ffffff, #f6f7f8);
  box-shadow:0 10px 24px rgba(15,17,21,.04);
}
.stats-section{
  width:min(100%, var(--container));
  margin:0 auto;
  padding:4px clamp(16px,3vw,40px) 0;
}
.stats-showcase{
  display:grid;
  grid-template-columns:1.25fr .72fr .72fr;
  grid-template-areas:
    "feature year investor"
    "feature year service";
  gap:16px;
}
.stat-panel{
  border-radius:28px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow); padding:24px;
}
.stat-panel strong{
  display:block; font-size:clamp(30px,3.6vw,56px); color:var(--red); letter-spacing:-1px; line-height:1;
}
.stat-panel h3{margin:10px 0 0; font-size:18px; color:var(--ink);}
.stat-panel p{margin:10px 0 0; color:var(--muted); line-height:1.9;}
.stat-panel-feature{
  grid-area:feature;
  color:#fff;
  background:radial-gradient(circle at 85% 20%, rgba(255,255,255,.12), transparent 24%), linear-gradient(135deg, #11161d, #1e2430);
  border:none; box-shadow:var(--shadow-deep);
}
.stat-panel-feature .section-badge{background:rgba(255,255,255,.10); color:#fff; border-color:rgba(255,255,255,.12);}
.stat-panel-feature .stat-panel-head{display:flex; align-items:center; justify-content:space-between; gap:12px;}
.stat-panel-feature .stat-panel-head i{font-size:24px; color:#ff7c86;}
.stat-panel-feature .stat-panel-body{display:flex; flex-direction:column; justify-content:flex-end; min-height:230px;}
.stat-panel-feature strong{font-size:clamp(58px,7vw,90px); color:#fff; margin-top:auto;}
.stat-panel-feature .stat-copy h3{color:#fff; font-size:22px; margin-top:16px;}
.stat-panel-feature .stat-copy p{color:rgba(255,255,255,.72); max-width:430px;}
.stat-panel-tall{
  grid-area:year;
  display:flex; flex-direction:column; justify-content:space-between;
  background:linear-gradient(180deg, rgba(227,27,47,.08), #fff);
}
.stat-panel-small{
  display:flex; align-items:center; gap:16px;
}
.stat-panel-investor{grid-area:investor;}
.stat-panel-service{grid-area:service;}
.stat-icon{
  width:54px; height:54px; border-radius:18px; display:grid; place-items:center;
  background:rgba(227,27,47,.10); color:var(--red); flex:0 0 auto;
}
.stat-icon i{font-size:26px;}
.section{
  width:min(100%, var(--container));
  margin:0 auto;
  padding:76px clamp(16px,3vw,40px);
}
.section-head{max-width:780px; margin-bottom:28px}
.section-head h2,.consult-copy h2{
  font-size:clamp(28px,3.4vw,48px); line-height:1.35; letter-spacing:-1px; margin:16px 0 12px; color:var(--ink);
}
.section-head p,.consult-copy p{
  margin:0; color:var(--muted); line-height:2;
}
.service-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}
.feature-card,.article-card,.fund-card{
  border-radius:var(--radius-lg); background:#fff; border:1px solid var(--line); box-shadow:var(--shadow);
}
.feature-card{padding:28px; min-height:270px}
.feature-icon{
  width:58px; height:58px; display:grid; place-items:center; border-radius:18px;
  background:linear-gradient(135deg,var(--red),var(--red-dark)); color:#fff; box-shadow:var(--shadow-red);
}
.feature-icon i{font-size:28px}
.feature-card h3,.article-card h3,.fund-card h3{
  margin:20px 0 10px; font-size:22px; color:var(--ink);
}
.feature-card p,.article-card p,.fund-card p{margin:0; line-height:2; color:var(--muted)}
.funds-section{background:var(--soft); border-radius:40px}
.funds-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.fund-card{padding:28px; min-height:280px}
.fund-card-dark{
  background:linear-gradient(140deg,#12151c,#252a33); color:#fff;
}
.fund-card-dark p{color:rgba(255,255,255,.70)}
.fund-top{display:flex; align-items:center; justify-content:space-between; gap:10px}
.fund-top span,.fund-top b,.article-card span,.modal-meta span{
  display:inline-flex; width:max-content; padding:8px 12px; border-radius:999px; font-size:13px;
}
.fund-top span,.article-card span,.modal-meta span:first-child{
  background:rgba(227,27,47,.08); color:var(--red);
}
.fund-top b,.modal-meta span:last-child{
  background:#eef0f4; color:#313745;
}
.fund-card-dark .fund-top span,.fund-card-dark .fund-top b{
  background:rgba(255,255,255,.10); color:#fff;
}
.article-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
.article-card{padding:26px; min-height:230px}
.consult-section{
  display:grid; grid-template-columns:.92fr 1.08fr; gap:26px; align-items:start;
}
.consult-points{
  list-style:none; padding:0; margin:20px 0 0; display:grid; gap:12px;
}
.consult-points li{display:flex; align-items:center; gap:10px}
.consult-form{
  display:grid; grid-template-columns:1fr 1fr; gap:14px;
  padding:28px; border-radius:var(--radius-xl); background:#fff; border:1px solid var(--line); box-shadow:var(--shadow);
}
.consult-form label{display:grid; gap:8px; color:#2a2f38; font-weight:700}
.consult-form label.full,.consult-form .full{grid-column:1/-1}
.consult-form input,.consult-form select,.consult-form textarea{
  width:100%; border-radius:18px; border:1px solid rgba(15,17,21,.10); background:#f6f7f9;
  padding:14px 16px; outline:none; transition:.2s ease;
}
.consult-form input:focus,.consult-form select:focus,.consult-form textarea:focus{
  border-color:rgba(227,27,47,.34); box-shadow:0 0 0 4px rgba(227,27,47,.09); background:#fff;
}
.form-message{min-height:24px; margin:0; color:var(--red); font-weight:700}
.site-footer{
  background:#0f1218; color:#fff; margin-top:20px;
}
.footer-top{
  width:min(100%, var(--container));
  margin:0 auto;
  padding:56px clamp(16px,3vw,40px) 30px;
  display:grid; grid-template-columns:1.4fr .8fr .8fr 1fr 1.1fr; gap:24px;
}
.footer-brand img{height:60px; filter:brightness(0) invert(1)}
.footer-brand p,.footer-newsletter p,.footer-col p,.footer-col a{
  color:rgba(255,255,255,.68); line-height:2;
}
.footer-col h3,.footer-newsletter h3{margin:0 0 16px; font-size:18px; color:#fff}
.footer-col a{display:block; margin:8px 0}
.footer-col p{display:flex; align-items:flex-start; gap:10px; margin:8px 0}
.footer-col i{margin-top:4px; color:#ff6f7c}
.footer-social{display:flex; gap:10px; margin-top:18px}
.footer-social a{
  width:42px; height:42px; border-radius:14px; display:grid; place-items:center;
  background:rgba(255,255,255,.08); color:#fff;
}
.footer-social a i{font-size:20px}
.newsletter-form{
  display:flex; gap:8px; margin-top:16px;
}
.newsletter-form input{
  flex:1; min-width:0; border:none; outline:none; border-radius:16px; padding:14px; background:#171b22; color:#fff;
}
.newsletter-form button{
  border:none; border-radius:16px; padding:0 18px; background:linear-gradient(135deg,var(--red),var(--red-dark)); color:#fff; cursor:pointer;
}
.trust-row{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;
}
.trust-row span{
  padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.78); font-size:13px;
}
.footer-bottom{
  width:min(100%, var(--container));
  margin:0 auto;
  padding:18px clamp(16px,3vw,40px) 28px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.footer-bottom p{margin:0; color:rgba(255,255,255,.56)}
.footer-bottom-links{display:flex; gap:14px; flex-wrap:wrap}
.footer-bottom-links a{color:rgba(255,255,255,.72)}
.modal{
  position:fixed; inset:0; display:none; z-index:120;
}
.modal.show{display:block}
.modal-backdrop{
  position:absolute; inset:0; background:rgba(10,12,16,.56); backdrop-filter:blur(8px);
}
.modal-dialog{
  position:relative;
  width:min(92vw, 680px);
  margin:8vh auto;
  background:#fff;
  border-radius:30px;
  padding:28px;
  box-shadow:0 30px 90px rgba(15,17,21,.22);
  z-index:2;
}
.modal-close{
  position:absolute; left:18px; top:18px; width:42px; height:42px;
  border:none; border-radius:14px; background:#f3f4f6; cursor:pointer;
}
.modal-close i{font-size:22px}
.modal-dialog h3{margin:16px 0 14px; font-size:30px; color:var(--ink)}
.modal-meta{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px}
.modal-dialog p{margin:0; color:var(--muted); line-height:2}
.modal-features{margin-top:18px; padding:18px; border-radius:20px; background:#f6f7f9}
.modal-features h4{margin:0 0 10px; color:var(--ink)}
.modal-features ul{margin:0; padding:0; list-style:none; display:grid; gap:10px}
.modal-features li{
  display:flex; gap:10px; align-items:flex-start;
}
.modal-features li::before{
  content:""; width:8px; height:8px; border-radius:50%; margin-top:10px; background:var(--red);
}
.modal-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:24px}
@media (max-width:1200px){
  .desktop-nav{display:none}
  .menu-btn{display:block; margin-inline-start:auto;}
  .header-cta{margin-inline-start:auto;}
  .hero-section{grid-template-columns:1fr; min-height:auto;}
  .hero-side{grid-template-columns:1fr 1fr; grid-template-rows:none; min-height:auto; height:auto;}
  .mobile-nav.open{display:block}
  .footer-top{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .stats-showcase{grid-template-columns:1fr 1fr; grid-template-areas:"feature feature" "year investor" "year service";}
}
@media (max-width:860px){
  .header-inner{padding-inline:16px; gap:12px;}
  .brand img{height:48px}
  .header-cta{margin-inline-start:auto;}
  .header-cta .btn{display:none}
  .hero-section{padding:16px}
  .hero-slider{min-height:560px}
  .slide{
    grid-template-columns:1fr;
    padding:30px 22px 90px;
  }
  .slide h1,.slide h2{font-size:38px}
  .slide-visual{display:none}
  .hero-side,.service-grid,.funds-grid,.article-grid,.consult-section,.consult-form,.footer-top{
    grid-template-columns:1fr;
  }
  .hero-side{min-height:auto; height:auto;}
  .section,.stats-section{padding-inline:16px}
  .mini-service-grid, .stats-showcase{grid-template-columns:1fr; grid-template-areas:"feature" "year" "investor" "service";}
  .stat-panel-feature .stat-panel-body{min-height:auto; gap:18px;}
  .stat-panel-small{align-items:flex-start;}
  .footer-bottom{flex-direction:column; align-items:flex-start}
}

.hero-side{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:18px;
  height:100%;
  min-height:640px;
}

.side-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,17,21,.07);
  box-shadow:0 18px 45px rgba(15,17,21,.06);
  overflow:hidden;
  position:relative;
}

.side-card-why{
  background:linear-gradient(180deg, #ffffff, #fcf5f6);
}

.side-card-services{
  background:linear-gradient(180deg, #ffffff, #f8f9fb);
}

.side-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.side-mini-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  border-radius:999px;
  background:#f2f4f7;
  color:#4b5563;
  font-size:12px;
  font-weight:700;
}

.side-mini-pill i{
  color:var(--red);
  font-size:15px;
}

.side-card-body h3{
  margin:0 0 16px;
  font-size:32px;
  line-height:1.35;
  color:var(--ink);
}

.bullet-list.compact{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}

.bullet-list.compact li{
  display:flex;
  align-items:center;
  gap:10px;
  color:#505661;
  font-size:15px;
}

.bullet-list.compact li i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(227,27,47,.08);
  color:var(--red);
  font-size:15px;
  flex:0 0 auto;
}

.compact-services{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.compact-services a{
  min-height:84px;
  border-radius:20px;
  background:#f4f5f7;
  border:1px solid rgba(15,17,21,.06);
  padding:14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:8px;
  transition:.2s ease;
}

.compact-services a:hover{
  transform:translateY(-2px);
  background:#fff;
}

.compact-services a i{
  font-size:22px;
  color:var(--red);
}

.compact-services a span{
  font-size:14px;
  font-weight:700;
  color:#1f2937;
  line-height:1.7;
}

.side-card-actions{
  margin-top:18px;
  padding-top:16px;
}

.btn-soft-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,17,21,.08);
  color:#1f2937;
  font-weight:700;
  transition:.2s ease;
}

.btn-soft-outline:hover{
  color:var(--red);
  border-color:rgba(227,27,47,.24);
  transform:translateY(-2px);
}

@media (max-width:1200px){
  .hero-side{
    grid-template-columns:1fr 1fr;
    grid-template-rows:none;
    height:auto;
    min-height:auto;
  }
}

@media (max-width:860px){
  .hero-side{
    grid-template-columns:1fr;
  }

  .compact-services{
    grid-template-columns:1fr;
  }

  .side-card-body h3{
    font-size:26px;
  }
}


/* ===============================
   FIX: Hero side cards height + services card clipping
   Put this at the END of style.css
   =============================== */

.hero-section{
  align-items: stretch;
}

.hero-main{
  display: flex;
}

.hero-main .hero-slider{
  width: 100%;
  height: 100%;
  min-height: 680px;
}

.hero-side{
  height: 680px;
  min-height: 680px;
  display: grid;
  grid-template-rows: minmax(250px, .82fr) minmax(390px, 1.18fr);
  gap: 18px;
}

/* کارت‌ها */
.side-card{
  min-height: 0;
  padding: 22px;
  overflow: hidden;
}

/* عنوان‌ها کوچک‌تر و کنترل‌شده‌تر */
.side-card-body h3{
  font-size: 28px;
  line-height: 1.35;
  margin: 0 0 14px;
}

/* هدر کارت */
.side-card-head{
  margin-bottom: 12px;
}

.side-mini-pill{
  padding: 6px 10px;
  font-size: 11px;
}

/* کارت چرا ما جمع‌وجورتر */
.bullet-list.compact{
  gap: 10px;
}

.bullet-list.compact li{
  font-size: 14px;
}

.bullet-list.compact li i{
  width: 26px;
  height: 26px;
  border-radius: 9px;
}

/* خدمات ما: باکس‌ها باید کوتاه‌تر باشند */
.compact-services{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.compact-services a{
  min-height: 68px;
  padding: 12px;
  border-radius: 18px;
  gap: 6px;
}

.compact-services a i{
  font-size: 21px;
}

.compact-services a span{
  font-size: 13px;
  line-height: 1.55;
}

/* دکمه پایین */
.side-card-actions{
  margin-top: 12px;
  padding-top: 10px;
}

.btn-soft-outline{
  min-height: 42px;
  padding: 0 16px;
  font-size: 14px;
}

/* فاصله بعد از هیرو */
.stats-section{
  margin-top: 22px;
}

/* موبایل و تبلت */
@media (max-width:1200px){
  .hero-main .hero-slider{
    min-height: 620px;
  }

  .hero-side{
    height: auto;
    min-height: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: none;
  }

  .side-card{
    min-height: 330px;
  }
}

@media (max-width:860px){
  .hero-main .hero-slider{
    min-height: 560px;
  }

  .hero-side{
    grid-template-columns: 1fr;
  }

  .side-card{
    min-height: auto;
  }

  .compact-services{
    grid-template-columns: 1fr;
  }

  .compact-services a{
    min-height: 64px;
  }

  .side-card-body h3{
    font-size: 25px;
  }
}


/* ===============================
   PREMIUM FUNDS SECTION
   =============================== */

.funds-section-premium{
  background:
    radial-gradient(circle at top left, rgba(227,27,47,.06), transparent 20%),
    linear-gradient(180deg, #fafafa, #f5f6f8);
  border-radius: 42px;
  overflow: hidden;
}

.section-head-wide{
  max-width: 880px;
}

.funds-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:26px;
}

.fund-filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.fund-filter{
  border:none;
  cursor:pointer;
  padding:10px 16px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(15,17,21,.08);
  color:#2b313d;
  font-weight:700;
  transition:.2s ease;
}

.fund-filter:hover{
  transform:translateY(-2px);
}

.fund-filter.is-active{
  color:#fff;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  box-shadow:var(--shadow-red);
  border-color:transparent;
}

.funds-toolbar-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--red);
  font-weight:800;
}

.funds-spotlight{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
  align-items:stretch;
}

.fund-hero-card{
  position:relative;
  min-height:520px;
  border-radius:34px;
  padding:30px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.10), transparent 18%),
    radial-gradient(circle at 18% 82%, rgba(227,27,47,.26), transparent 24%),
    linear-gradient(140deg, #0f131a, #202633);
  box-shadow:0 28px 70px rgba(15,17,21,.18);
}

.fund-hero-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

.fund-hero-badge,
.fund-hero-risk{
  display:inline-flex;
  align-items:center;
  padding:9px 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
}

.fund-hero-badge{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
}

.fund-hero-risk{
  background:rgba(227,27,47,.18);
  border:1px solid rgba(227,27,47,.24);
}

.fund-hero-card h3{
  font-size:42px;
  line-height:1.25;
  margin:22px 0 14px;
  color:#fff;
}

.fund-hero-card p{
  max-width:620px;
  margin:0;
  color:rgba(255,255,255,.74);
  line-height:2;
}

.fund-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:28px;
}

.fund-hero-metrics div{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
}

.fund-hero-metrics small{
  display:block;
  color:rgba(255,255,255,.55);
  margin-bottom:8px;
}

.fund-hero-metrics strong{
  color:#fff;
  font-size:18px;
}

.fund-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
  position:relative;
  z-index:2;
}

.fund-hero-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(10px);
}

.fund-hero-glow-a{
  width:220px;
  height:220px;
  left:-50px;
  bottom:-70px;
  background:rgba(227,27,47,.16);
}

.fund-hero-glow-b{
  width:280px;
  height:280px;
  right:-70px;
  top:-80px;
  background:rgba(255,255,255,.06);
}

.fund-cards-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

.fund-premium-card{
  padding:24px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(15,17,21,.08);
  box-shadow:0 16px 40px rgba(15,17,21,.06);
}

.fund-premium-card-dark{
  color:#fff;
  background:linear-gradient(140deg,#141922,#252b36);
}

.fund-premium-card-dark p,
.fund-premium-card-dark .fund-points li{
  color:rgba(255,255,255,.72);
}

.fund-premium-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}

.fund-tag,
.fund-risk{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}

.fund-tag{
  background:rgba(227,27,47,.08);
  color:var(--red);
}

.dark-tag{
  background:rgba(255,255,255,.10);
  color:#fff;
}

.fund-risk.low{
  background:#eef8f0;
  color:#1d7a35;
}

.fund-risk.mid{
  background:#fff4e8;
  color:#b86b00;
}

.fund-risk.high{
  background:#fdebec;
  color:#bb2231;
}

.fund-premium-card h3{
  margin:18px 0 10px;
  font-size:24px;
  color:inherit;
}

.fund-premium-card p{
  margin:0;
  color:var(--muted);
  line-height:2;
}

.fund-points{
  list-style:none;
  margin:18px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}

.fund-points li{
  position:relative;
  padding-right:16px;
  color:#515866;
  line-height:1.8;
}

.fund-points li::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--red);
  position:absolute;
  right:0;
  top:12px;
}

.fund-card-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:20px;
}

.card-link-action{
  display:inline-flex;
  align-items:center;
  color:var(--red);
  font-weight:800;
}

.light-link{
  color:#fff;
}

.funds-bottom-strip{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.fund-strip-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:18px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(15,17,21,.06);
  box-shadow:0 10px 26px rgba(15,17,21,.04);
}

.fund-strip-item i{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(227,27,47,.08);
  color:var(--red);
  font-size:22px;
  flex:0 0 auto;
}

.fund-strip-item strong{
  display:block;
  color:var(--ink);
  margin-bottom:4px;
}

.fund-strip-item span{
  display:block;
  color:var(--muted);
  line-height:1.8;
  font-size:14px;
}

.fund-premium-card.is-hidden{
  display:none;
}

@media (max-width:1200px){
  .funds-spotlight{
    grid-template-columns:1fr;
  }

  .fund-hero-card{
    min-height:auto;
  }

  .funds-bottom-strip{
    grid-template-columns:1fr;
  }
}

@media (max-width:860px){
  .fund-hero-card{
    padding:22px;
  }

  .fund-hero-card h3{
    font-size:32px;
  }

  .fund-hero-metrics{
    grid-template-columns:1fr;
  }

  .fund-card-actions{
    flex-direction:column;
    align-items:stretch;
  }
}



/* ===============================
   PRO INSIGHTS SECTION - طرح اول
   =============================== */

.insights-section-pro{
  position:relative;
  overflow:hidden;
}

.insights-pro-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}

.insights-pro-head > div{
  max-width:760px;
}

.insights-pro-head h2{
  margin:18px 0 12px;
  font-size:clamp(30px, 4vw, 52px);
  line-height:1.3;
  color:var(--ink);
  letter-spacing:-1px;
}

.insights-pro-head p{
  margin:0;
  color:var(--muted);
  line-height:2;
}

.insights-pro-layout{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:18px;
  align-items:stretch;
}

/* گزارش ویژه */
.featured-insight-card{
  position:relative;
  min-height:430px;
  padding:32px;
  border-radius:34px;
  color:#fff;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 85%, rgba(227,27,47,.28), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(255,255,255,.10), transparent 18%),
    linear-gradient(140deg, #10151d, #252c38);
  box-shadow:0 28px 70px rgba(15,17,21,.16);
}

.featured-insight-card::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  left:-80px;
  bottom:-90px;
  background:rgba(227,27,47,.20);
  filter:blur(10px);
}

.featured-insight-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.featured-insight-top span,
.featured-insight-top small{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
}

.featured-insight-card h3{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:34px 0 16px;
  font-size:clamp(30px, 4vw, 54px);
  line-height:1.25;
  color:#fff;
}

.featured-insight-card p{
  position:relative;
  z-index:1;
  max-width:680px;
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:2;
}

.featured-tags{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.featured-tags span{
  display:inline-flex;
  padding:9px 13px;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
  font-size:13px;
  font-weight:700;
}

.featured-link{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:30px;
  color:#fff;
  font-weight:900;
}

/* نبض بازار */
.market-pulse-card{
  min-height:430px;
  padding:28px;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(15,17,21,.08);
  box-shadow:0 18px 48px rgba(15,17,21,.06);
}

.market-pulse-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
}

.market-pulse-head span{
  color:var(--ink);
  font-size:24px;
  font-weight:900;
}

.market-pulse-head i{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(227,27,47,.08);
  color:var(--red);
  font-size:24px;
}

.pulse-list{
  display:grid;
  gap:12px;
}

.pulse-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border-radius:20px;
  background:#f7f8fa;
  border:1px solid rgba(15,17,21,.05);
}

.pulse-item strong{
  display:block;
  color:var(--ink);
  margin-bottom:6px;
}

.pulse-item span{
  display:block;
  color:var(--muted);
  font-size:13px;
}

.pulse-item b{
  color:#313846;
  font-size:18px;
  white-space:nowrap;
}

.pulse-item b.up{
  color:#188d3b;
}

.pulse-item b.down{
  color:var(--red);
}

.pulse-note{
  margin:18px 0 0;
  color:var(--muted);
  line-height:2;
  font-size:14px;
}

/* دسته‌بندی */
.insight-category-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:24px 0 20px;
}

.insight-chip{
  border:none;
  cursor:pointer;
  padding:10px 15px;
  border-radius:999px;
  background:#fff;
  color:#343b46;
  border:1px solid rgba(15,17,21,.08);
  font-weight:800;
  transition:.2s ease;
}

.insight-chip:hover{
  transform:translateY(-2px);
}

.insight-chip.active{
  color:#fff;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  border-color:transparent;
  box-shadow:0 18px 40px rgba(227,27,47,.18);
}

/* کارت‌های مطلب */
.insight-pro-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.insight-pro-card{
  min-height:260px;
  display:flex;
  flex-direction:column;
  padding:26px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(15,17,21,.08);
  box-shadow:0 16px 42px rgba(15,17,21,.05);
  transition:.2s ease;
}

.insight-pro-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 56px rgba(15,17,21,.08);
}

.insight-type{
  display:inline-flex;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(227,27,47,.08);
  color:var(--red);
  font-size:13px;
  font-weight:900;
}

.insight-pro-card h3{
  margin:20px 0 10px;
  color:var(--ink);
  font-size:22px;
  line-height:1.6;
}

.insight-pro-card p{
  margin:0;
  color:var(--muted);
  line-height:2;
}

.insight-card-foot{
  margin-top:auto;
  padding-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.insight-card-foot small{
  color:#8a919e;
}

.insight-card-foot a{
  color:var(--red);
  font-weight:900;
}

/* CTA خبرنامه */
.insights-newsletter-card{
  margin-top:22px;
  padding:26px;
  border-radius:30px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  background:
    radial-gradient(circle at 8% 88%, rgba(227,27,47,.12), transparent 22%),
    linear-gradient(135deg, #ffffff, #f7f8fa);
  border:1px solid rgba(15,17,21,.08);
  box-shadow:0 16px 42px rgba(15,17,21,.05);
}

.insights-newsletter-card span{
  display:inline-flex;
  color:var(--red);
  font-weight:900;
  margin-bottom:8px;
}

.insights-newsletter-card h3{
  margin:0 0 8px;
  color:var(--ink);
  font-size:24px;
}

.insights-newsletter-card p{
  margin:0;
  color:var(--muted);
  line-height:2;
}

.insight-newsletter-form{
  min-width:360px;
  display:flex;
  gap:10px;
  padding:8px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(15,17,21,.08);
}

.insight-newsletter-form input{
  flex:1;
  min-width:0;
  border:none;
  outline:none;
  padding:0 12px;
  background:transparent;
}

.insight-newsletter-form button{
  border:none;
  cursor:pointer;
  min-height:46px;
  padding:0 18px;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

/* Responsive */
@media (max-width:1200px){
  .insights-pro-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .insights-pro-layout{
    grid-template-columns:1fr;
  }

  .market-pulse-card,
  .featured-insight-card{
    min-height:auto;
  }

  .insights-newsletter-card{
    grid-template-columns:1fr;
  }

  .insight-newsletter-form{
    min-width:0;
    width:100%;
  }
}

@media (max-width:860px){
  .insight-pro-grid{
    grid-template-columns:1fr;
  }

  .featured-insight-card,
  .market-pulse-card,
  .insights-newsletter-card{
    padding:22px;
  }

  .featured-insight-card h3{
    font-size:30px;
  }

  .insight-newsletter-form{
    flex-direction:column;
  }

  .insight-newsletter-form input{
    min-height:44px;
  }
}


/* ===============================
   CREATIVE CONSULT / START COLLAB SECTION
   طرح خلاقانه شروع همکاری - بدون دو تکه شدن
   =============================== */

.consult-flow-section{
  padding-top:56px;
}

.consult-flow-shell{
  position:relative;
  overflow:hidden;
  padding:42px;
  border-radius:42px;
  background:
    radial-gradient(circle at 14% 18%, rgba(227,27,47,.09), transparent 24%),
    radial-gradient(circle at 90% 82%, rgba(15,17,21,.05), transparent 26%),
    linear-gradient(135deg, #ffffff, #f7f8fa);
  border:1px solid rgba(15,17,21,.08);
  box-shadow:0 26px 70px rgba(15,17,21,.08);
}

.consult-flow-bg{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(4px);
}

.consult-flow-bg-a{
  width:260px;
  height:260px;
  right:-90px;
  top:-90px;
  background:rgba(227,27,47,.10);
}

.consult-flow-bg-b{
  width:340px;
  height:340px;
  left:-120px;
  bottom:-130px;
  background:rgba(15,17,21,.045);
}

.consult-flow-head{
  position:relative;
  z-index:1;
  max-width:820px;
  margin-bottom:32px;
}

.consult-flow-head h2{
  margin:18px 0 12px;
  font-size:clamp(32px, 4vw, 54px);
  line-height:1.3;
  color:var(--ink);
  letter-spacing:-1px;
}

.consult-flow-head p{
  margin:0;
  color:var(--muted);
  line-height:2;
}

.consult-flow-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:24px;
  align-items:stretch;
}

/* مسیر همکاری */
.collab-journey{
  position:relative;
  min-height:520px;
  border-radius:34px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.42));
  border:1px solid rgba(15,17,21,.07);
  box-shadow:0 18px 46px rgba(15,17,21,.05);
  overflow:hidden;
}

.collab-journey::before{
  content:"";
  position:absolute;
  inset:54px;
  border:1px dashed rgba(227,27,47,.24);
  border-radius:999px;
}

.collab-journey::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  background:rgba(227,27,47,.06);
}

.journey-center{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:190px;
  height:190px;
  transform:translate(-50%, -50%);
  border-radius:50%;
  display:grid;
  place-content:center;
  text-align:center;
  background:#fff;
  border:1px solid rgba(15,17,21,.08);
  box-shadow:0 24px 56px rgba(15,17,21,.10);
}

.journey-center i{
  margin:0 auto 12px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  font-size:26px;
}

.journey-center strong{
  display:block;
  color:var(--ink);
  font-size:20px;
}

.journey-center span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
}

.journey-step{
  position:absolute;
  z-index:3;
  width:230px;
  min-height:92px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,17,21,.07);
  box-shadow:0 18px 44px rgba(15,17,21,.08);
}

.journey-step b{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  flex:0 0 auto;
}

.journey-step strong{
  display:block;
  color:var(--ink);
  margin-bottom:5px;
}

.journey-step span{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}

.step-1{
  right:28px;
  top:42px;
}

.step-2{
  left:28px;
  top:116px;
}

.step-3{
  right:32px;
  bottom:100px;
}

.step-4{
  left:34px;
  bottom:36px;
}

/* فرم */
.collab-form-wrap{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.form-top-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:18px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(15,17,21,.08);
  box-shadow:0 14px 34px rgba(15,17,21,.05);
}

.form-top-note i{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:var(--red);
  background:rgba(227,27,47,.08);
  font-size:23px;
  flex:0 0 auto;
}

.form-top-note strong{
  display:block;
  color:var(--ink);
  margin-bottom:6px;
}

.form-top-note span{
  display:block;
  color:var(--muted);
  line-height:1.8;
  font-size:14px;
}

.collab-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:24px;
  border-radius:30px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(15,17,21,.08);
  box-shadow:0 18px 46px rgba(15,17,21,.06);
  backdrop-filter:blur(14px);
}

.collab-form label{
  display:grid;
  gap:8px;
  color:#252b35;
  font-weight:800;
}

.collab-form label.full,
.collab-form .full{
  grid-column:1/-1;
}

.collab-form input,
.collab-form select,
.collab-form textarea{
  width:100%;
  border:none;
  outline:none;
  border-radius:18px;
  background:#f4f6f8;
  border:1px solid rgba(15,17,21,.07);
  padding:14px 16px;
  color:var(--ink);
  transition:.2s ease;
}

.collab-form input:focus,
.collab-form select:focus,
.collab-form textarea:focus{
  background:#fff;
  border-color:rgba(227,27,47,.34);
  box-shadow:0 0 0 4px rgba(227,27,47,.09);
}

.collab-form .form-message{
  margin:0;
  min-height:24px;
  color:var(--red);
  font-weight:800;
}

.form-trust-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.form-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,17,21,.07);
  color:#4a5260;
  font-size:13px;
  font-weight:800;
}

.form-trust-row i{
  color:var(--red);
  font-size:17px;
}

/* Responsive */
@media (max-width:1200px){
  .consult-flow-grid{
    grid-template-columns:1fr;
  }

  .collab-journey{
    min-height:500px;
  }
}

@media (max-width:860px){
  .consult-flow-shell{
    padding:22px;
    border-radius:30px;
  }

  .collab-journey{
    min-height:auto;
    display:grid;
    gap:12px;
    padding:16px;
  }

  .collab-journey::before,
  .collab-journey::after{
    display:none;
  }

  .journey-center,
  .journey-step{
    position:relative;
    inset:auto;
    left:auto;
    top:auto;
    right:auto;
    bottom:auto;
    transform:none;
    width:100%;
  }

  .journey-center{
    height:auto;
    min-height:150px;
    border-radius:26px;
  }

  .journey-step{
    min-height:auto;
  }

  .collab-form{
    grid-template-columns:1fr;
    padding:18px;
  }

  .form-top-note{
    padding:16px;
  }
}

/* ===============================
   FIX: Consult flow layout conflict
   =============================== */

.consult-flow-section{
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
}

.consult-flow-shell{
  width:100%;
  max-width:100%;
}

.consult-flow-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:24px;
  align-items:stretch;
}

/* برای اینکه کل باکس وسط صفحه و تمام عرض کانتینر باشد */
.section.consult-flow-section{
  width:min(100%, var(--container));
  margin:0 auto;
}

/* جلوگیری از کشیده شدن بد فرم */
.collab-form-wrap,
.collab-journey{
  min-width:0;
}

/* موبایل */
@media (max-width:1200px){
  .consult-flow-grid{
    grid-template-columns:1fr;
  }
}
/* ===============================
   JP-INSPIRED FUNDS SECTION
   نسخه دایره‌ای صندوق‌ها
   =============================== */
.funds-section-jp{
  position:relative;
  overflow:hidden;
  padding:70px 34px 34px;
  border-radius:44px;
  color:#fff;
  background:
    linear-gradient(rgba(11, 46, 110, .86), rgba(11, 46, 110, .92)),
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.18), transparent 22%),
    linear-gradient(135deg, #0b2e6e, #174ed1 58%, #0d347d);
  isolation:isolate;
}

.funds-section-jp::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.7;
}

.funds-section-jp::after{
  content:"";
  position:absolute;
  width:760px;
  height:760px;
  border-radius:50%;
  right:-270px;
  top:130px;
  z-index:-2;
  border:70px solid rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 34px rgba(255,255,255,.04);
}

.funds-jp-bg{
  position:absolute;
  border-radius:50%;
  z-index:-1;
  pointer-events:none;
}

.funds-jp-bg-a{
  width:380px;
  height:380px;
  left:-120px;
  top:-150px;
  background:rgba(227,27,47,.20);
  filter:blur(22px);
}

.funds-jp-bg-b{
  width:290px;
  height:290px;
  right:26%;
  bottom:-160px;
  background:rgba(255,255,255,.14);
  filter:blur(18px);
}

.funds-jp-head{
  position:relative;
  z-index:2;
  color:#fff;
}

.funds-jp-head .section-badge{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
}

.funds-jp-head h2{
  color:#fff;
}

.funds-jp-head p{
  color:rgba(255,255,255,.72);
}

.jp-funds-toolbar{
  position:relative;
  z-index:4;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
  backdrop-filter:blur(14px);
}

.funds-section-jp .fund-filter{
  color:#fff;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
}

.funds-section-jp .fund-filter:hover,
.funds-section-jp .fund-filter.is-active{
  color:#0b2e6e;
  background:#fff;
  box-shadow:0 18px 36px rgba(0,0,0,.14);
  border-color:#fff;
}

.funds-section-jp .funds-toolbar-link{
  color:#fff;
}

.funds-jp-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.28fr .72fr;
  gap:26px;
  align-items:stretch;
  margin-top:24px;
}

.funds-jp-visual{
  min-height:690px;
  display:grid;
  place-items:center;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 80px rgba(0,0,0,.14);
  overflow:hidden;
}

.funds-wheel{
  position:relative;
  width:min(670px, 100%);
  aspect-ratio:1;
  margin:auto;
}

.funds-wheel-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
}

.funds-wheel-ring-outer{
  background:
    conic-gradient(from 18deg,
      rgba(255,255,255,.92) 0deg 56deg,
      transparent 56deg 72deg,
      rgba(255,255,255,.92) 72deg 130deg,
      transparent 130deg 146deg,
      rgba(255,255,255,.92) 146deg 214deg,
      transparent 214deg 232deg,
      rgba(255,255,255,.92) 232deg 306deg,
      transparent 306deg 324deg,
      rgba(255,255,255,.92) 324deg 360deg);
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}

.funds-wheel-ring-outer::after{
  content:"";
  position:absolute;
  inset:18%;
  border-radius:50%;
  background:
    conic-gradient(from 30deg,
      #173da6 0deg 44deg,
      #15389b 44deg 94deg,
      #1a49c7 94deg 164deg,
      #12338f 164deg 236deg,
      #1946bd 236deg 304deg,
      #143793 304deg 360deg);
}

.funds-wheel-ring-mid{
  inset:20%;
  background:#193fa7;
  clip-path:polygon(50% 0%, 61% 24%, 87% 13%, 76% 39%, 100% 50%, 76% 61%, 87% 87%, 61% 76%, 50% 100%, 39% 76%, 13% 87%, 24% 61%, 0% 50%, 24% 39%, 13% 13%, 39% 24%);
  box-shadow:inset 0 0 0 16px rgba(255,255,255,.04);
  z-index:1;
}

.funds-wheel-ring-inner{
  inset:35%;
  background:#f2f4f8;
  z-index:2;
  box-shadow:0 0 0 18px rgba(255,255,255,.55);
}

.funds-wheel-ring-inner::after{
  content:"";
  position:absolute;
  inset:18%;
  border-radius:50%;
  background:#fff;
}

.funds-wheel-center{
  position:absolute;
  inset:39.5%;
  z-index:5;
  display:grid;
  place-items:center;
  align-content:center;
  gap:3px;
  border-radius:50%;
  background:#fff;
  text-align:center;
  box-shadow:0 20px 50px rgba(0,0,0,.18);
}

.funds-wheel-center img{
  width:104px;
  max-width:68%;
  height:auto;
  object-fit:contain;
}

.funds-wheel-center span{
  display:block;
  color:#6d7483;
  font-size:12px;
  font-weight:800;
}

.funds-wheel-center strong{
  display:block;
  color:#14215c;
  font-size:16px;
  font-weight:900;
}

.fund-orbit-card{
  position:absolute;
  z-index:8;
  width:250px;
  min-height:212px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.72);
  color:#111827;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
  transition:transform .25s ease, opacity .25s ease, box-shadow .25s ease;
}

.fund-orbit-card:hover{
  transform:translateY(-6px) scale(1.015);
  box-shadow:0 34px 90px rgba(0,0,0,.24);
}

.fund-orbit-card.is-hidden{
  display:none;
}

.fund-orbit-card.orbit-fixed{
  top:8%;
  right:1%;
}

.fund-orbit-card.orbit-mixed{
  left:0;
  top:35%;
}

.fund-orbit-card.orbit-equity{
  right:19%;
  bottom:0;
}

.fund-orbit-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg, #174ed1, #0b2e6e);
  font-size:24px;
  margin-bottom:12px;
}

.fund-orbit-card .fund-tag{
  position:absolute;
  left:16px;
  top:18px;
  background:rgba(23,78,209,.10);
  color:#174ed1;
}

.fund-orbit-card h3{
  margin:8px 0 8px;
  font-size:20px;
  color:#111827;
  line-height:1.55;
}

.fund-orbit-card p{
  margin:0;
  color:#596170;
  font-size:14px;
  line-height:1.9;
}

.fund-orbit-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:14px;
  padding:0;
  border:0;
  background:transparent;
  color:#e31b2f;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}

.funds-jp-info{
  padding:30px;
  border-radius:34px;
  color:#fff;
  background:rgba(4,16,44,.58);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 30px 80px rgba(0,0,0,.14);
  backdrop-filter:blur(16px);
}

.funds-info-kicker{
  display:inline-flex;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.funds-jp-info h3{
  margin:18px 0 12px;
  color:#fff;
  font-size:clamp(28px, 3vw, 44px);
  line-height:1.35;
}

.funds-jp-info p{
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:2;
}

.funds-risk-scale{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:24px 0;
}

.funds-risk-scale div{
  padding:15px 12px;
  border-radius:20px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
}

.funds-risk-scale span{
  display:block;
  color:rgba(255,255,255,.58);
  font-size:12px;
  margin-bottom:7px;
}

.funds-risk-scale strong{
  color:#fff;
  font-size:15px;
}

.funds-jp-list{
  list-style:none;
  padding:0;
  margin:0 0 24px;
  display:grid;
  gap:12px;
}

.funds-jp-list li{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:rgba(255,255,255,.78);
  line-height:1.9;
}

.funds-jp-list i{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  margin-top:4px;
}

.funds-jp-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.funds-section-jp .btn-white{
  color:#0b2e6e;
}

.funds-jp-strip{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:22px;
}

.funds-jp-strip div{
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.13);
}

.funds-jp-strip strong{
  display:block;
  color:#fff;
  margin-bottom:8px;
  font-size:18px;
}

.funds-jp-strip span{
  display:block;
  color:rgba(255,255,255,.70);
  line-height:1.9;
  font-size:14px;
}

@media (max-width:1180px){
  .funds-jp-layout{
    grid-template-columns:1fr;
  }

  .funds-jp-visual{
    min-height:650px;
  }

  .funds-wheel{
    width:min(640px, 100%);
  }
}

@media (max-width:820px){
  .funds-section-jp{
    padding:48px 16px 20px;
    border-radius:30px;
  }

  .jp-funds-toolbar{
    align-items:stretch;
  }

  .fund-filters{
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:4px;
  }

  .fund-filter{
    flex:0 0 auto;
  }

  .funds-jp-visual{
    min-height:auto;
    padding:18px;
    display:block;
  }

  .funds-wheel{
    width:100%;
    aspect-ratio:auto;
    display:grid;
    gap:14px;
    margin:0;
  }

  .funds-wheel-ring,
  .funds-wheel-center{
    display:none;
  }

  .fund-orbit-card,
  .fund-orbit-card.orbit-fixed,
  .fund-orbit-card.orbit-mixed,
  .fund-orbit-card.orbit-equity{
    position:relative;
    inset:auto;
    width:100%;
    min-height:auto;
    transform:none !important;
  }

  .funds-risk-scale,
  .funds-jp-strip{
    grid-template-columns:1fr;
  }

  .funds-jp-info{
    padding:22px;
  }

  .funds-jp-actions .btn{
    width:100%;
    justify-content:center;
  }
}


/* ===============================
   Inner pages - Bank Shahr aligned
   =============================== */
.desktop-nav a.active,
.mobile-nav a.active{
  background:rgba(227,27,47,.08);
  color:var(--red);
  font-weight:800;
}
.inner-page{
  width:min(100%, var(--container));
  margin:0 auto;
  padding:30px clamp(16px,3vw,40px) 40px;
}
.inner-hero{
  position:relative;
  overflow:hidden;
  min-height:440px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:24px;
  align-items:stretch;
  border-radius:var(--radius-xl);
  padding:clamp(26px,4vw,54px);
  background:
    radial-gradient(circle at 12% 18%, rgba(227,27,47,.14), transparent 26%),
    linear-gradient(135deg,#ffffff,#f7f8fa);
  border:1px solid rgba(15,17,21,.07);
  box-shadow:var(--shadow);
}
.inner-hero::after{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(227,27,47,.08);
}
.inner-hero-copy,
.inner-hero-panel{position:relative; z-index:1;}
.inner-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.inner-hero h1{
  margin:20px 0 14px;
  color:var(--ink);
  font-size:clamp(34px,4.6vw,64px);
  line-height:1.25;
  letter-spacing:-1px;
}
.inner-hero p{
  margin:0;
  max-width:760px;
  color:var(--muted);
  line-height:2.15;
  font-size:17px;
}
.inner-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.inner-hero-panel{
  border-radius:var(--radius-xl);
  border:1px solid rgba(15,17,21,.08);
  background:#fff;
  box-shadow:var(--shadow);
  display:grid;
  place-items:center;
  text-align:center;
  padding:28px;
  min-height:300px;
}
.inner-hero-panel img{max-width:180px; width:70%; height:auto; object-fit:contain;}
.inner-hero-panel i{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  border-radius:28px;
  background:rgba(227,27,47,.10);
  color:var(--red);
  font-size:44px;
}
.inner-hero-panel strong{
  display:block;
  margin-top:18px;
  color:var(--ink);
  font-size:24px;
}
.inner-hero-panel span{
  display:block;
  margin-top:8px;
  color:var(--muted);
  line-height:1.8;
}
.dark-panel{
  color:#fff;
  background:linear-gradient(140deg,#0f1218,#242a35);
  border-color:rgba(255,255,255,.08);
}
.dark-panel i{background:rgba(255,255,255,.08); color:#fff;}
.dark-panel strong{color:#fff;}
.dark-panel span{color:rgba(255,255,255,.68);}
.inner-section{
  margin-top:28px;
  border-radius:var(--radius-xl);
}
.compact-head{
  max-width:820px;
  margin-inline:auto;
  text-align:center;
}
.inner-card-grid{
  display:grid;
  gap:18px;
  margin-top:24px;
}
.three-col{grid-template-columns:repeat(3,minmax(0,1fr));}
.inner-card,
.service-detail-card,
.process-card,
.article-list-card,
.featured-article-wide,
.contact-form-card,
.map-placeholder,
.timeline-box{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  border-radius:var(--radius-lg);
}
.inner-card{
  padding:26px;
  min-height:230px;
}
.inner-card i{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:rgba(227,27,47,.09);
  color:var(--red);
  font-size:30px;
}
.inner-card h3{margin:20px 0 10px; color:var(--ink); font-size:22px;}
.inner-card p{margin:0; color:var(--muted); line-height:2;}
.split-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);
  gap:22px;
  align-items:stretch;
}
.split-copy{
  padding:34px;
  border-radius:var(--radius-xl);
  background:linear-gradient(180deg,#ffffff,#f8f9fb);
  border:1px solid var(--line);
}
.split-copy h2,
.contact-form-copy h2{
  margin:18px 0 12px;
  color:var(--ink);
  font-size:clamp(28px,3vw,44px);
  line-height:1.35;
}
.split-copy p,
.contact-form-copy p{color:var(--muted); line-height:2.1; margin:0;}
.check-list{
  list-style:none;
  padding:0;
  margin:22px 0 0;
  display:grid;
  gap:12px;
}
.check-list li{display:flex; align-items:flex-start; gap:10px; color:#444b56; line-height:1.9;}
.check-list i{color:var(--red); margin-top:5px;}
.check-list.mini{margin-top:16px; gap:8px;}
.timeline-box{
  padding:26px;
  display:grid;
  gap:14px;
}
.timeline-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  border-radius:22px;
  background:#f6f7f9;
  border:1px solid rgba(15,17,21,.05);
}
.timeline-item b{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:var(--ink);
  color:#fff;
}
.timeline-item span{color:var(--ink); font-weight:800; line-height:1.7;}
.inner-cta{
  margin-top:28px;
  padding:32px;
  border-radius:var(--radius-xl);
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.inner-cta span{display:block; color:rgba(255,255,255,.70); font-weight:800;}
.inner-cta h2{margin:10px 0 0; font-size:clamp(24px,3vw,40px);}
.inner-cta .btn-primary{background:#fff; color:var(--red); box-shadow:none;}
.service-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.service-detail-card{
  padding:28px;
  display:flex;
  gap:22px;
  align-items:flex-start;
}
.detail-icon{
  width:70px;
  height:70px;
  border-radius:24px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:rgba(227,27,47,.09);
  color:var(--red);
}
.detail-icon i{font-size:34px;}
.service-detail-card span{
  color:var(--red);
  font-weight:900;
  font-size:13px;
}
.service-detail-card h2{margin:8px 0 10px; color:var(--ink); font-size:27px;}
.service-detail-card p{margin:0; color:var(--muted); line-height:2;}
.process-section{padding:30px; background:#f7f8fa; border:1px solid var(--line);}
.process-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.process-card{padding:22px;}
.process-card b{
  display:inline-grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:16px;
  background:var(--ink);
  color:#fff;
}
.process-card h3{margin:18px 0 8px; color:var(--ink);}
.process-card p{margin:0; color:var(--muted); line-height:1.9;}
.inner-funds-wheel{margin-top:28px;}
.funds-page-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.fund-page-card{
  padding:26px;
  border-radius:var(--radius-lg);
  background:#fff;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 24px 70px rgba(0,0,0,.12);
}
.fund-page-card i{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  font-size:32px;
}
.fund-page-card span{display:block; margin-top:18px; color:var(--red); font-weight:900;}
.fund-page-card h3{margin:8px 0 10px; color:var(--ink); font-size:22px;}
.fund-page-card p{margin:0 0 20px; color:var(--muted); line-height:2;}
.fund-premium-card.is-hidden{display:none;}
.comparison-table-wrap{
  overflow:auto;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  border:1px solid var(--line);
  background:#fff;
}
.comparison-table{
  width:100%;
  border-collapse:collapse;
  min-width:780px;
}
.comparison-table th,
.comparison-table td{
  padding:18px 20px;
  text-align:right;
  border-bottom:1px solid rgba(15,17,21,.07);
}
.comparison-table th{
  color:#fff;
  background:var(--ink);
  font-weight:900;
}
.comparison-table td{color:#414853;}
.comparison-table tr:last-child td{border-bottom:0;}
.featured-article-wide{
  overflow:hidden;
  padding:34px;
  min-height:300px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  align-items:center;
  background:
    radial-gradient(circle at 0% 0%, rgba(227,27,47,.11), transparent 28%),
    linear-gradient(135deg,#ffffff,#f7f8fa);
}
.featured-article-wide h2{margin:18px 0 12px; color:var(--ink); font-size:clamp(28px,3.4vw,48px); line-height:1.35;}
.featured-article-wide p{margin:0 0 22px; color:var(--muted); line-height:2.1;}
.article-metric-box{
  min-height:220px;
  border-radius:var(--radius-lg);
  display:grid;
  place-items:center;
  text-align:center;
  color:#fff;
  background:linear-gradient(140deg,#0f1218,#242a35);
}
.article-metric-box strong{font-size:30px;}
.article-metric-box span{color:rgba(255,255,255,.68);}
.inner-category-row{margin-top:0;}
.article-list-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.article-list-card{padding:24px;}
.article-list-card span{color:var(--red); font-weight:900; font-size:13px;}
.article-list-card h3{margin:12px 0 10px; color:var(--ink); line-height:1.55;}
.article-list-card p{margin:0; color:var(--muted); line-height:2;}
.article-list-card a{display:inline-flex; margin-top:18px; color:var(--red); font-weight:900;}
.contact-info-section{margin-top:28px;}
.contact-form-layout{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:22px;
  align-items:start;
}
.contact-form-copy{
  padding:34px;
  border-radius:var(--radius-xl);
  background:linear-gradient(140deg,#0f1218,#242a35);
  color:#fff;
  min-height:100%;
}
.contact-form-copy h2{color:#fff;}
.contact-form-copy p{color:rgba(255,255,255,.70);}
.contact-form-copy .section-badge{background:rgba(255,255,255,.09); color:#fff; border-color:rgba(255,255,255,.12);}
.contact-form-copy .check-list li{color:rgba(255,255,255,.78);}
.contact-form-copy .check-list i{color:#fff;}
.contact-form-card{
  padding:28px;
}
.map-placeholder{
  min-height:260px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:30px;
  color:var(--muted);
  background:linear-gradient(135deg,#ffffff,#f7f8fa);
}
.map-placeholder i{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:26px;
  color:var(--red);
  background:rgba(227,27,47,.09);
  font-size:38px;
}
.map-placeholder strong{display:block; margin-top:18px; color:var(--ink); font-size:24px;}
.map-placeholder span{display:block; margin-top:6px; line-height:1.8;}

@media (max-width: 1100px){
  .inner-hero,
  .split-section,
  .contact-form-layout,
  .featured-article-wide{grid-template-columns:1fr;}
  .service-detail-grid,
  .process-row,
  .funds-page-grid,
  .article-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .three-col{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 680px){
  .inner-page{padding:18px 14px 28px;}
  .inner-hero{padding:24px; min-height:auto; border-radius:26px;}
  .inner-hero h1{font-size:32px;}
  .inner-hero-panel{min-height:220px;}
  .three-col,
  .service-detail-grid,
  .process-row,
  .funds-page-grid,
  .article-list-grid{grid-template-columns:1fr;}
  .service-detail-card{flex-direction:column;}
  .inner-cta{align-items:flex-start; flex-direction:column;}
  .featured-article-wide{padding:24px;}
  .article-metric-box{min-height:160px;}
  .contact-form-card{padding:20px;}
}


/* ===============================
   Mani fund data blocks - keeps current site visual language
   =============================== */
.mani-live-section,
.mani-reports-section,
.mani-legal-section{position:relative;z-index:1}
.mani-live-shell,
.mani-legal-box{
  width:min(100%, var(--container));
  margin:0 auto;
  padding:0 clamp(16px,3vw,40px);
}
.mani-live-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:18px;
  align-items:end;
  margin-bottom:22px;
}
.mani-live-head h2,
.mani-legal-box h2{font-size:clamp(26px,3vw,46px);line-height:1.45;margin:14px 0 8px;color:var(--ink)}
.mani-live-head p,
.mani-legal-box p{margin:0;color:var(--muted);line-height:2;max-width:760px}
.mani-sync-card{
  min-height:112px;
  padding:18px;
  border-radius:var(--radius-lg);
  border:1px solid rgba(227,27,47,.14);
  background:linear-gradient(135deg,#fff,rgba(227,27,47,.05));
  box-shadow:var(--shadow);
  display:grid;
  gap:7px;
  align-content:center;
}
.mani-sync-card i{font-size:26px;color:var(--red)}
.mani-sync-card strong{color:var(--ink);font-size:17px}
.mani-sync-card span{font-size:13px;color:var(--muted);line-height:1.8}
.mani-nav-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.mani-nav-card,
.mani-info-card,
.mani-news-card,
.mani-table-card{
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.mani-nav-card-primary{background:linear-gradient(140deg,#171b23,#0f1115);color:#fff}
.mani-card-title{
  min-height:74px;
  padding:20px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid rgba(15,17,21,.07);
}
.mani-nav-card-primary .mani-card-title{border-bottom-color:rgba(255,255,255,.12)}
.mani-card-title span{font-weight:900;color:var(--ink);font-size:18px}
.mani-nav-card-primary .mani-card-title span{color:#fff}
.mani-card-title i{font-size:26px;color:var(--red)}
.mani-data-list{margin:0;padding:18px 22px 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mani-data-list div{
  padding:14px;
  border-radius:18px;
  background:#f7f8fa;
  border:1px solid rgba(15,17,21,.05);
}
.mani-nav-card-primary .mani-data-list div{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.11)}
.mani-data-list .wide{grid-column:1/-1}
.mani-data-list dt{font-size:12px;color:var(--muted);margin-bottom:7px}
.mani-nav-card-primary .mani-data-list dt{color:rgba(255,255,255,.65)}
.mani-data-list dd{margin:0;font-weight:900;color:var(--ink);font-size:17px;direction:ltr;text-align:right;unicode-bidi:plaintext}
.mani-nav-card-primary .mani-data-list dd{color:#fff}
.mani-info-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}
.mani-data-list-compact{grid-template-columns:1fr}
.mani-data-list-compact div{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:12px}
.mani-data-list-compact dt{margin:0}
.mani-data-list-compact dd{direction:rtl;unicode-bidi:normal;line-height:1.7;font-size:15px}
.mani-news-list{padding:18px 22px 22px;display:grid;gap:12px}
.mani-news-list a{
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:14px;
  border-radius:18px;
  background:#f7f8fa;
  border:1px solid rgba(15,17,21,.05);
  transition:.2s ease;
}
.mani-news-list a:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,17,21,.08);color:var(--red)}
.mani-news-list time{font-size:12px;font-weight:800;color:var(--red);direction:ltr;text-align:right;unicode-bidi:plaintext}
.mani-news-list span{font-size:14px;line-height:1.8;color:var(--text)}
.mani-report-links{
  width:min(100%, var(--container));
  margin:0 auto 18px;
  padding:0 clamp(16px,3vw,40px);
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.mani-report-links a,
.mani-legal-grid a{
  min-height:104px;
  padding:16px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 14px 35px rgba(15,17,21,.05);
  display:grid;
  gap:10px;
  align-content:center;
  transition:.2s ease;
}
.mani-report-links a:hover,
.mani-legal-grid a:hover{transform:translateY(-3px);border-color:rgba(227,27,47,.25);box-shadow:var(--shadow)}
.mani-report-links i,
.mani-legal-grid i{font-size:26px;color:var(--red)}
.mani-report-links span,
.mani-legal-grid span{font-weight:800;color:var(--ink);line-height:1.7;font-size:14px}
.mani-table-card{width:min(calc(100% - 32px), calc(var(--container) - 80px));margin:0 auto}
.mani-table-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}
.mani-table-head strong{font-size:18px;color:var(--ink)}
.mani-table-head span{font-size:13px;color:var(--muted)}
.mani-table-wrap{overflow:auto;max-height:520px}
.mani-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1120px;font-size:13px}
.mani-table th,
.mani-table td{padding:14px 12px;border-bottom:1px solid rgba(15,17,21,.06);white-space:nowrap;text-align:right}
.mani-table th{position:sticky;top:0;background:#f7f8fa;z-index:2;color:var(--ink);font-weight:900}
.mani-table td{color:#3b414d;direction:ltr;unicode-bidi:plaintext}
.mani-table td:nth-child(2){direction:rtl;unicode-bidi:normal}
.mani-table tbody tr:hover td{background:rgba(227,27,47,.035)}
.mani-legal-box{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:24px;
  align-items:center;
}
.mani-legal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

@media (max-width:1180px){
  .desktop-nav{gap:2px}
  .desktop-nav a{font-size:13px;padding-inline:10px}
  .mani-report-links{grid-template-columns:repeat(3,1fr)}
  .mani-legal-box{grid-template-columns:1fr}
}
@media (max-width:900px){
  .mani-live-head,
  .mani-nav-grid,
  .mani-info-grid{grid-template-columns:1fr}
  .mani-data-list{grid-template-columns:1fr}
  .mani-data-list-compact div{grid-template-columns:1fr;gap:4px}
  .mani-report-links{grid-template-columns:repeat(2,1fr)}
  .mani-legal-grid{grid-template-columns:repeat(2,1fr)}
  .mani-news-list a{grid-template-columns:1fr}
}
@media (max-width:560px){
  .mani-live-shell,.mani-legal-box{padding-inline:16px}
  .mani-report-links{grid-template-columns:1fr;padding-inline:16px}
  .mani-table-card{width:calc(100% - 32px)}
  .mani-card-title,.mani-data-list,.mani-news-list{padding-inline:16px}
  .mani-legal-grid{grid-template-columns:1fr}
}


/* Official Mani menu dropdowns */
.desktop-nav-dropdown{gap:4px; align-items:stretch;}
.nav-group{position:relative; display:flex; align-items:center;}
.nav-parent{
  border:0; background:transparent; cursor:pointer; color:#232833;
  display:inline-flex; align-items:center; gap:6px; padding:12px 12px; border-radius:999px;
  font-weight:800; font-size:13.5px; transition:.2s ease; white-space:nowrap;
}
.nav-parent i{font-size:16px; transition:.2s ease;}
.nav-group:hover .nav-parent,
.nav-group.active .nav-parent,
.desktop-nav .nav-plain.active,
.desktop-nav .nav-plain:hover{background:rgba(227,27,47,.08); color:var(--red);}
.nav-group:hover .nav-parent i{transform:rotate(180deg);}
.dropdown-panel{
  position:absolute; top:calc(100% + 10px); right:0; min-width:260px; max-width:360px;
  background:#fff; border:1px solid rgba(15,17,21,.08); border-radius:22px;
  box-shadow:0 24px 70px rgba(15,17,21,.14); padding:10px;
  opacity:0; visibility:hidden; transform:translateY(12px); transition:.2s ease; z-index:90;
}
.dropdown-panel::before{content:""; position:absolute; top:-12px; right:24px; width:24px; height:24px; background:#fff; transform:rotate(45deg); border-top:1px solid rgba(15,17,21,.08); border-left:1px solid rgba(15,17,21,.08);}
.nav-group:hover .dropdown-panel{opacity:1; visibility:visible; transform:translateY(0);}
.dropdown-panel a{display:block; width:100%; padding:12px 14px; border-radius:14px; font-size:14px; line-height:1.65; color:#222; white-space:normal;}
.dropdown-panel a:hover,
.dropdown-panel a.active{background:rgba(227,27,47,.08); color:var(--red);}
.desktop-nav .nav-plain{display:inline-flex; align-items:center; padding:12px 12px; border-radius:999px; font-weight:800; font-size:13.5px; white-space:nowrap;}
.mobile-nav-title{display:block; padding:14px 12px 6px; color:var(--red); font-weight:900; font-size:13px;}
.inline-form{margin-top:20px; grid-template-columns:1fr 1fr; box-shadow:none; border-color:rgba(15,17,21,.08);}
.mani-table-wrap{overflow:auto; margin-top:18px; border-radius:24px; border:1px solid var(--line); background:#fff;}
.mani-table{width:100%; border-collapse:collapse; min-width:640px;}
.mani-table th,.mani-table td{padding:16px; text-align:right; border-bottom:1px solid rgba(15,17,21,.07);}
.mani-table th{background:#f5f6f8; color:var(--ink); font-weight:900;}
.mani-table td{color:var(--muted);}
@media (max-width:1180px){.desktop-nav-dropdown{display:none}.menu-btn{display:block}}
@media (max-width:768px){.inline-form{grid-template-columns:1fr}.customer-link{display:none}}
