/* One Help control; the page-top link lives in the footer. */
html:has([data-site-ui]){scrollbar-gutter:stable}
[data-site-ui]{--site-tools-bottom:10px}
[data-site-ui] #ewBtt{display:none!important}
[data-site-ui] .site-page-tools{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(var(--site-tools-bottom) + env(safe-area-inset-bottom,0px));z-index:9999998;transform:translateX(0);opacity:1;visibility:visible;transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .14s ease,visibility 0s}
[data-site-ui].site-has-action .site-page-tools{transform:translateX(var(--site-help-shift,0px))}
[data-site-ui] .site-page-tools.site-help-obstructed{opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .14s ease,visibility 0s .14s}
[data-site-ui] .site-page-tools.site-help-obstructed #ewHelpFab{pointer-events:none!important}
/* Initial positioning is immediate; only later interactions animate. */
[data-site-ui]:not(.site-ui-motion-ready) .site-page-tools,[data-site-ui]:not(.site-ui-motion-ready) .site-action-bar,[data-site-ui]:not(.site-ui-motion-ready) .site-action-bar:is(.ew-sticky-visible,.ew-scta-visible):not(.site-action-suppressed){transition:none!important}
[data-site-ui] .site-page-tools #ewHelpFab{box-sizing:border-box;position:static!important;inset:auto!important;display:flex!important;align-items:center;justify-content:center;gap:7px;flex:none;height:44px!important;min-height:44px;width:96px!important;min-width:44px;padding:0 14px!important;margin:0!important;border:1px solid #cdc1d6!important;border-radius:24px!important;background:#fff!important;color:#4b0082!important;box-shadow:0 2px 8px #20102c14!important;transform:none!important;opacity:1!important;pointer-events:auto!important;font:600 14px/1.3 var(--ew-font-body,Arial,sans-serif);cursor:pointer;transition:background-color .15s,border-color .15s}
[data-site-ui] .site-page-tools #ewHelpFab:hover{background:#f5f1f8!important;border-color:#947aa8!important}
[data-site-ui] .site-page-tools #ewHelpFab:focus-visible{outline:3px solid #aa8ac5!important;outline-offset:3px!important}
[data-site-ui] .site-page-tools #ewHelpFab svg{width:20px;height:20px}
/* Panel above the Help button, on wide and tall windows only. On phones (<=560px) and short
   landscape windows the footer's own sheet rules apply; this ID rule used to override them. */
