/* Hubsby · maqueta v7 (17-10-2026). Solo lo nuevo; todo lo demás sale de /assets/hubsby.css (el sistema publicado). */

/* [COD-2] Dos versiones de las frases que dependen de la rama prueba-pro-tarjeta.
   body.cod2-no = HOY (por defecto) · body.cod2-si = cuando la rama esté publicada. */
body.cod2-no .c2-si, body.cod2-si .c2-no { display: none !important; }

/* Cabecera: botones a 44 px y menú de sectores */
.hdr .reg5, .hdr .entrar5 { height: 44px; }
.mnu { position: relative; }
.mnu summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); font: 600 14.5px/1 var(--fb); color: var(--ink); }
.mnu summary::-webkit-details-marker { display: none; }
.mnu ul { position: absolute; right: 0; top: 52px; z-index: 60; list-style: none; margin: 0; padding: 8px; min-width: 250px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--sh2); }
.mnu li a { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 10px; color: var(--ink); text-decoration: none; font: 600 15px/1.2 var(--fb); }
.mnu li a:hover, .mnu li a[aria-current] { background: var(--red-s); color: var(--red-d); }
@media (max-width: 420px) { .hdr .logo span { display: none; } .hdr-a { gap: 6px; } .hdr .entrar5, .mnu summary { padding: 0 11px; } .hdr .reg5 { padding: 0 13px; } }

