/* =====================================================================
   Sales Caddy AI — página de producto
   Usa styles.css (home) + certeza.css (sistema de páginas de producto)
   y agrega solo los componentes propios de Sales Caddy.
   ===================================================================== */
.sc-mark{background:linear-gradient(135deg,#5F44F6,#5CAFF9)}
.c-logo--sm .c-logo__mark{width:24px;height:24px;border-radius:7px}
.c-logo--sm .c-logo__mark svg{width:13px;height:13px}
.c-logo--sm .c-logo__word{font-size:14px}
.sc-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#EDE7FF,#DCEBFF);color:#3A1FC8;font-size:13px;font-weight:700;display:grid;place-items:center;flex:none}
.sc-avatar--sm{width:30px;height:30px;font-size:11px}

/* ---------- Hero ---------- */
.sc-case{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:28px;font-size:15px;font-weight:500;color:var(--c-muted)}
.sc-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;border:1px solid #DCD3FF;background:#fff;color:var(--c-text);font-weight:600;font-size:14.5px;transition:border-color .25s,background .25s,transform .25s}
.sc-chip svg{width:16px;height:16px;color:var(--c-violet)}
.sc-chip:hover{border-color:var(--c-violet);background:var(--c-violet-50);transform:translateY(-2px)}
.sc-report{position:absolute;left:0;bottom:0;width:min(380px,94%);background:#fff;border:1px solid var(--c-line);border-radius:20px;box-shadow:0 24px 60px rgba(46,43,80,.14);overflow:hidden}
.sc-report .chat__head{padding:14px 16px}
.sc-report__body{padding:18px 18px 20px}
.sc-score{display:flex;align-items:center;gap:16px}
.sc-ring{width:78px;height:78px;transform:rotate(-90deg);flex:none}
.sc-ring circle{fill:none;stroke-width:8}
.sc-ring__bg{stroke:#EFEBFF}
.sc-ring__fg{stroke:url(#scg);stroke:#5F44F6;stroke-linecap:round;stroke-dasharray:213.6;stroke-dashoffset:213.6;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1)}
.sc-score__num{margin:0;font-size:40px;font-weight:600;line-height:1;letter-spacing:-1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content}
.sc-score__lbl{margin:6px 0 0;font-size:12.5px;line-height:1.35;color:var(--c-muted)}
.sc-mini-title{margin:18px 0 10px;font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--c-text)}
.sc-focus{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sc-focus li{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:#F7F5FF;font-size:13.5px;color:#1B1340;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.sc-focus li b{width:22px;height:22px;border-radius:50%;background:var(--grad);color:#fff;font-size:12px;display:grid;place-items:center;flex:none}
.sc-focus li.is-in,.sc-focus.is-in li{opacity:1;transform:none}

/* ---------- ¿Te suena? (slider con frases) ---------- */
.s-card--quote .s-card__title{font-size:24px;line-height:1.45}
.s-card__icon--alert{background:var(--c-alert-bg) !important;color:var(--c-alert) !important}
.sc-q-label{margin:-14px 0 10px;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#C2410C}
.sc-fix{display:flex;gap:10px;margin:22px 0 0;padding-top:18px;border-top:1px dashed #DCD3FF;font-size:17px;font-weight:500;line-height:1.55;color:#1B1340}
.sc-fix svg{width:22px;height:22px;flex:none;padding:4px;border-radius:50%;background:var(--c-green-bg);color:var(--c-green);margin-top:1px}

/* ---------- Cómo funciona (4 pasos) ---------- */
.sc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}
.sc-steps::before{content:"";position:absolute;left:6%;right:6%;top:50px;border-top:2px dashed #CFC5FF}
.sc-steps .c-icon{margin-bottom:22px}
@media (max-width:1180px){ .sc-steps{grid-template-columns:repeat(2,minmax(0,1fr))} .sc-steps::before{display:none} }
@media (max-width:640px){ .sc-steps{grid-template-columns:minmax(0,1fr)} }

/* ---------- Timeline de la llamada (sección oscura) ---------- */
.tl{padding:28px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.tl__head{display:flex;align-items:center;gap:12px}
.tl__name{margin:0;font-size:17px;font-weight:600;color:#fff}
.tl__meta{margin:2px 0 0;font-size:13.5px;color:#B8B1CF}
.tl__play{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font:600 14px var(--font-sans);cursor:pointer}
.tl__play svg{width:14px;height:14px}
.tl__track{margin-top:30px}
.tl__stages{display:flex;gap:4px}
.tl__stages span{flex:0 0 calc(var(--w) - 4px);font-size:12.5px;font-weight:600;color:#C9C3DA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl__bar{position:relative;height:10px;margin-top:10px;border-radius:999px;background:rgba(255,255,255,.1)}
.tl__progress{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:var(--grad)}
.tl__pin{position:absolute;left:var(--x);top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid #1A1523;cursor:pointer;transition:transform .25s,box-shadow .25s}
.tl__pin--ok{background:#22C55E}.tl__pin--bad{background:#F7627B}.tl__pin--warn{background:#F59E0B}
.tl__pin.is-on{transform:scale(1.35);box-shadow:0 0 0 6px rgba(255,255,255,.14)}
.tl__scale{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#8F88A8}
.tl__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin-top:28px}
.tl__moment{min-height:190px;padding:24px;border-radius:18px;background:#fff;color:var(--c-text)}
.tl__moment .m-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:5px 10px}
.m-tag--ok{background:var(--c-green-bg);color:var(--c-green)}.m-tag--bad{background:#FFE4E8;color:#BE123C}.m-tag--warn{background:#FFF4E5;color:#B45309}
.tl__moment h3{margin:14px 0 0;font-size:22px;font-weight:500;line-height:1.35}
.tl__moment p{margin:10px 0 0;font-size:16px;font-weight:500;line-height:1.6;color:var(--c-muted)}
.tl__moment .m-tip{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--c-violet-50);color:#3A1FC8;font-weight:600}
.tl__moment > *{animation:c-pop .5s cubic-bezier(.2,.8,.2,1) both}
.tl__stats{display:grid;gap:16px}
.tl__stat,.tl__kpis > div{padding:20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.tl__stat-title{margin:0 0 12px;font-size:15px;font-weight:600;color:#fff}
.talk{display:flex;height:34px;border-radius:10px;overflow:hidden;font-size:13px;font-weight:700}
.talk__you{width:0;display:flex;align-items:center;padding-left:12px;background:#F7627B;color:#fff;white-space:nowrap;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.talk.is-in .talk__you{width:var(--p)}
.talk__client{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;background:#22C55E;color:#062B13}
.tl__note{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:#B8B1CF}
.tl__kpis{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tl__num{margin:0;font-size:38px;font-weight:600;line-height:1;color:#fff}
@media (max-width:1023px){ .tl{padding:20px} .tl__grid{grid-template-columns:minmax(0,1fr)} .tl__stages span{font-size:10.5px} }
@media (max-width:640px){ .tl__stages{display:none} .tl__play span{display:none} }

/* ---------- Closers / Directores ---------- */
.sc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.sc-split .c-head{margin-bottom:32px}
.sc-split--rev > :first-child{order:2}
.sc-acc{align-items:stretch;max-width:520px}
.sc-acc .acc__item{max-width:none}
.sc-card{position:relative;padding:28px;background:#fff;border:1px solid var(--c-border);border-radius:22px;box-shadow:0 24px 60px rgba(95,68,246,.10)}
.sc-scorecard__top{display:flex;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--c-line)}
.sc-big{margin:0;font-size:64px;font-weight:600;letter-spacing:-2px;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sc-scorecard__title{margin:0;font-size:22px;font-weight:500}
.sc-scorecard .c-small{margin-top:6px}
.bars{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.bars li{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:12px;font-size:14.5px;font-weight:500;color:var(--c-text)}
.bars i{position:relative;height:10px;border-radius:999px;background:#F1EEFA}
.bars b{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:var(--grad);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.bars em{position:absolute;left:var(--t);top:-4px;width:2px;height:18px;border-radius:2px;background:#1D0077;opacity:.45}
.bars.is-in b{width:var(--v)}
.bars li:nth-child(2) b{transition-delay:.08s}.bars li:nth-child(3) b{transition-delay:.16s}.bars li:nth-child(4) b{transition-delay:.24s}.bars li:nth-child(5) b{transition-delay:.32s}.bars li:nth-child(6) b{transition-delay:.4s}
.bars strong{text-align:right;font-weight:600}
.bars__legend{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:13px;color:var(--c-muted)}
.bars__legend i{width:2px;height:14px;background:#1D0077;opacity:.45}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kpi{padding:16px;border-radius:16px;background:#F7F5FF}
.kpi__l{margin:0;font-size:13px;font-weight:500;color:var(--c-muted)}
.kpi__v{margin:8px 0 0;font-size:34px;font-weight:600;line-height:1;color:var(--c-text)}
.kpi__d{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--c-green);background:var(--c-green-bg);border-radius:999px;padding:3px 8px}
.chart{margin-top:20px;padding:18px;border-radius:16px;border:1px solid var(--c-line)}
.chart__head{display:flex;justify-content:space-between;align-items:baseline}
.chart__head p{margin:0;font-size:15px;font-weight:600}
.chart__head span{font-size:12.5px;color:var(--c-muted)}
.chart__svg{width:100%;height:auto;margin-top:8px;overflow:visible}
.chart__grid line{stroke:#EEEBF6;stroke-width:1}
.chart__goal{stroke:#5CAFF9;stroke-width:1.5;stroke-dasharray:5 5}
.chart__goal-t{font:600 11px var(--font-sans);fill:#3B8FF0}
.chart__area{fill:rgba(130,91,248,.10);opacity:0;transition:opacity 1s .6s}
.chart__line{fill:none;stroke:#5F44F6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1)}
.chart__dot{fill:#fff;stroke:#5F44F6;stroke-width:3;opacity:0;transition:opacity .4s 1.4s}
.chart__x text{font:500 11.5px var(--font-sans);fill:#8E8AA0;text-anchor:middle}
.chart.is-in .chart__line{stroke-dashoffset:0}
.chart.is-in .chart__area,.chart.is-in .chart__dot{opacity:1}
@media (max-width:1023px){
  .sc-split{grid-template-columns:minmax(0,1fr);gap:40px}
  .sc-split--rev > :first-child{order:0}
  .sc-acc{max-width:none}
}
@media (max-width:640px){ .kpis{grid-template-columns:minmax(0,1fr)} .sc-big{font-size:52px} .bars li{grid-template-columns:84px 1fr 30px;font-size:13.5px} }

/* ---------- Ciclo "Cada llamada te deja algo" ---------- */
.cycle{position:relative;width:min(400px,100%);aspect-ratio:1;margin:40px auto 0}
.cycle__ring{position:absolute;inset:0;width:100%;height:100%}
.cycle__arc{transform-origin:200px 200px;transform:rotate(-90deg);transition:transform .9s cubic-bezier(.65,0,.35,1)}
.cycle__center{position:absolute;inset:27%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.cycle__t{margin:0;font-size:28px;font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cycle__d{margin:8px 0 0;font-size:15px;font-weight:500;line-height:1.45;color:var(--c-muted)}
.cycle__t,.cycle__d{transition:opacity .3s}
.cycle.is-swap .cycle__t,.cycle.is-swap .cycle__d{opacity:0}
.cycle__node{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;border:1px solid #DCD3FF;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;
  transform:rotate(var(--a)) translateY(-37.5cqw) rotate(calc(-1 * var(--a)));font:600 13px var(--font-sans);color:var(--c-text);transition:background .3s,border-color .3s,box-shadow .3s,color .3s}
.cycle{container-type:inline-size}
.cycle__node svg{width:22px;height:22px;color:var(--c-violet)}
.cycle__node.is-on{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 12px 30px rgba(95,68,246,.35)}
.cycle__node.is-on svg{color:#fff}
@media (max-width:640px){ .cycle__node{width:72px;height:72px;margin:-36px 0 0 -36px;font-size:11.5px} .cycle__t{font-size:22px} .cycle__d{font-size:13.5px} }

/* ---------- Dispositivos ---------- */
.devices{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:end}
.desk{display:grid;grid-template-columns:190px minmax(0,1fr);border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--c-line);box-shadow:0 30px 80px rgba(46,43,80,.12)}
.desk__side{display:flex;flex-direction:column;gap:4px;padding:18px 12px;background:#1A1523;color:#C9C3DA}
.desk__side .c-logo__word{color:#fff}
.desk__sec{margin:18px 8px 6px;font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#8F88A8}
.desk__item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;font-size:13px;font-weight:500}
.desk__item svg{width:15px;height:15px}
.desk__item.is-on{background:rgba(130,91,248,.25);color:#fff}
.desk__user{margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px 6px 0;border-top:1px solid rgba(255,255,255,.1)}
.desk__user b{display:block;font-size:12.5px;color:#fff}.desk__user small{font-size:11px}
.desk__main{min-width:0;padding:18px;background:#FAF9FE}
.desk__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.desk__h{margin:0;font-size:17px;font-weight:600}
.desk__sub{margin:2px 0 0;font-size:12.5px;color:var(--c-muted)}
.desk__tag{margin-left:auto;font-size:11px;font-weight:600;color:var(--c-green);background:var(--c-green-bg);border-radius:999px;padding:4px 9px}
.desk__month{font-size:12px;font-weight:600;border:1px solid var(--c-line);border-radius:8px;padding:5px 9px;background:#fff}
.desk__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.desk__kpis > div{padding:12px;border-radius:12px;background:#fff;border:1px solid var(--c-line)}
.desk__kpis p{margin:0;font-size:11.5px;color:var(--c-muted)}
.desk__kpis b{display:block;margin-top:6px;font-size:20px;font-weight:600}
.desk__kpis em{font-style:normal;font-size:11px;font-weight:700;color:var(--c-green);vertical-align:middle}
.desk__kpis small{font-size:11px;color:#8E8AA0}
.desk__row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.desk__box{padding:14px;border-radius:12px;background:#fff;border:1px solid var(--c-line);min-width:0}
.desk__bt{margin:0 0 10px;font-size:13px;font-weight:600}
.stack{display:flex;height:12px;border-radius:999px;overflow:hidden}
.stack i{width:var(--w)}
.s1{background:#22C55E}.s2{background:#F59E0B}.s3{background:#F7627B}
.stack__lg{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--c-muted)}
.stack__lg li{display:flex;align-items:center;gap:6px}
.stack__lg i{width:8px;height:8px;border-radius:50%}
.desk__insight{display:flex;gap:8px;margin:12px 0 0;padding:10px;border-radius:10px;background:var(--c-violet-50);font-size:12px;line-height:1.45;color:#3A1FC8}
.desk__insight svg{width:15px;height:15px;flex:none}
.sig{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sig li{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:600}
.sig small{display:block;font-weight:500;font-size:11px;color:var(--c-muted)}
.sig b{color:#BE123C}
.desk__table-wrap{margin-top:10px;overflow-x:auto}
.desk__table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.desk__table th{text-align:left;font-weight:600;color:var(--c-muted);padding:6px 8px;border-bottom:1px solid var(--c-line);white-space:nowrap}
.desk__table td{padding:7px 8px;border-bottom:1px solid #F3F1F9}
.desk__table td.h{color:var(--c-green);font-weight:600}.desk__table td.l{color:#BE123C;font-weight:600}
.phone{position:relative;padding:14px 14px 18px;border-radius:34px;background:#fff;border:8px solid #1A1523;box-shadow:0 30px 70px rgba(46,43,80,.2);animation:oai-float 7s ease-in-out infinite;--fy:-12px;--fr:0deg}
.phone__bar{display:flex;justify-content:center;font-size:11px;font-weight:700;margin-bottom:8px}
.phone__h{margin:0;font-size:15px;font-weight:600}
.phone__sub{margin:2px 0 0;font-size:11.5px;color:var(--c-muted)}
.phone__score{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border-radius:14px;background:#F7F5FF}
.phone__score b{font-size:28px;font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.phone__score p{margin:0;font-size:12.5px;font-weight:600}.phone__score small{font-size:11px;color:var(--c-green);font-weight:600}
.phone__chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.phone__chips span{font-size:10px;font-weight:600;padding:3px 7px;border-radius:999px;background:#fff;border:1px solid var(--c-line);color:var(--c-muted)}
.phone__t{margin:12px 0 8px;font-size:12.5px;font-weight:700}
.sc-focus--sm li{font-size:11.5px;padding:7px 9px}
.sc-focus--sm li b{width:18px;height:18px;font-size:10px}
.phone__crit{margin-top:10px;padding:10px;border-radius:12px;border:1px solid #FFD2DA;background:#FFF6F7}
.phone__min{margin:0;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#BE123C}
.phone__ct{margin:4px 0 0;font-size:12.5px;font-weight:600}
.phone__q{margin:6px 0 0;font-size:11.5px;color:var(--c-muted);font-style:italic}
.phone__try{margin:6px 0 0;font-size:11.5px;font-weight:600;color:#3A1FC8}
@media (max-width:1180px){ .devices{grid-template-columns:minmax(0,1fr)} .phone{width:280px;margin:0 auto} }
@media (max-width:760px){ .desk{grid-template-columns:minmax(0,1fr)} .desk__side{display:none} .desk__kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .desk__row{grid-template-columns:minmax(0,1fr)} }

/* ---------- CTA final con chips flotando ---------- */
.sc-final{position:relative;overflow:hidden;padding-block:clamp(90px,11vw,150px)}
.sc-float-chips{position:absolute;inset:0;pointer-events:none}
.sc-fchip{position:absolute;left:var(--x);top:var(--y);display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid #DCD3FF;box-shadow:0 14px 34px rgba(95,68,246,.12);
  font-size:14px;font-weight:600;color:var(--c-text);white-space:nowrap;animation:oai-float 6s ease-in-out var(--d) infinite;--fy:-12px;--fr:0deg}
.sc-fchip svg{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--c-green-bg);color:var(--c-green)}
.sc-fchip--v{background:var(--grad);color:#fff;border:0}
@media (max-width:1023px){ .sc-float-chips{display:none} }

@media (prefers-reduced-motion: reduce){
  .sc-focus li{opacity:1;transform:none}
  .bars b{width:var(--v);transition:none}
  .talk__you{width:var(--p);transition:none}
  .chart__line{stroke-dashoffset:0}.chart__area,.chart__dot{opacity:1}
  .phone,.sc-fchip{animation:none}
}
.sc-final .c-actions .c-btn{margin-top:0}
.sc-final .c-actions{margin-top:32px}
.c-logo__word{white-space:nowrap}
@media (max-width:640px){
  .nav--page{gap:10px}
  .nav--page .c-logo__ai{display:none}
  .nav--page .c-btn--nav{padding:0 14px;font-size:13.5px;height:36px}
}

/* ===== Hero: analizador de la entrevista (onda de audio + nota + consejos) ===== */
.sc-hv{min-height:0;padding:10px 0 70px}
.an{position:relative;padding:26px 26px 150px;background:#fff;border:1px solid var(--c-line);border-radius:28px;box-shadow:0 30px 80px rgba(46,43,80,.12)}
.an__head{display:flex;align-items:center;gap:14px}
.an__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#5CAFF9,#5F44F6);color:#fff;font-weight:700;font-size:16px;display:grid;place-items:center;flex:none}
.an__name{margin:0;font-size:18px;font-weight:600;color:var(--c-text)}
.an__time{margin:3px 0 0;font-size:14px;color:var(--c-muted);font-variant-numeric:tabular-nums}
.an__pill{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--c-violet-50);color:#3A1FC8;font-size:14px;font-weight:600;white-space:nowrap}
.an__pill i{width:9px;height:9px;border-radius:50%;background:#5F44F6;animation:an-blink 1s ease-in-out infinite}
.an__pill.is-done{background:var(--c-green-bg);color:var(--c-green)}
.an__pill.is-done i{background:#22C55E;animation:none}
@keyframes an-blink{50%{opacity:.25}}
.an__wave{position:relative;display:flex;align-items:center;gap:4px;height:110px;margin-top:22px}
.an__wave b{flex:1;min-width:2px;height:var(--h);border-radius:3px;background:#E6E4F0;transition:background .2s}
.an__wave b.is-on{background:var(--grad)}
.an__head-line{position:absolute;top:-8px;bottom:-8px;left:0;width:2px;border-radius:2px;background:#1A1523}
.an__score,.an__next{position:absolute;bottom:0;min-height:128px;border-radius:22px;padding:22px}
.an__score{left:22px;width:calc(50% - 30px);display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--c-line);box-shadow:0 18px 40px rgba(46,43,80,.10)}
.an__ring{position:relative;width:78px;height:78px;flex:none}
.an__ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.an__ring circle{fill:none;stroke-width:8}
.an__ring-bg{stroke:#EFEDF6}
.an__ring-fg{stroke:#5F44F6;stroke-linecap:round;stroke-dasharray:201;stroke-dashoffset:196;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}
.an__ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:700;color:var(--c-text)}
.an__st{margin:0;font-size:16px;font-weight:600;color:var(--c-text)}
.an__ss{margin:4px 0 0;font-size:14px;color:var(--c-muted)}
.an__next{right:22px;width:calc(50% - 30px);background:#1A1523;color:#E9E5FF;box-shadow:0 18px 40px rgba(26,21,35,.3)}
.an__nt{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;background:linear-gradient(90deg,#C8B8FF,#9FD3FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.an__nt svg{width:18px;height:18px;color:#B9A9FF}
.an__nd{margin:10px 0 0;font-size:15px;line-height:1.5;color:#D8D2F0;min-height:3em}
@media (max-width:640px){
  .an{padding:18px 18px 250px}
  .an__pill span{display:none}.an__pill{padding:0 10px}
  .an__wave{height:80px;gap:3px}
  .an__score,.an__next{left:12px;right:12px;width:auto;min-height:0;padding:16px}
  .an__score{bottom:122px}
  .an__next{bottom:0}
}