@media(min-width:561px) and (min-height:561px){[data-site-ui] #ewHelpPanel{bottom:calc(var(--site-tools-bottom) + 56px + env(safe-area-inset-bottom,0px));max-height:min(640px,calc(100dvh - var(--site-tools-bottom) - 80px))}}
/* One price and action, reserving space for Help on the same row. */
[data-site-ui] .ew-sticky-cta:not(.site-action-bar){visibility:hidden!important;pointer-events:none!important}
[data-site-ui] .site-action-bar{background:#fff!important;border-top:1px solid #e5dfd8!important;padding:0!important;box-shadow:0 -3px 16px #20102c0a!important;transform:none!important;opacity:0!important;visibility:hidden;pointer-events:none!important;transition:opacity .16s ease .2s,visibility 0s .36s!important}
[data-site-ui] .site-action-bar:is(.ew-sticky-visible,.ew-scta-visible):not(.site-action-suppressed){opacity:1!important;visibility:visible;pointer-events:auto!important;transition:opacity .16s ease!important}
[data-site-ui] .site-action-bar .site-action-inner{box-sizing:border-box;display:flex!important;align-items:center;gap:20px;width:calc(100% - 40px);max-width:1200px;min-height:64px;margin:0 auto;padding:10px 112px calc(10px + env(safe-area-inset-bottom,0px)) 0;font-family:var(--ew-font-body,Arial,sans-serif)}
[data-site-ui] .site-action-title{min-width:0;flex:1;font-size:14px;font-weight:600;line-height:1.4;color:#302c28}
[data-site-ui] .site-action-bar .site-action-price{display:block!important;flex:none;font:600 18px/1.3 var(--ew-font-body,Arial,sans-serif);font-variant-numeric:tabular-nums;color:#302c28;white-space:nowrap}
[data-site-ui] .site-action-price del{font-size:12px;color:#756d65}
[data-site-ui] .site-action-bar .site-action-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:10px 24px!important;border:0!important;border-radius:24px!important;box-shadow:none!important;font:600 14px/1.35 var(--ew-font-body,Arial,sans-serif)!important;text-decoration:none!important;text-align:center;white-space:normal!important;transform:none!important}
[data-site-ui] .site-action-button:focus-visible{outline:3px solid #947aa8;outline-offset:3px}
[data-site-ui].site-with-action .ew-footer-bottom,[data-site-ui].site-with-action .ew-footer-bottom.ew-has-sticky{padding-bottom:calc(.95rem + 64px + env(safe-area-inset-bottom,0px))}
[data-site-ui] .ew-footer-bottom-inner{padding-right:112px}
[data-site-ui] .site-page-top-target{position:absolute;top:0;left:0;width:0;height:0;outline:none}
[data-site-ui] .ew-footer .site-footer-top{order:3;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:#e9e1ef!important;font:500 13px/1.4 var(--ew-font-body,Arial,sans-serif);text-decoration:none}
[data-site-ui] .site-footer-top svg{width:16px;height:16px;fill:none;stroke:currentColor;flex:none}
[data-site-ui] .site-footer-top:hover span{text-decoration:underline;text-underline-offset:4px}
[data-site-ui] .site-footer-top:focus-visible{outline:2px solid #ffd700;outline-offset:4px}
@media(max-width:1500px){
  [data-site-ui] .site-page-tools #ewHelpFab{width:44px!important;padding:0!important;border-radius:50%!important}
  [data-site-ui] .site-page-tools #ewHelpFab span{display:none!important}
  [data-site-ui] .site-action-bar .site-action-inner{padding-right:60px}
  [data-site-ui] .ew-footer-bottom-inner{padding-right:60px}
}
@media(max-width:768px){
  [data-site-ui] .site-page-tools{right:max(14px,env(safe-area-inset-right,0px));transform:none!important}
  [data-site-ui] .site-action-bar .site-action-inner{gap:12px;width:100%;min-height:64px;padding:10px calc(74px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
  [data-site-ui] .site-action-bar .site-action-title{display:none}
  [data-site-ui] .site-action-bar .site-action-price{font-size:17px}
  [data-site-ui] .site-action-bar .site-action-button{flex:1;padding:10px 12px!important;font-size:14px!important}
  [data-site-ui="unlimited-downloads"] .site-action-price,[data-site-ui="premium-subliminals"] .site-action-price{font-size:14px}
  [data-site-ui] .ew-footer .site-footer-top{margin-top:4px}
  [data-site-ui] .ew-footer-bottom-inner{padding-right:0}
}
@media(prefers-reduced-motion:reduce){
  html:has([data-site-ui]){scroll-behavior:auto!important}
  [data-site-ui] .site-action-bar:is(.ew-sticky-visible,.ew-scta-visible):not(.site-action-suppressed){transition:none!important}
  [data-site-ui] .site-action-bar,[data-site-ui] .site-page-tools,[data-site-ui] .site-page-tools button{transition:none!important}
}

/* One FAQ for every page (2026-10-06, DESIGN.md 3m). Home, product pages, Hypnosis, Unlimited,
   Studio, Silent Maker and the custom-order terms each had their own accordion: a list on the
   home page, cards with four different borders, radii, shadows and widths elsewhere. All take
   the home page's form now: one bordered list, hairlines between the questions, the open
   question on off-white. The page scripts still open and close; only the look lives here.
   760px wide everywhere: the Studio and Silent Maker columns are 760, and an answer line at 880
   ran to about 115 characters. */
[data-site-ui] :is(.ew-faq-grid,.ew-st-faq,.ew-sil-faq,.ew-terms-grid){display:flex;flex-direction:column;gap:0!important;width:100%;max-width:760px;margin-left:auto;margin-right:auto;border:1px solid var(--ew-gray-200);border-radius:16px;background:var(--ew-white);overflow:hidden}
[data-site-ui] :is(.ew-faq-item,.ew-st-faq-item,.ew-sil-faq-item,.ew-terms-item){width:100%;max-width:none;margin:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;scroll-margin-top:100px;transition:background-color .2s ease}
[data-site-ui] :is(.ew-faq-item,.ew-st-faq-item,.ew-sil-faq-item,.ew-terms-item)+:is(.ew-faq-item,.ew-st-faq-item,.ew-sil-faq-item,.ew-terms-item){border-top:1px solid var(--ew-gray-200)!important}
[data-site-ui] :is(.ew-faq-item.ew-faq-open,.ew-st-faq-item[open],.ew-sil-faq-item.is-open,.ew-terms-item.ew-terms-open){background:var(--ew-off-white)!important}
[data-site-ui] :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q){box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;margin:0;padding:1.15rem 1.4rem!important;border:0;background:transparent!important;cursor:pointer;list-style:none;text-align:left;font-family:var(--ew-font-body);font-size:.98rem!important;font-weight:600;line-height:1.4;color:var(--ew-gray-800)!important}
[data-site-ui] :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q)::-webkit-details-marker{display:none}
[data-site-ui] :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q) span{flex:1;min-width:0;white-space:normal;overflow-wrap:break-word}
[data-site-ui] :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q) svg{flex:none;width:20px;height:20px;margin-top:.1rem;color:var(--ew-indigo)!important;stroke-width:2.25;transition:transform .25s ease}
[data-site-ui] :is(.ew-faq-item.ew-faq-open,.ew-st-faq-item[open],.ew-sil-faq-item.is-open,.ew-terms-item.ew-terms-open) :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q){color:var(--ew-indigo)!important}
[data-site-ui] :is(.ew-faq-item.ew-faq-open,.ew-st-faq-item[open],.ew-sil-faq-item.is-open,.ew-terms-item.ew-terms-open) :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q) svg{transform:rotate(180deg)}
@media(hover:hover){[data-site-ui] :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q):hover{color:var(--ew-indigo)!important}}
[data-site-ui] :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q):focus-visible{outline:2px solid var(--ew-indigo)!important;outline-offset:-2px!important;background:transparent!important}
/* Same left and right edge for question and answer, so opening never rewraps the text. The
   bottom padding only on an open answer: closed ones are max-height:0, padding would show. */
[data-site-ui] :is(.ew-faq-a,.ew-st-faq-a,.ew-sil-faq-a,.ew-terms-a){box-sizing:border-box;width:100%;padding-top:0!important;padding-left:1.4rem!important;padding-right:1.4rem!important}
[data-site-ui] :is(.ew-faq-item:not(.ew-faq-open) .ew-faq-a,.ew-sil-faq-item:not(.is-open) .ew-sil-faq-a,.ew-terms-item:not(.ew-terms-open) .ew-terms-a){padding-bottom:0!important}
[data-site-ui] :is(.ew-faq-open .ew-faq-a,.ew-st-faq-item[open] .ew-st-faq-a,.ew-sil-faq-item.is-open .ew-sil-faq-a,.ew-terms-open .ew-terms-a){padding-bottom:1.3rem!important}
[data-site-ui] :is(.ew-faq-a,.ew-st-faq-a,.ew-sil-faq-a,.ew-terms-a) p{margin:0;padding:0;font-size:.95rem!important;line-height:1.7!important;color:var(--ew-gray-600)!important}
[data-site-ui] :is(.ew-faq-a,.ew-st-faq-a,.ew-sil-faq-a,.ew-terms-a) p+p{margin-top:.8em}
[data-site-ui] :is(.ew-faq-a,.ew-st-faq-a,.ew-sil-faq-a,.ew-terms-a) a{color:var(--ew-indigo);font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* The heading above it: H2 and one line, no kicker ("FAQ" over "Frequently Asked Questions"
   says the same twice, DESIGN 3e) and no gold rule, which belongs to the dark bands. */
[data-site-ui] :is(.ew-faq,.ew-hyp-faq,.ew-unl-faq) .ew-section-label,
[data-site-ui] .ew-sil-head:has(+.ew-sil-faq) .ew-sil-label{display:none}
[data-site-ui] :is(.ew-faq,.ew-hyp-faq,.ew-unl-faq,.ew-prod-faq) .ew-section-title{padding-bottom:0}
[data-site-ui] :is(.ew-faq,.ew-hyp-faq,.ew-unl-faq,.ew-prod-faq) .ew-section-title::after{display:none}
@media(max-width:560px){
  [data-site-ui] :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q){padding:1rem 1.1rem!important;font-size:.92rem!important;gap:.75rem}
  [data-site-ui] :is(.ew-faq-a,.ew-st-faq-a,.ew-sil-faq-a,.ew-terms-a){padding-left:1.1rem!important;padding-right:1.1rem!important}
  [data-site-ui] :is(.ew-faq-open .ew-faq-a,.ew-st-faq-item[open] .ew-st-faq-a,.ew-sil-faq-item.is-open .ew-sil-faq-a,.ew-terms-open .ew-terms-a){padding-bottom:1.1rem!important}
  [data-site-ui] :is(.ew-faq-a,.ew-st-faq-a,.ew-sil-faq-a,.ew-terms-a) p{font-size:.9rem!important}
}
@media(prefers-reduced-motion:reduce){[data-site-ui] :is(.ew-faq-item,.ew-st-faq-item,.ew-sil-faq-item,.ew-terms-item),[data-site-ui] :is(.ew-faq-q,.ew-st-faq-q,.ew-sil-faq-q,.ew-terms-q) svg{transition:none}}

/* One section-head grammar for every page (2026-10-06, DESIGN.md 3m), the home page's since
   2026-09-26: an H2 and its line, no kicker above it ("Testimonials" over "What Users Say" and
   "FAQ" over "Frequently Asked Questions" said the same thing twice, DESIGN 3e). The gold rule
   under the H2 belongs to the dark bands (customer voices, closing call), all of them, and to
   no light band. Badges inside offer cards stay ("Best Value", "New · Subliminal Studio"):
   they say something the heading does not. */
[data-site-ui] :is(.ew-section-header .ew-section-label,.ew-sil-head .ew-sil-label,:is(.ew-hyp-cta-inner,.ew-unl-cta-inner,.ew-cust-cta-inner,.ew-cta-final-inner) .ew-section-label){display:none!important}
[data-site-ui] section:not(.ew-testimonials):not(.ew-cta-final):not(.ew-prod-reviews) .ew-section-title,[data-site-ui] :is(.ew-cust-intro,.ew-hyp-intro) h2{padding-bottom:0!important}
[data-site-ui] section:not(.ew-testimonials):not(.ew-cta-final):not(.ew-prod-reviews) .ew-section-title::after,[data-site-ui] :is(.ew-cust-intro,.ew-hyp-intro) h2::after{display:none!important}
/* Band headings on light bands in the same ink everywhere: Studio and Silent Maker set theirs in
   indigo, Studio's FAQ heading already in ink, so one page carried both. */
[data-site-ui] :is(.ew-st-sec:not(.ew-st-reviews) .ew-st-title,.ew-sil-sec:not(.ew-sil-dark) .ew-sil-title,.sv-library--embedded .sv-head h2){color:var(--ew-gray-800)!important}
[data-site-ui] :is(.ew-prod-reviews .ew-section-title,.ew-st-reviews .ew-st-title,.ew-sil-dark .ew-sil-title,.ew-st-final h2,.ew-sil-final h2,.ew-cta-final-inner h2,.ew-free-cta-title){position:relative;padding-bottom:1.1rem!important}
[data-site-ui] :is(.ew-prod-reviews .ew-section-title,.ew-st-reviews .ew-st-title,.ew-sil-dark .ew-sil-title,.ew-st-final h2,.ew-sil-final h2,.ew-cta-final-inner h2,.ew-free-cta-title)::after{content:'';display:block!important;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--ew-gold),rgba(255,255,255,.3))}

