.explainer-carousel { width:min(920px,100%); margin:auto; overflow:hidden; border:1px solid rgba(216,184,107,.32); border-radius:23px; background:linear-gradient(145deg,#102216,#07100a); box-shadow:0 28px 90px rgba(0,0,0,.4); }
.sales-page .explainer-carousel { width:min(780px,100%); }
.explainer-stage { position:relative; aspect-ratio:16/9; background:#030806; }
.explainer-stage video { display:block; width:100%; height:100%; object-fit:contain; }
.explainer-start { position:absolute; inset:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:14px; padding:clamp(20px,4vw,42px); color:white; border:0; background:linear-gradient(180deg,transparent 35%,rgba(2,8,4,.92)); cursor:pointer; text-align:left; }
.guide-play-ring { display:grid; place-items:center; width:64px; height:64px; padding-left:4px; border:1px solid rgba(255,255,255,.75); border-radius:50%; color:#142018; background:var(--gold-light); animation:playPulse 2.5s ease-out infinite; }
.explainer-start>span:nth-child(2) { font:700 .7rem/1.3 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.explainer-start strong { max-width:700px; font:400 clamp(1.6rem,4vw,3.2rem)/1.05 Georgia,serif; letter-spacing:-.025em; text-shadow:0 3px 25px #020804; }
.explainer-details { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px 30px 12px; }
.explainer-details .eyebrow { margin:0 0 8px; }
.explainer-details h3 { margin:0 0 9px; font-size:clamp(1.4rem,2.6vw,2rem); line-height:1.1; font-weight:400; }
.explainer-details p:not(.eyebrow) { margin:0; color:rgba(232,238,232,.67); font:400 .92rem/1.65 Arial,sans-serif; }
.guide-navigation { display:flex; gap:8px; flex-shrink:0; }
.guide-navigation button { width:43px; height:43px; border:1px solid rgba(216,184,107,.4); border-radius:50%; color:var(--gold-light); background:rgba(216,184,107,.05); font-size:1.2rem; cursor:pointer; }
.guide-navigation button:disabled { opacity:.25; cursor:default; }
.guide-status { margin:0; padding:0 30px 24px; color:rgba(232,238,232,.48); font:400 .76rem/1.5 Arial,sans-serif; }
.explainer-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:18px; border-top:1px solid var(--line); background:rgba(0,0,0,.15); }
.explainer-choice { padding:0; overflow:hidden; border:1px solid rgba(216,184,107,.15); border-radius:12px; text-align:left; color:var(--mist); background:rgba(13,26,18,.8); cursor:pointer; transition:border-color .25s,transform .25s,box-shadow .25s; }
.explainer-choice:hover { transform:translateY(-3px); border-color:var(--gold); }
.explainer-choice[aria-pressed="true"] { border-color:var(--gold-light); box-shadow:0 0 24px rgba(216,184,107,.13); }
.guide-art { position:relative; display:block; aspect-ratio:16/9; }
.guide-art img { display:block; width:100%; height:100%; object-fit:cover; }
.guide-art>span { position:absolute; bottom:10px; right:10px; display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(255,255,255,.4); border-radius:50%; color:var(--gold-light); background:rgba(2,8,4,.7); font-size:.7rem; }
.guide-choice-copy { display:block; padding:13px; }
.guide-choice-copy small { display:block; margin-bottom:7px; color:var(--gold); font:700 .6rem/1 Arial,sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.guide-choice-copy strong { font:400 1.1rem/1.2 Georgia,serif; }
.explainer-finish { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; text-align:center; background:linear-gradient(145deg,rgba(7,17,12,.96),rgba(16,34,22,.97)); }
.explainer-finish h3 { max-width:580px; margin:0; font-size:clamp(1.8rem,4.5vw,3.4rem); line-height:1; font-weight:400; }
.explainer-finish>p:not(.eyebrow) { color:rgba(232,238,232,.66); font:400 .95rem/1.5 Arial,sans-serif; }
.guide-restart { margin-top:17px; padding:6px; border:0; color:var(--gold-light); background:transparent; text-decoration:underline; text-underline-offset:4px; cursor:pointer; font:400 .8rem/1.4 Arial,sans-serif; }
.explainer-start[hidden],.explainer-finish[hidden] { display:none; }
.explainer-carousel button:focus-visible { outline:2px solid var(--gold-light); outline-offset:-4px; }
@media(max-width:600px) {
  .explainer-carousel { border-radius:16px; }
  .guide-play-ring { width:44px; height:44px; }
  .explainer-start { gap:9px; padding:18px; }
  .explainer-start strong { font-size:1.55rem; }
  .explainer-details { padding:20px 18px 12px; align-items:flex-start; gap:12px; }
  .guide-navigation { gap:5px; }.guide-navigation button { width:34px; height:34px; }
  .guide-status { padding:0 18px 20px; }
  .explainer-choices { gap:8px; padding:10px; }
  .guide-choice-copy { padding:10px 8px; }.guide-choice-copy strong { font-size:.87rem; }.guide-choice-copy small { font-size:.55rem; }
  .guide-art>span { width:24px; height:24px; bottom:5px; right:5px; font-size:.6rem; }
  .explainer-finish { padding:14px; }.explainer-finish .eyebrow { font-size:.55rem; margin:0 0 9px; }.explainer-finish h3 { font-size:1.6rem; }.explainer-finish>p:not(.eyebrow) { margin:9px 0 12px; font-size:.76rem; }.explainer-finish .primary { padding:11px 15px; font-size:.64rem; }.guide-restart { margin-top:8px; font-size:.7rem; }
}
@media(prefers-reduced-motion:reduce) { .guide-play-ring { animation:none; }.explainer-choice { transition:none; } }