/* Standalone dubbing details use existing public container, typography and card patterns. */
.pv-dub-detail{--dub-ink:#111827;--dub-purple:#4f46e5;--dub-border:#e5e7eb;--dub-quiet:#f7f8ff;overflow-x:clip;color:var(--dub-ink)}
.pv-dub-detail *,.pv-dub-detail *::before,.pv-dub-detail *::after{box-sizing:border-box}
.pv-dub-detail__glow{position:absolute;z-index:-1;top:-6rem;right:-12rem;width:50rem;height:28rem;background:radial-gradient(ellipse at center,rgba(147,125,255,.16),transparent 72%);pointer-events:none}
.pv-dub-detail__breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-bottom:2.7rem;color:#737f95;font-size:.8rem;line-height:1.6}
.pv-dub-detail__breadcrumbs a{color:#4f46e5;text-decoration:none}
.pv-dub-detail__breadcrumbs a:hover{text-decoration:underline}
.pv-dub-detail__eyebrow{font-size:.71rem!important;line-height:1.5!important;font-weight:800!important;letter-spacing:.14em;color:var(--dub-purple)!important;text-transform:uppercase!important;margin-bottom:.9rem!important}
.pv-dub-detail__intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(2rem,4vw,5.5rem)}
.pv-dub-detail__intro-copy{max-width:760px}
.pv-dub-detail__intro h1{line-height:1.1}
.pv-dub-detail__visual{border:1px solid #dcdff4;border-radius:1.4rem;background:#fff;box-shadow:0 20px 70px rgba(48,51,97,.10);overflow:hidden;transform:rotate(1.5deg)}
.pv-dub-detail__visual-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #e8ebf6;background:#f9faff;color:#727c98;font-size:.62rem;letter-spacing:.12em;font-weight:800}
.pv-dub-detail__visual-inner{padding:2rem 1.65rem}
.pv-dub-detail__visual-wave{height:7rem;display:flex;gap:5px;align-items:center;justify-content:center;padding:.5rem 0}
.pv-dub-detail__visual-wave span{display:block;width:6px;max-width:4%;height:25%;border-radius:6px;background:linear-gradient(180deg,#8171ec,#4f46e5)}
.pv-dub-detail__visual-wave span:nth-child(3n){height:78%}
.pv-dub-detail__visual-wave span:nth-child(4n){height:51%}
.pv-dub-detail__visual-wave span:nth-child(5n){height:90%}
.pv-dub-detail__visual-wave span:nth-child(7n){height:36%}
.pv-dub-detail__visual-label{font-size:1.17rem!important;text-align:center;font-weight:750;color:#20244a}
.pv-dub-detail__visual-caption{text-align:center;font-size:.69rem!important;letter-spacing:.14em;color:#777f9a;margin-top:.5rem!important}
.pv-dub-detail__visual-progress{display:flex;align-items:center;gap:.45rem;margin:2rem 0 1.1rem}
.pv-dub-detail__visual-progress span{height:.45rem;border-radius:20px;flex:1;background:#6a5be0}
.pv-dub-detail__visual-progress span:nth-child(4),.pv-dub-detail__visual-progress span:nth-child(5){background:#e4e2fa}
.pv-dub-detail__visual-pills{display:flex;justify-content:center;gap:.5rem}
.pv-dub-detail__visual-pills span{background:#f0effe;border:1px solid #e4e3fb;color:#5246a5;border-radius:25px;padding:.35rem .65rem;font-size:.68rem;font-weight:750}
.pv-dub-detail__section{padding-top:clamp(4rem,7vw,6.2rem)}
.pv-dub-detail__section-heading{max-width:740px}
.pv-dub-detail__section-heading h2{line-height:1.2}
.pv-dub-detail__use-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;list-style:none;padding:0;margin:1.7rem 0 0}
.pv-dub-detail__use-cases li{display:flex;align-items:center;gap:.95rem;padding:1.3rem;border:1px solid var(--dub-border);border-radius:1rem;background:#fff;font-weight:620;color:#273249;line-height:1.5}
.pv-dub-detail__use-cases li span{height:1.7rem;width:1.7rem;display:grid;place-items:center;border-radius:50%;flex:none;background:#edecfe;color:var(--dub-purple);font-size:.85rem;font-weight:800}
.pv-dub-detail__number{font-size:.8rem;letter-spacing:.1em;font-weight:780;color:#7567dc}
.pv-dub-detail__advantages>article{transition:box-shadow .18s ease,border-color .18s ease}
.pv-dub-detail__advantages>article:hover{border-color:#c8c5f7;box-shadow:0 12px 28px rgba(79,70,229,.07)}
.pv-dub-detail__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;list-style:none;padding:0;margin:1.8rem 0 0}
.pv-dub-detail__step{border:1px solid var(--dub-border);border-radius:1rem;padding:1.3rem;background:#fff;min-width:0}
.pv-dub-detail__step-num{display:grid;place-items:center;width:2.35rem;height:2.35rem;background:#eeedff;border-radius:.7rem;font-size:.8rem;font-weight:800;color:var(--dub-purple)}
.pv-dub-detail__step h3{margin-top:1.1rem;line-height:1.35}
.pv-dub-detail__quality{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,4rem);align-items:start;padding:clamp(1.7rem,4vw,3.1rem);background:linear-gradient(135deg,#f3f3ff,#fbfcff);border:1px solid #dce0f5}
.pv-dub-detail__quality-list{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}
.pv-dub-detail__quality-list li{display:flex;align-items:flex-start;gap:.9rem;line-height:1.65;color:#374151}
.pv-dub-detail__quality-list li span{flex:none;display:grid;place-items:center;height:1.5rem;width:1.5rem;border-radius:50%;background:#4f46e5;color:#fff;font-size:.72rem;margin-top:.12rem}
.pv-dub-detail__deliverables{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.6rem}
.pv-dub-detail__caution{border-color:#d9dff1;background:#f8f9ff}
.pv-dub-detail__faqs{display:grid;gap:.8rem;max-width:930px;margin-top:1.7rem}
.pv-dub-detail__faqs details{transition:border-color .2s}
.pv-dub-detail__faqs details[open]{border-color:#a8a2ee}
.pv-dub-detail__faqs summary{list-style:none;position:relative;cursor:pointer;padding-right:2rem;line-height:1.5}
.pv-dub-detail__faqs summary::-webkit-details-marker{display:none}
.pv-dub-detail__faqs summary::after{content:"+";position:absolute;right:0;color:#4f46e5;font-size:1.15rem;top:0}
.pv-dub-detail__faqs details[open] summary::after{content:"−"}
.pv-dub-detail__alternatives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem}
.pv-dub-detail__alternatives a{position:relative;display:flex;flex-direction:column;gap:.65rem;text-decoration:none;color:#344054;transition:border-color .2s,transform .2s}
.pv-dub-detail__alternatives a strong{font-size:1.03rem;color:#25294c}
.pv-dub-detail__alternatives a span:not(.pv-dub-detail__arrow){font-size:.88rem;line-height:1.65}
.pv-dub-detail__alternatives a:hover{border-color:#aaa1f6;transform:translateY(-2px)}
.pv-dub-detail__arrow{position:absolute;right:1.1rem;top:1.1rem;color:#4f46e5;font-size:1.1rem}
.pv-dub-detail__final{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;margin-top:clamp(4rem,7vw,6rem);padding:clamp(1.75rem,4vw,3rem);background:#f0efff;border:1px solid #d8d5fa}
.pv-dub-detail__final-actions{display:flex;flex-direction:column;gap:.7rem;align-items:stretch}
.pv-dub-detail__final-actions a{text-align:center;white-space:nowrap}
@media(max-width:1050px){.pv-dub-detail__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.pv-dub-detail__intro{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.pv-dub-detail__alternatives{grid-template-columns:1fr 1fr}.pv-dub-detail__final{grid-template-columns:1fr}.pv-dub-detail__final-actions{flex-direction:row}}
@media(max-width:760px){.pv-dub-detail__intro{grid-template-columns:1fr}.pv-dub-detail__visual{max-width:470px;transform:none}.pv-dub-detail__quality{grid-template-columns:1fr}.pv-dub-detail__steps{grid-template-columns:1fr 1fr}.pv-dub-detail__deliverables{grid-template-columns:1fr}}
@media(max-width:530px){.pv-dub-detail__use-cases,.pv-dub-detail__steps,.pv-dub-detail__alternatives{grid-template-columns:1fr}.pv-dub-detail__actions,.pv-dub-detail__final-actions{flex-direction:column}.pv-dub-detail__actions a,.pv-dub-detail__final-actions a{width:100%;text-align:center}.pv-dub-detail__visual-inner{padding:1.2rem}.pv-dub-detail__breadcrumbs{gap:.4rem}}
@media(prefers-reduced-motion:reduce){.pv-dub-detail__advantages>article,.pv-dub-detail__alternatives a{transition:none}.pv-dub-detail__alternatives a:hover{transform:none}}
