/* صفحه‌ی اصلی — طرح «گل کریستال»: بدنه‌ی ادیتوریال با قوس رز و شبکه‌ی بنتو،
   همراه با منشورهای شیشه‌ای سه‌بعدی شناور. فقط روی صفحه‌ی اصلی لود می‌شود و همه‌ی
   کلاس‌ها با پیشوند hv2 هستند تا بقیه‌ی سایت را تحت تأثیر قرار ندهند. */

:root{
  --hv-glass:rgba(255,255,255,.5);
  --hv-edge:rgba(255,255,255,.9);
  --hv-blush:#f8e3e3;
  --hv-sage:#cfd8c9;
}

.hv2-hero{position:relative;padding:28px 0 64px;overflow:hidden}
.hv2-hero::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:radial-gradient(55% 60% at 8% 12%,#f6dfe0 0,transparent 62%),radial-gradient(50% 50% at 95% 90%,#efe2c8 0,transparent 62%);
}
.hv2-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;align-items:center}
.hv2-copy{min-width:0}
.hv2-copy h1{
  font-size:clamp(32px,4.6vw,58px);line-height:1.38;font-weight:800;margin:0 0 16px;text-wrap:balance;
}
.hv2-copy h1 span{color:var(--rose);background:linear-gradient(120deg,var(--rose),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.hv2-lead{color:var(--ink-soft);font-size:17px;max-width:520px;margin:0 0 26px}
.hv2-cta{display:flex;gap:12px;flex-wrap:wrap}
.hv2-nums{display:flex;gap:30px;margin-top:34px;flex-wrap:wrap}
.hv2-nums div{font-size:13px;color:var(--ink-soft);line-height:1.6}
.hv2-nums b{display:block;font-size:28px;font-weight:800;color:var(--ink);line-height:1.2}

/* صحنه‌ی سه‌بعدی */
.hv2-visual{position:relative;height:520px;perspective:1100px;min-width:0}
.hv2-arch{
  position:absolute;top:0;bottom:0;right:60px;width:min(330px,62%);
  border-radius:999px 999px 36px 36px;overflow:hidden;
  background:linear-gradient(180deg,var(--hv-blush),#f2cdd2 70%,#ecbcc4);
  box-shadow:0 40px 60px -36px rgba(150,82,95,.55);
}
.hv2-arch picture,.hv2-arch video,.hv2-arch img{display:block;width:100%;height:100%;object-fit:cover}
.hv2-stage{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .15s ease-out}
.hv2-prism{
  position:absolute;border-radius:36% 64% 58% 42%/44% 38% 62% 56%;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.12) 45%,rgba(255,255,255,.36));
  border:1.5px solid rgba(255,255,255,.9);
  backdrop-filter:blur(10px) saturate(1.5);-webkit-backdrop-filter:blur(10px) saturate(1.5);
  box-shadow:inset 0 0 40px rgba(255,255,255,.65),inset 12px 12px 30px rgba(184,112,127,.2),0 40px 60px -30px rgba(150,82,95,.5);
  animation:hvFloat 9s ease-in-out infinite;
}
.hv2-prism::after{content:'';position:absolute;inset:8% 14% auto 14%;height:28%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.95),transparent);filter:blur(2px);opacity:.85}
.hv2-p1{width:230px;height:230px;bottom:20px;left:0;transform:translateZ(80px);background-color:rgba(184,112,127,.2)}
.hv2-p2{width:140px;height:140px;top:20px;left:50px;transform:translateZ(160px);animation-delay:-3s;background-color:rgba(185,151,74,.22)}
.hv2-p3{width:110px;height:110px;bottom:90px;right:10px;transform:translateZ(120px);animation-delay:-5s;border-radius:50%}
.hv2-p4{width:130px;height:130px;bottom:-8px;left:150px;transform:translateZ(30px);animation-delay:-1.5s;border-radius:58% 42% 40% 60%/50% 60% 40% 50%;background-color:rgba(207,216,201,.4)}
.hv2-p5{width:58px;height:58px;top:46%;right:4px;transform:translateZ(100px);animation-delay:-7s;border-radius:50%}
.hv2-chip{
  position:absolute;z-index:3;padding:10px 18px;border-radius:20px;font-size:13px;color:var(--ink-soft);line-height:1.6;
  background:var(--hv-glass);border:1px solid var(--hv-edge);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 20px 40px -22px var(--rose-dark);animation:hvFloat 8s ease-in-out infinite;
}
.hv2-chip b{display:block;font-size:19px;font-weight:800;color:var(--rose-dark);line-height:1.4}
/* برچسب‌ها باید از همه‌ی منشورها در عمق جلوتر باشند وگرنه پشت حباب‌ها می‌روند */
.hv2-chip{padding:8px 15px;font-size:12px;white-space:nowrap}
.hv2-chip b{font-size:16px}
/* برچسب‌ها کنار لبه‌ی قوس و نزدیک به هم چیده می‌شوند (چپ و راست قوس به‌صورت پلکانی) */
.hv2-c1{right:calc(60px + min(330px,62%) - 34px);top:36%;transform:translateZ(240px);animation-delay:-2s}
.hv2-c2{right:0;top:8%;transform:translateZ(260px);animation-delay:-4s}
.hv2-c3{right:calc(60px + min(330px,62%) - 12px);top:12%;transform:translateZ(250px);animation-delay:-6s}
.hv2-c4{right:-6px;top:58%;transform:translateZ(245px);animation-delay:-1s}
.hv2-c5{right:calc(60px + min(330px,62%) - 24px);top:62%;transform:translateZ(255px);animation-delay:-3s}
@keyframes hvFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -20px;rotate:4deg}}

