:root {
  --vp-primary: #d0fe00;
  --vp-primary-hover: #b8e600;
  --vp-primary-soft: rgb(208 254 0 / 10%);
  --vp-bg: #0b0f0d;
  --vp-surface: #101513;
  --vp-surface-2: #131a17;
  --vp-card: rgb(255 255 255 / 4%);
  --vp-border: rgb(255 255 255 / 8%);
  --vp-border-bright: rgb(255 255 255 / 15%);
  --vp-text: #f5f7f6;
  --vp-text-soft: rgb(245 247 246 / 72%);
  --vp-text-muted: rgb(245 247 246 / 52%);
  --vp-success: #57d98a;
  --vp-shadow: 0 10px 30px rgb(0 0 0 / 18%);
  --vp-shadow-hover: 0 18px 44px rgb(0 0 0 / 28%);
  --vp-container: 1280px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 80px; background: var(--vp-bg); }
html:has(body.vatan-preview) { scrollbar-width: none; }
html:has(body.vatan-preview)::-webkit-scrollbar { display: none; width: 0; height: 0; }
body.vatan-preview { margin: 0; overflow-x: clip; background: var(--vp-bg); background-color: var(--vp-bg) !important; color: var(--vp-text); font-family: YekanBakh, IRANSansXFaNum, system-ui, sans-serif; font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; max-width: 100%; }
button:focus-visible, a:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgb(208 254 0 / 25%); }
.vp-container { width: min(100% - 64px, var(--vp-container)); margin-inline: auto; }
.vp-section { position: relative; padding-block: 96px; }
.vp-kicker { display: inline-flex; margin: 0 0 14px; color: var(--vp-primary); font-size: 14px; font-weight: 700; }
.vp-section-head { max-width: 670px; margin-bottom: 42px; }
.vp-section-head h2, .vp-workflow h2, .vp-final h2 { margin: 0; font-size: clamp(34px, 4vw, 58px); font-weight: 800; line-height: 1.2; letter-spacing: -.04em; }
.vp-section-head > p:last-child, .vp-workflow__copy > p, .vp-final > p { margin: 18px 0 0; color: var(--vp-text-soft); font-size: 18px; line-height: 1.9; }
.vp-section-head--row { display: flex; align-items: end; justify-content: space-between; gap: 48px; max-width: none; }
.vp-section-head--row > p { max-width: 435px; margin: 0; }
.vp-section-head--center { margin-inline: auto; text-align: center; }

/* Header */
.vp-header { position: fixed; inset: 0 0 auto; z-index: 50; height: 64px; border-bottom: 1px solid rgb(255 255 255 / 6%); background: rgb(11 15 13 / 55%); backdrop-filter: blur(20px) saturate(180%); transition: background .28s ease, box-shadow .28s ease; }
.vp-header.is-scrolled { background: rgb(11 15 13 / 82%); box-shadow: 0 8px 30px rgb(0 0 0 / 14%); }
.vp-header__inner { display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 24px; }
.vp-brand { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; color: var(--vp-text); font-size: 26px; font-weight: 800; letter-spacing: -.06em; }
.vp-brand__mark { position: relative; display: grid; width: 28px; height: 28px; place-items: center; border: 1.5px solid var(--vp-primary); border-radius: 9px 9px 9px 2px; transform: rotate(45deg); }
.vp-brand__mark span { position: absolute; display: block; width: 4px; border-radius: 99px; background: var(--vp-primary); transform: rotate(-45deg); }
.vp-brand__mark span:nth-child(1) { height: 11px; translate: -5px 4px; }.vp-brand__mark span:nth-child(2) { height: 17px; }.vp-brand__mark span:nth-child(3) { height: 8px; translate: 5px 5px; }
.vp-nav { display: flex; align-items: center; justify-content: center; gap: 8px; }
.vp-nav a { position: relative; border-radius: 12px; padding: 6px 14px; color: #a2abb7; font-size: 14px; font-weight: 500; transition: color .2s ease; }
.vp-nav a::after { position:absolute;right:14px;bottom:2px;left:14px;display:block;height:2px;border-radius:5px;background:var(--vp-primary);content:'';transform:scaleX(0);transform-origin:right;transition:transform .25s ease; }
.vp-nav a:hover,.vp-nav a.is-active { background:transparent;color:var(--vp-text); }.vp-nav a:hover::after,.vp-nav a.is-active::after { transform:scaleX(1); }.vp-nav a.is-leaving::after{transform-origin:left;}
.vp-header__actions { display: flex; align-items: center; gap: 10px; }.vp-login { border: 1px solid rgb(255 255 255 / 12%); border-radius: 13px; padding: 8px 16px; color: var(--vp-text); font-size: 14px; font-weight: 600; transition: background .2s ease, border-color .2s ease; }.vp-login:hover { border-color: var(--vp-border-bright); background: var(--vp-card); }
.vp-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 16px; padding: 0 22px; font-size: 15px; font-weight: 700; line-height: 1; transition: transform .2s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; }.vp-button:hover { transform: translateY(-2px); }.vp-button:active { transform: translateY(0) scale(.99); }
.vp-button--primary { color: #111; background: var(--vp-primary); box-shadow: 0 12px 30px rgb(208 254 0 / 18%); }.vp-button--primary:hover { background: var(--vp-primary-hover); box-shadow: 0 15px 34px rgb(208 254 0 / 26%); }.vp-button--secondary { border-color: rgb(255 255 255 / 10%); background: rgb(255 255 255 / 3%); color: var(--vp-text); }.vp-button--secondary:hover { border-color: var(--vp-border-bright); background: rgb(255 255 255 / 6%); }
.vp-header__cta { min-height: 44px; padding-inline: 19px; }.vp-menu-button { display: none; width: 42px; height: 42px; border: 1px solid var(--vp-border); border-radius: 12px; background: var(--vp-card); }.vp-menu-button span { display: block; width: 18px; height: 1.5px; margin: 4px auto; background: var(--vp-text); transition: transform .2s ease; }
.vp-menu-overlay, .vp-mobile-menu { visibility: hidden; opacity: 0; transition: opacity .25s ease, visibility .25s ease; }.vp-menu-overlay { position: fixed; inset: 0; z-index: 60; background: rgb(0 0 0 / 45%); }.vp-mobile-menu { position: fixed; top: 0; right: 0; bottom: 0; z-index: 61; display: flex; width: min(88vw, 360px); flex-direction: column; padding: 25px; border-left: 1px solid var(--vp-border); background: #101513; transform: translateX(100%); transition: transform .3s ease, opacity .25s ease, visibility .25s ease; }.vp-mobile-menu.is-open, .vp-menu-overlay.is-open { visibility: visible; opacity: 1; }.vp-mobile-menu.is-open { transform: translateX(0); }.vp-mobile-menu__head { display: flex; align-items: center; justify-content: space-between; }.vp-close-button { width: 38px; height: 38px; border: 1px solid var(--vp-border); border-radius: 10px; background: transparent; color: var(--vp-text); font-size: 26px; line-height: 1; }.vp-mobile-menu__nav { display: grid; gap: 5px; margin-top: 48px; }.vp-mobile-menu__nav a { padding: 12px 0; border-bottom: 1px solid var(--vp-border); font-weight: 600; }.vp-mobile-menu__actions { display: grid; gap: 10px; margin-top: auto; }.vp-mobile-menu__actions .vp-button { width: 100%; }

/* Hero + mosaic */
.vp-hero { position: relative; isolation: isolate; min-height: 760px; overflow: hidden; padding: 164px 0 80px; background: radial-gradient(circle at 58% 36%, rgb(208 254 0 / 9%), transparent 21%), radial-gradient(circle at 3% 92%, rgb(35 109 83 / 22%), transparent 25%); }.vp-hero::after { position: absolute; z-index: -1; right: -18%; bottom: -260px; width: 680px; height: 680px; border-radius: 50%; background: rgb(208 254 0 / 4%); filter: blur(80px); content: ''; }.vp-hero__grid-pattern { position: absolute; z-index: -1; top: 62px; left: -85px; width: 430px; height: 490px; opacity: .32; background-image: linear-gradient(rgb(208 254 0 / 12%) 1px, transparent 1px), linear-gradient(90deg, rgb(208 254 0 / 12%) 1px, transparent 1px); background-size: 54px 54px; mask-image: radial-gradient(circle at 49% 50%, black, transparent 71%); transform: rotate(6deg); }
.vp-hero__layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr); align-items: center; gap: clamp(36px, 5vw, 90px); }.vp-hero__content { position: relative; z-index: 1; }.vp-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 6px 13px; border: 1px solid rgb(208 254 0 / 22%); border-radius: 999px; background: var(--vp-primary-soft); color: #e7ff86; font-size: 14px; font-weight: 600; }.vp-spark { color: var(--vp-primary); font-size: 16px; }.vp-hero h1 { margin: 0; font-size: clamp(46px, 5.1vw, 72px); font-weight: 800; line-height: 1.13; letter-spacing: -.065em; }.vp-hero h1 em { color: var(--vp-primary); font-style: normal; }.vp-hero__lead { max-width: 600px; margin: 23px 0 30px; color: var(--vp-text-soft); font-size: 18px; line-height: 1.95; }.vp-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }.vp-trust-list { display: flex; flex-wrap: wrap; gap: 0; margin: 20px 0 0; padding: 0; color: var(--vp-text-muted); font-size: 13px; list-style: none; }.vp-trust-list li { display: flex; align-items: center; white-space: nowrap; }.vp-trust-list li:not(:last-child)::after { width: 3px; height: 3px; margin: 0 10px; border-radius: 50%; background: var(--vp-primary); content: ''; }
.vp-mosaic { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(5, 82px); gap: 13px; min-height: 462px; padding: 12px; }.vp-mosaic-card { position: relative; overflow: hidden; border: 1px solid var(--vp-border); border-radius: 22px; background: var(--vp-surface-2); box-shadow: var(--vp-shadow); }.vp-mosaic-card::after { position: absolute; inset: 0; background: linear-gradient(to top, rgb(0 0 0 / 64%), transparent 55%); content: ''; transition: background .3s ease; }.vp-mosaic-card img { height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.8,.2,1); }.vp-mosaic-card__overlay { position: absolute; z-index: 1; right: 12px; bottom: 11px; left: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; transition: transform .3s ease; }.vp-mosaic-card__overlay span { color: #fff; font-size: 13px; font-weight: 700; }.vp-mosaic-card__overlay b { opacity: 0; border-radius: 99px; padding: 4px 9px; background: var(--vp-primary); color: #111; font-size: 11px; transform: translateY(5px); transition: opacity .25s ease, transform .25s ease; }.vp-mosaic-card:hover { border-color: rgb(208 254 0 / 26%); box-shadow: var(--vp-shadow-hover); }.vp-mosaic-card:hover img { transform: scale(1.045); }.vp-mosaic-card:hover::after { background: linear-gradient(to top, rgb(0 0 0 / 77%), transparent 67%); }.vp-mosaic-card:hover .vp-mosaic-card__overlay { transform: translateY(-5px); }.vp-mosaic-card:hover b { opacity: 1; transform: translateY(0); }.vp-mosaic-card--portrait { grid-row: 1 / span 4; grid-column: 1 / span 2; }.vp-mosaic-card--wide { grid-row: 1 / span 2; grid-column: 3 / span 4; }.vp-mosaic-card--small { grid-row: 5; grid-column: 1 / span 2; }.vp-mosaic-card--tall { grid-row: 3 / span 3; grid-column: 3 / span 2; }.vp-mosaic-card--square { grid-row: 3 / span 3; grid-column: 5 / span 2; }.vp-mosaic__floating-label { position: absolute; z-index: 2; top: 34%; left: -20px; display: flex; align-items: center; gap: 9px; padding: 10px 14px; border: 1px solid rgb(255 255 255 / 11%); border-radius: 14px; background: rgb(19 26 23 / 80%); box-shadow: 0 15px 38px rgb(0 0 0 / 25%); backdrop-filter: blur(12px); }.vp-mosaic__floating-label > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: var(--vp-primary); color: #111; }.vp-mosaic__floating-label strong, .vp-mosaic__floating-label small { display: block; line-height: 1.35; }.vp-mosaic__floating-label strong { font-size: 12px; }.vp-mosaic__floating-label small { color: var(--vp-text-muted); font-size: 11px; }

/* model marquee */
.vp-models { position: relative; overflow: hidden; padding: 17px 0; border-block: 1px solid var(--vp-border); background: var(--vp-surface); }.vp-models__row { display: flex; width: max-content; margin: 6px 0; animation: vp-marquee 32s linear infinite; }.vp-models__row--reverse { animation-name: vp-marquee-reverse; animation-duration: 28s; }.vp-models__track { display: flex; gap: 12px; padding-left: 12px; }.vp-model-chip { display: inline-flex; height: 40px; align-items: center; gap: 8px; border: 1px solid var(--vp-border); border-radius: 999px; padding: 0 17px; background: var(--vp-card); color: rgb(245 247 246 / 84%); direction: ltr; font-family: system-ui, sans-serif; font-size: 13px; font-weight: 600; white-space: nowrap; transition: border-color .2s ease, background .2s ease; }.vp-model-chip i { color: var(--vp-primary); font-style: normal; }.vp-model-chip:hover { border-color: rgb(208 254 0 / 36%); background: var(--vp-primary-soft); }.vp-models__fade { position: absolute; z-index: 1; top: 0; bottom: 0; width: 13%; pointer-events: none; }.vp-models__fade--right { right: 0; background: linear-gradient(to left, var(--vp-surface), transparent); }.vp-models__fade--left { left: 0; background: linear-gradient(to right, var(--vp-surface), transparent); }@keyframes vp-marquee { to { transform: translateX(-50%); } }@keyframes vp-marquee-reverse { from { transform: translateX(-50%); } to { transform: translateX(0); } }

/* Capabilities */
.vp-capabilities { background: linear-gradient(180deg, var(--vp-bg), var(--vp-surface)); }.vp-capabilities__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }.vp-capability { display: flex; min-height: 282px; flex-direction: column; padding: 27px; border: 1px solid var(--vp-border); border-radius: 24px; background: var(--vp-card); box-shadow: var(--vp-shadow); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }.vp-capability:hover { border-color: rgb(208 254 0 / 28%); box-shadow: var(--vp-shadow-hover); transform: translateY(-4px); }.vp-capability__icon { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgb(208 254 0 / 18%); border-radius: 14px; background: var(--vp-primary-soft); color: var(--vp-primary); font-size: 22px; transition: box-shadow .28s ease; }.vp-capability:hover .vp-capability__icon { box-shadow: 0 0 22px rgb(208 254 0 / 16%); }.vp-capability h3 { margin: 28px 0 8px; font-size: 22px; letter-spacing: -.03em; }.vp-capability p { margin: 0; color: var(--vp-text-soft); font-size: 14px; line-height: 1.85; }.vp-capability a { display: inline-flex; align-items: center; gap: 7px; width: max-content; margin-top: auto; padding-top: 20px; color: var(--vp-primary); font-size: 14px; font-weight: 700; }.vp-capability a span { transition: transform .2s ease; }.vp-capability:hover a span { transform: translateX(-4px); }.vp-capabilities__tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }.vp-capabilities__tiles span { display: flex; min-height: 78px; align-items: center; justify-content: center; border: 1px solid var(--vp-border); border-radius: 17px; background: rgb(255 255 255 / 2%); color: var(--vp-text-soft); font-size: 14px; font-weight: 600; }

