/* ══════════════════════════════════════════════════════════
   لید — افزوده‌های اختصاصی
   چیزهایی که در نسخه‌ی پایه نبود: منوی موبایل، زیرمنو،
   دیاگرام‌های جدید، کارت‌های پنج سیستم، ساعت شش دقیقه.
   بعد از design-v3.css بارگذاری می‌شود.
   ══════════════════════════════════════════════════════════ */

/* ══ هدر ═══════════════════════════════════════════════════ */
.nav-shell{gap:28px}
.brand-link{display:flex;align-items:center;flex:none}
.brand-link img{height:32px;width:auto;object-fit:contain;display:block}

.desktop-nav{align-items:center;gap:30px;margin:0;padding:0;list-style:none}
.desktop-nav > li{list-style:none;position:relative}
.desktop-nav > li > a{color:#405d61;font-size:14.5px;font-weight:600;text-decoration:none;
  display:block;padding-block:12px;transition:color .2s;white-space:nowrap}
.desktop-nav > li > a:hover,
.desktop-nav > li:hover > a,
.desktop-nav > li > a[aria-current]{color:var(--mint)}

.submenu{position:absolute;top:calc(100% + 8px);inset-inline-start:50%;transform:translate(50%,-6px);
  min-width:224px;padding:10px;margin:0;list-style:none;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);
  box-shadow:0 22px 54px #00272f24;opacity:0;visibility:hidden;transition:all .2s ease;z-index:60}
.desktop-nav > li:hover .submenu,
.desktop-nav > li:focus-within .submenu{opacity:1;visibility:visible;transform:translate(50%,0)}
.submenu li{list-style:none;margin:0}
.submenu a{display:block;padding:10px 14px;border-radius:11px;font-size:14px;color:var(--ink);
  text-decoration:none;transition:background .16s,color .16s;white-space:nowrap}
.submenu a:hover{background:#00dabf1f;color:var(--teal-800)}

.nav-end{display:flex;align-items:center;gap:16px;margin-inline-start:auto;flex:none}
.nav-en{font-size:13px;color:var(--muted);text-decoration:none}
.nav-en:hover{color:var(--mint)}
.nav-end .button svg{width:15px;height:15px;transition:transform .25s}
.nav-end .button:hover svg{transform:translateX(-4px)}

.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;
  background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{display:block;width:18px;height:1.6px;background:var(--ink);border-radius:2px;transition:.25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}

/* ── هدر · موبایل و تبلت ────────────────────────────────── */
@media (width<=1080px){
  .nav-shell{gap:14px;height:74px}
  .burger{display:flex}
  .nav-end .button{min-height:46px;padding:0 18px;font-size:13.5px}
  .nav-end .nav-en{display:none}

  .desktop-nav{
    display:none;position:fixed;inset:74px 0 auto 0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--paper);border-bottom:1px solid var(--line);
    padding:6px 24px 24px;max-height:calc(100dvh - 74px);overflow-y:auto;
    box-shadow:0 26px 50px #00272f1f;
  }
  .desktop-nav.open{display:flex}
  .desktop-nav > li{border-bottom:1px solid var(--line)}
  .desktop-nav > li:last-child{border-bottom:0}
  .desktop-nav > li > a{padding:17px 0;font-size:16.5px;color:var(--ink);font-weight:700}
  .desktop-nav > li.open > a{color:var(--teal-800)}

  .submenu{
    display:none;position:static;transform:none;opacity:1;visibility:visible;
    background:transparent;border:0;box-shadow:none;min-width:0;
    padding:0 14px 14px;margin:0;
    border-inline-start:2px solid #00dabf59;margin-inline-start:2px;
  }
  .desktop-nav > li.open > .submenu{display:block}
  .submenu a{padding:11px 12px;font-size:15px;color:#3d585c;border-radius:9px}
  .submenu a:active{background:#00dabf1f}
}
@media (width<=520px){
  .nav-shell{height:68px}
  .desktop-nav{inset-block-start:68px;max-height:calc(100dvh - 68px);padding-inline:20px}
  .brand-link img{height:26px}
}

/* ══ فوتر ══════════════════════════════════════════════════ */
.site-footer{padding:52px 0 28px}
.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.15fr;gap:36px;align-items:start}
.footer-col h4{font-family:'Peyda';font-size:13px;font-weight:700;color:var(--ink);
  margin:0 0 14px;letter-spacing:-.01em}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin-bottom:9px}
.footer-col a{color:var(--muted);font-size:13.5px;text-decoration:none;transition:color .18s}
.footer-col a:hover{color:var(--mint)}
.footer-brand img{height:32px;width:auto;object-fit:contain;display:block}
.footer-brand p{color:var(--muted);font-size:13.5px;line-height:1.85;max-width:34ch;margin:14px 0 0}

.footer-social{margin-top:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.soc-row{display:flex;gap:8px}
.soc-row:nth-child(2){padding-inline-start:24px}
.footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;color:var(--muted);transition:border-color .2s,color .2s}
.footer-social a:hover{border-color:var(--mint);color:var(--mint)}
.footer-social svg{width:16px;height:16px}

.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);
  text-align:center;font-size:13px;color:var(--muted);line-height:2}
.footer-bottom a{color:var(--muted);text-decoration:none}
.footer-bottom a:hover{color:var(--mint)}

