/* Sales presentation, staging only. Existing IDs and event handlers are retained. */
.landing-hero { min-height: 690px; padding-bottom: 64px; background: radial-gradient(ellipse at 78% 46%,#36115a66,transparent 48%); }
.landing-nav { max-width: 1180px; padding-block: 10px 20px; }
.landing-hero__stage { display: grid; grid-template-columns: 1.2fr 1fr; max-width: 1180px; width: 100%; gap: 48px; text-align: left; padding: 56px 0 24px; }
.landing-hero__copy { grid-column: 1; grid-row: 1; min-width: 0; }
.landing-hero__mark { grid-column: 2; grid-row: 1; display: grid; place-items: center; position: relative; min-height: 360px; margin: 0; }
.landing-hero__mark::before { content: ''; position: absolute; width: 340px; height: 340px; border: 1px solid #bb77ff33; border-radius: 50%; box-shadow: 0 0 0 30px #a14cff06,0 0 0 60px #a14cff04; }
.landing-hero__logo { width: min(30vw,330px); position: relative; filter: drop-shadow(0 18px 30px #0009); }
.landing-eyebrow,.sales-kicker { display: block; color: #c597fa; font-size: 11px; letter-spacing: .2em; font-weight: 700; margin: 0 0 20px; }
.landing-hero__brand { font-size: 23px; letter-spacing: .05em; margin-bottom: 20px; text-shadow: none; }
.landing-hero__title { font-size: clamp(38px,4.8vw,66px); font-weight: 700; line-height: 1.06; letter-spacing: -.035em; color: #faf4ff; margin-bottom: 24px; }
.landing-hero__title span { color: #c38aff; }
.landing-hero__lead { margin: 0 0 28px; font-size: 17px; max-width: 480px; line-height: 1.65; }
.landing-hero__cta { justify-content: flex-start; gap: 12px; }
.landing-cta { padding: 15px 25px; font-size: 15px; }
.landing-hero__scroll { display: inline-flex; flex-direction: row; gap: 14px; font-size: 11px; margin-top: 28px; }
.landing-hero__note { font-size: 12px; color: #a99bbd; margin-top: 24px; }
.sales-section-heading { max-width: 1100px; margin: 0 auto 32px; text-align: left; }
.sales-section-heading h2 { font-size: clamp(25px,3vw,38px); letter-spacing: -.025em; margin: 0 0 12px; }
.sales-section-heading p { color: #afa1c0; margin: 0; }
.sales-section-heading .sales-kicker { margin-bottom: 12px; }
.landing-journey { padding-block: 32px 80px; }
.landing-journey__inner { max-width: 1100px; gap: 0; border: 1px solid #bc82ff29; border-radius: 20px; overflow: hidden; background: #100a1b; }
.landing-journey__step { border: 0; border-radius: 0; padding: 32px; background: linear-gradient(145deg,#21103255,transparent); box-shadow: none; }
.landing-journey__step + .landing-journey__step { border-left: 1px solid #bc82ff29; }
.landing-journey__num { width: 36px; height: 36px; display: grid; place-items: center; background: #a14cff15; border: 1px solid #a14cff38; border-radius: 10px; letter-spacing: 0; margin-bottom: 22px; }
.landing-journey__step h2 { font-size: 20px; }
.landing-journey__step p { font-size: 14px; }
.landing-demo {
  width: 100%;
  max-width: none;
  margin-inline: auto;
  padding-inline: var(--pad-page, 1.15rem);
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.landing-demo__label-row {
  width: 100%;
  max-width: 1100px;
}
.landing-demo__label { font-size: 24px; letter-spacing: -.02em; text-transform: none; color: #f5eaff; }
#demo .hero-video-block {
  width: 100%;
  max-width: 1100px;
  margin-inline: auto !important;
  padding-inline: 0;
  box-sizing: border-box;
}
#demo .demo-shell {
  width: 100%;
  margin-inline: auto;
}
#demo .demo-shell__frame { padding: 8px !important; border-radius: 20px !important; border: 1px solid #ba80ff40 !important; background: #110b1c !important; box-shadow: 0 24px 64px #0006 !important; }
#demo .demo-shell__hud { display: none !important; }
#demo .demo-shell__inner { border-radius: 14px !important; overflow: hidden; }
#demo .demo-shell__dock { padding: 12px 16px !important; background: #100b18 !important; border-top: 1px solid #c58cff20; }
#demo .demo-dock__btn { box-shadow: none !important; border-color: #b37bf540 !important; border-radius: 10px !important; }
#demo .demo-dock__btn svg[hidden] { display: none !important; }
#demo .demo-dock__btn--seek { width: 42px !important; height: 42px !important; }
#demo .demo-dock__time { font-size: 12px; font-variant-numeric: tabular-nums; }
.faq.faq-section { max-width: 1160px; display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 52px; align-items: start; padding-block: 48px 80px; }
.faq.faq-section > h2.faq-title { font-size: 32px !important; line-height: 1.2 !important; letter-spacing: -.02em !important; text-align: left !important; text-transform: none !important; margin: 0 !important; }
.faq.faq-section > h2::before,.faq.faq-section > h2::after { display: none !important; }
.faq.faq-section .faq__list { width: 100%; gap: 0 !important; border-top: 1px solid #c18cff33; }
.faq.faq-section .faq__item.faq-item { background: transparent !important; border: 0 !important; border-bottom: 1px solid #c18cff33 !important; border-radius: 0 !important; }
.faq.faq-section .faq__item.faq-item > summary { padding: 20px 8px !important; }
.faq.faq-section .faq-icon-hex { display: none !important; }
.faq.faq-section .faq-question { font-size: 16px !important; }
.faq.faq-section .faq__item.faq-item > p { padding: 0 8px 22px !important; margin: 0 !important; font-size: 14px !important; }
#flowPanel { max-width: 1120px !important; margin-inline: auto !important; }
#paymentMethodsSection { padding: 26px !important; border: 1px solid #b986f52e !important; border-radius: 20px !important; background: #100a19 !important; box-shadow: none !important; }
#paymentMethodsSection .payment-methods-title { font-size: 12px !important; letter-spacing: .16em !important; margin-bottom: 22px !important; }
#paymentMethodsSection .payment-method-card { min-height: 310px !important; padding: 28px 24px 86px !important; border-radius: 14px !important; border: 1px solid #b986f544 !important; background: linear-gradient(145deg,#23103988,#0b0712) !important; box-shadow: none !important; text-align: left !important; }
#paymentMethodsSection .payment-method-card:hover { border-color: #ca99ff !important; background: linear-gradient(145deg,#351754,#10091b) !important; }
#paymentMethodsSection .payment-method-icon-wrap { margin: 0 0 18px !important; width: 64px !important; height: 64px !important; }
#paymentMethodsSection .payment-method-icon-hex { width: 64px !important; height: 64px !important; }
#paymentMethodsSection .payment-method-icon-hex svg { max-width: 38px; max-height: 38px; }
#paymentMethodsSection .payment-method-name { font-size: 23px !important; text-align: left !important; margin: 0 0 12px !important; }
#paymentMethodsSection .payment-method-description { text-align: left !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important; }
#paymentMethodsSection .payment-method-badge { box-shadow: none !important; font-size: 10px !important; padding: 7px 10px !important; height: auto !important; top: 22px !important; right: 22px !important; }
#paymentMethodsSection .payment-method-button { left: 24px !important; right: 24px !important; bottom: 22px !important; height: 44px !important; }
#flowPanel .benefits-bar { box-shadow: none !important; filter: none !important; margin-top: 28px !important; }
#flowPanel .benefits-bar::before,#flowPanel .benefits-bar::after { display: none !important; }
#qrSection:not([hidden]) { max-width: 1050px; margin: 36px auto; display: grid !important; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 22px 36px; align-items: start; }
#qrSection .qr-scan-head { grid-column: 1 / -1; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 10px 0 20px !important; }
#qrSection .qr-scan-head__accent { display: none; }
#qrStage { grid-column: 1; grid-row: 2 / 5; width: 100% !important; max-width: 360px !important; box-sizing: border-box; padding: 12px !important; border: 1px solid #c795ff33 !important; border-radius: 18px !important; box-shadow: none !important; background: #120b1e !important; }
#qrStage .qr-stage__scan,#qrStage .qr-stage__ticks,#qrStage .sci-frame__glow { display: none !important; }
#qrStage .qr-wrap { padding: 8px !important; border: 0 !important; box-shadow: none !important; }
#qrStage .qr-img { width: 100%; height: auto; object-fit: contain; }
#qrSection .qr-actions { grid-column: 1; grid-row: 5; margin: 0 !important; }
#qrSection .comprobante-card { grid-column: 2; grid-row: 2; padding: 24px !important; border-radius: 18px !important; border: 1px solid #b986f533 !important; background: #120b1e !important; box-shadow: none !important; margin: 0 !important; }
#qrSection .comprobante-card__subtitle { font-size: 14px; line-height: 1.6; }
#qrSection .comprobante-card__header { align-items: flex-start; }
#qrSection .comprobante-card__hex { display: none; }
#qrSection .comprobante-card__zone { flex-wrap: wrap; gap: 18px; padding: 22px !important; background: #a14cff09 !important; border-radius: 12px !important; }
#qrSection .wa-comprobante-head { grid-column: 2; grid-row: 3; padding: 14px 18px !important; border-radius: 12px !important; box-shadow: none !important; margin: 0 !important; }
#qrSection .wa-actions { grid-column: 2; grid-row: 4; }
#qrSection .wa-hint { grid-column: 2; }
#qrSection .btn--whatsapp { max-width: 100%; font-size: 14px !important; box-shadow: none !important; min-height: 50px; }
#btnDescargarQr { box-shadow: none !important; border-radius: 12px !important; font-size: 12px !important; }
@media(max-width:800px) {
 .landing-hero { min-height: auto; padding-bottom: 40px; }
 .landing-hero__stage { display: flex; flex-direction: column; gap: 28px; padding-top: 24px; text-align: center; }
 .landing-hero__mark { order: 0; min-height: 200px; }
 .landing-hero__copy { order: 1; }
 .landing-hero__mark::before { width: 184px; height: 184px; box-shadow: 0 0 0 18px #a14cff06; }
 .landing-hero__logo { width: 174px; }
 .landing-hero__brand { display: none; }
 .landing-eyebrow { font-size: 9px; }
 .landing-hero__title { font-size: clamp(36px,8vw,54px); }
 .landing-hero__lead { font-size: 15px; margin-inline: auto; }
 .landing-hero__cta { justify-content: center; }
 .landing-journey__inner { grid-template-columns: 1fr; }
 .landing-journey__step + .landing-journey__step { border-left: 0; border-top: 1px solid #bc82ff29; }
 .landing-journey__step { padding: 24px; }
 .landing-journey,.landing-demo { padding-bottom: 48px; }
 .faq.faq-section { grid-template-columns: 1fr; gap: 24px; padding: 24px 20px 48px; }
 .faq.faq-section > h2.faq-title { font-size: 28px !important; }
 #paymentMethodsSection { padding: 16px !important; }
 #paymentMethodsSection .payment-methods-grid { grid-template-columns: 1fr !important; }
 #qrSection:not([hidden]) { display: flex !important; flex-direction: column; padding-inline: 14px; gap: 20px; }
 #qrSection > * { max-width: 100%; box-sizing: border-box; }
 #qrStage { align-self: center; }
 #qrSection .qr-actions { align-self: center; }
 #qrSection .comprobante-card { width: 100%; padding: 20px !important; }
 #qrSection .wa-comprobante-head,#qrSection .wa-actions { width: 100%; }
}
/* Let method content determine height; no absolutely positioned CTA over the copy. */
#paymentMethodsSection .payment-method-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; min-height: 0 !important; padding: 26px !important; }
#paymentMethodsSection .payment-method-icon-wrap { flex: 0 0 64px !important; }
#paymentMethodsSection .payment-method-icon-hex { display: grid !important; place-items: center !important; }
#paymentMethodsSection .payment-method-icon-hex svg { position: static !important; transform: none !important; width: 36px !important; height: 36px !important; }
#paymentMethodsSection .payment-method-button { position: relative !important; inset: auto !important; width: 100% !important; flex: 0 0 46px !important; height: 46px !important; margin: 24px 0 0 !important; transform: none !important; }
#paymentMethodsSection .payment-method-description { flex: 1; }
#qrSection .wa-actions { margin: 0 !important; justify-self: stretch; }
#qrSection .btn--whatsapp { width: 100% !important; }
#qrStage { scroll-margin-top: 100px; }
.faq.faq-section .faq__item.faq-item > summary { display: grid !important; grid-template-columns: minmax(0,1fr) 24px !important; gap: 16px !important; }
.faq.faq-section .faq-left { display: none !important; }
.faq.faq-section .faq__item.faq-item > p { text-align: left !important; }
.faq.faq-section .faq__item.faq-item::before,.faq.faq-section .faq__item.faq-item::after { display: none !important; }
/* ZetaCore control-panel finish. Body ID deliberately outranks legacy component skins. */
#zc-site .landing-nav { padding: 14px 22px; border: 1px solid #b57af542; border-radius: 18px; background: linear-gradient(110deg,#231036b8,#100a1dcc); box-shadow: inset 0 1px 0 #e6c1ff16,0 10px 36px #0003; margin-top: 6px; }
#zc-site .landing-nav__brand { gap: 12px; }
#zc-site .landing-nav__logo { width: 44px; height: 44px; }
#zc-site .landing-nav__links { gap: 8px; }
#zc-site .landing-nav__links a { font-size: 13px; padding: 12px 18px; border: 1px solid transparent; }
#zc-site .landing-nav__links a:last-child { background: #a14cff20; border-color: #b780f54d; color: #f2deff; }
#zc-site .landing-hero__mark::after { content: 'ZETACORE / STEAM'; position: absolute; bottom: -8px; font-size: 10px; letter-spacing: .24em; color: #bf90ed; border: 1px solid #ba81fa3d; border-radius: 8px; padding: 10px 18px; background: #130b20; }
#zc-site .landing-eyebrow { display: inline-block; padding: 9px 13px; background: #a14cff12; border: 1px solid #a14cff38; border-radius: 7px; }
#zc-site .landing-hero__scroll { display: inline-flex; align-items: center; gap: 13px; padding: 12px 18px 12px 12px; border: 1px solid #a971ee5c; border-radius: 14px; background: linear-gradient(120deg,#301747,#150c22); text-decoration: none; letter-spacing: .025em; text-transform: none; color: #f2deff; font-size: 14px; transition: border-color .2s, transform .2s; }
#zc-site .landing-hero__scroll:hover { transform: translateY(-2px); border-color: #d7a8ff; }
#zc-site .landing-hero__scroll small { display: block; margin-top: 4px; font-size: 11px; font-weight: 400; color: #b7a1cc; letter-spacing: 0; }
#zc-site .demo-link-play { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #ac63fc; color: #fff; box-shadow: 0 0 18px #a14cff38; font-size: 13px; }
#zc-site .landing-hero__scroll-arrow { display: none; }
/* Action surfaces: a single face, clear label, no stacked octagonal outlines. */
#zc-site :is(.plan-card__btn,.trial-card__btn,.payment-method-button) { border-radius: 12px !important; clip-path: none !important; border: 1px solid #be8afa88 !important; background: linear-gradient(110deg,#54228b,#8738cf) !important; box-shadow: inset 0 1px 0 #f2deff30,0 7px 18px #0003 !important; filter: none !important; overflow: hidden !important; }
#zc-site :is(.plan-card__btn,.trial-card__btn,.payment-method-button)::before,
#zc-site :is(.plan-card__btn,.trial-card__btn,.payment-method-button)::after { display: none !important; }
#zc-site :is(.zeta-plan-btn__face,.payment-method-button__face) { inset: 0 !important; border: 0 !important; border-radius: inherit !important; clip-path: none !important; background: transparent !important; box-shadow: none !important; filter: none !important; }
#zc-site :is(.zeta-plan-btn__face,.payment-method-button__face)::before,
#zc-site :is(.zeta-plan-btn__face,.payment-method-button__face)::after { display: none !important; }
#zc-site :is(.zeta-plan-btn__text,.payment-method-button__text) { font-family: 'Outfit',sans-serif !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: .035em !important; text-transform: none !important; text-shadow: none !important; }
#zc-site :is(.zeta-plan-btn__arrow,.payment-method-button__arrow) { right: 16px !important; filter: none !important; opacity: .9; }
#zc-site :is(.zeta-plan-btn__arrow,.payment-method-button__arrow) svg { width: 22px !important; height: 22px !important; filter: none !important; }
#zc-site :is(.plan-card__btn,.trial-card__btn):hover,#zc-site .payment-method-card:hover .payment-method-button { background: linear-gradient(110deg,#6b2db0,#a653ef) !important; box-shadow: inset 0 1px 0 #f2deff40,0 8px 22px #a14cff33 !important; }
#zc-site .change-action-btn { border-radius: 10px !important; border: 1px solid #ae7cde66 !important; background: #271637 !important; box-shadow: none !important; clip-path: none !important; min-height: 44px; padding: 0 16px !important; }
#zc-site .change-action-btn::before,#zc-site .change-action-btn::after,
#zc-site .change-action-btn__decor-top,#zc-site .change-action-btn__decor-bottom { display: none !important; }
#zc-site .change-action-btn__text { font-family: 'Outfit',sans-serif !important; font-size: 12px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; }
#zc-site .change-action-btn__icon { filter: none !important; }
#zc-site .change-action-btn:hover { background: #3c2055 !important; border-color: #d39fff !important; }
/* Brand marks retain their proportions and are never clipped by a hex mask. */
#zc-site #paymentMethodsSection .payment-method-icon-wrap { width: 76px !important; height: 76px !important; flex-basis: 76px !important; }
#zc-site #paymentMethodsSection .payment-method-icon-hex { width: 76px !important; height: 76px !important; clip-path: none !important; border-radius: 18px !important; border: 1px solid #c499f14f; background: linear-gradient(140deg,#38204d,#150c22) !important; color: #eddbff; box-shadow: inset 0 1px 0 #fff1 !important; }
#zc-site #paymentMethodsSection .payment-method-icon-hex::before,#zc-site #paymentMethodsSection .payment-method-icon-hex::after { display: none !important; }
#zc-site #paymentMethodsSection .payment-method-icon-hex.binance { background: linear-gradient(140deg,#332911,#17120b) !important; border-color: #f0b90b55; }
#zc-site #paymentMethodsSection .payment-method-icon-hex svg { max-width: none !important; max-height: none !important; width: 42px !important; height: 42px !important; filter: none !important; }
/* FAQ: dedicated existing SVG for each topic, with fixed icon and toggle columns. */
#zc-site .faq.faq-section .faq__item.faq-item > summary { grid-template-columns: 44px minmax(0,1fr) 24px !important; gap: 16px !important; padding: 18px 10px !important; }
#zc-site .faq.faq-section .faq-left { display: flex !important; width: 44px !important; min-width: 0 !important; }
#zc-site .faq.faq-section .faq-icon-hex { display: grid !important; place-items: center; width: 42px !important; height: 46px !important; filter: none !important; }
#zc-site .faq.faq-section .faq-icon-hex svg.hex-bg { width: 42px !important; height: 46px !important; filter: none !important; }
#zc-site .faq.faq-section .faq-icon-hex svg.main-icon { width: 22px !important; height: 22px !important; filter: none !important; }
#zc-site .faq.faq-section .faq-question { text-align: left !important; margin: 0 !important; }
#zc-site .faq.faq-section .faq__item.faq-item > p { margin: 0 !important; padding: 0 50px 22px 70px !important; line-height: 1.7 !important; }
#zc-site .faq.faq-section .faq__item.faq-item[open] { background: #a14cff0a !important; }
/* Permanent: the focal card with a continuous luminous frame and inset badge. */
#zc-site #planCards .perma-hero-card { border: 2px solid #c78bff !important; background: radial-gradient(ellipse at 50% 0,#7131b34a,transparent 64%),#10091c !important; box-shadow: 0 0 0 4px #a14cff12,0 0 34px #9e47e938,inset 0 1px 0 #fff3 !important; }
#zc-site #planCards .perma-hero-card .popular-badge { top: 14px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; height: 30px !important; padding: 0 24px !important; border-radius: 7px !important; background: linear-gradient(100deg,#f0d6ff,#c286ff) !important; border: 1px solid #f4e4ff !important; color: #341153 !important; font: 800 11px 'Outfit',sans-serif !important; letter-spacing: .14em !important; box-shadow: 0 4px 18px #c286ff44 !important; }
#zc-site #planCards .perma-hero-card .popular-badge::before,#zc-site #planCards .perma-hero-card .popular-badge::after { display: none !important; }
#zc-site #planCards .perma-hero-card .plan-card__btn { background: linear-gradient(110deg,#8c3edd,#b268f4) !important; border-color: #e0b7ff !important; }
/* Four readable stages with a quiet rail; JS continues to own is-active/is-done. */
#zc-site .steps { max-width: 1120px !important; padding: 0 16px !important; margin: 20px auto 38px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
#zc-site .steps::before,#zc-site .steps::after,#zc-site .steps__track::before,#zc-site .steps__track::after { display: none !important; }
#zc-site .steps__track { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; padding: 12px !important; border: 1px solid #b781ea33 !important; border-radius: 16px !important; background: #110b1c !important; box-shadow: none !important; }
#zc-site .steps__line { display: none !important; }
#zc-site .steps__item { display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 12px !important; padding: 14px !important; min-width: 0 !important; width: auto !important; border-radius: 10px; opacity: 1 !important; background: #ffffff03; }
#zc-site .steps__num { display: grid !important; place-items: center !important; flex: 0 0 30px; width: 30px !important; height: 30px !important; border-radius: 8px !important; clip-path: none !important; border: 1px solid #af7fe34d !important; background: #271b36 !important; color: #bdacd0 !important; font: 600 13px 'Outfit',sans-serif !important; box-shadow: none !important; filter: none !important; margin: 0 !important; }
#zc-site .steps__num::before,#zc-site .steps__num::after,#zc-site .steps__item::before,#zc-site .steps__item::after { display: none !important; }
#zc-site .steps__label { font: 500 12px/1.4 'Outfit',sans-serif !important; color: #baaccb !important; text-align: left !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 !important; opacity: 1 !important; }
#zc-site .steps__item.is-active { background: linear-gradient(100deg,#66319b66,#32194c99); box-shadow: inset 0 0 0 1px #c28bf452; }
#zc-site .steps__item.is-active .steps__num { background: #a14cff !important; border-color: #cc98ff !important; color: white !important; }
#zc-site .steps__item.is-active .steps__label { color: #fff !important; font-weight: 700 !important; }
@media(max-width:600px) {
 #zc-site .landing-nav { padding: 10px 12px; border-radius: 12px; }
 #zc-site .landing-nav__logo { width: 32px; height: 32px; }
 #zc-site .landing-nav__links { display: flex !important; gap: 3px; }
 #zc-site .landing-nav__links a { padding: 8px; font-size: 11px; }
 #zc-site .landing-nav__links a:first-child { display: none; }
 #zc-site .landing-hero__mark::after { bottom: -16px; font-size: 8px; padding: 7px 12px; }
 #zc-site .landing-hero__stage { gap: 42px; }
 #zc-site .steps__track { gap: 4px !important; padding: 6px !important; }
 #zc-site .steps__item { flex-direction: column !important; padding: 10px 4px !important; gap: 8px !important; }
 #zc-site .steps__label { text-align: center !important; font-size: 10px !important; }
 #zc-site .faq.faq-section .faq__item.faq-item > summary { grid-template-columns: 36px minmax(0,1fr) 20px !important; gap: 10px !important; padding: 16px 0 !important; }
 #zc-site .faq.faq-section .faq-left,#zc-site .faq.faq-section .faq-icon-hex { width: 34px !important; }
 #zc-site .faq.faq-section .faq-question { font-size: 14px !important; }
 #zc-site .faq.faq-section .faq__item.faq-item > p { padding: 0 12px 20px 46px !important; }
}
@media(max-width:600px) {
 #zc-site #paymentMethodsSection .payment-method-badge { position: static !important; align-self: flex-end; width: auto !important; max-width: 100%; margin: 0 0 18px !important; transform: none !important; flex: 0 0 auto; }
}
#zc-site :is(.zeta-plan-btn__arrow,.payment-method-button__arrow) svg path { stroke: #eedbff !important; }
/* Refined action hierarchy: dark glass face, machined edge, separate arrow well. */
#zc-site .landing-hero__mark::after { content: none !important; display: none !important; }
#zc-site .faq.faq-section .faq__item.faq-item > p { padding: 22px 50px 28px 70px !important; }
#zc-site :is(.plan-card__btn,.trial-card__btn,.payment-method-button) { border: 1px solid transparent !important; border-radius: 11px !important; background: linear-gradient(125deg,#2d124b 0%,#4e1b7c 55%,#642d98 100%) padding-box,linear-gradient(135deg,#ecd3ff,#a563de 40%,#532679 70%,#c485ff) border-box !important; box-shadow: inset 0 2px 0 #ffffff12,inset 0 -4px 0 #0a001a66,0 8px 20px #0005 !important; transition: background .2s, box-shadow .2s, transform .2s !important; }
#zc-site #planCards .perma-hero-card .plan-card__btn { background: linear-gradient(125deg,#682ab1,#984be0 60%,#aa63ed) padding-box,linear-gradient(135deg,#fff0ff,#d4a2ff,#9f51e4) border-box !important; box-shadow: inset 0 2px 0 #ffffff35,inset 0 -4px 0 #47107855,0 8px 24px #a14cff30 !important; }
#zc-site :is(.zeta-plan-btn__content,.payment-method-button__content) { justify-content: flex-start !important; padding-left: 24px !important; padding-right: 70px !important; }
#zc-site :is(.zeta-plan-btn__text,.payment-method-button__text) { font-size: 15px !important; letter-spacing: .02em !important; }
#zc-site :is(.zeta-plan-btn__arrow,.payment-method-button__arrow) { display: flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; right: 9px !important; top: 50% !important; transform: translateY(-50%) !important; width: 36px !important; height: 32px !important; border: 1px solid #e7c5ff40 !important; border-radius: 7px !important; background: linear-gradient(135deg,#e1b7ff26,#b16af51a) !important; box-shadow: inset 0 1px 0 #fff2 !important; }
#zc-site :is(.plan-card__btn,.trial-card__btn):hover,#zc-site .payment-method-card:hover .payment-method-button { background: linear-gradient(125deg,#4a1b78,#7936b6) padding-box,linear-gradient(135deg,#fff0ff,#a86be0) border-box !important; box-shadow: inset 0 2px 0 #fff2,inset 0 -4px 0 #18032955,0 8px 24px #a14cff30 !important; }
#zc-site .change-action-btn { border: 1px solid transparent !important; border-radius: 10px !important; background: linear-gradient(120deg,#1b102a,#30203f) padding-box,linear-gradient(130deg,#b585db88,#5e397766) border-box !important; box-shadow: inset 0 1px 0 #fff1,0 4px 12px #0003 !important; padding: 0 18px 0 10px !important; }
#zc-site .change-action-btn__icon { display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; border-radius: 6px; background: #b67aee17; border: 1px solid #b67aee2b; }
#zc-site .change-action-btn__content { gap: 10px !important; }
#zc-site .change-action-btn:hover { background: linear-gradient(120deg,#2e1845,#4b2a65) padding-box,linear-gradient(130deg,#e2baff,#9967bd) border-box !important; }
#zc-site .landing-cta--primary { background: linear-gradient(125deg,#6022a1,#9a4eea) padding-box,linear-gradient(135deg,#ebceff,#9b5bd1) border-box; border: 1px solid transparent; box-shadow: inset 0 2px 0 #ffffff25,inset 0 -3px 0 #320c5555,0 8px 22px #a14cff22; }
#zc-site #paymentMethodsSection .payment-method-icon-hex.qr { background: radial-gradient(circle at 35% 20%,#8750b22e,transparent 65%),#120b1e !important; border-radius: 16px !important; box-shadow: inset 0 0 0 4px #120b1e,inset 0 0 0 5px #9c6cc52b !important; }
#zc-site #paymentMethodsSection .payment-method-icon-hex.qr svg { width: 54px !important; height: 54px !important; }
/* Benefits become three balanced cells; the luminous outer tube is removed. */
#zc-site #flowPanel .benefits-bar { display: block !important; width: 100% !important; max-width: 900px !important; margin: 28px auto 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
#zc-site #flowPanel .benefits-bar__body { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
#zc-site #flowPanel .benefits-bar__body::before,#zc-site #flowPanel .benefits-bar__body::after { display: none !important; }
#zc-site #flowPanel .benefits-bar__row { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px !important; padding: 0 !important; }
#zc-site #flowPanel .benefits-bar__sep { display: none !important; }
#zc-site #flowPanel .benefits-bar__item { display: flex !important; justify-content: flex-start !important; gap: 13px !important; padding: 18px !important; border: 1px solid #b17bdd30; border-radius: 12px; background: linear-gradient(135deg,#20112e,#100a19); }
#zc-site #flowPanel .benefits-bar__icon { display: grid !important; place-items: center !important; flex: 0 0 36px; width: 36px !important; height: 36px !important; clip-path: none !important; border: 1px solid #ba8ae43b !important; border-radius: 9px !important; background: #a14cff13 !important; color: #dcbdff; box-shadow: none !important; }
#zc-site #flowPanel .benefits-bar__icon::before,#zc-site #flowPanel .benefits-bar__icon::after { display: none !important; }
#zc-site #flowPanel .benefits-bar__text strong { font: 600 12px/1.4 'Outfit',sans-serif !important; letter-spacing: .04em !important; color: #f2deff; }
#zc-site #flowPanel .benefits-bar__text span { font: 400 12px/1.6 'Outfit',sans-serif !important; color: #b7a7c8 !important; }
@media(max-width:600px) {
 #zc-site .faq.faq-section .faq__item.faq-item > p { padding: 18px 12px 24px 46px !important; }
 #zc-site #flowPanel .benefits-bar__row { grid-template-columns: 1fr; gap: 8px !important; }
 #zc-site #flowPanel .benefits-bar__item { padding: 14px 18px !important; }
}