/* Workflow */
.vp-workflow { background: var(--vp-surface); }.vp-workflow__layout { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(38px, 7vw, 105px); }.vp-workflow__copy > p { max-width: 510px; }.vp-check-list { display: grid; gap: 13px; margin: 28px 0 30px; padding: 0; list-style: none; }.vp-check-list li { display: flex; align-items: center; gap: 10px; color: var(--vp-text-soft); font-size: 15px; }.vp-check-list li::before { display: grid; width: 19px; height: 19px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgb(208 254 0 / 14%); color: var(--vp-primary); content: '✓'; font-size: 12px; }.vp-workflow__copy small { display: block; margin-top: 10px; color: var(--vp-text-muted); font-size: 12px; }.vp-workflow-demo { overflow: hidden; border: 1px solid var(--vp-border); border-radius: 26px; background: #0c1210; box-shadow: var(--vp-shadow); transition: border-color .28s ease; }.vp-workflow-demo:hover { border-color: rgb(208 254 0 / 25%); }.vp-workflow-demo__bar { display: flex; align-items: center; height: 47px; gap: 6px; padding: 0 16px; border-bottom: 1px solid var(--vp-border); }.vp-workflow-demo__bar i { width: 7px; height: 7px; border-radius: 50%; background: rgb(245 247 246 / 24%); }.vp-workflow-demo__bar span { margin-right: 7px; color: var(--vp-text-muted); font-size: 11px; }.vp-workflow-demo__board { position: relative; display: grid; grid-template-columns: 1fr 28px 1.2fr 28px 1fr; align-items: center; min-height: 275px; padding: 32px 24px; background-image: radial-gradient(rgb(255 255 255 / 8%) 1px, transparent 1px); background-size: 13px 13px; }.vp-node { position: relative; z-index: 1; min-width: 0; min-height: 155px; padding: 16px; border: 1px solid var(--vp-border); border-radius: 16px; background: rgb(19 26 23 / 92%); }.vp-node b { display: flex; align-items: center; gap: 6px; font-size: 13px; }.vp-node b span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; background: rgb(255 255 255 / 7%); color: var(--vp-text-muted); font-size: 11px; }.vp-node small { display: block; overflow: hidden; margin-top: 5px; color: var(--vp-text-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.vp-node--active { border-color: rgb(208 254 0 / 45%); box-shadow: 0 0 28px rgb(208 254 0 / 13%); }.vp-node--active b span { background: var(--vp-primary); color: #111; }.vp-flow-arrow { color: rgb(208 254 0 / 66%); text-align: center; }.vp-mini-options { display: flex; gap: 5px; margin-top: 22px; }.vp-mini-options i { width: 23px; height: 32px; border: 1px solid var(--vp-border); border-radius: 7px; background: rgb(255 255 255 / 3%); }.vp-mini-options i.is-on { border-color: rgb(208 254 0 / 52%); background: var(--vp-primary-soft); }.vp-prompt-line { display: grid; gap: 7px; margin-top: 19px; }.vp-prompt-line i { height: 5px; border-radius: 99px; background: rgb(245 247 246 / 11%); }.vp-prompt-line i:nth-child(2) { width: 70%; }.vp-prompt-line i:nth-child(3) { width: 42%; }.vp-node--result img { height: 75px; margin-top: 12px; border-radius: 9px; object-fit: cover; transition: transform .4s ease; }.vp-workflow-demo:hover .vp-node--result img { transform: scale(1.02); }.vp-workflow-demo__status { display: flex; align-items: center; gap: 7px; padding: 12px 20px; border-top: 1px solid var(--vp-border); color: var(--vp-text-muted); font-size: 12px; }.vp-workflow-demo__status span { width: 7px; height: 7px; border-radius: 50%; background: var(--vp-success); box-shadow: 0 0 0 4px rgb(87 217 138 / 10%); }

/* Ideas and gallery */
.vp-ideas { background: linear-gradient(180deg, var(--vp-surface), var(--vp-bg)); }.vp-ideas__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.vp-idea-card { position: relative; min-height: 310px; overflow: hidden; border: 1px solid var(--vp-border); border-radius: 23px; background: var(--vp-surface-2); box-shadow: var(--vp-shadow); }.vp-idea-card img { height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2,.8,.2,1); }.vp-idea-card__shade { position: absolute; inset: 0; background: linear-gradient(to top, rgb(0 0 0 / 80%), rgb(0 0 0 / 3%) 66%); transition: background .3s ease; }.vp-idea-card__content { position: absolute; z-index: 1; right: 21px; bottom: 18px; left: 21px; transition: transform .3s ease; }.vp-idea-card__content span, .vp-gallery-card__caption span { display: inline-flex; margin-bottom: 7px; border: 1px solid rgb(255 255 255 / 15%); border-radius: 999px; padding: 3px 8px; background: rgb(0 0 0 / 26%); color: rgb(255 255 255 / 82%); font-size: 11px; }.vp-idea-card h3 { margin: 0; font-size: 20px; }.vp-idea-card p { margin: 3px 0 0; color: rgb(255 255 255 / 72%); font-size: 13px; }.vp-idea-card > a { position: absolute; z-index: 2; top: 16px; left: 16px; display: flex; align-items: center; gap: 5px; border-radius: 99px; padding: 6px 10px; background: var(--vp-primary); color: #111; font-size: 11px; font-weight: 800; opacity: 0; transform: translateY(-5px); transition: opacity .25s ease, transform .25s ease; }.vp-idea-card:hover { border-color: rgb(208 254 0 / 26%); }.vp-idea-card:hover img { transform: scale(1.05); }.vp-idea-card:hover .vp-idea-card__shade { background: linear-gradient(to top, rgb(0 0 0 / 88%), rgb(0 0 0 / 11%) 66%); }.vp-idea-card:hover .vp-idea-card__content { transform: translateY(-6px); }.vp-idea-card:hover > a { opacity: 1; transform: translateY(0); }.vp-centered-action { display: flex; justify-content: center; margin-top: 35px; }
.vp-gallery { background: var(--vp-bg); }.vp-gallery__grid { display: grid; grid-auto-flow: dense; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 198px); gap: 14px; }.vp-gallery-card { position: relative; overflow: hidden; border: 1px solid var(--vp-border); border-radius: 19px; background: var(--vp-surface); }.vp-gallery-card--1 { grid-row: span 2; }.vp-gallery-card--2 { grid-column: span 2; }.vp-gallery-card--3 { grid-column: span 1; }.vp-gallery-card--4 { grid-column: span 1; }.vp-gallery-card--5 { grid-column: span 2; }.vp-gallery-card img,.vp-gallery-card video { width:100%; height: 100%; object-fit: cover; transition: transform .45s ease; }.vp-gallery-card::after { position: absolute; inset: 0; background: linear-gradient(to top, rgb(0 0 0 / 72%), transparent 63%); content: ''; transition: background .3s ease; }.vp-gallery-card__caption { position: absolute; z-index: 1; right: 16px; bottom: 13px; }.vp-gallery-card__caption span { margin-bottom: 3px; }.vp-gallery-card__caption strong { display: block; font-size: 14px; }.vp-gallery-card > a { position: absolute; z-index: 2; top: 13px; left: 13px; border-radius: 99px; padding: 5px 10px; background: rgb(11 15 13 / 72%); color: var(--vp-text); font-size: 11px; opacity: 0; transform: translateY(-5px); transition: opacity .25s ease, transform .25s ease; }.vp-gallery-card:hover { border-color: rgb(208 254 0 / 26%); }.vp-gallery-card:hover img,.vp-gallery-card:hover video { transform: scale(1.05); }.vp-gallery-card:hover::after { background: linear-gradient(to top, rgb(0 0 0 / 87%), rgb(0 0 0 / 8%) 63%); }.vp-gallery-card:hover > a { opacity: 1; transform: translateY(0); }