/* One closing call for every page (2026-10-06, DESIGN.md 3m): the home page's dark card on a
   light band. Studio, Silent Maker, the product pages and Custom ended in a full-width dark
   band instead, and the cards elsewhere came in three widths (800, 900, 1050). */
[data-site-ui] :is(.ew-cta-final,.ew-shop-cta,.ew-hyp-cta,.ew-unl-cta,.ew-cust-cta,.ew-free-bottom-cta,.ew-st-final,.ew-sil-final){background:var(--ew-off-white)!important;padding:clamp(2.5rem,6vw,5rem) 0!important;border-top:0!important}
[data-site-ui] .ew-cust-cta::before,[data-site-ui] .ew-cust-cta::after,[data-site-ui] .ew-cust-cta .ew-cta-wave{display:none!important}
[data-site-ui] :is(.ew-cta-final .ew-container>.ew-cta-final-inner,.ew-shop-cta-inner,.ew-hyp-cta-inner,.ew-unl-cta-inner,.ew-cust-cta-inner,.ew-free-bottom-cta-inner,.ew-st-final .ew-st-wrap,.ew-sil-final .ew-sil-wrap,.ew-cta-final>.ew-cta-final-inner){box-sizing:border-box;max-width:1050px!important;margin-left:auto!important;margin-right:auto!important;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,5vw,3rem)!important;background:linear-gradient(135deg,var(--ew-indigo-deep),var(--ew-indigo))!important;border:1px solid rgba(255,215,0,.18)!important;border-radius:32px!important;box-shadow:0 24px 60px rgba(0,0,0,.15),0 0 80px rgba(255,215,0,.06)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--ew-white);text-align:center}
[data-site-ui] .ew-cta-final>.ew-cta-final-inner{width:min(1050px,90%)}
[data-site-ui] .ew-cta-final>.ew-cta-final-inner>.ew-container{width:100%}
[data-site-ui] .ew-cta-final-copy h2{font-size:clamp(1.9rem,3.4vw,2.5rem)!important;line-height:1.15}
/* The offer cards set their title as a paragraph a size smaller; same size and rule as the H2s. */
[data-site-ui] :is(.ew-shop-cta-tagline,.ew-hyp-cta-tagline,.ew-unl-cta-tagline,.ew-cust-cta-tagline){position:relative;font-size:clamp(1.9rem,3.4vw,2.5rem)!important;line-height:1.15!important;padding-bottom:1.1rem!important}
[data-site-ui] :is(.ew-shop-cta-tagline,.ew-hyp-cta-tagline,.ew-unl-cta-tagline,.ew-cust-cta-tagline)::after{content:'';display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--ew-gold),rgba(255,255,255,.3))}
@media(max-width:768px){
  [data-site-ui] :is(.ew-cta-final .ew-container>.ew-cta-final-inner,.ew-shop-cta-inner,.ew-hyp-cta-inner,.ew-unl-cta-inner,.ew-cust-cta-inner,.ew-free-bottom-cta-inner,.ew-st-final .ew-st-wrap,.ew-sil-final .ew-sil-wrap,.ew-cta-final>.ew-cta-final-inner){padding:2.5rem 1.2rem!important;border-radius:16px!important;border-color:rgba(255,215,0,.1)!important}
}

