:root {
  --night: #050914;
  --night-soft: #081225;
  --panel: #0d1b32;
  --panel-raised: #112440;
  --panel-blue: #153052;
  --ink: #edf6ff;
  --muted: #9db1c9;
  --muted-deep: #7088a5;
  --cyan: #65c9ff;
  --cyan-soft: #b9e8ff;
  --blue: #3d8bfd;
  --line: rgba(101, 201, 255, .22);
  --line-soft: rgba(185, 232, 255, .1);
  --gold: #d9b45d;
  --gold-bright: #f0d999;
  --red: #ef6f77;
  --font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-height: 100vh; margin: 0; color: var(--ink); background: var(--night); font-family: var(--font); line-height: 1.58; -webkit-font-smoothing: antialiased; }
button, textarea, a { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, textarea:focus-visible, a:focus-visible { outline: 3px solid rgba(101,201,255,.45); outline-offset: 3px; }
[hidden] { display: none !important; }
.shell { width: min(1140px, calc(100% - 32px)); margin-inline: auto; }

.cosmos { position: fixed; inset: 0; z-index: -3; pointer-events: none; background: radial-gradient(circle at 12% 4%, rgba(35,90,145,.42), transparent 32rem), radial-gradient(circle at 92% 26%, rgba(32,72,126,.3), transparent 27rem), radial-gradient(circle at 50% 95%, rgba(39,105,149,.18), transparent 34rem), linear-gradient(180deg, #050914 0%, #071326 42%, #050914 100%); }
.cosmos::before, .cosmos::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(185,232,255,.72) 0 1px, transparent 1.5px), radial-gradient(circle, rgba(217,180,93,.55) 0 1px, transparent 1.4px); background-position: 0 0, 38px 61px; background-size: 113px 127px, 191px 199px; opacity: .34; }
.cosmos::after { opacity: .11; transform: scale(1.1); animation: sky-drift 28s ease-in-out infinite alternate; }

.site-header { position: sticky; top: 0; z-index: 200; display: flex; width: 100%; min-height: 62px; align-items: center; justify-content: space-between; padding: 8px max(16px, calc((100% - 1140px) / 2)); border-bottom: 1px solid var(--line-soft); background: rgba(5,9,20,.88); backdrop-filter: blur(15px); }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); text-decoration: none; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.brand-mark { width: 42px; height: 42px; border-radius: 50%; object-fit: contain; box-shadow: 0 0 0 1px var(--line); }
.header-note { color: var(--cyan-soft); font-size: 10px; font-weight: 700; }
.new-reading-link { padding: 8px 13px; color: var(--cyan-soft); border: 1px solid var(--line); border-radius: 10px; background: rgba(101,201,255,.06); font-size: 11px; font-weight: 700; text-decoration: none; }

