/* بودجه بصری: زمینه خنثی ۷۰٪، عکس و ساختار ۲۰٪، تاکید و اقدام حداکثر ۱۰٪. */
.vopex-v23-hero,.vopex-v23-about{--v23-ha-ink:var(--ink,var(--amin-color-text));--v23-ha-muted:var(--muted,var(--amin-color-text-muted));--v23-ha-line:var(--line,var(--amin-color-border));--v23-ha-accent:var(--yellow,var(--amin-color-primary));box-sizing:border-box;color:var(--v23-ha-ink)}
.vopex-v23-hero *,.vopex-v23-about *{box-sizing:border-box}
.v23-ha-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.vopex-v23-hero{position:relative;isolation:isolate;overflow:hidden;height:auto;min-height:680px;background:var(--paper,var(--amin-color-surface));padding-top:122px;padding-bottom:103px}
.v23-hero-visual{position:absolute;inset:0;z-index:-1;overflow:hidden}
.v23-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.v23-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,var(--vopex-overlay-base,var(--amin-color-surface)) 0%,color-mix(in srgb,var(--vopex-overlay-base,var(--amin-color-surface)) 96%,transparent) 29%,color-mix(in srgb,var(--vopex-overlay-base,var(--amin-color-surface)) 79%,transparent) 43%,color-mix(in srgb,var(--vopex-overlay-base,var(--amin-color-surface)) 36%,transparent) 57%,transparent 72%),linear-gradient(0deg,color-mix(in srgb,var(--vopex-overlay-base,var(--amin-color-surface)) 81%,transparent),transparent 18%)}
.v23-hero-body{min-height:455px;display:flex;align-items:center}
.v23-hero-copy{width:57%;padding:30px 0 25px}
.v23-hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;color:var(--v23-ha-muted);margin:0 0 18px}
.v23-hero-eyebrow:before{content:"";width:18px;height:2px;background:var(--v23-ha-accent);flex-shrink:0}
.v23-hero-copy h1{font-size:clamp(42px,4vw,58px);line-height:1.55;letter-spacing:-1.5px;font-weight:350;margin:0 0 22px;color:inherit;overflow-wrap:anywhere}
.v23-hero-copy h1>span{display:block;font-weight:850}.v23-hero-copy h1 em{font-style:normal;position:relative;white-space:normal}.v23-hero-copy h1 em:after{content:"";position:absolute;bottom:-8px;right:0;width:100%;height:5px;background:var(--v23-ha-accent)}
.v23-hero-description{color:var(--v23-ha-muted);font-size:14px;line-height:2.05;max-width:430px;margin-bottom:28px;font-weight:400}
.v23-hero-description p,.v23-about-text p,.v23-hero-eyebrow p,.v23-hero-copy h1 p,.v23-hero-benefit p,.v23-about-intro h2 p{margin:0}
.v23-hero-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;max-width:100%;align-items:center;gap:0;padding:5px;min-height:50px;background:var(--button-bg,var(--v23-ha-accent));color:var(--button-ink,var(--amin-color-on-primary));border:1px solid var(--button-bg,var(--v23-ha-accent));border-radius:12px;font-size:13px;font-weight:700;text-decoration:none;box-shadow:none;transform:none;transition:box-shadow .4s ease}
.v23-hero-button:before{content:"";position:absolute;inset:0 auto 0 0;width:0;border-radius:8px;background:var(--v23-ha-ink);z-index:-1;transition:width .4s ease-in-out}
.v23-hero-button>span:first-child{position:relative;isolation:isolate;overflow:hidden;z-index:1;background:var(--amin-color-surface-raised);padding:11px 17px;border-radius:5px;line-height:1.5}
.v23-hero-button>span:first-child:after{content:"";position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;background:var(--button-bg,var(--v23-ha-accent));z-index:-1;transition:width .4s ease-in-out}
.v23-hero-arrow{width:40px;height:35px;display:grid;place-items:center;font-size:20px;font-weight:400;z-index:1;transition:transform .4s ease-in-out,color .4s ease-in-out}
.v23-hero-button:is(:hover,:focus-visible):before,.v23-hero-button:is(:hover,:focus-visible)>span:first-child:after{width:100%}
.v23-hero-button:is(:hover,:focus-visible) .v23-hero-arrow{transform:rotate(-45deg);color:var(--amin-color-surface-raised)}
.v23-hero-button:is(:hover,:focus-visible){transform:none;background:var(--button-bg,var(--v23-ha-accent));color:var(--button-ink,var(--amin-color-on-primary))}
.v23-hero-benefits{position:absolute;bottom:0;inset-inline:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--v23-ha-line);padding:24px 0;background:color-mix(in srgb,var(--vopex-benefits-overlay-base,var(--amin-color-surface-raised)) 79%,transparent)}
.v23-hero-benefit{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--child-ink,var(--v23-ha-ink))}.v23-hero-benefit+.v23-hero-benefit{border-right:1px solid var(--v23-ha-line);padding-right:28px}.v23-hero-benefit strong{font-size:13px;font-weight:500;line-height:1.8}.v23-hero-feature-icon{width:28px;height:28px;aspect-ratio:1;flex-shrink:0;font-size:25px;display:grid;place-items:center;color:var(--child-icon,var(--amin-color-secondary));background:var(--child-icon-bg,transparent)}.v23-hero-feature-icon img{display:block;width:100%;height:100%;object-fit:contain}
.vopex-v23-about{padding:58px 0 62px;background:var(--element-bg,var(--amin-color-surface));scroll-margin-top:24px}
.v23-about-grid{display:grid;grid-template-columns:minmax(0,.8fr) 80px minmax(0,1.2fr);gap:44px;align-items:center}.v23-about-intro h2{font-size:26px;line-height:1.6;font-weight:750;letter-spacing:-.4px;margin:0 0 10px;color:inherit}.v23-about-text{color:var(--v23-ha-muted);font-size:14px;line-height:2;max-width:480px;font-weight:400}.v23-about-intro .v23-about-text{max-width:330px}.v23-about-text mark{background:color-mix(in srgb,var(--v23-ha-accent) 28%,var(--amin-color-surface));color:var(--v23-ha-ink);padding:1px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.v23-about-divider{width:1px;height:112px;justify-self:center;transform:rotate(-43deg);background:repeating-linear-gradient(to bottom,var(--v23-ha-line) 0 8px,transparent 8px 16px)}
.v23-about-link{min-height:44px;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;color:var(--v23-ha-ink);text-decoration:none;margin-top:16px}.v23-about-link span{font-size:23px;color:var(--v23-ha-accent);transition:transform .25s}.v23-about-link:hover span{transform:translateX(-5px)}
.v23-hero-button:focus-visible,.v23-about-link:focus-visible{outline:3px solid var(--element-focus-ring,var(--amin-color-focus-ring));outline-offset:5px}
@media(max-width:1000px){.v23-ha-wrap{width:calc(100% - 48px)}.v23-hero-copy{width:60%}.v23-hero-copy h1{font-size:46px}.v23-about-grid{grid-template-columns:minmax(0,1fr) 65px minmax(0,1.2fr);gap:24px}}
@media(max-width:700px){.v23-ha-wrap{width:calc(100% - 32px)}.vopex-v23-hero{height:auto;min-height:0;padding-top:96px;padding-bottom:0}.v23-hero-body{min-height:0;display:block}.v23-hero-copy{width:100%;padding:47px 0 205px}.v23-hero-copy h1{font-size:38px;line-height:1.6;letter-spacing:-1px}.v23-hero-description{font-size:13px;max-width:310px;margin-bottom:25px}.v23-hero-visual img{object-position:32% center}.v23-hero-visual:after{background:linear-gradient(180deg,color-mix(in srgb,var(--vopex-overlay-base,var(--amin-color-surface)) 98%,transparent) 0%,color-mix(in srgb,var(--vopex-overlay-base,var(--amin-color-surface)) 93%,transparent) 39%,color-mix(in srgb,var(--vopex-overlay-base,var(--amin-color-surface)) 32%,transparent) 64%,color-mix(in srgb,var(--vopex-overlay-base,var(--amin-color-surface)) 85%,transparent) 100%)}.v23-hero-benefits{position:relative;width:100%;gap:6px;padding:21px 0}.v23-hero-benefit{flex-direction:column;gap:9px;text-align:center;padding-inline:4px}.v23-hero-benefit+.v23-hero-benefit{padding-right:4px}.v23-hero-benefit strong{font-size:10px;white-space:normal}.v23-hero-feature-icon{width:23px;height:23px;font-size:22px}.vopex-v23-about{padding:39px 0 42px}.v23-about-grid{grid-template-columns:1fr;gap:20px}.v23-about-intro h2{font-size:24px}.v23-about-text{font-size:13px}.v23-about-divider{height:1px;width:100%;transform:none;background:repeating-linear-gradient(to left,var(--v23-ha-line) 0 8px,transparent 8px 16px)}}
@media(max-width:380px){.v23-hero-copy h1{font-size:33px}.v23-hero-description{max-width:100%}}
@media(prefers-reduced-motion:reduce){.v23-hero-button,.v23-hero-button:before,.v23-hero-button>span:first-child:after,.v23-hero-arrow,.v23-about-link span{transition:none}.v23-hero-button:is(:hover,:focus-visible),.v23-hero-button:is(:hover,:focus-visible) .v23-hero-arrow,.v23-about-link:hover span{transform:none}}

/* Default outer section spacing; inline customization can override it. */
section.vopex-v23-hero{padding-top:30px;padding-bottom:30px}