/* Pricing */
.vp-pricing { background: var(--vp-surface); }.vp-pricing-switch { display: flex; width: max-content; margin: 0 auto 38px; padding: 4px; border: 1px solid var(--vp-border); border-radius: 14px; background: rgb(255 255 255 / 3%); }.vp-pricing-switch button { min-height: 38px; border: 0; border-radius: 10px; padding: 0 13px; background: transparent; color: var(--vp-text-muted); font-size: 13px; font-weight: 700; transition: color .2s ease, background .2s ease; }.vp-pricing-switch button.is-selected { background: var(--vp-primary); color: #111; }.vp-pricing-switch b { margin-right: 5px; color: inherit; font-size: 10px; }.vp-plans { display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; gap: 15px; }.vp-plan { position: relative; display: flex; min-height: 480px; flex-direction: column; padding: 25px; border: 1px solid var(--vp-border); border-radius: 24px; background: var(--vp-card); box-shadow: var(--vp-shadow); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }.vp-plan:hover { border-color: rgb(208 254 0 / 28%); box-shadow: var(--vp-shadow-hover); transform: translateY(-4px); }.vp-plan--featured { border-color: rgb(208 254 0 / 40%); background: linear-gradient(180deg, rgb(208 254 0 / 10%), rgb(255 255 255 / 4%) 30%); box-shadow: 0 15px 42px rgb(208 254 0 / 7%); }.vp-plan__ribbon { position: absolute; top: -12px; right: 20px; border-radius: 99px; padding: 4px 10px; background: var(--vp-primary); color: #111; font-size: 11px; font-weight: 800; }.vp-plan__tag { color: var(--vp-text-muted); font-size: 12px; }.vp-plan h3 { margin: 3px 0 21px; font-size: 23px; }.vp-plan__price { display: flex; align-items: center; gap: 8px; direction: rtl; }.vp-plan__price strong { font-family: YekanBakh, sans-serif; font-size: 38px; line-height: 1; letter-spacing: -.05em; }.vp-plan__price span { color: var(--vp-text-soft); font-size: 12px; line-height: 1.25; }.vp-plan__price small { color: var(--vp-text-muted); font-size: 10px; }.vp-plan__credit { display: flex; align-items: center; gap: 6px; margin-top: 20px; color: var(--vp-primary); font-size: 14px; font-weight: 700; }.vp-plan__credit button { position: relative; display: inline-grid; width: 16px; height: 16px; place-items: center; border: 1px solid rgb(245 247 246 / 22%); border-radius: 50%; background: transparent; color: var(--vp-text-soft); font-family: serif; font-size: 10px; }.vp-plan__credit button::after { position: absolute; z-index: 5; bottom: calc(100% + 9px); right: 50%; width: 185px; padding: 8px; border: 1px solid var(--vp-border); border-radius: 9px; background: #202824; color: var(--vp-text-soft); content: attr(data-tooltip); font-family: YekanBakh, sans-serif; font-size: 11px; font-weight: 400; line-height: 1.7; opacity: 0; pointer-events: none; transform: translate(50%, 4px); transition: opacity .2s ease, transform .2s ease; }.vp-plan__credit button:hover::after, .vp-plan__credit button:focus-visible::after { opacity: 1; transform: translate(50%, 0); }.vp-plan__estimate { min-height: 23px; margin: 3px 0 19px; color: var(--vp-text-muted); font-size: 12px; }.vp-plan .vp-button { width: 100%; min-height: 44px; border-radius: 13px; padding-inline: 10px; }.vp-plan ul { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }.vp-plan li { position: relative; padding-right: 20px; color: var(--vp-text-soft); font-size: 12px; line-height: 1.5; }.vp-plan li::before { position: absolute; right: 0; top: 1px; color: var(--vp-success); content: '✓'; font-size: 13px; }

/* Proposed permanent-credit plans: intentionally separate from live catalog until approved. */
.vp-pricing--proposal{background:linear-gradient(180deg,var(--vp-bg),var(--vp-surface))}.vp-proposal-note{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:720px;margin:-12px auto 35px;color:var(--vp-text-soft);font-size:11.5px;text-align:center}.vp-proposal-note span{display:flex;align-items:center;justify-content:center;gap:7px;line-height:1.7}.vp-proposal-note__token{display:block;width:17px;height:17px;flex:0 0 auto;background:var(--vp-primary);-webkit-mask:url('/assets/icons/token-mark.png') center/contain no-repeat;mask:url('/assets/icons/token-mark.png') center/contain no-repeat}.vp-proposal-plans{gap:16px}.vp-proposal-plan{position:relative;display:flex;min-height:500px;flex-direction:column;padding:24px;border:1px solid var(--vp-border);border-radius:24px;background:var(--vp-card);box-shadow:var(--vp-shadow);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.vp-proposal-plan:hover{border-color:rgb(208 254 0 / 30%);box-shadow:var(--vp-shadow-hover);transform:translateY(-4px)}.vp-proposal-plan--featured{border-color:var(--vp-primary);background:linear-gradient(180deg,rgb(208 254 0 / 12%),var(--vp-card) 35%);box-shadow:0 15px 34px rgb(208 254 0 / 26%)}.vp-proposal-plan--business{background:linear-gradient(155deg,rgb(208 254 0 / 7%),var(--vp-card) 40%,rgb(35 109 83 / 12%))}.vp-proposal-plan__badges{position:static}.vp-proposal-plan__ribbon,.vp-proposal-plan__discount,.vp-proposal-plan__capacity{position:absolute;top:-13px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1.45}.vp-proposal-plan__ribbon{right:20px;border-radius:99px;padding:4px 11px;background:var(--vp-primary);color:#111}.vp-proposal-plan__discount{left:20px;top:-16px;border:1px solid rgb(208 254 0 / 42%);border-radius:9px;padding:5px 13px;background:var(--vp-surface-2);color:var(--vp-primary);box-shadow:0 8px 20px rgb(208 254 0 / 14%);font-size:13.2px;transform:none}.vp-proposal-plan__capacity{left:20px;top:-14px;border:1px solid color-mix(in srgb,var(--vp-success) 55%,transparent);border-radius:9px;padding:5px 12px;background:color-mix(in srgb,var(--vp-success) 13%,var(--vp-surface-2));color:var(--vp-success);box-shadow:0 8px 20px color-mix(in srgb,var(--vp-success) 13%,transparent)}.vp-proposal-plan__eyebrow{display:block;color:var(--vp-text-muted);font-size:11px}.vp-proposal-plan h3{margin:4px 0 22px;font-size:24px;line-height:1.3}.vp-proposal-plan__price{display:flex;align-items:end;gap:7px;min-height:43px}.vp-proposal-plan__price strong{font-size:35px;line-height:1;letter-spacing:-.04em}.vp-proposal-plan__price span{margin-bottom:2px;color:var(--vp-text-soft);font-size:12px}.vp-proposal-plan__credit{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:19px;color:var(--vp-primary);font-size:13px;font-weight:800}.vp-proposal-plan__credit small{color:var(--vp-text-muted);font-size:10px;font-weight:600}.vp-proposal-plan__estimate{min-height:22px;margin-top:6px;color:var(--vp-text-muted);font-size:11.5px}.vp-proposal-plan__stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:21px 0 13px}.vp-proposal-plan__stats div{display:flex;min-height:54px;flex-direction:column;align-items:center;justify-content:center;padding:9px;border:1px solid var(--vp-border);border-radius:11px;background:rgb(255 255 255 / 2%);text-align:center}.vp-proposal-plan__stats span,.vp-proposal-plan__stats b{display:block}.vp-proposal-plan__stats span{color:var(--vp-text-muted);font-size:10.35px}.vp-proposal-plan__stats b{margin-top:2px;color:var(--vp-text);font-size:11.5px}.vp-proposal-plan__stats .vp-proposal-plan__saving b,.vp-proposal-plan__stats .vp-proposal-plan__unit-price b{color:var(--vp-primary)}.vp-proposal-plan .vp-button{width:100%;min-height:44px;margin-top:auto;border-radius:13px;padding-inline:10px;font-size:13px}.vp-proposal-plan ul{display:grid;gap:9px;margin:20px 0 18px;padding:0;list-style:none}.vp-proposal-plan li{position:relative;padding-right:19px;color:var(--vp-text-soft);font-size:11px;line-height:1.6}.vp-proposal-plan li::before{position:absolute;right:0;top:1px;color:var(--vp-success);content:'✓';font-size:12px}.vp-proposal-plan--featured .vp-proposal-plan__heading,.vp-proposal-plan--advanced .vp-proposal-plan__heading,.vp-proposal-plan--business .vp-proposal-plan__heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}.vp-proposal-plan--featured .vp-proposal-plan__icon,.vp-proposal-plan--advanced .vp-proposal-plan__icon,.vp-proposal-plan--business .vp-proposal-plan__icon{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border:1px solid rgb(208 254 0 / 18%);border-radius:17px;background:var(--vp-primary-soft);color:var(--vp-primary);font-size:19px}.vp-proposal-plan--business .vp-proposal-plan__icon{border-color:color-mix(in srgb,var(--vp-success) 35%,var(--vp-border));background:color-mix(in srgb,var(--vp-success) 10%,var(--vp-card));color:var(--vp-success)}.vp-proposal-plan--featured .vp-proposal-plan__heading h3,.vp-proposal-plan--advanced .vp-proposal-plan__heading h3,.vp-proposal-plan--business .vp-proposal-plan__heading h3{margin:2px 0 0;font-size:27.6px}.vp-proposal-plan--featured .vp-proposal-plan__heading .vp-proposal-plan__eyebrow{font-size:12.65px}.vp-proposal-plan--featured .vp-proposal-plan__price strong{font-size:40.25px}.vp-proposal-plan--featured .vp-proposal-plan__price span{font-size:13.8px}.vp-proposal-plan--featured .vp-proposal-plan__credit{font-size:14.95px}.vp-proposal-plan--featured .vp-proposal-plan__credit small{font-size:11.5px}.vp-proposal-plan--featured .vp-proposal-plan__estimate{font-size:13.225px}

/* Faq, final, footer */
.vp-faq { background: var(--vp-bg); }.vp-faq__inner { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: clamp(30px, 8vw, 140px); }.vp-accordion { display: grid; gap: 13px; }.vp-faq-item { overflow: hidden; border: 1px solid var(--vp-border); border-radius: 18px; background: rgb(255 255 255 / 3%); }.vp-faq-item button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 16px; border: 0; padding: 19px 22px; background: none; color: var(--vp-text); text-align: right; font-size: 15px; font-weight: 700; }.vp-faq-item button i { display: grid; width: 25px; height: 25px; flex: 0 0 auto; place-items: center; border: 1px solid var(--vp-border); border-radius: 8px; color: var(--vp-primary); font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; transition: transform .25s ease, background .25s ease; }.vp-faq-item.is-open { border-color: rgb(208 254 0 / 25%); }.vp-faq-item.is-open button i { background: var(--vp-primary-soft); transform: rotate(45deg); }.vp-faq-item__answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease, opacity .25s ease; opacity: 0; }.vp-faq-item__answer > p { overflow: hidden; margin: 0; padding: 0 22px; color: var(--vp-text-soft); font-size: 14px; line-height: 1.95; }.vp-faq-item.is-open .vp-faq-item__answer { grid-template-rows: 1fr; opacity: 1; }.vp-faq-item.is-open .vp-faq-item__answer > p { padding-bottom: 21px; }
.vp-final { padding-top: 55px; background: var(--vp-bg); }.vp-final__panel { position: relative; isolation: isolate; overflow: hidden; padding: 63px 30px; border: 1px solid rgb(208 254 0 / 17%); border-radius: 32px; background: radial-gradient(circle at 50% 0%, rgb(208 254 0 / 16%), transparent 36%), linear-gradient(125deg, #121c16, #0e1512 60%, #162016); text-align: center; }.vp-final__panel h2 { font-size: clamp(34px, 4.3vw, 60px); }.vp-final__panel > p:not(.vp-kicker) { max-width: 600px; margin: 17px auto 29px; color: var(--vp-text-soft); font-size: 18px; line-height: 1.9; }.vp-final__panel > div:not(.vp-final__orb) { display: flex; justify-content: center; gap: 11px; }.vp-final__panel small { display: block; margin-top: 20px; color: var(--vp-text-muted); font-size: 12px; }.vp-final__panel small i { padding: 0 7px; color: var(--vp-primary); font-style: normal; }.vp-final__orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(20px); }.vp-final__orb--one { top: -120px; right: -70px; width: 270px; height: 270px; background: rgb(208 254 0 / 8%); }.vp-final__orb--two { bottom: -180px; left: 15%; width: 350px; height: 350px; background: rgb(44 138 92 / 13%); }
.vp-footer { margin-top: 96px; border-top: 1px solid var(--vp-border); background: #080c0a; }.vp-footer__grid { display: grid; grid-template-columns: 1.7fr repeat(4, 1fr); gap: 45px; padding-block: 55px; }.vp-footer__intro p { max-width: 420px; margin: 18px 0 0; color: var(--vp-text-muted); font-size: 14px; line-height: 1.9; text-align:justify; }.vp-footer h3 { margin: 0 0 15px; color: var(--vp-text); font-size: 15px; }.vp-footer__grid > div:not(.vp-footer__intro) { display: flex; flex-direction: column; gap: 8px; }.vp-footer__grid > div:nth-child(2){margin-right:32px}.vp-footer__grid > div:not(.vp-footer__intro) a { width: max-content; color: var(--vp-text-muted); font-size: 13px; transition: color .2s ease; }.vp-footer__grid > div:not(.vp-footer__intro) a:hover { color: var(--vp-primary); }.vp-footer__social-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 5px}.vp-footer__social .vp-footer__social-link{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--vp-border);border-radius:10px;background:var(--vp-surface);color:var(--vp-text);font-size:17px}.vp-footer__social .vp-footer__social-link:hover{border-color:var(--vp-primary);background:var(--vp-primary-soft);color:var(--vp-primary);transform:translateY(-2px)}.vp-footer__social-link img{width:17px;height:17px;object-fit:contain}.vp-footer__social .vp-footer__text-link{width:max-content}

/* Motion */
.vp-reveal { opacity: 0; transform: translateY(32px); transition: opacity .6s ease var(--delay, 0ms), transform .6s ease var(--delay, 0ms); }.vp-reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 1120px) { .vp-hero__layout { grid-template-columns: .85fr 1.15fr; gap: 30px; }.vp-mosaic { grid-template-rows: repeat(5, 70px); }.vp-capabilities__grid, .vp-plans { grid-template-columns: repeat(2, 1fr); }.vp-capabilities__tiles { grid-template-columns: repeat(2, 1fr); }.vp-workflow__layout { grid-template-columns: 1fr; gap: 45px; }.vp-workflow__copy { max-width: 600px; }.vp-workflow-demo { max-width: 760px; }.vp-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 28px 25px; }.vp-footer__intro { grid-column: span 2; }.vp-footer__grid > div:nth-child(2){margin-right:0} }
@media (max-width: 860px) { .vp-container { width: min(100% - 48px, var(--vp-container)); }.vp-nav { display: none; }.vp-header__actions .vp-login, .vp-header__cta { display: none; }.vp-menu-button { display: block; }.vp-hero { min-height: auto; padding-top: 135px; }.vp-hero__layout { grid-template-columns: 1fr; }.vp-hero__content { max-width: 670px; }.vp-mosaic { max-width: 720px; margin-inline: auto; }.vp-section-head--row { align-items: start; flex-direction: column; gap: 17px; }.vp-section-head--row > p { max-width: 560px; }.vp-faq__inner { grid-template-columns: 1fr; gap: 10px; }.vp-faq__inner .vp-section-head { margin-bottom: 20px; }.vp-gallery__grid { grid-template-rows: repeat(3, 170px); }.vp-gallery-card--5 { grid-column: span 1; } }
@media (max-width: 600px) { .vp-container { width: min(100% - 32px, var(--vp-container)); }.vp-section { padding-block: 56px; }.vp-header { height: 64px; }.vp-brand { font-size: 24px; }.vp-brand__mark { width: 25px; height: 25px; }.vp-hero { padding: 108px 0 49px; }.vp-eyebrow { padding: 5px 11px; font-size: 12px; }.vp-hero h1 { font-size: 39px; line-height: 1.23; }.vp-hero__lead { margin: 16px 0 25px; font-size: 15px; line-height: 2; }.vp-hero__actions { display: grid; grid-template-columns: 1fr; }.vp-hero__actions .vp-button { width: 100%; }.vp-trust-list { display: grid; gap: 5px; font-size: 12px; }.vp-trust-list li:not(:last-child)::after { display: none; }.vp-trust-list li::before { width: 3px; height: 3px; margin-left: 7px; border-radius: 50%; background: var(--vp-primary); content: ''; }.vp-mosaic { grid-template-rows: repeat(5, 57px); gap: 8px; margin-top: 5px; padding: 5px; }.vp-mosaic-card { border-radius: 14px; }.vp-mosaic-card__overlay { right: 8px; bottom: 7px; left: 8px; }.vp-mosaic-card__overlay span { font-size: 10px; }.vp-mosaic-card__overlay b { display: none; }.vp-mosaic__floating-label { top: 37%; left: -5px; padding: 7px 9px; }.vp-mosaic__floating-label > span { width: 24px; height: 24px; }.vp-mosaic__floating-label strong { font-size: 10px; }.vp-mosaic__floating-label small { font-size: 9px; }.vp-models { padding: 12px 0; }.vp-models__row { margin: 4px 0; }.vp-model-chip { height: 34px; padding: 0 13px; font-size: 11px; }.vp-section-head { margin-bottom: 29px; }.vp-section-head h2, .vp-workflow h2 { font-size: 30px; }.vp-section-head > p:last-child, .vp-workflow__copy > p { margin-top: 12px; font-size: 15px; line-height: 1.95; }.vp-capabilities__grid { grid-template-columns: 1fr; gap: 11px; }.vp-capability { min-height: 230px; padding: 22px; }.vp-capability h3 { margin-top: 20px; }.vp-capabilities__tiles { grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 10px; }.vp-capabilities__tiles span { min-height: 58px; border-radius: 13px; font-size: 12px; }.vp-workflow__layout { gap: 30px; }.vp-check-list { margin: 22px 0; gap: 10px; }.vp-workflow-demo__board { grid-template-columns: 1fr; gap: 10px; padding: 18px; }.vp-flow-arrow { display: none; }.vp-node { min-height: 92px; }.vp-node--source .vp-mini-options, .vp-node--active .vp-prompt-line { display: none; }.vp-node--result img { display: none; }.vp-node--result { min-height: 80px; }.vp-ideas__grid { grid-template-columns: repeat(2, 1fr); gap: 9px; }.vp-idea-card { min-height: 225px; border-radius: 16px; }.vp-idea-card__content { right: 13px; bottom: 12px; left: 13px; }.vp-idea-card__content span { font-size: 9px; }.vp-idea-card h3 { font-size: 15px; }.vp-idea-card p { display: none; }.vp-idea-card > a { display: none; }.vp-centered-action { margin-top: 24px; }.vp-gallery__grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 150px); gap: 8px; }.vp-gallery-card { border-radius: 13px; }.vp-gallery-card--1 { grid-row: span 2; }.vp-gallery-card--2 { grid-column: span 1; }.vp-gallery-card--5 { grid-column: span 1; }.vp-gallery-card__caption { right: 10px; bottom: 8px; }.vp-gallery-card__caption span { margin: 0; padding: 2px 6px; font-size: 9px; }.vp-gallery-card__caption strong { font-size: 11px; }.vp-gallery-card > a { display: none; }.vp-pricing-switch { margin-bottom: 25px; }.vp-plans { grid-template-columns: 1fr; gap: 11px; }.vp-plan { min-height: 0; padding: 22px; }.vp-plan__price strong { font-size: 36px; }.vp-plan ul { margin-top: 17px; }.vp-faq-item button { padding: 16px; font-size: 14px; }.vp-faq-item__answer > p { padding-inline: 16px; font-size: 13px; }.vp-final { padding-top: 33px; }.vp-final__panel { padding: 42px 20px; border-radius: 23px; }.vp-final__panel h2 { font-size: 32px; }.vp-final__panel > p:not(.vp-kicker) { font-size: 15px; }.vp-final__panel > div:not(.vp-final__orb) { flex-direction: column; }.vp-final__panel .vp-button { width: 100%; }.vp-final__panel small { line-height: 1.8; }.vp-final__panel small i { padding: 0 3px; }.vp-footer { margin-top: 56px; }.vp-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; padding-block: 39px; }.vp-footer__intro { grid-column: span 2; }.vp-footer__bottom { align-items: flex-start; flex-direction: column; gap: 5px; font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .vp-reveal { opacity: 1; transform: none; } }