/* بخش‌ها */
.hv2-sec{padding:64px 0}
.hv2-sec .section-sub{margin-bottom:30px}

/* شبکه‌ی بنتو */
.hv2-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(176px,auto);gap:16px}
.hv2-cell{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;overflow:hidden;
  padding:22px;border-radius:28px;color:var(--ink);
  background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,255,255,.35));
  border:1px solid var(--hv-edge);
  box-shadow:0 26px 40px -32px rgba(150,82,95,.6);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
}
.hv2-cell:hover{transform:translateY(-6px);box-shadow:0 40px 50px -30px rgba(150,82,95,.7)}
.hv2-cell h3{margin:0 0 4px;font-size:17px;font-weight:800;line-height:1.5}
.hv2-cell p{margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hv2-orb{
  position:absolute;top:18px;inset-inline-start:18px;width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 32% 28%,#f7d6dc,var(--rose) 58%,var(--rose-dark));
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.8),0 12px 18px -8px var(--rose-dark);
}
.hv2-orb svg{width:22px;height:22px}
.hv2-cell.big{grid-column:span 2;grid-row:span 2;background:linear-gradient(160deg,var(--rose),var(--rose-dark));color:#fff;border-color:transparent}
.hv2-cell.big p{color:rgba(255,255,255,.9);-webkit-line-clamp:4}
.hv2-cell.big h3{font-size:26px}
.hv2-cell.big .hv2-orb{width:66px;height:66px;background:radial-gradient(circle at 32% 28%,#fff,#f4c9d2 55%,#d8a2ae);color:var(--rose-dark)}
.hv2-cell.big .hv2-orb svg{width:30px;height:30px}
.hv2-cell.big::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;left:-80px;top:-100px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.5);pointer-events:none}
.hv2-cell.sage{background:linear-gradient(160deg,rgba(207,216,201,.85),rgba(255,255,255,.4))}
.hv2-cell.wide{grid-column:span 2}
.hv2-more{display:flex;justify-content:center;margin-top:30px}

/* اعتماد */
.hv2-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hv2-trust div{padding:24px;border-radius:24px;border:1.5px solid var(--ink);min-width:0}
.hv2-trust b{display:block;font-size:17px;font-weight:800;color:var(--rose-dark);margin-bottom:4px;line-height:1.6}
.hv2-trust span{font-size:14px;color:var(--ink-soft);line-height:1.8}

/* بنر پایانی */
.hv2-band{
  position:relative;overflow:hidden;border-radius:36px;padding:52px 40px;background:var(--ink);color:#fff;
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
}
.hv2-band::before{content:'';position:absolute;inset-inline-start:-60px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6c6d0,var(--rose) 55%,transparent 72%);opacity:.8;animation:hvFloat 10s ease-in-out infinite}
.hv2-band h2{color:#fff;margin:0 0 6px;position:relative}
.hv2-band p{margin:0;color:rgba(255,255,255,.85);position:relative}
.hv2-band .hv2-cta{position:relative}
.hv2-band .btn-primary{background:#fff;color:var(--ink)}
.hv2-band .btn-outline{border-color:#fff;color:#fff}
.hv2-band .btn-outline:hover{background:#fff;color:var(--ink)}

@media (max-width:960px){
  .hv2-grid{grid-template-columns:1fr}
  .hv2-visual{height:400px;max-width:560px;width:100%;margin-inline:auto}
  .hv2-bento{grid-template-columns:repeat(2,1fr)}
  .hv2-trust{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  /* روی موبایل، فیلتر blur هزینه‌ی رندر بالایی دارد؛ منشور با پس‌زمینه‌ی کمی کدرتر نمایش داده می‌شود */
  .hv2-prism,.hv2-chip{backdrop-filter:none;-webkit-backdrop-filter:none}
  .hv2-prism{background-image:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.3) 55%,rgba(255,255,255,.6))}
  .hv2-chip{background:rgba(255,255,255,.85)}
}
@media (max-width:560px){
  .hv2-hero{padding-top:12px}
  .hv2-visual{height:360px}
  .hv2-arch{right:36px;width:min(260px,64%)}
  .hv2-p1{width:170px;height:170px}
  .hv2-p4{width:120px;height:120px;left:110px}
  .hv2-chip{padding:6px 11px;font-size:11px}
  .hv2-chip b{font-size:13.5px}
  .hv2-c1,.hv2-c3{right:auto;left:0}
  .hv2-c5{display:none}
  .hv2-c4{top:62%}
  .hv2-bento,.hv2-trust{grid-template-columns:1fr}
  .hv2-cell.big,.hv2-cell.wide{grid-column:auto;grid-row:auto}
  .hv2-cell.big{min-height:260px}
  .hv2-band{padding:34px 22px}
  .hv2-nums{gap:22px}
}
@media (prefers-reduced-motion:reduce){
  .hv2-prism,.hv2-chip,.hv2-band::before{animation:none}
  .hv2-stage,.hv2-cell{transition:none}
}