/* One size for the big pill buttons (2026-10-06, DESIGN.md 3m). The same gold pill stood at
   51 to 65px on the desktop and 45 to 57px on phones: every page set its own padding, line
   height and font size. The buy box and the sticky bar keep their compact size. */
[data-site-ui] :is(.ew-btn,.ew-st-btn,.ew-sil-btn,.ew-sstrip-btn):not(.ew-btn-outline):not(.ew-scta-btn):not(.site-action-button):not(:is(.ew-prod-top,.layout-details,.site-action-bar) *){box-sizing:border-box;min-height:56px;align-items:center;padding:.75rem 2.2rem!important;font-size:1.05rem!important;line-height:1.2!important}
@media(max-width:560px){
  [data-site-ui] :is(.ew-btn,.ew-st-btn,.ew-sil-btn,.ew-sstrip-btn):not(.ew-btn-outline):not(.ew-scta-btn):not(.site-action-button):not(:is(.ew-prod-top,.layout-details,.site-action-bar) *){min-height:52px;padding:.7rem 1.6rem!important;font-size:.9rem!important}
}

/* Straight edges between bands on every page (2026-10-06, DESIGN.md 3m). Seven pages drew an
   SVG wave between their inner sections, Studio, Silent Maker, the product pages and the free
   page did not. The waves under the page heads stay: they are a documented transition (3e). */
[data-site-ui] .ew-divider{display:none!important}