/* Hero showcase and model band — aligned with the reference rhythm. */
.vp-hero { min-height: 0; padding: 108px 0 0; background: radial-gradient(circle at 50% 31%, rgb(208 254 0 / 9%), transparent 25%), var(--vp-bg); }
.vp-hero__layout { display: block; }.vp-hero__content { max-width: 690px; margin-inline: auto; text-align: center; }.vp-hero__lead { margin-inline: auto; }.vp-hero__actions, .vp-trust-list { justify-content: center; }.vp-hero__grid-pattern { top: 38px; left: -130px; }
.vp-showcase { position: relative; width: 100%; height: min(540px, 50svh); margin-top: clamp(-125px, -9vw, -70px); overflow: hidden; }.vp-showcase__rail { display: flex; width: max-content; height: 100%; align-items: center; gap: clamp(13px, 1.45vw, 28px); padding-inline: 0 36px; transform: translateX(-128px); }.vp-showcase-card { width: 202px; height: min(416px, 44svh); flex: 0 0 auto; margin: 0; overflow: hidden; border-radius: 25px; background: var(--vp-surface-2); }.vp-showcase-card img { height: 100%; object-fit: cover; transition: transform .45s ease, filter .3s ease; }.vp-showcase-card:hover img { filter: brightness(1.08); transform: scale(1.035); }.vp-showcase-card--edge { width: 218px; height: min(520px, 58svh); border-radius: 30px; transform: rotate(-8deg); }.vp-showcase-card--tall { width: 230px; height: min(456px, 50svh); }.vp-showcase-card--small { width: 150px; height: min(245px, 28svh); }.vp-showcase-card--medium { width: 184px; height: min(310px, 34svh); }.vp-showcase-card--large { width: 262px; height: min(456px, 50svh); }
.vp-models { overflow: hidden; margin-top: clamp(74px, 8vw, 150px); padding: clamp(16px, 2vw, 32px) 0; border: 0; background: #1f242d; direction: ltr; }.vp-models__row { display: flex; width: max-content; margin: 0; direction: ltr; animation: vp-models-left 36s linear infinite; }.vp-models__row + .vp-models__row { margin-top: clamp(12px, 1.65vw, 29px); }.vp-models__row--reverse { animation: vp-models-right 39s linear infinite; }.vp-models__track { display: flex; gap: clamp(9px, 1.4vw, 25px); padding-left: clamp(9px, 1.4vw, 25px); direction: ltr; }.vp-model-name { display: inline-flex; align-items: center; gap: clamp(9px, 1.4vw, 25px); color: #6a9eff; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: clamp(32px, 4.8vw, 80px); font-weight: 900; letter-spacing: -.035em; line-height: .9; text-transform: uppercase; white-space: nowrap; }.vp-model-name i { display: inline-block; width: clamp(10px, 1.7vw, 27px); height: clamp(10px, 1.7vw, 27px); flex: 0 0 auto; border-radius: 50%; background: currentColor; }.vp-models__fade { display: none; }@keyframes vp-models-left { to { transform: translateX(-50%); } }@keyframes vp-models-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }
.vp-pricing__note { margin: -18px auto 30px; color: var(--vp-text-muted); text-align: center; font-size: 13px; }.vp-pricing__empty { grid-column: 1 / -1; color: var(--vp-text-muted); text-align: center; }.vp-plans { grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); }