.hero { padding: 70px 0 62px; text-align: center; }
.hero-layout { display: grid; align-items: center; gap: 34px; text-align: left; }
.eyebrow { margin: 0 0 15px; color: var(--cyan); font-size: 10px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow span { display: inline-block; width: 31px; height: 1px; margin: 0 9px 3px; background: linear-gradient(90deg, transparent, var(--cyan)); }
.eyebrow span:last-child { transform: rotate(180deg); }
h1, h2, h3 { margin-top: 0; color: var(--ink); line-height: 1.12; }
.hero h1, .report-intro h1 { margin-bottom: 0; font-size: clamp(39px, 6vw, 70px); font-weight: 800; letter-spacing: -.047em; }
h1 em { color: var(--cyan-soft); font-style: normal; }
.hero-copy { max-width: 680px; margin: 22px 0 0; color: var(--muted); font-size: 14px; }
.hero-deck-showcase { position: relative; width: min(100%, 330px); min-height: 390px; margin: 0 auto; display: grid; place-items: center; perspective: 1100px; }
.orbit { position: absolute; left: 50%; top: 48%; border: 1px solid rgba(101,201,255,.2); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: 320px; height: 320px; animation: orbit-spin 24s linear infinite; }.orbit-two { width: 248px; height: 248px; border-style: dashed; animation: orbit-spin 18s linear infinite reverse; }
.orbit::before, .orbit::after { content: "✦"; position: absolute; color: var(--cyan); font-size: 12px; }.orbit::before { left: 12%; top: 10%; }.orbit::after { right: 9%; bottom: 17%; color: var(--gold); }
.hero-card { position: absolute; width: 152px; aspect-ratio: 3/5; border-radius: 12px; box-shadow: 0 24px 55px rgba(0,0,0,.5); transform-origin: 50% 115%; }
.hero-card .card-back-art { border-radius: inherit; }
.hero-card-one { z-index: 5; animation: hero-card-float 4.8s ease-in-out infinite; }.hero-card-two { z-index: 4; transform: translateX(-62px) rotate(-14deg); animation: hero-card-left 5.2s ease-in-out infinite; }.hero-card-three { z-index: 3; transform: translateX(62px) rotate(14deg); animation: hero-card-right 5.5s ease-in-out infinite; }.hero-card-four { z-index: 2; transform: translateX(-95px) rotate(-25deg) scale(.92); opacity: .65; }.hero-card-five { z-index: 1; transform: translateX(95px) rotate(25deg) scale(.92); opacity: .65; }
.hero-deck-seal { position: absolute; z-index: 8; right: -5px; bottom: 33px; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; background: rgba(9,22,42,.92); box-shadow: 0 12px 30px rgba(0,0,0,.34); }
.hero-deck-seal strong { color: var(--gold-bright); font-size: 18px; }.hero-deck-seal span { max-width: 95px; color: var(--muted); font-size: 8px; font-weight: 700; line-height: 1.2; text-transform: uppercase; }

.question-card { width: min(760px,100%); margin: 32px auto 0; padding: 24px; text-align: left; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(15,31,56,.98), rgba(8,19,37,.98)); box-shadow: 0 28px 65px rgba(0,0,0,.32); }
.question-card label { display: block; margin-bottom: 9px; color: var(--ink); font-size: 15px; font-weight: 700; }
.question-card textarea { width: 100%; min-height: 120px; resize: vertical; padding: 16px; color: var(--ink); caret-color: var(--cyan); border: 1px solid var(--line); border-radius: 12px; background: rgba(3,10,23,.62); line-height: 1.55; }
.question-card textarea:focus { border-color: var(--cyan); }.question-card textarea::placeholder { color: var(--muted-deep); }
.question-meta { display: flex; justify-content: space-between; gap: 16px; margin-top: 8px; color: var(--muted-deep); font-size: 9px; }
.prompt-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 21px; }.prompt-chips button { padding: 7px 12px; color: var(--cyan-soft); border: 1px solid var(--line); border-radius: 999px; background: rgba(101,201,255,.06); cursor: pointer; font-size: 10px; font-weight: 600; }.prompt-chips button:hover { background: rgba(101,201,255,.12); }
.primary-button { display: inline-flex; width: 100%; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 24px; color: #0b1425; border: 0; border-radius: 12px; background: linear-gradient(135deg, #f0d999, var(--gold) 55%, #bd8f35); box-shadow: 0 10px 28px rgba(217,180,93,.2); cursor: pointer; font-size: 13px; font-weight: 800; text-decoration: none; transition: transform .15s, box-shadow .15s; }
.primary-button:hover { transform: translateY(-1px); box-shadow: 0 7px 24px rgba(217,180,93,.32); }.primary-button:disabled { cursor: wait; filter: saturate(.4); opacity: .7; }.primary-button.is-busy .button-stars { animation: star-spin 1s linear infinite; }
.form-error { min-height: 1.2em; margin: 10px 0 0; color: #ff9ea4; text-align: center; font-size: 11px; }
.trust-row { display: flex; justify-content: center; gap: 16px; margin-top: 20px; color: var(--muted); font-size: 9px; font-weight: 600; }.trust-row span::before { content: "✓"; margin-right: 5px; color: var(--cyan); }
.hero.is-complete { padding-bottom: 15px; }.hero.is-complete .hero-layout, .hero.is-complete .question-card, .hero.is-complete .trust-row { display: none; }

.deck-stage, .reveal-stage, .method { padding: 56px 0 78px; text-align: center; }
.deck-stage { width: min(1180px,calc(100% - 24px)); padding-inline: clamp(13px,3vw,36px); border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(150deg, rgba(13,30,55,.97), rgba(6,15,31,.98)); box-shadow: 0 30px 75px rgba(0,0,0,.36); overflow: hidden; }
.deck-stage h2, .reveal-stage h2, .method h2, .pattern-panel h2, .advanced-rules h2, .upsell-panel h2 { margin-bottom: 0; font-size: clamp(30px,4.5vw,49px); font-weight: 800; letter-spacing: -.037em; }
.framing-pill { display: inline-block; margin: 16px 0; padding: 8px 13px; color: var(--muted); border: 1px solid var(--line); border-radius: 999px; background: rgba(101,201,255,.06); font-size: 10px; }.framing-pill strong { color: var(--cyan-soft); }
.deck-instruction { margin: 4px 0 23px; color: var(--muted); font-size: 12px; }

.shuffle-theatre { position: relative; display: grid; grid-template-columns: minmax(300px,1.1fr) minmax(220px,.9fr); min-height: 390px; align-items: center; gap: 20px; width: min(850px,100%); margin: 0 auto; padding: 26px; border: 1px solid var(--line-soft); border-radius: 22px; background: radial-gradient(circle at 27% 45%, rgba(49,118,176,.18), transparent 19rem), rgba(3,11,25,.5); overflow: hidden; }
.riffle-deck { position: relative; width: 330px; height: 330px; margin: 0 auto; perspective: 1200px; }
.shuffle-layer { position: absolute; left: 90px; top: 20px; display: block; width: 150px; aspect-ratio: 3/5; border-radius: 11px; transform: translate3d(calc((var(--layer) - 8) * .65px), calc(var(--layer) * -1px), calc(var(--layer) * 1px)); transform-origin: 50% 95%; }
.shuffle-layer i { border-radius: inherit; box-shadow: 0 15px 35px rgba(0,0,0,.38); }
.shuffle-theatre.is-shuffling .shuffle-layer:nth-child(odd) { animation: riffle-left 1.55s cubic-bezier(.16,1,.3,1) both; animation-delay: calc(var(--layer) * 22ms); }.shuffle-theatre.is-shuffling .shuffle-layer:nth-child(even) { animation: riffle-right 1.55s cubic-bezier(.16,1,.3,1) both; animation-delay: calc(var(--layer) * 22ms); }
.shuffle-readout { text-align: left; }.shuffle-signal { display: inline-flex; align-items: center; gap: 7px; color: var(--cyan); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.shuffle-signal i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(101,201,255,.1); animation: signal-pulse 1.3s ease-out infinite; }
.shuffle-readout strong { display: block; margin-top: 15px; color: var(--ink); font-size: clamp(22px,3vw,34px); line-height: 1.15; }.shuffle-readout small { display: block; margin-top: 8px; color: var(--muted); font-size: 10px; }

.deck-selector { width: min(1040px,100%); margin: 25px auto 0; padding: 19px; border: 1px solid var(--line); border-radius: 22px; background: rgba(5,14,30,.7); }
.selector-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; text-align: left; }.selector-heading strong, .selector-heading span { display: block; }.selector-heading strong { color: var(--ink); font-size: 15px; }.selector-heading span { color: var(--muted); font-size: 10px; }
.reshuffle-button { padding: 9px 13px; color: var(--cyan-soft); border: 1px solid var(--line); border-radius: 10px; background: rgba(101,201,255,.06); cursor: pointer; font-size: 10px; font-weight: 800; white-space: nowrap; }.reshuffle-button:hover { background: rgba(101,201,255,.13); }.reshuffle-button:disabled { opacity: .5; cursor: wait; }
.carousel-shell { position: relative; display: grid; grid-template-columns: 34px minmax(0,1fr) 34px; align-items: center; gap: 8px; }
.carousel-nav { display: grid; width: 34px; height: 54px; place-items: center; color: var(--cyan-soft); border: 1px solid var(--line); border-radius: 10px; background: rgba(101,201,255,.06); cursor: pointer; font-size: 24px; }.carousel-nav:hover { background: rgba(101,201,255,.14); }
.deck-fan { display: flex; align-items: center; gap: 13px; min-height: 280px; padding: 24px calc(50% - 72px); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-inline: calc(50% - 72px); scrollbar-width: none; perspective: 1100px; overscroll-behavior-inline: contain; }.deck-fan::-webkit-scrollbar { display: none; }
.fan-card { position: relative; width: 142px; min-width: 142px; aspect-ratio: 3/5; padding: 0; border: 0; border-radius: 11px; background: transparent; box-shadow: 0 14px 30px rgba(0,0,0,.35); cursor: pointer; scroll-snap-align: center; transform: rotate(calc((var(--card-index) - 39) * .025deg)); transform-origin: 50% 115%; transition: filter .2s, box-shadow .2s; }
.fan-card:not(:disabled):hover { filter: brightness(1.1); box-shadow: 0 19px 38px rgba(0,0,0,.47), 0 0 0 1px var(--cyan); }.fan-card.selected { z-index: 5; box-shadow: 0 0 0 3px var(--gold), 0 25px 55px rgba(0,0,0,.54); }.fan-card.auto-selected { z-index: 4; box-shadow: 0 0 0 2px var(--cyan), 0 20px 45px rgba(0,0,0,.48); }
.card-back-art { display: block; width: 100%; height: 100%; border: 1px solid rgba(217,180,93,.65); border-radius: inherit; background: #0d1731 url("../images/tarot/card-back.webp") center/cover no-repeat; }
.pick-number { position: absolute; top: -9px; right: -8px; display: grid; width: 25px; height: 25px; place-items: center; color: #071123; border: 2px solid var(--night); border-radius: 50%; background: var(--gold-bright); font-size: 10px; font-weight: 800; }
.selection-progress { display: flex; justify-content: center; align-items: center; gap: 13px; margin-top: 13px; color: var(--ink); font-size: 11px; font-weight: 700; }.progress-dots { display: flex; gap: 6px; }.progress-dots i { width: 8px; height: 8px; border: 1px solid var(--line); border-radius: 50%; }.progress-dots i.active { border-color: var(--cyan); background: var(--cyan); box-shadow: 0 0 0 4px rgba(101,201,255,.1); }.auto-draw-note { margin: 8px 0 0; color: var(--muted-deep); font-size: 9px; }

.spread-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(9px,4vw,44px); max-width: 880px; margin: 31px auto 0; }.revealed-card { text-align: center; opacity: 1; transform: translateY(0); }.revealed-card.pending-reveal { opacity: 0; transform: translateY(28px); }.position-label, .reading-kicker { margin: 0 0 11px; color: var(--cyan); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.flip-card, .report-card-frame { position: relative; width: min(100%,220px); aspect-ratio: 3/5; margin: 0 auto; perspective: 1000px; }.flip-inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; }.flip-back, .flip-front { position: absolute; inset: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; backface-visibility: hidden; box-shadow: 0 20px 45px rgba(0,0,0,.38); }.flip-front { background: #11182f; transform: rotateY(180deg); }.flip-front img, .report-card-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }.reversal-marker { position: absolute; left: 50%; bottom: 9px; z-index: 2; padding: 5px 8px; color: #fff; border-radius: 999px; background: rgba(190,57,68,.94); font-size: 7px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; transform: translateX(-50%); white-space: nowrap; }
.revealed-card h3, .revealed-card h2 { margin: 15px 0 4px; font-size: clamp(16px,2.6vw,24px); font-weight: 800; }.orientation { margin: 0; color: var(--muted-deep); font-size: 8px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.narration-loading { display: flex; max-width: 620px; margin: 39px auto 0; align-items: center; gap: 15px; padding: 17px 19px; text-align: left; border: 1px solid var(--line); border-radius: 14px; background: rgba(14,31,56,.8); }.narration-loading strong { display: block; margin-bottom: 2px; color: var(--ink); font-size: 12px; }.narration-loading span { color: var(--muted); font-size: 9px; }.oracle-pulse { position: relative; display: block; width: 32px; height: 32px; flex: 0 0 auto; border: 1px solid var(--cyan); border-radius: 50%; animation: oracle-pulse 1.6s ease-out infinite; }.oracle-pulse::before { content: "✦"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--cyan); font-size: 11px; }
.reading-loading-stage { min-height: calc(100vh - 62px); display: grid; place-items: center; padding-block: 45px; }.reading-loader { width: min(720px,100%); margin: 0 auto; text-align: center; }.reading-loader-visual { position: relative; width: min(360px,88vw); height: 330px; margin: 0 auto 12px; display: grid; place-items: center; perspective: 1000px; }.reading-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(101,201,255,.28); border-radius: 50%; transform: translate(-50%,-50%); }.reading-orbit::before, .reading-orbit::after { content: "✦"; position: absolute; color: var(--cyan); font-size: 12px; }.reading-orbit::before { left: 8%; top: 12%; }.reading-orbit::after { right: 10%; bottom: 9%; color: var(--gold); }.reading-orbit-one { width: 320px; height: 320px; animation: reading-orbit 11s linear infinite; }.reading-orbit-two { width: 245px; height: 245px; border-style: dashed; animation: reading-orbit 8s linear infinite reverse; }.loading-card { position: absolute; left: 50%; top: 50%; width: 116px; aspect-ratio: 3/5; border-radius: 10px; transform-origin: 50% 120%; filter: drop-shadow(0 22px 30px rgba(0,0,0,.5)); }.loading-card i, .loading-card img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: contain; }.loading-card-left { animation: loading-card-left 2.6s ease-in-out infinite; }.loading-card-centre { z-index: 2; animation: loading-card-centre 2.2s ease-in-out infinite; }.loading-card-right { animation: loading-card-right 2.8s ease-in-out infinite; }.reading-loader-star { position: absolute; z-index: 4; left: 50%; top: 50%; display: grid; width: 42px; height: 42px; place-items: center; color: #081225; border-radius: 50%; background: var(--gold-bright); box-shadow: 0 0 0 10px rgba(217,180,93,.12), 0 0 35px rgba(217,180,93,.42); transform: translate(-50%,-50%); animation: reading-star-pulse 1.6s ease-in-out infinite; }.reading-loader h1, .reading-loader h2 { margin: 0; font-size: clamp(34px,5vw,54px); font-weight: 800; letter-spacing: -.04em; }.reading-loader .loading-copy, .reading-loader > p:last-child { max-width: 610px; margin: 11px auto 0; color: var(--muted); font-size: 13px; }.reading-loader small { display: block; margin-top: 12px; color: var(--muted-deep); font-size: 9px; }.selected-card-name { margin: 10px 0 0; color: var(--cyan); font-weight: 800; }

.method { margin-top: 62px; border-top: 1px solid var(--line-soft); }.method-grid { display: grid; grid-template-columns: 1fr; gap: 13px; margin-top: 31px; text-align: left; }.method-grid article { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: rgba(13,28,51,.72); }.method-grid b { color: var(--cyan); font-size: 10px; }.method-grid h3 { margin: 11px 0 5px; font-size: 18px; font-weight: 800; }.method-grid p { margin: 0; color: var(--muted); font-size: 11px; }

/* Report */
.report-shell { padding: 64px 0 84px; }.report-intro { text-align: center; }.report-intro blockquote { max-width: 720px; margin: 25px auto 10px; color: var(--muted); font-size: clamp(17px,2.7vw,22px); font-style: normal; font-weight: 500; }.sequence-proof { margin: 12px 0 0; color: var(--muted-deep); font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.report-spread { margin-top: 45px; }.report-card-frame { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #10172e; box-shadow: 0 22px 48px rgba(0,0,0,.42); }
.reading-panel, .pattern-panel, .advanced-rules, .upsell-panel, .share-panel { max-width: 920px; margin: 60px auto 0; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(15,31,56,.97), rgba(8,19,37,.98)); box-shadow: 0 25px 60px rgba(0,0,0,.28); }.reading-panel { padding: clamp(25px,5vw,54px); }.reading-panel > h2 { margin: 0 0 31px; font-size: clamp(24px,3.7vw,38px); font-weight: 800; }.reading-body article { padding: 22px 0; border-top: 1px solid var(--line-soft); }.reading-body article > p:last-child, .synthesis p:last-child { margin: 0; color: #d4e1ef; font-size: 15px; line-height: 1.78; }.synthesis { display: flex; gap: 16px; margin-top: 22px; padding: 21px; border: 1px solid var(--line); border-radius: 14px; background: rgba(101,201,255,.07); }.synthesis > span { color: var(--cyan); }
.reading-experience { max-width: 1000px; margin-top: 0; }.reading-opening { margin-top: 42px; padding-top: 42px; border-top: 1px solid var(--line); }.reading-opening h2 { margin: 0 0 30px; font-size: clamp(24px,3.7vw,38px); font-weight: 800; line-height: 1.3; }.reading-card-list { display: grid; gap: 18px; margin-top: 35px; }.reading-card-chapter { display: grid; grid-template-columns: minmax(180px,235px) minmax(0,1fr); gap: clamp(24px,5vw,52px); align-items: center; padding: clamp(22px,4vw,34px); border: 1px solid var(--line-soft); border-radius: 17px; background: rgba(101,201,255,.035); }.reading-card-copy { text-align: left; }.reading-card-copy h3 { margin: 0 0 12px; font-size: clamp(20px,3vw,29px); line-height: 1.25; }.reading-card-copy > p:last-child { margin: 0; color: #d4e1ef; font-size: 15px; line-height: 1.78; }
.pattern-panel { padding: clamp(23px,4.5vw,42px); }.pattern-heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }.engine-badge { padding: 6px 10px; color: #a9f2ce; border: 1px solid rgba(78,214,148,.3); border-radius: 999px; background: rgba(50,180,118,.1); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }.pattern-grid { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 27px; }.pattern-grid article { display: flex; gap: 14px; padding: 16px; border: 1px solid var(--line-soft); border-radius: 14px; background: rgba(101,201,255,.04); }.pattern-icon { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; color: var(--cyan); border: 1px solid var(--line); border-radius: 50%; }.pattern-grid small { display: block; color: var(--muted-deep); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.pattern-grid strong { display: block; margin: 2px 0; color: var(--ink); font-size: 15px; }.pattern-grid p { margin: 0; color: var(--muted); font-size: 10px; }.absence-details { margin-top: 14px; padding: 14px 16px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 10px; }.absence-details summary { color: var(--cyan-soft); cursor: pointer; font-weight: 700; }.absence-details li { margin-top: 6px; }.doctrine-note { margin: 16px 0 0; color: var(--muted); font-size: 9px; }
.advanced-rules { overflow: hidden; }.advanced-intro { padding: clamp(25px,5vw,46px); background: linear-gradient(135deg, rgba(24,66,106,.5), rgba(9,22,42,.2)); }.advanced-intro > p:last-child { max-width: 720px; margin: 14px 0 0; color: var(--muted); font-size: 12px; }.rule-chapter { display: grid; grid-template-columns: 58px 1fr; gap: 18px; padding: clamp(23px,4vw,38px); border-top: 1px solid var(--line-soft); }.rule-number { display: grid; width: 46px; height: 46px; place-items: center; color: var(--cyan); border: 1px solid var(--line); border-radius: 14px; background: rgba(101,201,255,.07); font-size: 11px; font-weight: 800; }.rule-content h3 { margin: 0 0 10px; font-size: 20px; font-weight: 800; }.rule-lead { margin: 0; color: var(--muted); font-size: 12px; }.rule-callout { margin: 12px 0 0; padding: 12px 14px; color: var(--muted); border-left: 3px solid var(--cyan); border-radius: 0 10px 10px 0; background: rgba(101,201,255,.06); font-size: 11px; }
.element-map, .suit-counts { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 15px; }.element-map span, .suit-counts span { padding: 11px; color: var(--muted); border: 1px solid var(--line-soft); border-radius: 11px; background: rgba(101,201,255,.04); font-size: 9px; }.element-map b, .suit-counts b { display: block; color: var(--ink); font-size: 13px; }.suit-counts { grid-template-columns: repeat(4,1fr); }.suit-counts b { color: var(--cyan); font-size: 19px; }.pairing-list { display: grid; gap: 7px; margin-top: 12px; }.pairing-list > div { display: grid; grid-template-columns: 1fr auto auto; gap: 9px; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--line-soft); font-size: 9px; }.pairing-list strong { color: var(--cyan-soft); }.pairing-list small { color: var(--muted-deep); }.absence-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }.absence-grid p { margin: 0; padding: 11px; color: var(--muted); border: 1px solid var(--line-soft); border-radius: 10px; background: rgba(101,201,255,.03); font-size: 9px; }.absence-grid strong { display: block; color: var(--ink); }.ratio-visual { display: flex; gap: 8px; margin: 14px 0; }.ratio-visual i { display: block; width: 64px; height: 9px; border-radius: 99px; background: var(--panel-blue); }.ratio-visual i.major { background: linear-gradient(90deg,var(--gold),var(--gold-bright)); }.number-map { display: grid; gap: 8px; margin-top: 13px; }.number-map > div { display: grid; grid-template-columns: 45px 1fr; gap: 12px; align-items: start; padding: 12px; border: 1px solid var(--line-soft); border-radius: 11px; background: rgba(101,201,255,.03); }.number-map > div > span { display: grid; width: 42px; height: 42px; place-items: center; color: #061023; border-radius: 50%; background: var(--cyan-soft); font-weight: 800; }.number-map p { margin: 0; color: var(--muted); font-size: 10px; }.number-map p strong { display: block; color: var(--ink); font-size: 12px; }
.upsell-panel { padding: clamp(29px,5vw,52px); text-align: center; background: radial-gradient(circle at 50% 0, rgba(101,201,255,.18), transparent 60%), linear-gradient(145deg, rgba(18,45,77,.98), rgba(8,20,38,.98)); }.upsell-panel > p:not(.eyebrow) { max-width: 640px; margin: 16px auto 23px; color: var(--muted); font-size: 12px; }.upsell-panel .primary-button { width: min(430px,100%); }.upsell-panel small { display: block; margin-top: 12px; color: var(--muted-deep); font-size: 8px; }.share-panel { display: grid; grid-template-columns: 1fr auto; gap: 7px 18px; align-items: center; padding: 22px 24px; }.share-panel strong, .share-panel span { display: block; }.share-panel strong { color: var(--ink); }.share-panel span { margin-top: 2px; color: var(--muted); font-size: 9px; }.report-id { display: block; margin-top: 5px; color: var(--muted-deep); font-size: 8px; }.share-panel button { padding: 9px 14px; color: var(--cyan-soft); border: 1px solid var(--line); border-radius: 10px; background: rgba(101,201,255,.06); cursor: pointer; font-size: 10px; font-weight: 700; }.share-panel p { grid-column: 1/-1; min-height: 1em; margin: 0; color: var(--cyan); font-size: 9px; }.report-waiting { min-height: 60vh; display: grid; place-items: center; align-content: center; text-align: center; }.report-waiting h1 { margin: 12px 0; font-size: clamp(36px,5vw,56px); }.report-waiting > p:last-child { color: var(--muted); }.report-waiting.reading-loader { display: block; min-height: calc(100vh - 190px); padding-top: 20px; }

/* Universal footer styling without Tailwind runtime. */
body > footer { margin-top: auto; padding: 40px 16px 22px; color: var(--muted); border-top: 1px solid var(--line-soft); background: #050a16; } body > footer > div { max-width: 1140px; margin: 0 auto; } body > footer a { color: var(--muted); text-decoration: none; } body > footer a:hover { color: var(--cyan); } body > footer img { width: 54px; height: 54px; object-fit: contain; } body > footer .mb-8 { margin-bottom: 28px; } body > footer .inline-flex { display: inline-flex; align-items: center; gap: 10px; } body > footer .text-sm { font-size: 13px; } body > footer .font-extrabold, body > footer .font-bold { font-weight: 800; color: var(--ink); } body > footer .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; } body > footer .text-xs { font-size: 9px; } body > footer .uppercase { text-transform: uppercase; } body > footer .mt-3 { margin-top: 10px; } body > footer .space-y-2 > * { display: block; margin-top: 6px; } body > footer .mt-8 { margin-top: 28px; } body > footer .border-t { border-top: 1px solid var(--line-soft); } body > footer .pt-5 { padding-top: 18px; }

@keyframes sky-drift { to { transform: scale(1.12) translate3d(-1.5%,1%,0); } } @keyframes orbit-spin { to { transform: translate(-50%,-50%) rotate(360deg); } } @keyframes hero-card-float { 50% { transform: translateY(-13px) rotate(1.5deg); } } @keyframes hero-card-left { 50% { transform: translate(-68px,-7px) rotate(-17deg); } } @keyframes hero-card-right { 50% { transform: translate(68px,-9px) rotate(17deg); } } @keyframes star-spin { to { transform: rotate(360deg); } } @keyframes signal-pulse { 70%,100% { box-shadow: 0 0 0 10px rgba(101,201,255,0); } } @keyframes oracle-pulse { 70%,100% { box-shadow: 0 0 0 11px rgba(101,201,255,0); } }
@keyframes reading-orbit { to { transform: translate(-50%,-50%) rotate(360deg); } } @keyframes loading-card-left { 0%,100% { transform: translate(-50%,-50%) rotate(-18deg) translateX(-58px); } 50% { transform: translate(-50%,-56%) rotate(-23deg) translateX(-66px); } } @keyframes loading-card-centre { 0%,100% { transform: translate(-50%,-53%) scale(1.04); } 50% { transform: translate(-50%,-59%) scale(1.08); } } @keyframes loading-card-right { 0%,100% { transform: translate(-50%,-50%) rotate(18deg) translateX(58px); } 50% { transform: translate(-50%,-55%) rotate(23deg) translateX(66px); } } @keyframes reading-star-pulse { 50% { box-shadow: 0 0 0 18px rgba(217,180,93,0), 0 0 48px rgba(217,180,93,.58); transform: translate(-50%,-50%) scale(1.08); } }
@keyframes riffle-left { 0% { transform: translate3d(0,calc(var(--layer) * -1px),0) rotate(0); } 30% { transform: translate3d(-78px,-18px,35px) rotate(-12deg); } 58% { transform: translate3d(-30px,25px,20px) rotate(-5deg); } 100% { transform: translate3d(calc((var(--layer) - 8) * .65px),calc(var(--layer) * -1px),calc(var(--layer) * 1px)); } }
@keyframes riffle-right { 0% { transform: translate3d(0,calc(var(--layer) * -1px),0) rotate(0); } 30% { transform: translate3d(78px,-18px,35px) rotate(12deg); } 58% { transform: translate3d(30px,25px,20px) rotate(5deg); } 100% { transform: translate3d(calc((var(--layer) - 8) * .65px),calc(var(--layer) * -1px),calc(var(--layer) * 1px)); } }

@media (min-width:768px) { .shell { width: min(1140px,calc(100% - 48px)); }.hero-layout { grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); }.method-grid { grid-template-columns: repeat(3,1fr); }.pattern-grid { grid-template-columns: 1fr 1fr; } body > footer .grid { grid-template-columns: repeat(5,1fr); } }
@media (max-width:767px) { .site-header { min-height: 56px; }.brand span { display: none; }.header-note { max-width: 165px; text-align: right; font-size: 8px; }.hero { padding: 48px 0 47px; }.hero-layout { text-align: center; }.hero h1, .report-intro h1 { font-size: 39px; }.hero-copy { margin-inline: auto; font-size: 12px; }.hero-deck-showcase { min-height: 315px; }.hero-card { width: 126px; }.orbit-one { width: 275px; height: 275px; }.orbit-two { width: 214px; height: 214px; }.hero-deck-seal { right: 0; bottom: 11px; }.question-card { margin-top: 18px; padding: 17px; }.question-meta { display: block; }.question-meta span:last-child { display: block; margin-top: 3px; }.trust-row { gap: 8px; flex-wrap: wrap; }.deck-stage, .reveal-stage, .method { padding-top: 42px; padding-bottom: 60px; }.deck-stage { border-radius: 20px; }.shuffle-theatre { grid-template-columns: 1fr; min-height: 485px; padding: 16px; }.riffle-deck { width: 290px; height: 300px; }.shuffle-layer { left: 78px; width: 134px; }.shuffle-readout { text-align: center; }.deck-selector { padding: 12px; }.selector-heading { align-items: flex-start; }.selector-heading span { max-width: 190px; }.carousel-shell { grid-template-columns: minmax(0,1fr); }.carousel-nav { display: none; }.deck-fan { min-height: 242px; padding: 20px calc(50% - 61px); scroll-padding-inline: calc(50% - 61px); gap: 10px; }.fan-card { width: 122px; min-width: 122px; }.spread-grid { gap: 7px; }.position-label { min-height: 29px; font-size: 7px; }.revealed-card h3, .revealed-card h2 { font-size: 13px; }.orientation { font-size: 6px; }.report-shell { padding: 48px 0 68px; }.reading-panel, .pattern-panel, .advanced-rules, .upsell-panel, .share-panel { margin-top: 43px; border-radius: 16px; }.reading-body article > p:last-child, .synthesis p:last-child { font-size: 14px; }.pattern-heading-row { display: block; }.engine-badge { display: inline-block; margin-top: 11px; }.rule-chapter { grid-template-columns: 1fr; gap: 12px; }.rule-number { width: 40px; height: 40px; }.element-map { grid-template-columns: 1fr; }.suit-counts { grid-template-columns: 1fr 1fr; }.absence-grid { grid-template-columns: 1fr; }.pairing-list > div { grid-template-columns: 1fr; gap: 2px; }.share-panel { grid-template-columns: 1fr; }.share-panel button { width: 100%; margin-top: 7px; } }
@media (max-width:767px) { .reading-card-chapter { grid-template-columns: 1fr; }.reading-card-copy > p:last-child { font-size: 14px; }.reading-loader-visual { height: 285px; transform: scale(.88); margin-block: -12px 0; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }

/* Decision-clarity landing experience */
.decision-tarot-page {
  --cream: #f4ecdd;
  --violet: #9b82ff;
  --violet-soft: #c9bdff;
  --coral: #ff9278;
  background: #070a12;
}
.decision-tarot-page .cosmos {
  background:
    radial-gradient(circle at 8% 8%, rgba(96,63,160,.28), transparent 32rem),
    radial-gradient(circle at 92% 24%, rgba(27,108,125,.22), transparent 30rem),
    radial-gradient(circle at 50% 96%, rgba(117,75,33,.18), transparent 38rem),
    linear-gradient(180deg,#070a12 0%,#0b1020 46%,#070a12 100%);
}
.decision-tarot-page h1,
.decision-tarot-page h2,
.decision-tarot-page .report-intro h1 { font-family: var(--font); }
.header-cta,.reading-balance { padding: 8px 13px; color: var(--cream); border: 1px solid rgba(201,189,255,.24); border-radius: 999px; background: rgba(155,130,255,.08); font-size: 10px; font-weight: 700; text-decoration: none; }
.reading-balance strong { margin-right: 4px; color: var(--gold-bright); }

.decision-hero { display: grid; grid-template-columns: minmax(0,1.06fr) minmax(420px,.94fr); gap: clamp(35px,6vw,86px); align-items: center; min-height: 720px; padding-block: 72px 88px; }
.decision-hero-copy h1 { max-width: 720px; margin: 0; font-size: clamp(48px,6.2vw,82px); font-weight: 600; letter-spacing: -.045em; line-height: .99; }
.decision-hero-copy h1 em { display: block; margin-top: 10px; color: var(--gold-bright); }
.hero-lead { max-width: 680px; margin: 28px 0 0; color: #b7c2d2; font-size: clamp(14px,1.45vw,17px); line-height: 1.78; }
.hero-actions { display: flex; align-items: center; gap: 20px; margin-top: 32px; }
.hero-actions .primary-button { width: auto; min-width: 245px; }
.text-link { color: var(--violet-soft); font-size: 12px; font-weight: 700; text-decoration: none; }
.text-link::after { content: " ↓"; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 38px; padding-top: 24px; border-top: 1px solid var(--line-soft); }
.hero-proof span { display: flex; align-items: center; gap: 7px; color: #8f9db1; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.hero-proof i { display: grid; width: 23px; height: 23px; place-items: center; color: var(--gold-bright); border: 1px solid rgba(217,180,93,.26); border-radius: 50%; font-size: 7px; font-style: normal; }

.meaning-orbit { position: relative; min-height: 560px; perspective: 1200px; }
.meaning-orbit::before { content: ""; position: absolute; inset: 50% auto auto 50%; width: 420px; height: 420px; border: 1px solid rgba(155,130,255,.18); border-radius: 50%; box-shadow: 0 0 90px rgba(155,130,255,.08) inset; transform: translate(-50%,-50%); }
.meaning-orbit::after { content: "✦"; position: absolute; left: 50%; top: 50%; display: grid; width: 58px; height: 58px; place-items: center; color: #14101f; border-radius: 50%; background: var(--gold-bright); box-shadow: 0 0 0 14px rgba(217,180,93,.1),0 0 55px rgba(217,180,93,.3); transform: translate(-50%,-50%); animation: reading-star-pulse 2.4s ease-in-out infinite; }
.meaning-card { position: absolute; width: 190px; border-radius: 14px; filter: drop-shadow(0 30px 35px rgba(0,0,0,.44)); }
.meaning-card img { display: block; width: 100%; height: auto; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; }
.meaning-card span { position: absolute; left: 50%; bottom: -32px; width: 190px; padding: 11px 12px; color: #aebbd0; border: 1px solid rgba(201,189,255,.18); border-radius: 11px; background: rgba(11,16,32,.94); box-shadow: 0 12px 32px rgba(0,0,0,.35); font-size: 9px; line-height: 1.35; transform: translateX(-50%); }
.meaning-card span b { display: block; color: var(--cream); font-size: 11px; }
.meaning-card-left { left: 0; top: 145px; z-index: 1; transform: rotate(-13deg); animation: meaning-float-left 6.2s ease-in-out infinite; }
.meaning-card-centre { left: 50%; top: 48px; z-index: 3; transform: translateX(-50%); animation: meaning-float-centre 5.6s ease-in-out infinite; }
.meaning-card-right { right: 0; top: 145px; z-index: 2; transform: rotate(13deg); animation: meaning-float-right 6.6s ease-in-out infinite; }
.orbit-copy { position: absolute; left: 50%; bottom: 4px; text-align: center; transform: translateX(-50%); }
.orbit-copy strong,.orbit-copy small { display: block; }
.orbit-copy strong { color: var(--cream); font-family: var(--font); font-size: 26px; }
.orbit-copy small { color: #76869d; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }

.truth-strip { border-block: 1px solid rgba(201,189,255,.12); background: rgba(13,18,34,.76); }
.truth-grid { display: grid; grid-template-columns: 1fr 1fr; }
.truth-grid > div { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: start; padding: 30px clamp(18px,4vw,48px); }
.truth-grid > div + div { border-left: 1px solid rgba(201,189,255,.12); }
.truth-mark { display: grid; width: 38px; height: 38px; place-items: center; color: #172116; border-radius: 50%; background: #bce0a6; }
.truth-mark.muted { color: #251616; background: #e3a49a; }
.truth-grid p { margin: 0; color: #8f9eb2; font-size: 11px; line-height: 1.6; }
.truth-grid strong { display: block; margin-bottom: 4px; color: var(--cream); font-size: 14px; }

.question-guide,.preview-explainer { padding-block: 104px; }
.section-heading { max-width: 800px; margin: 0 auto; text-align: center; }
.section-heading h2,.boundaries-grid h2,.question-stage-copy h2 { margin-bottom: 18px; font-size: clamp(36px,5vw,62px); font-weight: 600; letter-spacing: -.035em; }
.section-heading > p:last-child,.boundaries-grid > div > p:last-child,.question-stage-copy > p:last-child { color: #98a7ba; font-size: 13px; line-height: 1.75; }
.reframe-card { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 22px; max-width: 950px; margin: 48px auto 0; padding: 11px; border: 1px solid rgba(201,189,255,.17); border-radius: 20px; background: rgba(13,19,37,.78); }
.reframe-card > div { min-height: 120px; padding: 25px; border-radius: 14px; }
.reframe-before { background: rgba(255,146,120,.055); }
.reframe-after { background: rgba(188,224,166,.07); }
.reframe-card small { color: #7e8da2; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.reframe-card p { margin: 9px 0 0; color: var(--cream); font-family: var(--font); font-size: 18px; line-height: 1.45; }
.reframe-arrow { color: var(--gold-bright); font-size: 26px; }
.question-types { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; margin-top: 48px; }
.question-types article { padding: 24px; border: 1px solid rgba(201,189,255,.14); border-radius: 18px; background: linear-gradient(155deg,rgba(17,25,48,.88),rgba(9,14,28,.92)); }
.type-icon { display: grid; width: 38px; height: 38px; place-items: center; color: var(--gold-bright); border: 1px solid rgba(217,180,93,.23); border-radius: 12px; background: rgba(217,180,93,.06); font-size: 17px; }
.question-types h3 { margin: 19px 0 8px; font-size: 19px; }
.question-types p { min-height: 68px; margin: 0 0 18px; color: #8796aa; font-size: 10px; line-height: 1.65; }
.question-types button,.quick-prompts button { display: block; width: 100%; margin-top: 8px; padding: 10px 12px; color: #c5d0df; border: 1px solid rgba(201,189,255,.12); border-radius: 10px; background: rgba(155,130,255,.045); cursor: pointer; font-size: 9px; text-align: left; transition: border-color .2s,background .2s; }
.question-types button:hover,.quick-prompts button:hover { border-color: rgba(201,189,255,.35); background: rgba(155,130,255,.11); }
.question-formula { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 32px; }
.question-formula span,.question-formula strong { padding: 9px 13px; border-radius: 999px; font-size: 9px; }
.question-formula span { color: #6f8097; }
.question-formula strong { color: var(--violet-soft); border: 1px solid rgba(201,189,255,.16); background: rgba(155,130,255,.06); }

.boundaries-section { padding-block: 78px; border-block: 1px solid rgba(255,146,120,.12); background: linear-gradient(120deg,rgba(54,25,35,.38),rgba(12,17,31,.74)); }
.boundaries-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(35px,7vw,100px); align-items: center; }
.boundaries-grid h2 { max-width: 650px; }
.boundaries-grid ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.boundaries-grid li { display: flex; gap: 12px; align-items: center; padding: 15px 17px; color: #adb9c9; border: 1px solid rgba(255,146,120,.11); border-radius: 12px; background: rgba(33,19,28,.44); font-size: 11px; }
.boundaries-grid li span { color: var(--coral); font-size: 17px; }

.preview-explainer { padding-bottom: 70px; }
.preview-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; max-width: 940px; margin: 50px auto 0; }
.preview-cards article { position: relative; padding: 17px; text-align: center; border: 1px solid rgba(201,189,255,.14); border-radius: 18px; background: rgba(13,19,37,.8); overflow: hidden; }
.preview-cards article > span { display: block; margin-bottom: 14px; color: var(--violet-soft); font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.preview-cards img { width: min(170px,80%); aspect-ratio: 3/5; margin: 0 auto; border-radius: 11px; }
.preview-cards img { display: block; object-fit: contain; box-shadow: 0 20px 40px rgba(0,0,0,.4); }
.preview-cards b { display: block; margin-top: 19px; color: var(--cream); font-size: 14px; }
.preview-cards p { margin: 7px 0 0; color: #8796aa; font-size: 9px; line-height: 1.55; }

.question-step { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(35px,7vw,95px); align-items: center; padding-block: 100px 120px; }
.question-stage-copy h2 { margin-bottom: 20px; }
.question-step .question-card { margin: 0; }
.quick-prompts { display: flex; flex-wrap: wrap; gap: 7px; margin: 16px 0 20px; }
.quick-prompts button { width: auto; margin: 0; }
.question-step.is-complete { display: none; }
.intuition-note { display: grid; grid-template-columns: 34px 1fr 34px 1fr 34px 1fr; gap: 11px; align-items: start; width: min(1040px,100%); margin: 25px auto; padding: 18px; border: 1px solid rgba(217,180,93,.16); border-radius: 16px; background: rgba(217,180,93,.035); text-align: left; }
.intuition-note > span { display: grid; width: 30px; height: 30px; place-items: center; color: var(--gold-bright); border: 1px solid rgba(217,180,93,.24); border-radius: 50%; font-size: 8px; }
.intuition-note p { margin: 0; color: #8796aa; font-size: 9px; line-height: 1.55; }
.intuition-note strong { display: block; margin-bottom: 3px; color: var(--cream); font-size: 10px; }
.spiritual-note { max-width: 780px; margin: -8px auto 25px; color: #73849a; font-size: 9px; line-height: 1.6; }

@keyframes meaning-float-left { 50% { transform: translateY(-13px) rotate(-10deg); } }
@keyframes meaning-float-centre { 50% { transform: translate(-50%,-16px) rotate(1deg); } }
@keyframes meaning-float-right { 50% { transform: translateY(-11px) rotate(10deg); } }

@media (max-width: 980px) {
  .decision-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 60px; text-align: center; }
  .decision-hero-copy h1,.hero-lead { margin-inline: auto; }.hero-actions,.hero-proof { justify-content: center; }
  .meaning-orbit { width: min(540px,100%); margin: 0 auto; }
  .question-types { grid-template-columns: 1fr 1fr; }
  .question-step { grid-template-columns: 1fr; text-align: center; }
  .question-step .question-card { margin-inline: auto; }
  .intuition-note { grid-template-columns: 34px 1fr; }
}
@media (max-width: 680px) {
  .decision-hero { padding-block: 46px 62px; }.decision-hero-copy h1 { font-size: 45px; }
  .hero-actions { flex-direction: column; }.hero-actions .primary-button { width: 100%; }.hero-proof { align-items: flex-start; justify-content: flex-start; }
  .meaning-orbit { min-height: 430px; transform: scale(.82); transform-origin: top center; margin-bottom: -70px; }
  .meaning-card { width: 155px; }.meaning-card span { width: 155px; }.meaning-orbit::before { width: 330px; height: 330px; }
  .meaning-card-left { left: -3px; }.meaning-card-right { right: -3px; }
  .truth-grid,.boundaries-grid,.preview-cards { grid-template-columns: 1fr; }
  .truth-grid > div + div { border-top: 1px solid rgba(201,189,255,.12); border-left: 0; }
  .question-guide,.preview-explainer { padding-block: 72px; }
  .section-heading h2,.boundaries-grid h2,.question-stage-copy h2 { font-size: 38px; }
  .reframe-card { grid-template-columns: 1fr; }.reframe-arrow { transform: rotate(90deg); text-align: center; }
  .question-types { grid-template-columns: 1fr; }.question-types p { min-height: 0; }
  .preview-cards { max-width: 330px; }
  .question-step { padding-block: 75px; }
}

/* Bright product-first Tarot landing — follows design.md */
.bright-tarot-page {
  --bright-navy: #0f172a;
  --bright-charcoal: #1a202c;
  --bright-slate: #4a5568;
  --bright-muted: #718096;
  --bright-blue: #2563eb;
  --bright-blue-dark: #1e40af;
  --bright-blue-50: #eff6ff;
  --bright-blue-100: #dbeafe;
  --bright-blue-200: #bfdbfe;
  --bright-grey-50: #f8fafc;
  --bright-grey-100: #edf2f7;
  --bright-grey-200: #e2e8f0;
  --bright-gold: #daa520;
  --bright-gold-dark: #c49000;
  min-height: 100vh;
  padding-bottom: 76px;
  color: var(--bright-charcoal);
  background: #fff;
  font-family: "DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.decision-tarot-page h1,.decision-tarot-page h2,.decision-tarot-page h3,.decision-tarot-page .report-intro h1 { font-family: "DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.reading-conclusion { margin-top: 30px; padding: clamp(24px,4vw,40px); border: 1px solid rgba(217,180,93,.28); border-radius: 17px; background: radial-gradient(circle at 50% 0,rgba(217,180,93,.1),transparent 28rem),rgba(8,19,37,.72); text-align: left; }
.reading-conclusion > h2 { margin: 0 0 14px; font-size: clamp(24px,3.5vw,36px); line-height: 1.25; }
.reading-conclusion > p:not(.eyebrow),.direct-answer p { color: #d4e1ef; font-size: 15px; line-height: 1.78; }
.direct-answer { margin-top: 24px; padding: 20px; border-left: 3px solid var(--gold); border-radius: 0 12px 12px 0; background: rgba(217,180,93,.07); }
.direct-answer h3,.practical-guidance h3 { margin: 0 0 9px; font-size: 20px; }
.direct-answer p { margin: 0; }
.practical-guidance { margin-top: 24px; }
.practical-guidance ol { display: grid; gap: 10px; margin: 0; padding-left: 22px; color: #d4e1ef; font-size: 15px; line-height: 1.65; }
.reading-card-chapter.locked-chapter { position: relative; min-height: 390px; overflow: hidden; }
.locked-report-card { position: relative; width: min(100%,220px); aspect-ratio: 3/5; margin: 0 auto; border-radius: 12px; filter: blur(2.5px) saturate(.45); opacity: .55; }
.locked-report-card .card-back-art { border-radius: inherit; }
.lock-badge { position: absolute; left: 50%; top: 50%; z-index: 3; display: grid; width: 64px; height: 64px; place-items: center; color: var(--gold-bright); border: 1px solid rgba(217,180,93,.42); border-radius: 50%; background: rgba(7,10,18,.9); transform: translate(-50%,-50%); }
.unlock-panel { max-width: 1000px; margin: 28px auto 0; padding: clamp(27px,5vw,50px); border: 1px solid rgba(217,180,93,.3); border-radius: 22px; background: radial-gradient(circle at 50% 0,rgba(217,180,93,.12),transparent 30rem),rgba(12,18,34,.96); text-align: center; }
.unlock-panel h2 { margin-bottom: 12px; font-size: clamp(31px,4vw,48px); }.unlock-panel > p { max-width: 700px; margin: 0 auto; color: #99a8ba; font-size: 12px; }
.checkout-fields { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin: 26px auto 0; max-width: 820px; text-align: left; }.checkout-fields label { color: #aebbd0; font-size: 9px; font-weight: 700; }.checkout-fields input { display: block; width: 100%; margin-top: 7px; padding: 12px; color: #fff; border: 1px solid rgba(201,189,255,.2); border-radius: 10px; background: rgba(255,255,255,.05); }
.checkout-plans { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; max-width: 820px; margin: 18px auto 0; }.checkout-plan { position: relative; padding: 21px; color: #17243a; border: 1px solid #dce4ef; border-radius: 15px; background: #fff; box-shadow: 0 12px 34px rgba(5,14,30,.18); cursor: pointer; text-align: left; transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease; }.checkout-plan:hover,.checkout-plan:focus-visible { border-color: #d4af37; box-shadow: 0 16px 38px rgba(5,14,30,.24); transform: translateY(-2px); }.checkout-plan.recommended { border-color: #d4af37; background: #fffaf0; }.checkout-plan strong,.checkout-plan span,.checkout-plan small { display: block; }.checkout-plan strong { color: #17243a; }.checkout-plan span { margin-top: 5px; color: #996515; font-size: 31px; }.checkout-plan small { margin-top: 5px; color: #64748b; font-size: 8px; }.checkout-plan.recommended > small:first-child { display: inline-block; margin: 0 0 8px; padding: 4px 7px; color: #5e4308; border-radius: 999px; background: #f2d985; font-weight: 900; }.checkout-plan:disabled { cursor: wait; opacity: .65; transform: none; }
.payment-error { min-height: 18px; margin: 12px 0 0; color: #ff9ea4; font-size: 10px; }.payment-note { margin-top: 8px !important; color: #687990 !important; font-size: 8px !important; }.access-banner { max-width: 1000px; margin: 24px auto 0; padding: 15px 18px; border: 1px solid rgba(188,224,166,.2); border-radius: 12px; background: rgba(188,224,166,.05); text-align: center; }.access-banner a { color: #bce0a6; }
.unlock-value-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; max-width: 760px; margin: 24px auto 0; text-align: left; }.unlock-value-grid span { padding: 11px 13px; color: #d4e1ef; border: 1px solid rgba(217,180,93,.14); border-radius: 10px; background: rgba(217,180,93,.04); font-size: 10px; }.unlock-value-grid b { margin-right: 7px; color: #bce0a6; }.delivery-assurance { margin-top: 16px !important; color: #c3cedb !important; }.delivery-assurance strong { color: var(--gold-bright); }
.has-payment-sticky { padding-bottom: 92px; }.tarot-payment-sticky { position: fixed; left: 50%; bottom: max(10px,env(safe-area-inset-bottom)); z-index: 90; display: grid; grid-template-columns: minmax(210px,1fr) auto auto; gap: 10px; align-items: center; width: min(940px,calc(100% - 24px)); padding: 12px; border: 1px solid rgba(217,180,93,.4); border-radius: 16px; background: rgba(8,13,25,.97); box-shadow: 0 18px 55px rgba(0,0,0,.48); backdrop-filter: blur(18px); transform: translateX(-50%); }.tarot-payment-sticky > div { text-align: left; }.tarot-payment-sticky > div strong,.tarot-payment-sticky > div span { display: block; }.tarot-payment-sticky > div strong { color: #fff; font-size: 13px; }.tarot-payment-sticky > div span { margin-top: 3px; color: #8f9eb2; font-size: 8px; }.tarot-payment-sticky button { min-width: 130px; padding: 10px 15px; color: #fff; border: 1px solid rgba(217,180,93,.35); border-radius: 11px; background: rgba(217,180,93,.08); cursor: pointer; }.tarot-payment-sticky button.recommended { color: #1b1609; background: var(--gold-bright); }.tarot-payment-sticky button small,.tarot-payment-sticky button b { display: block; }.tarot-payment-sticky button small { font-size: 7px; }.tarot-payment-sticky button b { margin-top: 2px; font-size: 17px; }
.access-dashboard > h1 { margin-bottom: 12px; }.access-status { margin-bottom: 24px; color: #bce0a6; }.access-expired { margin: 24px 0; padding: 22px; border: 1px solid rgba(255,158,164,.2); border-radius: 14px; background: rgba(255,158,164,.05); }.access-expired h2 { margin-top: 0; }.access-history { margin-top: 38px; }.access-history > h2 { margin-bottom: 16px; }.access-history article { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 18px 0; border-top: 1px solid var(--line-soft); }.access-history article span { color: #8190a4; font-size: 9px; }.access-history article h3 { margin: 5px 0 0; font-size: 16px; }.access-history article a { flex: 0 0 auto; color: var(--gold-bright); }
.tarot-pricing-section { background: #fff; }.pricing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,390px)); justify-content: center; gap: 18px; margin-top: 40px; }.price-card { position: relative; padding: 31px; color: var(--bright-charcoal); border: 1px solid var(--bright-blue-100); border-radius: 21px; background: #fff; box-shadow: 0 12px 40px rgba(30,64,175,.06); }.price-card.recommended { border-color: #d4af37; }.best-value { position: absolute; right: 18px; top: 18px; padding: 5px 9px; color: #1b1609; border-radius: 99px; background: #e7c75c; font-size: 7px; font-weight: 900; text-transform: uppercase; }.price-card > p { margin: 0; color: var(--bright-navy); font-weight: 800; }.price-card h3 { margin: 12px 0 0; color: var(--bright-navy); font-size: 48px; }.price-card h3 small { font-size: 22px; }.price-card > span:not(.best-value) { color: var(--bright-muted); font-size: 9px; }.price-card ul { display: grid; gap: 9px; margin: 22px 0; padding: 18px 0 0; border-top: 1px solid var(--bright-grey-100); list-style: none; }.price-card li { color: var(--bright-charcoal); font-size: 10px; }.price-card li::before { content: "✓"; margin-right: 8px; color: #16a34a; }.price-card .btn-gold,.price-card .btn-sec { width: 100%; }
.reader-details-card { margin-bottom: 22px; padding: 18px; border: 1px solid #dbeafe; border-radius: 18px; background: linear-gradient(145deg,#f8fbff,#eff6ff); box-shadow: inset 0 1px 0 #fff; }.reader-details-heading { display: flex; gap: 11px; align-items: center; margin-bottom: 16px; }.reader-details-heading > span { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; color: #fff; border-radius: 12px; background: linear-gradient(135deg,#2563eb,#1e40af); box-shadow: 0 7px 18px rgba(37,99,235,.2); }.reader-details-heading strong,.reader-details-heading small { display: block; }.reader-details-heading strong { color: var(--bright-navy); font-size: 13px; }.reader-details-heading small { margin-top: 2px; color: var(--bright-slate); font-size: 9px; }.reader-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.reader-details-grid label > span:first-child { display: block; margin: 0 0 7px 2px; color: var(--bright-slate); font-size: 9px; font-weight: 700; }.reader-input { display: flex; min-height: 48px; align-items: center; overflow: hidden; border: 1px solid #dbe4f0; border-radius: 12px; background: #fff; box-shadow: 0 4px 14px rgba(30,64,175,.05); transition: border-color .2s,box-shadow .2s; }.reader-input:focus-within { border-color: #60a5fa; box-shadow: 0 0 0 4px rgba(59,130,246,.1); }.reader-input b { display: grid; width: 42px; height: 24px; flex: 0 0 auto; place-items: center; color: #2563eb; border-right: 1px solid #e2e8f0; font-size: 11px; }.reader-details-grid .reader-input input { width: 100%; min-width: 0; padding: 12px; color: var(--bright-charcoal); border: 0; outline: 0; background: transparent; font: inherit; }.reader-details-grid input::placeholder { color: #94a3b8; }.reader-privacy { display: flex; gap: 6px; align-items: center; margin: 12px 0 0; color: #64748b; font-size: 8px; line-height: 1.4; }
@media (max-width:767px) { .checkout-fields,.checkout-plans { grid-template-columns: 1fr; }.reading-card-chapter.locked-chapter { min-height: 500px; }.access-history article { display: block; }.access-history article a { display: inline-block; margin-top: 10px; } }
@media (max-width:767px) { .unlock-value-grid { grid-template-columns: 1fr; }.has-payment-sticky { padding-bottom: 116px; }.tarot-payment-sticky { grid-template-columns: 1fr 1fr; gap: 7px; }.tarot-payment-sticky > div { grid-column: 1/-1; text-align: center; }.tarot-payment-sticky button { min-width: 0; padding: 9px; } }
@media (max-width:767px) { .pricing-grid { grid-template-columns: 1fr; } }
@media (max-width:767px) { .reader-details-card { padding: 15px; }.reader-details-grid { grid-template-columns: 1fr; } }
.bright-tarot-page h1,.bright-tarot-page h2,.bright-tarot-page h3 { color: var(--bright-navy); }
.bright-tarot-page .shell { width: min(1140px,calc(100% - 32px)); }
.bright-tarot-page .bright-header { min-height: 58px; border-bottom: 1px solid var(--bright-blue-100); background: rgba(255,255,255,.96); box-shadow: 0 1px 10px rgba(30,64,175,.03); backdrop-filter: blur(14px); }
.bright-header .brand { color: var(--bright-navy); }.bright-header .brand-mark { border: 1px solid var(--bright-blue-100); box-shadow: none; }
.bright-nav-trust { display: flex; gap: 20px; margin-left: auto; margin-right: 20px; color: var(--bright-slate); font-size: 10px; font-weight: 600; }
.bright-nav-trust span::before { content: "✓"; margin-right: 5px; color: var(--bright-blue); }
.header-gold-cta { padding: 9px 17px; color: #fff; border-radius: 10px; background: linear-gradient(135deg,var(--bright-gold),var(--bright-gold-dark)); font-size: 11px; font-weight: 700; text-decoration: none; }
.bright-header .reading-balance { color: var(--bright-blue-dark); border-color: var(--bright-blue-100); background: var(--bright-blue-50); }

.bright-hero { overflow: hidden; background: linear-gradient(160deg,#bfdbfe 0%,#dbeafe 20%,#eff6ff 52%,#f8fafc 100%); }
.bright-hero-grid { display: grid; grid-template-columns: 1fr; gap: 35px; align-items: center; min-height: 680px; padding-block: 58px 76px; }
.positive-badge { display: inline-flex; align-items: center; gap: 5px; margin-bottom: 20px; padding: 6px 10px; color: var(--bright-slate); border: 1px solid rgba(22,163,74,.18); border-radius: 8px; background: rgba(255,255,255,.72); font-size: 10px; font-weight: 600; }
.positive-badge span { padding: 2px 8px; color: #fff; border-radius: 6px; background: linear-gradient(135deg,#16a34a,#15803d); font-size: 9px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.bright-hero-copy h1 { max-width: 660px; margin: 0; color: var(--bright-navy); font-size: clamp(43px,6vw,72px); font-weight: 800; letter-spacing: -.045em; line-height: 1.04; }
.bright-hero-copy h1 em { display: block; margin-top: 6px; color: var(--bright-blue-dark); font-style: normal; }
.bright-hero-copy > p { max-width: 640px; margin: 23px 0 0; color: var(--bright-slate); font-size: 15px; line-height: 1.72; }
.bright-hero-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; margin-top: 28px; }
.btn-gold { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 8px; padding: 13px 24px; color: #fff !important; border: 0; border-radius: 12px; background: linear-gradient(135deg,var(--bright-gold),var(--bright-gold-dark)); box-shadow: 0 6px 20px rgba(218,165,32,.22); cursor: pointer; font-size: 14px; font-weight: 700; text-decoration: none; transition: transform .15s,box-shadow .15s; }
.btn-gold:hover { transform: translateY(-1px); box-shadow: 0 8px 23px rgba(218,165,32,.3); }
.btn-sec { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 7px; padding: 12px 20px; color: var(--bright-blue-dark) !important; border: 1.5px solid var(--bright-blue-100); border-radius: 12px; background: #fff; font-size: 13px; font-weight: 600; text-decoration: none; transition: transform .15s,box-shadow .15s,border-color .15s; }
.btn-sec:hover { border-color: var(--bright-blue-200); box-shadow: 0 4px 14px rgba(30,64,175,.08); transform: translateY(-1px); }
.hero-microcopy { color: var(--bright-muted); font-size: 10px; font-weight: 500; }
.bright-trust-row { display: flex; flex-wrap: wrap; gap: 12px 21px; margin-top: 28px; color: var(--bright-slate); font-size: 10px; font-weight: 600; }.bright-trust-row b { margin-right: 5px; color: var(--bright-blue); }

.bright-card-showcase { position: relative; min-height: 440px; perspective: 1200px; }
.showcase-halo { position: absolute; left: 50%; top: 48%; width: 390px; height: 390px; border-radius: 50%; background: rgba(255,255,255,.52); box-shadow: 0 0 0 28px rgba(255,255,255,.18); transform: translate(-50%,-50%); }
.showcase-card { position: absolute; width: 154px; padding: 8px; border: 1px solid rgba(191,219,254,.8); border-radius: 17px; background: #fff; box-shadow: 0 18px 45px rgba(30,64,175,.13); }
.showcase-card img { display: block; width: 100%; height: auto; border-radius: 11px; object-fit: contain; }
.showcase-card div { padding: 10px 4px 4px; text-align: center; }.showcase-card strong,.showcase-card span { display: block; }.showcase-card strong { color: var(--bright-navy); font-size: 10px; }.showcase-card span { margin-top: 2px; color: var(--bright-muted); font-size: 8px; }
.sc-left { left: 2%; top: 124px; z-index: 1; transform: rotate(-10deg); animation: bright-card-left 5.8s ease-in-out infinite; }.sc-centre { left: 50%; top: 35px; z-index: 3; transform: translateX(-50%); animation: bright-card-centre 5.2s ease-in-out infinite; }.sc-right { right: 2%; top: 124px; z-index: 2; transform: rotate(10deg); animation: bright-card-right 6.1s ease-in-out infinite; }
.showcase-float-note { position: absolute; left: 50%; bottom: 10px; padding: 9px 14px; color: var(--bright-blue-dark); border: 1px solid var(--bright-blue-100); border-radius: 999px; background: rgba(255,255,255,.92); box-shadow: 0 8px 25px rgba(30,64,175,.08); font-size: 9px; font-weight: 700; transform: translateX(-50%); white-space: nowrap; }

.bright-proof-strip { border-block: 1px solid var(--bright-blue-100); background: #fff; }
.bright-proof-strip .shell { display: grid; grid-template-columns: repeat(2,1fr); }
.bright-proof-strip .shell > div { padding: 19px 10px; text-align: center; }.bright-proof-strip strong,.bright-proof-strip span { display: block; }.bright-proof-strip strong { color: var(--bright-navy); font-size: 18px; font-weight: 800; }.bright-proof-strip span { margin-top: 2px; color: var(--bright-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }

.bright-section { padding: 56px 0; background: #fff; }.bright-section:nth-of-type(even) { background: var(--bright-grey-50); }
.bright-section-heading { max-width: 760px; margin: 0 auto 34px; text-align: center; }.bright-section-heading > span,.section-kicker { display: block; margin-bottom: 9px; color: var(--bright-blue); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.bright-section-heading h2,.reveal-benefits-copy h2,.question-stage-copy h2 { margin: 0; color: var(--bright-navy); font-size: clamp(32px,5vw,48px); font-weight: 800; letter-spacing: -.035em; line-height: 1.12; }.bright-section-heading p,.reveal-benefits-copy > p,.question-stage-copy > p { margin: 15px auto 0; color: var(--bright-slate); font-size: 13px; line-height: 1.7; }
.how-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }.how-grid article { position: relative; padding: 25px; border: 1px solid rgba(191,219,254,.6); border-radius: 20px; background: #fff; transition: transform .25s,box-shadow .25s,border-color .25s; }.how-grid article:hover { border-color: var(--bright-blue-200); box-shadow: 0 12px 40px rgba(30,64,175,.08); transform: translateY(-3px); }.step-number { position: absolute; right: 20px; top: 18px; color: #cbd5e1; font-size: 12px; font-weight: 800; }.step-icon { display: grid; width: 46px; height: 46px; place-items: center; color: var(--bright-blue); border-radius: 13px; background: var(--bright-blue-50); font-size: 20px; font-weight: 700; }.how-grid h3 { margin: 20px 0 8px; font-size: 17px; font-weight: 700; }.how-grid p { margin: 0; color: var(--bright-slate); font-size: 11px; line-height: 1.65; }

.reveal-benefits-section { background: var(--bright-blue-50); }.reveal-benefits-grid { display: grid; grid-template-columns: 1fr; gap: 44px; align-items: center; }.reveal-benefits-copy ul { display: grid; gap: 10px; margin: 24px 0; padding: 0; list-style: none; }.reveal-benefits-copy li { padding: 13px 15px; color: var(--bright-slate); border: 1px solid var(--bright-blue-100); border-radius: 12px; background: rgba(255,255,255,.7); font-size: 11px; }.reveal-benefits-copy li b { color: var(--bright-navy); }.position-card-stack { position: relative; min-height: 430px; }.position-mini { position: absolute; width: 160px; padding: 9px; border: 1px solid var(--bright-blue-100); border-radius: 16px; background: #fff; box-shadow: 0 18px 40px rgba(30,64,175,.09); text-align: center; }.position-mini img { display: block; width: 100%; height: auto; border-radius: 10px; object-fit: contain; }.position-mini span { display: block; margin-bottom: 7px; color: var(--bright-blue); font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.position-mini b { display: block; padding: 9px 2px 3px; color: var(--bright-charcoal); font-size: 9px; }.past-mini { left: 0; top: 92px; transform: rotate(-7deg); }.present-mini { left: 50%; top: 25px; z-index: 2; transform: translateX(-50%); }.future-mini { right: 0; top: 92px; transform: rotate(7deg); }

.complete-reading-section { background: #fff; }.bright-preview-grid { display: grid; grid-template-columns: 1fr; gap: 14px; max-width: 930px; margin: 0 auto; }.preview-result { position: relative; padding: 21px; border: 1px solid rgba(191,219,254,.6); border-radius: 20px; background: #fff; text-align: center; }.preview-highlight { box-shadow: 0 12px 40px rgba(30,64,175,.07); }.bright-preview-card { position: relative; width: 145px; aspect-ratio: 3/5; margin: 12px auto 18px; }.bright-preview-card img { display: block; width: 100%; height: 100%; padding: 4px; border-radius: 12px; background: var(--bright-grey-50); object-fit: contain; }.preview-result small { color: var(--bright-blue); font-size: 8px; font-weight: 700; text-transform: uppercase; }.preview-result h3 { margin: 6px 0; font-size: 15px; }.preview-result p { margin: 0; color: var(--bright-slate); font-size: 10px; line-height: 1.55; }

.feature-section { background: var(--bright-grey-50); }.feature-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }.feature-grid article { display: flex; gap: 14px; padding: 20px; border: 1px solid rgba(191,219,254,.6); border-radius: 18px; background: #fff; }.feature-grid article > span { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; color: var(--bright-blue); border-radius: 12px; background: var(--bright-blue-50); font-size: 17px; }.feature-grid h3 { margin: 0 0 5px; font-size: 14px; }.feature-grid p { margin: 0; color: var(--bright-slate); font-size: 10px; line-height: 1.6; }

.question-help-section { padding: 32px 0; background: var(--bright-blue-50); }.compact-question-help { display: grid; grid-template-columns: 1fr; gap: 22px; padding: 25px; border: 1px solid var(--bright-blue-100); border-radius: 20px; background: #fff; }.compact-question-help > div:first-child > span { color: var(--bright-blue); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }.compact-question-help h2 { margin: 6px 0 8px; font-size: 22px; font-weight: 800; }.compact-question-help p { margin: 0; color: var(--bright-slate); font-size: 11px; line-height: 1.6; }.help-question-buttons { display: grid; gap: 7px; }.help-question-buttons button { padding: 11px 13px; color: var(--bright-blue-dark); border: 1px solid var(--bright-blue-100); border-radius: 10px; background: var(--bright-blue-50); cursor: pointer; font-size: 10px; font-weight: 600; text-align: left; }.help-question-buttons button:hover { border-color: var(--bright-blue-200); background: #fff; }

.bright-question-section { padding: 64px 0; background: linear-gradient(135deg,#eff6ff 0%,#dbeafe 50%,#eff6ff 100%); }.bright-question-grid { display: grid; grid-template-columns: 1fr; gap: 30px; align-items: center; }.bright-question-card { margin: 0; border: 1px solid var(--bright-blue-100); background: #fff; box-shadow: 0 12px 48px rgba(30,64,175,.08); }.bright-question-card label { color: var(--bright-navy); }.bright-question-card textarea { color: var(--bright-charcoal); border-color: var(--bright-grey-200); background: var(--bright-grey-50); }.bright-question-card textarea::placeholder { color: var(--bright-muted); }.bright-question-card .question-meta { color: var(--bright-muted); }.bright-question-card .quick-prompts button { color: var(--bright-blue-dark); border-color: var(--bright-blue-100); background: var(--bright-blue-50); }.question-assurance { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--bright-slate); font-size: 11px; font-weight: 600; }.question-assurance b { padding: 4px 9px; color: #fff; border-radius: 6px; background: linear-gradient(135deg,#16a34a,#15803d); font-size: 8px; text-transform: uppercase; }.bright-question-section.is-complete { display: none; }

.bright-tarot-page .deck-stage { margin-block: 42px; border-color: var(--bright-blue-100); background: #fff; box-shadow: 0 20px 60px rgba(30,64,175,.08); }.bright-tarot-page .deck-stage h2,.bright-tarot-page .reveal-stage h2 { color: var(--bright-navy); }.bright-tarot-page .eyebrow { color: var(--bright-blue); }.bright-tarot-page .framing-pill { color: var(--bright-slate); border-color: var(--bright-blue-100); background: var(--bright-blue-50); }.bright-tarot-page .framing-pill strong { color: var(--bright-blue-dark); }.bright-tarot-page .deck-instruction,.bright-tarot-page .shuffle-readout small,.bright-tarot-page .selector-heading span,.bright-tarot-page .intuition-note p,.bright-tarot-page .spiritual-note,.bright-tarot-page .auto-draw-note { color: var(--bright-slate); }.bright-tarot-page .shuffle-theatre,.bright-tarot-page .deck-selector { border-color: var(--bright-blue-100); background: var(--bright-blue-50); }.bright-tarot-page .shuffle-readout strong,.bright-tarot-page .selector-heading strong,.bright-tarot-page .selection-progress { color: var(--bright-navy); }.bright-tarot-page .shuffle-signal { color: var(--bright-blue); }.bright-tarot-page .reshuffle-button,.bright-tarot-page .carousel-nav { color: var(--bright-blue-dark); border-color: var(--bright-blue-100); background: #fff; }.bright-tarot-page .intuition-note { border-color: var(--bright-blue-100); background: var(--bright-blue-50); }.bright-tarot-page .intuition-note > span { color: var(--bright-blue); border-color: var(--bright-blue-200); }.bright-tarot-page .intuition-note strong { color: var(--bright-navy); }.bright-tarot-page .reveal-stage { color: var(--bright-charcoal); }.bright-tarot-page .reading-loader .loading-copy { color: var(--bright-slate); }
.tarot-session-page main { min-height: calc(100vh - 58px); overflow: auto; }.saved-tarot-question { max-width: 720px; margin: 18px auto 4px; padding: 14px 18px; color: var(--bright-slate); border-left: 3px solid var(--bright-blue); border-radius: 0 10px 10px 0; background: var(--bright-blue-50); font-size: clamp(14px,2vw,18px); font-style: normal; text-align: left; }.bright-tarot-page .selected-card-name { color: var(--bright-blue-dark); }

/* Bright intuitive card draw. The existing reveal screen below remains unchanged. */
body.tarot-welcome-active { overflow: hidden; }
.tarot-welcome-overlay { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; overflow: hidden; color: var(--bright-navy); border: 0; background: #fff; cursor: pointer; text-align: center; opacity: 1; transition: opacity .55s ease,transform .55s ease; }
.tarot-welcome-overlay:focus-visible { outline: 4px solid rgba(37,99,235,.35); outline-offset: -8px; }
.tarot-welcome-overlay.is-leaving { opacity: 0; transform: scale(1.025); pointer-events: none; }
.welcome-card-zone { position: relative; flex: 0 0 64dvh; min-height: 360px; overflow: hidden; background: radial-gradient(circle at 50% 50%,#fff 0 7rem,rgba(239,246,255,.96) 22rem,rgba(219,234,254,.75) 42rem),linear-gradient(180deg,#f8fbff,#eaf3ff); perspective: 1250px; }
.welcome-light { position: absolute; left: 50%; top: 50%; width: min(500px,72vw); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(255,255,255,.95),rgba(250,204,21,.09) 23%,rgba(59,130,246,.08) 48%,transparent 72%); filter: blur(4px); transform: translate(-50%,-50%); animation: welcome-light-pulse 2.3s ease-in-out infinite; }
.welcome-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(59,130,246,.13); border-radius: 50%; transform: translate(-50%,-50%); }
.welcome-ring-one { width: min(690px,88vw); height: min(410px,53vw); animation: welcome-ring-pulse 3.4s ease-in-out infinite; }
.welcome-ring-two { width: min(520px,68vw); height: min(310px,41vw); border-color: rgba(217,180,93,.22); border-style: dashed; animation: welcome-ring-pulse 3.4s .7s ease-in-out infinite reverse; }
.welcome-rotating-deck { position: absolute; left: 50%; top: 50%; width: 148px; height: 247px; margin: -124px 0 0 -74px; transform-style: preserve-3d; animation: welcome-deck-spin 6.1s linear infinite; will-change: transform; }
.welcome-orbit-card { position: absolute; inset: 0; display: block; padding: 5px; border: 1px solid rgba(217,180,93,.65); border-radius: 16px; background: linear-gradient(145deg,#fffdf6,#fff 48%,#edf5ff); box-shadow: 0 26px 55px rgba(30,64,175,.2),0 3px 10px rgba(15,23,42,.08),inset 0 0 0 2px rgba(255,255,255,.9); transform: rotateY(calc(var(--orbit-index) * 30deg)) translateZ(330px); transform-style: preserve-3d; }
.welcome-orbit-card::after { content: ""; position: absolute; inset: 10px; z-index: 2; pointer-events: none; border: 1px solid rgba(255,239,191,.42); border-radius: 9px; background: linear-gradient(115deg,rgba(255,255,255,.2),transparent 28% 70%,rgba(255,255,255,.12)); }
.welcome-orbit-card i { border: 1px solid rgba(217,180,93,.42); border-radius: 11px; box-shadow: inset 0 0 22px rgba(255,255,255,.1); filter: brightness(1.2) saturate(.9) contrast(1.02); backface-visibility: visible; }
.welcome-centre-star { position: absolute; left: 50%; top: 50%; z-index: 5; display: grid; width: 58px; height: 58px; place-items: center; color: #fff; border-radius: 50%; background: linear-gradient(135deg,#f0c55d,#bd8520); box-shadow: 0 0 0 12px rgba(217,180,93,.1),0 0 52px rgba(217,180,93,.3); font-size: 20px; transform: translate(-50%,-50%); animation: welcome-star-pulse 1.8s ease-in-out infinite; }
.tarot-welcome-guidance { position: relative; z-index: 10; display: grid; flex: 1 1 36dvh; min-height: 240px; align-content: center; justify-items: center; padding: clamp(20px,3vh,34px) 22px; border-top: 1px solid rgba(191,219,254,.8); background: rgba(255,255,255,.98); box-shadow: 0 -18px 55px rgba(30,64,175,.07); animation: welcome-guidance-rise .75s cubic-bezier(.16,1,.3,1) both; }
.welcome-kicker { margin: 0 0 5px; color: var(--bright-blue); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.tarot-welcome-guidance h1 { margin: 0; color: var(--bright-navy); font-size: clamp(32px,4.7vw,48px); font-weight: 800; letter-spacing: -.04em; }
.welcome-instruction { margin: 8px 0 0; color: var(--bright-charcoal); font-size: clamp(12px,1.7vw,15px); line-height: 1.55; }
.welcome-tap { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 15px 0 0; padding: 10px 17px; color: #fff; border-radius: 999px; background: linear-gradient(135deg,var(--bright-blue),var(--bright-blue-dark)); box-shadow: 0 9px 24px rgba(37,99,235,.2); font-size: 11px; animation: welcome-tap-breathe 1.7s ease-in-out infinite; }.welcome-tap i { color: #ffe7a4; font-style: normal; }
.tarot-welcome-overlay.is-selecting .welcome-rotating-deck { animation-play-state: paused; }
.tarot-welcome-overlay.is-selecting .welcome-orbit-card { opacity: .22; transition: opacity .35s ease; }
.welcome-drawn-card { position: fixed; z-index: 1100; display: block; border-radius: 12px; pointer-events: none; }
.welcome-drawn-card { padding: 5px; border: 1px solid rgba(217,180,93,.65); background: linear-gradient(145deg,#fffdf6,#fff 48%,#edf5ff); box-shadow: 0 32px 80px rgba(30,64,175,.3),0 0 0 2px rgba(255,255,255,.9); }
.welcome-drawn-card i { border: 1px solid rgba(217,180,93,.42); border-radius: 8px; filter: brightness(1.2) saturate(.9) contrast(1.02); }

.bright-tarot-page .sacred-shuffle-stage { width: min(980px,calc(100% - 24px)); min-height: calc(100vh - 118px); margin-block: 30px; padding: 18px; display: grid; place-items: center; border-color: var(--bright-blue-100); background: radial-gradient(circle at 50% 45%,rgba(219,234,254,.75),transparent 27rem),#fff; box-shadow: 0 20px 60px rgba(30,64,175,.08); }
.bright-tarot-page .sacred-theatre { display: grid; grid-template-columns: 1fr; width: min(650px,100%); min-height: 560px; place-items: center; padding: 0; border: 0; background: transparent; overflow: visible; }
.sacred-deck-wrap { position: relative; width: 390px; height: 500px; margin: 0 auto; display: grid; place-items: center; perspective: 1200px; }
.deck-aura { position: absolute; width: 315px; height: 390px; border: 1px solid rgba(59,130,246,.13); border-radius: 50%; background: radial-gradient(ellipse,rgba(191,219,254,.5),transparent 68%); box-shadow: 0 0 80px rgba(59,130,246,.1); animation: bright-aura 3.2s ease-in-out infinite; }
.sacred-deck { position: relative; width: 300px; height: 450px; user-select: none; -webkit-user-select: none; }
.sacred-deck .shuffle-layer { left: 55px; top: 48px; width: 190px; will-change: transform; }
.sacred-deck .shuffle-layer i { border: 4px solid #fff; box-shadow: 0 18px 42px rgba(30,64,175,.18),0 0 0 1px rgba(59,130,246,.13); filter: brightness(1.15) saturate(.86); }
.sacred-theatre.is-shuffling .shuffle-layer:nth-child(odd) { animation: bright-shuffle-left 3s cubic-bezier(.45,0,.25,1) infinite; animation-delay: calc(var(--layer) * -83ms); }
.sacred-theatre.is-shuffling .shuffle-layer:nth-child(even) { animation: bright-shuffle-right 3s cubic-bezier(.45,0,.25,1) infinite; animation-delay: calc(var(--layer) * -91ms); }
body.has-gsap-shuffle .sacred-theatre.is-shuffling .shuffle-layer { animation: none; }
.sacred-theatre.is-selected .shuffle-layer { animation-play-state: paused; opacity: .58; transition: opacity .35s ease; }
.sacred-theatre.is-selected .shuffle-layer.is-top-card { z-index: 50; opacity: 1; filter: drop-shadow(0 20px 28px rgba(30,64,175,.18)); }
.shuffle-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.loading-card-centre > .card-back-art,.loading-card-centre > img { position: absolute; inset: 0; }
.loading-card-centre.is-revealing { animation: none; }

@keyframes welcome-deck-spin { from { transform: rotateX(-7deg) rotateY(0deg); } to { transform: rotateX(-7deg) rotateY(360deg); } }
@keyframes welcome-light-pulse { 50% { opacity: .72; transform: translate(-50%,-50%) scale(1.12); } }
@keyframes welcome-ring-pulse { 50% { opacity: .55; transform: translate(-50%,-50%) scale(1.08); } }
@keyframes welcome-star-pulse { 50% { transform: translate(-50%,-50%) scale(1.08); box-shadow: 0 0 0 18px rgba(217,180,93,.06),0 0 68px rgba(217,180,93,.38); } }
@keyframes welcome-guidance-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes welcome-tap-breathe { 50% { transform: translateY(-2px); box-shadow: 0 13px 30px rgba(37,99,235,.27); } }
@keyframes bright-aura { 50% { opacity: .72; transform: scale(1.06); } }
@keyframes bright-shuffle-left { 0%,100% { transform: translate3d(calc((var(--layer) - 8) * .5px),calc(var(--layer) * -.9px),0); } 35% { transform: translate3d(-62px,-17px,0) rotate(-5deg); } 66% { transform: translate3d(-9px,18px,0) rotate(-1.2deg); } }
@keyframes bright-shuffle-right { 0%,100% { transform: translate3d(calc((var(--layer) - 8) * .5px),calc(var(--layer) * -.9px),0); } 35% { transform: translate3d(62px,-17px,0) rotate(5deg); } 66% { transform: translate3d(9px,20px,0) rotate(1.2deg); } }

@media (max-width:767px) {
  .welcome-card-zone { flex-basis: 64dvh; min-height: 340px; }.welcome-rotating-deck { width: 108px; height: 180px; margin: -90px 0 0 -54px; }.welcome-orbit-card { padding: 4px; border-radius: 13px; transform: rotateY(calc(var(--orbit-index) * 30deg)) translateZ(192px); }.welcome-orbit-card::after { inset: 8px; border-radius: 7px; }.welcome-orbit-card i { border-radius: 9px; }.welcome-centre-star { width: 48px; height: 48px; }.tarot-welcome-guidance { min-height: 220px; padding-inline: 16px; }.welcome-instruction { max-width: 340px; }.welcome-tap { padding: 9px 13px; font-size: 10px; }
  .bright-tarot-page .sacred-shuffle-stage { min-height: calc(100vh - 80px); margin-block: 10px; padding: 8px; border-radius: 20px; }
  .bright-tarot-page .sacred-theatre { min-height: 500px; }
  .sacred-deck-wrap { width: 310px; height: 455px; transform: scale(.9); }
}

/* Paid Tarot workspace and explicit checkout progress. */
.payment-button-loading { display: inline-flex !important; min-height: 44px; align-items: center; justify-content: center; gap: 9px; color: inherit !important; font-size: 11px !important; font-weight: 800; text-align: center; }
.payment-button-loading i { display: block; width: 16px; height: 16px; flex: 0 0 auto; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: tarot-payment-spin .7s linear infinite; }
.checkout-plan.is-payment-loading { text-align: center; }
.tarot-payment-sticky button .payment-button-loading { min-height: 29px; font-size: 8px !important; }
@keyframes tarot-payment-spin { to { transform: rotate(360deg); } }

.bright-tarot-page.tarot-access-workspace { padding-bottom: 0; }
.paid-access-hero { padding: clamp(54px,8vw,92px) 0 58px; text-align: center; background: radial-gradient(circle at 50% 20%,rgba(219,234,254,.9),transparent 30rem),#fff; }
.paid-access-hero .eyebrow { margin-bottom: 12px; color: var(--bright-blue); }
.paid-access-hero h1 { margin: 0; color: var(--bright-navy); font-size: clamp(38px,6vw,64px); font-weight: 800; letter-spacing: -.045em; line-height: 1.08; }
.paid-access-hero h1 em { color: var(--bright-blue-dark); font-style: normal; }
.paid-access-status { margin: 20px 0; color: var(--bright-slate); font-size: 12px; }
.paid-access-status b { color: #15803d; }
.paid-access-hero .primary-button { width: auto; min-width: 230px; }
.paid-access-hero .access-expired { max-width: 720px; margin: 28px auto 0; color: var(--bright-slate); border-color: #fecaca; background: #fff7f7; text-align: left; }
.paid-access-hero .access-expired h2 { color: var(--bright-navy); }
.paid-question-section { padding: 64px 0; background: linear-gradient(135deg,#eff6ff,#dbeafe 50%,#eff6ff); }
.paid-question-grid { display: grid; grid-template-columns: 1fr; gap: 30px; align-items: center; }
.paid-question-copy h2,.paid-history-heading h2 { margin: 0; color: var(--bright-navy); font-size: clamp(30px,4vw,44px); font-weight: 800; letter-spacing: -.035em; }
.paid-question-copy p { max-width: 540px; margin: 14px 0 0; color: var(--bright-slate); font-size: 12px; line-height: 1.7; }
.paid-history-section { padding: 64px 0 84px; color: var(--bright-charcoal); background: #fff; }
.paid-history-heading { display: flex; justify-content: space-between; gap: 20px; align-items: end; padding-bottom: 18px; border-bottom: 1px solid var(--bright-grey-200); }
.paid-history-heading > p { margin: 0; color: var(--bright-muted); font-size: 10px; }
.tarot-access-workspace .access-history { margin-top: 0; }
.tarot-access-workspace .access-history article { border-color: var(--bright-grey-200); }
.tarot-access-workspace .access-history article span { color: var(--bright-muted); }
.tarot-access-workspace .access-history article h3 { color: var(--bright-navy); }
.tarot-access-workspace .access-history article a { padding: 9px 12px; color: var(--bright-blue-dark); border: 1px solid var(--bright-blue-100); border-radius: 9px; background: var(--bright-blue-50); font-size: 10px; font-weight: 700; text-decoration: none; }
.empty-history { display: grid; justify-items: center; gap: 8px; padding: 42px 20px; color: var(--bright-muted); text-align: center; }
.empty-history span { color: var(--bright-gold); font-size: 26px; }
.empty-history p { margin: 0; }
@media (min-width:768px) { .paid-question-grid { grid-template-columns: .82fr 1.18fr; gap: 58px; } }
@media (max-width:767px) { .paid-access-hero { padding-top: 44px; }.paid-history-heading { display: block; }.paid-history-heading > p { margin-top: 8px; }.tarot-access-workspace .access-history article a { margin-top: 12px; } }

.bright-tarot-page > footer { color: var(--bright-slate); border-color: var(--bright-blue-100); background: #fff; }.bright-tarot-page > footer a { color: var(--bright-slate); }.bright-tarot-page > footer a:hover { color: var(--bright-blue-dark); }.bright-tarot-page > footer .font-extrabold,.bright-tarot-page > footer .font-bold { color: var(--bright-navy); }.bright-tarot-page > footer .border-t { border-color: var(--bright-grey-100); }
.tarot-sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 300; display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 14px; padding: 9px max(16px,calc((100% - 1140px)/2)); border-top: 1px solid var(--bright-blue-100); background: rgba(255,255,255,.97); box-shadow: 0 -8px 30px rgba(30,64,175,.09); backdrop-filter: blur(14px); }.tarot-sticky-cta strong,.tarot-sticky-cta span { display: block; }.tarot-sticky-cta strong { color: var(--bright-navy); font-size: 13px; }.tarot-sticky-cta span { color: var(--bright-muted); font-size: 9px; }.tarot-sticky-cta a { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 10px 19px; color: #fff; border-radius: 11px; background: linear-gradient(135deg,var(--bright-gold),var(--bright-gold-dark)); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }.tarot-flow-active .tarot-sticky-cta { display: none; }

.rv { opacity: 0; transform: translateY(24px); transition: opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1); }.rv.vis { opacity: 1; transform: none; }.rv-d1 { transition-delay: 70ms; }.rv-d2 { transition-delay: 140ms; }.rv-d3 { transition-delay: 210ms; }.rv-d4 { transition-delay: 280ms; }
@keyframes bright-card-left { 50% { transform: translateY(-10px) rotate(-7deg); } } @keyframes bright-card-centre { 50% { transform: translate(-50%,-13px); } } @keyframes bright-card-right { 50% { transform: translateY(-9px) rotate(7deg); } }

@media (min-width:768px) {
  .bright-tarot-page { padding-bottom: 78px; }.bright-tarot-page .shell { width: min(1140px,calc(100% - 48px)); }
  .bright-hero-grid { padding-block: 74px 88px; }.bright-hero-actions { flex-direction: row; align-items: center; }
  .bright-proof-strip .shell { grid-template-columns: repeat(4,1fr); }.bright-proof-strip .shell > div + div { border-left: 1px solid var(--bright-blue-100); }
  .bright-section { padding: 80px 0; }.how-grid,.bright-preview-grid { grid-template-columns: repeat(3,1fr); }.feature-grid { grid-template-columns: 1fr 1fr; }
  .reveal-benefits-grid { grid-template-columns: .92fr 1.08fr; }.compact-question-help { grid-template-columns: 1fr 1fr; align-items: center; padding: 30px; }.bright-question-grid { grid-template-columns: .8fr 1.2fr; gap: 60px; }
}
@media (min-width:1024px) {
  .bright-hero-grid { grid-template-columns: 1.07fr .93fr; gap: 50px; }.bright-card-showcase { min-height: 500px; }.showcase-card { width: 175px; }.sc-left,.sc-right { top: 140px; }
}
@media (max-width:767px) {
  .bright-nav-trust { display: none; }.bright-header .brand span { display: inline; font-size: 11px; }.header-gold-cta { padding: 8px 12px; }
  .bright-card-showcase { min-height: 380px; }.showcase-halo { width: 310px; height: 310px; }.showcase-card { width: 132px; }.sc-left { left: 0; top: 110px; }.sc-centre { top: 25px; }.sc-right { right: 0; top: 110px; }.showcase-float-note { bottom: 2px; }
  .position-card-stack { min-height: 360px; }.position-mini { width: 125px; }.past-mini,.future-mini { top: 83px; }
  .tarot-sticky-cta div span { display: none; }.tarot-sticky-cta strong { font-size: 11px; }.tarot-sticky-cta a { padding-inline: 15px; }
}
@media (prefers-reduced-motion:reduce) { .rv { opacity: 1; transform: none; } }