/* Rótulo "Ejemplo" en pantallas y escenas de muestra */
.ej { position: absolute; top: 10px; left: 10px; z-index: 3; font: 700 11.5px/1 var(--fb); letter-spacing: .02em; color: #fff; background: rgba(22,22,26,.72); padding: 6px 9px; border-radius: 999px; }
.anw { position: relative; }
.anw > .ej { top: 0; left: 50%; transform: translateX(-50%); }

/* Hueco de imagen pendiente: se ve a propósito para no publicarlo sin la imagen */
.pend { display: grid; place-items: center; text-align: center; aspect-ratio: 4/5; padding: 22px; border: 2px dashed var(--red); border-radius: 20px; background: var(--red-s); color: var(--red-d); font: 650 14px/1.45 var(--fb); }

/* Notificación sobre foto (componente .lkn del sistema) con su secuencia */
.ov6 .lkn + .lkn { margin-top: 6px; }
.seq3 .lkn { animation: s3in 6s var(--ease) infinite both; }
.seq3 .lkn.w1 { animation-name: s3wa; animation-delay: 0s; }
.seq3 .lkn.w2 { animation-name: s3wa; animation-delay: .35s; }
.seq3 .lkn.w3 { animation-name: s3wa; animation-delay: .7s; }
.seq3 .lkn.own { position: absolute; left: 0; right: 0; bottom: 0; animation-name: s3own; }
@keyframes s3wa { 0% { opacity: 0; transform: translateY(8px); } 8%, 45% { opacity: 1; transform: none; } 55%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes s3own { 0%, 52% { opacity: 0; transform: translateY(10px) scale(.98); } 62%, 94% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .seq3 .lkn { animation: none; } .seq3 .lkn.w1, .seq3 .lkn.w2, .seq3 .lkn.w3 { display: none; } .seq3 .lkn.own { position: static; opacity: 1; } }

/* Chat de muestra con ChatGPT o Claude */
.chat { position: relative; border-radius: 20px; background: #f3f3f0; border: 1px solid var(--line); padding: 44px 14px 16px; display: grid; gap: 10px; min-height: 220px; align-content: start; }
.chat .q { justify-self: end; max-width: 82%; background: var(--ink); color: #fff; padding: 10px 13px; border-radius: 16px 16px 4px 16px; font: 500 15px/1.35 var(--fb); }
.chat .a { justify-self: start; max-width: 86%; background: #fff; padding: 12px 14px; border-radius: 16px 16px 16px 4px; box-shadow: var(--sh1); }
.chat .dots { display: inline-flex; gap: 5px; }
.chat .dots i { width: 8px; height: 8px; border-radius: 50%; background: #9a9aa2; animation: dot 1.2s infinite ease-in-out; }
.chat .dots i:nth-child(2) { animation-delay: .15s; } .chat .dots i:nth-child(3) { animation-delay: .3s; }
@keyframes dot { 0%, 80%, 100% { opacity: .3; transform: none; } 40% { opacity: 1; transform: translateY(-3px); } }
.chat .blur { display: grid; gap: 7px; filter: blur(4px); user-select: none; }
.chat .blur i { display: block; height: 10px; border-radius: 6px; background: #c9c9cf; }
.chat .lock { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font: 650 12.5px/1 var(--fb); color: var(--ink2); }
.chat .lock svg { width: 14px; height: 14px; }

/* Tarjetas con imagen (4 en la home, 3 en sectores) */
.tk { display: grid; gap: 16px; margin-top: 24px; }
@media (min-width: 720px) { .tk { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .tk.k3 { grid-template-columns: repeat(3, 1fr); } }
.tk > li { list-style: none; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 12px 12px 18px; box-shadow: var(--sh1); }
.tk .fig6 { aspect-ratio: 4/3; box-shadow: none; }
.tk .chat { aspect-ratio: auto; min-height: 0; }
.tk h3 { margin: 14px 4px 6px; font: 700 19px/1.2 var(--fd); color: var(--ink); }
.tk p { margin: 0 4px; font-size: 15.5px; line-height: 1.5; color: var(--ink2); }
.tk small { display: block; margin: 8px 4px 0; font-size: 13.5px; color: var(--muted); }
.tk { padding: 0; }

/* Cifra grande de Milka */
.cifra { margin: 18px 0 6px; font: 800 30px/1.1 var(--fd); color: var(--ink); letter-spacing: -.01em; }
.cifra-s { font-size: 14px; line-height: 1.5; color: var(--muted); }

/* Deslizable de dos capturas reales (home) */
.dz { display: grid; grid-auto-flow: column; grid-auto-columns: 86%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
.dz > * { scroll-snap-align: start; margin: 0; }
@media (min-width: 900px) { .dz { grid-auto-columns: 1fr; overflow: visible; } }
.dz .real img { width: 100%; height: auto; border-radius: 16px; border: 1px solid var(--line); }

/* Montaje: plegables */
.fold { margin-top: 12px; border-top: 1px solid var(--line); }
.fold summary { display: flex; justify-content: space-between; align-items: center; min-height: 44px; font: 650 15px/1.3 var(--fb); color: var(--ink); cursor: pointer; list-style: none; }
.fold summary::-webkit-details-marker { display: none; }
.fold p { margin: 4px 0 12px; font-size: 15px; line-height: 1.55; color: var(--ink2); }

/* Precio */
.cm { margin-top: 14px; font: 650 15.5px/1.4 var(--fb); color: var(--ink); }
.slp { margin-top: 22px; padding: 18px; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); font-size: 15px; line-height: 1.6; color: var(--ink2); }
.slp b { color: var(--ink); }
.pc .btn { width: 100%; margin-top: 16px; white-space: normal; text-align: center; }

/* Posdata */
.pd { font: 500 18px/1.55 var(--fb); color: var(--ink); }

/* Pie: enlaces con zona de toque de 44 px */
.ftr li a, .ftr .who a { display: inline-flex; align-items: center; min-height: 44px; }
.ftr ul { list-style: none; padding: 0; margin: 6px 0 0; }

/* Cabecera de sector sobre el H1 */
.pg-name { display: block; margin-bottom: 10px; font: 700 13px/1 var(--fb); color: var(--red); }

/* Ajustes tras la prueba a 375/768/1280 */
.g2 > *, .hero-g > * { min-width: 0; }
.dz { max-width: 100%; }
.eng { min-height: 44px; }
.fig6 .lkn-ti { font-size: 14px; }
.fig6 .lkn-h, .fig6 .lkn-h b, .fig6 .lkn-h span { font-size: 13px; }
.chat .lock { font-size: 13.5px; }
@media (max-width: 600px) {
  .mnu { position: static; }
  .mnu ul { position: fixed; left: 16px; right: 16px; top: 64px; min-width: 0; }
}
.hero-cap{margin:8px 0 0;font-size:13px;line-height:1.3;text-align:center;opacity:.75;white-space:nowrap}

/* Ticks del precio en verde */
.precio7 .prl li.pr .ok, .precio7 .prl li.pr > i, .precio7 .prl li.pr > svg { color: var(--ok, #1F8A5B); }
.precio7 .prl li.pr .ok svg, .precio7 .prl li.pr .ok svg * { color: var(--ok, #1F8A5B); }

/* Home, animación del móvil: el texto de WhatsApp hace salto de línea dentro de la burbuja */
.rs4 .bub { max-width: 94%; min-width: 0; }
.rs4 .bub .bl { white-space: normal; overflow-wrap: anywhere; word-break: break-word; min-width: 0; }
.rs4 .wa-c, .rs4 .wa-m { min-width: 0; }

/* ===== v9 (17-10-2026): 5 animaciones de la home en lugar de las capturas pendientes =====
   Misma técnica que el móvil de arriba: .an[data-tl] añade s1…sN; con movimiento reducido, todas + .still = último fotograma. */
main .an.v9 .phone.v4 { width: min(100%, 228px); }
.v9 .ph-scr img { display: block; }

/* REC-01 · reserva sin cuenta (recreación del reservador público con «Tu negocio») */
.an.a1 .phone.v4 .ph-scr { background: #f6f7f9; }
.a1 .rs-top { position: absolute; left: 8px; right: 8px; top: 46px; height: 50px; border-radius: 10px; background: var(--red); color: #fff; display: flex; align-items: center; gap: 9px; padding: 0 10px; }
.a1 .rs-top img { width: 30px; height: 30px; border-radius: 8px; }
.a1 .rs-top b { display: block; font: 700 13px/1.15 var(--fd); }
.a1 .rs-top small { display: block; font-size: 10px; opacity: .9; }
.a1 .rs-st { position: absolute; left: 2px; right: 2px; top: 104px; display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; }
.a1 .k { display: grid; justify-items: center; align-content: start; gap: 3px; padding: 0 1px; font: 600 8px/1.1 var(--fb); color: #7a8496; }
.a1 .k b { width: 18px; height: 18px; border-radius: 50%; background: #e8ebf0; color: #5b6577; display: grid; place-items: center; font: 700 9px/1 var(--fb); transition: background .3s, color .3s; }
.a1 .k b em { font-style: normal; }
.a1 .k b .ph { display: none; font-size: 11px; width: 11px; height: 11px; }
.a1 .k b .ph svg { width: 11px; height: 11px; }
.a1 .k1, .a1.s3 .k2, .a1.s5 .k3 { color: var(--red-d, #9e231c); }
.a1 .k1 b, .a1.s3 .k2 b, .a1.s5 .k3 b { background: var(--red); color: #fff; }
.a1.s3 .k1 b em, .a1.s5 .k2 b em { display: none; }
.a1.s3 .k1 b .ph, .a1.s5 .k2 b .ph { display: inline-flex; }
.a1 .pn { position: absolute; left: 8px; right: 8px; top: 150px; opacity: 0; transform: translateX(18px); transition: opacity .35s var(--e-out), transform .5s var(--e-out); }
.a1 .p1 { opacity: 1; transform: none; }
.a1.s3 .p1 { opacity: 0; transform: translateX(-18px); }
.a1.s3 .p2 { opacity: 1; transform: none; }
.a1.s5 .p2 { opacity: 0; transform: translateX(-18px); }
.a1.s5 .p3 { opacity: 1; transform: none; }
.a1 .pt { height: 22px; margin: 0 0 4px; font: italic 800 13px/22px var(--fd); color: var(--ink); white-space: nowrap; }
.a1 .sv { display: flex; align-items: center; justify-content: space-between; height: 56px; margin-bottom: 8px; padding: 0 12px; background: #fff; border: 1.5px solid #e6e9ee; border-radius: 12px; transition: border-color .2s, background .2s; }
.a1 .sv b { display: block; font: italic 750 12px/1.2 var(--fd); color: var(--ink); }
.a1 .sv small { display: block; font-size: 10px; color: #6b7385; margin-top: 2px; }
.a1 .sv em { font: 800 13px/1 var(--fd); font-style: normal; color: var(--red); }
.a1 .pg { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.a1 .pf { height: 88px; background: #fff; border: 1.5px solid #e6e9ee; border-radius: 12px; display: grid; justify-items: center; align-content: center; gap: 4px; text-align: center; transition: border-color .2s, background .2s; }
.a1 .pf .av { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #e9edf3; color: #4b5568; font: 700 14px/1 var(--fd); }
.a1 .pf .av .ph { font-size: 17px; }
.a1 .pf b { font: 650 11px/1.1 var(--fb); color: var(--ink); }
.a1 .pf small { font: 650 8.5px/1.1 var(--fb); color: #6b7385; }
.a1 .pf.any { border-color: var(--red); background: #fdf1f0; }
.a1.s2 .p1 .sv.x { border-color: var(--red); background: #fdf1f0; }
.a1.s4 .pf.any { border-color: #e6e9ee; background: #fff; }
.a1.s4 .pf.x { border-color: var(--red); background: #fdf1f0; }
.a1 .dd { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; height: 40px; }
.a1 .dd span { display: grid; place-items: center; align-content: center; border: 1.5px solid #e6e9ee; border-radius: 10px; background: #fff; font: 800 12px/1 var(--fd); color: var(--ink); }
.a1 .dd small { font: italic 600 8.5px/1.2 var(--fb); color: #7a8496; }
.a1 .dd .on { background: var(--red); border-color: var(--red); color: #fff; }
.a1 .dd .on small { color: #ffd9d6; }
.a1 .hk { height: 16px; margin: 8px 0 6px; font: 700 10px/16px var(--fb); color: #5b6577; }
.a1 .hg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.a1 .hg span { height: 30px; display: grid; place-items: center; border: 1.5px solid #e6e9ee; border-radius: 8px; background: #fff; font: 700 11px/1 var(--fb); color: #3d4657; transition: background .2s, color .2s, border-color .2s; }
.a1.s6 .hg .x { background: var(--red); border-color: var(--red); color: #fff; }
.a1.s1 .fing { opacity: 1; --fx: 104px; --fy: 204px; }
.a1.s2 .fing { --fs: .8; }
.a1.s3 .fing { --fs: 1; --fx: 154px; --fy: 220px; }
.a1.s4 .fing { --fs: .8; }
.a1.s5 .fing { --fs: 1; --fx: 104px; --fy: 333px; }
.a1.s6 .fing { --fs: .8; }
.a1.s7 .fing { opacity: 0; }

/* REC-02 · recordatorio en la pantalla de bloqueo */
.an.a2 .phone.v4 .ph-scr { background: linear-gradient(165deg, #3b4c6b, #6e5f7e 50%, #d19a86); }
.a2 .dl { position: absolute; inset: 0; color: #fff; transition: opacity .45s ease; }
.a2 .d2 { opacity: 0; }
.a2.s2 .d1 { opacity: 0; }
.a2.s2 .d2 { opacity: 1; }
.a2 .n { position: absolute; left: 9px; right: 9px; top: 146px; opacity: 0; transform: translateY(-22px) scale(.95); transition: opacity .35s var(--e-out), transform .6s var(--e-spring); }
.a2 .lkn-ti { font-size: 12.5px; }
.a2 .lkn-t2 { font-size: 12px; line-height: 1.35; color: var(--ink2); }
.a2 .n1 .t2 { display: none; }
.a2.s1 .n1 { opacity: 1; transform: none; }
.a2.s3 .n1 { opacity: .92; transform: translateY(88px) scale(.97); }
.a2.s3 .n1 .t1 { display: none; }
.a2.s3 .n1 .t2 { display: inline; }
.a2.s3 .n2 { opacity: 1; transform: none; transition-delay: .15s; }
.a2.s3 .phone { animation: bz1 .5s cubic-bezier(.36,.07,.19,.97) .3s; }
.a2.s1:not(.s2) .phone { animation: bz1 .5s cubic-bezier(.36,.07,.19,.97) .1s; }

/* REC-03 · del cobro en el panel a la reseña */
.a3 .ph-scr { background: #fff; }
.a3 .sP, .a3 .sW { position: absolute; inset: 0; }
.a3 .sP { background: #fff; text-align: center; }
.a3 .pk { position: absolute; top: 56px; left: 0; right: 0; font: 700 12px/1 var(--fb); color: var(--muted); letter-spacing: .02em; }
.a3 .sP .av { position: absolute; top: 96px; left: 50%; width: 52px; height: 52px; margin-left: -26px; border-radius: 50%; background: var(--red-s, #fbe9e7); color: var(--red-d, #9e231c); display: grid; place-items: center; font: 700 21px/1 var(--fd); }
.a3 .nm { position: absolute; top: 160px; left: 0; right: 0; font: 700 16px/1.2 var(--fd); color: var(--ink); }
.a3 .wh { position: absolute; top: 182px; left: 0; right: 0; font-size: 12px; color: var(--muted); }
.a3 .am { position: absolute; top: 226px; left: 0; right: 0; font: 800 44px/1 var(--fd); color: var(--ink); letter-spacing: -.02em; }
.a3 .bt { position: absolute; left: 16px; right: 16px; bottom: 30px; height: 46px; border-radius: 999px; background: var(--ink); color: #fff; display: grid; place-items: center; font: 700 14.5px/1 var(--fb); transition: transform .15s var(--e-out); }
.a3 .ok { position: absolute; inset: 0; background: #fff; display: grid; align-content: center; justify-items: center; gap: 6px; opacity: 0; transition: opacity .3s ease; }
.a3 .ok p { margin-top: 10px; font: 750 20px/1 var(--fd); color: var(--ink); }
.a3 .ok small { font-size: 13px; color: var(--muted); }
.a3 .sW { background: var(--wa-bg, #EFEAE2); opacity: 0; }
.a3 .sim-av { overflow: hidden; background: #16161a; }
.a3 .sim-av img { width: 32px; height: 32px; }
.a3 .wa-m { opacity: 0; transform: translateY(10px) scale(.97); transition: opacity .3s var(--e-out), transform .55s var(--e-spring); }
.a3 .bub { max-width: 96%; min-width: 0; }
.a3 .bub .bl { white-space: normal; overflow-wrap: anywhere; min-width: 0; }
.a3 .bub .lk { color: #1f6fd1; transition: background .2s; border-radius: 4px; }
.a3 .sh { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; background: #fff; border-radius: 22px 22px 0 0; padding: 10px 16px 30px; box-shadow: 0 -10px 30px -10px #00000040; display: grid; justify-items: center; gap: 12px; transform: translateY(110%); transition: transform .6s var(--e-out); }
.a3 .sh .st { display: flex; gap: 8px; font-size: 28px; color: #d6d6d2; }
.a3 .sh .st .ph-fill { width: 28px; height: 28px; }
.a3 .sh .st svg { width: 28px; height: 28px; }
.a3.s1 .fing { opacity: 1; --fx: 104px; --fy: 398px; }
.a3.s2 .fing { --fs: .8; }
.a3.s2 .bt { transform: scale(.96); }
.a3.s3 .fing { opacity: 0; }
.a3.s3 .ok { opacity: 1; }
.a3.s3 .chk { opacity: 1; transform: scale(1); transition-delay: .15s; }
.a3.s3 .chk i { transform: rotate(var(--r)) scaleX(1); transition-delay: .4s; }
.a3.s3 .chk .c2 { transition-delay: .55s; }
.a3.s4 .sP { opacity: 0; }
.a3.s4 .sW { opacity: 1; }
.a3.s5 .wa-m { opacity: 1; transform: none; }
.a3.s6 .fing { opacity: 1; --fs: 1; --fx: 92px; --fy: var(--ly, 262px); }
.a3.s7 .fing { --fs: .8; }
.a3.s7 .bub .lk { background: #1f6fd11f; }
.a3.s8 .fing { opacity: 0; }
.a3.s8 .sh { transform: none; }

/* REC-05 · el icono de tu negocio en su móvil (mismo móvil que en peluquerías, con «Tu negocio») */
.a5 .hs-a.ours .lg img { width: 100%; height: 100%; object-fit: cover; }
.a5 .sp9 { width: 96px; height: 96px; border-radius: 26px; box-shadow: 0 18px 40px -16px #16161a73; }
.a5 .ap9 { background: #fff; display: grid; align-content: start; justify-items: center; }
.a5 .ap9-top { width: 100%; padding: 64px 14px 22px; display: grid; justify-items: center; gap: 6px; background: linear-gradient(180deg, #f4f1ec, #fff); }
.a5 .ap9-top img { width: 88px; height: 88px; border-radius: 24px; box-shadow: 0 0 0 4px #fff, 0 14px 30px -12px #16161a80; margin-bottom: 6px; }
.a5 .ap9-top b { font: 750 19px/1.1 var(--fd); color: var(--ink); }
.a5 .ap9-top small { font-size: 12px; color: var(--muted); }
.a5 .ap9-b { margin-top: 18px; width: calc(100% - 32px); height: 44px; border-radius: 999px; background: var(--red); color: #fff; display: grid; place-items: center; font: 700 14px/1 var(--fb); }
.a5 .ap9-l { margin-top: 14px; display: inline-flex; align-items: center; gap: 5px; font: 650 12.5px/1 var(--fb); color: var(--red-d, #9e231c); }

/* REC-06 · tus números con el Pro (chat genérico) */
.a6 .cg { position: relative; max-width: 420px; margin: 0 auto; border-radius: 22px; background: #fff; border: 1px solid var(--line); box-shadow: var(--sh2); padding: 14px 14px 12px; display: grid; gap: 12px; }
.a6 .cg-h { display: flex; align-items: center; gap: 6px; padding-bottom: 10px; border-bottom: 1px solid var(--line); font: 650 13px/1 var(--fb); color: var(--muted); }
.a6 .cg-h .ph { color: var(--red); }
.a6 .cg-b { display: grid; gap: 12px; align-content: start; min-height: 150px; transition: opacity .3s ease; }
.a6 .cg-q { justify-self: end; max-width: 80%; background: #ececea; color: var(--ink); padding: 10px 14px; border-radius: 18px 18px 6px 18px; font: 550 15px/1.35 var(--fb); opacity: 0; transform: translateY(8px); transition: opacity .3s var(--e-out), transform .5s var(--e-spring); }
.a6 .cg-a { position: relative; justify-self: start; max-width: 94%; }
.a6 .cg-d { position: absolute; top: 4px; left: 2px; display: inline-flex; gap: 5px; opacity: 0; }
.a6 .cg-d i { width: 8px; height: 8px; border-radius: 50%; background: #9a9aa2; animation: dot 1.2s infinite ease-in-out; }
.a6 .cg-d i:nth-child(2) { animation-delay: .15s; } .a6 .cg-d i:nth-child(3) { animation-delay: .3s; }
.a6 .cg-t { margin: 0; font: 450 16px/1.5 var(--fb); color: var(--ink); }
.a6 .cg-t b { font-weight: 700; }
.a6 .w { opacity: 0; transition: opacity .18s ease; }
.a6 .cg-in { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 6px 0 14px; border-radius: 999px; border: 1px solid var(--line); background: #fafaf8; }
.a6 .cg-in span { flex: 1; height: 8px; border-radius: 6px; background: #ececea; max-width: 46%; }
.a6 .cg-in i { margin-left: auto; width: 32px; height: 32px; border-radius: 50%; background: var(--ink); color: #fff; display: grid; place-items: center; font-style: normal; }
.a6.s1 .cg-q { opacity: 1; transform: none; }
.a6.s2 .cg-d { opacity: 1; }
.a6.s3 .cg-d { opacity: 0; }
.a6.s3 .w { opacity: 1; transition-delay: calc(var(--i) * 75ms); }
.a6.fade .cg-b { opacity: 0; }
.still.a6 .cg-d { display: none; }
.a5 .hs-a small { font-size: 8.5px; letter-spacing: -.01em; max-width: 100%; }
.a5 .hs-a.ours small { overflow: visible; text-overflow: clip; font-weight: 600; }
.a1 .p2 .pt { font-size: 11px; letter-spacing: -.01em; }