@media (max-width: 1120px) { .vp-hero__layout { display: block; }.vp-showcase { height: min(450px, 48svh); }.vp-showcase__rail { transform: translateX(-105px); }.vp-showcase-card { width: 178px; }.vp-showcase-card--edge { width: 190px; }.vp-showcase-card--tall { width: 205px; }.vp-showcase-card--small { width: 134px; }.vp-showcase-card--medium { width: 164px; }.vp-showcase-card--large { width: 220px; } }
@media (max-width: 860px) { .vp-hero { padding-top: 115px; }.vp-hero__content { max-width: 620px; }.vp-showcase { height: 380px; margin-top: 36px; }.vp-showcase__rail { gap: 12px; transform: translateX(-100px); }.vp-showcase-card { height: 310px; border-radius: 19px; }.vp-showcase-card--edge { width: 150px; height: 390px; }.vp-showcase-card--tall { width: 172px; height: 340px; }.vp-showcase-card--small { width: 110px; height: 180px; }.vp-showcase-card--medium { width: 140px; height: 230px; }.vp-showcase-card--large { width: 190px; height: 340px; }.vp-models { margin-top: 72px; } }
@media (max-width: 600px) { .vp-hero { padding-top: 96px; }.vp-hero__content { text-align: right; }.vp-hero__lead { margin-inline: 0; }.vp-hero__actions, .vp-trust-list { justify-content: flex-start; }.vp-showcase { height: 270px; margin-top: 27px; }.vp-showcase__rail { gap: 8px; padding-left: 12px; transform: translateX(-92px); }.vp-showcase-card { width: 117px; height: 205px; border-radius: 14px; }.vp-showcase-card--edge { width: 108px; height: 278px; border-radius: 16px; }.vp-showcase-card--tall { width: 128px; height: 235px; }.vp-showcase-card--small { width: 84px; height: 138px; }.vp-showcase-card--medium { width: 105px; height: 176px; }.vp-showcase-card--large { width: 145px; height: 235px; }.vp-models { margin-top: 55px; padding: 12px 0; }.vp-models__track { gap: 12px; padding-left: 12px; }.vp-model-name { gap: 12px; font-size: 34px; }.vp-model-name i { width: 11px; height: 11px; }.vp-pricing__note { margin: -10px auto 22px; font-size: 12px; } }

/* Interactive hero gallery: continuous, depth-based and pointer-draggable. */
.vp-showcase { isolation: isolate; cursor: grab; touch-action: pan-y; user-select: none; }.vp-showcase.is-dragging { cursor: grabbing; }.vp-showcase__rail { position: absolute; inset: 0; display: block; width: auto; height: auto; padding: 0; transform: none; }.vp-showcase-card, .vp-showcase-card--edge, .vp-showcase-card--tall, .vp-showcase-card--small, .vp-showcase-card--medium, .vp-showcase-card--large { position: absolute; top: 50%; left: 50%; width: 191px; height: 268px; margin: 0; overflow: hidden; border-radius: 20px; background: var(--vp-surface-2); box-shadow: 0 18px 40px rgb(0 0 0 / 16%); will-change: transform, border-radius; transform-origin: center; }.vp-showcase-card img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; user-select: none; -webkit-user-drag: none; }.vp-showcase::before, .vp-showcase::after { position: absolute; z-index: 3; top: 0; bottom: 0; width: clamp(20px, 5vw, 110px); content: ''; pointer-events: none; }.vp-showcase::before { right: 0; background: linear-gradient(to left, var(--vp-bg), transparent); }.vp-showcase::after { left: 0; background: linear-gradient(to right, var(--vp-bg), transparent); }
@media (max-width: 860px) { .vp-showcase__rail { transform: none; }.vp-showcase-card, .vp-showcase-card--edge, .vp-showcase-card--tall, .vp-showcase-card--small, .vp-showcase-card--medium, .vp-showcase-card--large { transform-origin: center; } }