@media (width<=1080px){
  .footer-grid{grid-template-columns:1.25fr 1fr 1fr 1.1fr;gap:26px}
  .footer-col a,.footer-brand p{font-size:13px}
}
@media (width<=820px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (width<=520px){
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-brand{grid-column:span 1}
  .footer-social{align-items:center;width:100%}
  .soc-row{justify-content:center}
  .soc-row:nth-child(2){padding-inline-start:0}
  .footer-brand p{max-width:none}
}

/* ══ دیاگرام ۱ · اکوسیستم کافه و رستوران ═══════════════════
   یک کافه در مرکز، سه خدمت هم‌وزن اطرافش. بدون تقدم و تأخر.
   ══════════════════════════════════════════════════════════ */
.eco{position:relative;aspect-ratio:1;width:min(340px,100%);margin-inline:auto;display:grid;place-items:center}
.eco-ring{position:absolute;inset:14%;border:1px dashed #0b6e7538;border-radius:50%}
.eco-ring.two{inset:2%;border-style:solid;border-color:#0b6e751f}
.eco-core{position:relative;z-index:2;width:38%;aspect-ratio:1;border-radius:50%;
  background:linear-gradient(150deg,var(--teal-800),var(--teal-950));color:var(--white);
  display:grid;place-items:center;text-align:center;gap:2px;
  box-shadow:0 18px 40px #00272f2e;padding:8px}
.eco-core svg{width:26px;height:26px;stroke:var(--mint);fill:none;stroke-width:1.5}
.eco-core span{font-size:12px;font-weight:600;line-height:1.4;color:var(--mint-light)}
.eco-node{position:absolute;z-index:3;background:var(--white);border:1px solid var(--line);
  border-radius:999px;padding:9px 15px;font-size:12.5px;font-weight:600;color:var(--ink);
  white-space:nowrap;box-shadow:0 10px 24px #00272f14;display:flex;align-items:center;gap:8px}
.eco-node i{width:7px;height:7px;border-radius:50%;background:var(--mint);flex:none}
.eco-node.n1{top:2%;inset-inline-start:50%;transform:translateX(-50%)}
.eco-node.n2{bottom:12%;inset-inline-start:-4%}
.eco-node.n3{bottom:12%;inset-inline-end:-4%}
@media (width<=560px){
  .eco{width:100%;aspect-ratio:auto;padding-block:8px;gap:12px;grid-template-columns:1fr}
  .eco-ring{display:none}
  .eco-core{width:auto;aspect-ratio:auto;border-radius:var(--radius-md);padding:18px;flex-direction:row}
  .eco-node{position:static;transform:none;justify-content:center}
}

/* ══ دیاگرام ۲ · چهار لایه‌ی کار و زندگی ══════════════════ */
.layer-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}
.layer-icons figure{margin:0;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-md);padding:18px 10px;text-align:center;
  transition:transform .3s,border-color .3s}
.layer-icons figure:hover{transform:translateY(-4px);border-color:#0b6e7547}
.layer-icons svg{width:26px;height:26px;margin-inline:auto;stroke:var(--teal-700);
  fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.layer-icons figcaption{font-size:12.5px;font-weight:600;color:var(--ink);margin-top:10px}
@media (width<=420px){.layer-icons{grid-template-columns:repeat(2,1fr)}}

/* ══ دیاگرام ۳ · ساعت شش دقیقه ═════════════════════════════
   روی زمینه‌ی سبزآبی بلوک چک‌آپ می‌نشیند، پس متن و عقربه تیره‌اند.
   فقط شش دقیقه از شصت دقیقه علامت خورده است.
   ══════════════════════════════════════════════════════════ */
.six-clock{width:min(210px,58vw);aspect-ratio:1;position:relative;margin-inline:auto;
  border-radius:50%;background:#ffffff29;
  box-shadow:0 0 0 26px #00333e0d,0 0 0 52px #00333e09}
.six-clock svg{width:100%;height:100%;transform:rotate(-90deg);display:block}
.six-clock .track{fill:none;stroke:#00333e2b;stroke-width:6}
.six-clock .slice{fill:none;stroke:var(--teal-950);stroke-width:6;stroke-linecap:round;
  stroke-dasharray:283;stroke-dashoffset:255.7}
.six-clock .ticks line{stroke:#00333e33;stroke-width:1.4;stroke-linecap:round}
.six-clock .mid{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;
  text-align:center;gap:2px}
.six-clock .mid b{font-family:'Morabba';font-size:clamp(38px,7vw,52px);font-weight:700;
  color:var(--teal-950);line-height:1}
.six-clock .mid span{font-size:13.5px;font-weight:600;color:#00272fb0}
/* اگر روزی روی زمینه‌ی تیره لازم شد */
.six-clock.on-dark{background:#ffffff12;box-shadow:0 0 0 26px #ffffff08}
.six-clock.on-dark .track{stroke:#ffffff2e}
.six-clock.on-dark .slice{stroke:var(--mint)}
.six-clock.on-dark .mid b{color:var(--white)}
.six-clock.on-dark .mid span{color:var(--mint-light)}

/* بلوک چک‌آپ وارونه، تا دو بخش چک‌آپ صفحه‌ی خانه یکسان نباشند */
.restaurant-checkup-shell.flip{grid-template-columns:1.18fr .82fr}
@media (width<=980px){.restaurant-checkup-shell.flip{grid-template-columns:1fr}}

/* ══ دیاگرام ۴ · سه لایه با آیکون ══════════════════════════ */
.flow3{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:12px}
.flow3 .step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:22px 18px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.flow3 .step svg{width:28px;height:28px;stroke:var(--teal-700);fill:none;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round}
.flow3 .step small{font-size:11.5px;color:var(--muted);letter-spacing:.02em}
.flow3 .step b{font-size:15px;font-weight:700;color:var(--ink)}
.flow3 .step.mid{background:linear-gradient(160deg,#0b6e7514,#0b6e7503);border-color:#0b6e7540}
.flow3 .step.mid svg{stroke:var(--teal-800)}
.flow3 .step.out{background:var(--teal-900);border-color:transparent}
.flow3 .step.out svg{stroke:var(--mint)}
.flow3 .step.out small{color:#ffffff8f}
.flow3 .step.out b{color:var(--white)}
.flow3 .arrow{display:grid;place-items:center;color:#0b6e7580;font-size:20px;line-height:1}
.flow3-note{font-size:13.5px;color:var(--muted);margin-top:16px;text-align:center}
@media (width<=780px){
  .flow3{grid-template-columns:1fr;gap:8px}
  .flow3 .arrow{transform:rotate(-90deg);padding-block:2px}
}

/* ══ کارت‌های پنج سیستم ════════════════════════════════════ */
.os-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.os-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:26px 22px;text-decoration:none;display:flex;flex-direction:column;min-height:196px;
  transition:transform .3s,border-color .3s,box-shadow .3s}
.os-card:hover{transform:translateY(-5px);border-color:#0b6e754a;box-shadow:0 24px 50px #00272f14}
.os-card .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.os-card .fa{font-family:'Morabba';font-size:19px;font-weight:700;color:var(--ink)}
.os-card .en{font-size:12px;font-weight:600;color:#0b6e7599;letter-spacing:.04em;direction:ltr}
.os-card p{color:var(--muted);font-size:14px;line-height:1.85;margin:14px 0 0}
.os-card .go{margin-top:auto;padding-top:18px;color:var(--teal-700);font-size:20px;line-height:1}
/* کارت سیستم غذا روی زمینه‌ی تیره‌ی استودیو، با مرز سبزآبی متمایز می‌شود */
.os-card.flag{grid-column:span 4;flex-direction:row;align-items:center;gap:28px;min-height:0;
  background:linear-gradient(120deg,#00dabf1c,#00dabf08);border-color:#00dabf4d}
.os-card.flag:hover{background:linear-gradient(120deg,#00dabf29,#00dabf0f);border-color:#00dabf8a}
.os-card.flag .fa{color:var(--white)}
.os-card.flag .en{color:var(--mint)}
.os-card.flag p{color:#ffffffb8;margin:0;flex:1}
.os-card.flag .top{flex-direction:column;align-items:flex-start;gap:4px;flex:none;min-width:150px}
.os-card.flag .go{margin:0;padding:0;color:var(--mint)}
@media (width<=980px){.os-cards{grid-template-columns:repeat(2,1fr)}.os-card.flag{grid-column:span 2}}
@media (width<=560px){
  .os-cards{grid-template-columns:1fr}
  .os-card.flag{grid-column:span 1;flex-direction:column;align-items:flex-start;gap:14px}
  .os-card.flag .top{flex-direction:row;justify-content:space-between;width:100%}
}

/* ══ بلوک آنچه نمی‌گوییم ═══════════════════════════════════ */
.honest-block{border:1px solid #0b6e7538;border-radius:var(--radius-lg);
  background:linear-gradient(150deg,#0b6e750d,#0b6e7503);padding:clamp(28px,4vw,44px);margin-top:44px}
.honest-block h3{font-family:'Morabba';font-size:clamp(19px,2.4vw,24px);color:var(--teal-800);margin:0 0 6px}
.honest-block ul{list-style:none;margin:18px 0 0;padding:0}
.honest-block li{position:relative;padding:14px 26px 14px 0;font-size:15.5px;line-height:1.9;
  color:var(--ink);border-bottom:1px solid #0b6e751f}
.honest-block li:last-child{border-bottom:0}
.honest-block li::before{content:"";position:absolute;inset-inline-start:0;top:25px;
  width:12px;height:1.5px;background:var(--teal-700);opacity:.65}

/* ══ نقل‌قول مشتریان ═══════════════════════════════════════ */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quote-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:34px 28px 26px;position:relative;display:flex;flex-direction:column}
.quote-card::before{content:"”";position:absolute;top:10px;inset-inline-start:24px;
  font-family:'Morabba';font-size:76px;line-height:1;color:#0b6e7524}
.quote-card p{position:relative;z-index:1;font-size:15.5px;line-height:2;color:var(--ink);margin:0}
.quote-card cite{margin-top:auto;padding-top:22px;font-style:normal;font-size:13.5px;color:var(--muted)}
.logo-wall{margin-top:34px;border:1px dashed #07394133;border-radius:var(--radius-md);
  padding:26px;text-align:center;color:var(--muted);font-size:13.5px}
.quotes-section{background:#ebe9e2}
@media (width<=980px){.quotes{grid-template-columns:1fr}}

/* ══ ریز ═══════════════════════════════════════════════════ */
.split-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:end}
.split-heading h2{margin:0}
.split-heading p{color:var(--muted);font-size:16px;line-height:2;margin:0}
@media (width<=880px){.split-heading{grid-template-columns:1fr;gap:18px;align-items:start}}
.lede-strong{font-size:clamp(18px,2.2vw,22px);line-height:1.85;color:var(--ink);font-weight:600}
.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}.mt-56{margin-top:56px}
.center{text-align:center}
.center .eyebrow{justify-content:center}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}


/* ══════════════════════════════════════════════════════════
   اصلاحات · دور اول بازخورد
   ══════════════════════════════════════════════════════════ */

/* ۱ · دکمه داخل کارت‌های ستونی تمام‌عرض کشیده می‌شد */
.path-card > .button,
.entry-card > .button,
.hub-copy > .button,
.checkup-copy > .button,
.final-copy > .button,
.os-card > .button{align-self:flex-start;width:auto}
.path-card,.entry-card{align-items:flex-start}
.path-card > *,.entry-card > *{width:100%}
.path-card > .button,.entry-card > .button{width:auto}

/* ۲ · خوانایی متن روی زمینه‌های تیره
   کلاس‌های خاکستریِ پیش‌فرض روی تیل تیره خوانا نبودند. */
.studio .section-heading p,
.studio .split-heading p,
.final-cta .split-heading p,
.final-cta .section-heading p{color:#ffffffa8}
.studio .eyebrow,.final-cta .eyebrow{color:var(--mint)}
.studio .eyebrow span,.final-cta .eyebrow span{background:var(--mint)}
.studio h2,.studio h3,.final-cta h2{color:#fff}
.custom-os-row p{color:#ffffffb3}
.custom-os-row .text-link{color:var(--mint)}

/* ۳ · خوانایی روی کارت سبزآبی چک‌آپ
   ابروی سبزآبی روی زمینه‌ی سبزآبی دیده نمی‌شد. */
.restaurant-checkup-shell .eyebrow,
.checkup-shell .eyebrow{color:var(--teal-950)}
.restaurant-checkup-shell .eyebrow span,
.checkup-shell .eyebrow span{background:var(--teal-950)}
.restaurant-checkup-shell .checkup-copy h2,
.checkup-shell .checkup-copy h2{color:var(--teal-950)}
.restaurant-checkup-shell .checkup-copy > p:not(.eyebrow),
.checkup-shell .checkup-copy > p:not(.eyebrow){color:#00272fcc}
.restaurant-checkup-shell .checkup-copy small,
.checkup-shell .checkup-copy small{color:#00272fa6;font-size:12.5px}

/* ۴ · تراز عمودی داخل کارت‌ها */
.path-card .path-copy{margin-top:28px}
.path-card .eco,.path-card .layer-icons{margin-block:6px 4px}
.os-card p{flex:1}

/* ۵ · فاصله‌های داخلی متعادل‌تر */
@media (width<=980px){
  .section{padding:96px 0}
  .restaurant-checkup-shell,.checkup-shell{padding:48px 32px;min-height:0;gap:32px}
}
@media (width<=560px){
  .section{padding:72px 0}
  .restaurant-checkup-shell,.checkup-shell{padding:36px 22px}
  .path-card,.entry-card{padding:28px 22px}
}

/* has-sub فقط برای اسکریپت است و استایل جدا لازم ندارد */
.has-sub{position:relative}

/* ══════════════════════════════════════════════════════════
   اصلاحات · دور دوم بازخورد
   ══════════════════════════════════════════════════════════ */


/* ۲ · هاور منو فقط تغییر پس‌زمینه. خط زیرین حذف شد. */
.desktop-nav a:after{display:none!important;content:none!important}
.desktop-nav > li > a{padding:10px 14px;border-radius:11px;
  transition:background-color .18s ease,color .18s ease}
.desktop-nav > li > a:hover,
.desktop-nav > li:hover > a,
.desktop-nav > li:focus-within > a{background:#00dabf24;color:var(--teal-900)}

/* ۳ · زیرمنوی موبایل: بار اول بیرون از کادر رندر می‌شد.
   انتخابگر با ویژگی بالاتر و بدون ترنزیشن، جای درست را از ابتدا تثبیت می‌کند. */
@media (width<=1080px){
  .site-header .desktop-nav .submenu{
    position:static;inset:auto;transform:none;transition:none;
    opacity:1;visibility:visible;display:none;
    background:transparent;border:0;box-shadow:none;
    min-width:0;width:100%;padding:0 14px 14px;margin:0;
    border-inline-start:2px solid #00dabf59;
  }
  .site-header .desktop-nav > li.open > .submenu{display:block}
  .desktop-nav > li > a{padding:16px 12px;border-radius:12px}
}

/* ۴ · تبلت: ستون‌های فوتر دوتا دوتا، نه لوگوی تمام‌عرض */
@media (width<=820px){
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:auto}
}

/* ۵ · هیرو: ریزنوشته هم‌ردیف دکمه‌ها */
.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 18px}
.hero-actions .microcopy{margin:0;max-width:20ch;text-align:start;line-height:1.7}
@media (width<=720px){
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .button{width:100%}
  .hero-actions .microcopy{max-width:none;text-align:center}
}

/* ۶ · هیرو: متن هسته در موبایل دو خطه می‌شد */
@media (width<=720px){
  .system-core span{font-size:11px;line-height:1.35;max-width:11ch;margin-inline:auto}
  .system-core i{font-size:10px}
}

/* ۷ · دیاگرام سه لایه روی پنل تیره
   لایه‌ی وسط عمداً پررنگ است، چون کار لید همان‌جاست. */
.lead-explainer .flow3 .step{
  background:transparent;border:1px solid #ffffff4d}
.lead-explainer .flow3 .step svg{stroke:#fff}
.lead-explainer .flow3 .step small{color:#ffffffa1}
.lead-explainer .flow3 .step b{color:#fff}

.lead-explainer .flow3 .step.mid{
  background:transparent;border-color:var(--mint)}
.lead-explainer .flow3 .step.mid svg{stroke:var(--mint)}
.lead-explainer .flow3 .step.mid small{color:#8ff5e7cc}
.lead-explainer .flow3 .step.mid b{color:var(--mint)}

.lead-explainer .flow3 .step.out{
  background:var(--teal-950);border-color:transparent}
.lead-explainer .flow3 .step.out svg{stroke:var(--mint)}
.lead-explainer .flow3 .step.out small{color:#ffffff8f}
.lead-explainer .flow3 .step.out b{color:#fff}

.lead-explainer .flow3 .arrow{color:#ffffff6b}
.lead-explainer .flow3-note{color:#ffffffa3}

/* ۸ · جمله‌ی بولد زیر تیتر */
.lede-bold{font-size:clamp(17px,2vw,20px);font-weight:700;line-height:1.9;margin:0 0 14px}
.lead-explainer .lede-bold{color:#fff}
/* لینک متنی روی پنل تیره */
.text-link-light{color:var(--mint)}
.text-link-light:hover{color:var(--mint-light)}

/* ══════════════════════════════════════════════════════════
   اصلاحات · دور سوم بازخورد
   ══════════════════════════════════════════════════════════ */

/* ۱ · فوتر: در تبلت ستون‌ها دوتا دوتا (۱+۲ بعد ۳+۴)
   قانون پایه‌ی طراحی، ستون اول را تمام‌عرض می‌کرد و ویژگی بیشتری داشت. */
.footer-grid > .footer-brand{grid-column:auto}
@media (width<=520px){.footer-grid > .footer-brand{grid-column:1/-1}}

/* ۲ · هدر: منو با فاصله از لوگو، نه وسط‌چین */
.nav-shell{justify-content:flex-start}
.brand-link{flex:0 0 auto}
.desktop-nav{flex:0 0 auto;margin-inline-start:34px}
.nav-end{margin-inline-start:auto}
@media (width<=1180px){.desktop-nav{margin-inline-start:18px}}

/* ۳ · پیکان‌ها آیکون شدند و روی هاور جابه‌جا می‌شوند */
.arw{display:inline-flex;align-items:center}
.arw svg{width:16px;height:16px;transition:transform .22s ease}
.button:hover .arw svg,
.text-link:hover .arw svg,
.os-card:hover .arw svg{transform:translateX(-5px)}
.text-link{display:inline-flex;align-items:center;gap:8px}

/* ۴ · دیاگرام سه لایه: هیچ پس‌زمینه‌ی پُری ندارد، فقط بوردر */
.lead-explainer .flow3 .step.out{background:transparent;border:1px solid #ffffff5c}

/* ۵ · جدول قبل و بعد: سرستون‌ها واقعاً سرستون دیده شوند */
.comparison-head > *{padding:20px 28px;font-size:15px;font-weight:700;letter-spacing:0}
.comparison-head > span{color:var(--muted)}
.comparison-head strong{font-family:'Morabba';font-size:17px}
/* گوشه‌های پایین ستون لید هم مثل بالا گرد شود */
.comparison-row:last-child strong{border-radius:0 0 18px 18px}
.comparison-table{overflow:visible}

/* ۶ · پنل «لید چه کار می‌کند» از مرز دو بخش عبور می‌کند */
.problem{padding-bottom:0}
.lead-explainer{border-radius:var(--radius-xl);position:relative;z-index:3;
  margin-bottom:calc(-1 * clamp(44px,6vw,76px))}
.comparison{padding-top:calc(clamp(96px,10vh,128px) + clamp(44px,6vw,76px))}

/* ۷ · کارت‌های مسیر: بدون هاور هم کارت‌اند */
.path-card{background:var(--white);border:1px solid var(--line);
  transition:transform .35s,box-shadow .35s,border-color .35s}
.path-card:hover{border-color:#0b6e754a}
.path-card .path-topline{margin-bottom:22px}
.path-card .path-copy{margin-top:26px;flex:1}
.path-card > .text-link{margin-top:22px}
/* هر دو کارت، بلوک تصویری هم‌ارتفاع دارند تا متن‌ها هم‌تراز شروع شوند */
.path-card .eco,
.path-card .layer-icons{min-height:230px;align-content:center;margin-block:0}

/* ۸ · اکو: مرکز فقط آیکون، گره‌ها داخل کادر، هاور تکان کوچک */
.eco{width:min(300px,100%)}
.eco-core{width:34%}
.eco-core svg{width:32px;height:32px}
.eco-node{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.eco-node:hover{border-color:var(--mint);box-shadow:0 10px 22px #00272f14}
.eco-node.n1{top:0}
.eco-node.n1:hover{transform:translateX(-50%) translateY(-5px)}
.eco-node.n2{bottom:10%;inset-inline-start:0}
.eco-node.n3{bottom:10%;inset-inline-end:0}
.eco-node.n2:hover,.eco-node.n3:hover{transform:translateY(-5px)}
/* در موبایل هم همان چیدمان دایره‌ای بماند، فقط کوچک‌تر */
@media (width<=640px){
  .eco{width:min(280px,100%);aspect-ratio:1;padding-block:0;grid-template-columns:none}
  .eco-ring{display:block}
  .eco-core{width:36%;aspect-ratio:1;border-radius:50%;padding:0;flex-direction:column}
  .eco-node{position:absolute;font-size:11.5px;padding:7px 11px}
  .eco-node.n1{inset-inline-start:50%;transform:translateX(-50%)}
}

/* ۹ · آیکون‌های چهار لایه: بزرگ، سبزآبی، بدون نام */
.layer-icons{grid-template-columns:repeat(4,1fr);gap:12px}
.layer-icons figure{background:var(--teal-900);border-color:transparent;
  padding:26px 10px;display:grid;place-items:center;transition:transform .28s,background .28s}
.layer-icons figure:hover{transform:translateY(-5px);background:var(--teal-800)}
.layer-icons svg{width:38px;height:38px;stroke:var(--mint);stroke-width:1.5}
@media (width<=420px){.layer-icons{grid-template-columns:repeat(2,1fr)}}

/* ۱۰ · کارت سیستم‌عامل‌ها: هم‌خانواده‌ی کارت سیستم غذا، نه سفید */
.studio .os-card{background:#ffffff0a;border:1px solid #ffffff1f;backdrop-filter:blur(2px)}
.studio .os-card:hover{background:#ffffff12;border-color:#00dabf7a;
  transform:translateY(-5px);box-shadow:0 26px 54px #00000038}
.studio .os-card .fa{color:#fff}
.studio .os-card .en{color:var(--mint)}
.studio .os-card p{color:#ffffffab}
.studio .os-card .go{color:var(--mint)}
.os-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:#00dabf1f;border:1px solid #00dabf3d;margin-bottom:20px;flex:none}
.os-ico svg{width:23px;height:23px;color:var(--mint)}
.studio .os-card.flag .os-ico{background:#00dabf29;border-color:#00dabf5c;margin:0}

/* ۱۱ · چک‌آپ‌ها: «رایگان است…» زیر دکمه، و انحنای پایین با اورلپ */
.checkup-copy small{display:block;margin-top:16px}
/* پس‌زمینه‌ی بخش چک‌آپ توسی می‌ماند؛ خود بلوک تمایز را می‌سازد. */
.restaurant-checkup,.business-checkup{background:#ebe9e2}

/* ۱۲ · روش کار: چهار ستون در یک ردیف، عددها درشت‌تر */
.process-grid{grid-template-columns:repeat(4,1fr)}
.process-grid article{padding:30px 24px;min-height:250px}
.process-grid article > span{font-family:'Morabba';font-size:30px;font-weight:700;
  line-height:1;color:#0b6e7561;display:block}
.process-grid h3{margin:22px 0 12px;font-size:23px}
.process-grid p{max-width:none}
@media (width<=980px){
  .process-grid{grid-template-columns:1fr 1fr}
  .process-grid article{border-left:1px solid var(--line);border-bottom:1px solid var(--line);
    min-height:auto;padding:26px 20px}
  .process-grid article:nth-child(2n){border-left:0}
  .process-grid article:nth-last-child(-n+2){border-bottom:0}
}
@media (width<=560px){
  .process-grid{grid-template-columns:1fr}
  .process-grid article{border-left:0;padding:24px 0}
  .process-grid article:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .process-grid article:last-child{border-bottom:0}
}

/* ۱۳ · نقل‌قول: علامت کوت سبزآبی و با فاصله از متن */
.quote-card{border-radius:var(--radius-lg);padding:30px 28px 26px;
  transition:transform .3s,border-color .3s,box-shadow .3s}
.quote-card:hover{transform:translateY(-4px);border-color:#00dabf70;box-shadow:0 22px 46px #00272f12}
.quote-card::before{content:"”";color:#00dabf;opacity:.6;font-family:'Morabba';
  font-size:74px;line-height:1;top:14px;inset-inline-start:26px}
.quote-card p{margin-top:44px}
.quote-card cite{padding-top:24px;color:var(--teal-700);font-weight:600}

/* ۱۴ · دعوت پایانی: یک جمله بالای دکمه، یکی زیر آن */
.final-copy .microcopy-lead{margin:0 0 20px;font-size:13.5px;color:#ffffffc4}
.final-copy > .button{margin-bottom:16px}
.final-copy .microcopy{margin-inline:0}

/* ۱۵ · هیرو در موبایل: فقط نشان لید داخل هسته */
@media (width<=720px){
  .system-core span,.system-core i{display:none}
  .system-core img{width:44px;height:auto}
}
.os-card .go.arw{display:flex}
.os-card .go svg{width:20px;height:20px}
.os-card.flag .go svg{width:22px;height:22px}

/* ══════════════════════════════════════════════════════════
   اصلاحات · دور چهارم بازخورد
   ══════════════════════════════════════════════════════════ */

/* ۱ · هدر: نشان لید به‌جای لوگوی افقی، مربع و همیشه تراز */
.brand-link img{height:34px;width:34px;object-fit:contain}
@media (width<=1080px){.brand-link img{height:30px;width:30px}}

/* ۲ · زیرمنوی موبایل — ریشه‌ی واقعی ایراد
   مرورگر موبایل روی تپ اول حالت hover را اعمال می‌کند و قانون دسکتاپ
   زیرمنو را ۵۰٪ بیرون می‌بُرد. اینجا قطعی خنثی می‌شود. */
@media (width<=1080px){
  .site-header .desktop-nav > li:hover > .submenu,
  .site-header .desktop-nav > li:focus-within > .submenu,
  .site-header .desktop-nav .submenu{
    position:static!important;inset:auto!important;
    transform:none!important;transition:none!important}
}

/* ۳ · فوتر: قانون پایه ستون اول را تمام‌عرض می‌کرد و ویژگی بیشتری داشت */
.site-footer .footer-grid > .footer-brand{grid-column:auto}
@media (width<=520px){.site-footer .footer-grid > .footer-brand{grid-column:1/-1}}

/* ۴ · نوار اعداد در موبایل: خط‌های اضافی حذف شوند */
@media (width<=820px){
  .proof-grid > div{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
  .proof-grid > div:nth-child(2n){border-left:0}
  .proof-grid > div:nth-last-child(-n+2){border-bottom:0}
}

/* ۵ · دو کارت مسیر هم‌عرض؛ کارت کافه و رستوران تیره و پروزن */
.path-grid{grid-template-columns:1fr 1fr}
@media (width<=900px){.path-grid{grid-template-columns:1fr}}

.path-card-dark{background:var(--teal-900);border-color:transparent;color:#fff}
.path-card-dark:hover{border-color:#00dabf5c;box-shadow:0 30px 64px #00272f36}
.path-card-dark .path-topline > span:first-child{color:var(--mint)}
.path-card-dark .path-topline .card-index{color:#ffffff5c}
.path-card-dark h3{color:#fff}
.path-card-dark .path-copy p{color:#ffffffb0}
.path-card-dark .text-link{color:var(--mint)}
.path-card-dark .text-link:hover{color:var(--mint-light)}
/* دیاگرام اکو روی زمینه‌ی تیره */
.path-card-dark .eco-ring{border-color:#ffffff2e}
.path-card-dark .eco-ring.two{border-color:#ffffff1a}
.path-card-dark .eco-core{background:transparent;border:1px solid var(--mint);box-shadow:none;width:40%}
.path-card-dark .eco-core svg{width:40px;height:40px;stroke:var(--mint);stroke-width:1.4}
.path-card-dark .eco-node{background:#ffffff0f;border-color:#ffffff2e;color:#fff;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.path-card-dark .eco-node:hover{border-color:var(--mint);box-shadow:0 10px 22px #00000038}

/* ۶ · آیکون سیستم‌عامل‌ها: مربع، بدون پس‌زمینه، کم‌صدا */
.os-ico{width:40px;height:40px;border-radius:10px;background:transparent;
  border:1px solid #ffffff26;margin-bottom:20px}
.os-ico svg{width:20px;height:20px;color:#ffffff85}
.studio .os-card:hover .os-ico{border-color:#00dabf5c}
.studio .os-card:hover .os-ico svg{color:var(--mint)}
.studio .os-card.flag .os-ico{background:transparent;border-color:#00dabf5c;margin:0}
.studio .os-card.flag .os-ico svg{color:var(--mint)}

/* ۷ · دیاگرام بیزینس‌هاب: فقط سه گره بچرخند، نشان لید ثابت بماند */
@keyframes leadCounterSpin{to{transform:rotate(-360deg)}}
.hub-orbit .node-center img{animation:leadCounterSpin 38s linear infinite;transform-origin:50% 50%}

/* ۸ · نقل‌قول‌ها: تفکیک از بخش بالا و اورلپ بلوک «آنچه نمی‌گوییم» */
.process{padding-bottom:0}
.honest-block{background:var(--white);border-color:#0b6e7524;
  box-shadow:0 26px 56px #00272f0f;position:relative;z-index:3;
  margin-bottom:calc(-1 * clamp(40px,5vw,68px))}
.quotes-section{background:var(--paper);
  padding-top:calc(clamp(40px,5vw,68px) + clamp(44px,5vw,64px))}
.quotes-section .section-heading{margin-bottom:34px}

/* ══════════════════════════════════════════════════════════
   اصلاحات · دور پنجم بازخورد
   ══════════════════════════════════════════════════════════ */

/* ۱ · فوتر — قطعی. قانون پایه با first-child ویژگی بالایی داشت. */
.site-footer .footer-grid > .footer-brand{grid-column:auto!important}
@media (width<=520px){
  .site-footer .footer-grid > .footer-brand{grid-column:1/-1!important}
}

/* ۲ · چهار آیکون استودیو: مربع، ۲×۲، بدون پس‌زمینه، فقط بوردر */
.layer-icons{grid-template-columns:1fr 1fr;gap:14px;width:min(300px,100%);margin-inline:auto}
.layer-icons figure{background:transparent;border:1px solid var(--line);
  border-radius:var(--radius-md);aspect-ratio:1;padding:0;
  display:grid;place-items:center;transition:transform .28s,border-color .28s}
.layer-icons figure:hover{transform:translateY(-4px);border-color:var(--mint)}
.layer-icons svg{width:34px;height:34px;stroke:var(--teal-700);stroke-width:1.4;margin:0}
.layer-icons figure:hover svg{stroke:var(--mint)}
@media (width<=420px){.layer-icons{grid-template-columns:1fr 1fr}}

/* ۳ · لینک کارت‌های ورودی: فاصله از متن بالا */
.entry-card > .text-link{display:inline-flex;margin-top:24px}

/* ۴ · بلوک‌های چک‌آپ: فشرده‌تر و با اورلپ روی بخش بعدی/قبلی
   ── چک‌آپ رستوران از پایین وارد بخش استودیو می‌شود
   ── چک‌آپ کسب‌وکار از بالا از دل بخش استودیو بیرون می‌آید       */
.restaurant-checkup{padding:clamp(52px,6vw,74px) 0 0}
.restaurant-checkup > .container{position:relative;z-index:3;
  margin-bottom:calc(-1 * clamp(38px,5vw,62px))}

.business-checkup{padding:0 0 clamp(52px,6vw,74px)}
.business-checkup > .container{position:relative;z-index:3;
  margin-top:calc(-1 * clamp(38px,5vw,62px))}

.studio{padding-block:calc(clamp(84px,9vw,112px) + clamp(38px,5vw,62px))}

/* ══════════════════════════════════════════════════════════
   فوتر · شبکه‌ی مستقل
   کلاس footer-grid کنار گذاشته شد چون قانون‌های design-v3
   (از جمله div:first-child{grid-column:1/-1}) مدام بر آن غلبه می‌کردند.
   lead-fgrid هیچ قانون رقیبی ندارد.
   ══════════════════════════════════════════════════════════ */
.lead-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.15fr;
  gap:36px;align-items:start}
.lead-fgrid > .footer-col{grid-column:auto;grid-row:auto}

@media (width<=1080px){
  .lead-fgrid{grid-template-columns:1.25fr 1fr 1fr 1.1fr;gap:26px}
}
/* تبلت: ردیف اول لوگو + آشنایی با لید، ردیف دوم کافه و رستوران + استودیو */
@media (max-width:820px){
  .lead-fgrid{grid-template-columns:1fr 1fr;gap:34px 28px}
}
@media (max-width:520px){
  .lead-fgrid{grid-template-columns:1fr;gap:28px}
}

/* ۲ · آیکون‌های چهار لایه، درشت‌تر */
.layer-icons{width:min(340px,100%);gap:16px}
.layer-icons svg{width:46px;height:46px;stroke-width:1.3}
/* ══════════════════════════════════════════════════════════
   صفحه‌ی مادر استودیو · نسخه‌ی ۳
   هیروی تایپوگرافیک، کارت‌های چهار محصول و پل مستقل FoodOS.
   ══════════════════════════════════════════════════════════ */
.studio-hero{min-height:620px;padding:clamp(92px,11vw,138px) 0;display:grid;align-items:center}
.studio-hero .hero-grid-pattern{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 35% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 35% 100%)}
.studio-hero-layout{position:relative;z-index:2}
.studio-hero-copy{max-width:900px}
.studio-hero h1{max-width:820px;font-size:clamp(52px,7vw,92px);line-height:1.2}
.studio-hero .hero-lead{max-width:760px}
.studio-hero .hero-actions{align-items:center;gap:22px;margin-top:40px}

.studio-definition .section-heading>p{font-size:clamp(18px,2vw,22px);font-weight:600;color:var(--ink)}
.studio-flow-panel{grid-template-columns:.82fr 1.18fr;margin-top:72px;padding:clamp(38px,5vw,66px)}
.studio-flow-panel .studio-flow-note{margin-top:20px;color:var(--mint-light)!important;font-weight:600}
.studio-flow-panel .flow3 .arrow svg{width:23px;height:23px}

.studio-products .section-heading{margin-bottom:48px}
.studio-os-grid{grid-template-columns:repeat(2,1fr);gap:18px}
.studio-os-card{min-height:420px;padding:30px;background:var(--white)}
.studio-os-card .top{width:100%;padding-bottom:20px;border-bottom:1px solid var(--line)}
.studio-os-card .fa{font-size:23px}
.studio-os-card .en{font-size:13px}
.studio-product-visual{position:relative;height:190px;display:grid;place-items:center;margin-block:16px;overflow:hidden}
.studio-product-visual::before,.studio-product-visual::after{content:"";position:absolute;border-radius:50%}
.studio-product-visual::before{width:164px;height:164px;border:1px solid #0b6e7528}
.studio-product-visual::after{width:112px;height:112px;border:1px dashed #0b6e7545}
.studio-visual-core{position:relative;z-index:2;width:72px;height:72px;border-radius:22px;background:var(--teal-900);color:var(--mint);display:grid;place-items:center;box-shadow:0 18px 36px #00272f24}
.studio-visual-core svg{width:32px;height:32px}
.studio-product-visual .dot{position:absolute;z-index:3;width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px #00dabf18}
.studio-product-visual .d1{top:22px;inset-inline-start:27%}
.studio-product-visual .d2{top:50%;inset-inline-end:21%}
.studio-product-visual .d3{bottom:20px;inset-inline-start:35%}
.studio-product-visual .d4{top:42%;inset-inline-start:18%;width:6px;height:6px;opacity:.55}
.studio-product-meta{width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px;padding-top:22px;border-top:1px solid var(--line)}
.studio-os-card .studio-product-meta p{flex:none;margin:0;max-width:32ch;color:var(--muted);font-size:14.5px;line-height:1.9}
.studio-audience{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;color:var(--teal-700);font-size:13px;font-weight:600;text-align:end;white-space:nowrap}
.studio-audience .arw svg{width:16px;height:16px}

.studio-food-bridge{position:relative;overflow:hidden;margin-top:18px;min-height:350px;border-radius:var(--radius-xl);background:var(--teal-900);color:var(--white);display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(34px,6vw,84px);padding:clamp(34px,5vw,64px)}
.studio-food-bridge::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}
.studio-food-bridge>*{position:relative;z-index:2}
.studio-food-visual{width:min(270px,100%);aspect-ratio:1;position:relative;display:grid;place-items:center;justify-self:center}
.food-orbit{position:absolute;border-radius:50%}
.food-orbit.one{inset:4%;border:1px dashed #ffffff38}
.food-orbit.two{inset:20%;border:1px solid #00dabf66}
.food-orbit.one::before,.food-orbit.one::after,.food-orbit.two::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px #00dabf}
.food-orbit.one::before{top:15%;inset-inline-start:13%}
.food-orbit.one::after{bottom:9%;inset-inline-end:20%}
.food-orbit.two::before{top:48%;inset-inline-end:-5px}
.food-core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#00272f;border:1px solid var(--mint);color:var(--mint);box-shadow:0 0 54px #00dabf24}
.food-core svg{width:40px;height:40px}
.studio-food-copy{max-width:650px}
.studio-food-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--mint);font-size:13px;font-weight:600}
.studio-food-top b{color:#ffffff6e;font-size:12px;letter-spacing:.08em}
.studio-food-copy h3{font-family:'Morabba';font-size:clamp(34px,4vw,52px);margin:22px 0 14px}
.studio-food-copy p{max-width:62ch;color:#ffffffad;line-height:2;margin:0 0 26px}

.studio-custom{background:var(--paper)}
.studio-custom-shell{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--white);display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(40px,7vw,100px);padding:clamp(36px,6vw,72px)}
.studio-custom-shell h2{font-family:'Morabba';font-size:clamp(38px,4.5vw,60px);line-height:1.4;margin:0}
.studio-custom-shell>div:last-child{padding-top:54px}
.studio-custom-shell>div:last-child p{color:var(--muted);font-size:16px;line-height:2.1;margin:0 0 28px}

.studio-values{position:relative;overflow:hidden;background:var(--teal-950);color:var(--white)}
.studio-values::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#00dabf1f,#0000 68%);inset-inline-end:-270px;top:-260px}
.studio-values .container{position:relative;z-index:2}
.studio-values h2{color:var(--white)}
.studio-values .split-heading>p{color:#ffffffa6}
.studio-values-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #ffffff24;border-inline-start:1px solid #ffffff24}
.studio-values-grid article{min-height:180px;padding:32px;border-inline-end:1px solid #ffffff24;border-bottom:1px solid #ffffff24;display:grid;grid-template-columns:48px 1fr;align-items:start;gap:20px}
.studio-values-grid article>span{font-family:'Morabba';color:var(--mint);font-size:20px}
.studio-values-grid article p{max-width:34ch;color:#ffffffc2;font-size:16px;line-height:2;margin:0}

.studio-proof-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.studio-proof-grid>div{min-height:132px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;border-inline-end:1px solid var(--line)}
.studio-proof-grid>div:first-child{border-inline-start:1px solid var(--line)}
.studio-proof-grid strong{font-family:'Morabba';font-size:clamp(30px,3.5vw,42px);color:var(--teal-900);letter-spacing:-.04em}
.studio-proof-grid span{color:var(--muted);font-size:13px}

@media (width<=980px){
  .studio-flow-panel{grid-template-columns:1fr;gap:40px}
  .studio-food-bridge{grid-template-columns:1fr;gap:22px;text-align:center}
  .studio-food-copy{margin-inline:auto}
  .studio-food-copy .text-link{justify-content:center}
  .studio-food-top{justify-content:center}
  .studio-custom-shell{grid-template-columns:1fr;gap:20px}
  .studio-custom-shell>div:last-child{padding-top:0}
  .studio-proof-grid{grid-template-columns:repeat(3,1fr)}
  .studio-proof-grid>div{border-bottom:1px solid var(--line)}
  .studio-proof-grid>div:nth-last-child(-n+2){grid-column:span 1;border-bottom:0}
}
@media (width<=760px){
  .studio-hero{min-height:540px}
  .studio-hero h1{font-size:clamp(46px,12vw,64px)}
  .studio-hero .hero-actions{align-items:flex-start}
  .studio-os-grid{grid-template-columns:1fr}
  .studio-product-meta{grid-template-columns:1fr;gap:12px}
  .studio-audience{justify-content:flex-start}
  .studio-values-grid{grid-template-columns:1fr}
  .studio-values-grid article{min-height:0}
}
@media (width<=560px){
  .studio-hero .hero-actions{width:100%;align-items:stretch}
  .studio-hero .hero-actions .button{width:100%}
  .studio-hero .hero-actions .text-link{justify-content:center}
  .studio-os-card{min-height:390px;padding:24px 20px}
  .studio-product-visual{height:170px}
  .studio-food-bridge{border-radius:var(--radius-lg);padding:34px 22px}
  .studio-food-visual{width:min(220px,82vw)}
  .studio-custom-shell{border-radius:var(--radius-lg);padding:32px 22px}
  .studio-proof-grid{grid-template-columns:1fr 1fr}
  .studio-proof-grid>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .studio-proof-grid>div:last-child{grid-column:1/-1;border-bottom:0}
  .studio-values-grid article{padding:26px 20px;grid-template-columns:38px 1fr}
}
@media (hover:none){
  .studio-os-card:hover{transform:none;box-shadow:none}
}

/* ══════════════════════════════════════════════════════════
   صفحه‌ی مادر استودیو · نسخه‌ی ۴
   زبان بصری برگرفته از هیروی صفحه‌ی اصلی: هسته، مدار، جریان.
   ══════════════════════════════════════════════════════════ */
.studio-hero{min-height:760px;padding:92px 0 58px}
.studio-hero-layout{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(38px,6vw,84px)}
.studio-hero-copy{max-width:680px}
.studio-hero h1{max-width:650px;font-size:clamp(52px,6.2vw,84px)}
.studio-hero .hero-lead{max-width:620px}
.studio-hero-system{position:relative;width:min(100%,540px);aspect-ratio:1;justify-self:end;direction:ltr;isolation:isolate}
.studio-hero-system::before{content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#00dabf26 0,#00dabf0b 35%,transparent 68%);filter:blur(3px)}
.studio-stage-ring{position:absolute;border-radius:50%;inset:9%;border:1px solid #ffffff29;box-shadow:inset 0 0 35px #00dabf0b}
.stage-ring-one{border-style:dashed;animation:studioSpin 20s linear infinite}
.stage-ring-two{inset:22%;border-color:#00dabf5c;animation:studioSpinBack 14s linear infinite}
.stage-ring-three{inset:34%;border-color:#ffffff21}
.studio-stage-core{position:absolute;z-index:5;inset:34%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:linear-gradient(145deg,#073f49,#001f26);border:1px solid #00dabf8a;box-shadow:0 0 65px #00dabf32,inset 0 0 28px #00dabf12}
.studio-stage-core img{width:46px;filter:drop-shadow(0 8px 14px #00dabf42)}
.studio-stage-core strong{font-family:Morabba,Peyda,sans-serif;font-size:15px;color:#fff;letter-spacing:.01em}
.studio-stage-core small{font-size:8px;color:#ffffff72}
.stage-core-glow{position:absolute;inset:-13%;border:1px solid #00dabf4a;border-radius:50%;animation:studioPulse 2.8s ease-out infinite}
.studio-stage-node{position:absolute;z-index:6;width:98px;height:98px;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(145deg,#0d4a55cc,#00252dcc);border:1px solid #8ff5e761;box-shadow:0 18px 40px #0005,inset 0 1px #ffffff24;backdrop-filter:blur(12px);transition:transform .3s,border-color .3s,box-shadow .3s}
.studio-stage-node svg{width:28px;height:28px;color:var(--mint)}
.studio-stage-node span{font-size:11px;color:#ffffffc9;font-weight:600;letter-spacing:.03em}
.studio-stage-node:hover{transform:translateY(-5px) scale(1.04);border-color:var(--mint);box-shadow:0 22px 46px #0006,0 0 25px #00dabf24}
.stage-life{left:39%;top:1%}.stage-work{right:1%;top:40%}.stage-team{left:39%;bottom:1%}.stage-money{left:1%;top:40%}
.studio-stage-node::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 13px var(--mint)}
.stage-life::after{left:46px;bottom:-27px}.stage-team::after{left:46px;top:-27px}.stage-work::after{left:-27px;top:45px}.stage-money::after{right:-27px;top:45px}
.studio-stage-runner{position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px var(--mint),0 0 24px var(--mint)}
.runner-one{top:15%;left:20%;animation:runnerFloat 3.4s ease-in-out infinite}
.runner-two{right:16%;bottom:20%;animation:runnerFloat 3.4s ease-in-out -1.7s infinite}
.studio-stage-caption{position:absolute;z-index:3;padding:8px 12px;border-radius:999px;border:1px solid #ffffff24;background:#001e25a8;color:#ffffff79;font-size:9px;backdrop-filter:blur(8px)}
.caption-product{top:23%;right:8%}.caption-custom{bottom:23%;left:5%}
.studio-hero-foot{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:34px;color:#ffffff61;font-size:10px;letter-spacing:.04em}
.studio-hero-foot i{width:44px;height:1px;background:#ffffff24}

.studio-definition{padding-top:120px}
.studio-flow-panel{box-shadow:0 32px 80px #00272f1c}
.studio-flow-panel::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#00dabf1f,transparent 70%);right:-120px;bottom:-160px}

.studio-products{background:linear-gradient(180deg,#ebe9e2 0%,#e4e3dc 100%)}
.studio-os-grid{gap:24px}
.studio-os-card{padding:0;min-height:540px;border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 1px 0 #fff inset}
.studio-os-card .top{padding:25px 28px 21px;border-bottom:0}
.studio-os-card .fa{font-size:24px}
.studio-os-card .en{font-size:12px;padding:7px 10px;border-radius:999px;background:#edf4f2;color:var(--teal-700)}
.studio-product-visual{--os-accent:#00dabf;--os-accent-soft:#00dabf2d;position:relative;height:275px;margin:0 18px;border-radius:25px;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 54%,var(--os-accent-soft),transparent 35%),linear-gradient(145deg,#003c47,#001e25 72%);box-shadow:inset 0 1px #ffffff1f,0 18px 34px #00272f20}
.visual-work{--os-accent:#78d8ff;--os-accent-soft:#78d8ff26}
.visual-team{--os-accent:#b9a8ff;--os-accent-soft:#b9a8ff28}
.visual-money{--os-accent:#ffc96a;--os-accent-soft:#ffc96a29}
.studio-product-visual::before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;opacity:.16;background-image:linear-gradient(#ffffff24 1px,transparent 1px),linear-gradient(90deg,#ffffff24 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.studio-product-visual::after{content:"";position:absolute;width:260px;height:260px;border:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 18%,var(--os-accent) 20%,transparent 22% 52%,var(--os-accent) 54%,transparent 56% 82%,var(--os-accent) 84%,transparent 86%);opacity:.55;filter:drop-shadow(0 0 8px var(--os-accent));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);animation:studioSpin 16s linear infinite}
.product-ring{position:absolute;border-radius:50%;z-index:1}
.product-ring.ring-a{width:210px;height:210px;border:1px solid #ffffff26}
.product-ring.ring-b{width:154px;height:154px;border:1px dashed color-mix(in srgb,var(--os-accent) 55%,transparent);animation:studioSpinBack 12s linear infinite}
.studio-product-visual .studio-visual-core{position:relative;z-index:5;width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--os-accent);background:linear-gradient(145deg,#064a55,#001e25);border:1px solid color-mix(in srgb,var(--os-accent) 72%,transparent);box-shadow:0 0 46px var(--os-accent-soft),inset 0 0 24px #ffffff0b}
.studio-product-visual .studio-visual-core svg{width:30px;height:30px}
.studio-product-visual .studio-visual-core b{color:#fff;font-size:11px;letter-spacing:.035em}
.product-satellite{position:absolute;z-index:6;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#063943db;border:1px solid #ffffff30;color:var(--os-accent);box-shadow:0 13px 26px #0005,inset 0 1px #ffffff1f;backdrop-filter:blur(8px);transition:transform .32s,border-color .32s}
.product-satellite svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.product-satellite.sat-one{top:22px;left:22%}.product-satellite.sat-two{top:22px;right:22%}.product-satellite.sat-three{bottom:20px;left:22%}.product-satellite.sat-four{bottom:20px;right:22%}
.product-beam{position:absolute;z-index:2;width:190px;height:1px;left:50%;top:50%;background:linear-gradient(90deg,transparent,var(--os-accent),transparent);opacity:.42;transform-origin:center}
.product-beam.beam-a{transform:translate(-50%,-50%) rotate(42deg)}.product-beam.beam-b{transform:translate(-50%,-50%) rotate(-42deg)}
.studio-os-card:hover .product-satellite{border-color:color-mix(in srgb,var(--os-accent) 70%,transparent)}
.studio-os-card:hover .sat-one,.studio-os-card:hover .sat-four{transform:translateY(-4px)}
.studio-os-card:hover .sat-two,.studio-os-card:hover .sat-three{transform:translateY(4px)}
.studio-product-meta{padding:25px 28px 28px;border-top:0;align-items:center}
.studio-os-card .studio-product-meta p{font-size:15px}
.studio-audience{border:1px solid var(--line);border-radius:999px;padding:10px 13px;transition:background .25s,border-color .25s}
.studio-os-card:hover .studio-audience{background:#e7f7f3;border-color:#00dabf55}

.studio-food-bridge{min-height:430px;margin-top:24px;grid-template-columns:.9fr 1.1fr;padding:clamp(40px,5vw,68px);box-shadow:0 30px 70px #00272f2e}
.studio-food-bridge::after{content:"خط رستوران";position:absolute;top:30px;left:34px;color:#ffffff12;font-family:Morabba;font-size:clamp(52px,8vw,108px);font-weight:700;line-height:1;white-space:nowrap}
.studio-food-visual{width:min(330px,100%)}
.food-orbit.three{inset:32%;border:1px dashed #00dabf52}
.food-core{z-index:5;width:112px;height:112px;flex-direction:column;gap:7px;background:linear-gradient(145deg,#07505b,#001f26);box-shadow:0 0 70px #00dabf35,inset 0 0 26px #ffffff0c}
.food-core svg{width:38px;height:38px}.food-core b{font-size:12px;color:#fff;letter-spacing:.04em}
.food-node{position:absolute;z-index:6;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#06414bcc;border:1px solid #ffffff35;color:var(--mint);box-shadow:0 14px 28px #0005;backdrop-filter:blur(8px)}
.food-node svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.node-stock{top:6%;left:18%}.node-recipe{right:2%;top:43%}.node-report{bottom:3%;left:23%}
.food-link{position:absolute;z-index:2;width:35%;height:1px;left:50%;top:50%;transform-origin:left;background:linear-gradient(90deg,var(--mint),transparent);opacity:.5}
.food-link.link-one{transform:rotate(220deg)}.food-link.link-two{transform:rotate(0deg)}.food-link.link-three{transform:rotate(120deg)}

.studio-custom-shell{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f1f6f4 100%);box-shadow:0 24px 70px #00272f0d}
.studio-custom-shell::before{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(#0b6e7512 1px,transparent 1px),linear-gradient(90deg,#0b6e7512 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}
.studio-custom-shell>*{position:relative;z-index:2}
.studio-custom-steps{display:grid;grid-template-columns:repeat(3,1fr);direction:rtl;margin:28px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.studio-custom-steps span{min-height:92px;padding:18px 14px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:7px}
.studio-custom-steps span:last-child{border-inline-end:0}
.studio-custom-steps i{font-size:9px;font-style:normal;color:var(--teal-700)}
.studio-custom-steps b{font-size:12px;color:var(--ink);font-weight:600}

@keyframes studioSpin{to{transform:rotate(360deg)}}
@keyframes studioSpinBack{to{transform:rotate(-360deg)}}
@keyframes studioPulse{0%{opacity:.7;transform:scale(.92)}80%,100%{opacity:0;transform:scale(1.18)}}
@keyframes runnerFloat{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-12px);opacity:1}}

@media (width<=980px){
  .studio-hero{min-height:auto;padding:92px 0 54px}
  .studio-hero-layout{grid-template-columns:1fr;gap:62px}
  .studio-hero-copy{max-width:780px}
  .studio-hero-system{justify-self:center;width:min(520px,90vw)}
  .studio-hero-foot{margin-top:52px}
  .studio-food-bridge{grid-template-columns:1fr 1.1fr;text-align:start}
  .studio-food-copy .text-link{justify-content:flex-start}
  .studio-food-top{justify-content:space-between}
}
@media (width<=760px){
  .studio-os-card{min-height:520px}
  .studio-product-visual{height:260px}
  .studio-food-bridge{grid-template-columns:1fr;text-align:center}
  .studio-food-copy .text-link{justify-content:center}
  .studio-food-top{justify-content:center}
  .studio-food-visual{width:min(300px,82vw)}
}
@media (width<=560px){
  .studio-hero{padding-top:72px}
  .studio-hero-layout{gap:45px}
  .studio-hero-system{width:min(360px,95vw)}
  .studio-stage-node{width:74px;height:74px;border-radius:19px;gap:5px}
  .studio-stage-node svg{width:22px;height:22px}.studio-stage-node span{font-size:8px}
  .stage-life{left:39%}.stage-team{left:39%}
  .studio-stage-core img{width:34px}.studio-stage-core strong{font-size:11px}.studio-stage-core small{display:none}
  .stage-life::after,.stage-team::after{left:34px}.stage-work::after,.stage-money::after{top:33px}
  .studio-stage-caption{display:none}
  .studio-hero-foot{gap:10px;flex-wrap:wrap;margin-top:38px}.studio-hero-foot i{width:22px}
  .studio-os-card{padding:0;min-height:500px}
  .studio-os-card .top{padding:22px 20px 18px}
  .studio-product-visual{margin:0 10px;height:248px;border-radius:21px}
  .product-satellite{width:44px;height:44px;border-radius:14px}
  .product-satellite svg{width:19px;height:19px}
  .product-satellite.sat-one{left:12%}.product-satellite.sat-two{right:12%}.product-satellite.sat-three{left:12%}.product-satellite.sat-four{right:12%}
  .studio-product-meta{padding:23px 20px 25px}
  .studio-audience{justify-content:center;width:100%}
  .studio-custom-steps{grid-template-columns:1fr}
  .studio-custom-steps span{min-height:68px;border-inline-end:0;border-bottom:1px solid var(--line)}
  .studio-custom-steps span:last-child{border-bottom:0}
}
@media (prefers-reduced-motion:reduce){
  .studio-stage-ring,.studio-stage-runner,.stage-core-glow,.studio-product-visual::after,.product-ring{animation:none!important}
}

/* ══ صفحه‌ی استودیو · اصلاحات بازبینی نسخه‌ی ۵ ═══════════ */
.studio-stage-core{gap:9px}
.studio-stage-core small{font-size:9px;color:#ffffffa8}

.studio-definition-heading{display:block;max-width:none}
.studio-definition-heading>div{width:100%}
.studio-definition-heading h2{max-width:none}
.studio-definition-heading>p{max-width:760px;margin:22px 0 0;color:var(--ink);font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.9}
.studio-flow-panel{width:100%;grid-template-columns:.82fr 1.18fr}

.studio-os-card .top{color:var(--ink)}
.studio-os-card .fa{color:var(--ink)}
.studio-os-card .en{color:#075f67;background:#e0eeeb}
.studio-product-visual .studio-visual-core b{color:#fff}
.studio-product-meta{grid-template-columns:1fr;gap:14px;align-items:start}
.studio-os-card .studio-product-meta p{max-width:none;color:#284b50;font-size:14px;font-weight:500;white-space:nowrap;line-height:1.7}
.studio-audience{justify-self:start;color:#075f67;background:#f2f7f5}

.studio-food-bridge::after{content:"کافه و رستوران"}

.studio-custom{position:relative;padding:0 0 100px;background:linear-gradient(to bottom,#e4e3dc 0 calc(100% - 108px),var(--teal-950) calc(100% - 108px) 100%)}
.studio-custom .studio-custom-shell{display:block;padding:clamp(38px,5vw,66px);border:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff,#edf3f0);box-shadow:0 35px 80px #001b2138}
.studio-custom .studio-custom-shell>.studio-process-grid{padding-top:0}
.studio-custom-head{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(44px,7vw,100px)}
.studio-custom-head>div:last-child{padding-top:52px}
.studio-custom-head>div:last-child>p{color:var(--muted);font-size:16px;line-height:2.1;margin:0 0 26px}
.studio-process-grid{margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.studio-process-grid article{min-height:235px;background:#ffffff75;border-inline-end:1px solid var(--line);padding:28px 22px}
.studio-process-grid article:last-child{border-inline-end:0}
.studio-process-grid article>span{font-size:34px;color:#0b6e7580}
.studio-process-grid h3{font-size:22px}
.studio-custom .studio-custom-shell>.studio-process-grid p{max-width:none;color:var(--muted);font-size:12.5px;line-height:1.95;margin:0}
.studio-values{padding-top:120px}

.studio-values-grid article{min-height:220px;padding:42px 38px;grid-template-columns:76px 1fr;gap:26px;align-items:center}
.studio-values-grid article>span{font-size:42px;line-height:1;color:var(--mint);opacity:.9}
.studio-values-grid article p{max-width:38ch;color:#ffffffe0;font-size:18px;font-weight:500;line-height:1.9}

.studio-stat-strip{background:#efeee8}
.studio-proof-grid>div{min-height:182px;gap:7px;transition:background .25s}
.studio-proof-grid>div:hover{background:#e4f2ef}
.studio-stat-icon{width:44px;height:44px;margin-bottom:7px;border-radius:14px;display:grid;place-items:center;background:var(--teal-900);color:var(--mint);box-shadow:0 12px 25px #00272f1a}
.studio-stat-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.studio-proof-grid strong{font-size:clamp(32px,3.5vw,44px)}

.final-cta .final-layout{align-items:start}
.final-cta .final-copy>p:first-child{color:#ffffffbf;font-size:15px;line-height:2}
.studio-meeting-lead{color:#fff!important;margin:26px 0 12px!important;font-size:15px!important;font-weight:700}
.studio-meeting-points{margin:0 0 18px;padding:0;list-style:none;border-top:1px solid #ffffff24}
.studio-meeting-points li{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:14px;min-height:70px;border-bottom:1px solid #ffffff24}
.studio-meeting-points li span{color:var(--mint);font-family:Morabba;font-size:17px}
.studio-meeting-points li b{color:#ffffffe0;font-size:13px;font-weight:500;line-height:1.8}
.studio-meeting-outro{color:var(--mint-light)!important;margin:0 0 26px!important;font-size:13px!important;font-weight:600}
.final-cta .final-copy>.button{margin-top:0}

@media (width<=980px){
  .studio-custom-head{grid-template-columns:1fr;gap:22px}
  .studio-custom-head>div:last-child{padding-top:0}
  .studio-process-grid{grid-template-columns:1fr 1fr}
  .studio-process-grid article{border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}
  .studio-process-grid article:nth-child(2n){border-inline-end:0}
  .studio-process-grid article:nth-last-child(-n+2){border-bottom:0}
}
@media (width<=760px){
  .studio-flow-panel{grid-template-columns:1fr}
  .studio-values-grid article{min-height:0;grid-template-columns:60px 1fr;padding:34px 28px}
  .studio-values-grid article>span{font-size:34px}
  .studio-values-grid article p{font-size:16px}
}
@media (width<=560px){
  .studio-os-card .studio-product-meta p{white-space:normal;font-size:13.5px}
  .studio-custom{padding-bottom:72px;background:linear-gradient(to bottom,#e4e3dc 0 calc(100% - 78px),var(--teal-950) calc(100% - 78px) 100%)}
  .studio-custom .studio-custom-shell{padding:34px 22px}
  .studio-process-grid{grid-template-columns:1fr;margin-top:38px}
  .studio-process-grid article,.studio-process-grid article:nth-child(2n),.studio-process-grid article:nth-last-child(-n+2){min-height:0;border-inline-end:0;border-bottom:1px solid var(--line);padding:24px 4px}
  .studio-process-grid article:last-child{border-bottom:0}
  .studio-proof-grid>div{min-height:155px}
  .studio-stat-icon{width:38px;height:38px;border-radius:12px}
  .studio-stat-icon svg{width:19px;height:19px}
  .studio-meeting-points li{grid-template-columns:38px 1fr}
}

/* ══ صفحه‌ی استودیو · اصلاحات دقیق نسخه‌ی ۶ ══════════════ */
.studio-definition-copy,
.studio-definition .studio-flow-container{width:min(1180px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important}
.studio-definition .studio-flow-container{display:block!important}
.studio-definition-heading{width:100%;margin-bottom:58px}
.studio-definition-heading>p{max-width:none;width:100%}
.studio-definition .studio-flow-panel{display:grid!important;width:100%!important;max-width:none!important;margin:0 0 calc(-1 * clamp(44px,6vw,76px))!important;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(42px,6vw,70px)}

.studio-os-card{min-height:0;height:auto;background:#fff}
.studio-os-card .top{padding:20px 24px 16px}
.studio-os-card .fa{color:#102f34!important}
.studio-os-card .en{color:#064b56!important;background:#dfe9e6!important}
.studio-product-visual{height:225px;margin:0 14px}
.studio-product-visual .studio-visual-core b{color:#fff!important;font-size:13px;font-weight:700;opacity:1}
.studio-product-meta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 24px 21px}
.studio-os-card .studio-product-meta p{color:#102f34!important;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:visible}
.studio-audience{justify-self:end;color:#064b56!important;background:#edf3f1!important;border-color:#c9d9d5;padding:8px 10px;font-size:12px;white-space:nowrap}

.studio-custom{padding-bottom:96px;background:linear-gradient(to bottom,#e4e3dc 0 calc(100% - 220px),var(--teal-950) calc(100% - 220px) 100%)}
.studio-custom .studio-custom-shell{box-shadow:0 44px 92px #001b2145}

.studio-stat-icon{width:52px;height:52px;margin-bottom:8px;border-radius:0;background:transparent!important;color:var(--teal-700);box-shadow:none!important}
.studio-stat-icon svg{width:34px;height:34px;stroke-width:1.8}

@media (width<=980px){
  .studio-definition .studio-flow-panel{grid-template-columns:1fr;gap:40px}
  .studio-product-meta{grid-template-columns:1fr;gap:12px}
  .studio-audience{justify-self:start}
}
@media (width<=760px){
  .studio-definition-copy,
  .studio-definition .studio-flow-container{width:min(100% - 32px,1180px)!important}
  .studio-product-visual{height:235px}
}
@media (width<=560px){
  .studio-custom{padding-bottom:72px;background:linear-gradient(to bottom,#e4e3dc 0 calc(100% - 150px),var(--teal-950) calc(100% - 150px) 100%)}
  .studio-stat-icon{width:46px;height:46px}
  .studio-stat-icon svg{width:30px;height:30px}
}

/* ══ صفحه‌ی استودیو · اصلاحات ریشه‌ای نسخه‌ی ۷ ══════════ */
/* پنل تعریف سیستم‌عامل مستقل از محدودیت‌های container است. */
.studio-definition .studio-flow-container{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.studio-definition .studio-flow-panel{
  box-sizing:border-box;
  width:min(1180px,calc(100% - 48px))!important;
  max-width:none!important;
  margin:0 auto calc(-1 * clamp(44px,6vw,76px))!important;
}

/* تیتر بخش محصولات نباید به اجرای انیمیشن ورود وابسته بماند. */
.studio-products .section-heading.reveal{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.studio-products .section-heading h2{
  color:#102f34!important;
  opacity:1!important;
}
.studio-products .section-heading>p{
  color:#35575c!important;
  opacity:1!important;
}
.studio-products .section-heading .eyebrow{
  color:#426167!important;
  opacity:1!important;
}

/* حذف هاله‌ی دایره‌ایِ کلیپ‌شده در مرز پس‌زمینه‌ی تیره. */
.studio-values::before{display:none!important}

@media (width<=760px){
  .studio-definition .studio-flow-panel{
    width:min(100% - 32px,1180px)!important;
  }
}

/* ══ صفحه‌ی استودیو · اصلاح ساختار نسخه‌ی ۸ ═════════════ */
/* design-v3 این سکشن را دو ستونه می‌کند؛ در صفحه‌ی استودیو باید عمودی باشد. */
.studio-definition{
  display:block!important;
  grid-template-columns:none!important;
  align-items:initial!important;
  gap:0!important;
}
.studio-definition .studio-flow-panel{
  width:min(1540px,calc(100% - 64px))!important;
  padding:clamp(44px,4vw,66px)!important;
  grid-template-columns:minmax(320px,.72fr) minmax(660px,1.28fr)!important;
}
.studio-definition .flow3,
.studio-definition .flow3 .step{min-width:0}

@media (width<=1180px){
  .studio-definition .studio-flow-panel{
    width:min(100% - 48px,1180px)!important;
    grid-template-columns:1fr!important;
  }
}
@media (width<=760px){
  .studio-definition .studio-flow-panel{
    width:min(100% - 32px,1180px)!important;
    padding:32px 22px!important;
  }
}


/* ══════════════════════════════════════════════════════════
   ساخت محصول اختصاصی · /studio/new-ai-business
   ══════════════════════════════════════════════════════════ */
.nai-page{background:var(--paper);color:var(--ink)}
.nai-main{overflow:hidden}
.nai-hero{position:relative;overflow:hidden;min-height:760px;padding:clamp(110px,11vw,150px) 0 105px;background:var(--teal-950);color:#fff}
.nai-grid-pattern{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 88%)}
.nai-hero-glow{position:absolute;width:760px;height:760px;border-radius:50%;inset-inline-end:-380px;top:-350px;background:radial-gradient(circle,#00dabf2b,transparent 69%)}
.nai-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(55px,8vw,115px)}
.nai-hero-copy h1{max-width:760px;margin:0;font-size:clamp(54px,6vw,88px);font-weight:700;letter-spacing:-.058em;line-height:1.2}
.nai-hero-lead{max-width:690px;margin:30px 0 0;color:#ffffffb3;font-size:18px;line-height:2.05}
.nai-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:40px}
.nai-price-note{color:#ffffff75;font-size:12px}
.nai-brief{position:relative;min-height:470px;padding:30px;border:1px solid #ffffff2b;border-radius:var(--radius-xl);background:linear-gradient(155deg,#074853c7,#00272fe8);box-shadow:0 34px 90px #0005;overflow:hidden}
.nai-brief::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#ffffff1c 1px,transparent 1px),linear-gradient(90deg,#ffffff1c 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 60% 50%,#000,transparent 78%)}
.nai-brief>*{position:relative;z-index:2}
.nai-brief-top{display:flex;align-items:center;justify-content:space-between;color:#ffffff61;font:600 9px/1 Arial,sans-serif;letter-spacing:.12em}
.nai-brief-top i{display:flex;align-items:center;gap:7px;color:var(--mint);font-style:normal;letter-spacing:0}
.nai-brief-top i b{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:naiPulse 1.8s ease-in-out infinite}
.nai-brief-title{margin-top:67px;border-inline-start:2px solid var(--mint);padding-inline-start:18px}
.nai-brief-title small{display:block;color:#ffffff6e;font-size:10px}
.nai-brief-title strong{display:block;max-width:420px;margin-top:10px;font-size:24px;line-height:1.65}
.nai-signal{direction:rtl;display:flex;align-items:center;margin-top:64px}
.nai-signal span{flex:1;min-width:0;min-height:115px;padding:18px 12px;border:1px solid #ffffff30;border-radius:18px;background:#00272fb8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}
.nai-signal span:nth-of-type(2){border-color:#00dabf9b;background:#064b56b8;box-shadow:0 0 38px #00dabf1d}
.nai-signal span i{color:var(--mint);font:600 10px/1 Arial,sans-serif;font-style:normal}
.nai-signal span b{font-size:13px}
.nai-signal span small{color:#ffffff6e;font-size:8px}
.nai-signal em{position:relative;flex:0 0 28px;height:1px;background:#ffffff38}
.nai-signal em::after{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.nai-brief-foot{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;margin-top:28px;padding:18px 16px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff08;color:#ffffff59;font-size:9px}
.nai-brief-foot b{color:var(--mint-light);font-size:9px}

.nai-process{background:var(--paper)}
.nai-section-head>p{max-width:520px}
.nai-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nai-process-grid article{position:relative;min-height:370px;padding:32px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:0 18px 45px #00272f0b;overflow:hidden}
.nai-process-grid article>span{position:absolute;top:25px;left:25px;color:#0b6e756b;font:700 25px/1 Arial,sans-serif}
.nai-process-icon{width:58px;height:58px;border:1px solid #0b6e7542;border-radius:17px;display:grid;place-items:center;color:var(--teal-700);background:#edf5f2}
.nai-process-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.nai-process-grid h3{margin:50px 0 18px;font-size:25px}
.nai-process-grid p{margin:0;color:var(--muted);font-size:13px;line-height:2.05}
.nai-process-grid article::after{content:"";position:absolute;inset-inline-end:0;bottom:0;width:38%;height:3px;border-radius:999px 0 0 999px;background:var(--mint);opacity:.75}
.nai-honesty{margin-top:72px;padding:clamp(34px,5vw,62px);border-radius:var(--radius-xl);background:var(--teal-900);color:#fff;display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(45px,7vw,100px);align-items:start;box-shadow:0 35px 80px #00272f2c;overflow:hidden}
.nai-honesty-head span{display:block;color:var(--mint);font-size:14px;font-weight:600}
.nai-honesty-head b{display:block;max-width:260px;margin-top:18px;font-size:32px;line-height:1.55}
.nai-honesty ul{margin:0;padding:0;list-style:none;border-top:1px solid #ffffff25}
.nai-honesty li{display:grid;grid-template-columns:34px 1fr;gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid #ffffff25}
.nai-honesty li i{width:30px;height:30px;border:1px solid #ffffff38;border-radius:10px;display:grid;place-items:center;color:var(--mint);font-style:normal;font-size:18px}
.nai-honesty li p{margin:0;color:#ffffff9c;font-size:14px;line-height:1.9}
.nai-honesty li strong{color:#fff;font-weight:600}

.nai-cases{background:linear-gradient(180deg,#e9e7e0,#deddd6)}
.nai-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.nai-case-card{padding:0;border:1px solid var(--line);border-radius:34px;background:#fff;overflow:hidden;box-shadow:0 24px 60px #00272f12}
.nai-case-top{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 21px}
.nai-case-top h3{margin:0;font-size:28px}
.nai-case-top span{padding:7px 11px;border-radius:999px;background:#e1eeeb;color:var(--teal-800);font:700 11px/1 Arial,sans-serif;letter-spacing:.05em}
.nai-case-visual{--case-accent:var(--mint);position:relative;height:310px;margin:0 18px;border-radius:25px;background:radial-gradient(circle at 50% 52%,#00dabf24,transparent 30%),linear-gradient(145deg,#064b56,#001e25 72%);overflow:hidden;isolation:isolate;display:grid;place-items:center}
.nai-case-visual::before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#ffffff26 1px,transparent 1px),linear-gradient(90deg,#ffffff26 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle,#000,transparent 75%)}
.nai-baham{--case-accent:#7df3df;background:radial-gradient(circle at 50% 52%,#7df3df25,transparent 31%),linear-gradient(145deg,#07505a,#001e25 72%)}
.nai-case-core{position:relative;z-index:5;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;color:var(--case-accent);border:1px solid color-mix(in srgb,var(--case-accent) 78%,transparent);background:#00272fd9;box-shadow:0 0 52px color-mix(in srgb,var(--case-accent) 22%,transparent),inset 0 0 28px #ffffff0c}
.nai-case-core svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.nai-orbit{position:absolute;border-radius:50%;z-index:2}
.nai-orbit.orbit-one{width:215px;height:215px;border:1px solid #ffffff2b}
.nai-orbit.orbit-two{width:270px;height:270px;border:1px dashed color-mix(in srgb,var(--case-accent) 55%,transparent);animation:naiSpin 20s linear infinite}
.nai-node{position:absolute;z-index:4;width:17px;height:17px;border:4px solid #073943;border-radius:50%;background:var(--case-accent);box-shadow:0 0 14px var(--case-accent)}
.nai-node.node-a{top:40px;left:28%}.nai-node.node-b{top:50%;right:17%}.nai-node.node-c{bottom:36px;left:33%}.nai-node.node-d{top:37%;left:17%}
.nai-path{position:absolute;z-index:3;width:250px;height:1px;left:50%;top:50%;background:linear-gradient(90deg,transparent,var(--case-accent),transparent);opacity:.45;transform-origin:center}
.nai-path.path-a{transform:translate(-50%,-50%) rotate(36deg)}.nai-path.path-b{transform:translate(-50%,-50%) rotate(-36deg)}
.nai-case-copy{padding:25px 28px 31px}
.nai-case-copy>span{display:block;color:var(--teal-700);font-size:12px;font-weight:600}
.nai-case-copy p{margin:13px 0 0;color:#35575c;font-size:14px;line-height:2}

.nai-faq{background:var(--paper)}
.nai-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:start;gap:clamp(60px,9vw,130px)}
.nai-faq-intro{position:sticky;top:120px}
.nai-faq-intro h2{margin:0;font-size:clamp(42px,5vw,67px);line-height:1.4;letter-spacing:-.05em}
.nai-faq-intro>p:last-child{margin:28px 0 0;color:var(--muted);font-size:14px;line-height:2.05}
.nai-questions{border-top:1px solid var(--line)}
.nai-questions details{border-bottom:1px solid var(--line)}
.nai-questions summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:98px;font-size:17px;font-weight:600}
.nai-questions summary::-webkit-details-marker{display:none}
.nai-questions summary i{position:relative;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;transition:background .25s,transform .25s}
.nai-questions summary i::before,.nai-questions summary i::after{content:"";position:absolute;left:9px;top:16px;width:14px;height:1px;background:var(--teal-700)}
.nai-questions summary i::after{transform:rotate(90deg)}
.nai-questions details[open] summary i{background:var(--mint);border-color:var(--mint);transform:rotate(45deg)}
.nai-questions details>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.nai-questions details[open]>div{grid-template-rows:1fr}
.nai-questions details>div p{overflow:hidden;max-width:760px;margin:-5px 0 30px;color:var(--muted);font-size:14px;line-height:2.1}
.nai-questions details>div strong{color:var(--teal-800)}

.nai-consult{position:relative;background:var(--teal-950);color:#fff}
.nai-consult::before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#ffffff1c 1px,transparent 1px),linear-gradient(90deg,#ffffff1c 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.nai-consult-grid{position:relative;z-index:2;display:grid;grid-template-columns:.72fr 1.28fr;align-items:start;gap:clamp(60px,9vw,130px)}
.nai-consult-copy{position:sticky;top:120px}
.nai-consult-copy h2{margin:0;font-size:clamp(48px,5.5vw,76px);line-height:1.35;letter-spacing:-.055em}
.nai-consult-copy>p{margin:28px 0 0;color:#ffffff9c;font-size:16px;line-height:2.1}
.nai-consult-note{display:grid;gap:10px;margin-top:46px;padding:24px;border:1px solid #ffffff1f;border-inline-start:2px solid var(--mint);border-radius:18px;background:#ffffff08}
.nai-consult-note span{color:#ffffff89;font-size:12px;line-height:1.9}
.nai-consult-note b{color:var(--mint-light);font-size:13px}
.nai-form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:clamp(30px,4vw,50px);border-radius:var(--radius-xl);background:#f0f1ec;color:var(--ink);box-shadow:0 34px 90px #0005}
.nai-field{display:flex;flex-direction:column;gap:9px}
.nai-full{grid-column:1/-1}
.nai-field label{color:#476267;font-size:11px;font-weight:600}
.nai-field input,.nai-field select,.nai-field textarea{width:100%;border:1px solid #0c41452a;border-radius:14px;outline:0;background:#fff;color:var(--ink);padding:14px 15px;font:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}
.nai-field input,.nai-field select{min-height:52px}
.nai-field textarea{resize:vertical;line-height:1.9}
.nai-field input:focus,.nai-field select:focus,.nai-field textarea:focus{border-color:var(--teal-700);box-shadow:0 0 0 3px #00dabf23}
.nai-field textarea::placeholder{color:#8a999b}
.nai-submit{border:0;border-radius:999px;min-height:62px;padding:0 26px;background:var(--mint);color:var(--teal-950);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:700;transition:background .2s,transform .2s}
.nai-submit:hover{background:var(--mint-light);transform:translateY(-2px)}
.nai-submit svg{width:21px;height:21px}
.nai-submit:disabled{opacity:.65;cursor:wait}
.nai-honeypot{position:absolute!important;left:-9999px!important}
.nai-form .form-note{margin:0;color:var(--teal-700);font-size:11px;text-align:center}

@keyframes naiPulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes naiSpin{to{transform:rotate(360deg)}}

@media (width<=1080px){
  .nai-hero-layout,.nai-faq-layout,.nai-consult-grid{grid-template-columns:1fr}
  .nai-hero-copy{max-width:850px}
  .nai-brief{width:min(100%,760px);justify-self:center}
  .nai-process-grid{grid-template-columns:repeat(2,1fr)}
  .nai-process-grid article:nth-child(2)::after{display:none}
  .nai-honesty{grid-template-columns:1fr}
  .nai-faq-intro,.nai-consult-copy{position:relative;top:auto}
}
@media (width<=780px){
  .nai-hero{min-height:auto;padding:88px 0 78px}
  .nai-hero-copy h1{font-size:clamp(44px,12vw,60px)}
  .nai-hero-lead{font-size:15px}
  .nai-brief{min-height:430px;padding:24px}
  .nai-brief-title{margin-top:50px}
  .nai-signal{margin-top:48px}
  .nai-section-head{grid-template-columns:1fr;gap:30px}
  .nai-process-grid,.nai-case-grid{grid-template-columns:1fr}
  .nai-process-grid article{min-height:0}
  .nai-process-grid article::after{display:none}
  .nai-case-visual{height:270px}
  .nai-faq-layout,.nai-consult-grid{gap:60px}
  .nai-form{grid-template-columns:1fr}
  .nai-field,.nai-full{grid-column:1}
}
@media (width<=520px){
  .nai-page .container{width:min(100% - 32px,1180px)}
  .nai-hero-actions{align-items:flex-start;flex-direction:column}
  .nai-brief{min-height:470px;padding:20px}
  .nai-brief-title strong{font-size:20px}
  .nai-signal{gap:6px;align-items:stretch}
  .nai-signal span{padding:14px 7px;min-height:120px}
  .nai-signal em{display:none}
  .nai-brief-foot{grid-template-columns:1fr auto}
  .nai-process-grid article{padding:28px 22px}
  .nai-honesty{padding:30px 22px}
  .nai-honesty-head b{font-size:27px}
  .nai-case-card{border-radius:26px}
  .nai-case-visual{height:235px;margin:0 10px;border-radius:20px}
  .nai-case-copy{padding:22px 20px 26px}
  .nai-questions summary{min-height:88px;font-size:14px}
  .nai-form{padding:24px 18px}
}
@media (prefers-reduced-motion:reduce){.nai-brief-top i b,.nai-orbit.orbit-two{animation:none!important}}

/* ══════════════════════════════════════════════════════════
   صفحه‌های ساده · ۴۰۴ و حریم خصوصی
   ══════════════════════════════════════════════════════════ */

/* ۴۰۴ — ستون وسط‌چین، عدد بزرگ تایپوگرافیک بالای همه */
.err-page .site-footer{border-top:1px solid var(--line)}
.err-hero{min-height:calc(100vh - 74px);display:grid;align-items:center;
  padding-block:clamp(48px,7vw,86px)}
.err-layout{max-width:660px;margin-inline:auto;text-align:center}
.err-code{font-family:'Morabba';font-weight:700;margin:0 0 6px;line-height:.84;
  font-size:clamp(150px,26vw,340px);letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1.5px #ffffff42;
  background:linear-gradient(180deg,#ffffff26,#ffffff00 76%);
  -webkit-background-clip:text;background-clip:text;user-select:none}
.err-layout h1{margin:0 0 14px;font-size:clamp(32px,5vw,52px)}
.err-layout .hero-lead{max-width:42ch;margin-inline:auto}
.err-actions{justify-content:center;margin-top:36px}
@media (width<=560px){
  .err-code{font-size:clamp(120px,38vw,200px)}
  .err-actions{flex-direction:column;align-items:stretch}
  .err-actions .button{width:100%;justify-content:center}
  .err-actions .text-link{justify-content:center}
}

/* حریم خصوصی — ستون متنی باریک، بدون عنصر گرافیکی */
.legal{background:var(--paper)}
.legal-wrap{max-width:720px}
.legal h1{font-family:'Morabba';font-size:clamp(38px,5vw,58px);line-height:1.35;
  margin:14px 0 22px;letter-spacing:-.03em}
.legal-lead{font-size:clamp(17px,2vw,20px);line-height:2;color:var(--ink);margin:0}
.legal-body{margin-top:14px;border-top:1px solid var(--line)}
.legal-body h2{font-family:'Morabba';font-size:clamp(20px,2.4vw,25px);
  color:var(--teal-800);margin:38px 0 10px}
.legal-body p{color:var(--muted);font-size:16px;line-height:2.1;margin:0;max-width:62ch}
.legal-body a{color:var(--teal-700);text-decoration:none;
  border-bottom:1px solid #0b6e7547;transition:color .18s,border-color .18s}
.legal-body a:hover{color:var(--mint);border-color:var(--mint)}

/* ══════════════════════════════════════════════════════════
   صفحه‌ی بیزینس‌هاب · /businesshub
   ══════════════════════════════════════════════════════════ */

/* پنل تعریف اینجا اورلپ ندارد، چون بخش بعدی هم تیره است */
.bh-page .problem{padding-bottom:clamp(96px,10vh,128px)}
.bh-page .lead-explainer{margin-bottom:0}
.bh-paper{background:var(--paper)}

/* ۱ · نوار چهار خروجی شبانه */
.outcome-strip{background:#efeee8;border-bottom:1px solid var(--line)}
.outcome-grid{display:grid;grid-template-columns:auto repeat(4,1fr);
  align-items:center;gap:0}
.outcome-lead{margin:0;padding:22px 0 22px 26px;font-size:14px;font-weight:700;
  color:var(--teal-900);max-width:15ch;line-height:1.7}
.outcome-grid > div{display:flex;align-items:center;gap:12px;
  padding:22px 22px;border-inline-end:1px solid var(--line);min-height:96px}
.outcome-grid > div:first-of-type{border-inline-start:1px solid var(--line)}
.outcome-grid > div:last-child{border-inline-end:0}
.outcome-grid i{flex:none;width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;background:#00dabf1c;color:var(--teal-700)}
.outcome-grid i svg{width:19px;height:19px}
.outcome-grid strong{font-size:13.5px;font-weight:600;line-height:1.7;color:var(--ink)}
@media (width<=1080px){
  .outcome-grid{grid-template-columns:1fr 1fr}
  .outcome-lead{grid-column:1/-1;padding:20px 0 4px;max-width:none}
  .outcome-grid > div{border-inline-start:1px solid var(--line);
    border-bottom:1px solid var(--line);min-height:80px}
  .outcome-grid > div:nth-child(2n+1){border-inline-end:0}
  .outcome-grid > div:nth-last-child(-n+2){border-bottom:0}
}
@media (width<=560px){
  .outcome-grid{grid-template-columns:1fr}
  .outcome-grid > div{border-inline-end:0}
  .outcome-grid > div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .outcome-grid > div:last-child{border-bottom:0}
}

/* ۲ · کارت‌های عامل */
.agent-grid{grid-template-columns:repeat(3,1fr)}
.agent-grid article{min-height:0;padding:28px;display:flex;flex-direction:column;
  transition:border-color .28s,background .28s,transform .28s}
.agent-grid article:hover{background:#ffffff0f;border-color:#00dabf5c;transform:translateY(-4px)}
.agent-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  border:1px solid #ffffff2b;color:var(--mint);margin-bottom:18px}
.agent-ico svg{width:22px;height:22px}
.agent-grid span{display:block;font-family:'Morabba';font-size:13px;color:#00dabf9e}
.agent-grid h3{margin:6px 0 12px;font-size:22px;color:#fff}
.agent-grid p{margin:0;font-size:14px;color:#ffffff9e;line-height:2}
@media (width<=980px){.agent-grid{grid-template-columns:1fr 1fr}}
@media (width<=640px){.agent-grid{grid-template-columns:1fr}}

.scope-note{margin:34px 0 0;padding-top:26px;border-top:1px solid #ffffff1f;
  color:#ffffff85;font-size:13.5px;line-height:2.1;max-width:78ch}

/* ۳ · تایم‌لاین یک شب */
.night-timeline{margin-top:44px}
.night-timeline > div{padding-block:12px 26px}
.night-timeline time{font-family:'Morabba';font-size:15px;letter-spacing:.02em}
.night-timeline p{max-width:64ch;line-height:1.95;color:var(--ink)}
.tl-sample{display:inline-block;margin-top:4px;padding:9px 14px;border-radius:12px;
  background:var(--white);border:1px solid var(--line);
  color:var(--muted);font-size:12.5px;line-height:1.8}
.timeline-note{margin:30px 30px 0 0;font-size:clamp(16px,2vw,19px);
  font-weight:600;color:var(--teal-800)}

/* ۴ · سه تفاوت کلیدی */
.diff-block{margin-top:52px}
.diff-block > h3{font-family:'Morabba';font-size:clamp(21px,2.6vw,27px);
  color:var(--teal-800);margin:0 0 20px}
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.diff-grid article{background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:24px}
.diff-grid span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;
  color:var(--teal-700);margin-bottom:14px}
.diff-grid p{margin:0;font-size:14px;line-height:1.95;color:var(--muted)}
.diff-grid p b{color:var(--ink);font-weight:600}
.diff-grid p.on{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink)}
.diff-grid p.on b{color:var(--teal-800)}
.diff-foot{margin:18px 0 0;color:var(--muted);font-size:14px;line-height:2;max-width:70ch}
@media (width<=860px){.diff-grid{grid-template-columns:1fr}}

/* ۵ · آمار جهانی */
.world-stats{background:#ebe9e2}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.stat-grid > div{background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:26px 24px 20px;display:flex;flex-direction:column}
.stat-grid strong{font-family:'Morabba';font-size:clamp(28px,3.4vw,40px);
  color:var(--teal-900);letter-spacing:-.03em;line-height:1.2}
.stat-grid span{margin:12px 0 0;color:var(--muted);font-size:13.5px;line-height:1.9;flex:1}
.stat-grid cite{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);
  font-style:normal;font-size:11.5px;font-weight:600;color:var(--teal-700);direction:ltr;text-align:end}
@media (width<=980px){.stat-grid{grid-template-columns:1fr 1fr}}
@media (width<=520px){.stat-grid{grid-template-columns:1fr}}

/* ۶ · مسیر استقرار روی زمینه‌ی تیره */
.studio .process-grid{border-top-color:#ffffff24}
.studio .process-grid article{border-left-color:#ffffff1f}
.studio .process-grid article > span{color:#00dabf7a}
.studio .process-grid h3{color:#fff}
.studio .process-grid p{color:#ffffff96}
@media (width<=980px){
  .studio .process-grid article{border-left-color:#ffffff1f;border-bottom-color:#ffffff1f}
}
.capacity-note{margin:38px 0 0;padding:22px 26px;border-radius:var(--radius-md);
  border:1px solid #ffffff24;background:#ffffff0a;
  color:#ffffff9e;font-size:13.5px;line-height:2.1;max-width:82ch}
.capacity-note b{display:block;color:var(--mint);font-size:14.5px;margin-bottom:6px}

/* ۷ · نردبان سیستم غذا ← بیزینس‌هاب */
.ladder-card{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;
  gap:clamp(30px,5vw,64px);background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-xl);padding:clamp(28px,4vw,52px)}
.ladder-copy p{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:2.05;max-width:60ch}
.ladder-copy .text-link{margin-top:8px}
.ladder-visual{display:grid;gap:0;justify-items:stretch}
.rung{border:1px solid var(--line);border-radius:var(--radius-md);padding:18px 20px;background:var(--paper)}
.rung span{display:block;font-size:11px;font-weight:700;color:var(--teal-700);margin-bottom:6px}
.rung b{display:block;font-family:'Morabba';font-size:20px;color:var(--ink)}
.rung small{display:block;margin-top:5px;color:var(--muted);font-size:12.5px}
.rung.two{background:var(--teal-900);border-color:transparent}
.rung.two span{color:var(--mint)}
.rung.two b{color:#fff}
.rung.two small{color:#ffffff8f}
.rung-link{height:34px;width:1px;margin-inline:auto;background:linear-gradient(#0b6e7500,var(--mint));position:relative}
.rung-link::after{content:"";position:absolute;bottom:0;inset-inline-start:-4px;
  width:9px;height:9px;border-radius:50%;background:var(--mint)}
@media (width<=860px){.ladder-card{grid-template-columns:1fr}}

/* ۸ · کارت پل به بازاریابی */
.bridge-section{background:var(--paper)}
.bridge-card{position:relative;overflow:hidden;display:grid;
  grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(30px,5vw,70px);
  background:var(--teal-900);border-radius:var(--radius-xl);
  padding:clamp(30px,5vw,60px)}
.bridge-copy h2{color:#fff;margin:0 0 14px;font-size:clamp(26px,3.4vw,40px)}
.bridge-copy p{color:#ffffffa8;font-size:15px;line-height:2.05;margin:0 0 22px;max-width:58ch}
.bridge-chart{position:relative;display:flex;align-items:flex-end;justify-content:space-between;
  gap:10px;height:210px;padding:34px 20px 0;border-radius:var(--radius-lg);
  background:#00272f80;border:1px solid #ffffff1a}
.chart-tag{position:absolute;top:12px;inset-inline-start:14px;padding:4px 9px;
  border-radius:999px;background:#ffffff14;color:#ffffff8f;font-size:10px;font-weight:700}
.bridge-chart .bar{flex:1;display:flex;flex-direction:column;align-items:center;
  justify-content:flex-end;height:100%;gap:8px}
.bridge-chart .bar i{display:block;width:100%;max-width:34px;height:var(--h);
  border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--mint),#00dabf3d)}
.bridge-chart .bar small{color:#ffffff7a;font-size:10.5px;white-space:nowrap}
@media (width<=860px){.bridge-card{grid-template-columns:1fr}.bridge-chart{height:180px}}

/* ۹ · دعوت پایانی و فرم */
.reserve-layout{display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(32px,5vw,72px);align-items:start}
.reserve-copy h2{color:#fff;margin:0 0 16px}
.reserve-copy > p{color:#ffffff9e;line-height:2;margin:0 0 22px}
.reserve-copy ul{list-style:none;margin:0 0 20px;padding:0;border-top:1px solid var(--line-light)}
.reserve-copy li{display:flex;align-items:center;gap:16px;padding:15px 0;
  border-bottom:1px solid var(--line-light);color:#ffffffd1;font-size:14.5px}
.reserve-copy li span{color:var(--mint);font-family:'Morabba';font-size:13px}
.trust-strip{margin-top:30px;display:grid;gap:12px}
.trust-strip > div{padding:16px 18px;border-radius:var(--radius-md);
  border:1px solid #ffffff1f;background:#ffffff08}
.trust-strip b{display:block;color:#fff;font-size:14px;margin-bottom:5px}
.trust-strip span{color:#ffffff8a;font-size:13px;line-height:1.95}
.trust-strip .flag{border-color:#00dabf5c;background:#00dabf12}
.trust-strip .flag b{color:var(--mint)}

/* فرم عمومی لید — روی زمینه‌ی تیره */
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;
  padding:clamp(24px,3vw,34px);border-radius:var(--radius-lg);
  background:#ffffff0a;border:1px solid #ffffff1f}
.lf-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lf-field{display:flex;flex-direction:column;gap:7px}
.lf-full{grid-column:1/-1}
.lf-field label{font-size:12.5px;font-weight:600;color:#ffffffb8}
.lf-field input,.lf-field select,.lf-field textarea{
  width:100%;padding:12px 14px;border-radius:12px;
  background:#00272f8f;border:1px solid #ffffff26;color:#fff;
  font-family:'Peyda',sans-serif;font-size:14px;line-height:1.8;
  transition:border-color .18s,background .18s}
.lf-field textarea{resize:vertical;min-height:78px}
.lf-field input::placeholder,.lf-field textarea::placeholder{color:#ffffff54}
.lf-field select{appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#ffffff8a 50%),linear-gradient(135deg,#ffffff8a 50%,transparent 50%);
  background-position:calc(0% + 16px) calc(50% + 1px),calc(0% + 21px) calc(50% + 1px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.lf-field select option{background:var(--teal-950);color:#fff}
.lf-field input:focus,.lf-field select:focus,.lf-field textarea:focus{
  outline:none;border-color:var(--mint);background:#00272fd1}
.lf-submit{grid-column:1/-1;justify-content:center;width:100%;margin-top:4px}
.lead-form .form-note{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.9;min-height:0}
.lf-privacy{grid-column:1/-1;margin:0;color:#ffffff70;font-size:12px;line-height:1.9}
.lf-privacy a{color:var(--mint);text-decoration:none}
.lf-privacy a:hover{color:var(--mint-light)}
@media (width<=980px){.reserve-layout{grid-template-columns:1fr}}
@media (width<=520px){.lead-form{grid-template-columns:1fr}}

/* پرسش‌های باز */
.faq-section .visible-faq{margin-top:8px}
.visible-faq article{padding:26px 28px}
.visible-faq h3{font-family:'Morabba';font-size:19px;color:var(--ink)}
.visible-faq p{font-size:14px}
.reserve-form{min-width:0}

/* ══════════════════════════════════════════════════════════
   قالب صفحه‌ی محصولات استودیو · prod-page
   اولین کاربرد: /studio/foodos
   نشانه‌ی اصلی این قالب، کارت خرید چسبان کنار هیرو است.
   ══════════════════════════════════════════════════════════ */

/* ۱ · هیرو دوستونه با کارت خرید */
.prod-hero{padding-block:clamp(64px,8vw,104px)}
.prod-hero-layout{display:grid;grid-template-columns:1.35fr .65fr;
  gap:clamp(32px,4vw,66px);align-items:start;position:relative;z-index:2}
.prod-hero-copy h1{max-width:17ch}
.prod-hero-copy .hero-lead{max-width:56ch}

.spec-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0}
.spec-chips li{display:flex;align-items:baseline;gap:8px;padding:11px 16px;
  border-radius:999px;border:1px solid #ffffff26;background:#ffffff0a}
.spec-chips b{font-family:'Morabba';font-size:19px;color:var(--mint);line-height:1}
.spec-chips span{font-size:12.5px;color:#ffffffa8}

/* دیاگرام چهار پایگاه داده */
.db-orbit{position:relative;margin-top:44px;height:230px;display:grid;place-items:center}
.db-ring{position:absolute;width:200px;height:200px;border-radius:50%;
  border:1px dashed #ffffff33}
.db-ring::after{content:"";position:absolute;inset:22%;border-radius:50%;border:1px solid #00dabf4d}
.db-core{position:relative;z-index:2;width:74px;height:74px;border-radius:50%;
  display:grid;place-items:center;background:#00272f;border:1px solid var(--mint);
  color:var(--mint);box-shadow:0 0 46px #00dabf24}
.db-core svg{width:32px;height:32px}
.db-node{position:absolute;z-index:3;padding:9px 14px;border-radius:999px;
  background:#0b4a5480;border:1px solid #ffffff2b;color:#fff;font-size:12.5px;
  white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  transition:border-color .24s,transform .24s}
.db-node:hover{border-color:var(--mint);transform:translateY(-3px)}
.db-node.d1{top:2px;inset-inline-start:50%;transform:translateX(-50%)}
.db-node.d1:hover{transform:translateX(-50%) translateY(-3px)}
.db-node.d2{top:50%;inset-inline-end:0;transform:translateY(-50%)}
.db-node.d2:hover{transform:translateY(-50%) translateY(-3px)}
.db-node.d3{bottom:2px;inset-inline-start:50%;transform:translateX(-50%)}
.db-node.d3:hover{transform:translateX(-50%) translateY(-3px)}
.db-node.d4{top:50%;inset-inline-start:0;transform:translateY(-50%)}
.db-node.d4:hover{transform:translateY(-50%) translateY(-3px)}

/* کارت خرید */
.buy-card{position:sticky;top:96px;padding:26px;border-radius:var(--radius-lg);
  background:#ffffff0f;border:1px solid #ffffff2b;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 30px 70px #00181d5c}
.buy-kicker{display:inline-block;padding:5px 11px;border-radius:999px;
  background:#00dabf24;color:var(--mint);font-size:11px;font-weight:700}
.buy-price{margin:16px 0 0;color:#fff;font-size:14px}
.buy-price b{font-family:'Morabba';font-size:clamp(30px,3.4vw,40px);
  letter-spacing:-.02em;margin-inline-end:6px}
.buy-sub{margin:10px 0 0;color:#ffffff8f;font-size:12.5px;line-height:1.9}
.buy-list{list-style:none;margin:20px 0;padding:20px 0 0;border-top:1px solid #ffffff1f}
.buy-list li{position:relative;padding:0 24px 12px 0;color:#ffffffc4;
  font-size:13px;line-height:1.85}
.buy-list li::before{content:"";position:absolute;inset-inline-start:0;top:7px;
  width:13px;height:7px;border:2px solid var(--mint);border-top:0;border-right:0;
  transform:rotate(-45deg)}
.buy-cta{width:100%;justify-content:center}
.buy-alt{display:inline-flex;margin-top:14px;font-size:13px}
.buy-note{margin:14px 0 0;color:#ffffff70;font-size:11.5px;line-height:1.8}

@media (width<=980px){
  .prod-hero-layout{grid-template-columns:1fr}
  .buy-card{position:static}
  .db-orbit{max-width:420px;margin-inline:auto}
}

/* ۲ · شش قابلیت زیر دیاگرام سه لایه */
.layer-rows{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.layer-rows > div{padding:16px 18px;border-radius:var(--radius-md);
  border:1px solid #ffffff1f;background:#ffffff08}
.layer-rows span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;
  color:#ffffff70;margin-bottom:6px}
.layer-rows b{display:block;color:#fff;font-size:15px;margin-bottom:5px}
.layer-rows p{margin:0;color:#ffffff8f;font-size:13px;line-height:1.9}
.layer-rows .mid{border-color:#00dabf47}
.layer-rows .mid span,.layer-rows .mid b{color:var(--mint)}
.layer-rows .out{background:var(--teal-950);border-color:transparent}
@media (width<=640px){.layer-rows{grid-template-columns:1fr}}

/* ۳ · دو ستون «هست» و «نیست» */
.fit-section{background:var(--paper)}
.fit-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fit-cols > div{padding:30px;border-radius:var(--radius-lg);
  background:var(--white);border:1px solid var(--line)}
.fit-cols h3{font-family:'Morabba';font-size:21px;margin:0 0 18px;color:var(--ink)}
.fit-cols ul{list-style:none;margin:0;padding:0}
.fit-cols li{position:relative;padding:12px 30px 12px 0;font-size:14.5px;
  line-height:1.95;color:var(--muted);border-bottom:1px solid var(--line)}
.fit-cols li:last-child{border-bottom:0}
.fit-yes h3{color:var(--teal-800)}
.fit-yes li::before{content:"";position:absolute;inset-inline-start:2px;top:19px;
  width:12px;height:6px;border:2px solid var(--mint);border-top:0;border-right:0;
  transform:rotate(-45deg)}
.fit-no{background:#ebe9e2!important}
.fit-no li::before,.fit-no li::after{content:"";position:absolute;inset-inline-start:3px;
  top:21px;width:13px;height:1.6px;background:#8a6a5e}
.fit-no li::before{transform:rotate(45deg)}
.fit-no li::after{transform:rotate(-45deg)}
.fit-foot{margin:22px 0 0;color:var(--muted);font-size:15px;line-height:2.05;max-width:72ch}
@media (width<=760px){.fit-cols{grid-template-columns:1fr}}

/* ۴ · دو پله‌ی نردبان */
.which-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.which-card{padding:30px;border-radius:var(--radius-lg);
  border:1px solid #ffffff24;background:#ffffff08;display:flex;flex-direction:column}
.which-card.next{background:#00dabf14;border-color:#00dabf5c}
.which-top{display:flex;flex-direction:column;gap:4px;padding-bottom:18px;
  margin-bottom:18px;border-bottom:1px solid #ffffff1f}
.which-top span{font-size:11px;font-weight:700;color:#ffffff8a}
.which-card.next .which-top span{color:var(--mint)}
.which-top b{font-family:'Morabba';font-size:26px;color:#fff}
.which-card > p{margin:0 0 18px;color:#ffffff9e;font-size:14px;line-height:2;flex:1}
.which-card ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.which-card li{padding:7px 12px;border-radius:999px;border:1px solid #ffffff26;
  color:#ffffffb8;font-size:12px}
.which-card.next li{border-color:#00dabf47;color:var(--mint-light)}
.which-card .text-link{margin-top:20px}
.which-foot{margin:24px 0 0;color:#ffffffa8;font-size:15px;line-height:2.05;max-width:74ch}
@media (width<=760px){.which-grid{grid-template-columns:1fr}}

/* ۵ · جعبه‌ی تحویل */
.deliver-section{background:#ebe9e2}
.deliver-layout{display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(30px,5vw,64px);align-items:start}
.deliver-list{list-style:none;margin:26px 0 0;padding:0}
.deliver-list li{position:relative;padding:14px 30px 14px 0;font-size:15px;
  line-height:1.95;color:var(--ink);border-bottom:1px solid var(--line)}
.deliver-list li:last-child{border-bottom:0}
.deliver-list li::before{content:"";position:absolute;inset-inline-start:2px;top:22px;
  width:12px;height:6px;border:2px solid var(--teal-700);border-top:0;border-right:0;
  transform:rotate(-45deg)}
.shot-placeholder{margin:0;position:relative}
.shot-tag{position:absolute;top:14px;inset-inline-start:14px;z-index:2;padding:4px 10px;
  border-radius:999px;background:var(--teal-900);color:var(--mint);font-size:10.5px;font-weight:700}
.shot-frame{border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--line);background:var(--white);box-shadow:0 26px 56px #00272f14}
.shot-bar{display:flex;gap:6px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--paper)}
.shot-bar i{width:9px;height:9px;border-radius:50%;background:#07394126}
.shot-body{padding:22px}
.shot-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #07394112}
.shot-row:last-child{border-bottom:0}
.shot-row span{flex:none;width:26px;height:26px;border-radius:8px;background:#00dabf1f}
.shot-row b{display:block;height:8px;width:var(--w);border-radius:99px;
  background:linear-gradient(90deg,#0b6e7526,#0b6e7508)}
.shot-placeholder figcaption{margin-top:12px;color:var(--muted);font-size:12.5px;text-align:center}
@media (width<=860px){.deliver-layout{grid-template-columns:1fr}}

/* ۶ · راه‌اندازی */
.setup-section{background:var(--paper)}
.setup-grid{grid-template-columns:repeat(3,1fr)}
@media (width<=860px){.setup-grid{grid-template-columns:1fr}}
.prereq{margin-top:38px;padding:24px 28px;border-radius:var(--radius-lg);
  border:1px dashed #0b6e7547;background:#0b6e7508}
.prereq h3{font-family:'Morabba';font-size:19px;color:var(--teal-800);margin:0 0 12px}
.prereq ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.prereq li{padding:9px 14px;border-radius:999px;background:var(--white);
  border:1px solid var(--line);color:var(--ink);font-size:13.5px}

/* ۷ · پرسش‌ها و خرید در یک بلوک تیره */
.order-layout{display:grid;grid-template-columns:1.1fr .9fr;
  gap:clamp(32px,5vw,70px);align-items:start}
.order-faq h2{color:#fff;margin:0 0 24px}
.acc-list{border-top:1px solid var(--line-light)}
.acc{border-bottom:1px solid var(--line-light)}
.acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:18px 0;
  color:#fff;font-size:15.5px;font-weight:600;line-height:1.8;transition:color .18s}
.acc summary::-webkit-details-marker{display:none}
.acc summary:hover{color:var(--mint)}
.acc summary i{flex:none;position:relative;width:18px;height:18px}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;
  background:var(--mint);transition:transform .22s,opacity .22s}
.acc summary i::before{inset-inline-start:0;top:8px;width:18px;height:2px}
.acc summary i::after{inset-inline-start:8px;top:0;width:2px;height:18px}
.acc[open] summary i::after{transform:rotate(90deg);opacity:0}
.acc > div{padding:0 0 20px;color:#ffffff9e;font-size:14.5px;line-height:2.05;max-width:62ch}

.order-box{padding:clamp(24px,3vw,32px);border-radius:var(--radius-lg);
  background:#ffffff0d;border:1px solid #ffffff2b}
.order-price{margin:0 0 12px;color:#fff;font-size:13.5px}
.order-price span{display:block;color:var(--mint);font-size:11.5px;font-weight:700;margin-bottom:6px}
.order-price b{font-family:'Morabba';font-size:clamp(28px,3.2vw,36px);margin-inline-end:6px}
.order-lead{margin:0 0 20px;color:#ffffff9e;font-size:13.5px;line-height:1.95}
.lead-form-tight{grid-template-columns:1fr;background:transparent;border:0;padding:0}
.order-alt{margin:18px 0 0;padding-top:16px;border-top:1px solid #ffffff1f;
  color:#ffffff8a;font-size:13px}
.order-alt .text-link{font-size:13px}
@media (width<=980px){.order-layout{grid-template-columns:1fr}}
.buy-top{margin:0}

/* ══════════════════════════════════════════════════════════
   صفحه‌ی بازاریابی کافه و رستوران · /food-marketing
   ══════════════════════════════════════════════════════════ */

.mk-page .problem{padding-bottom:0}
.mk-page .lead-explainer{margin-bottom:0}
.mk-paper{background:var(--paper)}

/* ۱ · دیاگرام هیرو: چند کانال ← یک سیستم ← فروش قابل‌ردیابی */
.mk-flow{display:grid;gap:14px;justify-items:center;align-content:center;
  padding:clamp(20px,3vw,34px);border-radius:var(--radius-xl);
  background:#ffffff08;border:1px solid #ffffff1f}
.mk-in{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:340px}
.mk-in span{padding:7px 12px;border-radius:999px;border:1px solid #ffffff2b;
  background:#ffffff0a;color:#ffffffa8;font-size:12px}
.mk-conv{display:flex;gap:8px;height:32px;align-items:stretch}
.mk-conv i{width:1px;background:linear-gradient(#ffffff00,var(--mint))}
.mk-conv i:nth-child(1),.mk-conv i:nth-child(6){transform:rotate(14deg)}
.mk-conv i:nth-child(2),.mk-conv i:nth-child(5){transform:rotate(7deg)}
.mk-conv i:nth-child(4),.mk-conv i:nth-child(5),.mk-conv i:nth-child(6){transform:scaleX(-1) rotate(14deg)}
.mk-core{display:grid;justify-items:center;gap:5px;padding:20px 26px;
  border-radius:var(--radius-lg);background:#00272f;border:1px solid var(--mint);
  box-shadow:0 0 52px #00dabf1f;min-width:210px}
.mk-core svg{width:30px;height:30px;color:var(--mint)}
.mk-core b{color:#fff;font-family:'Morabba';font-size:19px}
.mk-core small{color:#ffffff85;font-size:11.5px}
.mk-out{display:grid;justify-items:center;gap:6px;margin-top:6px}
.mk-out .on{padding:11px 20px;border-radius:999px;background:var(--mint);
  color:var(--teal-950);font-weight:700;font-size:14px}
.mk-out small{color:#ffffff7a;font-size:11.5px}

.trust-bar{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0}
.trust-bar li{position:relative;padding-inline-end:16px;color:#ffffff8a;font-size:12.5px}
.trust-bar li:not(:last-child)::after{content:"·";position:absolute;inset-inline-end:4px}

/* ۲ · نوار عدد */
.mk-figures{background:#efeee8}

/* ۳ · سه مسئله */
.problem-copy .issue{padding:16px 0;border-bottom:1px solid var(--line)}
.problem-copy .issue:last-child{border-bottom:0}
.problem-copy .issue b{color:var(--teal-800);font-size:16.5px}
.problem-copy .issue p{display:inline;margin:0;color:var(--muted);font-size:15px;line-height:2.05}

/* ۴ · چرخه‌ی چهارمرحله‌ای */
.cycle4{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:stretch;gap:10px}
.c-step{padding:18px;border-radius:var(--radius-md);border:1px solid #ffffff26;
  background:#ffffff0a;display:flex;flex-direction:column;gap:6px}
.c-step span{font-family:'Morabba';font-size:12px;color:#ffffff7a}
.c-step b{color:#fff;font-size:15.5px}
.c-step small{color:#ffffff8a;font-size:12.5px;line-height:1.85}
.c-step.on{border-color:var(--mint);background:#00dabf14}
.c-step.on span,.c-step.on b{color:var(--mint)}
.c-arrow{align-self:center;width:20px;height:1px;background:#ffffff47;position:relative}
.c-arrow::after{content:"";position:absolute;inset-inline-start:0;top:-3px;
  width:7px;height:7px;border:1px solid #ffffff70;border-top:0;border-right:0;
  transform:rotate(45deg)}
.c-loop{grid-column:1/-1;margin-top:6px;display:flex;justify-content:center}
.c-loop span{padding:6px 14px;border-radius:999px;border:1px dashed #ffffff3d;
  color:#ffffff70;font-size:11.5px}
@media (width<=980px){
  .cycle4{grid-template-columns:1fr}
  .c-arrow{width:1px;height:16px;justify-self:center;margin:0}
  .c-arrow::after{inset-inline-start:-3px;top:auto;bottom:0;transform:rotate(-45deg)}
}

.week-bar{margin-top:26px;padding:22px 24px;border-radius:var(--radius-md);
  border:1px solid #ffffff1f;background:#ffffff08}
.week-bar > b{display:block;color:var(--mint);font-size:15px;margin-bottom:14px}
.week-bar > div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.week-bar span{display:block;padding:12px 14px;border-radius:12px;
  background:#ffffff0a;border:1px solid #ffffff1a;color:#ffffff9e;
  font-size:12.5px;line-height:1.75}
.week-bar span i{display:block;font-style:normal;font-weight:700;
  color:#ffffffc4;font-size:12px;margin-bottom:5px}
.week-bar span.on{border-color:#00dabf5c;background:#00dabf12}
.week-bar span.on i{color:var(--mint)}
.week-bar > p{margin:14px 0 0;color:#ffffff7a;font-size:12.5px;line-height:1.9}
@media (width<=760px){.week-bar > div{grid-template-columns:1fr 1fr}}

/* ۵ · نقشه‌ی کانال‌ها */
.channels-section{background:#e8e6df}
.tier-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.tier-legend span{padding:7px 13px;border-radius:999px;font-size:12px;font-weight:600}
.tier-legend .t1,.chan-tags .t1{background:var(--teal-900);color:#fff}
.tier-legend .t2,.chan-tags .t2{background:#00dabf2b;color:var(--teal-800);border:1px solid #00dabf5c}
.tier-legend .t3,.chan-tags .t3{background:var(--white);color:var(--muted);border:1px solid var(--line)}
.chan-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.chan-groups article{padding:24px 26px;border-radius:var(--radius-lg);
  background:var(--white);border:1px solid var(--line)}
.chan-groups article:first-child{grid-column:1/-1}
.chan-groups h3{font-family:'Morabba';font-size:20px;color:var(--ink);margin:0 0 16px}
.chan-tags{display:flex;flex-wrap:wrap;gap:8px}
.chan-tags span{padding:8px 13px;border-radius:999px;font-size:13px;
  transition:transform .2s}
.chan-tags span:hover{transform:translateY(-2px)}
.chan-foot{margin:22px 0 0;color:var(--muted);font-size:14.5px;line-height:2.05;max-width:76ch}
@media (width<=760px){.chan-groups{grid-template-columns:1fr}.chan-groups article:first-child{grid-column:auto}}

/* ۶ · انتساب */
.attr-layout{display:grid;grid-template-columns:.82fr 1.18fr;
  gap:clamp(28px,4vw,52px);align-items:start}
.attr-copy{color:#ffffff9e;font-size:14.5px;line-height:2.05;margin:0 0 24px}
.attr-chart{margin:0;position:relative;padding:34px 20px 18px;border-radius:var(--radius-lg);
  background:#ffffff0a;border:1px solid #ffffff1f}
.ac-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:16px;height:180px}
.ac-bars > div{flex:1;max-width:64px;display:flex;flex-direction:column;
  justify-content:flex-end;align-items:center;height:100%;gap:0}
.ac-bars i{display:block;width:100%;border-radius:4px}
.ac-bars i.add{height:var(--h);background:var(--mint);border-radius:8px 8px 0 0}
.ac-bars i.base{height:var(--h);background:#0b6e75a8;border-radius:0 0 4px 4px}
.ac-bars small{margin-top:9px;color:#ffffff7a;font-size:11px}
.attr-chart figcaption{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;
  gap:6px 16px;color:#ffffff85;font-size:11.5px}
.attr-chart .k{display:inline-block;width:10px;height:10px;border-radius:3px;
  vertical-align:middle;margin-inline-end:4px}
.attr-chart .k.base{background:#0b6e75a8}
.attr-chart .k.add{background:var(--mint)}

.report-block{padding:clamp(22px,3vw,30px);border-radius:var(--radius-lg);
  background:#ffffff0a;border:1px solid #ffffff26}
.rb-head{position:relative;padding-bottom:18px;border-bottom:1px solid #ffffff1f}
.rb-head .chart-tag{position:static;display:inline-block;margin-bottom:12px;
  background:#ffc96a2b;color:#ffc96a}
.rb-head h3{font-family:'Morabba';font-size:22px;color:#fff;margin:0 0 10px}
.rb-head p{margin:0;color:#ffffff85;font-size:13px;line-height:1.95}
.rb-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.rb-kpis > div{padding:14px;border-radius:12px;background:#00272f80;border:1px solid #ffffff14}
.rb-kpis span{display:block;color:#ffffff7a;font-size:11px;margin-bottom:6px;line-height:1.6}
.rb-kpis b{color:#fff;font-size:14.5px;font-family:'Morabba'}
.rb-kpis .on{border-color:#00dabf5c;background:#00dabf12}
.rb-kpis .on b{color:var(--mint)}
.rb-table{border-top:1px solid #ffffff1f}
.rb-row{display:grid;grid-template-columns:1.2fr .7fr 1fr 1.3fr;gap:10px;
  padding:12px 0;border-bottom:1px solid #ffffff14;
  color:#ffffffb8;font-size:12.5px;align-items:center}
.rb-th{color:#ffffff6b;font-size:11px;font-weight:700}
.rb-row .up{color:var(--mint)}
.rb-row .down{color:#ffb08a}
.rb-foot{margin:16px 0 0;color:#ffffff7a;font-size:12.5px;line-height:1.95}
@media (width<=1080px){.attr-layout{grid-template-columns:1fr}}
@media (width<=640px){
  .rb-kpis{grid-template-columns:1fr 1fr}
  .rb-row{grid-template-columns:1fr 1fr;row-gap:4px}
  .rb-th{display:none}
}

/* ۷ · بسته‌ها */
.plans-section{background:var(--paper)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.plan-card{position:relative;padding:30px 28px;border-radius:var(--radius-lg);
  background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;
  transition:transform .3s,border-color .3s,box-shadow .3s}
.plan-card:hover{transform:translateY(-5px);border-color:#0b6e754a;box-shadow:0 26px 54px #00272f12}
.plan-card.flag{background:var(--teal-900);border-color:transparent}
.plan-badge{position:absolute;top:-11px;inset-inline-start:26px;padding:5px 12px;
  border-radius:999px;background:var(--mint);color:var(--teal-950);
  font-size:11px;font-weight:700}
.plan-card h3{font-family:'Morabba';font-size:23px;margin:0 0 14px;color:var(--ink)}
.plan-card.flag h3{color:#fff}
.plan-price{margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.plan-card.flag .plan-price{border-color:#ffffff1f}
.plan-price b{display:block;font-family:'Morabba';font-size:clamp(23px,2.6vw,30px);
  color:var(--teal-900);letter-spacing:-.02em}
.plan-card.flag .plan-price b{color:var(--mint)}
.plan-price span{display:block;margin-top:6px;color:var(--muted);font-size:12.5px}
.plan-card.flag .plan-price span{color:#ffffff8a}
.plan-for{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.95;flex:1}
.plan-card.flag .plan-for{color:#ffffffa8}
.plan-card ul{list-style:none;margin:0;padding:0}
.plan-card li{position:relative;padding:9px 22px 9px 0;font-size:13.5px;
  color:var(--ink);line-height:1.85}
.plan-card.flag li{color:#ffffffc4}
.plan-card li::before{content:"";position:absolute;inset-inline-start:2px;top:16px;
  width:11px;height:5px;border:2px solid var(--teal-700);border-top:0;border-right:0;
  transform:rotate(-45deg)}
.plan-card.flag li::before{border-color:var(--mint)}
@media (width<=900px){.plan-grid{grid-template-columns:1fr}}

.plan-marks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.plan-marks > div{padding:16px 18px;border-radius:var(--radius-md);
  background:#0b6e750d;border:1px solid #0b6e7524}
.plan-marks b{display:block;color:var(--teal-800);font-size:14px;margin-bottom:5px}
.plan-marks span{color:var(--muted);font-size:12.5px;line-height:1.85}
@media (width<=760px){.plan-marks{grid-template-columns:1fr}}

.plan-terms{margin-top:34px;padding:26px 28px;border-radius:var(--radius-lg);
  background:var(--white);border:1px solid var(--line)}
.plan-terms h3{font-family:'Morabba';font-size:19px;color:var(--teal-800);margin:0 0 14px}
.plan-terms ul{list-style:none;margin:0 0 20px;padding:0}
.plan-terms li{position:relative;padding:11px 26px 11px 0;font-size:14.5px;
  line-height:1.95;color:var(--muted);border-bottom:1px solid var(--line)}
.plan-terms li:last-child{border-bottom:0}
.plan-terms li::before{content:"";position:absolute;inset-inline-start:0;top:22px;
  width:12px;height:1.5px;background:var(--teal-700);opacity:.65}

/* ۸ · پل */
.mk-bridge{background:#ebe9e2}

/* ۹ · بلوک صداقت کنار آکاردئون */
.honest-note{margin-top:30px;padding:24px 26px;border-radius:var(--radius-lg);
  border:1px solid #00dabf47;background:#00dabf0f}
.honest-note h3{font-family:'Morabba';font-size:21px;color:var(--mint);margin:0 0 12px}
.honest-note p{margin:0 0 12px;color:#ffffff9e;font-size:14px;line-height:2}
.honest-note p:last-child{margin-bottom:0}

.audit-title{font-size:clamp(23px,2.8vw,31px);color:#fff;margin:0 0 14px;line-height:1.55}
.audit-list{list-style:none;margin:0 0 14px;padding:0;border-top:1px solid var(--line-light)}
.audit-list li{display:flex;align-items:center;gap:14px;padding:13px 0;
  border-bottom:1px solid var(--line-light);color:#ffffffc4;font-size:14px}
.audit-list li span{color:var(--mint);font-family:'Morabba';font-size:12px}
.order-box .microcopy-lead{margin:0 0 20px;color:#ffffffa8;font-size:13px}
.mk-hero .hero-layout{align-items:center}
.mk-hero h1{font-size:clamp(30px,4.2vw,54px)}
.mk-explainer{align-items:start}

/* ══════════════════════════════════════════════════════════
   چک‌آپ · صفحه‌ی راهنما و دو صفحه‌ی ابزار
   ══════════════════════════════════════════════════════════ */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* صفحه‌ی ابزار: بدون هیچ محتوای اضافه */
.tool-page{background:var(--paper)}
.tool-section{padding:0}
.tool-frame{width:100%}
.tool-frame iframe{display:block;width:100%;border:0;min-height:calc(100vh - 74px)}

/* ۱ · هیرو */
.hc-hero h1 em{font-style:normal;color:var(--mint)}
.hc-hero .hero-lead{max-width:56ch}
.guarantee{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.guarantee span{padding:10px 16px;border-radius:999px;border:1px solid #ffffff2b;
  background:#ffffff0a;color:#ffffffa8;font-size:13px}
.guarantee .on{background:#00dabf1f;border-color:#00dabf70;color:var(--mint);font-weight:600}
.hc-clock{display:grid;justify-items:center;gap:16px}
.hc-clock-note{margin:0;color:#ffffff85;font-size:13px}

/* ۲ · دو کارت انتخاب */
.hc-choose{background:var(--paper)}
.hc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hc-card{display:flex;flex-direction:column;padding:32px;text-decoration:none;
  border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line);
  transition:transform .3s,border-color .3s,box-shadow .3s}
.hc-card:hover{transform:translateY(-5px);border-color:var(--mint);
  box-shadow:0 26px 54px #00272f14}
.hc-ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  background:#00dabf1c;color:var(--teal-700);margin-bottom:22px}
.hc-ico svg{width:26px;height:26px}
.hc-card.food .hc-ico{background:var(--teal-900);color:var(--mint)}
.hc-card h3{font-family:'Morabba';font-size:26px;color:var(--ink);margin:0 0 12px}
.hc-card > p{margin:0 0 20px;color:var(--muted);font-size:14.5px;line-height:2;flex:1}
.hc-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0}
.hc-meta li{padding:6px 12px;border-radius:999px;background:var(--paper-soft);
  color:var(--muted);font-size:12px}
.hc-go{display:inline-flex;align-items:center;gap:8px;color:var(--teal-700);
  font-size:14.5px;font-weight:600}
.hc-card:hover .hc-go{color:var(--mint)}
.hc-card:hover .arw svg{transform:translateX(-5px)}
@media (width<=820px){.hc-grid{grid-template-columns:1fr}}

/* نمای کوچک گزارش */
.hc-preview{margin-top:22px;display:grid;grid-template-columns:.85fr 1.15fr;
  gap:clamp(28px,4vw,56px);align-items:center;
  padding:clamp(28px,4vw,48px);border-radius:var(--radius-xl);
  background:var(--teal-900)}
.hcp-copy .eyebrow{color:var(--mint)}
.hcp-copy .eyebrow span{background:var(--mint)}
.hcp-copy h3{font-family:'Morabba';font-size:clamp(24px,3vw,34px);color:#fff;margin:0 0 14px}
.hcp-copy p{margin:0;color:#ffffffa8;font-size:15px;line-height:2.05}
.hcp-shot{margin:0;padding:22px;border-radius:var(--radius-lg);
  background:var(--white);box-shadow:0 30px 66px #00181d47}
.hcp-head{display:flex;align-items:center;gap:18px;padding-bottom:18px;
  border-bottom:1px solid var(--line)}
.hcp-gauge{flex:none;width:74px;height:74px;border-radius:50%;display:grid;
  place-items:center;align-content:center;
  background:conic-gradient(var(--mint) 0 58%,#0739411a 58% 100%);position:relative}
.hcp-gauge::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--white)}
.hcp-gauge b{position:relative;font-family:'Morabba';font-size:23px;color:var(--teal-900);line-height:1}
.hcp-gauge span{position:relative;font-size:9.5px;color:var(--muted)}
.hcp-level b{display:block;font-family:'Morabba';font-size:19px;color:var(--ink)}
.hcp-level span{color:var(--muted);font-size:13px}
.hcp-bars{display:grid;gap:9px;padding:18px 0}
.hcp-bars > div{display:grid;grid-template-columns:1fr 2.1fr auto;align-items:center;gap:12px}
.hcp-bars span{color:var(--muted);font-size:12px}
.hcp-bars i{display:block;height:7px;border-radius:99px;background:#07394114;position:relative}
.hcp-bars i::after{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;
  width:var(--v);border-radius:99px;background:var(--mint)}
.hcp-bars i.mid::after{background:#ffc96a}
.hcp-bars i.low::after{background:#e08a6a}
.hcp-bars b{font-family:'Morabba';font-size:13px;color:var(--teal-800);min-width:22px;text-align:end}
.hcp-flags{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;
  background:#e08a6a1f;border:1px solid #e08a6a47}
.hcp-flags b{color:#a4522f;font-size:13.5px}
.hcp-flags span{color:var(--muted);font-size:12.5px}
.hcp-shot figcaption{margin-top:14px;color:var(--muted);font-size:11.5px;text-align:center}
@media (width<=900px){
  .hc-preview{grid-template-columns:1fr}
  .hcp-bars > div{grid-template-columns:1fr 1.4fr auto}
}

/* ۳ · دو پرسش */
.hc-faq{background:#ebe9e2}
.hc-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hc-faq-grid article{padding:30px;border-radius:var(--radius-lg);
  background:var(--white);border:1px solid var(--line)}
.hc-faq-grid h2{font-family:'Morabba';font-size:clamp(21px,2.5vw,26px);
  color:var(--teal-800);margin:0 0 14px}
.hc-faq-grid p{margin:0 0 12px;color:var(--muted);font-size:15px;line-height:2.05}
.hc-faq-grid p:last-child{margin-bottom:0}
@media (width<=820px){.hc-faq-grid{grid-template-columns:1fr}}
.studio-meeting-alt{margin:18px 0 0;padding-top:16px;border-top:1px solid #ffffff1f;
  color:#ffffff8a;font-size:13.5px}
.studio-meeting-alt .text-link{font-size:13.5px}

/* ══════════════════════════════════════════════════════════
   درباره‌ی لید · /about
   صفحه‌ی متن‌محور. عرض ستون محدود، فاصله‌ی زیاد، بدون گرافیک مزاحم.
   ══════════════════════════════════════════════════════════ */

.about-hero{padding-block:clamp(76px,10vw,132px)}
.about-hero-layout{max-width:800px;position:relative;z-index:2}
.about-hero h1{font-size:clamp(34px,5.4vw,64px);margin:0 0 20px}
.about-hero .hero-lead{max-width:62ch}

/* ۱ · روایت */
.story-section{background:var(--paper)}
.story-wrap{max-width:740px}
.story-body{margin-top:26px}
.story-body p{margin:0 0 22px;color:var(--muted);font-size:16.5px;line-height:2.25}
.story-body p strong{color:var(--ink)}
.story-quote{margin:34px 0;padding:26px 30px;border:0;border-inline-start:2px solid var(--mint);
  background:#00dabf0f;border-radius:0 var(--radius-md) var(--radius-md) 0;
  font-family:'Morabba';font-size:clamp(19px,2.4vw,25px);line-height:1.95;color:var(--teal-900)}

/* ۲ · چرا اسمش لید شد */
.name-section{background:#ebe9e2;padding-block:clamp(60px,7vw,90px)}
.name-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,4vw,56px);
  padding:clamp(28px,4vw,46px);border-radius:var(--radius-xl);
  background:var(--white);border:1px solid var(--line)}
.name-card h2{font-family:'Morabba';font-size:clamp(24px,3vw,34px);color:var(--ink);margin:0 0 10px}
.name-card > div > p{margin:0;color:var(--muted);font-size:14.5px;line-height:2}
.name-list{list-style:none;margin:0;padding:0}
.name-list li{padding:16px 0;border-bottom:1px solid var(--line)}
.name-list li:last-child{border-bottom:0}
.name-list b{display:block;font-family:'Morabba';font-size:20px;color:var(--teal-800);margin-bottom:5px}
.name-list span{color:var(--muted);font-size:14.5px;line-height:1.95}
@media (width<=760px){.name-card{grid-template-columns:1fr}}

/* ۳ · دو چرخش */
.turns-section{background:var(--paper)}
.turn-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.turn-card{position:relative;padding:34px;border-radius:var(--radius-lg);
  background:var(--white);border:1px solid var(--line)}
.turn-year{display:inline-block;padding:6px 13px;border-radius:999px;
  background:var(--teal-900);color:var(--mint);font-family:'Morabba';
  font-size:14px;margin-bottom:18px}
.turn-card h3{font-family:'Morabba';font-size:clamp(21px,2.5vw,27px);color:var(--ink);margin:0 0 16px}
.turn-card p{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:2.1}
.turn-card p:last-child{margin-bottom:0}
.turn-flip{font-family:'Morabba';font-size:19px;color:var(--teal-800)!important;
  padding:14px 0;border-block:1px solid var(--line)}
.turns-outro{margin:26px 0 0;padding:22px 26px;border-radius:var(--radius-md);
  background:#00dabf12;border:1px solid #00dabf3d;
  font-size:clamp(16px,2vw,19px);line-height:2;color:var(--teal-900);font-weight:600}
@media (width<=860px){.turn-grid{grid-template-columns:1fr}}

/* ۴ · اصول کار */
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.values-grid article{padding:28px;border-radius:var(--radius-lg);
  border:1px solid #ffffff24;background:#ffffff08}
.values-grid span{font-family:'Morabba';font-size:13px;color:#ffffff70}
.values-grid h3{margin:10px 0 12px;font-size:19px;color:#fff;line-height:1.75}
.values-grid p{margin:0;color:#ffffff9e;font-size:14.5px;line-height:2}
.values-grid .flag{border-color:#00dabf5c;background:#00dabf12}
.values-grid .flag span,.values-grid .flag h3{color:var(--mint)}
@media (width<=760px){.values-grid{grid-template-columns:1fr}}

/* ۵ · بنیان‌گذار */
.founder-section{background:#ebe9e2}
.founder-layout{display:grid;grid-template-columns:.62fr 1.38fr;
  gap:clamp(28px,4vw,60px);align-items:start}
.founder-photo{margin:0;border-radius:var(--radius-xl);overflow:hidden;
  border:1px solid var(--line);background:var(--white)}
.founder-photo img{display:block;width:100%;height:auto}
.founder-section h2{font-family:'Morabba';font-size:clamp(28px,3.6vw,42px);
  color:var(--ink);margin:8px 0 20px}
.founder-section p{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:2.2;max-width:62ch}
.founder-punch{color:var(--teal-900)!important;font-weight:600;
  font-size:clamp(17px,2vw,20px)!important;line-height:2!important}
.founder-section .text-link{margin-top:6px}
@media (width<=820px){.founder-layout{grid-template-columns:1fr}
  .founder-photo{max-width:320px}}

/* ۶ · نمونه کار */
.works-section{background:var(--paper)}
.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.work-card{padding:32px;border-radius:var(--radius-lg);
  background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;
  transition:transform .3s,border-color .3s,box-shadow .3s}
.work-card:hover{transform:translateY(-4px);border-color:#0b6e754a;box-shadow:0 24px 50px #00272f12}
.work-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.work-top h3{font-family:'Morabba';font-size:26px;color:var(--ink);margin:0}
.work-top span{color:var(--muted);font-size:12.5px;font-weight:600}
.work-kind{margin:0 0 12px;color:var(--teal-700);font-size:13.5px;font-weight:600}
.work-card > p{margin:0 0 20px;color:var(--muted);font-size:14.5px;line-height:2;flex:1}
.work-card.quiet{background:#ebe9e2;border-color:transparent}
.work-card.quiet .work-kind{color:var(--muted)}
@media (width<=760px){.works-grid{grid-template-columns:1fr}}

/* ۷ · امروز */
.today-section{background:#e8e6df}
.today-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.today-grid .entry-card{background:var(--white);display:flex;flex-direction:column}
.today-grid .entry-card p{margin:0 0 20px;flex:1;max-width:none}
@media (width<=760px){.today-grid{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════════
   تماس · رویدادها · صفحه‌ی رویداد · فرم درخواست سیستم‌عامل
   ══════════════════════════════════════════════════════════ */

/* ── تماس ── */
.contact-hero{padding-block:clamp(56px,7vw,96px)}
.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(32px,4vw,64px);align-items:start;position:relative;z-index:2}
.contact-copy h1{font-size:clamp(30px,4vw,50px)}
.contact-copy .hero-lead{max-width:52ch}
.contact-form-box{min-width:0}
.lf-field label em{font-style:normal;color:#ffffff70;font-weight:400}
.direct-box{margin-top:34px;padding-top:26px;border-top:1px solid #ffffff1f}
.direct-title{margin:0 0 16px;color:#ffffffc4;font-size:14px;font-weight:600}
.direct-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.direct-item{display:flex;align-items:center;gap:12px;padding:14px 16px;
  border-radius:var(--radius-md);border:1px solid #ffffff26;background:#ffffff0a;
  text-decoration:none;transition:border-color .2s,background .2s}
.direct-item:hover{border-color:var(--mint);background:#00dabf12}
.direct-item i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;
  place-items:center;background:#00dabf1f;color:var(--mint)}
.direct-item i svg{width:17px;height:17px}
.direct-item span{display:flex;flex-direction:column;color:#ffffffc4;font-size:13px;direction:ltr;text-align:start}
.direct-item b{color:#fff;font-size:12.5px;direction:rtl}
.direct-foot{margin-top:16px;color:#ffffff85;font-size:12.5px;line-height:2}
.direct-foot b{display:block;color:#ffffffc4;font-size:12px}
.direct-social{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 0}
.direct-social a{color:var(--mint);text-decoration:none}
.direct-social a:hover{color:var(--mint-light)}
@media (width<=980px){.contact-layout{grid-template-columns:1fr}}
@media (width<=520px){.direct-grid{grid-template-columns:1fr}}

/* ── رویدادها ── */
.events-hero{padding-block:clamp(60px,8vw,100px)}
.events-hero-layout{max-width:760px;position:relative;z-index:2}
.featured-event{background:var(--paper);padding-block:clamp(48px,6vw,78px)}
.fe-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(26px,4vw,52px);
  align-items:center;padding:clamp(24px,3vw,40px);border-radius:var(--radius-xl);
  background:var(--teal-900);position:relative;overflow:hidden}
.fe-poster{display:block;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 30px 66px #00181d5c;transition:transform .35s}
.fe-poster:hover{transform:translateY(-5px)}
.fe-poster img{display:block;width:100%;height:auto}
.fe-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;
  border-radius:999px;background:#00dabf24;color:var(--mint);font-size:12px;font-weight:700}
.fe-badge i{width:7px;height:7px;border-radius:50%;background:var(--mint);
  box-shadow:0 0 0 4px #00dabf3d}
.fe-copy h2{color:#fff;margin:16px 0 12px;font-size:clamp(26px,3.6vw,42px)}
.fe-sub{margin:0 0 22px;color:#ffffffa8;font-size:15px;line-height:2.05;max-width:56ch}
.fe-meta{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;
  margin:0 0 20px;padding:0}
.fe-meta li{padding:12px 14px;border-radius:12px;background:#ffffff0a;
  border:1px solid #ffffff1a;color:#fff;font-size:13.5px}
.fe-meta b{display:block;color:#ffffff7a;font-size:11px;font-weight:600;margin-bottom:4px}
.fe-price{margin:0 0 22px;color:var(--mint);font-size:14px}
.fe-price b{font-family:'Morabba';font-size:20px}
.fe-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
@media (width<=900px){.fe-card{grid-template-columns:1fr}.fe-poster{max-width:360px;margin-inline:auto}}
@media (width<=520px){.fe-meta{grid-template-columns:1fr}}

.past-events{background:#ebe9e2}
.past-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.past-card{padding:26px;border-radius:var(--radius-lg);background:var(--white);
  border:1px solid var(--line)}
.past-card.wide{grid-column:1/-1;display:grid;grid-template-columns:.42fr 1.58fr;
  gap:clamp(22px,3vw,42px);align-items:center}
.past-shot{margin:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line)}
.past-shot img{display:block;width:100%;height:auto}
.past-kind{display:inline-block;padding:5px 11px;border-radius:999px;
  background:var(--paper-soft);color:var(--muted);font-size:11px;font-weight:700}
.past-card h3{font-family:'Morabba';font-size:22px;color:var(--ink);margin:12px 0 10px}
.past-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.95}
.past-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}
.past-tags li{padding:6px 12px;border-radius:999px;border:1px solid var(--line);
  color:var(--teal-700);font-size:12px;font-weight:600}
@media (width<=1080px){.past-grid{grid-template-columns:1fr 1fr}}
@media (width<=760px){
  .past-grid{grid-template-columns:1fr}
  .past-card.wide{grid-template-columns:1fr}
}

/* ── صفحه‌ی رویداد ── */
.event-hero{padding-block:clamp(56px,7vw,96px)}
.event-hero-layout{display:grid;grid-template-columns:1.2fr .8fr;
  gap:clamp(30px,4vw,60px);align-items:center;position:relative;z-index:2}
.event-hero h1{margin:18px 0 16px;font-size:clamp(30px,4.4vw,54px)}
.ev-meta{list-style:none;display:grid;gap:10px;margin:26px 0 30px;padding:0}
.ev-meta li{display:flex;align-items:center;gap:13px}
.ev-meta i{flex:none;width:38px;height:38px;border-radius:12px;display:grid;
  place-items:center;border:1px solid #ffffff26;color:var(--mint)}
.ev-meta i svg{width:19px;height:19px}
.ev-meta span{display:flex;flex-direction:column;color:#ffffff8a;font-size:12.5px}
.ev-meta b{color:#fff;font-size:14.5px}
.event-poster{margin:0;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 30px 70px #00181d5c}
.event-poster img{display:block;width:100%;height:auto}
@media (width<=900px){.event-hero-layout{grid-template-columns:1fr}
  .event-poster{max-width:420px}}

.pain-list{list-style:none;margin:0 0 22px;padding:0}
.pain-list li{position:relative;padding:13px 26px 13px 0;color:var(--muted);
  font-size:15px;line-height:2;border-bottom:1px solid var(--line)}
.pain-list li:last-child{border-bottom:0}
.pain-list li::before{content:"";position:absolute;inset-inline-start:2px;top:24px;
  width:8px;height:8px;border-radius:50%;background:#e08a6a}

.agenda-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.agenda-col{padding:30px;border-radius:var(--radius-lg);
  border:1px solid #ffffff24;background:#ffffff08}
.agenda-col.live{border-color:#00dabf5c;background:#00dabf0f}
.agenda-title{font-family:'Morabba';font-size:21px;color:#fff;margin:0 0 18px;
  padding-bottom:14px;border-bottom:1px solid #ffffff1f}
.agenda-col.live .agenda-title{color:var(--mint)}
.agenda-list{list-style:none;margin:0;padding:0}
.agenda-list li{padding:14px 0;border-bottom:1px solid #ffffff14}
.agenda-list li:last-child{border-bottom:0}
.agenda-list b{display:block;color:#fff;font-size:15px;margin-bottom:5px}
.agenda-list span{color:#ffffff8f;font-size:13.5px;line-height:1.95}
@media (width<=860px){.agenda-grid{grid-template-columns:1fr}}

.who-grid{margin-top:22px;padding:26px 28px;border-radius:var(--radius-lg);
  border:1px dashed #ffffff3d;display:grid;grid-template-columns:.5fr 1.5fr;
  gap:clamp(20px,3vw,40px);align-items:center}
.who-grid h3{font-family:'Morabba';font-size:21px;color:#fff;margin:0}
.who-grid p{margin:0 0 12px;color:#ffffff9e;font-size:14px;line-height:2}
.who-grid p:last-child{margin-bottom:0}
.who-grid b{color:var(--mint)}
@media (width<=760px){.who-grid{grid-template-columns:1fr}}

/* بلیت‌ها */
.tickets-section{background:var(--paper)}
.ticket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ticket-card{cursor:pointer;display:block;position:relative}
.ticket-card input{position:absolute;opacity:0;pointer-events:none}
.tk-body{display:flex;flex-direction:column;height:100%;padding:26px;
  border-radius:var(--radius-lg);background:var(--white);border:1.5px solid var(--line);
  transition:border-color .22s,box-shadow .22s,transform .22s}
.ticket-card:hover .tk-body{transform:translateY(-4px)}
.ticket-card input:checked + .tk-body{border-color:var(--mint);
  box-shadow:0 0 0 4px #00dabf1f,0 24px 50px #00272f12}
.tk-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tk-top b{font-family:'Morabba';font-size:22px;color:var(--ink)}
.tk-check{flex:none;width:22px;height:22px;border-radius:50%;
  border:1.5px solid var(--line);position:relative;transition:border-color .2s,background .2s}
.ticket-card input:checked + .tk-body .tk-check{background:var(--mint);border-color:var(--mint)}
.ticket-card input:checked + .tk-body .tk-check::after{content:"";position:absolute;
  inset-inline-start:6px;top:7px;width:9px;height:5px;
  border:2px solid var(--teal-950);border-top:0;border-right:0;transform:rotate(-45deg)}
.tk-cap{display:inline-block;align-self:flex-start;margin-top:10px;padding:5px 11px;
  border-radius:999px;background:#e08a6a24;color:#a4522f;font-size:11px;font-weight:700}
.tk-price{margin-top:14px;color:var(--muted);font-size:13px}
.tk-price b{font-family:'Morabba';font-size:clamp(22px,2.6vw,28px);
  color:var(--teal-900);margin-inline-end:6px}
.tk-desc{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);
  color:var(--muted);font-size:13.5px;line-height:1.95}
.ticket-card.flag .tk-body{background:var(--teal-900)}
.ticket-card.flag .tk-top b{color:#fff}
.ticket-card.flag .tk-price{color:#ffffff8a}
.ticket-card.flag .tk-price b{color:var(--mint)}
.ticket-card.flag .tk-desc{color:#ffffff9e;border-color:#ffffff1f}
.ticket-card.flag .tk-check{border-color:#ffffff3d}
@media (width<=900px){.ticket-grid{grid-template-columns:1fr}}

.ticket-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;
  padding:clamp(22px,3vw,30px);border-radius:var(--radius-lg);
  background:var(--teal-900);border:1px solid transparent}
.tk-submit{grid-column:1/-1;justify-content:center;width:100%}
.ticket-fields .lf-privacy{grid-column:1/-1}
@media (width<=640px){.ticket-fields{grid-template-columns:1fr}}

.why-paid{margin-top:26px;padding:26px 28px;border-radius:var(--radius-lg);
  background:var(--white);border:1px solid var(--line)}
.why-paid h3{font-family:'Morabba';font-size:20px;color:var(--teal-800);margin:0 0 12px}
.why-paid p{margin:0 0 12px;color:var(--muted);font-size:14.5px;line-height:2.05}
.why-paid p:last-child{margin-bottom:0}
.why-paid a{color:var(--teal-700);font-weight:600}

.hosts-section{background:#e8e6df}
.hosts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.host-card{padding:28px;border-radius:var(--radius-lg);background:var(--white);
  border:1px solid var(--line)}
.host-role{display:inline-block;padding:5px 11px;border-radius:999px;
  background:#00dabf1f;color:var(--teal-800);font-size:11px;font-weight:700}
.host-card h3{font-family:'Morabba';font-size:22px;color:var(--ink);margin:12px 0 10px}
.host-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.95}
@media (width<=760px){.hosts-grid{grid-template-columns:1fr}}

/* ── فرم درخواست سیستم‌عامل ── */
.req-hero{min-height:calc(100vh - 74px);display:grid;align-items:center;
  padding-block:clamp(48px,6vw,84px)}
.req-layout{display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(30px,4vw,64px);align-items:center;position:relative;z-index:2}
.req-copy h1{font-size:clamp(30px,4vw,50px)}
.req-copy .hero-lead{max-width:48ch}
.req-note-list{list-style:none;margin:26px 0 0;padding:0}
.req-note-list li{position:relative;padding:11px 24px 11px 0;color:#ffffffa8;
  font-size:14px;line-height:1.9}
.req-note-list li::before{content:"";position:absolute;inset-inline-start:2px;top:19px;
  width:11px;height:5px;border:2px solid var(--mint);border-top:0;border-right:0;
  transform:rotate(-45deg)}
.req-form-box{min-width:0}
.os-picker{border:0;margin:0 0 6px;padding:0;display:grid;gap:9px}
.os-picker legend{padding:0;margin-bottom:10px;font-size:12.5px;font-weight:600;color:#ffffffb8}
.os-picker label{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;
  border-radius:12px;border:1px solid #ffffff26;background:#00272f8f;cursor:pointer;
  transition:border-color .2s,background .2s}
.os-picker label:hover{border-color:#00dabf70}
.os-picker label.on{border-color:var(--mint);background:#00dabf14}
.os-picker input{flex:none;margin-top:3px;width:17px;height:17px;accent-color:#00dabf}
.os-picker span{display:flex;flex-direction:column;gap:3px}
.os-picker b{color:#fff;font-size:14px}
.os-picker small{color:#ffffff85;font-size:12px;line-height:1.7}
.os-err{margin:6px 0 0;color:#ffb08a;font-size:12.5px;min-height:0}
@media (width<=980px){.req-layout{grid-template-columns:1fr}}
.ticket-form{display:block}

/* ══════════════════════════════════════════════════════════
   نوار رویداد · بالای صفحه‌های خط رستوران
   ══════════════════════════════════════════════════════════ */
.ev-banner{position:relative;display:flex;align-items:center;
  background:linear-gradient(90deg,var(--teal-950),var(--teal-800));
  border-bottom:1px solid #00dabf3d}
.ev-banner[hidden]{display:none}
.evb-link{flex:1;display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:8px 18px;padding:12px 52px 12px 24px;text-decoration:none;
  transition:background .2s}
.evb-link:hover{background:#ffffff0a}
.evb-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;
  border-radius:999px;background:#00dabf24;color:var(--mint);font-size:11.5px;font-weight:700}
.evb-tag i{width:6px;height:6px;border-radius:50%;background:var(--mint);
  box-shadow:0 0 0 3px #00dabf47;animation:evbPulse 2.4s ease-in-out infinite}
@keyframes evbPulse{50%{box-shadow:0 0 0 6px #00dabf1f}}
.evb-text{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.evb-text b{color:#fff;font-size:14px;font-weight:600}
.evb-text em{font-style:normal;color:#ffffff8a;font-size:12.5px}
.evb-cta{display:inline-flex;align-items:center;gap:7px;color:var(--mint);
  font-size:13px;font-weight:700}
.evb-link:hover .arw svg{transform:translateX(-4px)}
.evb-close{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border:0;border-radius:50%;background:#ffffff0f;
  color:#ffffff8a;display:grid;place-items:center;cursor:pointer;
  transition:background .2s,color .2s}
.evb-close:hover{background:#ffffff1f;color:#fff}
.evb-close svg{width:15px;height:15px}
@media (width<=760px){
  .evb-link{padding:11px 46px 11px 16px;gap:6px 12px}
  .evb-text b{font-size:13px}
  .evb-text em{display:none}
}

/* ══════════════════════════════════════════════════════════
   دور ششم بازخورد
   ══════════════════════════════════════════════════════════ */

/* ۱ · فاصله‌ی برچسب «اختیاری» و وسط‌چین شدن یادداشت حریم خصوصی */
.lf-field label em{margin-inline-start:4px}
.lf-center{text-align:center}

/* ۲ · تیک‌های چک‌باکس فرم درخواست، جهت درست در راست‌به‌چپ */
.os-picker input[type=checkbox]{
  -webkit-appearance:none;appearance:none;position:relative;flex:none;
  width:19px;height:19px;border-radius:6px;border:1.5px solid #ffffff47;
  background:#00272f;cursor:pointer;transition:background .18s,border-color .18s}
.os-picker input[type=checkbox]:checked{background:var(--mint);border-color:var(--mint)}
.os-picker input[type=checkbox]:checked::after{content:"";position:absolute;
  inset-inline-start:5px;top:4px;width:6px;height:10px;
  border:2px solid var(--teal-950);border-top:0;border-inline-start:0;
  transform:rotate(45deg)}
.os-picker input[type=checkbox]:focus-visible{outline:2px solid var(--mint);outline-offset:2px}

/* ۳ · صفحه‌ی ساخت محصول اختصاصی */
.nai-hero{min-height:calc(100vh - 74px);display:grid;align-items:center;
  padding:clamp(48px,6vw,80px) 0}
.nai-hero-copy h1{font-size:clamp(38px,5vw,68px)}
.nai-hero-lead{margin-top:22px;font-size:16.5px}
.nai-hero-actions{margin-top:30px}
.nai-signal{margin-top:clamp(28px,3vw,44px)}

/* برچسب‌های دو گوشه‌ی دیاگرام */
.nai-brief-top{align-items:center}
.nb-en{font:700 10px/1 'Peyda',sans-serif;letter-spacing:.1em;color:#ffffff70;direction:ltr}
.nb-fa{font-family:'Peyda',sans-serif;font-size:11.5px;font-weight:700;
  letter-spacing:0;color:var(--mint);order:-1}
/* اعداد و متن فارسی داخل دیاگرام با فونت درست */
.nai-signal span i,.nai-signal span b,.nai-signal span small,
.nai-brief-title small,.nai-brief-title strong,
.nai-brief-foot span,.nai-brief-foot b{font-family:'Peyda',sans-serif!important}
.nai-signal span i{font-size:11px;font-weight:700;letter-spacing:0}
.nai-signal span b{font-size:14px}
.nai-signal span small{font-size:10.5px;line-height:1.6}
/* پارامتر و مقدارش کنار هم بمانند */
.nai-brief-foot{grid-template-columns:1fr 1fr!important;gap:12px;align-items:stretch}
.nai-brief-foot > div{display:flex;align-items:baseline;justify-content:center;gap:8px;
  padding:10px 12px;border-radius:12px;background:#ffffff08}
.nai-brief-foot span{font-family:'Peyda',sans-serif;font-size:11px;color:#ffffff7a}
.nai-brief-foot b{font-family:'Peyda',sans-serif;font-size:12.5px;color:var(--mint-light)}

/* کارت‌های روش کار: عدد با فونت درست، خط نصفه‌ی سبز حذف */
.nai-process-grid article > span{font-family:'Morabba',serif!important;
  font-size:30px!important;color:#0b6e7561!important;
  inset-inline-start:26px;left:auto;right:auto}
.nai-process-grid article::after{display:none!important}
.nai-process-grid h3{margin-top:44px;font-size:23px}

/* بلوک «آنچه نمی‌گوییم»: هر بند یک خطه */
.nai-honesty li p{white-space:normal;text-wrap:balance}
.nai-honesty li{align-items:center}

/* آکاردئون: علاوه در حالت بسته، ضربدر در حالت باز، بدون پس‌زمینه */
.nai-faq details > summary::after,
.nai-faq summary i{background:transparent!important}
.nai-faq summary{position:relative}
.acc summary i::before,.acc summary i::after{background:var(--mint)}
.acc[open] summary i::before,.acc[open] summary i::after{background:var(--teal-800)}
.acc[open] summary i::before{transform:rotate(45deg)}
.acc[open] summary i::after{transform:rotate(-45deg);opacity:1}

/* ۴ · صفحه‌ی چک‌آپ: هیرو در یک صفحه، دیاگرام بزرگ‌تر و روشن */
.hc-hero{min-height:calc(100vh - 74px);display:grid;align-items:center;
  padding-block:clamp(40px,5vw,72px)}
.hc-hero .hero-layout{grid-template-columns:2fr 1fr;align-items:center;
  gap:clamp(28px,4vw,60px)}
.hc-hero .hero-lead{font-size:16px;line-height:2.05}
.hc-hero .guarantee{margin-top:24px}
.hc-clock{justify-self:center;width:100%}
.hc-clock .six-clock{width:min(100%,340px);margin-inline:auto}
.hc-clock .six-clock .track{stroke:#ffffff2b}
.hc-clock .six-clock .slice{stroke:#fff}
.hc-clock .six-clock .ticks line{stroke:#ffffff47}
.hc-clock .six-clock .mid b{color:#fff}
.hc-clock .six-clock .mid span{color:#ffffff8a}
@media (width<=900px){
  .hc-hero{min-height:0}
  .hc-hero .hero-layout{grid-template-columns:1fr}
  .hc-clock .six-clock{width:min(100%,260px)}
}

/* کارت‌های چک‌آپ از بالا روی زمینه‌ی تیره اورلپ می‌کنند */


.hc-page .hc-hero{padding-bottom:clamp(90px,11vw,150px)}
.hc-card{box-shadow:0 26px 60px #00272f24}

/* ۵ · فوتر: «یادداشت‌ها» به لینکدین */

/* ۶ · دیاگرام سیستم غذا در صفحه‌ی استودیو: کمی جان بگیرد */
@keyframes foodSpin{to{transform:rotate(360deg)}}
@keyframes foodPulse{0%,100%{box-shadow:0 0 34px #00dabf1f}50%{box-shadow:0 0 62px #00dabf47}}
.studio-food-visual .food-orbit.one{animation:foodSpin 34s linear infinite}
.studio-food-visual .food-orbit.two{animation:foodSpin 22s linear infinite reverse}
.studio-food-visual .food-core{animation:foodPulse 3.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
  .studio-food-visual .food-orbit.one,
  .studio-food-visual .food-orbit.two,
  .studio-food-visual .food-core{animation:none}
}

/* ۷ · فاصله‌ی لینک چک‌آپ زیر بلوک گفت‌وگو در صفحه‌ی استودیو */
.studio-meeting-alt{margin-top:24px;padding-top:20px}
.final-copy > .button + .studio-meeting-alt{margin-top:26px}

/* ══════════════════════════════════════════════════════════
   دور هفتم بازخورد
   ══════════════════════════════════════════════════════════ */

/* ۱ · تیک چک‌باکس با تصویر برداری، بدون وابستگی به جهت متن */
.os-picker input[type=checkbox]:checked::after{content:none}
.os-picker input[type=checkbox]:checked{
  background:var(--mint) no-repeat center/11px 9px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5.2 4.4 8.6 11 2' fill='none' stroke='%2300272f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* ۲ · فرم درخواست سیستم‌عامل: بدون اسکرول */
.req-hero{padding-block:clamp(32px,4vw,56px)}
.req-copy h1{font-size:clamp(27px,3.4vw,42px)}
.req-copy .hero-lead{font-size:14.5px;line-height:2;max-width:52ch}
.req-note-list{margin-top:18px}
.req-note-list li{padding:7px 22px 7px 0;font-size:13.5px;line-height:1.8}
.req-note-list li::before{top:15px}
.req-copy .microcopy-lead{margin-top:16px;font-size:13px}
.os-picker{gap:7px}
.os-picker legend{margin-bottom:8px}
/* توضیح جلوی نام محصول می‌نشیند، نه خط پایین */
.os-picker label{align-items:center;padding:10px 13px}
.os-picker span{flex-direction:row;align-items:baseline;gap:9px;flex-wrap:wrap}
.os-picker b{font-size:13.5px;white-space:nowrap}
.os-picker small{font-size:11.5px;line-height:1.6;color:#ffffff7a}
.req-form-box .lead-form{gap:11px;padding:clamp(18px,2.4vw,24px)}
.req-form-box .lf-field label{font-size:12px}
.req-form-box .lf-field input,
.req-form-box .lf-field select,
.req-form-box .lf-field textarea{padding:10px 13px;font-size:13.5px}
.req-form-box .lf-field textarea{min-height:52px}
.req-form-box .lf-submit{margin-top:2px}
@media (width>980px){ .req-hero{min-height:calc(100vh - 74px)} }

/* ۳ · ساخت محصول اختصاصی */
/* کارت‌های روش کار: عدد کنار آیکون، ارتفاع متناسب با محتوا */
.nai-process-grid article{min-height:0!important;padding:26px 24px!important;
  display:flex;flex-direction:column;gap:2px}
.nai-process-grid article > span{position:static!important;order:2;
  font-size:22px!important;margin-top:16px}
.nai-process-icon{order:1}
.nai-process-grid h3{order:3;margin:6px 0 10px!important;font-size:21px}
.nai-process-grid p{order:4}

/* بلوک «آنچه نمی‌گوییم» بندهای تک‌خطی */
.nai-honesty li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (width<=1180px){.nai-honesty li p{white-space:normal;text-overflow:clip}}

/* کارت نمونه‌کار قابل کلیک */
a.nai-case-card{display:block;text-decoration:none;
  transition:transform .3s,box-shadow .3s,border-color .3s}
a.nai-case-card:hover{transform:translateY(-5px);border-color:#00dabf7a;
  box-shadow:0 30px 62px #00272f1f}

/* آکاردئون: بدون دایره، علاوه‌ی روشن و ضربدر تیره */
.nai-questions summary i{border:0!important;background:transparent!important;
  transform:none!important;transition:transform .25s}
.nai-questions summary i::before,
.nai-questions summary i::after{background:var(--mint)!important;
  left:9px;top:16px;width:16px;height:2px;border-radius:2px;
  transition:transform .25s,background .25s}
.nai-questions details[open] summary i{background:transparent!important;transform:rotate(45deg)!important}
.nai-questions details[open] summary i::before,
.nai-questions details[open] summary i::after{background:var(--teal-800)!important}

/* فرم گفت‌وگوی اولیه: جمع‌وجورتر و برچسب اختیاری محو */
.nai-field label em{font-style:normal;font-size:11px;font-weight:400;
  color:#ffffff5c;margin-inline-start:5px}
.nai-form{gap:12px}
.nai-field input,.nai-field select,.nai-field textarea{padding:10px 13px;font-size:13.5px}
.nai-field textarea{min-height:56px}
.nai-form textarea[rows]{rows:2}

/* ۴ · صفحه‌ی استودیو: فاصله‌ی دکمه‌ی گفت‌وگوی اولیه */
.studio-meeting-outro + .button,
.studio-meeting-outro ~ .button{margin-top:26px}
.final-copy .studio-meeting-outro{margin-bottom:26px}

/* ۵ · دو پرسش آکاردئونی صفحه‌ی چک‌آپ */
.hc-acc{margin-top:26px;border-top:1px solid var(--line)}
.hc-acc .acc{border-bottom:1px solid var(--line)}
.hc-acc .acc summary{color:var(--ink);font-size:16px;padding:18px 0}
.hc-acc .acc summary:hover{color:var(--teal-700)}
.hc-acc .acc summary i::before,.hc-acc .acc summary i::after{background:var(--teal-700)}
.hc-acc .acc[open] summary i::before,.hc-acc .acc[open] summary i::after{background:var(--teal-900)}
.hc-acc .acc > div{color:var(--muted);font-size:14.5px;max-width:80ch}

/* ══════════════════════════════════════════════════════════
   بیزینس‌هاب · بهبودهای برگرفته از نسخه‌ی بازطراحی
   ══════════════════════════════════════════════════════════ */

/* شماره روی نوار خروجی شبانه */
.outcome-grid > div{position:relative}
.oc-n{position:absolute;top:12px;inset-inline-end:16px;font-family:'Morabba';
  font-style:normal;font-size:12px;color:#0b6e753d;letter-spacing:0}
@media (width<=1080px){.oc-n{top:10px}}

/* زیرعنوان هر لایه در دیاگرام سه‌لایه */
.flow3 .step u{display:block;margin-top:7px;text-decoration:none;
  font-size:11px;line-height:1.7;color:#ffffff70}
.lead-explainer .flow3 .step.mid u{color:#8ff5e7a8}
.lead-explainer .flow3 .step.out u{color:#ffffff8a}
.flow3 .step{padding-block:20px}

/* عنوان هر ایستگاه تایم‌لاین */
.night-timeline .tl-title{display:block;margin-top:4px;
  font-family:'Morabba';font-size:17px;color:var(--teal-800)}
.night-timeline p{margin-top:8px}

/* ══════════════════════════════════════════════════════════
   اصلاح سراسری هیرو  ·  یک بار برای همیشه
   ریشه‌ی مشکل: در طراحی پایه هر هیرو min-height ثابت داشت
   (۷۸۰ تا ۹۴۰ پیکسل) و تیترها فقط با عرض صفحه بزرگ می‌شدند،
   نه با ارتفاعش. روی لپ‌تاپ ۹۰۰ پیکسلی همیشه اسکرول می‌خورد.
   حالا ارتفاع هیرو دقیقاً یک صفحه است و تایپوگرافی با
   کوچک‌ترین بُعد صفحه مقیاس می‌گیرد.
   ══════════════════════════════════════════════════════════ */
:root{--hdr:74px}

.hero,.nai-hero,.studio-hero,.about-hero,.events-hero,.contact-hero,
.event-hero,.prod-hero,.req-hero,.hc-hero,.err-hero,.mk-hero,.page-hero{
  min-height:calc(100vh - var(--hdr));
  min-height:calc(100svh - var(--hdr));
  display:grid;align-items:center;
  padding-block:clamp(26px,4.2vh,60px)}

.hero > .container,.nai-hero > .container,.studio-hero > .container,
.about-hero > .container,.events-hero > .container,.contact-hero > .container,
.event-hero > .container,.prod-hero > .container,.req-hero > .container,
.hc-hero > .container,.err-hero > .container{width:100%}

/* تیتر هیرو با ارتفاع صفحه هم مقیاس می‌گیرد، نه فقط با عرض */
.hero h1,.nai-hero-copy h1,.studio-hero h1,.about-hero h1,.events-hero h1,
.contact-hero h1,.hc-hero h1,.prod-hero-copy h1,.req-copy h1,
.event-hero h1,.mk-hero h1,.page-hero h1{
  font-size:clamp(29px,min(4.5vw,6.2vh),62px);
  line-height:1.3;letter-spacing:-.04em;max-width:22ch}

.hero-lead,.nai-hero-lead{
  font-size:clamp(13.5px,min(1.15vw,1.9vh),17px);
  line-height:1.95;margin-top:clamp(12px,2vh,24px)}

.hero .eyebrow,.nai-hero .eyebrow,.about-hero .eyebrow,
.events-hero .eyebrow,.contact-hero .eyebrow{margin-bottom:clamp(8px,1.4vh,16px)}
.hero-actions,.nai-hero-actions{margin-top:clamp(16px,2.6vh,32px)}

/* روی صفحه‌های خیلی کوتاه، دیاگرام‌ها هم کوچک می‌شوند */
@media (min-width:1080px) and (max-height:860px){
  .hero-system,.db-orbit,.mk-flow,.hc-clock .six-clock{transform:scale(.88);transform-origin:center}
  .event-poster,.fe-poster{max-width:min(100%,320px)}
  .spec-chips{margin-top:20px}
  .db-orbit{margin-top:24px;height:190px}
  .ev-meta{gap:7px;margin:18px 0 22px}
  .guarantee{margin-top:18px}
  .audit-list li{padding:10px 0}
  .direct-box{margin-top:22px;padding-top:20px}
}
@media (min-width:1080px) and (max-height:760px){
  .hero-system,.db-orbit,.mk-flow,.hc-clock .six-clock{transform:scale(.8)}
  .req-note-list li,.ev-meta li{padding-block:6px}
  .lead-form{gap:9px}
}

/* روی موبایل ارتفاع ثابت معنا ندارد */
@media (max-width:900px){
  .hero,.nai-hero,.studio-hero,.about-hero,.events-hero,.contact-hero,
  .event-hero,.prod-hero,.req-hero,.hc-hero,.mk-hero,.page-hero{
    min-height:0;padding-block:clamp(44px,7vw,72px)}
  .hero h1,.nai-hero-copy h1,.about-hero h1,.contact-hero h1,
  .events-hero h1,.hc-hero h1{font-size:clamp(28px,7.4vw,42px)}
}

/* ══ متن‌هایی که بی‌دلیل نصف عرض را می‌گرفتند ══ */
.about-hero .hero-lead,.about-hero p:not(.eyebrow){max-width:80ch}
.events-hero p:not(.eyebrow),.events-hero .hero-lead{max-width:76ch}
.contact-copy .hero-lead{max-width:66ch}
.req-copy .hero-lead{max-width:64ch}
.hc-hero .hero-lead{max-width:68ch}
.prod-hero-copy .hero-lead{max-width:66ch}
.fe-sub{max-width:70ch}
.story-body p,.story-quote{max-width:none}
.founder-section p{max-width:74ch}
.legal-body p{max-width:76ch}
.night-timeline p{max-width:80ch}
.ladder-copy p,.bridge-copy p{max-width:72ch}
.diff-foot,.fit-foot,.which-foot,.chan-foot,.turns-outro{max-width:none}
.scope-note,.capacity-note{max-width:none}
.section-heading.split-heading > p{max-width:64ch}

/* ══════════════════════════════════════════════════════════
   دور آخر · بستن جدول تغییرات
   ══════════════════════════════════════════════════════════ */

/* تیک چک‌باکس: بدون شبه‌المان و بدون وابستگی به جهت */
.os-picker input[type=checkbox]{background-repeat:no-repeat;background-position:center;
  background-size:0 0}
.os-picker input[type=checkbox]::after,
.os-picker input[type=checkbox]::before{content:none!important}
.os-picker input[type=checkbox]:checked{background-size:11px 9px}

/* متن زیر عنوان از تمام عرض ستون استفاده کند */
.req-copy .hero-lead{max-width:none;text-align:justify;text-justify:inter-word}
.req-copy{min-width:0}

/* توضیحات تک‌خطی که با تایپ بزرگ می‌شود */
textarea[data-grow]{min-height:44px;height:44px;resize:none;overflow:hidden;
  transition:height .12s ease}

/* بلوک آنچه نمی‌گوییم: هر بند حتماً یک خط */
.nai-honesty li{grid-template-columns:30px 1fr;gap:14px}
.nai-honesty li p{font-size:13px;line-height:1.75;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
@media (width<=1280px){
  .nai-honesty{grid-template-columns:.55fr 1.45fr}
  .nai-honesty li p{font-size:12.5px}
}
@media (width<=980px){.nai-honesty li p{white-space:normal;font-size:13.5px}}

/* فرم گفت‌وگوی اولیه‌ی ساخت محصول: کوتاه‌تر */
.nai-form{gap:10px}
.nai-field label{font-size:12px;margin-bottom:5px}
.nai-field input,.nai-field select,.nai-field textarea{padding:9px 12px;font-size:13px}
.nai-field textarea{min-height:48px}
.nai-consult-note{margin-top:26px;padding:18px 20px;gap:8px}


/* ══════════════════════════════════════════════════════════
   جزء مشترک: آکاردئون سؤالات متداول
   یک الگو برای کل سایت. پیش‌تر هر صفحه شکل خودش را داشت
   (.acc-list در تیره، .nai-questions در روشن، .hc-acc در چک‌آپ)
   و هر اصلاح باید چند جا تکرار می‌شد.

   مارک‌آپ استاندارد:
   <div class="faq-list">
     <details class="faq-item" open>
       <summary>سؤال<i aria-hidden="true"></i></summary>
       <div><p>پاسخ</p></div>
     </details>
   </div>

   روی زمینه‌ی تیره: <div class="faq-list faq-on-dark">
   ═════════════════════════════════════════════════════════ */

.faq-list{
  --faq-line:var(--line);
  --faq-q:var(--ink);
  --faq-q-hover:var(--teal-700);
  --faq-a:var(--muted);
  --faq-mark:var(--teal-900);      /* بسته: تیره‌ی برند */
  --faq-mark-open:var(--mint);     /* باز: سبز برند */
  border-top:1px solid var(--faq-line);
}
.faq-list.faq-on-dark{
  --faq-line:var(--line-light);
  --faq-q:#fff;
  --faq-q-hover:var(--mint);
  --faq-a:#ffffff9e;
  --faq-mark:#ffffffc4;            /* روی تیره، تیره‌ی برند دیده نمی‌شود */
  --faq-mark-open:var(--mint);
}

.faq-item{border-bottom:1px solid var(--faq-line)}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;
  justify-content:space-between;gap:20px;padding:20px 0;
  color:var(--faq-q);font-size:16px;font-weight:600;line-height:1.85;
  transition:color .18s;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--faq-q-hover)}
.faq-item summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px;border-radius:6px}

/* نشانه‌ی + که با باز شدن می‌چرخد و ضربدر می‌شود.
   بدون دایره و بدون پس‌زمینه؛ فقط خود علامت، در دو رنگ. */
.faq-item summary i{
  position:relative;flex:0 0 20px;width:20px;height:20px;
  transition:transform .28s ease;
}
.faq-item summary i::before,.faq-item summary i::after{
  content:"";position:absolute;inset-inline-start:0;top:9px;
  width:20px;height:2px;border-radius:2px;
  background:var(--faq-mark);transition:background .25s;
}
.faq-item summary i::after{transform:rotate(90deg)}
.faq-item[open] summary i{transform:rotate(45deg)}
.faq-item[open] summary i::before,.faq-item[open] summary i::after{background:var(--faq-mark-open)}

/* بدنه‌ی پاسخ با بازشدن نرم */
.faq-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.faq-item[open]>div{grid-template-rows:1fr}
.faq-item>div>*{overflow:hidden}
.faq-item>div p,.faq-item>div>div{
  margin:-6px 0 26px;max-width:72ch;
  color:var(--faq-a);font-size:14.5px;line-height:2.05;
}
.faq-item>div p:last-child{margin-bottom:26px}
.faq-item>div strong{color:var(--faq-q)}
.faq-item>div a{color:var(--faq-mark);text-decoration:underline;text-underline-offset:3px}

@media (width<=560px){
  .faq-item summary{font-size:14.5px;gap:14px;padding:17px 0}
  .faq-item summary i{flex-basis:17px;width:17px;height:17px}
  .faq-item summary i::before,.faq-item summary i::after{top:7.5px;width:17px}
}

/* چیدمان بخش سؤالات: تیتر چسبان سمت راست، فهرست سمت چپ */
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;
  align-items:start;gap:clamp(60px,9vw,130px)}
.faq-intro{position:sticky;top:120px}
.faq-intro h2{margin:0;font-size:clamp(34px,4.2vw,56px);line-height:1.35;letter-spacing:-.04em}
.faq-intro>p:last-child{margin:26px 0 0;color:var(--muted);font-size:14px;line-height:2.05}
.faq-block-dark .faq-intro h2{color:#fff}
.faq-block-dark .faq-intro>p:last-child{color:#ffffff9e}
@media (width<=980px){
  .faq-layout{grid-template-columns:1fr;gap:44px}
  .faq-intro{position:relative;top:auto}
}


/* ══════════════════════════════════════════════════════════
   صفحه‌ی گفت‌وگوی اولیه — ویزارد سه‌گامی
   پیش‌تر فرم گفت‌وگوی اولیه داخل بیزینس‌هاب و ساخت اختصاصی
   تکرار می‌شد. حالا یک صفحه‌ی واحد است که اول موضوع را
   می‌پرسد و بعد فقط سؤال‌های مربوط به همان موضوع را نشان می‌دهد.
   ═════════════════════════════════════════════════════════ */

.talk-hero{padding-bottom:clamp(70px,8vw,110px)}
.talk-layout{display:grid;grid-template-columns:.92fr 1.08fr;
  gap:clamp(40px,5vw,88px);align-items:start;position:relative;z-index:2}
.talk-copy h1{margin:0 0 22px}
.talk-copy .audit-list{margin-top:30px}

.talk-assure{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.talk-assure span{padding:9px 14px;border-radius:999px;font-size:12.5px;
  color:#ffffffcf;background:#ffffff0f;border:1px solid var(--line-light)}

.talk-box{padding:clamp(22px,2.6vw,32px);border-radius:var(--radius-lg);
  background:#ffffff0d;border:1px solid #ffffff2b;backdrop-filter:blur(6px)}

/* نوار گام‌ها */
.wz-track{display:flex;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.wz-track li{flex:1;display:flex;align-items:center;gap:8px;padding:0 0 12px;
  border-bottom:2px solid var(--line-light);color:#ffffff7a;font-size:12px;
  transition:color .25s,border-color .25s}
.wz-track li b{font-size:11px}
.wz-track li.on{color:var(--mint);border-bottom-color:var(--mint)}
.wz-track li.done{color:#ffffffc4;border-bottom-color:#ffffff5c}

/* گام‌ها */
.wz-form{display:block}
.wz-step{display:none;border:0;margin:0;padding:0;min-inline-size:0}
.wz-step.on{display:grid;grid-template-columns:1fr 1fr;gap:14px;
  animation:wzIn .3s ease both}
@keyframes wzIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wz-step legend{float:none;width:100%;grid-column:1/-1;margin:0 0 6px;padding:0;
  font-family:'Morabba';font-size:clamp(20px,2.3vw,25px);color:#fff;line-height:1.6}
.wz-step .lf-full,.wz-step .wz-picker,.wz-step .wz-nav,
.wz-step .wz-err,.wz-step .form-note,.wz-step .lf-privacy,
.wz-step .wz-branch,.wz-step .wz-done-lead{grid-column:1/-1}

/* کارت‌های انتخاب موضوع */
.wz-picker{display:grid;gap:10px}
.wz-picker label{position:relative;display:block;cursor:pointer;
  padding:15px 17px;border-radius:var(--radius-md);
  background:#ffffff0a;border:1px solid var(--line-light);
  transition:border-color .2s,background .2s,transform .2s}
.wz-picker label:hover{border-color:#ffffff5c;background:#ffffff14}
.wz-picker input{position:absolute;opacity:0;width:0;height:0}
.wz-picker span{display:block}
.wz-picker b{display:block;color:#fff;font-size:15px;font-weight:600;margin-bottom:5px}
.wz-picker small{display:block;color:#ffffff96;font-size:12.5px;line-height:1.85}
.wz-picker label:has(input:checked){border-color:var(--mint);background:#00dabf17}
.wz-picker label:has(input:checked) b{color:var(--mint)}
.wz-picker label:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:3px}
.wz-picker .wz-none{border-style:dashed}

/* چیپ‌های چندانتخابی */
.wz-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.wz-chips label{cursor:pointer}
.wz-chips input{position:absolute;opacity:0;width:0;height:0}
.wz-chips span{display:inline-block;padding:9px 15px;border-radius:999px;
  font-size:13px;color:#ffffffcf;background:#ffffff0d;
  border:1px solid var(--line-light);transition:all .2s}
.wz-chips label:hover span{border-color:#ffffff5c}
.wz-chips input:checked + span{background:var(--mint);border-color:var(--mint);
  color:var(--teal-950);font-weight:600}
.wz-chips input:focus-visible + span{outline:2px solid var(--mint);outline-offset:3px}

.lf-label{display:block;margin-bottom:2px;color:#ffffffc4;font-size:12.5px}

/* شاخه‌های گام دو */
.wz-branch{display:none}
.wz-branch.on{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wz-branch .lf-full{grid-column:1/-1}

/* ناوبری گام‌ها */
.wz-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}
.wz-nav .button{width:auto}
.wz-nav-done{margin-top:22px}
.wz-err{margin:2px 0 0;color:#ffb59a;font-size:12.5px;min-height:1em}

/* گام پایانی */
.wz-done-lead{margin:0;color:#ffffffb5;font-size:14px;line-height:2.05;max-width:56ch}

@media (width<=980px){
  .talk-layout{grid-template-columns:1fr;gap:44px}
}
@media (width<=620px){
  .wz-step.on,.wz-branch.on{grid-template-columns:1fr}
  .wz-track li span{display:none}
  .wz-track li{justify-content:center}
  .wz-nav .button{flex:1;justify-content:center}
}

/* راه‌های مستقیم پایین صفحه */
.talk-direct{background:var(--paper-soft)}
.talk-direct .direct-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
@media (width<=900px){.talk-direct .direct-grid{grid-template-columns:1fr 1fr}}
@media (width<=520px){.talk-direct .direct-grid{grid-template-columns:1fr}}


/* ══════════════════════════════════════════════════════════
   قواعد اورلپ و ریتم پس‌زمینه — کلاس آماده به جای CSS دستی
   تا امروز هر بار که بلوکی باید از مرز دو بخش رد می‌شد،
   یک قطعه CSS اختصاصی نوشته می‌شد. این‌ها همان کار را
   با یک کلاس انجام می‌دهند و خودشان پدینگ بخش بعدی یا
   قبلی را هم اصلاح می‌کنند.

   استفاده:
     <section class="section lap-down">…</section>   بلوک از پایین وارد بخش بعد می‌شود
     <section class="section lap-up">…</section>     بلوک از بالا وارد بخش قبل می‌شود
     <section class="section lap-both">…</section>   هر دو طرف

   مقدار اورلپ با --lap قابل تنظیم است:
     <section class="section lap-down" style="--lap:80px">

   شرط: بلوک اورلپ‌کننده باید پس‌زمینه‌ی پُر و گوشه‌ی گرد
   داشته باشد، وگرنه روی مرز بد دیده می‌شود.
   ═════════════════════════════════════════════════════════ */

/* متغیرها روی :root تعریف می‌شوند نه روی خود بخش.
   دلیلش مهم است: قاعده‌ی «بخش بعدی» روی عنصر همسایه اعمال
   می‌شود و اگر متغیر فقط روی .lap-down باشد، همسایه آن را
   نمی‌بیند، calc باطل می‌شود و پدینگ جبرانی اصلاً اضافه
   نمی‌شود. نتیجه‌اش هم‌پوشانی روی محتوای بخش بعد بود. */
:root{
  --lap:clamp(38px,5vw,62px);
  --lap-lg:clamp(58px,7.5vw,96px);
  --lap-xl:clamp(84px,10vw,140px);
  --sec-pad:132px;
}
@media (width<=720px){
  :root{
    --lap:clamp(24px,6vw,38px);
    --lap-lg:clamp(34px,8vw,54px);
    --lap-xl:clamp(48px,11vw,76px);
    --sec-pad:86px;
  }
}

/* ── اورلپ به پایین ── */
.lap-down{padding-bottom:0}
.lap-down > .container{position:relative;z-index:3;margin-bottom:calc(-1 * var(--lap))}
.lap-down + *{padding-top:calc(var(--sec-pad) + var(--lap))}

.lap-down.lap-lg > .container{margin-bottom:calc(-1 * var(--lap-lg))}
.lap-down.lap-lg + *{padding-top:calc(var(--sec-pad) + var(--lap-lg))}
.lap-down.lap-xl > .container{margin-bottom:calc(-1 * var(--lap-xl))}
.lap-down.lap-xl + *{padding-top:calc(var(--sec-pad) + var(--lap-xl))}

/* ── اورلپ به بالا ──
   CSS انتخابگر «همسایه‌ی قبلی» ندارد، پس بخش قبلی باید
   خودش کلاس .lap-before بگیرد تا جا باز کند. */
.lap-up{padding-top:0}
.lap-up > .container{position:relative;z-index:3;margin-top:calc(-1 * var(--lap))}
.lap-up.lap-lg > .container{margin-top:calc(-1 * var(--lap-lg))}
.lap-up.lap-xl > .container{margin-top:calc(-1 * var(--lap-xl))}

.lap-before{padding-bottom:calc(var(--sec-pad) + var(--lap))}
.lap-before.lap-lg{padding-bottom:calc(var(--sec-pad) + var(--lap-lg))}
.lap-before.lap-xl{padding-bottom:calc(var(--sec-pad) + var(--lap-xl))}

/* ── هر دو طرف ── */
.lap-both{padding-block:0}
.lap-both > .container{position:relative;z-index:3;margin-block:calc(-1 * var(--lap))}
.lap-both + *{padding-top:calc(var(--sec-pad) + var(--lap))}

/* ── ریتم پس‌زمینه ────────────────────────────────────────
   قاعده: حداکثر دو بخش روشن پشت‌سرهم، بعد یک بخش تیره یا
   یک پنل تیره. این کلاس‌ها به‌جای نوشتن مستقیم رنگ.
   ──────────────────────────────────────────────────────── */
.bg-paper{background:var(--paper)}
.bg-soft{background:var(--paper-soft)}
.bg-tint{background:#e8e6df}
.bg-dark{background:var(--teal-950);color:#fff}
.bg-brand{background:var(--teal-900);color:#fff}
.bg-dark h2,.bg-brand h2,.bg-dark h3,.bg-brand h3{color:#fff}
.bg-dark .eyebrow,.bg-brand .eyebrow{color:var(--mint)}
.bg-dark .eyebrow span,.bg-brand .eyebrow span{background:var(--mint)}


/* تکمیل اجزای مشترک تازه */

/* بخش سؤالات با چیدمان دوستونه */
.faq-block{background:var(--paper)}
.faq-block-dark{background:var(--teal-950)}

/* گام پایانی ویزارد */
.wz-done legend{color:var(--mint)}

/* نوار اطمینان بیزینس‌هاب: پیش‌تر داخل بلوک فرم بود و رنگ‌هایش
   برای زمینه‌ی تیره است، پس بخش خودش هم تیره می‌ماند و بدون
   فاصله‌ی پایین به دعوت پایانی می‌رسد تا یک بلوک دیده شوند. */
.bh-trust{background:var(--teal-900);padding-bottom:0}
.bh-trust .trust-strip{margin-top:0;grid-template-columns:repeat(3,1fr)}
@media (width<=900px){.bh-trust .trust-strip{grid-template-columns:1fr}}


/* ══ صفحه‌ی چک‌آپ: سربرگ افقی کارت و اورلپ بیشتر ══════════
   نام چک‌آپ کنار آیکون می‌نشیند نه زیرش، و کارت‌ها آن‌قدر
   بالا می‌آیند که هنگام لود آیکون و نام هر دو دیده شوند. */
.hc-choose{--lap:clamp(104px,13vw,172px)}
.hc-page .hc-hero{padding-bottom:clamp(120px,15vw,190px)}

.hc-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.hc-head .hc-ico{margin-bottom:0;flex:none}
.hc-head h3{margin:0;line-height:1.35}

@media (width<=560px){
  .hc-choose{--lap:clamp(72px,18vw,104px)}
  .hc-head{gap:13px;margin-bottom:15px}
  .hc-head h3{font-size:21px}
  .hc-head .hc-ico{width:44px;height:44px;border-radius:13px}
  .hc-head .hc-ico svg{width:22px;height:22px}
}

/* ══ بیزینس‌هاب: وسط‌چین‌ها ═══════════════════════════════ */
.diff-foot-center{margin-inline:auto;text-align:center}
.stat-grid-center > div{text-align:center;align-items:center}
.stat-grid-center cite{text-align:center;width:100%}


/* ══════════════════════════════════════════════════════════
   بیزینس‌هاب · نوار زمان شبانه (nightclock)
   جای پنج کارت ساده را گرفت. عقربه از ۱۷ تا ۸ صبح حرکت
   می‌کند و پیام داخل کادر عوض می‌شود. روی هاور می‌ایستد.
   ═════════════════════════════════════════════════════════ */

.nightclock{margin-top:clamp(30px,4vw,48px)}

/* تیتر بخش: توضیح زیر تیتر، کارت در ستون کناری */
.nc-heading{display:block;max-width:52ch}
.nc-heading>p{margin:14px 0 0;color:var(--muted);font-size:15px;line-height:2}

/* ── کارت: ساعت سمت راست، پیام سمت چپ ── */
.nightclock-card{display:grid;grid-template-columns:.62fr 1.38fr;
  gap:clamp(26px,3.4vw,48px);align-items:center;
  padding:clamp(26px,3.4vw,44px);border-radius:var(--radius-xl);
  background:linear-gradient(150deg,#00333e,#001e28 78%);
  border:1px solid #ffffff1a;box-shadow:0 26px 60px #00272f2e;
  position:relative;overflow:hidden;margin-top:clamp(28px,4vw,44px)}
.nightclock-card::after{content:"";position:absolute;inset-inline-end:-120px;top:-120px;
  width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,#00dabf24,transparent 68%);pointer-events:none}
@media (width<=820px){.nightclock-card{grid-template-columns:1fr;gap:26px}}

/* ── صفحه‌ی ساعت ── */
.nc-screen{position:relative;display:grid;place-items:center;z-index:2}
.nc-clockface{position:relative;width:min(100%,236px);aspect-ratio:1;display:grid;place-items:center}
.nc-clockface svg{width:100%;height:100%}
.cf-track{fill:none;stroke:#ffffff1a;stroke-width:2}
.cf-arc{fill:none;stroke:var(--mint);stroke-width:2.5;stroke-linecap:round;
  stroke-dasharray:270;stroke-dashoffset:calc(270 - 270 * var(--p,0));
  filter:drop-shadow(0 0 6px #00dabf8f);
  transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}
.cf-ticks line{stroke:#ffffff2b;stroke-width:1.6;stroke-linecap:round}
.cf-hand-h,.cf-hand-m{stroke:#fff;stroke-linecap:round;transform-origin:50% 50%;
  transition:transform .7s cubic-bezier(.4,0,.2,1)}
.cf-hand-h{stroke-width:3.4;transform:rotate(var(--h,0deg))}
.cf-hand-m{stroke-width:2;stroke:var(--mint);transform:rotate(var(--m,0deg))}
.cf-pin{fill:var(--mint)}
.nc-time{position:absolute;inset-block-end:16%;font-family:'Morabba';
  font-size:19px;color:#fff;letter-spacing:.02em}

/* ایستگاه‌ها روی محیط ساعت */
.nc-stops{position:absolute;inset:0;pointer-events:none}
.nc-stop{position:absolute;inset-inline-start:50%;top:50%;width:0;height:0;
  background:none;border:0;padding:0;cursor:pointer;pointer-events:auto;
  transform:rotate(var(--deg)) translateY(calc(-1 * min(50cqw,118px)))}
.nc-stop i{display:block;width:9px;height:9px;border-radius:50%;margin:-4.5px;
  background:#0a3a45;border:2px solid #ffffff3d;
  transition:background .3s,border-color .3s,transform .3s}
.nc-stop.past i{background:var(--mint);border-color:var(--mint);opacity:.55}
.nc-stop.on i{background:var(--mint);border-color:var(--mint);transform:scale(1.5);
  box-shadow:0 0 12px var(--mint)}
.nc-stop:focus-visible{outline:2px solid var(--mint);outline-offset:6px;border-radius:50%}

/* ── پیام‌ها ── */
.nc-msgs{position:relative;z-index:2;min-height:196px}
.nc-msg{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .45s ease,transform .45s ease,visibility .45s}
.nc-msg.on{position:relative;opacity:1;visibility:visible;transform:none}
.nc-msg b{display:block;font-family:'Morabba';font-size:clamp(20px,2.4vw,26px);
  color:#fff;margin-bottom:14px}
.nc-msg p{margin:0;color:#ffffffb8;font-size:14.5px;line-height:2.05;max-width:64ch}
.nc-msg small{display:block;margin-top:18px;padding-top:14px;
  border-top:1px solid #ffffff1f;color:var(--mint);font-size:12.5px;line-height:1.9}

@media (width<=560px){.nc-msgs{min-height:250px}}
@media (prefers-reduced-motion:reduce){
  .cf-arc,.cf-hand-h,.cf-hand-m,.nc-msg{transition:none}
}

}


/* ══ بیزینس‌هاب · نردبان افقی ═════════════════════════════
   دو پله کنار هم می‌نشینند نه زیر هم، با یک رابط افقی. */

.ladder-h .rung{display:flex;flex-direction:column;justify-content:center}
.ladder-h .rung-link{position:relative;width:clamp(34px,4vw,56px);align-self:center;height:2px;
  background:linear-gradient(90deg,var(--line),var(--teal-700))}
.ladder-h .rung-link::after{content:"";position:absolute;inset-inline-start:-1px;top:-4px;
  width:0;height:0;border-block:5px solid transparent;
  border-inline-end:7px solid var(--teal-700)}
@media (width<=620px){
  .ladder-h{grid-template-columns:1fr}
  .ladder-h .rung-link{width:2px;height:clamp(22px,5vw,34px);justify-self:center;
    background:linear-gradient(180deg,var(--line),var(--teal-700))}
  .ladder-h .rung-link::after{inset-inline-start:-4px;top:auto;bottom:-1px;
    border-inline:5px solid transparent;border-block-end:0;
    border-block-start:7px solid var(--teal-700)}
}

/* ══ بیزینس‌هاب · کارت بازاریابی زیر همان بلوک ════════════
   بخش جدا با پس‌زمینه‌ی متفاوت حذف شد. حالا کارت دوم است
   و رنگ تیره‌اش خودش تفاوت را نشان می‌دهد. */
.bridge-card{margin-top:18px}

/* ══ دیاگرام کانال‌ها ════════════════════════════════════
   رستوران در مرکز، کانال‌ها روی یک مدار، و نقطه‌های روشن
   که از هر کانال به سمت مرکز حرکت می‌کنند. */
.chanflow{--r:clamp(96px,13vw,128px);
  position:relative;aspect-ratio:1;width:min(100%,340px);margin-inline:auto;
  display:grid;place-items:center;isolation:isolate}

.cf-ring{position:absolute;border-radius:50%;border:1px dashed #ffffff26}
.cf-ring-a{width:calc(var(--r) * 2);height:calc(var(--r) * 2);
  animation:cfSpin 34s linear infinite}
.cf-ring-b{width:calc(var(--r) * 1.24);height:calc(var(--r) * 1.24);
  border-style:solid;border-color:#ffffff17}
@keyframes cfSpin{to{transform:rotate(360deg)}}

.cf-core{position:relative;z-index:4;width:clamp(84px,11vw,104px);aspect-ratio:1;
  border-radius:50%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;text-align:center;
  background:linear-gradient(150deg,#064b56,#00202a);
  border:1px solid #00dabfb0;color:var(--mint);
  box-shadow:0 0 46px #00dabf30,inset 0 0 22px #ffffff0d}
.cf-core svg{width:26px;height:26px}
.cf-core b{color:#fff;font-size:11.5px;font-weight:600;line-height:1.4}

/* هر کانال روی زاویه‌ی خودش می‌نشیند و صاف می‌ماند */
.cf-node{position:absolute;z-index:5;
  transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));
  display:flex;flex-direction:column;align-items:center;gap:5px;width:74px}
.cf-node i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:#063943e0;border:1px solid #ffffff2e;color:var(--mint);
  box-shadow:0 10px 22px #0006;transition:border-color .3s,transform .3s}
.cf-node i svg{width:18px;height:18px}
.cf-node em{font-style:normal;color:#ffffff9e;font-size:10.5px;
  white-space:nowrap;line-height:1.5}
.chanflow:hover .cf-node i{border-color:#00dabf7a}

/* مسیر کانال تا مرکز، با نقطه‌ی روشنی که به داخل می‌آید */
.cf-beam{position:absolute;z-index:2;inset-inline-start:50%;top:50%;
  width:var(--r);height:1px;transform-origin:0 50%;
  transform:rotate(var(--a));
  background:linear-gradient(90deg,transparent,#00dabf3d)}
.cf-beam::after{content:"";position:absolute;top:-2.5px;inset-inline-start:0;
  width:6px;height:6px;border-radius:50%;background:var(--mint);
  box-shadow:0 0 10px var(--mint);
  animation:cfPulse 4.5s var(--d,0s) cubic-bezier(.5,0,.6,1) infinite}
@keyframes cfPulse{
  0%{transform:translateX(calc(var(--r) - 6px));opacity:0}
  12%{opacity:1}
  72%{transform:translateX(0);opacity:1}
  86%,100%{transform:translateX(0);opacity:0}
}

@media (width<=980px){.chanflow{width:min(100%,300px)}}
@media (prefers-reduced-motion:reduce){
  .cf-ring-a{animation:none}
  .cf-beam::after{animation:none;opacity:.85;transform:translateX(0)}
}


/* ══════════════════════════════════════════════════════════
   صفحه‌ی بازاریابی — بازچینش دور سوم
   ═════════════════════════════════════════════════════════ */

/* نوار سه‌گانه حالا بالای دکمه‌هاست، پس فاصله‌اش برعکس شد */
.mk-hero .trust-bar{margin:22px 0 26px}

/* دیاگرام کانال‌ها در هیرو، بزرگ‌تر از نسخه‌ی داخل کارت */
.mk-chanflow{--r:clamp(112px,15vw,152px);width:min(100%,420px);justify-self:center}
.mk-chanflow .cf-node em{font-size:11px}
.cf-more{position:absolute;inset-block-end:-6px;inset-inline-start:50%;
  transform:translateX(50%);padding:6px 13px;border-radius:999px;
  background:#ffffff0f;border:1px solid var(--line-light);
  color:#ffffff9e;font-size:11px;white-space:nowrap}
@media (width<=980px){.mk-chanflow{--r:clamp(96px,22vw,128px);width:min(100%,340px)}}

/* بخش راه‌حل: متن بالا، چرخه تمام‌عرض زیرش */
.mk-explainer-stack{grid-template-columns:1fr;gap:clamp(30px,4vw,46px)}
.mk-cycle-wide{width:100%}
.mk-cycle-wide .cycle4{width:100%}

/* بخش زمان‌بندی جای کاتالوگ کانال‌ها */
.timing-section{background:var(--paper-soft)}
.timing-section .week-bar{margin-top:clamp(26px,3.4vw,40px)}

/* انتساب: متن تمام‌عرض، گزارش زیرش */
.attr-stack{display:grid;grid-template-columns:1fr;gap:clamp(26px,3.4vw,40px)}
.attr-copy-wide{max-width:none;margin-bottom:0}

/* دیاگرام بیزینس‌هاب داخل کارت قدم بعد */
.bridge-hub{width:min(100%,360px);justify-self:center;margin-inline:auto}
@media (width<=980px){.bridge-hub{width:min(80vw,320px)}}


/* ══════════════════════════════════════════════════════════
   سیستم غذا — اصلاحات دور سوم
   ═════════════════════════════════════════════════════════ */

/* دیاگرام مداری هیرو حذف شد؛ جایش یک لینک متنی به چک‌آپ */
.prod-hero-alt{margin-top:26px}

/* کارت قیمت: جمله‌ی تحویل وسط، لینک چک‌آپ از کارت برداشته شد */
.buy-note-center{text-align:center}
.buy-cta{margin-bottom:14px}

/* وسط‌چین‌های خواسته‌شده */
.fit-foot-center{margin-inline:auto;text-align:center}
.prereq-center{text-align:center}
.prereq-center ul{justify-content:center}
.lf-center{text-align:center}

/* لینک بیزینس‌هاب کنار عنوان کارت، نه ته کارت */
.which-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.which-go{margin-inline-start:auto;font-size:13px}

/* جعبه‌ی تحویل: واترمارک تا وقتی اسکرین‌شات واقعی برسد */



/* ══ هیروی چک‌آپ: هم‌تراز با کارت‌های زیرش ════════════════
   قاعده‌ی .hero > .container{width:100%} کانتینر هیرو را
   تمام‌عرض می‌کند، در حالی که بخش‌های پایین صفحه ستون
   ۱۱۸۰ پیکسلی دارند. نتیجه این بود که خط شروع متن هیرو با
   خط شروع کارت‌های چک‌آپ یکی نبود. */
.hc-hero > .container{width:min(1180px,100% - 48px);margin-inline:auto}
@media (width<=720px){.hc-hero > .container{width:min(100% - 32px,1180px)}}


/* ══════════════════════════════════════════════════════════
   درباره‌ی ما — اصلاحات دور چهارم
   ═════════════════════════════════════════════════════════ */

/* کارت نام از بالا روی مرز تغییر پس‌زمینه می‌نشیند و بخش
   «دو چرخش» همان زمینه را می‌گیرد تا دو بخش یکی دیده شوند. */

.turns-section{background:#ebe9e2}
.name-card-tight{padding-block:clamp(22px,3vw,34px)}

/* جمله‌ی پایانی دو چرخش وسط‌چین */
.turns-outro-center{margin-inline:auto;text-align:center;max-width:64ch}

/* پاراگراف معرفی بنیان‌گذار باید تمام عرض ستونش را بگیرد */
.founder-layout > div > p{max-width:none}
.founder-punch{max-width:none}

/* کارت نمونه کار خودش لینک است، نه لینک متنی داخلش */
a.work-card{text-decoration:none;color:inherit}
.work-go{display:inline-flex;align-items:center;gap:8px;
  color:var(--teal-700);font-size:14.5px;font-weight:600;margin-top:auto}
a.work-card:hover .work-go{color:var(--mint)}
a.work-card:hover .arw svg{transform:translateX(-5px)}
a.work-card.quiet:hover .work-go{color:var(--teal-900)}
a.work-card:focus-visible{outline:2px solid var(--mint);outline-offset:4px}

/* کارت‌های نمونه کار روی بخش «امروز» اورلپ می‌کنند */



/* ══════════════════════════════════════════════════════════
   تماس با ما — شش راه تماس در سه ردیف دوتایی
   ═════════════════════════════════════════════════════════ */

.contact-hero .direct-box{margin-top:26px;padding-top:0;border-top:0}
.direct-grid-6{grid-template-columns:1fr 1fr;gap:10px}
@media (width<=520px){.direct-grid-6{grid-template-columns:1fr}}

/* هندل زیر عنوان، همیشه چپ‌چین چون انگلیسی یا عدد است */
.direct-item em{font-style:normal;color:#ffffff9e;font-size:12.5px;line-height:1.7}
.direct-item span{gap:2px}

/* نشانی در یک خط زیر شبکه */
.direct-address{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  margin:18px 0 0;color:#ffffff9e;font-size:12.5px;line-height:1.9}
.direct-address b{color:#ffffffc4;font-size:12px;font-weight:600}

/* بلوک چک‌آپ زیر راه‌های تماس */
.contact-hc{margin-top:30px;padding-top:24px;border-top:1px solid #ffffff1f}
.contact-hc h2{margin:0 0 10px;font-family:'Morabba';
  font-size:clamp(20px,2.4vw,26px);color:#fff;line-height:1.6}
.contact-hc p{margin:0 0 16px;color:#ffffff9e;font-size:14px;line-height:2;max-width:56ch}


/* ══════════════════════════════════════════════════════════
   رویدادها — هیرو حذف شد، رویداد پیشِ رو بالای صفحه
   ═════════════════════════════════════════════════════════ */

/* بدون هیرو، این بخش اولین چیز زیر هدر است و فاصله‌ی بالا لازم دارد */
.featured-event-top{padding-top:clamp(40px,5vw,64px)}

/* بنر عریض بالای کارت، متن زیرش. پوستر عمودی اینستاگرام
   کادر «رزرو بلیت» نقطه‌چین داشت و برای سایت مناسب نبود. */
.featured-event-top .fe-card{grid-template-columns:1fr;gap:clamp(22px,3vw,34px)}
.fe-banner{display:block;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 24px 54px #00181d4d;transition:transform .35s}
.fe-banner:hover{transform:translateY(-4px)}
.fe-banner img{display:block;width:100%;height:auto}

/* توضیح رویداد تمام عرض کارت */
.fe-sub-wide{max-width:none}

/* لینک سرفصل‌ها روی زمینه‌ی تیره‌ی کارت باید روشن باشد */
.fe-actions .text-link{color:var(--mint)}
.fe-actions .text-link:hover{color:var(--mint-light)}

/* کارت سرنخ دیگر تصویر ندارد، پس تک‌ستونه می‌شود */
.past-card.wide{grid-template-columns:1fr}

/* ══ رنگ تیتر و متن بخش کارنامه ═══════════════════════════
   design-v3 برای .past-events زمینه‌ی تیره فرض کرده و تیتر و
   پاراگرافش را سفید کرده، ولی زمینه‌ی این بخش روشن است. */
.past-events .section-heading h2{color:var(--ink)}
.past-events .section-heading>p{color:var(--muted)}
.past-events .section-heading .eyebrow{color:var(--teal-700)}
.past-events .section-heading .eyebrow span{background:var(--teal-700)}

/* با حذف هیرو، عنوان رویداد پیشِ رو تیتر اصلی صفحه شد */
.fe-copy h1{color:#fff;margin:16px 0 12px;font-size:clamp(26px,3.6vw,42px);
  font-family:'Morabba';line-height:1.35;letter-spacing:-.03em}

/* ══ نردبان دو پله: بدون خط رابط، وسط فضای خودش ══════════
   خط رابط حذف شد چون فلشش در راست‌به‌چپ برعکس می‌افتاد.
   حالا دو کارت با فاصله کنار هم و وسط ستون می‌نشینند. */


/* کارت خدمت مکمل روی بخش سؤالات پایین اورلپ می‌کند */


/* ══ نردبان دو پله: وسط فضای خودش ═══════════════════════
   دو کارت به‌جای کشیده شدن در تمام ستون، عرض طبیعی خودشان
   را می‌گیرند و وسط ستون می‌نشینند. */


/* بخش قبل از کارت نام باید جا باز کند */



/* ══════════════════════════════════════════════════════════
   بازاریابی — اصلاحات دور پنجم
   ═════════════════════════════════════════════════════════ */

/* برچسب کانال‌ها پایین‌تر تا روی گره‌ها نیفتد */
.cf-more{inset-block-end:-30px}
@media (width<=980px){.cf-more{inset-block-end:-26px}}

/* خط بازگشت از کارت چهار به کارت یک */
.c-loop{position:relative;margin-top:26px;padding-top:22px}
.c-loop::before{content:"";position:absolute;inset-inline:6% 6%;top:0;height:22px;
  border:1px dashed #ffffff33;border-top:0;
  border-radius:0 0 14px 14px}
.c-loop::after{content:"";position:absolute;inset-inline-end:6%;top:-4px;
  width:0;height:0;border-block:5px solid transparent;
  border-inline-start:7px solid #ffffff5c}
.c-loop span{position:relative;z-index:2;background:var(--teal-900)}

/* بخش راه‌حل روی بخش زمان‌بندی اورلپ می‌کند */
.mk-explainer-lap{position:relative;z-index:3;
  margin-bottom:calc(-1 * var(--lap-lg));
  border-radius:var(--radius-xl)}
.timing-section-lap{padding-top:calc(var(--sec-pad) + var(--lap-lg))}

/* دیاگرام زمان‌بندی روی زمینه‌ی روشن بخش، پس خودش کادر تیره لازم دارد */
.timing-section .week-bar{background:linear-gradient(150deg,#00333e,#001e28 80%);
  border-color:#ffffff1f;padding:clamp(22px,3vw,30px) clamp(22px,3vw,30px);
  border-radius:var(--radius-lg);box-shadow:0 22px 48px #00272f1f}
.wb-note-center{text-align:center;margin-inline:auto;max-width:60ch}

/* جدول گزارش پنج‌ستونه و شاخص‌های شش‌تایی */
.rb-kpis-6{grid-template-columns:repeat(3,1fr)}
@media (width<=760px){.rb-kpis-6{grid-template-columns:1fr 1fr}}
@media (width<=460px){.rb-kpis-6{grid-template-columns:1fr}}

.rb-table-5 .rb-row{grid-template-columns:1.6fr .8fr 1fr .7fr 1.1fr}
.rb-table-5 .rb-sum{border-bottom:0;margin-top:4px;padding-top:14px;
  border-top:1px solid #ffffff2b;color:#fff;font-weight:700}
.rb-table-5 .rb-sum span{color:#fff}
@media (width<=820px){
  .rb-table-5 .rb-row{grid-template-columns:1fr 1fr;row-gap:4px}
}

/* کارت پلن: خط جداکننده فقط یکی باشد */
.plan-price{padding-bottom:0;border-bottom:0;margin-bottom:14px}

/* سه نشان انتساب زیر شرایط مشترک، نه چسبیده به یک پلن */
.plan-marks{margin-top:16px}

/* بخش قدم بعد هم‌رنگ بخش بالایش */
.mk-bridge-flat{background:var(--paper)}


/* ══════════════════════════════════════════════════════════
   سیستم غذا و درباره‌ی ما — دور پنجم
   ═════════════════════════════════════════════════════════ */

/* دو کارت گزارش مثل دو کارت ثبت دیده شوند */





/* کارت بیزینس‌هاب خودش لینک است و هم‌قد کارت کناری */
a.which-card{text-decoration:none;color:inherit}
a.which-card:hover{border-color:#00dabf7a;background:#ffffff12}
a.which-card:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.which-card{min-height:100%}
.which-foot-center{margin-inline:auto;text-align:center;max-width:62ch}

/* واترمارک جعبه‌ی تحویل: بزرگ، کج، بی‌کادر */


/* ── درباره‌ی ما ── */

/* نشانه‌ی اسکرول پایین هیرو */
.scroll-cue{position:absolute;inset-inline:0;bottom:26px;margin-inline:auto;
  width:26px;height:42px;border-radius:999px;border:1.5px solid #ffffff42;
  display:grid;justify-items:center;padding-top:8px;z-index:4;
  transition:border-color .3s}
.scroll-cue:hover{border-color:var(--mint)}
.scroll-cue span{width:3px;height:8px;border-radius:2px;background:var(--mint);
  animation:cueDrop 1.9s ease-in-out infinite}
@keyframes cueDrop{0%{transform:translateY(0);opacity:0}
  30%{opacity:1}70%{transform:translateY(14px);opacity:1}100%{transform:translateY(16px);opacity:0}}
@media (prefers-reduced-motion:reduce){.scroll-cue span{animation:none}}
.about-hero{position:relative}

/* جمله‌ی پایانی دو چرخش: یک خط، بدون کادر */
.turns-outro-plain{margin:26px auto 0;padding:0;border:0;background:none;
  text-align:center;max-width:none;white-space:nowrap;
  font-size:clamp(14px,1.7vw,19px);color:var(--teal-900);font-weight:600}
@media (width<=980px){
  .turns-outro-plain{white-space:normal;max-width:64ch;line-height:1.9}
}

/* بخش امروز نباید زیر کارت‌های اورلپ‌شده بماند */
.today-section-clear > .container{position:relative;z-index:1}
.direct-address-center{justify-content:center;text-align:center}


/* ══════════════════════════════════════════════════════════
   صفحه‌ی رویداد وبینار — بازچینش
   ═════════════════════════════════════════════════════════ */

/* متای هیرو: عنوان و توضیح در یک خط */


/* پوستر عریض به‌جای مربع */
.event-poster{max-width:min(100%,560px)}
.event-poster img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}

/* بخش چرا این وبینار */
.ev-why{background:var(--paper)}






/* بلیت‌ها: دو کارت زیر هم سمت راست، فرم سمت چپ */
.tk-split{display:grid;grid-template-columns:.85fr 1.15fr;
  gap:clamp(24px,3.4vw,44px);align-items:start}
.ticket-grid-stack{display:grid;grid-template-columns:1fr;gap:12px}
@media (width<=900px){.tk-split{grid-template-columns:1fr}}

/* ظرفیت روی کارت تیره خوانا نبود، حالا اصلاً لازم نیست */
.tk-cap{display:inline-block;padding:4px 10px;border-radius:999px;
  background:#ffffffe0;color:var(--teal-900);font-size:11px;font-weight:700}

/* میزبان و مهمان */
.hosts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(24px,3vw,36px)}
@media (width<=820px){.hosts-grid{grid-template-columns:1fr}}
.host-card{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;
  padding:24px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line)}
.host-photo{margin:0;flex:none;width:96px;height:96px;border-radius:50%;
  overflow:hidden;background:var(--paper-soft);border:1px solid var(--line)}
.host-photo img{width:100%;height:100%;object-fit:cover;display:block}
.host-photo-empty{display:grid;place-items:center;color:var(--teal-700);opacity:.45}
.host-photo-empty svg{width:46px;height:46px}
.host-role{display:inline-block;padding:5px 11px;border-radius:999px;
  background:#00dabf1c;color:var(--teal-700);font-size:11px;font-weight:700}
.host-card h3{font-family:'Morabba';font-size:19px;color:var(--ink);margin:10px 0 8px}
.host-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.95}
@media (width<=560px){
  .host-card{grid-template-columns:1fr;justify-items:center;text-align:center}
}


/* ══════════════════════════════════════════════════════════
   دور ششم — اصلاح‌های بازبینی بصری
   ═════════════════════════════════════════════════════════ */

/* ── نردبان: عرض طبیعی، دقیقاً وسط ستون ──
   قاعده‌های قبلی با .ladder-visual تداخل داشتند. width:fit-content
   مطمئن‌ترین راه است چون به رفتار grid وابسته نیست. */
.ladder-card .ladder-h{display:grid;grid-template-columns:repeat(2,190px);
  gap:14px;width:fit-content;margin-inline:auto;align-content:center}
@media (width<=620px){
  .ladder-card .ladder-h{grid-template-columns:minmax(0,260px)}
}

/* ── ساعت شب: چرخش درست عقربه‌ها ──
   در SVG درصدِ transform-origin به bounding box خود عنصر
   برمی‌گردد، نه به viewBox. برای <line> یعنی مرکز خودِ خط.
   با transform-box:view-box مرکز واقعی صفحه‌ی ساعت می‌شود. */
.cf-hand-h,.cf-hand-m{transform-box:view-box;transform-origin:50px 50px}
.cf-arc{transform-box:view-box;transform-origin:50px 50px}

/* ── کارت‌های گزارش سه لایه: مثل کارت‌های ثبت ── */
.layer-rows .out{background:#ffffff08;border-color:#ffffff1f}
.layer-rows .out span{background:none;color:#ffffff70}
.layer-rows .out b{color:#fff}
.layer-rows .out p{color:#ffffff8f}

/* ── وسط‌چین‌های یک‌خطه ──
   قبلاً max-width می‌گذاشتم و متن دو خط می‌شد. حالا محدودیت
   عرض برداشته شده و فقط در عرض کم می‌شکند. */
.which-foot-center,.turns-outro-plain,.fit-foot-center,.diff-foot-center{
  max-width:none;margin-inline:auto;text-align:center}
.which-foot-center{white-space:nowrap}
@media (width<=1100px){.which-foot-center{white-space:normal;max-width:66ch}}

/* ── واترمارک جعبه‌ی تحویل: بزرگ و بیرون‌زده از لبه ── */


/* ── نشانه‌ی اسکرول کمی بالاتر ── */
.scroll-cue{bottom:clamp(46px,6vh,74px)}

/* ── کارت باهم مثل کارت مرزی سفید ── */
.work-card.quiet{background:var(--white);border-color:var(--line)}
.work-card.quiet .work-kind{color:var(--teal-700)}
a.work-card.quiet:hover .work-go{color:var(--mint)}


/* ══ بازاریابی · دور ششم ═══════════════════════════════ */

/* خط بازگشت چرخه بدون فلش، برچسب دقیقاً روی خط */
.c-loop{margin-top:28px;padding-top:0;height:26px;display:grid;place-items:center}
.c-loop::before{content:"";position:absolute;inset-inline:6% 6%;top:0;height:26px;
  border:1px dashed #ffffff33;border-top:0;border-radius:0 0 14px 14px}
.c-loop::after{content:none}
.c-loop span{position:relative;z-index:2;background:var(--teal-900);
  transform:translateY(13px)}

/* اورلپ بخش راه‌حل روی زمان‌بندی
   پنل داخل بخش «مسئله» است، پس پدینگ پایینِ همان بخش
   باید صفر شود وگرنه اورلپ دیده نمی‌شود. */
.mk-page .problem{padding-bottom:0}
.mk-explainer-lap{margin-bottom:calc(-1 * var(--lap-lg))}

/* کل کارت زمان‌بندی وسط‌چین، نه فقط متنش */
.timing-section .week-bar{text-align:center}
.timing-section .week-bar > b{margin-inline:auto}
.timing-section .week-bar span{text-align:center}
.wb-note-center{max-width:none;margin-inline:auto}

/* کارت گزارش خودش اورلپ می‌کند، نه کل بخش تیره */
/* کارت گزارش پس‌زمینه‌ی پُر دارد تا وقتی از مرز رد می‌شود
   روی زمینه‌ی روشن هم خوانا بماند. اورلپ خودش با .lap-down
   روی همان بخش انجام می‌شود. */
.report-block-lap{background:linear-gradient(150deg,#013c48,#00222c 82%);
  border:1px solid #ffffff2b;box-shadow:0 26px 60px #00181d47}
.attr-section{padding-bottom:var(--sec-pad)}

/* فاصله‌ی کارت قدم بعد از بخش پلن */
.mk-bridge-flat{padding-top:0}

/* ══ کارت نام: پس‌زمینه‌ی بخش بالا، اورلپ به پایین ══════
   اورلپ از بالا درست درنمی‌آمد چون پس‌زمینه دقیقاً از خط
   شروع کارت عوض می‌شد. حالا بخش نام همان پس‌زمینه‌ی بخش
   داستان را دارد و کارت از پایین وارد بخش «دو چرخش» می‌شود. */
.name-section{background:var(--paper);padding-top:0}


/* ══ صفحه‌ی رویداد · دور ششم ═══════════════════════════ */

/* متای هیرو: عنوان و توضیح زیر هم اما جمع‌وجور، سه‌تایی کنار هم */
.ev-meta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  margin:26px 0 30px;list-style:none;padding:0}
.ev-meta-row li{display:flex;align-items:center;gap:12px;padding:14px 16px;
  border-radius:var(--radius-md);border:1px solid #ffffff1f;background:#ffffff08}
.ev-meta-row i{flex:none;width:36px;height:36px;border-radius:11px;display:grid;
  place-items:center;border:0;background:#00dabf1c;color:var(--mint)}
.ev-meta-row i svg{width:18px;height:18px}
.ev-meta-row span{display:flex;flex-direction:column;gap:3px;min-width:0}
.ev-meta-row b{color:#fff;font-size:13.5px;line-height:1.5}
.ev-meta-row em{font-style:normal;color:#ffffff8a;font-size:12px;line-height:1.6}
@media (width<=980px){.ev-meta-row{grid-template-columns:1fr}}

/* پوستر هیرو: فقط بخش تصویری، بدون تکرار متن */


/* بخش چرا این وبینار */
.ev-why{background:var(--paper)}
.ev-pains-lead{margin:clamp(26px,3.4vw,40px) 0 14px;
  color:var(--ink);font-size:15.5px;font-weight:600}



/* ══════════════════════════════════════════════════════════
   دور هفتم
   ═════════════════════════════════════════════════════════ */

/* ── ساعت: فقط کمان بچرخد، نه کل svg ──
   چرخش ۹۰- درجه روی خود <svg> بود تا کمان از ساعت ۱۲ شروع
   شود، ولی عقربه‌ها و همه‌چیز را هم با خودش می‌چرخاند. حالا
   فقط خود کمان می‌چرخد. */
.cf-arc{transform:rotate(-90deg)}

/* ── قفل اسکرول ساعت ──
   کارت تا وقتی هر پنج ایستگاه رد نشده سرِ جا می‌ماند. */
.nc-pin{position:relative}
.nc-pin-inner{position:sticky;top:calc(50vh - 190px)}
@media (width<=900px),(prefers-reduced-motion:reduce){
  .nc-pin{height:auto !important}
  .nc-pin-inner{position:static}
}

/* ── سیستم غذا: آیکون بزرگ روی زمینه‌ی برند ── */


/* جمله‌ی نردبان یک خط، وسط. اولویت بالاتر از قاعده‌ی max-width پیشین. */
.studio .which-foot.which-foot-center{max-width:none;white-space:nowrap;
  font-size:clamp(11px,1.32vw,15px)}
@media (width<=760px){
  .studio .which-foot.which-foot-center{white-space:normal;font-size:14px;max-width:60ch}
}

/* ── رویداد: پوستر تصویری بدون متن ── */


/* بولت‌های ساده، بدون کارت */
.ev-body{max-width:78ch;margin-top:clamp(26px,3.4vw,40px)}
.ev-pains-lead{margin:0 0 14px;color:var(--ink);font-size:15.5px;font-weight:600}
.ev-pains{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ev-pains li{position:relative;padding-inline-start:22px;
  color:var(--muted);font-size:15px;line-height:2.05}
.ev-pains li::before{content:"";position:absolute;inset-inline-start:0;top:14px;
  width:7px;height:7px;border-radius:50%;background:var(--teal-700)}

/* پاسخ: بدون کارت، فقط یک خط سبز کنارش */
.ev-answer{margin:clamp(26px,3vw,36px) 0 0;padding:4px 20px 4px 0;
  border-inline-start:3px solid var(--mint);
  color:var(--ink);font-size:15px;line-height:2.1;max-width:none;
  background:none;border-block:0;border-inline-end:0;border-radius:0}

/* بخش راه‌حل: پنل داخل بخش مسئله است، پس نگه‌داشتن پدینگ
   پایینِ بخش، اورلپ را خنثی می‌کرد. */
.mk-page .problem{padding-bottom:0}
.mk-explainer-lap{position:relative;z-index:3;margin-bottom:calc(-1 * var(--lap-lg))}
.timing-section-lap{padding-top:calc(var(--sec-pad) + var(--lap-lg))}


/* ══════════════════════════════════════════════════════════
   دور هشتم
   ═════════════════════════════════════════════════════════ */

/* ── کانتینر هیرو هم‌عرض بقیه‌ی صفحه ──
   قاعده‌ی .hero > .container{width:100%} کانتینر هیروها را
   تمام‌عرض می‌کرد. روی دسکتاپ خط شروع متن با بخش‌های پایین
   یکی نبود و روی موبایل تیتر از لبه بیرون می‌زد. */
.hero > .container,.nai-hero > .container,.studio-hero > .container,
.about-hero > .container,.events-hero > .container,.contact-hero > .container,
.event-hero > .container,.prod-hero > .container,.req-hero > .container,
.hc-hero > .container,.err-hero > .container,.mk-hero > .container,
.page-hero > .container{width:min(1180px,100% - 48px);margin-inline:auto}
@media (width<=720px){
  .hero > .container,.nai-hero > .container,.studio-hero > .container,
  .about-hero > .container,.events-hero > .container,.contact-hero > .container,
  .event-hero > .container,.prod-hero > .container,.req-hero > .container,
  .hc-hero > .container,.err-hero > .container,.mk-hero > .container,
  .page-hero > .container{width:min(100% - 32px,1180px)}
}
.hero h1{max-width:min(720px,100%)}

/* نوار رویداد روی موبایل: سه سطر جمع‌وجور، بدون درهم‌رفتن */
@media (width<=560px){
  .evb-link{flex-direction:column;align-items:flex-start;gap:6px;
    padding:12px 46px 12px 16px;text-align:start}
  .evb-text{flex-direction:column;gap:2px}
  .evb-text b{font-size:12.5px;line-height:1.6}
  .evb-tag{font-size:10.5px;padding:4px 9px}
  .evb-cta{font-size:12px}
}

/* ── ناحیه‌ی قفل ساعت: تیتر و کارت با هم ──
   قبلاً فقط کارت قفل می‌شد و بالا و پایینش خالی می‌ماند. */
.nc-pin-inner{position:sticky;top:calc(50vh - 300px);
  display:grid;gap:clamp(20px,3vw,32px)}
.nc-pin-inner .section-heading{margin:0}
.nightclock-card{margin-top:0}

/* ── سیستم غذا: آیکون شفاف روی زمینه‌ی برند ── */


/* ── رویداد: تصویر شفاف، بولت‌ها تمام‌عرض ── */
.event-art{max-width:min(100%,440px);background:none;box-shadow:none;
  border-radius:0;overflow:visible}
.event-art img{width:100%;height:auto;border-radius:0;
  filter:drop-shadow(0 26px 52px #00181d5c)}
.ev-body{max-width:none}
.ev-pains li,.ev-answer{max-width:none}

/* ── چرا اورلپ راه‌حل کار نمی‌کرد ──
   قاعده‌ی `.mk-page .lead-explainer{margin-bottom:0}` ویژگی (۰,۲,۰) دارد
   و کلاس تک‌تایی `.mk-explainer-lap` با ویژگی (۰,۱,۰) هرچقدر هم پایین‌تر
   نوشته شود شکستش نمی‌دهد. ترتیب فایل فقط وقتی تعیین‌کننده است که ویژگی
   برابر باشد. پس این‌جا ویژگی را بالا می‌بریم. */
.mk-page .lead-explainer.mk-explainer-lap{
  position:relative;z-index:3;margin-bottom:calc(-1 * var(--lap-lg))}

/* ══ جعبه‌ی تحویل: آیکون بزرگ و کم‌رنگ، بدون کادر ══════════
   کادر تیره و بوردر برداشته شد. آیکون سبز روشنِ کم‌رنگ روی
   پس‌زمینه‌ی خود بخش می‌نشیند تا فضای خالی را پر کند بدون
   این که توجه را از فهرست تحویلی بگیرد. */
.deliver-art{display:grid;place-items:center;background:none;border:0;
  border-radius:0;overflow:visible;min-height:clamp(280px,34vw,440px)}
.deliver-art img{width:clamp(260px,34vw,440px);height:auto;opacity:.16;filter:none}


/* ══════════════════════════════════════════════════════════
   صفحه‌ی پرسش‌های پرتکرار
   با مارک‌آپ قدیمی نسخه‌ی دو نوشته شده بود ولی design:v3
   داشت، پس هیچ‌کدام از کلاس‌هایش استایل نمی‌گرفت. حالا با
   همان اجزای مشترک سایت بازنویسی شده.
   ═════════════════════════════════════════════════════════ */

.faq-hero{min-height:0;padding-block:clamp(56px,8vw,96px)}
.faq-hero h1{margin:0 0 16px;font-size:clamp(34px,5vw,62px)}
.faq-hero .hero-lead{max-width:56ch}

/* پرش سریع به گروه‌ها */
.faq-jump{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0}
.faq-jump a{display:inline-block;padding:9px 16px;border-radius:999px;
  border:1px solid var(--line-light);background:#ffffff0a;
  color:#ffffffc4;font-size:13px;text-decoration:none;
  transition:border-color .2s,background .2s,color .2s}
.faq-jump a:hover{border-color:var(--mint);color:var(--mint);background:#00dabf12}

/* گروه‌های پرسش */
.faq-groups{background:var(--paper)}
.faq-group + .faq-group{margin-top:clamp(46px,6vw,76px)}
.faq-group-head{margin-bottom:clamp(16px,2vw,24px)}
.faq-group-head h2{margin:0;font-family:'Morabba';
  font-size:clamp(24px,3vw,34px);color:var(--ink);line-height:1.5}

/* هدف پرش زیر هدر چسبان گم نشود */
.faq-group{scroll-margin-top:96px}

/* ── عرض پاسخ‌ها و مقدمه‌ی هیرو ──
   قاعده‌ی 72ch روی پاسخ آکاردئون در چیدمان دوستونه منطقی بود،
   ولی در صفحه‌ی پرسش‌ها که تک‌ستونه است متن را بی‌دلیل باریک
   می‌کرد. همان درس همیشگی: محدودیت عرض همراه هر چیزی نمی‌آید. */
.faq-page .faq-item > div p{max-width:none}
.faq-page .hero-lead{max-width:none}


/* ══ اصلاح‌های ریز پیش از انتشار ═══════════════════════════ */

/* راه‌های تماس پایین صفحه‌ی گفت‌وگو روی زمینه‌ی روشن‌اند،
   ولی استایل .direct-item برای زمینه‌ی تیره نوشته شده بود و
   متن سفید روی روشن می‌افتاد. */
.talk-direct .direct-item{background:var(--white);border-color:var(--line)}
.talk-direct .direct-item:hover{border-color:var(--mint);background:#00dabf0a}
.talk-direct .direct-item i{background:#00dabf1c;color:var(--teal-700)}
.talk-direct .direct-item b{color:var(--ink)}
.talk-direct .direct-item em{color:var(--muted)}
.talk-direct .direct-grid{grid-template-columns:repeat(3,1fr)}
@media (width<=760px){.talk-direct .direct-grid{grid-template-columns:1fr}}

/* دکمه‌ی بازگشت ویزارد کم‌وزن‌تر از دکمه‌ی اصلی */
.wz-nav .wz-back{background:none;border:1px solid #ffffff2b;color:#ffffff9e}
.wz-nav .wz-back:hover{border-color:#ffffff5c;color:#fff}

/* درباره‌ی ما روی موبایل: نشانه‌ی اسکرول روی متن می‌افتاد */
@media (width<=820px){
  .scroll-cue{display:none}
  .founder-photo{margin-inline:auto;max-width:min(100%,320px)}
  .founder-photo img{width:100%;height:auto;display:block}
  .founder-layout{justify-items:center;text-align:start}
}

/* ══ پیام‌های فرم ═══════════════════════════════════════════
   همه‌ی پیام‌ها — راهنما، خطا، تأیید — وسط‌چین‌اند تا در هر
   عرضی زیر فرم متعادل بنشینند. حالت موفق و ناموفق با یک
   قرص رنگی از هم جدا می‌شوند، نه فقط با رنگ متن. */
.form-note,
.lead-form .form-note,
.os-err, .wz-err, .lf-err{text-align:center}

.form-note.is-ok,
.form-note.is-err{
  margin-top:12px;padding:12px 18px;border-radius:16px;
  font-size:14px;line-height:1.9;font-weight:500;
  border:1px solid transparent}
/* !important عمدی است. هر صفحه برای پاراگراف‌های هیرو رنگ خودش
   را دارد — مثلاً .contact-hero p:not(.eyebrow) که سفید است — و آن
   قاعده‌ها اهمیت بالاتری از این کلاس دارند. پیام وضعیت فرم نباید
   قربانی تایپوگرافی صفحه شود، پس اینجا قطعی نوشته می‌شود. */
.form-note.is-ok{
  color:#0B5F4A !important;background:#E6F7F2;border-color:#0B6E7529}
.form-note.is-err{
  color:#8F3F16 !important;background:#FCF0E6;border-color:#B4531F29}
.form-note.is-err a{color:inherit;font-weight:600;text-decoration:underline;
  text-underline-offset:3px}

/* ══ خط حریم خصوصی زیر فرم ══════════════════════════════════
   یادداشت پانویس است نه محتوا. ریز و کم‌رنگ تا در یک خط بنشیند
   و چشم را از دکمه‌ی ارسال نگیرد. */
.lf-privacy{font-size:11px;line-height:1.7;color:#ffffff4d;margin-top:2px}
.lf-privacy a{color:#ffffff8a;text-decoration:underline;
  text-underline-offset:2px}
.lf-privacy a:hover{color:#fff}