/* aun v4 layer · inherits the house system: flat surfaces, 1px rules, hard-offset emphasis (no soft AI shadows) */
:root{
  --grid-ink: rgba(37,68,58,.045);
  --grid-cream: rgba(254,253,249,.06);
}

/* court-line texture */
.hero{position:relative}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--grid-ink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px);
  background-size:100% 104px,138px 100%}
.hero::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(37,68,58,.08);pointer-events:none}
.hero>*{position:relative;z-index:1}
.aunx-proof,.blind-section,.roi-section,.problem{
  background-image:linear-gradient(var(--grid-cream) 1px,transparent 1px),linear-gradient(90deg,var(--grid-cream) 1px,transparent 1px);
  background-size:100% 112px,148px 100%}

/* the empty fourth slot · house emphasis: rule border + hard offset coral */
.slotcard{position:absolute;left:-104px;bottom:88px;z-index:3;background:var(--aun-surface,#FEFDF9);
  border:1px solid var(--aun-rule,#E0DDD7);border-radius:var(--r-lg,14px);padding:14px 16px;
  box-shadow:5px 5px 0 0 var(--aun-coral,#ff8e8b);width:236px;text-align:left}
.slotcard .sc-h{font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.74rem;letter-spacing:.08em;color:var(--aun-muted,#5c5850);text-transform:uppercase;margin:0 0 8px}
.slotcard .sc-t{font-size:.86rem;font-weight:600;color:var(--aun-green,#25443a);margin:0 0 10px;line-height:1.3}
.slotdots{display:flex;gap:8px}
.slotdots span{width:36px;height:36px;border-radius:var(--r-sm,8px);background:var(--aun-green,#25443a);color:#FEFDF9;display:grid;place-items:center;font-size:.8rem;font-weight:700}
.slotdots .open{background:transparent;border:2px dashed var(--aun-coral,#ff8e8b);color:var(--aun-coral-deep,#ff6b66);animation:slotpulse 2.4s ease-in-out infinite}
@keyframes slotpulse{0%,100%{opacity:1}50%{opacity:.4}}
@media (prefers-reduced-motion:reduce){.slotdots .open{animation:none}}
.slotcard .sc-cta{margin-top:11px;background:var(--aun-coral,#ff8e8b);color:var(--aun-green,#25443a);border-radius:999px;font-size:.76rem;font-weight:700;text-align:center;padding:8px 0}
@media(max-width:1060px){.slotcard{display:none}}

/* clubs pricing: the house green highlight card keeps its own cream text; we only add the offset emphasis and fix the grid to 3 plans */
#pricing .step.highlight{box-shadow:8px 8px 0 0 var(--aun-coral,#ff8e8b);position:relative;z-index:1}
@media(min-width:901px){#pricing .flow-steps{grid-template-columns:repeat(3,1fr)}}

/* readable text on the dark ROI band (section-label and body default to dark ink) */
.roi-section .section-label{color:var(--aun-coral,#ff8e8b)}
.roi-section .roi-punch{color:var(--aun-cream,#FEFDF9)}
.roi-section .roi-src{color:var(--aun-cream,#FEFDF9);opacity:.62}
.roi-section .roi-step span{color:rgba(254,253,249,.78)}

/* chat mock (problem band) · uses the site's own WhatsApp tokens */
.wamock{background:var(--wa-bg,#ECE5DD);border:1px solid var(--wa-border,#D1CCC3);border-radius:var(--r-lg,14px);padding:16px;max-width:520px;margin:26px auto 0}
.wamock .m{background:var(--wa-bubble-in,#fff);border-radius:var(--r-md,10px);padding:9px 12px;margin-bottom:8px;font-size:.85rem;color:var(--wa-ink,#111);text-align:left;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.wamock .m b{color:var(--wa-teal,#075E54);display:block;font-size:.74rem;margin-bottom:2px}
.wamock .m.dim{opacity:.45}
.wamock .m.aun{background:var(--aun-coral,#ff8e8b);color:var(--aun-green,#25443a)}
.wamock .m.aun b{color:var(--aun-green,#25443a)}

/* the phone shelf: today vs with aun · flat panels, emphasis by rule + offset */
.shelf-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}
@media(max-width:860px){.shelf-wrap{grid-template-columns:1fr}}
.shelf{background:var(--aun-bg,#F7F5F0);border:1px solid var(--aun-rule,#E0DDD7);border-radius:var(--r-lg,14px);padding:26px}
.shelf.aun{background:var(--aun-surface,#FEFDF9);border:2px solid var(--aun-green,#25443a);box-shadow:6px 6px 0 0 var(--aun-coral,#ff8e8b)}
.shelf h3{font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;color:var(--aun-muted,#5c5850);margin:0 0 16px}
.shelf.aun h3{color:var(--aun-green,#25443a)}
.shelf-row{display:flex;gap:13px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--aun-rule,#E0DDD7)}
.shelf-row:first-of-type{border-top:0}
.shelf-ic{width:40px;height:40px;border-radius:var(--r-sm,8px);flex:none;display:grid;place-items:center;font-family:var(--f-head,'Barlow Condensed');font-size:1.05rem;background:var(--aun-green,#25443a);color:#FEFDF9;font-weight:800}
.shelf-row.dim .shelf-ic{background:transparent;border:1px solid var(--aun-rule,#E0DDD7);color:var(--aun-placeholder,#B5B0A6)}
.shelf-ic.coral{background:var(--aun-coral,#ff8e8b);color:var(--aun-green,#25443a)}
.shelf-row b{display:block;font-size:.95rem;color:var(--aun-ink,#1d1d1b)}
.shelf-row.dim b{color:var(--aun-muted,#5c5850);text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:rgba(122,117,106,.55)}
.shelf-row span{font-size:.83rem;color:var(--aun-muted,#5c5850);line-height:1.45}
.shelf-note{margin-top:14px;font-size:.82rem;font-weight:700;color:var(--aun-green,#25443a);border-top:1px solid var(--aun-rule,#E0DDD7);padding-top:12px}
.shelf.aun .shelf-note{color:var(--aun-green,#25443a);background:var(--aun-coral,#ff8e8b);border:none;border-radius:var(--r-md,10px);padding:9px 12px}

/* the fear section (clubs) · flat cards, house type */
.fear-section{background:var(--aun-cream-mid,#f5f3ec);padding:clamp(56px,8vw,96px) 24px}
.fear-inner{max-width:1080px;margin:0 auto}
.fear-quote{font-size:clamp(26px,3.8vw,44px);line-height:1.1;font-weight:800;color:var(--aun-green,#25443a);margin:0 0 18px;letter-spacing:-.02em}
.fear-quote em{font-style:normal;color:var(--aun-coral-deep,#ff6b66)}
.fear-lead{font-size:17.5px;line-height:1.6;max-width:760px;color:var(--aun-muted,#5c5850);margin-bottom:34px}
.fear-lead strong{color:var(--aun-green,#25443a)}
.fear-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.fear-card{background:var(--aun-surface,#FEFDF9);border:1px solid var(--aun-rule,#E0DDD7);border-radius:var(--r-lg,14px);padding:24px}
.fear-card b{display:block;font-family:var(--f-head,'Barlow Condensed');font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;color:var(--aun-green,#25443a);margin-bottom:8px}
.fear-card p{font-size:14.5px;color:var(--aun-muted,#5c5850);line-height:1.6;margin:0}
.fear-bar{margin-top:30px;background:var(--aun-green,#25443a);color:#FEFDF9;border-radius:var(--r-lg,14px);padding:22px 26px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fear-bar .t{font-size:16.5px;font-weight:700;max-width:660px;line-height:1.45}
.fear-bar .t em{font-style:normal;color:var(--aun-coral,#ff8e8b)}
.fear-bar a{background:var(--aun-coral,#ff8e8b);color:var(--aun-green,#25443a);font-weight:700;padding:13px 24px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:4px 4px 0 0 rgba(254,253,249,.4)}

/* help center */
.help-wrap{max-width:var(--max-w,1160px);margin:0 auto;padding:24px var(--pad,24px) 80px}
.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
@media(max-width:920px){.help-cols{grid-template-columns:1fr}}
.help-h{font-family:var(--f-head,'Barlow Condensed');font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--aun-green,#25443a);margin:0 0 4px}
.help-sub{font-size:.95rem;color:var(--aun-muted,#5c5850);margin:0 0 18px}
.hguide{background:var(--aun-surface,#FEFDF9);border:1px solid var(--aun-rule,#E0DDD7);border-radius:var(--r-lg,14px);margin-bottom:12px;overflow:hidden}
.hguide summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;font-family:var(--f-head,'Barlow Condensed');font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:1rem;color:var(--aun-ink,#1d1d1b)}
.hguide summary::-webkit-details-marker{display:none}
.hguide summary::after{content:"+";font-weight:800;color:var(--aun-coral-deep,#ff6b66);font-size:1.2rem;flex:none}
.hguide[open] summary::after{content:"–"}
.hguide[open]{box-shadow:4px 4px 0 0 var(--aun-coral,#ff8e8b)}
.hg-body{padding:0 20px 18px;border-top:1px solid var(--aun-rule,#E0DDD7)}
.hg-intro{font-size:.92rem;color:var(--aun-muted,#5c5850);margin:14px 0 10px}
.hg-steps{margin:0;padding-left:0;list-style:none;counter-reset:hg}
.hg-steps li{counter-increment:hg;position:relative;padding:8px 0 8px 40px;font-size:.93rem;color:var(--aun-ink,#1d1d1b);line-height:1.55;border-top:1px solid var(--aun-rule,#E0DDD7)}
.hg-steps li:first-child{border-top:0}
.hg-steps li::before{content:counter(hg);position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:var(--r-sm,8px);background:var(--aun-green,#25443a);color:#FEFDF9;display:grid;place-items:center;font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.82rem}
.hg-tip{margin:12px 0 0;font-size:.86rem;color:var(--aun-green,#25443a);background:var(--aun-bg,#F7F5F0);border:1px solid var(--aun-rule,#E0DDD7);border-radius:var(--r-md,10px);padding:10px 12px}
.hg-tip b{font-family:var(--f-head,'Barlow Condensed');text-transform:uppercase;letter-spacing:.06em;margin-right:6px;color:var(--aun-coral-deep,#ff6b66)}
.help-cta{margin-top:44px;text-align:center;border-top:1px solid var(--aun-rule,#E0DDD7);padding-top:34px}
.help-cta p{font-size:1.05rem;color:var(--aun-ink,#1d1d1b);margin:0 0 16px;font-weight:600}

/* claim-your-page section (clubs) */
.claim-section{background:var(--aun-surface,#FEFDF9);padding:clamp(56px,8vw,92px) 24px;border-bottom:1px solid var(--aun-rule,#E0DDD7)}
.claim-inner{max-width:1080px;margin:0 auto}
.claim-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
@media(max-width:900px){.claim-grid{grid-template-columns:1fr}}
.claim-quote{margin:22px 0 0;border-left:3px solid var(--aun-coral,#ff8e8b);padding:4px 0 4px 16px;font-size:16.5px;color:var(--aun-green,#25443a);font-weight:600;line-height:1.5;max-width:560px}
.ccards{display:grid;gap:16px}
.ccard{border-radius:var(--r-lg,14px);padding:18px 20px;background:var(--aun-bg,#F7F5F0)}
.ccard.unclaimed{border:2px dashed var(--aun-rule,var(--aun-ghost-border,#b0aca4))}
.ccard.claimed{background:var(--aun-surface,#FEFDF9);border:2px solid var(--aun-green,#25443a);box-shadow:6px 6px 0 0 var(--aun-coral,#ff8e8b)}
.ccard .ctag{font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--aun-muted-2,var(--aun-placeholder,#B5B0A6));display:block;margin-bottom:10px}
.ccard.claimed .ctag{color:var(--aun-green,#25443a)}
.crow{display:flex;gap:13px;align-items:center}
.clogo{width:46px;height:46px;border-radius:var(--r-sm,10px);flex:none;display:grid;place-items:center;font-family:var(--f-head,'Barlow Condensed');font-weight:800;font-size:1rem}
.ccard.unclaimed .clogo{border:2px dashed var(--aun-rule,var(--aun-ghost-border,#b0aca4));color:var(--aun-placeholder,#B5B0A6)}
.ccard.claimed .clogo{background:var(--aun-green,#25443a);color:var(--aun-coral,#ff8e8b)}
.crow b{display:block;font-size:1rem;color:var(--aun-ink,#1d1d1b)}
.ccard.unclaimed .crow b{color:var(--aun-muted,#5c5850)}
.crow span{font-size:.8rem;color:var(--aun-muted,#5c5850)}
.cphoto{height:56px;border-radius:var(--r-md,10px);margin:12px 0;background:linear-gradient(100deg,var(--aun-green,#25443a),#3c6b55)}
.ccard.unclaimed .cphoto{background:repeating-linear-gradient(45deg,#EDE9DF,#EDE9DF 8px,#E4DFD3 8px,#E4DFD3 16px);display:grid;place-items:center;font-size:.74rem;color:var(--aun-placeholder,#B5B0A6)}
.cchips{display:flex;gap:7px;flex-wrap:wrap}
.cchip{font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--aun-rule,#E0DDD7);border-radius:999px;padding:4px 10px;color:var(--aun-muted,#5c5850)}
.ccard.claimed .cchip{border-color:var(--aun-green,#25443a);color:var(--aun-green,#25443a)}
.cchip.ok{background:var(--aun-coral,#ff8e8b);border-color:var(--aun-coral,#ff8e8b);color:var(--aun-green,#25443a)}
/* --- App-screen mockups in the claim cards (real club pages) --- */
.appmock{border-radius:14px;overflow:hidden;background:var(--aun-surface,#FEFDF9);border:1px solid rgba(0,0,0,.08)}
.am-cover{height:54px;display:grid;place-items:center}
.am-plain .am-cover{background:var(--aun-green,#25443a)}
.am-cover-note{font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.am-cover-4p{background:#0b0b0b;border-bottom:3px solid #e2542a}
.am-coverlogo{font-family:var(--f-head,'Barlow Condensed');font-weight:800;font-size:1.6rem;letter-spacing:.01em;color:#d81a3c}
.am-head{display:flex;align-items:center;justify-content:space-between;padding:0 14px;margin-top:-20px}
.am-avatar{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;font-family:var(--f-head,'Barlow Condensed');font-weight:800;font-size:1.05rem;border:3px solid var(--aun-surface,#FEFDF9);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.am-avatar-empty{background:var(--aun-green,#25443a);color:#fff}
.am-avatar-4p{background:#0b0b0b;color:#2f6bff}
.am-follow{margin-top:14px;font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--aun-green,#25443a);padding:5px 13px;border-radius:999px}
.am-follow-blue{background:#2f6bff}
.am-body{padding:9px 14px 15px}
.am-name{display:block;font-family:var(--f-head,'Barlow Condensed');font-weight:800;font-size:1.15rem;line-height:1.1;color:var(--aun-ink,#1d1d1b)}
.am-name-ul{display:inline-block;border-bottom:2px solid #e2542a;padding-bottom:2px}
.am-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;font-size:.74rem;color:var(--aun-muted,#5c5850)}
.am-badge{font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--aun-rule,#b0aca4);color:var(--aun-muted,#5c5850);border-radius:999px;padding:1px 8px}
.am-verified{font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;background:#e8efff;color:#2f6bff;border-radius:999px;padding:2px 9px}
.am-stats{margin-top:6px;font-size:.74rem;color:var(--aun-muted,#5c5850)}
.am-stats-on b{color:#2f6bff;font-weight:700}
.am-stats-on i{font-style:normal;font-weight:700;color:#e2542a}
.am-tabs{display:flex;gap:4px;margin-top:11px;background:var(--aun-bg,#F7F5F0);border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:3px}
.am-tabs span{flex:1;text-align:center;font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.63rem;letter-spacing:.06em;text-transform:uppercase;color:var(--aun-muted,#5c5850);padding:4px 0;border-radius:999px}
.am-tabs span.on{background:var(--aun-green,#25443a);color:#fff}
.am-tabs-blue span.on{background:#2f6bff}
.am-empty{margin-top:12px;text-align:center;padding:6px 6px 2px}
.am-empty-ico{width:34px;height:34px;border-radius:50%;background:#ECE8DF;display:grid;place-items:center;margin:0 auto 9px;color:#8d887e}
.am-empty b{display:block;font-family:var(--f-head,'Barlow Condensed');font-weight:800;font-size:.92rem;line-height:1.15;text-transform:uppercase;color:var(--aun-muted,#5c5850)}
.am-ghostbtn{display:inline-block;margin-top:10px;font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--aun-green,#25443a);color:var(--aun-green,#25443a);border-radius:999px;padding:5px 13px}
.am-post{margin-top:11px;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px 12px;background:var(--aun-bg,#F7F5F0)}
.am-pin{display:inline-block;font-family:var(--f-head,'Barlow Condensed');font-weight:700;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;background:#E6E3DB;color:var(--aun-muted,#5c5850);border-radius:999px;padding:2px 9px;margin-bottom:7px}
.am-post b{display:block;font-size:.88rem;line-height:1.2;color:var(--aun-ink,#1d1d1b)}
.am-post>span:last-child{display:block;margin-top:3px;font-size:.74rem;color:var(--aun-muted,#5c5850)}
.claim-cta-row{display:flex;gap:16px;align-items:center;margin-top:26px;flex-wrap:wrap}
.claim-note{font-size:.86rem;color:var(--aun-muted,#5c5850)}


/* ═══════════════════════════════════════════════
   MOTION & POLISH LAYER v2 · auditada con review-animations
   transform/opacity only · <300ms · hover gated · interrumpible
   reduced-motion = más suave, no cero
   ═══════════════════════════════════════════════ */
:root{
  --mo-fast:150ms;
  --mo-base:200ms;
  --mo-out:cubic-bezier(.23,1,.32,1);
  --mo-inout:cubic-bezier(.77,0,.175,1);
}
h1,h2,h3{text-wrap:balance}

/* ── Botones: solo transform en la transición; la sombra cambia a saltos (paint fuera del hilo de animación) ── */
.btn,.btn-coral,.btn-ghost,.claim-cta-row .btn{
  transition:transform var(--mo-fast) var(--mo-out);
}
.btn:active,.btn-coral:active{transform:translate(3px,3px);box-shadow:1px 1px 0 0 var(--aun-green,#25443a)}
.btn-coral:active{box-shadow:1px 1px 0 0 var(--aun-green,#25443a)}

/* ── Hover SOLO en dispositivos con puntero fino (evita falsos hover en táctil) ── */
@media (hover: hover) and (pointer: fine){
  .btn:hover,.btn-coral:hover{transform:translate(-1px,-1px)}
  .nav-links a::after{transition:right var(--mo-base) var(--mo-out)}
  .nav-links a:hover::after{right:0}
  .wamock .m.aun{transition:transform var(--mo-base) var(--mo-out)}
  .wamock:hover .m.aun{transform:scale(1.02)}
}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:2px;background:var(--aun-coral,#ff8e8b)}
.nav-links a.active::after,.nav-links a:focus-visible::after{right:0}

/* ── Acordeones: transición interrumpible con @starting-style, entrada 200ms, cierre instantáneo (asimétrico) ── */
.hguide summary i,.hguide summary::after{transition:transform var(--mo-fast) var(--mo-out)}
.hguide[open] summary::after{transform:rotate(180deg)}
@supports (transition-behavior: allow-discrete){
  .hguide[open] .hg-body,.faq-q[open] .faq-a{
    transition:opacity var(--mo-base) var(--mo-out),transform var(--mo-base) var(--mo-out);
  }
  @starting-style{
    .hguide[open] .hg-body,.faq-q[open] .faq-a{opacity:0;transform:translateY(6px)}
  }
}

/* ── La firma: el cuarto hueco late (decorativo, página de marketing, justificado) ── */
@keyframes slot-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.96)}}
.sc-dot.open,.slot.open{animation:slot-pulse 2.4s var(--mo-inout) infinite}

/* ── Revelado al entrar: SOLO rejillas de tarjetas de marketing, 10px, escalonado natural por elemento ── */
@supports (animation-timeline: view()){
  @keyframes mo-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .shelf,.ccard,#pricing .step,.roi-step,.blind-card,.fear-card,.aunx-card{
    animation:mo-rise 280ms var(--mo-out) both;
    animation-timeline:view();
    animation-range:entry 0% entry 30%;
  }
}

/* ── Polish invisible ── */
a:focus-visible,button:focus-visible,summary:focus-visible,.btn:focus-visible{
  outline:3px solid var(--aun-coral,#ff8e8b);outline-offset:3px;border-radius:6px;
}
::selection{background:var(--aun-coral,#ff8e8b);color:var(--aun-green,#25443a)}
summary{-webkit-tap-highlight-color:transparent}

/* ── Reduced motion: más suave, NO cero. Se quita el desplazamiento, se conserva el fundido ── */
@media (prefers-reduced-motion: reduce){
  .sc-dot.open,.slot.open{animation:none;opacity:1}
  .shelf,.ccard,#pricing .step,.roi-step,.blind-card,.fear-card,.aunx-card{animation:none;opacity:1;transform:none}
  .btn,.btn-coral,.btn-ghost{transition:none}
  .btn:active,.btn-coral:active{transform:none}
  .nav-links a::after{transition:none}
  .wamock .m.aun{transition:none}
  .hguide[open] .hg-body,.faq-q[open] .faq-a{transition:opacity 150ms ease;transform:none}
  @starting-style{
    .hguide[open] .hg-body,.faq-q[open] .faq-a{opacity:0;transform:none}
  }
}