/* ۷۰٪ زمینه و متن خنثی، ۲۰٪ سطوح پشتیبان، حداکثر ۱۰٪ تأکید در اقدام و فوکوس. */
.vopex-final{color:var(--ink,var(--amin-color-text));background:var(--paper,var(--amin-color-surface));font-family:inherit}
.vopex-final .wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.vopex-final .eyebrow{font-size:12px;line-height:1.8;color:var(--muted,var(--amin-color-text-muted));margin:0 0 12px}
.vopex-final button,.vopex-final a{font-family:inherit}.vopex-final button:focus-visible,.vopex-final a:focus-visible{outline:3px solid var(--yellow,var(--amin-color-primary));outline-offset:4px}
.vopex-final p{margin:0}.vopex-final [hidden]{display:none!important}
/* Readable document cards; the scroll runway is measured from actual content. */
.vopex-final.certificates{padding:30px 0}
.vopex-final .certificate-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line,var(--amin-color-border));position:relative}
.vopex-final .certificate-heading::after{content:'';position:absolute;inset-inline-start:0;bottom:-1px;width:64px;height:3px;background:var(--yellow,var(--amin-color-primary))}
.vopex-final .certificate-heading h2{font-size:34px;line-height:1.7;font-weight:450;margin:0;letter-spacing:-.7px}.vopex-final .certificate-heading strong{font-weight:800}
.vopex-final .certificate-viewport{overflow:visible}.vopex-final .certificate-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.vopex-final.certificates.certificate-scroll-active{box-sizing:border-box}
.vopex-final.certificates.certificate-scroll-active .certificate-layout{position:sticky;top:var(--certificate-sticky-top,112px)}
.vopex-final.certificates.certificate-scroll-active .certificate-viewport{overflow:hidden;border-radius:12px}
.vopex-final.certificates.certificate-scroll-active .certificate-track{display:flex}
.vopex-final.certificates.certificate-scroll-active .certificate-card{flex:0 0 49%}
.vopex-final .certificate-card{position:relative;overflow:hidden;min-width:0;box-sizing:border-box;border:1px solid var(--line,var(--amin-color-border));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--child-ink,var(--ink,#102E42)) 25%,#081923),color-mix(in srgb,var(--child-ink,var(--ink,#102E42)) 10%,#081923));display:flex;flex-direction:column;color:#FFFFFF}
.vopex-final .certificate-preview{position:relative;height:100px;box-sizing:border-box;overflow:hidden;border-bottom:1px solid #FFFFFF26;background:linear-gradient(120deg,#FFFFFF08,transparent)}
.vopex-final .certificate-preview::before{content:'';position:absolute;width:140px;height:140px;border:1px solid #FFFFFF26;border-radius:50%;inset-inline-end:25px;top:20px;box-shadow:0 0 0 14px #FFFFFF06,0 0 0 30px #FFFFFF04}
.vopex-final .certificate-preview::after{content:'';position:absolute;width:130px;height:1px;background:#FFFFFF38;inset-inline-end:0;top:48px;transform:rotate(-25deg);transform-origin:center}
.vopex-final .certificate-index{position:absolute;z-index:1;top:22px;inset-inline-start:20px;font:500 32px/1.4 monospace;color:#FFFFFF;direction:ltr}
/* The real document remains the dialog source and is never a cover image. */
.vopex-final .certificate-photo{display:none}
.vopex-final .certificate-copy{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1;background:transparent}
.vopex-final .certificate-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.vopex-final .certificate-top h3{font-size:18px;font-weight:700;margin:0;line-height:1.8}.vopex-final .certificate-top>span{font-size:21px;color:var(--child-icon,var(--yellow))}
.vopex-final .certificate-description{font-size:14px;line-height:1.9;color:#FFFFFF;margin:0 0 4px}
.vopex-final .certificate-open{background:#FFFFFF;border:1px solid #FFFFFF;border-radius:6px;font-size:12px;font-weight:600;color:#102E42;padding:8px 12px;align-self:flex-start;margin-top:auto;cursor:pointer;display:flex;gap:18px;align-items:center;min-height:44px;min-width:44px}.vopex-final .certificate-open>span:last-child{color:#102E42;font-size:18px}.vopex-final .certificate-open:hover{background:#EDF3F6;border-color:#EDF3F6}
.vopex-final .certificate-top h3{color:#FFFFFF}.vopex-final .certificate-open:focus-visible{outline:3px solid #FFFFFF;outline-offset:4px}
.vopex-final .certificate-dialog{position:fixed;width:calc(100% - 32px);max-width:760px;max-height:92svh;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;padding:34px 20px 20px;background:var(--paper);color:var(--ink)}.vopex-final .certificate-dialog::backdrop{background:color-mix(in srgb,var(--amin-color-secondary) 75%,transparent)}.vopex-final .certificate-dialog img{display:block;width:100%;height:auto;margin:auto}.vopex-final .certificate-close{position:sticky;z-index:2;top:0;display:block;margin-inline-start:auto;min-width:44px;min-height:44px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:25px;cursor:pointer}
.vopex-final.diako-blog{padding:62px 0 58px}.vopex-final.diako-blog>.wrap{border-bottom:1px solid var(--line);padding-bottom:46px}.vopex-final.diako-blog h2{font-size:30px;line-height:1.6;font-weight:750;margin:0 0 32px;letter-spacing:-.5px}.vopex-final .diako-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vopex-final .guide-card{display:block;text-decoration:none;color:var(--child-ink,var(--ink));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--child-bg,var(--surface));transition:box-shadow .25s,transform .25s}.vopex-final .guide-photo{height:155px;overflow:hidden}.vopex-final .guide-photo img{display:block;width:100%;height:100%;object-fit:cover}.vopex-final .guide-copy{padding:20px 22px 22px}.vopex-final .guide-copy h3{font-size:15px;line-height:1.9;font-weight:650;margin:0 0 12px}.vopex-final .guide-description{font-size:13px;line-height:2;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vopex-final .text-link{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;margin-top:19px}.vopex-final .icon{width:15px;height:15px;stroke:currentColor;stroke-width:1.6;fill:none}.vopex-final .guide-card:hover{transform:translateY(-3px);border-color:var(--yellow);box-shadow:0 8px 22px color-mix(in srgb,var(--ink) 4%,transparent)}
.vopex-final.request-section{padding:12px 0 72px}.vopex-final .request-panel{position:relative;isolation:isolate;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:65px 58px;display:grid;grid-template-columns:1fr 1.08fr;gap:70px;min-height:350px;align-items:center;box-sizing:border-box}.vopex-final .request-panel:before{content:'';position:absolute;z-index:-1;right:0;top:0;bottom:0;width:9px;background:var(--yellow)}
.vopex-final .request-title .eyebrow{margin:0 0 15px;font-size:12px}.vopex-final .request-title h2{font-size:clamp(35px,3.7vw,54px);font-weight:900;line-height:1.45;letter-spacing:-1.6px;margin:0;color:var(--ink)}.vopex-final .request-title h2 span{display:block}.vopex-final .request-title h2 em{font-style:normal;color:var(--amin-color-text,var(--yellow))}.vopex-final .request-title small{display:block;margin-top:22px;direction:ltr;text-align:right;font-family:Arial,sans-serif;font-size:11px;letter-spacing:3px;color:var(--muted)}
.vopex-final .request-content>strong{font-size:16px;line-height:1.9;display:block}.vopex-final .request-description{font-size:13px;line-height:2;color:var(--muted);margin:8px 0 25px;max-width:490px}.vopex-final .request-options{display:flex;gap:6px;padding:5px;border-radius:11px;background:color-mix(in srgb,var(--line) 55%,var(--surface));margin-bottom:15px}.vopex-final .request-options button{flex:1;min-width:0;min-height:44px;padding:11px 6px;border:0;border-radius:7px;cursor:pointer;font-size:12px;font-weight:550;color:var(--muted);background:transparent;transition:background .2s,color .2s}.vopex-final .request-options button[aria-selected=true]{background:var(--ink);color:var(--paper)}.vopex-final .request-options button:hover:not([aria-selected=true]){background:var(--paper)}
.vopex-final .request-action-row{display:flex;gap:12px;align-items:center;padding:6px 6px 6px 15px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--paper) 20%,transparent)}.vopex-final .request-context{font-size:11px;line-height:1.8;color:var(--muted);flex:1}.vopex-final .request-submit{display:flex;align-items:center;justify-content:center;gap:20px;border-radius:7px;background:var(--child-button-bg,var(--button-bg,var(--yellow)));padding:13px 18px;color:var(--child-button-ink,var(--button-ink,var(--ink)));font-size:12px;font-weight:750;white-space:nowrap;text-decoration:none;transition:background .2s,transform .2s}.vopex-final .request-submit:hover{background:color-mix(in srgb,var(--button-bg,var(--yellow)) 85%,var(--paper));transform:translateY(-2px)}.vopex-final .request-submit span{font-size:20px;line-height:1}.vopex-final .request-secondary{display:inline-flex;gap:10px;align-items:center;color:var(--muted);text-decoration:none;font-size:11px;margin-top:14px;min-height:44px}.vopex-final .request-secondary:hover{text-decoration:underline}
@media(max-width:1000px){.vopex-final .wrap{width:calc(100% - 48px)}.vopex-final .certificate-track{grid-template-columns:repeat(2,minmax(0,1fr))}.vopex-final .certificate-top h3{font-size:16px}.vopex-final .certificate-heading h2{font-size:30px}.vopex-final .request-panel{gap:35px;padding:45px 32px}.vopex-final .request-title h2{font-size:37px}.vopex-final .request-options button{font-size:11px}}
@media(max-width:700px){.vopex-final .wrap{width:calc(100% - 32px)}.vopex-final .certificate-heading{display:block;margin-bottom:24px}.vopex-final .certificate-heading h2{font-size:27px}.vopex-final .certificate-viewport{overflow:visible}.vopex-final .certificate-track{display:grid;grid-template-columns:1fr;gap:16px}.vopex-final .certificate-card{width:100%}.vopex-final .certificate-top h3{font-size:19px}.vopex-final.diako-blog{padding:40px 0}.vopex-final.diako-blog h2{font-size:25px;margin-bottom:24px}.vopex-final .diako-guide-grid{grid-template-columns:1fr}.vopex-final .guide-copy{padding:19px}.vopex-final.diako-blog>.wrap{padding-bottom:35px}.vopex-final.request-section{padding:0 0 40px}.vopex-final .request-panel{grid-template-columns:1fr;gap:27px;padding:30px 19px;border-radius:19px;min-height:0}.vopex-final .request-title h2{font-size:35px;letter-spacing:-.8px}.vopex-final .request-title small{margin-top:13px;font-size:10px}.vopex-final .request-content>strong{font-size:14px}.vopex-final .request-description{font-size:12px;margin-bottom:20px}.vopex-final .request-options button{font-size:10px;padding:11px 3px}.vopex-final .request-action-row{align-items:stretch;flex-direction:column;padding:8px;gap:10px}.vopex-final .request-context{padding:3px 6px}.vopex-final .request-submit{font-size:12px;justify-content:space-between}.vopex-final .request-secondary{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vopex-final a,.vopex-final button{transition:none}.vopex-final .guide-card:hover,.vopex-final .request-submit:hover{transform:none}}





@media(max-width:900px) and (min-width:701px){.vopex-final .request-panel{grid-template-columns:1fr;gap:28px}.vopex-final .request-title h2 span{display:inline}.vopex-final .request-title h2 span+span{margin-right:10px}}
@media(max-width:380px){.vopex-final .request-title h2{font-size:30px}}
.vopex-final .request-panel>*{min-width:0}.vopex-final .certificate-top h3,.vopex-final .guide-copy h3,.vopex-final .request-title h2{overflow-wrap:anywhere}

/* Certificate cards remain readable with long panel content and reduced motion. */
.vopex-final .certificate-top>span{color:var(--child-icon,var(--yellow))}
.vopex-final .certificate-description p+p{margin-top:.6em}
.vopex-final .certificate-card{overflow-wrap:anywhere}

.vopex-final .certificate-close:focus-visible{outline-color:var(--ink,var(--amin-color-text))}

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

/* Quiet floating forms stay in unused outer gutters, clear of reading and controls. */
@media(min-width:1200px){
  .vopex-final.certificates,.vopex-final.diako-blog,.vx-capabilities,.vx-products{position:relative;isolation:isolate}
  .vopex-final.certificates::before,.vopex-final.certificates::after,.vopex-final.diako-blog::after,.vx-capabilities::after,.vx-products::after{content:'';position:absolute;pointer-events:none;width:clamp(20px,2vw,44px);height:clamp(20px,2vw,44px);inset-inline-start:max(10px,calc((100% - 1200px)/4));animation:vopex-gutter-drift 16s ease-in-out infinite alternate}
  .vopex-final.certificates::before{top:180px;box-sizing:border-box;border:4px double color-mix(in srgb,var(--ink) 24%,transparent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--yellow) 8%,transparent)}
  .vopex-final.certificates::after{top:66%;inset-inline-start:auto;inset-inline-end:max(10px,calc((100% - 1200px)/4));box-sizing:border-box;border:5px double color-mix(in srgb,var(--yellow) 48%,transparent);border-inline-start-color:transparent;border-bottom-color:transparent;border-radius:50%;animation-delay:-6s}
  .vopex-final.diako-blog::after{top:90px;box-sizing:border-box;border:5px double color-mix(in srgb,var(--ink) 24%,transparent);border-inline-end-color:transparent;border-radius:50%;animation-delay:-10s}
  .vx-capabilities::after{top:55%;inset-inline-start:auto;inset-inline-end:max(10px,calc((100% - 1200px)/4));box-sizing:border-box;border:4px double color-mix(in srgb,var(--element-text,var(--amin-color-text)) 24%,transparent);border-radius:50%;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--yellow) 12%,transparent);animation-delay:-4s}
  .vx-products::after{bottom:36px;box-sizing:border-box;border:5px double color-mix(in srgb,var(--yellow) 48%,transparent);border-inline-end-color:transparent;border-radius:50%;animation-delay:-8s}
}
@keyframes vopex-gutter-drift{from{transform:translateY(-3px) rotate(-8deg)}to{transform:translateY(3px) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.vopex-final.certificates::before,.vopex-final.certificates::after,.vopex-final.diako-blog::after,.vx-capabilities::after,.vx-products::after{animation:none}}