/* کارت‌های در حال ورود و خروج باید روی محوکننده‌های لبه‌ای دیده شوند تا فرم گوشه‌ها قطع نشود. */
.vp-showcase__rail { z-index: 1; }
.vp-showcase::before, .vp-showcase::after { z-index: 0; }

/* ارتفاع گالری متحرک در همه‌ی اندازه‌ها ۱۲٪ بیشتر از مقدار پایه است. */
.vp-showcase { height: min(677.376px, 62.72svh); }
@media (max-width: 1120px) { .vp-showcase { height: min(564.48px, 60.2112svh); } }
@media (max-width: 860px) { .vp-showcase { height: 476.672px; } }
@media (max-width: 600px) { .vp-showcase { height: 338.688px; } }
/* پس‌زمینه‌ی ردیف عکس‌های هیرو متعلق به خود همین سکشن است، نه سکشن مادر. */
.vp-showcase { background: var(--vp-bg); }

/* هماهنگ‌سازی نهایی صفحه اصلی با قاب اپ و داده‌های زنده */
.vp-brand--app{gap:8px}.vp-brand--app img{display:block;width:auto;height:29px}.vp-brand--app img:first-child{height:31px}.vp-showcase{margin-top:clamp(-52px,-4vw,-22px)}.vp-models{background:var(--vp-bg)}.vp-capabilities{background:var(--vp-bg)}.vp-capabilities__grid--secondary{margin-top:16px}.vp-capability--secondary{min-height:282px}.vp-gallery__grid{grid-template-columns:1.1fr 1.3fr 1.1fr .9fr;grid-template-rows:220px 220px;gap:16px}.vp-gallery-card--1{grid-row:1 / span 2;grid-column:4}.vp-gallery-card--2{grid-column:2 / span 2;grid-row:1}.vp-gallery-card--3{grid-column:1;grid-row:2}.vp-gallery-card--4{grid-column:1 / span 2;grid-row:2}.vp-gallery-card--5{display:block;grid-column:3;grid-row:2}.vp-pricing{background:var(--vp-bg)}.vp-plans--catalog{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));align-items:end}.vp-plans--catalog>div{display:flex;min-width:0;align-items:flex-end}.vp-plans--catalog .vpc{height:auto;width:100%;--vpc-bg:#101513;--vpc-surface:#151d18;--vpc-border:#29352e;--vpc-text:#f5f7f6;--vpc-soft:rgb(245 247 246 / 62%);font-family:YekanBakh,IRANSansXFaNum,sans-serif}.vp-plans--catalog .vpc__feature--yes i{color:#57d98a}.vp-app-footer-wrap{border-top:1px solid var(--vp-border);background:var(--vp-bg)}.vp-app-footer-wrap .app-footer{--app-footer-bg:var(--vp-bg);--app-footer-text:var(--vp-text-muted);--app-footer-text-hover:var(--vp-text);--app-footer-border:var(--vp-border);background:var(--vp-bg)!important}.vp-app-footer-wrap .app-footer__inner{max-width:1280px;padding-inline:32px}.vp-app-footer-wrap .app-footer__brand img{filter:none}@media(max-width:860px){.vp-showcase{margin-top:42px}.vp-gallery__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,170px)}.vp-gallery-card--1{grid-column:2;grid-row:1 / span 2}.vp-gallery-card--2{grid-column:1;grid-row:1}.vp-gallery-card--3{grid-column:1;grid-row:2}.vp-gallery-card--4{grid-column:1;grid-row:3}.vp-gallery-card--5{grid-column:2;grid-row:3}}@media(max-width:600px){.vp-showcase{margin-top:27px}.vp-capability--secondary{min-height:230px}.vp-gallery__grid{grid-template-rows:repeat(3,150px);gap:8px}.vp-app-footer-wrap .app-footer__inner{padding-inline:16px}}

/* آیکون‌های ارتباطی فوتر: یک مقیاس واقعی برای هر چهار پلتفرم، بدون قاب. */
.vp-footer__social-links{--vp-social-icon-size:19px;display:flex;flex-wrap:nowrap;gap:10.8px;margin:5px 0 0}.vp-footer__social .vp-footer__social-link{display:grid!important;width:var(--vp-social-icon-size);height:var(--vp-social-icon-size);place-items:center;border:0;border-radius:0;background:transparent;color:var(--vp-text);line-height:1;transform:none}.vp-footer__social .vp-footer__social-link:hover{border:0;background:transparent;color:var(--vp-primary);transform:translateY(-2px)}.vp-footer__social-mark{display:block;width:var(--vp-social-icon-size);height:var(--vp-social-icon-size);font-size:var(--vp-social-icon-size);line-height:1}.vp-footer__social-mark--bale{background:currentColor;-webkit-mask:url('/assets/img/Bale-icon.svg') center/contain no-repeat;mask:url('/assets/img/Bale-icon.svg') center/contain no-repeat}

/* نشان اعتماد فقط در صفحه نخست و با فاصله‌ای کوتاه زیر شبکه‌های اجتماعی نمایش داده می‌شود. */
.vp-footer__social .vp-footer__enamad{display:block;width:52px;margin-top:13px;line-height:0}.vp-footer__enamad-image{display:block;width:52px;height:auto;object-fit:contain;transition:opacity .2s ease,transform .2s ease}.vp-footer__social .vp-footer__enamad:hover .vp-footer__enamad-image{opacity:.88;transform:translateY(-2px)}

/* کارت‌های تعرفه در دسکتاپ هم‌قد هستند؛ فقط پلن منتخب کمی بالاتر می‌ایستد. */
.vp-pricing__note{margin:-20.4px auto 30px}.vp-plans--catalog .vpc{--vpc-primary:var(--vp-primary);--vpc-action:var(--vp-primary);--vpc-action-hover:var(--vp-primary-hover)}.vp-plans--catalog .vpc--landing:not(.is-featured):hover{border-color:var(--vp-primary);box-shadow:inset 0 1px 0 rgb(255 255 255 / 6%),0 15px 34px rgb(208 254 0 / 18%)}

/* نسخه عمومی فوتر اپ فقط هویت و کپی‌رایت را نمایش می‌دهد. */
.vp-app-footer-wrap--public .app-footer__links{display:none}

/* آخرین بخش محتوایی صفحه نخست: تازه‌ترین مقاله‌های آموزشی وطن. */
.vp-home-articles{padding:96px 0 104px;border-top:1px solid var(--vp-border);background:var(--vp-bg)}.vp-home-articles .vp-section-head{max-width:none}.vp-home-articles__all{display:inline-flex;align-items:center;gap:8px;color:var(--vp-primary);font-size:14px;font-weight:700}.vp-home-articles__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.vp-home-article{min-width:0;overflow:hidden;border:1px solid var(--vp-border);border-radius:22px;background:var(--vp-card);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.vp-home-article:hover{border-color:var(--vp-border-bright);box-shadow:var(--vp-shadow-hover);transform:translateY(-4px)}.vp-home-article__media{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:var(--vp-surface-2)}.vp-home-article__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.vp-home-article:hover .vp-home-article__media img{transform:scale(1.04)}.vp-home-article__media span{position:absolute;right:12px;bottom:12px;padding:4px 9px;border-radius:99px;background:var(--vp-primary);color:var(--vp-bg);font-size:10px;font-weight:800}.vp-home-article__body{padding:18px}.vp-home-article__body>div{display:flex;justify-content:space-between;gap:10px;color:var(--vp-text-muted);font-size:11px}.vp-home-article h3{margin:11px 0 8px;font-size:18px;line-height:1.55}.vp-home-article h3 a:hover{color:var(--vp-primary)}.vp-home-article p{display:-webkit-box;min-height:53px;margin:0 0 16px;overflow:hidden;color:var(--vp-text-soft);font-size:13px;line-height:1.9;-webkit-box-orient:vertical;-webkit-line-clamp:2}.vp-home-article__body>a{display:inline-flex;align-items:center;gap:7px;color:var(--vp-text);font-size:13px;font-weight:700}.vp-home-article__body>a i{color:var(--vp-primary);font-size:10px}@media(max-width:1050px){.vp-home-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.vp-home-articles{padding:68px 0 72px}.vp-home-articles .vp-section-head{align-items:flex-start;flex-direction:column;gap:18px}.vp-home-articles__grid{display:flex;margin-left:-16px;padding-left:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.vp-home-articles__grid::-webkit-scrollbar{display:none}.vp-home-article{min-width:82vw;scroll-snap-align:start}}

/* اصلاحات ریتم، هدر و یکپارچگی سطح صفحه */
.vp-hero,.vp-capabilities,.vp-workflow,.vp-ideas,.vp-pricing,.vp-faq,.vp-final,.vp-footer{background:var(--vp-bg)}
.vp-models__row{animation-duration:45s}.vp-models__row--reverse{animation-duration:49s}
.vp-showcase{margin-top:clamp(-14px,-1vw,16px)}
.vp-header__right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.vp-theme-toggle,.vp-profile-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--vp-border-bright);border-radius:50%;background:rgb(255 255 255 / 4%);color:var(--vp-text);transition:background .2s ease,border-color .2s ease,transform .2s ease}.vp-theme-toggle:hover,.vp-profile-button:hover{border-color:var(--vp-primary);background:var(--vp-primary-soft);transform:translateY(-1px)}.vp-theme-toggle__sun{display:none}.vp-profile-button{overflow:hidden;font-size:14px}.vp-profile-button img{width:100%;height:100%;object-fit:cover}.vp-header__actions{gap:9px}
.vp-capability{align-items:center;text-align:center}.vp-capability h3{width:100%}.vp-capability p{max-width:255px}.vp-capability a{margin-inline:auto}.vp-capability__icon{flex:0 0 auto}.vp-capability__icon i{font-size:19px}
.vp-final__actions .vp-button{width:184px}.vp-final__actions .vp-button:first-child{width:184px}
html.light { background: #f5f7f6; }
html.light body.vatan-preview{--vp-bg:#f5f7f6;--vp-surface:#fff;--vp-surface-2:#eef2ef;--vp-card:#fff;--vp-border:rgb(12 20 15 / 12%);--vp-border-bright:rgb(12 20 15 / 22%);--vp-text:#111714;--vp-text-soft:rgb(17 23 20 / 70%);--vp-text-muted:rgb(17 23 20 / 54%);background:var(--vp-bg);background-color:var(--vp-bg)!important}html.light .vp-header{background:rgb(245 247 246 / 84%)}html.light .vp-theme-toggle__moon{display:none}html.light .vp-theme-toggle__sun{display:block}html.light .vp-plans--catalog .vpc{--vpc-bg:#101513;--vpc-surface:#151d18;--vpc-border:#29352e;--vpc-text:#f5f7f6;--vpc-soft:rgb(245 247 246 / 62%)}
html.light .vp-header .vp-brand--app img,html.light .vp-mobile-menu .vp-brand--app img{filter:invert(1)}
@media(max-width:860px){.vp-showcase{margin-top:80px}.vp-theme-toggle{width:32px;height:32px}.vp-profile-button{width:32px;height:32px}.vp-header__actions .vp-profile-button{display:grid}}@media(max-width:600px){.vp-showcase{margin-top:27px}.vp-final__actions .vp-button,.vp-final__actions .vp-button:first-child{width:100%}}

/* جای‌گذاری اقدام ساخت در برابر مراحل و یک‌خطی شدن عنوان ایده‌ها */
.vp-workflow__decision-row{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:550px;margin-top:28px}.vp-workflow__decision-row .vp-check-list{flex:1;margin:0}.vp-workflow__cta-stack{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:8px}.vp-workflow__cta-stack .vp-button{min-width:154px}.vp-workflow__cta-stack small{margin:0;color:var(--vp-text-muted);font-size:12px;text-align:center}.vp-ideas__title{font-size:clamp(31px,3.6vw,52px)!important;white-space:nowrap}@media(max-width:600px){.vp-workflow__decision-row{display:grid;gap:20px;margin-top:22px}.vp-workflow__cta-stack{align-items:stretch}.vp-workflow__cta-stack .vp-button{width:100%}.vp-ideas__title{font-size:clamp(19px,6vw,27px)!important;white-space:nowrap}}

.vp-gallery-card--3{grid-row:1}@media(max-width:860px){.vp-gallery-card--3{grid-row:2}}

.vp-showcase-card__link{position:relative;display:block;width:100%;height:100%;color:inherit;text-decoration:none}.vp-showcase-card__text{position:absolute;right:10px;bottom:10px;left:10px;overflow:hidden;border:1px solid rgb(255 255 255 / 15%);border-radius:8px;padding:5px 7px;background:rgb(0 0 0 / 38%);color:#fff;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.vp-idea-card>a.vp-idea-card__link{position:static;display:block;height:100%;padding:0;border-radius:0;background:transparent;color:inherit;opacity:1;transform:none}.vp-idea-card__action{position:absolute;z-index:2;top:16px;left:16px;display:flex;align-items:center;gap:5px;border-radius:99px;padding:6px 10px;background:var(--vp-primary);color:#111;font-size:11px;font-weight:800;opacity:0;transform:translateY(-5px);transition:opacity .25s ease,transform .25s ease}.vp-idea-card:hover .vp-idea-card__action{opacity:1;transform:translateY(0)}.vp-gallery-card>a.vp-gallery-card__link{position:static;display:block;width:100%;height:100%;padding:0;border-radius:0;background:transparent;color:inherit;opacity:1;transform:none}.vp-gallery-card__action{position:absolute;z-index:2;top:13px;left:13px;border-radius:99px;padding:5px 10px;background:rgb(11 15 13 / 72%);color:var(--vp-text);font-size:11px;opacity:0;transform:translateY(-5px);transition:opacity .25s ease,transform .25s ease}.vp-gallery-card:hover .vp-gallery-card__action{opacity:1;transform:translateY(0)}@media(max-width:600px){.vp-idea-card>a.vp-idea-card__link{display:block}.vp-idea-card__action,.vp-gallery-card__action{display:none}}

/* گرید هدر در تبلت نیز همان حاشیهٔ نسخه اپ را دارد. */
@media(min-width:640px) and (max-width:960px){.vp-header .vp-container{width:calc(100% - 32px)}}

/* اجزای هدر عمومی؛ ترتیب و ابعاد هم‌راستا با هدر اپ */
.vp-header__actions{direction:ltr}.vp-profile-button__icon{display:grid;place-items:center;width:19px;height:19px}.vp-profile-button__icon svg{display:block;width:19px;height:19px}.vp-token-box{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border:1px solid var(--vp-border-bright);border-radius:12px;background:rgb(255 255 255 / 4%);color:var(--vp-text);font-size:11px;white-space:nowrap}.vp-token-box__mark{display:block!important;width:16px;height:16px;flex:0 0 auto;background:var(--vp-primary);-webkit-mask:url('/assets/icons/token-mark.png') center/contain no-repeat;mask:url('/assets/icons/token-mark.png') center/contain no-repeat}.vp-token-box b{font-size:13px;font-weight:900}.vp-token-box em{color:var(--vp-text-soft);font-style:normal}.vp-final__panel{padding-block:46px}@media(max-width:860px){.vp-header__actions .vp-header__cta{display:none}.vp-token-box{height:32px;padding-inline:8px}.vp-token-box b{font-size:12px}.vp-token-box em{font-size:10px}}@media(max-width:600px){.vp-final__panel{padding-block:31px}.vp-header__actions{gap:6px}.vp-login{padding-inline:10px;font-size:12px}.vp-token-box{gap:4px;padding-inline:7px}}

/* هدر صفحه نخست: ابعاد، فاصله و رفتار دقیقاً هم‌راستا با هدر اپ */
.vp-header{height:64px}.vp-header__inner{gap:24px}.vp-header__actions{gap:12px}.vp-profile-menu{position:relative;display:block;width:40px;height:40px;flex:0 0 auto}.vp-profile-menu>summary{list-style:none}.vp-profile-menu>summary::-webkit-details-marker{display:none}.vp-profile-button{display:flex;width:40px;height:40px;align-items:center;justify-content:center;overflow:hidden;border:2px solid #cffe00;border-radius:50%;background:#cffe00;color:#000;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.vp-profile-button:hover{border-color:#cffe00;background:#cffe00;transform:scale(1.08)}.vp-profile-button:active{transform:scale(.95)}.vp-profile-button:focus-visible{outline:0;box-shadow:0 0 0 3px rgb(207 254 0 / 35%)}.vp-profile-button__icon{width:19px;height:19px;color:#000}.vp-profile-button__icon svg{width:19px;height:19px}.vp-profile-button img{width:100%;height:100%;object-fit:cover}.vp-token-box{height:32.3px;gap:6px;padding:0 13px;border:1px solid rgb(255 255 255 / 15%);border-radius:12px;background:#1a1a1a;color:#fff}.vp-token-box:hover{opacity:.85}.vp-token-box__mark{width:20.98px;height:20.98px;background:#cffe00}.vp-token-box b{color:#fff;font-size:15.6px;font-weight:800;font-feature-settings:"tnum"}.vp-token-box em{color:#fff;font-size:11px;font-weight:700}.vp-theme-toggle{width:32.3px;height:32.3px;border:1px solid rgb(255 255 255 / 15%);border-radius:15.6px;background:rgb(255 255 255 / 5%);color:#fff}.vp-theme-toggle:hover{border-color:rgb(255 255 255 / 15%);background:rgb(255 255 255 / 10%);transform:none}.vp-profile-menu__panel{position:absolute;top:calc(100% + 12px);left:0;z-index:70;display:grid;min-width:220px;gap:2px;padding:6px;border:1px solid rgb(255 255 255 / 10%);border-radius:15.6px;background:#121218;box-shadow:0 10px 30px rgb(0 0 0 / 45%);opacity:0;pointer-events:none;transform:scale(.9);transform-origin:top left;transition:opacity .16s ease,transform .16s ease}.vp-profile-menu[open] .vp-profile-menu__panel{opacity:1;pointer-events:auto;transform:scale(1)}.vp-profile-menu__panel a,.vp-profile-menu__panel button{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:10.8px;padding:10px 12px;background:transparent;color:rgb(255 255 255 / 72%);font:600 13px YekanBakh,IRANSansXFaNum,sans-serif;text-align:right;text-decoration:none;white-space:nowrap;cursor:pointer}.vp-profile-menu__panel i{width:18px;font-size:14px;text-align:center}.vp-profile-menu__panel a:hover,.vp-profile-menu__panel button:hover{background:#cffe00;color:#000}.vp-profile-menu__panel form{margin:0;padding-top:2px;border-top:1px solid rgb(255 255 255 / 8%)}.vp-profile-menu__panel form button{color:#ff4a4a}.vp-profile-menu__panel form button:hover{background:#ff4a4a;color:#fff}@media(min-width:1280px){.vp-header__actions{transform:translateX(18px)}}@media(max-width:860px){.vp-header__actions{gap:8px;transform:none}.vp-profile-menu{width:36px;height:36px}.vp-profile-button{width:36px;height:36px}.vp-token-box{height:32px;padding-inline:9px}.vp-token-box__mark{width:18px;height:18px}.vp-token-box b{font-size:13px}.vp-token-box em{font-size:10px}}@media(max-width:600px){.vp-profile-menu__panel{left:auto;right:0;transform-origin:top right}.vp-header__actions{gap:6px}.vp-token-box{padding-inline:7px}}
.vp-profile-user{display:flex;flex-direction:column;align-items:center;gap:1px;margin:2px 4px 6px;padding:7px 8px 9px;border-bottom:1px solid rgb(255 255 255 / 8%);text-align:center}.vp-profile-user strong{color:var(--vp-text);font-size:13px;line-height:1.5}.vp-profile-user span{color:var(--vp-primary);font-size:11px;font-weight:650}

/* باکس اعتبار مشترک هدر عمومی: مقدار وسط‌چین و عرض فشرده، با عرض امن برای مهمان. */
.vp-token-box{display:grid;grid-template-columns:max-content max-content;align-items:center;justify-content:center;column-gap:10.2px;direction:ltr;min-width:0;padding-inline:8px}
.vp-token-box::after{display:none}
.vp-token-box.is-guest{min-width:106px;padding-inline:8px;column-gap:12.75px}
.vp-token-box.is-prelogin{min-width:0;max-width:230px;min-height:32.3px;height:auto;padding:4px 10px;align-items:center}
.vp-token-box.is-prelogin .vp-token-box__value{max-width:180px}
.vp-token-box.is-prelogin .vp-token-box__value b{font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-align:right}
.vp-token-box__mark{display:block;align-self:center}
.vp-token-box__value{grid-column:2;display:inline-flex;align-items:center;justify-content:center;gap:3px;direction:rtl;min-width:0;align-self:center}
.vp-token-box b{font-size:17.16px;line-height:1;text-align:center;position:relative;top:1px}
.vp-token-box em{font-size:10px;line-height:1}
@media(max-width:860px){.vp-token-box{padding-inline:6px;column-gap:10.2px}.vp-token-box.is-guest{min-width:100px;padding-inline:6px;column-gap:12.75px}.vp-token-box.is-prelogin{max-width:175px;padding-inline:7px}.vp-token-box.is-prelogin .vp-token-box__value{max-width:135px}.vp-token-box.is-prelogin .vp-token-box__value b{font-size:9.5px}.vp-token-box b{font-size:15.84px}.vp-token-box em{font-size:9.5px}}

/* کارت‌های پیشنهادی: یک حالت پایه مشترک و هاور اقتصادی برای کارت‌های غیرپیشنهادی. */
.vp-proposal-plan--business{background:var(--vp-card)}
.vp-proposal-plan--business .vp-proposal-plan__icon{border-color:rgb(208 254 0 / 18%);background:var(--vp-primary-soft);color:var(--vp-primary)}
.vp-proposal-plan--featured:hover{border-color:var(--vp-primary);box-shadow:0 15px 34px rgb(208 254 0 / 26%);transform:none}
.vp-proposal-plan:not(.vp-proposal-plan--featured):hover{border-color:var(--vp-primary);box-shadow:inset 0 1px 0 rgb(255 255 255 / 6%),0 15px 34px rgb(208 254 0 / 18%);transform:none}
.vp-proposal-plan__capacity-status b{color:#ff4a4a}
.vp-proposal-plan .vp-proposal-plan__economic-button{min-height:46px;border:1px solid rgb(255 255 255 / 10%);border-radius:14px;background:rgb(255 255 255 / 3%);color:var(--vp-text);box-shadow:none;transition:transform .2s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
.vp-proposal-plan .vp-proposal-plan__economic-button:hover{border-color:var(--vp-primary-hover);background:var(--vp-primary-hover);color:#0b100d;box-shadow:0 15px 34px rgb(208 254 0 / 28%);transform:translateY(-2px)}
.vp-proposal-plan .vp-proposal-plan__economic-button:focus-visible{outline:2px solid var(--vp-primary);outline-offset:3px}
.vp-proposal-plan .vp-proposal-plan__economic-button:active{transform:translateY(0) scale(.99)}

/* تفاوت عمدی ارتفاع کارت‌ها: پلن حرفه‌ای باید نقطهٔ تمرکز بخش باشد. */
.vp-proposal-plans{align-items:end}
.vp-proposal-plan{min-height:566px}
.vp-proposal-plan--featured{min-height:596px}
.vp-proposal-plan__discount{direction:ltr;unicode-bidi:isolate}.vp-proposal-plan__discount-sign{display:inline-block;direction:ltr}
.vp-profile-popup,.vp-profile-popup .topnav-popup-window,.vp-profile-popup .tp-userinfo{direction:rtl}
.vp-proposal-note__token{width:auto;height:auto;background:none!important;-webkit-mask:none!important;mask:none!important;color:var(--vp-primary);font-size:13px;line-height:1}
@media(max-width:600px){.vp-proposal-plans{align-items:stretch}.vp-proposal-plan,.vp-proposal-plan--featured{min-height:0}}

/* هم‌ترازی محتوای متنی مراحل ساخت در همه اندازه‌ها. */
.vp-workflow__copy{text-align:center}
.vp-workflow__copy>p{margin-inline:auto}
.vp-workflow__decision-row{margin-inline:auto}
.vp-workflow__decision-row .vp-check-list li{justify-content:center}

/* انتخاب‌گر سه‌حالته تم فقط داخل پنجره پروفایل موبایل دیده می‌شود. */
.vp-profile-theme,.vp-profile-theme-divider{display:none}
.vp-footer__trust-row{display:flex;flex-direction:column;align-items:flex-start}

@media(max-width:600px){
  /* هدر: منو در سمت راست لوگو و هم‌ارتفاع با باکس اعتبار قرار می‌گیرد. */
  .vp-header__inner{gap:10px}
  .vp-header__right{gap:8px;direction:rtl}
  .vp-header__right .vp-menu-button{display:block;width:32px;height:32px;flex:0 0 32px;border-radius:12px}
  .vp-header__actions .vp-theme-toggle{display:none}
  .vp-profile-popup{--tp-nav-bg:#121218;--tp-nav-border:rgba(255,255,255,.1);--tp-nav-shadow:rgba(0,0,0,.45)}
  .vp-profile-popup .topnav-popup-window{top:44px;left:0;right:auto;min-width:min(270px,calc(100vw - 24px));background:var(--tp-nav-bg);transform-origin:top left}
  .vp-profile-theme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px}
  .vp-profile-theme button{display:flex;min-height:34px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--tp-nav-border);border-radius:9px;padding:5px 7px;background:transparent;color:var(--tp-item-color);font:600 10px YekanBakh,sans-serif;cursor:pointer}
  .vp-profile-theme button i{font-size:13px}
  .vp-profile-theme button.is-active{border-color:#cffe00;background:rgb(207 254 0 / 14%);color:#cffe00}
  .vp-profile-theme-divider{display:block}

  /* سکشن آغازین: دو اقدام هم‌اندازه و مزیت‌ها وسط‌چین. */
  .vp-hero__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .vp-hero__actions .vp-button{min-width:0;padding-inline:10px;font-size:13px;white-space:nowrap}
  .vp-trust-list{justify-items:center;width:100%;text-align:center}
  .vp-trust-list li{justify-content:center}

  /* هشت قابلیت در چهار ردیف دوتایی، با تایپوگرافی فشرده و بدون بیرون‌زدگی. */
  .vp-capabilities__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .vp-capability{min-height:0;padding:13px 9px;border-radius:18px}
  .vp-capability__icon{width:38px;height:38px;border-radius:11px}
  .vp-capability__icon i{font-size:16px}
  .vp-capability h3{margin:12px 0 5px;font-size:14px;line-height:1.5}
  .vp-capability p{max-width:none;font-size:10.5px;line-height:1.65}
  .vp-capability a{padding-top:10px;font-size:10.5px;white-space:nowrap}

  /* در موبایل نیز کل محتوای توضیحی مراحل ساخت وسط‌چین می‌ماند. */
  .vp-workflow__copy,.vp-workflow__copy>p{text-align:center}
  .vp-workflow__decision-row{width:100%;margin-inline:auto;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:center}
  .vp-workflow__decision-row .vp-check-list{width:max-content;max-width:100%;justify-self:center}
  .vp-workflow__cta-stack{width:min(100%,220px);align-items:center;justify-self:center}
  .vp-workflow__cta-stack .vp-button{width:100%}

  /* آیکون‌های توضیح اعتبار دقیقاً روی محور متن هر خط قرار می‌گیرند. */
  .vp-proposal-note span{align-items:center}
  .vp-proposal-note__token{display:grid!important;width:16px;height:16px;place-items:center;align-self:center;font-size:13px;line-height:1;transform:none}
  .vp-proposal-note__token::before{display:block;line-height:1}
  .vp-proposal-note span:nth-child(2) .vp-proposal-note__token{transform:translateY(-10px)}
  .vp-proposal-plans{row-gap:45px}

  /* اقدام‌های پایانی کنار هم و کاملاً هم‌اندازه‌اند. */
  .vp-final__actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
  .vp-final__actions .vp-button,.vp-final__actions .vp-button:first-child{width:100%;min-width:0;min-height:48px;padding-inline:10px;font-size:13px;white-space:nowrap}

  /* کارت مقاله در موبایل فقط تصویر و عنوان را نگه می‌دارد. */
  .vp-home-article{flex:0 0 47.6vw;min-width:47.6vw}
  .vp-home-article__media span,.vp-home-article__body>div,.vp-home-article__body>p,.vp-home-article__body>a{display:none}
  .vp-home-article__body{padding:14px}
  .vp-home-article h3{margin:0;font-size:15px;line-height:1.7}
  .vp-home-articles{padding-bottom:24px}
  .vp-footer{margin-top:18.67px}

  /* شبکه‌های اجتماعی دو در دو هستند و اینماد در سمت چپ آن‌ها می‌ایستد. */
  .vp-footer__trust-row{display:flex;flex-direction:row;align-items:center;gap:18px;direction:rtl}
  .vp-footer__social-links{display:grid;grid-template-columns:repeat(2,var(--vp-social-icon-size));grid-auto-rows:var(--vp-social-icon-size);gap:10px 12px;margin:0}
  .vp-footer__social .vp-footer__enamad{width:52px;margin-top:0}

  /* نوار پایانی عمومی نصف ارتفاع قبلی است. */
  .vp-app-footer-wrap--public .app-footer__inner{min-height:56px;padding-block:8px;gap:0}
}