:root{--bg:#070706;--gold:#d8b66d;--gold2:#f1d696;--muted:#918b80;--line:#332d23;--text:#f4efe5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070706;color:var(--text);font-family:Manrope,Arial,sans-serif}body{background:radial-gradient(ellipse at 50% 18%,#17120b 0,#0a0907 30%,#050505 70%)}button,input,select{font:inherit}.shell{width:min(100%,430px);height:100svh;min-height:640px;margin:auto;padding:25px 24px calc(22px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto 205px 1fr;overflow:hidden}.brand{text-align:center;text-transform:uppercase;letter-spacing:.36em;font-size:11px;color:#d5b66f}.orb-stage{display:flex;align-items:center;justify-content:center;position:relative}.orb{width:88px;height:88px;border-radius:50%;position:relative;background:radial-gradient(circle at 48% 45%,rgba(255,248,220,.96) 0 3%,#e8c977 7%,#9b7130 23%,#3d2b13 45%,rgba(22,15,7,.92) 63%,rgba(8,7,6,.2) 73%);box-shadow:0 0 18px rgba(221,181,95,.32),0 0 60px rgba(173,116,42,.18),inset -10px -13px 22px rgba(0,0,0,.48);animation:orbBreath 3.8s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;inset:-28px;border-radius:50%;background:radial-gradient(circle,rgba(222,177,84,.16),transparent 66%);animation:aura 4.1s ease-in-out infinite}.orb:after{inset:-55px;opacity:.45;animation-delay:-1.6s}.orb i{position:absolute;width:18px;height:18px;border-radius:50%;left:31px;top:27px;background:rgba(255,247,211,.75);filter:blur(5px)}@keyframes orbBreath{0%,100%{transform:scale(.96);filter:brightness(.92)}50%{transform:scale(1.06);filter:brightness(1.12)}}@keyframes aura{50%{transform:scale(1.15);opacity:.7}}.orb-working{animation-duration:1.25s}.orb-working:before{animation-duration:1.1s}.orb-shift{animation:shift 2.2s ease-in-out infinite}@keyframes shift{0%,100%{transform:scale(.88);filter:hue-rotate(0deg)}50%{transform:scale(1.1);filter:hue-rotate(18deg) brightness(1.15)}}.orb-listen{animation-duration:5.5s;transform:scale(.82)}.orb-low{transform:scale(.72);opacity:.75;animation-duration:6s}.orb-intense{box-shadow:0 0 30px rgba(241,201,112,.55),0 0 95px rgba(173,116,42,.28)}.content{min-height:0;display:flex;flex-direction:column;justify-content:center}.reveal-block,.lp-seq,.z-seq,.truth-wrap,.hit,.build,.truth-build{text-align:center}.eyebrow{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:13px}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:500;margin:0;text-align:center}h1{font-size:36px;line-height:1.08}h1 span{color:#d4c5aa}h2{font-size:29px;line-height:1.18}.sub{color:var(--muted);font-size:14px;line-height:1.55;margin:14px auto 0;max-width:335px}.actions{margin-top:auto;display:grid;gap:10px;padding-top:24px}.btn{border:1px solid var(--line);background:rgba(13,12,10,.88);color:var(--text);border-radius:18px;padding:17px 16px;font-weight:700;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#f5dc9a,#c99a50);color:#171109;box-shadow:0 8px 32px rgba(210,156,72,.24),0 0 18px rgba(225,177,88,.08)}.field{width:100%;border:1px solid #4a3b25;background:#0a0907;color:var(--text);border-radius:18px;padding:18px;font-size:18px;outline:none}.field:focus{border-color:#b68b4d;box-shadow:0 0 0 3px rgba(182,139,77,.08)}.dob-block{margin-top:-12px}.wheel-labels{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;margin:28px 5px 7px;color:#7d7465;font-size:9px;letter-spacing:.2em}.wheels{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:7px;position:relative}.wheels:before,.wheels:after{content:"";position:absolute;left:0;right:0;height:1px;background:#5a482e;pointer-events:none}.wheels:before{top:13px}.wheels:after{bottom:13px}.wheel{appearance:none;-webkit-appearance:none;background:#0b0a08;color:#f0e9dc;border:1px solid #2e2921;border-radius:14px;padding:15px 8px;text-align:center;font-size:18px;outline:none}.build-copy{color:#aaa193;font-size:15px;margin-top:18px}.build-line,.scan{height:1px;background:#28231b;max-width:270px;margin:25px auto 0;overflow:hidden}.build-line span,.scan span{display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,#e3bd6a,transparent);animation:scan 1.2s linear infinite}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(360%)}}.seq{opacity:0;transform:translateY(12px);animation:enter .65s cubic-bezier(.2,.8,.2,1) forwards}.e0{animation-delay:.15s}.e1{animation-delay:.65s}.e2{animation-delay:1.25s}.e3{animation-delay:1.85s}.e4{animation-delay:2.45s}.e5{animation-delay:3.05s}.e6{animation-delay:3.55s}@keyframes enter{to{opacity:1;transform:none}}.lp-number{font-family:Fraunces,Georgia,serif;font-size:76px;line-height:.95;text-shadow:0 0 28px rgba(222,182,99,.18);margin:4px 0 8px}.trait-stack{width:270px;margin:23px auto 0;display:grid;gap:0}.trait-line{font-family:Fraunces,Georgia,serif;font-size:22px;padding:10px 2px;border-bottom:1px solid #28231c;text-align:left}.trait-line span{display:inline-block;width:44px;font:500 9px Manrope;color:#9e7c43;letter-spacing:.14em}.animal-mark{font-family:Fraunces,Georgia,serif;font-size:70px;line-height:1;color:#d5b56e;text-shadow:0 0 35px rgba(213,181,110,.25);margin-bottom:2px}.element{margin-top:10px;color:#c5b99f;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.z-rule{width:44px;height:1px;background:#755a32;margin:18px auto}.truth-build h2{margin-top:3px}.scan{margin-top:30px}.truth{font-family:Fraunces,Georgia,serif;font-size:28px;line-height:1.32}.answer-prompt{color:#887e6f;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-top:22px}.two{grid-template-columns:1fr 1fr;gap:12px}.answer{padding:19px 12px;border-color:#705a36;font-size:16px;box-shadow:inset 0 0 20px rgba(217,182,109,.025)}.answer:active,.choice:active{transform:scale(.98);border-color:#d4ae66}.truth-note{font-size:17px;line-height:1.62;color:#d1c7b8;margin:22px auto 0;max-width:350px}.truth-note.strong{font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.55}.hairline{width:48px;height:1px;background:#6e5734;margin:24px auto}.micro{font-size:11px;color:#776f63;letter-spacing:.05em}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.choice{font-size:13px}.premium{margin:22px auto 0;text-align:left;border-top:1px solid #342c20;border-bottom:1px solid #342c20;padding:13px 4px;max-width:340px}.premium p{font-size:13px;color:#bbb1a2;margin:10px 0}.fade-up{animation:enter .7s forwards}.d1{opacity:0;animation-delay:.3s}.d2{opacity:0;animation-delay:.7s}@media(max-height:700px){.shell{grid-template-rows:auto 155px 1fr;padding-top:18px}.orb{width:72px;height:72px}h1{font-size:31px}h2{font-size:25px}.lp-number{font-size:62px}.trait-line{padding:7px 2px}.actions{padding-top:16px}.btn{padding:14px}.truth{font-size:24px}.truth-note.strong{font-size:17px}}


/* Screen 2 — combined name + DOB */
.onboard-combined{
  width:100%;
  max-width:390px;
  margin:0 auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.onboard-combined .eyebrow{
  margin-bottom:13px;
}
.onboard-combined h2{
  margin:0 0 18px;
  font-family:"Fraunces", Georgia, serif;
  font-size:34px;
  line-height:1.08;
  font-weight:500;
  color:#f4eee2;
  letter-spacing:-.025em;
}
.name-focus{
  width:100%;
  box-sizing:border-box;
  height:60px;
  border-radius:18px;
  text-align:center;
  font-size:20px;
  margin:0;
  border:1px solid rgba(209,171,91,.32);
  background:rgba(255,248,232,.045);
  box-shadow:0 0 0 1px rgba(255,255,255,.015) inset,0 12px 34px rgba(0,0,0,.16);
}
.name-focus:focus{
  border-color:rgba(225,190,111,.72);
  box-shadow:0 0 0 3px rgba(202,158,70,.10),0 0 28px rgba(199,145,52,.10);
}
.field-error{
  animation:lpFieldShake .35s ease;
  border-color:rgba(225,162,114,.8)!important;
}
@keyframes lpFieldShake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-5px)}
  75%{transform:translateX(5px)}
}
.dob-divider{
  width:54px;
  height:1px;
  margin:27px 0 22px;
  background:linear-gradient(90deg,transparent,rgba(210,170,88,.50),transparent);
}
.onboard-combined h2.dob-title{
  font-size:31px;
  margin-bottom:14px;
}
.premium-wheels{
  position:relative;
  width:100%;
  height:166px;
  display:grid;
  grid-template-columns:1.15fr .8fr 1.15fr;
  gap:9px;
  overflow:hidden;
  border-top:1px solid rgba(205,168,91,.11);
  border-bottom:1px solid rgba(205,168,91,.11);
}
.premium-wheels::before,
.premium-wheels::after{
  content:"";
  pointer-events:none;
  position:absolute;
  left:0;right:0;
  z-index:4;
  height:57px;
}
.premium-wheels::before{
  top:0;
  background:linear-gradient(#090807 5%,rgba(9,8,7,.70),transparent);
}
.premium-wheels::after{
  bottom:0;
  background:linear-gradient(transparent,rgba(9,8,7,.70),#090807 95%);
}
.premium-wheels .wheel{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  outline:0;
  width:100%;
  height:166px;
  margin:0;
  padding:57px 0;
  overflow-y:auto;
  background:transparent;
  color:#8f877b;
  font-family:"Manrope",sans-serif;
  font-size:18px;
  font-weight:500;
  text-align:center;
  text-align-last:center;
  scrollbar-width:none;
}
.premium-wheels .wheel::-webkit-scrollbar{display:none}
.premium-wheels .wheel option{
  min-height:42px;
  padding:10px 2px;
  background:#090807;
  color:#8f877b;
  text-align:center;
}
.premium-wheels .wheel option:checked{
  color:#f0d494;
  background:linear-gradient(90deg,transparent,rgba(209,165,76,.09),transparent);
  font-weight:700;
}
.wheel-labels{
  width:100%;
  display:grid;
  grid-template-columns:1.15fr .8fr 1.15fr;
  gap:9px;
  margin:0 0 7px;
  color:#8f7b58;
  font-size:10px;
  letter-spacing:.20em;
  font-weight:700;
}
.combined-actions{
  margin-top:21px!important;
}
.combined-actions .btn{
  height:61px;
}
@media (max-height:760px){
  .onboard-combined h2{font-size:29px;margin-bottom:13px}
  .onboard-combined h2.dob-title{font-size:27px}
  .name-focus{height:54px}
  .dob-divider{margin:18px 0 16px}
  .premium-wheels,.premium-wheels .wheel{height:145px}
  .premium-wheels .wheel{padding:47px 0}
  .combined-actions{margin-top:12px!important}
}


/* Screen 2 wheel polish — equal columns + LifePath gold selection */
.premium-wheels,
.wheel-labels{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}
.premium-wheels .wheel{
  width:100% !important;
  min-width:0 !important;
  color:#81796e;
  accent-color:#c9a65f;
}
.premium-wheels .wheel option{
  color:#81796e;
  background:#090807;
}
.premium-wheels .wheel option:checked{
  color:#f0d494 !important;
  background:linear-gradient(
    90deg,
    rgba(201,166,95,0.00),
    rgba(201,166,95,0.16) 22%,
    rgba(201,166,95,0.22) 50%,
    rgba(201,166,95,0.16) 78%,
    rgba(201,166,95,0.00)
  ) !important;
  font-weight:700;
}
.premium-wheels .wheel:focus,
.premium-wheels .wheel:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}
/* suppress browser/WebKit blue focus/selection treatment where supported */
.premium-wheels .wheel::selection,
.premium-wheels .wheel option::selection{
  background:#c9a65f;
  color:#171109;
}


/* v1.8.4 — fully custom DOB wheels. No native select = no blue browser selection. */
.custom-wheels{
  position:relative;
  width:100%;
  height:240px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border-top:1px solid rgba(205,168,91,.12);
  border-bottom:1px solid rgba(205,168,91,.12);
}
.custom-wheels::before,
.custom-wheels::after{
  content:"";
  position:absolute;
  left:0;right:0;
  height:72px;
  z-index:8;
  pointer-events:none;
}
.custom-wheels::before{
  top:0;
  background:linear-gradient(#090807 18%,rgba(9,8,7,.84),rgba(9,8,7,0));
}
.custom-wheels::after{
  bottom:0;
  background:linear-gradient(rgba(9,8,7,0),rgba(9,8,7,.84),#090807 82%);
}
.custom-wheel{
  position:relative;
  height:240px;
  overflow:hidden;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
.custom-wheel + .custom-wheel{
  border-left:1px solid rgba(205,168,91,.055);
}
.wheel-focus-band{
  position:absolute;
  z-index:3;
  left:7px;
  right:7px;
  top:96px;
  height:48px;
  border-top:1px solid rgba(201,166,95,.22);
  border-bottom:1px solid rgba(201,166,95,.22);
  background:linear-gradient(
    90deg,
    rgba(201,166,95,0),
    rgba(201,166,95,.075) 22%,
    rgba(201,166,95,.11) 50%,
    rgba(201,166,95,.075) 78%,
    rgba(201,166,95,0)
  );
  pointer-events:none;
}
.wheel-track{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  will-change:transform;
}
.wheel-item{
  width:100%;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  padding:0;
  margin:0;
  background:transparent !important;
  color:#696258;
  font-family:"Manrope",sans-serif;
  font-size:21px;
  font-weight:500;
  line-height:48px;
  appearance:none;
  -webkit-appearance:none;
  outline:none;
  box-shadow:none;
  cursor:pointer;
  transition:color .18s ease, opacity .18s ease, transform .18s ease;
  opacity:.62;
}
.wheel-item:hover,
.wheel-item:focus,
.wheel-item:focus-visible,
.wheel-item:active{
  background:transparent !important;
  outline:none !important;
  box-shadow:none !important;
  color:#8d8170;
}
.wheel-item.is-selected{
  color:#f0d494 !important;
  font-weight:750;
  opacity:1;
  transform:scale(1.05);
}
.wheel-labels{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:center;
}
@media (max-height:760px){
  .custom-wheels,.custom-wheel{height:216px}
  .wheel-focus-band{top:84px}
}


/* v1.8.5 — smooth native-like DOB wheels; no browser blue selection */
.custom-wheels{
  position:relative;
  width:100%;
  height:240px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border-top:1px solid rgba(205,168,91,.12);
  border-bottom:1px solid rgba(205,168,91,.12);
}
.custom-wheel-shell{
  position:relative;
  min-width:0;
  height:240px;
  overflow:hidden;
}
.custom-wheel-shell + .custom-wheel-shell{
  border-left:1px solid rgba(205,168,91,.055);
}
.custom-wheel{
  position:relative;
  z-index:2;
  width:100%;
  height:240px;
  overflow-y:auto;
  overflow-x:hidden;
  scroll-snap-type:y mandatory;
  scroll-behavior:smooth;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
.custom-wheel::-webkit-scrollbar{display:none}
.wheel-spacer{
  height:96px;
  flex:0 0 96px;
  pointer-events:none;
}
.wheel-focus-band{
  position:absolute;
  z-index:4;
  left:7px;
  right:7px;
  top:96px;
  height:48px;
  box-sizing:border-box;
  border-top:1px solid rgba(201,166,95,.24);
  border-bottom:1px solid rgba(201,166,95,.24);
  background:linear-gradient(
    90deg,
    rgba(201,166,95,0),
    rgba(201,166,95,.075) 22%,
    rgba(201,166,95,.11) 50%,
    rgba(201,166,95,.075) 78%,
    rgba(201,166,95,0)
  );
  pointer-events:none;
}
.wheel-item{
  width:100%;
  height:48px;
  min-height:48px;
  scroll-snap-align:center;
  scroll-snap-stop:normal;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  color:#6f685e;
  font-family:"Manrope",sans-serif;
  font-size:21px;
  font-weight:500;
  line-height:48px;
  outline:none !important;
  box-shadow:none !important;
  appearance:none;
  -webkit-appearance:none;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
  opacity:.62;
  transition:color .16s ease,opacity .16s ease,transform .16s ease;
}
.wheel-item:focus,
.wheel-item:focus-visible,
.wheel-item:active,
.wheel-item:hover{
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}
.wheel-item.is-selected{
  color:#f0d494 !important;
  font-weight:750;
  opacity:1;
  transform:scale(1.04);
}
.custom-wheel-shell::before,
.custom-wheel-shell::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:72px;
  z-index:5;
  pointer-events:none;
}
.custom-wheel-shell::before{
  top:0;
  background:linear-gradient(#090807 12%,rgba(9,8,7,.86),rgba(9,8,7,0));
}
.custom-wheel-shell::after{
  bottom:0;
  background:linear-gradient(rgba(9,8,7,0),rgba(9,8,7,.86),#090807 88%);
}
.wheel-labels{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
@media (max-height:760px){
  .custom-wheels,.custom-wheel-shell,.custom-wheel{height:216px}
  .wheel-spacer{height:84px;flex-basis:84px}
  .wheel-focus-band{top:84px}
}

/* v1.8.6 staged details */
.dob-reveal.is-hidden{display:none}
.dob-reveal.is-visible{display:block;animation:dobRevealIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes dobRevealIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* Stronger CTA typography */
.reveal-cta{
  font-family:"Fraunces", Georgia, serif !important;
  font-size:21px !important;
  font-weight:700 !important;
  letter-spacing:.045em !important;
}


/* v1.8.7 LOCK — CTA typography + full-width DOB alignment */

/* Screen 2: DOB block follows the exact same outer width as the name field */
.dob-reveal{
  width:100% !important;
  max-width:none !important;
  align-self:stretch !important;
}
.dob-reveal .wheel-labels,
.dob-reveal .custom-wheels{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
.dob-reveal .custom-wheels{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* v1.8.9 — exact shared CTA typography */
.lp-cta,
.reveal-cta{
  font-family:"Fraunces", Georgia, serif !important;
  font-size:21px !important;
  font-weight:700 !important;
  letter-spacing:.045em !important;
}

/* v1.8.10 — locked CTA casing */
.lp-cta,
.reveal-cta{
  text-transform:uppercase !important;
}

/* v1.8.11 VERIFIED LOCK FIX */
.dob-reveal{width:100%!important;align-self:stretch!important}
.dob-reveal .wheel-labels,
.dob-reveal .custom-wheels{
 width:100%!important;max-width:none!important;
 margin-left:0!important;margin-right:0!important;
 padding-left:0!important;padding-right:0!important;
 box-sizing:border-box!important
}
.custom-wheels{grid-template-columns:repeat(3,1fr)!important}
.custom-wheel-shell{width:100%!important;min-width:0!important}
.wheel-focus-band{left:0!important;right:0!important}
.lp-cta,.reveal-cta,#detailsCta{
 font-family:"Fraunces",Georgia,serif!important;
 font-size:21px!important;font-weight:700!important;
 letter-spacing:.045em!important;text-transform:uppercase!important
}

/* v1.8.12 — Screen 2 headline width match */
.onboard-combined h2.dob-title{
  font-size:34px !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  max-width:none !important;
  width:100% !important;
}
@media (max-height:760px){
  .onboard-combined h2.dob-title{
    font-size:29px !important;
  }
}

/* v1.8.13 — Screen 2 headline LEFT EDGE LOCK */
.onboard-combined .combined-title,
.onboard-combined h2.dob-title{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:left !important;
  box-sizing:border-box !important;
}

/* v1.8.14 — Screen 2 headlines centered */
.onboard-combined .combined-title,
.onboard-combined h2.dob-title{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

/* v1.9.0 — SCREEN 3 LIFE PATH REVEAL */
.lp-build-fire{text-align:center;margin-top:-12px}
.lp-build-eyebrow{opacity:0;animation:lpSoftIn .8s .15s forwards}
.lp-build-message{
  font-family:"Fraunces",Georgia,serif;
  font-size:25px;line-height:1.28;
  max-width:330px;margin:14px auto 0;
  opacity:0;transform:translateY(10px);
  transition:opacity .8s ease,transform .8s ease
}
.lp-build-message.second{color:#d7c29b;margin-top:10px}
.lp-build-message.show{opacity:1;transform:none}
.lp-build-pulse{width:180px;height:1px;background:#2c2418;margin:28px auto 0;overflow:hidden}
.lp-build-pulse span{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,#e5bd68,transparent);animation:scan 1.8s linear infinite}
.lp-orb-build{animation-duration:2.5s!important;box-shadow:0 0 25px rgba(221,181,95,.42),0 0 85px rgba(173,116,42,.22),inset -10px -13px 22px rgba(0,0,0,.48)!important}

.lp-fire{text-align:center;margin-top:-25px}
.lp-kicker{opacity:0;animation:lpSoftIn .65s .35s forwards}
.lp-number-fire{
  font-family:"Fraunces",Georgia,serif;
  font-size:112px;line-height:.88;font-weight:600;
  color:#f3d58e;
  margin:8px 0 13px;
  opacity:0;transform:scale(.32);
  filter:blur(12px);
  text-shadow:0 0 10px rgba(244,210,136,.25),0 0 55px rgba(214,164,74,.5);
  animation:lpNumberBang 1.55s 1.0s cubic-bezier(.16,.88,.25,1.08) forwards
}
.lp-title-fire{
  font-size:39px!important;
  opacity:0;transform:translateY(12px);
  animation:lpSoftIn .8s 2.35s forwards
}
.lp-traits-fire{
  width:290px;max-width:88%;
  margin:24px auto 0;
  display:flex;flex-direction:column;
  align-items:stretch
}
.lp-trait-fire{
  font-family:"Fraunces",Georgia,serif;
  font-size:22px;line-height:1.15;
  padding:10px 0;
  border-bottom:1px solid rgba(216,182,109,.15);
  opacity:0;transform:translateY(14px);
  animation:lpTraitIn .62s var(--delay) cubic-bezier(.2,.8,.2,1) forwards
}
.lp-trait-fire:last-child{border-bottom:0}
.lp-fire-actions{opacity:0;animation:lpSoftIn .7s 5.45s forwards}
.lp-fire-cta{
  font-family:"Fraunces",Georgia,serif!important;
  font-size:21px!important;font-weight:700!important;
  letter-spacing:.045em!important;text-transform:uppercase!important
}
.lp-orb-reveal{
  animation:lpOrbReveal 3.8s ease-in-out infinite!important;
  box-shadow:0 0 32px rgba(241,201,112,.5),0 0 105px rgba(173,116,42,.28),inset -10px -13px 22px rgba(0,0,0,.48)!important
}
@keyframes lpNumberBang{
  0%{opacity:0;transform:scale(.32);filter:blur(12px)}
  58%{opacity:1;transform:scale(1.1);filter:blur(0)}
  100%{opacity:1;transform:scale(1);filter:blur(0)}
}
@keyframes lpSoftIn{to{opacity:1;transform:none}}
@keyframes lpTraitIn{to{opacity:1;transform:none}}
@keyframes lpOrbReveal{
  0%,100%{transform:scale(.96);filter:brightness(.95)}
  50%{transform:scale(1.09);filter:brightness(1.22)}
}
@media(max-height:700px){
 .lp-number-fire{font-size:88px}
 .lp-title-fire{font-size:33px!important}
 .lp-traits-fire{margin-top:15px}
 .lp-trait-fire{font-size:19px;padding:7px 0}
}

/* v1.9.2 — SCREEN 3: full-screen thinking orb + tighter reveal */

/* Thinking stage: no copy, just a large living calculation object */
.lp-thinking-stage{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}
.lp-orb-thinking{
  width:min(64vw,430px) !important;
  height:min(64vw,430px) !important;
  max-width:430px !important;
  max-height:430px !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  margin:0 !important;
  transform:translate(-50%,-50%) scale(.76);
  transform-origin:center;
  border-radius:50%;
  animation:lpThinkBreath 2.35s ease-in-out infinite !important;
  box-shadow:
    0 0 42px rgba(245,204,113,.58),
    0 0 115px rgba(195,137,50,.34),
    0 0 210px rgba(139,88,27,.18),
    inset -32px -36px 58px rgba(0,0,0,.56),
    inset 18px 12px 42px rgba(255,225,147,.15) !important;
  transition:width 1.5s cubic-bezier(.18,.82,.2,1),
             height 1.5s cubic-bezier(.18,.82,.2,1),
             filter 1.2s ease,
             box-shadow 1.2s ease !important;
}
.lp-orb-thinking::before{
  content:"";
  position:absolute;
  inset:-8%;
  border-radius:50%;
  background:
    conic-gradient(from 0deg,
      transparent 0deg,
      rgba(255,220,137,.05) 65deg,
      rgba(255,225,150,.28) 112deg,
      rgba(255,255,225,.08) 145deg,
      transparent 205deg,
      rgba(215,155,65,.16) 285deg,
      transparent 360deg);
  mix-blend-mode:screen;
  animation:lpInnerTurn 7s linear infinite;
  filter:blur(4px);
}
.lp-orb-thinking::after{
  content:"";
  position:absolute;
  width:18%;
  height:18%;
  left:28%;
  top:24%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,249,210,.92) 0%,rgba(255,221,133,.42) 34%,transparent 72%);
  filter:blur(5px);
  animation:lpLightOrbit 4.6s ease-in-out infinite;
}
.lp-orb-thinking.is-charging{
  width:min(76vw,510px) !important;
  height:min(76vw,510px) !important;
  max-width:510px !important;
  max-height:510px !important;
}
.lp-orb-thinking.is-ready{
  filter:brightness(1.25) saturate(1.08);
  box-shadow:
    0 0 58px rgba(255,216,125,.72),
    0 0 145px rgba(206,146,54,.43),
    0 0 260px rgba(145,91,26,.23),
    inset -32px -36px 58px rgba(0,0,0,.5),
    inset 18px 12px 46px rgba(255,232,161,.2) !important;
}
.lp-thinking-ring{
  position:absolute;
  left:50%;
  top:50%;
  width:min(82vw,550px);
  height:min(82vw,550px);
  border-radius:50%;
  border:1px solid rgba(218,175,87,.12);
  transform:translate(-50%,-50%) scale(.62);
  opacity:0;
  animation:lpRingPulse 2.7s ease-out infinite;
}
.lp-thinking-ring.ring-b{animation-delay:1.25s}

@keyframes lpThinkBreath{
  0%,100%{transform:translate(-50%,-50%) scale(.96)}
  50%{transform:translate(-50%,-50%) scale(1.045)}
}
@keyframes lpInnerTurn{to{transform:rotate(360deg)}}
@keyframes lpLightOrbit{
  0%,100%{transform:translate(0,0) scale(.9);opacity:.7}
  50%{transform:translate(105%,80%) scale(1.25);opacity:1}
}
@keyframes lpRingPulse{
  0%{transform:translate(-50%,-50%) scale(.62);opacity:0}
  20%{opacity:.34}
  100%{transform:translate(-50%,-50%) scale(1.05);opacity:0}
}

/* Final reveal: remove faint separators and use more of the screen */
.lp-fire{
  margin-top:-6px !important;
  transform:translateY(18px);
}
.lp-traits-fire{
  margin-top:30px !important;
  gap:8px !important;
}
.lp-trait-fire{
  border-bottom:0 !important;
  padding:8px 0 !important;
}
.lp-fire-actions{
  margin-top:22px !important;
}
@media(max-height:760px){
  .lp-orb-thinking{
    width:min(58vw,360px) !important;
    height:min(58vw,360px) !important;
  }
  .lp-orb-thinking.is-charging{
    width:min(68vw,410px) !important;
    height:min(68vw,410px) !important;
  }
  .lp-fire{transform:translateY(5px)}
  .lp-traits-fire{margin-top:18px !important;gap:2px !important}
}

/* v1.9.3 — calm contained calculation sequence */
.lp-orb-thinking{
  width:min(46vw,320px) !important;
  height:min(46vw,320px) !important;
  max-width:320px !important;
  max-height:320px !important;
  left:50% !important;
  top:46% !important;
  animation:lpThinkBreathCalm 3.8s ease-in-out infinite !important;
}
.lp-orb-thinking.is-charging{
  width:min(52vw,360px) !important;
  height:min(52vw,360px) !important;
  max-width:360px !important;
  max-height:360px !important;
}
.lp-thinking-ring{
  width:min(62vw,430px) !important;
  height:min(62vw,430px) !important;
  top:46% !important;
  animation-duration:4.2s !important;
}
.lp-thinking-ring.ring-b{animation-delay:2.05s !important}
.lp-orb-thinking::before{animation-duration:12s !important}
.lp-orb-thinking::after{animation-duration:7.5s !important}

.lp-calculating{
  position:absolute;
  z-index:8;
  left:50%;
  top:calc(46% + 205px);
  transform:translateX(-50%);
  font-family:"Manrope",sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:.30em;
  color:#caa65d;
  white-space:nowrap;
  opacity:.72;
  animation:calcBreathe 3.8s ease-in-out infinite;
}
.calc-dots::after{
  content:"";
  animation:calcDots 2.4s steps(4,end) infinite;
}
@keyframes calcDots{
  0%{content:""}
  25%{content:"."}
  50%{content:".."}
  75%,100%{content:"..."}
}
@keyframes calcBreathe{
  0%,100%{opacity:.48}
  50%{opacity:.9}
}
@keyframes lpThinkBreathCalm{
  0%,100%{transform:translate(-50%,-50%) scale(.975)}
  50%{transform:translate(-50%,-50%) scale(1.025)}
}
@media(max-height:760px){
  .lp-orb-thinking{
    width:min(42vw,280px) !important;
    height:min(42vw,280px) !important;
    max-width:280px !important;
    max-height:280px !important;
  }
  .lp-orb-thinking.is-charging{
    width:min(48vw,315px) !important;
    height:min(48vw,315px) !important;
    max-width:315px !important;
    max-height:315px !important;
  }
  .lp-calculating{top:calc(46% + 178px)}
}

/* v1.9.4 — Screen 3 positioning refinement
   Thinking orb: smaller + lower.
   Result block: higher, preserving locked Screens 1–2. */
.lp-orb-thinking{
  width:min(38vw,260px) !important;
  height:min(38vw,260px) !important;
  max-width:260px !important;
  max-height:260px !important;
  top:52% !important;
}
.lp-orb-thinking.is-charging{
  width:min(43vw,295px) !important;
  height:min(43vw,295px) !important;
  max-width:295px !important;
  max-height:295px !important;
}
.lp-thinking-ring{
  width:min(53vw,365px) !important;
  height:min(53vw,365px) !important;
  top:52% !important;
}
.lp-calculating{
  top:calc(52% + 165px) !important;
}

/* Pull the Life Path result upward without changing its internal hierarchy. */
.lp-fire{
  transform:translateY(-42px) !important;
}
.lp-fire-actions{
  transform:translateY(-22px);
}

@media(max-height:760px){
  .lp-orb-thinking{
    width:min(35vw,235px) !important;
    height:min(35vw,235px) !important;
    max-width:235px !important;
    max-height:235px !important;
    top:51% !important;
  }
  .lp-orb-thinking.is-charging{
    width:min(40vw,270px) !important;
    height:min(40vw,270px) !important;
    max-width:270px !important;
    max-height:270px !important;
  }
  .lp-thinking-ring{top:51% !important}
  .lp-calculating{top:calc(51% + 150px) !important}
  .lp-fire{transform:translateY(-28px) !important}
}

/* v1.9.5 — final calculating-stage vertical nudge only */
.lp-orb-thinking{
  top:62% !important;
}
.lp-thinking-ring{
  top:62% !important;
}
.lp-calculating{
  top:calc(42% + 165px) !important;
}

@media(max-height:760px){
  .lp-orb-thinking{top:61% !important}
  .lp-thinking-ring{top:61% !important}
  .lp-calculating{top:calc(41% + 150px) !important}
}

/* v1.9.7 — orb lower only; calculating label stays fixed */
.lp-orb-thinking{
  top:70% !important;
}
.lp-thinking-ring{
  top:70% !important;
}
@media(max-height:760px){
  .lp-orb-thinking{top:68% !important}
  .lp-thinking-ring{top:68% !important}
}

/* v2.0 — Zodiac theatre + convergence */
.z-thinking,.z-fire,.converge-fire,.merge-stage{text-align:center}
.z-thinking{margin-top:10px}
.z-think-label{opacity:0;animation:lpSoftIn .8s .4s forwards}
.z-glyph-orbit{margin:42px auto 0;width:170px;height:170px;border:1px solid rgba(218,178,94,.16);border-radius:50%;display:grid;place-items:center;animation:zOrbit 5s linear infinite;box-shadow:0 0 60px rgba(191,135,44,.13)}
.z-glyph-orbit:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#efd184;box-shadow:0 0 18px #e3b75b;transform:translateY(-85px)}
.z-glyph-orbit span{font-family:"Fraunces",Georgia,serif;font-size:72px;color:#d4ae60;animation:zCounter 5s linear infinite}
@keyframes zOrbit{to{transform:rotate(360deg)}} @keyframes zCounter{to{transform:rotate(-360deg)}}

.z-fire{transform:translateY(-28px)}
.z-kicker{opacity:0;animation:lpSoftIn .7s .25s forwards}
.z-animal-mark{font-family:"Fraunces",Georgia,serif;font-size:106px;line-height:.95;color:#d9b66c;margin-top:16px;opacity:0;filter:blur(10px);transform:scale(.4);animation:zBang 1.4s .9s cubic-bezier(.16,.88,.25,1.08) forwards;text-shadow:0 0 45px rgba(214,164,74,.35)}
.z-animal-name{font-size:46px!important;margin:10px 0 4px;opacity:0;transform:translateY(12px);animation:lpSoftIn .75s 2.05s forwards}
.z-element-name{font-size:17px;letter-spacing:.18em;color:#d5c6aa;text-transform:uppercase;opacity:0;animation:lpSoftIn .7s 2.8s forwards}
.z-birth-year{font-size:14px;letter-spacing:.24em;color:#8e826e;margin-top:16px;opacity:0;animation:lpSoftIn .7s 3.45s forwards}
.z-actions{opacity:0;animation:lpSoftIn .7s 4.15s forwards}
.z-cta{font-family:"Fraunces",Georgia,serif!important;font-weight:700!important;letter-spacing:.045em!important}
@keyframes zBang{55%{opacity:1;filter:blur(0);transform:scale(1.1)}100%{opacity:1;filter:blur(0);transform:scale(1)}}

.merge-stage{position:relative;width:min(86vw,420px);margin:25px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.merge-left,.merge-right{display:flex;flex-direction:column;align-items:center;opacity:0}
.merge-left{animation:mergeLeft 1.1s .35s forwards}.merge-right{animation:mergeRight 1.1s .75s forwards}
.merge-small,.merge-animal{font-size:11px;letter-spacing:.22em;color:#caa65d}
.merge-left strong,.merge-right strong{font-family:"Fraunces",Georgia,serif;font-size:88px;line-height:1;color:#efd082;text-shadow:0 0 38px rgba(220,171,75,.32)}
.merge-plus{font-family:"Fraunces",Georgia,serif;font-size:32px;color:#8e7443;opacity:0;animation:lpSoftIn .6s 1.55s forwards}
.merge-line{position:absolute;left:50%;top:50%;width:1px;height:0;background:linear-gradient(transparent,#d5a94f,transparent);animation:mergeLine 1.4s 2s forwards}
.orb-merge{animation:mergeOrb 3.6s ease-in-out infinite!important}
@keyframes mergeLeft{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:none}}
@keyframes mergeRight{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:none}}
@keyframes mergeLine{to{height:150px;transform:translateY(-75px)}}
@keyframes mergeOrb{50%{filter:brightness(1.3);transform:scale(1.08)}}

.converge-fire{transform:translateY(-34px)}
.converge-fire h1{font-size:34px!important;line-height:1.18;margin:20px auto 0;max-width:410px}
.converge-fire h1 span{color:#e4c78d}
.converge-rule{width:52px;height:1px;background:#8e6b32;margin:25px auto}
.year-layer small{display:block;font-size:11px;letter-spacing:.22em;color:#caa65d}
.year-layer strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:39px;color:#f0e8db;margin-top:8px}
.year-layer em{display:block;font-style:normal;font-size:14px;letter-spacing:.16em;color:#d4b978;margin-top:8px}
.converge-fire p{font-family:"Fraunces",Georgia,serif;font-size:21px;color:#cfc2ae;margin-top:26px}
.converge-actions{transform:translateY(-18px)}
@media(max-height:760px){.z-animal-mark{font-size:82px}.z-fire{transform:translateY(-16px)}.merge-left strong,.merge-right strong{font-size:68px}.converge-fire{transform:translateY(-20px)}.converge-fire h1{font-size:29px!important}}

/* v2.1 — approved flow cleanup + premium close */
.z-orb-thinking{top:66%!important;width:min(38vw,260px)!important;height:min(38vw,260px)!important;max-width:260px!important;max-height:260px!important}
.z-orb-thinking.is-charging{transform:scale(1.08);filter:brightness(1.18)}
.z-calc{position:fixed;left:0;right:0;top:39%;text-align:center;font-size:12px;letter-spacing:.24em;color:#d8b563}
.clean-combo{transform:translateY(-30px)}
.combo-copy{max-width:390px;margin:24px auto 0!important;font-family:"Fraunces",Georgia,serif!important;font-size:21px!important;line-height:1.45!important;color:#d8cdbb!important}
.combo-next{max-width:390px;margin:20px auto 0!important;font-size:15px!important;line-height:1.5!important;color:#918777!important}
.premium-type,.gold-answer{font-family:"Fraunces",Georgia,serif!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.045em!important}
.actions.two .gold-answer{background:linear-gradient(100deg,#f0d084,#c99d50)!important;color:#17110a!important;border:1px solid rgba(247,218,153,.55)!important;box-shadow:0 10px 34px rgba(202,153,67,.16)!important}
.actions.two .gold-answer:active{transform:scale(.98)}
.premium-close{text-align:center;transform:translateY(-32px);max-width:430px;margin:0 auto}
.premium-close h1{font-size:45px!important;line-height:1.05;margin:16px auto 20px}
.premium-close h1 span{color:#dfbd79}
.premium-lead{font-size:16px;line-height:1.55;color:#aaa092;margin:0 auto 22px;max-width:410px}
.premium-lead b{color:#e5d7bd;font-weight:600}
.ready-line{font-size:11px;letter-spacing:.20em;color:#d6ad5d;margin:22px 0 14px}
.premium-offer{text-align:left;border-top:1px solid rgba(202,159,78,.28);border-bottom:1px solid rgba(202,159,78,.28);padding:12px 4px;margin:0 auto;max-width:390px}
.premium-offer div{position:relative;padding:8px 6px 8px 24px;color:#d7cdbc;font-size:14px;line-height:1.25}
.premium-offer div:before{content:"✦";position:absolute;left:2px;top:8px;color:#cfa653;font-size:10px}
.already-calculated{margin-top:18px;font-size:11px;letter-spacing:.18em;color:#d9b664}
.premium-actions{transform:translateY(-10px)}
.premium-unlock{font-size:18px!important}
@media(max-height:760px){
 .premium-close{transform:translateY(-18px)}
 .premium-close h1{font-size:36px!important;margin:10px auto 12px}
 .premium-lead{font-size:14px;margin-bottom:12px}
 .ready-line{margin:12px 0 8px}
 .premium-offer{padding:6px 4px}
 .premium-offer div{padding-top:5px;padding-bottom:5px;font-size:12px}
 .already-calculated{margin-top:10px}
}

/* v2.2 — home-run pass: zodiac traits, stronger confirmation, viewport-safe close */
.z-traits{width:min(78vw,360px);margin:22px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.z-trait{font-family:"Fraunces",Georgia,serif;font-size:15px;color:#efe5d6;opacity:0;transform:translateY(10px);padding-top:10px;border-top:1px solid rgba(203,158,73,.22)}
.zt0{animation:lpSoftIn .55s 3.9s forwards}.zt1{animation:lpSoftIn .55s 4.35s forwards}.zt2{animation:lpSoftIn .55s 4.8s forwards}
.z-actions{animation-delay:5.35s!important}

.clean-combo{transform:translateY(-70px)!important}
.converge-actions{transform:translateY(-54px)!important}
.combo-next{margin-top:14px!important;color:#b4a792!important;font-size:17px!important}
.truth-wrap{transform:translateY(-36px)}
.answer-prompt{margin-top:28px!important;font-size:15px!important;letter-spacing:.16em!important;color:#cbbda6!important}
.truth-actions{bottom:24px!important}
.truth-actions .gold-answer{font-size:14px!important;letter-spacing:.025em!important}
.hit .eyebrow{font-weight:600}
.stronger-micro{font-family:"Fraunces",Georgia,serif!important;font-size:17px!important;line-height:1.45!important;color:#b7aa96!important;max-width:390px;margin-left:auto!important;margin-right:auto!important}
.hit-actions{bottom:24px!important}
.hit-actions .btn{font-size:16px!important}

.premium-close{transform:translateY(-62px)!important;max-width:430px!important}
.premium-close h1{font-size:41px!important;margin:10px auto 12px!important}
.premium-lead{font-size:14px!important;line-height:1.42!important;margin-bottom:12px!important}
.premium-offer{padding:5px 4px!important}
.premium-offer div{padding:6px 5px 6px 22px!important;line-height:1.15!important}
.premium-offer div:before{top:8px!important}
.premium-offer b{display:block;font-family:"Fraunces",Georgia,serif;font-size:14px;color:#eee2ce}
.premium-offer small{display:block;font-size:11px;color:#a99d8c;margin-top:2px}
.already-calculated{margin-top:12px!important;font-size:10px!important}
.premium-actions{bottom:18px!important;transform:none!important}
.premium-unlock{font-size:16px!important;height:64px!important;min-height:64px!important}

@media(max-height:800px){
 .z-traits{margin-top:14px}.z-trait{font-size:13px;padding-top:7px}
 .clean-combo{transform:translateY(-48px)!important}.converge-actions{transform:translateY(-34px)!important}
 .premium-close{transform:translateY(-40px)!important}
 .premium-close h1{font-size:34px!important}
 .premium-lead{font-size:12px!important}
 .premium-offer div{padding-top:4px!important;padding-bottom:4px!important}
 .premium-offer b{font-size:12px}.premium-offer small{font-size:10px}
 .already-calculated{margin-top:7px!important}
 .premium-unlock{height:58px!important;min-height:58px!important;font-size:14px!important}
}

/* v2.3 precision pass */
.z-traits{
  width:min(68vw,310px)!important;
  margin:20px auto 0!important;
  display:block!important;
}
.z-trait{
  font-family:"Fraunces",Georgia,serif!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.2!important;
  color:#f2eadf!important;
  text-align:center!important;
  padding:12px 0!important;
  border-top:1px solid rgba(203,158,73,.22)!important;
}
.z-trait:last-child{border-bottom:1px solid rgba(203,158,73,.22)!important}

/* Combination reveal must clear the orb instead of running through it */
.clean-combo{
  transform:none!important;
  padding-top:320px!important;
}
.converge-actions{transform:none!important}

/* Give the bridge screen room and time to breathe */
.truth-build{
  padding-top:330px!important;
  text-align:center!important;
}
.truth-build h2{font-size:34px!important;line-height:1.12!important;margin:14px auto 12px!important}
.truth-build .sub{font-size:17px!important;line-height:1.45!important;max-width:350px!important;margin:0 auto!important;color:#b9ad9b!important}
.truth-build .scan{margin-top:28px!important}

/* Pain reveal: contained width, stronger hierarchy */
.truth-wrap{transform:none!important;padding-top:300px!important}
.truth-wrap .truth{
  max-width:390px!important;
  margin:24px auto 0!important;
  font-size:31px!important;
  line-height:1.22!important;
}
.answer-prompt{
  margin-top:34px!important;
  font-size:16px!important;
  font-weight:600!important;
  color:#d4c5ad!important;
}
@media(max-height:800px){
 .z-trait{font-size:17px!important;padding:8px 0!important}
 .clean-combo{padding-top:270px!important}
 .truth-build{padding-top:275px!important}
 .truth-wrap{padding-top:250px!important}
 .truth-wrap .truth{font-size:27px!important}
}

.pain-turn{
  display:block;
  margin:22px auto 0;
  max-width:360px;
  font-family:"Fraunces",Georgia,serif;
  font-size:21px;
  line-height:1.35;
  color:#d8c5a4;
}
@media(max-height:800px){
 .pain-turn{font-size:18px;margin-top:15px}
 .answer-prompt{margin-top:22px!important}
}

/* v2.3.1 — clean Zodiac trait stack: no underlines/dividers */
.z-trait{
  border-top:none!important;
  border-bottom:none!important;
}
.z-trait:last-child{
  border-bottom:none!important;
}

/* v2.3.2 — combination screen viewport fix */
.clean-combo{
  padding-top:245px!important;
  transform:translateY(-45px)!important;
}
.clean-combo .eyebrow{margin-bottom:14px!important}
.clean-combo h1{
  margin-top:10px!important;
  margin-bottom:18px!important;
  font-size:42px!important;
  line-height:1.08!important;
}
.clean-combo .combo-explain{
  margin-top:18px!important;
  font-size:20px!important;
  line-height:1.38!important;
}
.clean-combo .combo-next{
  margin-top:18px!important;
  font-size:16px!important;
  line-height:1.35!important;
}
.converge-actions{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  bottom:20px!important;
  transform:none!important;
  z-index:20!important;
}
@media(max-height:850px){
  .clean-combo{
    padding-top:215px!important;
    transform:translateY(-52px)!important;
  }
  .clean-combo h1{font-size:36px!important}
  .clean-combo .combo-explain{font-size:17px!important;line-height:1.32!important}
  .clean-combo .combo-next{font-size:14px!important;margin-top:12px!important}
}

/* v2.4 — personalized calculation credibility beat */
.credibility-stage{overflow:visible!important}
.credibility-facts{
  position:absolute;
  top:58%;
  left:50%;
  width:min(88vw,420px);
  transform:translateX(-50%);
  text-align:center;
}
.credibility-fact{
  font-family:"Fraunces",Georgia,serif;
  font-size:25px;
  line-height:1.25;
  color:#eee5d8;
  opacity:0;
  transform:translateY(10px);
}
.credibility-fact span{color:#dfbd73}
.fact-one{animation:lpSoftIn .65s 2.35s forwards}
.fact-two{margin-top:20px;animation:lpSoftIn .65s 4.15s forwards}

/* Combination reveal — force all copy + CTA into the visible phone viewport */
.clean-combo{
  padding-top:155px!important;
  transform:translateY(-92px)!important;
}
.clean-combo .eyebrow{margin-bottom:8px!important}
.clean-combo h1{
  font-size:34px!important;
  line-height:1.05!important;
  margin:6px auto 10px!important;
}
.clean-combo .hairline{margin:12px auto!important}
.clean-combo .combo-explain{
  font-size:15px!important;
  line-height:1.28!important;
  margin:10px auto 0!important;
  max-width:370px!important;
}
.clean-combo .combo-next{
  font-size:13px!important;
  line-height:1.25!important;
  margin:9px auto 0!important;
}
.converge-actions{
  position:fixed!important;
  left:24px!important;
  right:24px!important;
  bottom:18px!important;
  z-index:999!important;
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.converge-actions .btn{height:60px!important;min-height:60px!important}
@media(max-height:800px){
 .credibility-facts{top:56%}
 .credibility-fact{font-size:21px}
 .clean-combo{padding-top:135px!important;transform:translateY(-100px)!important}
 .clean-combo h1{font-size:30px!important}
 .clean-combo .combo-explain{font-size:13px!important}
 .clean-combo .combo-next{font-size:11px!important}
}

/* v2.4.2 — preserve original calculating/orb treatment; only add two delayed lines */
.lp-extra-calcs{
  position:absolute;
  left:50%;
  top:64%;
  width:min(88vw,430px);
  transform:translateX(-50%);
  text-align:center;
  pointer-events:none;
}
.lp-extra-calc{
  font:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  opacity:0;
  margin:0;
}
.lp-days{
  animation:lpSoftIn .8s 3.4s forwards;
}
.lp-weekday{
  margin-top:18px;
  animation:lpSoftIn .8s 7.0s forwards;
}

/* v2.4.3 — calculation page breathes; visuals otherwise unchanged */
.lp-orb-thinking{
  animation-duration:5.2s !important;
}
.lp-thinking-ring{
  animation-duration:5.8s !important;
}
.lp-thinking-ring.ring-b{
  animation-delay:2.9s !important;
}
.lp-orb-thinking::before{
  animation-duration:15s !important;
}
.lp-orb-thinking::after{
  animation-duration:9.5s !important;
}

/* v2.4.4 — combo screen proportion fix */
.clean-combo{
  transform:none!important;
  padding:0 28px 110px!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:100vh!important;
  box-sizing:border-box!important;
}
.clean-combo .eyebrow{
  font-size:15px!important;
  margin:0 0 16px!important;
}
.clean-combo h1{
  font-size:clamp(42px,5.2vw,66px)!important;
  line-height:1.06!important;
  max-width:720px!important;
  margin:0 auto 18px!important;
}
.clean-combo .hairline{margin:10px auto 20px!important}
.clean-combo .combo-explain{
  font-size:clamp(22px,2.25vw,30px)!important;
  line-height:1.34!important;
  max-width:680px!important;
  margin:0 auto 18px!important;
}
.clean-combo .combo-next{
  font-size:clamp(18px,1.7vw,23px)!important;
  line-height:1.35!important;
  max-width:650px!important;
  margin:0 auto!important;
  color:#d7c7ab!important;
}
.converge-actions{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:24px!important;
  width:min(88vw,620px)!important;
  transform:translateX(-50%)!important;
  z-index:999!important;
}
.converge-actions .btn{
  width:100%!important;
  height:68px!important;
  min-height:68px!important;
  font-size:22px!important;
}

/* phone portrait: keep the same hierarchy, scaled to fit */
@media(max-width:700px){
 .clean-combo{
   min-height:100svh!important;
   justify-content:flex-start!important;
   padding:250px 24px 105px!important;
 }
 .clean-combo .eyebrow{font-size:12px!important;margin-bottom:12px!important}
 .clean-combo h1{font-size:36px!important;line-height:1.07!important;margin-bottom:14px!important}
 .clean-combo .hairline{margin:8px auto 14px!important}
 .clean-combo .combo-explain{font-size:18px!important;line-height:1.3!important;margin-bottom:13px!important}
 .clean-combo .combo-next{font-size:16px!important;line-height:1.3!important}
 .converge-actions{bottom:18px!important;width:calc(100vw - 48px)!important}
 .converge-actions .btn{height:62px!important;min-height:62px!important;font-size:19px!important}
}

/* v2.4.5 — combination screen clean rebuild */
.clean-combo{
  min-height:100svh!important;
  width:100%!important;
  max-width:520px!important;
  margin:0 auto!important;
  padding:255px 28px 118px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  transform:none!important;
}
.clean-combo .eyebrow{
  margin:0 0 14px!important;
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
}
.clean-combo h1{
  margin:0 auto 16px!important;
  max-width:470px!important;
  font-size:38px!important;
  line-height:1.08!important;
}
.clean-combo .converge-rule,
.clean-combo .hairline{
  width:48px!important;
  margin:0 auto 18px!important;
}
.clean-combo .combo-copy,
.clean-combo .combo-explain{
  max-width:440px!important;
  margin:0 auto!important;
  font-size:18px!important;
  line-height:1.36!important;
}
.clean-combo .combo-next{
  max-width:430px!important;
  margin:16px auto 0!important;
  font-size:16px!important;
  line-height:1.35!important;
  color:#d7c7ab!important;
}
.converge-actions{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  width:min(calc(100vw - 48px),430px)!important;
  transform:translateX(-50%)!important;
  z-index:999!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
.converge-actions .btn{
  width:100%!important;
  height:62px!important;
  min-height:62px!important;
  margin:0!important;
  font-size:19px!important;
}

/* Keep the persistent orb comfortably above the combination copy */
.orb-converged{
  top:15%!important;
  width:170px!important;
  height:170px!important;
  max-width:170px!important;
  max-height:170px!important;
}

@media(max-height:820px){
  .clean-combo{
    padding-top:220px!important;
    padding-bottom:104px!important;
  }
  .clean-combo h1{font-size:33px!important}
  .clean-combo .combo-copy,
  .clean-combo .combo-explain{font-size:16px!important}
  .clean-combo .combo-next{font-size:14px!important;margin-top:12px!important}
  .orb-converged{
    width:145px!important;
    height:145px!important;
    max-width:145px!important;
    max-height:145px!important;
  }
}

/* v2.4.6 — combo lift + 2026 prediction viewport repair */
.clean-combo{
  padding-top:225px!important;
}
@media(max-height:820px){
  .clean-combo{padding-top:195px!important}
}

/* 2026 prediction / validation screen */
#screen-hit .screen-inner,
.screen-hit .screen-inner,
.hit-screen .screen-inner,
#screen-validation .screen-inner,
.validation-screen .screen-inner{
  min-height:100svh!important;
  height:100svh!important;
  box-sizing:border-box!important;
  padding:175px 34px 112px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  overflow:hidden!important;
}
#screen-hit .orb,
.screen-hit .orb,
.hit-screen .orb,
#screen-validation .orb,
.validation-screen .orb{
  top:2.5%!important;
  width:118px!important;
  height:118px!important;
  max-width:118px!important;
  max-height:118px!important;
}
#screen-hit h1,
.screen-hit h1,
.hit-screen h1,
#screen-validation h1,
.validation-screen h1{
  margin-top:8px!important;
  margin-bottom:20px!important;
  max-width:720px!important;
  font-size:34px!important;
  line-height:1.13!important;
}
#screen-hit .pain,
.screen-hit .pain,
.hit-screen .pain,
#screen-validation .pain,
.validation-screen .pain{
  max-width:690px!important;
  margin:0 auto 20px!important;
  font-size:22px!important;
  line-height:1.32!important;
}
#screen-hit .question,
.screen-hit .question,
.hit-screen .question,
#screen-validation .question,
.validation-screen .question{
  margin:8px auto 18px!important;
  font-size:17px!important;
  line-height:1.25!important;
}
#screen-hit .actions,
.screen-hit .actions,
.hit-screen .actions,
#screen-validation .actions,
.validation-screen .actions{
  position:fixed!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:min(calc(100vw - 48px),720px)!important;
  z-index:999!important;
  display:flex!important;
  gap:14px!important;
  opacity:1!important;
  visibility:visible!important;
}
#screen-hit .actions .btn,
.screen-hit .actions .btn,
.hit-screen .actions .btn,
#screen-validation .actions .btn,
.validation-screen .actions .btn{
  min-height:60px!important;
  height:60px!important;
  flex:1!important;
}

@media(max-height:820px){
  #screen-hit .screen-inner,.screen-hit .screen-inner,.hit-screen .screen-inner,
  #screen-validation .screen-inner,.validation-screen .screen-inner{
    padding-top:145px!important;
    padding-bottom:98px!important;
  }
  #screen-hit h1,.screen-hit h1,.hit-screen h1,
  #screen-validation h1,.validation-screen h1{font-size:29px!important;margin-bottom:14px!important}
  #screen-hit .pain,.screen-hit .pain,.hit-screen .pain,
  #screen-validation .pain,.validation-screen .pain{font-size:18px!important;margin-bottom:14px!important}
}

/* v2.4.7 — Zodiac orb-letter, clearer combo bridge, rebuilt 2026 truth screen */

/* ZODIAC: larger living orb with the animal initial inside */
.orb-zodiac-fire{
  width:210px!important;
  height:210px!important;
  max-width:210px!important;
  max-height:210px!important;
  top:16%!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  animation:lpThinkBreathCalm 4.6s ease-in-out infinite!important;
}
.z-fire-v247{
  padding-top:285px!important;
  transform:none!important;
}
.z-fire-v247 .z-kicker{
  margin-bottom:18px!important;
}
.z-orb-letter{
  position:fixed;
  z-index:20;
  top:calc(16% + 105px);
  left:50%;
  transform:translate(-50%,-50%);
  font-family:"Fraunces",Georgia,serif;
  font-size:86px;
  line-height:1;
  color:#e3bd70;
  text-shadow:0 0 24px rgba(227,189,112,.28);
  pointer-events:none;
  animation:lpSoftIn .8s .6s forwards;
}
.z-fire-v247 .z-animal-name{
  margin-top:8px!important;
}
.z-fire-v247 .z-traits{
  margin-top:18px!important;
}

/* COMBINATION: make the bridge understandable and visibly actionable */
.combo-v247{
  padding-top:230px!important;
  padding-bottom:115px!important;
}
.combo-v247 h1{
  font-size:38px!important;
  line-height:1.08!important;
  margin-bottom:18px!important;
}
.combo-v247 .combo-copy{
  max-width:420px!important;
  font-size:18px!important;
  line-height:1.35!important;
  margin:0 auto!important;
  color:#e3d8c7!important;
}
.combo-v247 .combo-next{
  max-width:420px!important;
  font-size:17px!important;
  line-height:1.38!important;
  margin:18px auto 0!important;
  color:#d7bd87!important;
}
.converge-actions{
  position:fixed!important;
  left:50%!important;
  bottom:18px!important;
  width:min(calc(100vw - 48px),430px)!important;
  transform:translateX(-50%)!important;
  z-index:999!important;
}
.converge-actions .btn{
  width:100%!important;
  height:62px!important;
  min-height:62px!important;
}

/* 2026 TRUTH: one contained composition, question fully visible, buttons pinned */
.truth-v247{
  min-height:100svh!important;
  box-sizing:border-box!important;
  padding:245px 30px 122px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  transform:none!important;
  overflow:hidden!important;
}
.truth-v247 .eyebrow{
  margin-bottom:16px!important;
}
.truth-v247 .truth{
  max-width:430px!important;
  margin:0 auto!important;
  font-size:32px!important;
  line-height:1.18!important;
}
.truth-v247 .pain-turn{
  max-width:390px!important;
  margin:22px auto 0!important;
  font-size:19px!important;
  line-height:1.35!important;
  color:#d8c6a6!important;
}
.truth-v247 .answer-prompt{
  max-width:420px!important;
  margin:28px auto 0!important;
  font-size:15px!important;
  line-height:1.3!important;
  letter-spacing:.12em!important;
  color:#d4c7b2!important;
}
.truth-actions-v247{
  position:fixed!important;
  left:50%!important;
  bottom:18px!important;
  width:min(calc(100vw - 48px),430px)!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  z-index:999!important;
}
.truth-actions-v247 .btn{
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  font-size:13px!important;
}
.orb-low{
  width:135px!important;
  height:135px!important;
  max-width:135px!important;
  max-height:135px!important;
  top:7%!important;
}

@media(max-height:820px){
  .orb-zodiac-fire{width:180px!important;height:180px!important;max-width:180px!important;max-height:180px!important}
  .z-orb-letter{top:calc(16% + 90px);font-size:74px}
  .z-fire-v247{padding-top:245px!important}
  .combo-v247{padding-top:200px!important}
  .combo-v247 h1{font-size:34px!important}
  .combo-v247 .combo-copy{font-size:16px!important}
  .combo-v247 .combo-next{font-size:15px!important}
  .truth-v247{padding-top:205px!important;padding-bottom:105px!important}
  .truth-v247 .truth{font-size:27px!important}
  .truth-v247 .pain-turn{font-size:16px!important;margin-top:16px!important}
  .truth-v247 .answer-prompt{font-size:13px!important;margin-top:20px!important}
}

/* v2.4.8 — hard fix for Zodiac orb + initial alignment.
   Do NOT inherit the calculation-orb scale animation here. */
.orb-zodiac-fire{
  position:fixed!important;
  top:118px!important;
  left:50%!important;
  width:190px!important;
  height:190px!important;
  min-width:190px!important;
  min-height:190px!important;
  max-width:190px!important;
  max-height:190px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  transform-origin:center center!important;
  animation:zodiacOrbBreathe 4.8s ease-in-out infinite!important;
  z-index:10!important;
}
.z-orb-letter{
  position:fixed!important;
  top:213px!important; /* 118 + 95 = exact orb centre */
  left:50%!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:30!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:78px!important;
  line-height:1!important;
  color:#efd084!important;
  text-shadow:0 0 20px rgba(239,208,132,.22)!important;
  pointer-events:none!important;
  animation:none!important;
  opacity:1!important;
}
@keyframes zodiacOrbBreathe{
  0%,100%{transform:translateX(-50%) scale(.97);filter:brightness(.96)}
  50%{transform:translateX(-50%) scale(1.03);filter:brightness(1.06)}
}
.z-fire-v247{
  padding-top:335px!important;
}
@media(max-height:820px){
  .orb-zodiac-fire{
    top:96px!important;
    width:170px!important;height:170px!important;
    min-width:170px!important;min-height:170px!important;
    max-width:170px!important;max-height:170px!important;
  }
  .z-orb-letter{top:181px!important;font-size:70px!important}
  .z-fire-v247{padding-top:295px!important}
}

/* v2.4.9 — zodiac reveal content lift ONLY.
   Orb size/position/breathing and T transition deliberately untouched. */
.z-fire-v247{
  padding-top:265px!important;
}
@media(max-height:820px){
  .z-fire-v247{
    padding-top:235px!important;
  }
}

/* v2.5.3 — restore clean zodiac reveal geometry.
   Orb + letter transition untouched. */
.z-fire-v247{
  padding-top:265px!important;
  transform:none!important;
  margin-top:0!important;
}
@media(max-height:820px){
  .z-fire-v247{
    padding-top:235px!important;
  }
}

/* v2.5.4 — FINAL zodiac spacing correction ONLY */
.z-fire-v247{
  padding-top:215px!important;
}
@media(max-height:820px){
  .z-fire-v247{
    padding-top:200px!important;
  }
}

/* v2.5.5 — final Zodiac lift only */
.z-fire-v247{
  padding-top:180px!important;
}
@media(max-height:820px){
  .z-fire-v247{
    padding-top:170px!important;
  }
}

/* v2.5.6 — ONLY the two broken screens */

/* 1. Combination screen: lift the complete content block. */
.combo-v247,
.clean-combo.combo-v247{
  padding-top:165px!important;
  padding-bottom:112px!important;
}
.combo-v247 .eyebrow{margin-bottom:12px!important}
.combo-v247 h1{
  margin-top:0!important;
  margin-bottom:14px!important;
}
.combo-v247 .converge-rule{margin:0 auto 15px!important}
.combo-v247 .combo-copy{margin:0 auto!important}
.combo-v247 .combo-next{margin:14px auto 0!important}

@media(max-height:820px){
  .combo-v247,
  .clean-combo.combo-v247{
    padding-top:145px!important;
  }
}

/* 2. 2026 truth screen: everything fits cleanly ABOVE the CTA. */
.truth-v256{
  min-height:100svh!important;
  height:100svh!important;
  box-sizing:border-box!important;
  padding:190px 28px 118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:hidden!important;
  transform:none!important;
}
.truth-v256 .eyebrow{
  margin:0 0 14px!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.truth-v256 .truth{
  max-width:440px!important;
  margin:0 auto!important;
  font-size:28px!important;
  line-height:1.18!important;
}
.truth-v256 .pain-turn{
  max-width:410px!important;
  margin:20px auto 0!important;
  font-size:17px!important;
  line-height:1.36!important;
  color:#d8c6a6!important;
}
.truth-v256 .pain-turn strong{
  font-weight:600!important;
  color:#e8dcc8!important;
}
.truth-v256 .answer-prompt{
  max-width:420px!important;
  margin:24px auto 0!important;
  font-size:14px!important;
  line-height:1.25!important;
  letter-spacing:.12em!important;
  color:#d4c7b2!important;
}
.truth-actions-v256{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  width:min(calc(100vw - 48px),430px)!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  z-index:999!important;
  opacity:1!important;
  visibility:visible!important;
}
.truth-actions-v256 .btn{
  width:100%!important;
  min-width:0!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  font-size:13px!important;
}
@media(max-height:820px){
  .truth-v256{padding-top:165px!important;padding-bottom:104px!important}
  .truth-v256 .truth{font-size:24px!important}
  .truth-v256 .pain-turn{font-size:15px!important;margin-top:15px!important}
  .truth-v256 .answer-prompt{font-size:12px!important;margin-top:17px!important}
}

/* v2.5.7b — exact fix: "NOW WE GET TO THE PART THAT MATTERS" */
.truth-build{
  padding-top:125px!important;
  transform:none!important;
  margin:0!important;
}
.truth-build h2{
  margin:10px auto 12px!important;
}
.truth-build .sub{
  margin:0 auto!important;
}
.truth-build .scan{
  margin-top:24px!important;
}
@media(max-height:800px){
  .truth-build{
    padding-top:100px!important;
  }
}

/* v2.5.9 — exact Chinese zodiac date span + repaired truth buttons */
.z-date-range{
  font-size:13px!important;
  letter-spacing:.10em!important;
  white-space:nowrap!important;
}

.hit-v259{
  max-width:430px;
  margin:0 auto;
  text-align:center;
}
.hit-v259 h1{
  font-size:40px!important;
  margin:16px auto 22px!important;
}
.hit-v259 .truth-note{
  font-size:20px!important;
  line-height:1.42!important;
}
.hit-actions{
  position:fixed!important;
  left:50%!important;
  bottom:18px!important;
  width:min(calc(100vw - 48px),430px)!important;
  transform:translateX(-50%)!important;
}

.miss-v259{
  max-width:430px;
  margin:0 auto;
  text-align:center;
}
.miss-v259 h2{
  font-family:"Fraunces",Georgia,serif;
  font-size:29px;
  line-height:1.2;
  margin:18px auto 16px;
}
.miss-v259 p{
  font-family:"Fraunces",Georgia,serif;
  font-size:22px;
  color:#d9c8ab;
  margin:0 auto 24px;
}
.miss-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.miss-choice{
  min-height:54px;
  border:1px solid rgba(218,178,94,.4);
  border-radius:18px;
  background:rgba(22,17,12,.78);
  color:#f2eadf;
  font-family:"Fraunces",Georgia,serif;
  font-size:15px;
  font-weight:700;
}
.miss-done-v259{
  max-width:400px;
  margin:0 auto;
  text-align:center;
}
.miss-done-v259 h2{
  font-family:"Fraunces",Georgia,serif;
  font-size:31px;
  line-height:1.25;
  margin-top:18px;
}

/* v2.6.0 — Truth Engine rebuild */
.hit-v259{
  min-height:100svh!important;
  height:100svh!important;
  box-sizing:border-box!important;
  padding:155px 28px 112px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  overflow:hidden!important;
}
.hit-v259 .eyebrow{margin:0 0 10px!important}
.hit-v259 h1{
  font-size:38px!important;
  line-height:1.04!important;
  margin:10px auto 18px!important;
}
.hit-v259 .truth-note{
  max-width:430px!important;
  font-size:18px!important;
  line-height:1.35!important;
  margin:0 auto!important;
}
.hit-v259 .hairline{margin:18px auto!important}
.hit-v259 .stronger-micro{
  max-width:420px!important;
  font-size:16px!important;
  line-height:1.35!important;
  margin:0 auto!important;
}
@media(max-height:820px){
  .hit-v259{padding-top:125px!important;padding-bottom:100px!important}
  .hit-v259 h1{font-size:33px!important;margin-bottom:14px!important}
  .hit-v259 .truth-note{font-size:16px!important;line-height:1.3!important}
  .hit-v259 .hairline{margin:13px auto!important}
  .hit-v259 .stronger-micro{font-size:14px!important}
}

/* v2.6.1 conversion pass */
.truth-v261{min-height:100svh!important;height:100svh!important;box-sizing:border-box!important;padding:150px 28px 116px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;overflow:hidden!important}
.truth-v261 .eyebrow{margin:0 0 10px!important}.truth-v261 .truth{max-width:440px!important;margin:0!important;font-size:25px!important;line-height:1.15!important}.truth-v261 .pain-turn{max-width:410px!important;margin:13px auto 0!important;font-size:16px!important;line-height:1.3!important;color:#e5d7c0!important}.truth-v261 .escalation-turn{max-width:405px!important;margin:12px auto 0!important;font-family:"Fraunces",Georgia,serif;font-size:17px!important;line-height:1.3!important;color:#d5b978!important}.truth-v261 .answer-prompt{margin:17px auto 0!important;font-size:11px!important;letter-spacing:.12em!important}
.truth-actions-v261{position:fixed!important;left:50%!important;bottom:18px!important;width:min(calc(100vw - 48px),430px)!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;z-index:999!important}.truth-actions-v261 .btn{height:58px!important}
.hit-v261{min-height:100svh!important;height:100svh!important;box-sizing:border-box!important;padding:105px 28px 112px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;overflow:hidden!important}.hit-v261 .eyebrow{margin:0 0 7px!important}.hit-v261 h1{font-size:35px!important;line-height:1.03!important;margin:7px auto 13px!important}.hit-v261 .truth-note{max-width:425px!important;font-size:16px!important;line-height:1.29!important;margin:0!important}.hit-v261 .hairline{margin:13px auto!important}.hit-v261 .blindspot-tension{max-width:415px!important;font-family:"Fraunces",Georgia,serif;font-size:17px!important;line-height:1.29!important;color:#e1c47f!important}.hit-v261 .locked-tease{max-width:405px!important;margin:12px auto 0!important;font-size:13px!important;line-height:1.3!important;color:#cfc0a8!important}.hit-actions-v261{position:fixed!important;left:50%!important;bottom:18px!important;width:min(calc(100vw - 48px),430px)!important;transform:translateX(-50%)!important}.hit-actions-v261 .btn{width:100%!important;height:60px!important}
.premium-v261{padding-top:90px!important;padding-bottom:110px!important;max-width:440px!important;margin:0 auto!important;text-align:center!important}.premium-v261 h1{font-size:38px!important;line-height:1.04!important;margin:9px auto 12px!important}.premium-v261 .premium-lead{font-size:16px!important;line-height:1.32!important;margin:0 auto 15px!important}.timing-lock{display:grid!important;gap:7px!important;text-align:left!important}.lock-label{text-align:center!important;font-size:10px!important;letter-spacing:.15em!important;color:#d5b978!important}.lock-row{padding:8px 11px!important;border:1px solid rgba(213,185,120,.18)!important;border-radius:13px!important;background:rgba(20,16,12,.52)!important}.lock-row b{display:block!important;font-family:"Fraunces",Georgia,serif!important;font-size:15px!important;color:#eee3d2!important}.lock-row small{display:block!important;margin-top:2px!important;font-size:11px!important;line-height:1.25!important;color:#bdae97!important}.premium-v261 .already-calculated{margin:11px auto 0!important;font-size:9px!important;letter-spacing:.1em!important;color:#d5b978!important}.premium-actions-v261{position:fixed!important;left:50%!important;bottom:18px!important;width:min(calc(100vw - 48px),430px)!important;transform:translateX(-50%)!important}.premium-actions-v261 .btn{width:100%!important;height:62px!important}

/* v2.7.0 — credibility -> ego lift -> concrete timing conversion */
.lp-distinctive{animation-delay:7.7s!important}
.combo-boost{font-family:"Fraunces",Georgia,serif;font-size:22px;line-height:1.25;color:#d8b86d;margin:12px auto 10px;max-width:410px}
.combo-unique{font-family:"Fraunces",Georgia,serif;font-size:19px;line-height:1.3;color:#e6dac6;margin:12px auto 0;max-width:410px}
.combo-v247{padding-top:140px!important}
.combo-v247 .combo-next{margin-top:15px!important}

.timing-reveal-v270{padding:82px 27px 108px!important;max-width:440px!important;margin:0 auto!important;text-align:center!important}
.timing-reveal-v270 h1{font-size:39px!important;line-height:1.03!important;margin:8px auto 12px!important}
.timing-intro{font-size:16px!important;line-height:1.32!important;margin:0 auto 15px!important;max-width:420px!important}
.window-card{margin:13px auto!important;padding:14px 13px!important;border:1px solid rgba(215,181,104,.38)!important;border-radius:17px!important;background:rgba(28,20,12,.72)!important;box-shadow:0 0 28px rgba(196,151,61,.08)!important}
.window-card small{display:block;font-size:9px;letter-spacing:.14em;color:#bda778;margin-bottom:7px}
.window-card strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:24px;line-height:1.05;color:#e0bd6d}
.window-card span{display:block;font-size:10px;letter-spacing:.10em;color:#d8cbb7;margin-top:7px}
.skeptic-line{font-size:14px!important;line-height:1.32!important;color:#d5c8b5!important;margin:14px auto 0!important;max-width:410px!important}
.dont-mess{font-family:"Fraunces",Georgia,serif;font-size:17px!important;line-height:1.3!important;color:#eadfce!important;margin:14px auto 0!important}
.dont-mess em{color:#d5b978;font-style:italic}
.timing-hook{font-size:14px!important;line-height:1.32!important;color:#cfc0aa!important;margin:12px auto 0!important;max-width:410px!important}
.premium-actions-v270{position:fixed!important;left:50%!important;bottom:18px!important;width:min(calc(100vw - 48px),430px)!important;transform:translateX(-50%)!important}
.premium-actions-v270 .btn{width:100%!important;height:62px!important}
@media(max-height:820px){
 .timing-reveal-v270{padding-top:65px!important}
 .timing-reveal-v270 h1{font-size:34px!important}
 .timing-intro{font-size:14px!important}
 .window-card{padding:11px!important;margin:10px auto!important}
 .window-card strong{font-size:21px!important}
 .skeptic-line{font-size:12px!important;margin-top:10px!important}
 .dont-mess{font-size:15px!important;margin-top:10px!important}
 .timing-hook{font-size:12px!important;margin-top:9px!important}
}

/* v2.7.1 — make the third calculation beat ACTUALLY visible */
.lp-distinctive{
  opacity:0;
  animation:lpExtraIn .65s ease forwards!important;
  animation-delay:8.1s!important;
  font-family:"Fraunces",Georgia,serif!important;
  color:#d7b86f!important;
  max-width:390px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* v2.7.2 — actual fix for distinctive calculation line */
.lp-distinctive{
  opacity:0!important;
  margin-top:18px!important;
  animation:lpSoftIn .8s 8.4s forwards!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
  max-width:430px!important;
}

/* v2.7.3 — FINAL calculation facts placement */
.lp-extra-calcs{
  top:54% !important;
  z-index:30 !important;
}
.lp-extra-calc{
  position:relative !important;
  z-index:31 !important;
}
.lp-distinctive{
  display:block !important;
  visibility:visible !important;
  opacity:0 !important;
  margin-top:18px !important;
  animation:lpSoftIn .8s 9.0s forwards !important;
}

/* v2.7.4 — orb stays visually ON TOP */
.lp-orb-thinking{
  z-index:40 !important;
}
.lp-thinking-ring{
  z-index:39 !important;
}
.lp-extra-calcs{
  top:54% !important;
  z-index:20 !important;
}
.lp-extra-calc{
  z-index:21 !important;
}

/* v2.7.5 — calculation page rebuilt cleanly.
   All 3 facts appear UNDER "CALCULATING YOUR PATH..." in one stack.
   Orb remains visually on top. */
.calc-v275{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
}

.calc-v275 .calc-copy-stack{
  position:absolute!important;
  left:50%!important;
  top:46%!important;
  width:min(88vw,430px)!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  z-index:20!important;
}

.calc-v275 .lp-calculating{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0 auto 22px!important;
  width:100%!important;
  z-index:20!important;
}

.calc-v275 .calc-fact{
  display:block!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  margin:0 auto 16px!important;
  opacity:0!important;
  visibility:visible!important;
  color:#f1ece4!important;
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:1.35!important;
  letter-spacing:inherit!important;
  z-index:20!important;
  transition:opacity .75s ease!important;
}

.calc-v275 .calc-fact-distinctive{
  color:#d7b86f!important;
  font-family:"Fraunces",Georgia,serif!important;
}

.calc-v275 .calc-fact.is-visible{
  opacity:1!important;
}

.lp-orb-thinking{
  z-index:40!important;
}
.lp-thinking-ring{
  z-index:39!important;
}

/* Disable legacy fact block if any stale CSS remains */
.lp-extra-calcs{
  display:none!important;
}

@media(max-height:820px){
  .calc-v275 .calc-copy-stack{
    top:44%!important;
  }
}

/* v2.7.6 — calculation typography + spacing cleanup */
.calc-v275 .calc-copy-stack{
  top:50%!important;
}

.calc-v275 .calc-fact-distinctive{
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:1.35!important;
  letter-spacing:inherit!important;
  color:#f1ece4!important;
  max-width:430px!important;
  white-space:normal!important;
}

.calc-v275 .calc-fact{
  margin-bottom:18px!important;
}

@media(max-height:820px){
  .calc-v275 .calc-copy-stack{
    top:48%!important;
  }
}

/* v2.7.8 — combination screen CTA clearance only.
   Keep the approved composition, but reserve a clean visual gap above the fixed CTA. */
.combo-v247,
.clean-combo.combo-v247{
  padding-top:120px!important;
  padding-bottom:175px!important;
}
.combo-v247 .combo-boost{
  margin-top:8px!important;
  margin-bottom:7px!important;
  line-height:1.20!important;
}
.combo-v247 .combo-copy{
  line-height:1.32!important;
}
.combo-v247 .combo-unique{
  margin-top:9px!important;
  line-height:1.24!important;
}
.combo-v247 .combo-next{
  margin-top:9px!important;
  line-height:1.28!important;
}
@media(max-height:820px){
  .combo-v247,
  .clean-combo.combo-v247{
    padding-top:105px!important;
    padding-bottom:165px!important;
  }
  .combo-v247 .combo-boost{font-size:20px!important}
  .combo-v247 .combo-unique{font-size:18px!important}
}

/* v2.7.10 — final micro-lift from approved v2.7.8 baseline.
   Only 11px upward: preserves orb/headline clearance while adding CTA breathing room. */
.combo-v247,
.clean-combo.combo-v247{
  padding-top:109px!important;
}
@media(max-height:820px){
  .combo-v247,
  .clean-combo.combo-v247{
    padding-top:94px!important;
  }
}

/* v2.7.11 — combo screen final proportion fix.
   Smaller/higher orb creates real separation from the eyebrow; content returns to
   the v2.7.8 vertical position so the CTA still clears the final line. */
.orb-converged{
  top:10.5%!important;
  width:138px!important;
  height:138px!important;
  max-width:138px!important;
  max-height:138px!important;
}
.combo-v247,
.clean-combo.combo-v247{
  padding-top:120px!important;
  padding-bottom:175px!important;
}
@media(max-height:820px){
  .orb-converged{
    top:10%!important;
    width:118px!important;
    height:118px!important;
    max-width:118px!important;
    max-height:118px!important;
  }
  .combo-v247,
  .clean-combo.combo-v247{
    padding-top:105px!important;
    padding-bottom:165px!important;
  }
}

/* v2.7.13 — preserve approved v2.7.11 combo geometry; gold NOT REALLY choices only.
   Important: no responsive rule here may move the combo content toward the orb. */
.miss-choice{
  cursor:pointer!important;
  border:1px solid rgba(255,222,146,.82)!important;
  background:linear-gradient(105deg,#f0cf7f 0%,#d1a454 100%)!important;
  color:#110d08!important;
  box-shadow:0 10px 28px rgba(190,139,50,.16)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.miss-choice:hover,
.miss-choice:focus-visible{
  filter:brightness(1.10)!important;
  transform:translateY(-2px)!important;
  border-color:#ffe5a5!important;
  box-shadow:0 13px 34px rgba(222,170,73,.34),0 0 0 2px rgba(246,205,116,.14)!important;
  outline:none!important;
}
.miss-choice:active{
  transform:translateY(0) scale(.985)!important;
  filter:brightness(1.04)!important;
}

/* Longer combo copy may tighten BELOW the title only. Orb, eyebrow and title geometry stay locked. */
@media(max-height:820px){
  .combo-v247 .combo-boost{margin-top:6px!important;margin-bottom:5px!important;line-height:1.16!important}
  .combo-v247 .combo-copy{line-height:1.24!important}
  .combo-v247 .combo-unique{margin-top:6px!important;line-height:1.18!important}
  .combo-v247 .combo-next{margin-top:6px!important;line-height:1.18!important}
}


/* v2.8.8 — calculating orb containment.
   Keep the living glow, but shrink the object enough that no stage/container edges are visible. */
.calc-v275 ~ * .lp-orb-thinking,
.lp-orb-thinking{
  width:min(30vw,200px) !important;
  height:min(30vw,200px) !important;
  max-width:200px !important;
  max-height:200px !important;
}
.lp-orb-thinking.is-charging{
  width:min(34vw,225px) !important;
  height:min(34vw,225px) !important;
  max-width:225px !important;
  max-height:225px !important;
}
@media(max-height:760px){
  .lp-orb-thinking{
    width:min(28vw,185px) !important;
    height:min(28vw,185px) !important;
    max-width:185px !important;
    max-height:185px !important;
  }
  .lp-orb-thinking.is-charging{
    width:min(32vw,210px) !important;
    height:min(32vw,210px) !important;
    max-width:210px !important;
    max-height:210px !important;
  }
}


/* v2.8.9 — smaller calculating orb; ample clearance for the glow */
.lp-orb-thinking{
  width:min(21vw,140px) !important;
  height:min(21vw,140px) !important;
  max-width:140px !important;
  max-height:140px !important;
}
.lp-orb-thinking.is-charging{
  width:min(24vw,158px) !important;
  height:min(24vw,158px) !important;
  max-width:158px !important;
  max-height:158px !important;
}
@media(max-height:760px){
  .lp-orb-thinking{
    width:min(20vw,130px) !important;
    height:min(20vw,130px) !important;
    max-width:130px !important;
    max-height:130px !important;
  }
  .lp-orb-thinking.is-charging{
    width:min(23vw,148px) !important;
    height:min(23vw,148px) !important;
    max-width:148px !important;
    max-height:148px !important;
  }
}


/* v2.8.10 — third calculation phase only.
   is-ready previously used a huge 260px outer glow which reached the
   app-shell edges and exposed the rectangular clipping boundary.
   Keep the brightness lift, but contain the glow well inside the shell. */
.lp-orb-thinking.is-ready{
  filter:brightness(1.22) saturate(1.06) !important;
  box-shadow:
    0 0 34px rgba(255,216,125,.62),
    0 0 78px rgba(206,146,54,.30),
    0 0 118px rgba(145,91,26,.13),
    inset -24px -28px 44px rgba(0,0,0,.50),
    inset 14px 10px 34px rgba(255,232,161,.18) !important;
}

/* Pull the outer aura in slightly only during the ready phase. */
.lp-orb-thinking.is-ready::before{
  inset:-3% !important;
  filter:blur(3px) !important;
}


/* v2.8.11 — premium product reveal on final onboarding screen */
.timing-reveal-v270{
  padding-bottom:138px!important;
}
.premium-preview-v2811{
  margin:34px auto 12px;
  padding-top:30px;
  border-top:1px solid rgba(218,174,91,.20);
}
.premium-preview-kicker{
  color:#d7aa55;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.18em;
  font-weight:800;
  margin-bottom:10px;
}
.premium-preview-v2811 h2{
  font-family:"Fraunces",Georgia,serif;
  color:#f0e9dc;
  font-size:29px;
  line-height:1.08;
  font-weight:600;
  margin:0 auto 12px;
  max-width:390px;
}
.premium-preview-v2811>p{
  color:#aaa397;
  font-size:14px;
  line-height:1.45;
  max-width:380px;
  margin:0 auto 20px;
}
.premium-dashboard-frame{
  width:min(92%,370px);
  height:500px;
  margin:0 auto 18px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(224,177,84,.35);
  background:#020407;
  box-shadow:0 22px 65px rgba(0,0,0,.55),0 0 40px rgba(192,130,34,.08);
  position:relative;
}
.premium-dashboard-frame:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:95px;
  background:linear-gradient(to bottom,rgba(2,4,7,0),#050505);
  pointer-events:none;
}
.premium-dashboard-frame img{
  display:block;
  width:100%;
  height:auto;
}
.premium-preview-map{
  max-width:390px;
  margin:0 auto 8px;
  color:#c9b98f;
  font-size:9px;
  line-height:1.7;
  letter-spacing:.09em;
  font-weight:700;
}
.premium-preview-map i{
  color:#7a5b2a;
  font-style:normal;
  padding:0 3px;
}
.premium-preview-final{
  color:#e4c77f!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:20px!important;
  margin:3px auto 4px!important;
}
.premium-actions-v270 .premium-unlock{
  font-size:12px!important;
  letter-spacing:.02em!important;
}
@media(max-width:430px){
  .premium-preview-v2811 h2{font-size:27px}
  .premium-dashboard-frame{width:94%;height:470px}
  .premium-actions-v270{width:min(calc(100vw - 28px),430px)!important}
}


/* v2.8.12 — lock the THIRD calculation orb down specifically.
   This selector beats both the base and charging states. */
.lp-orb-thinking.is-charging.is-ready,
.lp-orb-thinking.is-ready{
  width:min(18vw,118px)!important;
  height:min(18vw,118px)!important;
  max-width:118px!important;
  max-height:118px!important;
  filter:brightness(1.16) saturate(1.04)!important;
  box-shadow:
    0 0 24px rgba(255,216,125,.55),
    0 0 52px rgba(206,146,54,.22),
    0 0 82px rgba(145,91,26,.09),
    inset -18px -21px 34px rgba(0,0,0,.50),
    inset 10px 8px 24px rgba(255,232,161,.16)!important;
}
.lp-orb-thinking.is-ready::before{
  inset:1%!important;
  filter:blur(2px)!important;
}
@media(max-width:430px){
  .lp-orb-thinking.is-charging.is-ready,
  .lp-orb-thinking.is-ready{
    width:104px!important;
    height:104px!important;
    max-width:104px!important;
    max-height:104px!important;
  }
}

/* Restore the timing page to a clean, self-contained screen. */
.timing-reveal-v270{
  padding-bottom:118px!important;
}
.premium-actions-v270{
  z-index:40!important;
}

/* Dedicated final Premium showcase — no oversized crop, no horizontal clipping. */
.premium-showcase-v2812{
  width:100%!important;
  max-width:440px!important;
  margin:0 auto!important;
  padding:62px 22px 126px!important;
  text-align:center!important;
  overflow:hidden!important;
}
.premium-showcase-kicker{
  color:#d7aa55;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.18em;
  font-weight:800;
  margin:0 auto 11px;
}
.premium-showcase-v2812 h1{
  font-family:"Fraunces",Georgia,serif;
  font-size:34px!important;
  line-height:1.03!important;
  font-weight:600;
  color:#f1ece3;
  margin:0 auto 13px!important;
}
.premium-showcase-v2812 h1 span{color:#d0a24e}
.premium-showcase-copy{
  max-width:390px;
  margin:0 auto 22px!important;
  color:#aaa397!important;
  font-size:14px!important;
  line-height:1.42!important;
}
.premium-dashboard-device{
  width:100%!important;
  max-width:350px!important;
  margin:0 auto 18px!important;
  border:1px solid rgba(224,177,84,.30);
  border-radius:24px;
  overflow:hidden;
  background:#020407;
  box-shadow:0 22px 65px rgba(0,0,0,.55),0 0 36px rgba(192,130,34,.08);
}
.premium-dashboard-device img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.premium-feature-strip{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:5px 8px;
  max-width:380px;
  margin:0 auto 5px;
  color:#c8b37f;
  font-size:9px;
  line-height:1.5;
  letter-spacing:.10em;
  font-weight:800;
}
.premium-feature-strip b{color:#6e5227;font-weight:400}
.premium-mapped{
  font-family:"Fraunces",Georgia,serif;
  color:#e4c77f;
  font-size:20px;
  margin-top:4px;
}
.premium-actions-v2812{
  position:fixed!important;
  z-index:50!important;
  left:50%!important;
  bottom:16px!important;
  width:min(calc(100vw - 32px),410px)!important;
  transform:translateX(-50%)!important;
}
.premium-actions-v2812 .btn{
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  padding:13px 12px!important;
  font-size:11px!important;
  line-height:1.18!important;
  letter-spacing:.015em!important;
  white-space:normal!important;
}
@media(max-width:430px){
  .premium-showcase-v2812{padding:48px 18px 118px!important}
  .premium-showcase-v2812 h1{font-size:30px!important}
  .premium-dashboard-device{max-width:318px!important}
}


/* =========================================================
   v2.8.13 FINAL LAYOUT LOCK
   1) Third calculation screen: no rectangular compositing edge.
   2) Final Premium screen: dashboard preview intentionally smaller
      and fully contained; no crop, overflow or CTA collision.
   ========================================================= */

/* THIRD CALCULATION SCREEN ONLY — LOCKED */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none !important;
  width:128px !important;
  height:128px !important;
  max-width:128px !important;
  max-height:128px !important;
  box-shadow:
    0 0 26px rgba(255,216,125,.44),
    0 0 56px rgba(206,146,54,.18),
    0 0 82px rgba(145,91,26,.06),
    inset -20px -23px 37px rgba(0,0,0,.50),
    inset 11px 8px 27px rgba(255,232,161,.15) !important;
}
.lp-orb-thinking.is-ready::before,
.lp-orb-thinking.is-charging.is-ready::before{
  inset:-6% !important;
  filter:none !important;
  opacity:.46 !important;
  box-shadow:
    0 0 26px rgba(255,213,119,.24),
    0 0 48px rgba(195,132,42,.10) !important;
}
.lp-orb-thinking.is-ready::after,
.lp-orb-thinking.is-charging.is-ready::after{
  filter:none !important;
}

/* FINAL PREMIUM SCREEN — COMPACT, CENTERED, FULL IMAGE */
.premium-showcase-v2812{
  width:100% !important;
  max-width:440px !important;
  margin:0 auto !important;
  padding:40px 18px 118px !important;
  overflow:visible !important;
}
.premium-showcase-v2812 h1{
  font-size:30px !important;
  line-height:1.04 !important;
  margin-bottom:11px !important;
}
.premium-showcase-copy{
  max-width:350px !important;
  font-size:13px !important;
  line-height:1.42 !important;
  margin-bottom:17px !important;
}
.premium-dashboard-device{
  width:250px !important;
  max-width:250px !important;
  height:auto !important;
  margin:0 auto 15px !important;
  border-radius:20px !important;
  overflow:hidden !important;
}
.premium-dashboard-device img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
.premium-feature-strip{
  max-width:330px !important;
  font-size:8px !important;
  gap:4px 6px !important;
}
.premium-mapped{
  font-size:18px !important;
  margin-top:2px !important;
}
.premium-actions-v2812{
  width:min(calc(100vw - 30px),390px) !important;
  bottom:14px !important;
}
.premium-actions-v2812 .btn{
  min-height:54px !important;
  padding:12px 10px !important;
  font-size:10.5px !important;
  line-height:1.18 !important;
}

@media(max-width:430px){
  .lp-orb-thinking.is-ready,
  .lp-orb-thinking.is-charging.is-ready{
    width:116px !important;
    height:116px !important;
    max-width:116px !important;
    max-height:116px !important;
  }

  .premium-showcase-v2812{
    padding:34px 16px 112px !important;
  }
  .premium-showcase-v2812 h1{
    font-size:28px !important;
  }
  .premium-dashboard-device{
    width:225px !important;
    max-width:225px !important;
  }
}


/* v2.8.14 — FINAL PREMIUM PAGE ONLY
   No decorative orb on this screen. Tighten the composition so the complete
   product preview reads as one intentional final sales screen. */
.premium-showcase-v2812{
  padding-top:24px !important;
  padding-bottom:104px !important;
}
.premium-showcase-kicker{
  margin-top:0 !important;
}
.premium-dashboard-device{
  width:220px !important;
  max-width:220px !important;
  margin-top:14px !important;
  margin-bottom:12px !important;
}
.premium-actions-v2812 .btn{
  font-size:12px !important;
  letter-spacing:.025em !important;
}
@media(max-width:430px){
  .premium-showcase-v2812{
    padding-top:20px !important;
    padding-bottom:100px !important;
  }
  .premium-dashboard-device{
    width:205px !important;
    max-width:205px !important;
  }
}


/* v2.8.15 — FINAL FLOW
   Redundant Premium preview screen removed.
   Small product tease now lives on the actual final timing/paywall screen. */
.final-dashboard-tease{
  width:154px !important;
  max-width:154px !important;
  margin:24px auto 6px !important;
  text-align:center !important;
}
.final-dashboard-label{
  color:#cda252 !important;
  font-size:8px !important;
  line-height:1.3 !important;
  letter-spacing:.13em !important;
  font-weight:800 !important;
  margin-bottom:7px !important;
}
.final-dashboard-tease img{
  display:block !important;
  width:154px !important;
  max-width:154px !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius:14px !important;
  border:1px solid rgba(220,174,82,.28) !important;
  box-shadow:0 12px 35px rgba(0,0,0,.42) !important;
}
.final-dashboard-caption{
  color:#8f8778 !important;
  font-size:7.5px !important;
  line-height:1.4 !important;
  letter-spacing:.04em !important;
  margin-top:7px !important;
}
.timing-reveal-v270{
  padding-bottom:126px !important;
}

/* Re-lock third calculation orb at the very end of the cascade. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none !important;
  width:116px !important;
  height:116px !important;
  max-width:116px !important;
  max-height:116px !important;
  box-shadow:
    0 0 24px rgba(255,216,125,.42),
    0 0 50px rgba(206,146,54,.17),
    0 0 72px rgba(145,91,26,.05),
    inset -18px -21px 34px rgba(0,0,0,.50),
    inset 10px 8px 24px rgba(255,232,161,.14) !important;
}
.lp-orb-thinking.is-ready::before,
.lp-orb-thinking.is-charging.is-ready::before,
.lp-orb-thinking.is-ready::after,
.lp-orb-thinking.is-charging.is-ready::after{
  filter:none !important;
}


/* v2.8.16 — FINAL TWO-SCREEN ENDING. Appended last intentionally. */












/* Third calculation orb remains locked — never reintroduce filter/compositing box. */
.lp-orb-thinking.is-ready,.lp-orb-thinking.is-charging.is-ready{filter:none!important;width:116px!important;height:116px!important;max-width:116px!important;max-height:116px!important;box-shadow:0 0 24px rgba(255,216,125,.42),0 0 50px rgba(206,146,54,.17),0 0 72px rgba(145,91,26,.05),inset -18px -21px 34px rgba(0,0,0,.50),inset 10px 8px 24px rgba(255,232,161,.14)!important}
.lp-orb-thinking.is-ready::before,.lp-orb-thinking.is-charging.is-ready::before,.lp-orb-thinking.is-ready::after,.lp-orb-thinking.is-charging.is-ready::after{filter:none!important}
@media(max-width:430px){}

/* v2.8.17 — final Premium screen: no orb, reclaim space */
.premium-showcase-v2812{padding-top:28px !important;}


/* v2.8.19 — FINAL PREMIUM PAGE: remove the empty orb grid row.
   renderNoOrb() omits .orb-stage, so the normal 3-row shell layout must
   become a 2-row layout or the content gets trapped in the old 205px row. */
.no-orb-shell{
  grid-template-rows:auto 1fr !important;
  overflow:hidden !important;
}

.no-orb-shell > .content{
  grid-row:2 !important;
  min-height:0 !important;
  height:100% !important;
  justify-content:flex-start !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-bottom:92px !important;
  scrollbar-width:none;
}
.no-orb-shell > .content::-webkit-scrollbar{
  display:none;
}

/* Final screen: keep the entire dashboard visible and compact. */




/* Fixed CTA remains independent of the scrollable content. */


@media(max-width:430px){
  
  
}


/* v2.8.20 — FINAL PREMIUM SHOWCASE
   Use the dashboard as the hero. It should dominate the screen, not look like a thumbnail. */






/* Large, centered product preview */








/* Keep the CTA clear of the image and visually anchored. */


@media(max-width:430px){
  

  

  
}

@media(max-height:760px){
  
}

/* =========================================================
   v2.9.0 — Stella AI onboarding preview
   Isolated conversion screen. Does not modify reveal/orb stages.
   ========================================================= */
.no-orb-shell:has(.stella-preview-v1){
  min-height:100dvh!important;
  background:
    radial-gradient(circle at 50% 23%,rgba(122,69,220,.14),transparent 31%),
    radial-gradient(circle at 50% 62%,rgba(89,42,160,.08),transparent 38%),
    #080708!important;
}
.no-orb-shell:has(.stella-preview-v1)>.brand{
  color:#bba16d!important;
}
.stella-preview-v1{
  width:100%!important;
  max-width:430px!important;
  min-height:calc(100dvh - 54px)!important;
  margin:0 auto!important;
  padding:28px 18px 34px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.stella-preview-orb{
  position:relative!important;
  width:78px!important;
  height:78px!important;
  flex:0 0 78px!important;
  margin:1px auto 18px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 42% 35%,#fff 0 4%,#e9cfff 6%,#9b5af0 15%,#6530bb 35%,#261146 64%,#08060d 100%)!important;
  box-shadow:
    0 0 18px rgba(190,126,255,.48),
    0 0 50px rgba(126,59,215,.29),
    0 0 88px rgba(92,42,164,.15),
    inset -13px -16px 23px rgba(0,0,0,.48)!important;
  animation:stellaPreviewBreathe 3.8s ease-in-out infinite!important;
}
.stella-preview-orb:before,
.stella-preview-orb:after{
  content:""!important;
  position:absolute!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
.stella-preview-orb:before{
  inset:-12px!important;
  border:1px solid rgba(174,110,255,.25)!important;
  box-shadow:0 0 20px rgba(135,69,223,.12)!important;
}
.stella-preview-orb:after{
  width:11px!important;
  height:11px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  border-radius:2px!important;
  background:#f3ddff!important;
  box-shadow:0 0 15px rgba(225,190,255,.92)!important;
}
.stella-preview-orb i{
  position:absolute!important;
  inset:-24px!important;
  border-radius:50%!important;
  border:1px solid rgba(122,71,196,.12)!important;
  animation:stellaPreviewRing 4.8s ease-in-out infinite!important;
}
.stella-preview-orb.is-speaking{
  animation-duration:2.5s!important;
  box-shadow:0 0 25px rgba(203,150,255,.62),0 0 66px rgba(126,59,215,.34),0 0 100px rgba(92,42,164,.18),inset -13px -16px 23px rgba(0,0,0,.48)!important;
}
@keyframes stellaPreviewBreathe{
  0%,100%{transform:scale(.98);filter:brightness(.94)}
  50%{transform:scale(1.06);filter:brightness(1.12)}
}
@keyframes stellaPreviewRing{
  0%,100%{transform:scale(.92);opacity:.28}
  50%{transform:scale(1.08);opacity:.72}
}
.stella-preview-kicker{
  color:#b889f5!important;
  font:800 9px/1.25 "Manrope",sans-serif!important;
  letter-spacing:.18em!important;
  margin:0 0 9px!important;
}
.stella-preview-v1 h1{
  font-family:"Fraunces",Georgia,serif!important;
  color:#f4efe8!important;
  font-size:30px!important;
  line-height:1.02!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  margin:0 auto 11px!important;
}
.stella-preview-v1 h1 span{
  color:#c091ff!important;
  text-shadow:0 0 26px rgba(148,84,230,.13)!important;
}
.stella-preview-lead{
  max-width:350px!important;
  margin:0 auto 16px!important;
  color:#aaa3ae!important;
  font:500 12.5px/1.55 "Manrope",sans-serif!important;
}
.stella-preview-context{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0 auto 24px!important;
}
.stella-preview-context span{
  border:1px solid rgba(166,106,236,.22)!important;
  background:rgba(87,42,137,.10)!important;
  border-radius:999px!important;
  color:#c9b7db!important;
  padding:6px 9px 5px!important;
  font:700 7.5px/1 "Manrope",sans-serif!important;
  letter-spacing:.10em!important;
}
.stella-preview-question-label{
  width:100%!important;
  text-align:left!important;
  color:#7e7682!important;
  font:800 8px/1.2 "Manrope",sans-serif!important;
  letter-spacing:.16em!important;
  margin:0 0 8px!important;
}
.stella-preview-prompts{
  width:100%!important;
  display:grid!important;
  gap:8px!important;
}
.stella-preview-prompt{
  width:100%!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:30px 1fr 20px!important;
  gap:8px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid rgba(154,95,224,.24)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(46,25,70,.34),rgba(12,9,15,.92))!important;
  color:#eee8ef!important;
  padding:11px 12px!important;
  font:600 11px/1.35 "Manrope",sans-serif!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.stella-preview-prompt.is-featured{
  border-color:rgba(185,113,255,.42)!important;
  background:linear-gradient(135deg,rgba(77,38,116,.48),rgba(17,11,22,.94))!important;
  box-shadow:0 10px 30px rgba(77,34,130,.10),inset 0 1px rgba(255,255,255,.025)!important;
}
.stella-preview-prompt b{
  color:#9d6bd5!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
}
.stella-preview-prompt em{
  color:#c390ff!important;
  font-style:normal!important;
  font-size:15px!important;
  justify-self:end!important;
}
.stella-preview-prompt:active{transform:scale(.992)!important}
.stella-preview-prompt:disabled{opacity:.48!important;cursor:default!important}
.stella-preview-note{
  margin-top:13px!important;
  color:#716b74!important;
  font:600 8px/1.35 "Manrope",sans-serif!important;
  letter-spacing:.04em!important;
}
.stella-preview-note button{
  border:0!important;
  background:none!important;
  color:#b98af2!important;
  font:800 8px/1.3 "Manrope",sans-serif!important;
  letter-spacing:.08em!important;
  padding:0!important;
}
.stella-preview-thinking{
  margin:16px auto 0!important;
  color:#a98abc!important;
  font:800 8px/1.2 "Manrope",sans-serif!important;
  letter-spacing:.13em!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.stella-preview-thinking span{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#a762ef!important;
  box-shadow:0 0 13px rgba(171,96,242,.72)!important;
  animation:stellaThink .85s ease-in-out infinite alternate!important;
}
@keyframes stellaThink{to{transform:scale(1.55);filter:brightness(1.25)}}
.stella-preview-result{
  padding-bottom:112px!important;
}
.stella-preview-result .stella-preview-orb{
  width:64px!important;height:64px!important;flex-basis:64px!important;margin-bottom:14px!important;
}
.stella-preview-you,
.stella-preview-answer{
  width:100%!important;
  box-sizing:border-box!important;
  border-radius:15px!important;
  text-align:left!important;
  font-family:"Manrope",sans-serif!important;
}
.stella-preview-you{
  max-width:335px!important;
  align-self:flex-end!important;
  background:rgba(45,34,19,.38)!important;
  border:1px solid rgba(187,143,62,.20)!important;
  color:#ddd6cb!important;
  padding:12px 14px!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  margin:8px 0 10px!important;
}
.stella-preview-answer{
  position:relative!important;
  background:linear-gradient(145deg,rgba(43,22,64,.65),rgba(15,10,19,.94))!important;
  border:1px solid rgba(175,108,244,.32)!important;
  color:#e9e2eb!important;
  padding:16px 16px 15px!important;
  box-shadow:0 16px 44px rgba(43,18,72,.12)!important;
}
.stella-preview-you small,
.stella-preview-answer small{
  display:block!important;
  color:#a978df!important;
  font-size:7.5px!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  margin-bottom:7px!important;
}
.stella-preview-you small{color:#a2875b!important}
.stella-preview-answer p{
  margin:0!important;
  color:#e3dce5!important;
  font:500 11.5px/1.58 "Manrope",sans-serif!important;
}
.stella-preview-answer p+p{margin-top:10px!important}
.stella-preview-proof{
  width:100%!important;
  margin:14px 0 0!important;
  padding:13px 14px!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(185,137,241,.13)!important;
}
.stella-preview-proof strong{
  display:block!important;
  color:#efe8f1!important;
  font:600 12px/1.38 "Fraunces",Georgia,serif!important;
  margin-bottom:5px!important;
}
.stella-preview-proof span{
  display:block!important;
  color:#8d858f!important;
  font:500 9.5px/1.5 "Manrope",sans-serif!important;
}
.stella-preview-actions{
  position:fixed!important;
  z-index:70!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  width:min(calc(100vw - 30px),390px)!important;
}
.stella-preview-actions .btn{
  width:100%!important;
  min-height:54px!important;
  font-size:10.5px!important;
  box-shadow:0 10px 32px rgba(129,73,207,.12)!important;
}
@media(max-width:390px){
  .stella-preview-v1{padding:22px 15px 28px!important}
  .stella-preview-v1 h1{font-size:27px!important}
  .stella-preview-lead{font-size:11.5px!important}
  .stella-preview-prompt{min-height:55px!important;font-size:10.5px!important}
  .stella-preview-result{padding-bottom:105px!important}
}

/* =========================================================
   v2.9.1 — Stella preview desktop shell cleanup
   Keep the Stella content narrow, but let its background fill the viewport.
   ========================================================= */
.shell.no-orb-shell:has(.stella-preview-v1){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.shell.no-orb-shell:has(.stella-preview-v1)>.content{
  width:100%!important;
  max-width:none!important;
}

/* v2.9.2 — tall-screen CTA spacing polish
   Keep the conversion CTAs visually connected to the content on tall laptop/desktop viewports,
   while preserving the existing near-bottom placement on shorter/mobile screens. */
.truth-actions-v261,
.hit-actions-v261,
.premium-actions-v270{
  bottom:clamp(18px, calc(42svh - 326px), 240px)!important;
}

@media (max-height:820px){
  .truth-actions-v261,
  .hit-actions-v261,
  .premium-actions-v270{
    bottom:18px!important;
  }
}

/* =========================================================
   v2.9.3 — FRONT-END COMPOSITION LOCK
   One visual system across the reveal funnel. This block is deliberately
   last in the cascade so older incremental patches cannot drift the layout.
   ========================================================= */

:root{
  --lp-cta-bottom:max(26px, env(safe-area-inset-bottom));
  --lp-cta-width:min(calc(100vw - 48px),430px);
  --lp-stage-gold:#d8b66d;
  --lp-stage-purple:#bb83ff;
}

/* Consistent primary conversion controls on every reveal screen. */
.lp-fire-actions,
.z-actions,
.converge-actions,
.truth-actions-v261,
.hit-actions-v261,
.premium-actions-v270{
  position:fixed!important;
  z-index:999!important;
  left:50%!important;
  right:auto!important;
  bottom:var(--lp-cta-bottom)!important;
  width:var(--lp-cta-width)!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
}
.lp-fire-actions .btn,
.z-actions .btn,
.converge-actions .btn,
.truth-actions-v261 .btn,
.hit-actions-v261 .btn,
.premium-actions-v270 .btn{
  min-height:62px!important;
  height:62px!important;
  border-radius:20px!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
.truth-actions-v261{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}

/* Life Path reveal: restore the orb as a hero object, not a tiny icon. */
.lp-orb-reveal{
  width:148px!important;
  height:148px!important;
  max-width:148px!important;
  max-height:148px!important;
  flex:0 0 148px!important;
}
.lp-fire{
  transform:translateY(-52px)!important;
  margin-top:0!important;
}
.lp-number-fire{
  font-size:112px!important;
  line-height:.88!important;
}
.lp-title-fire{
  font-size:39px!important;
  line-height:1.06!important;
}
.lp-traits-fire{
  margin-top:24px!important;
  gap:4px!important;
}
.lp-trait-fire{
  font-size:22px!important;
  line-height:1.15!important;
  padding:8px 0!important;
}

/* Zodiac reveal: use the same visual rhythm as the Life Path reveal. */
.orb-zodiac-fire{
  width:190px!important;
  height:190px!important;
  max-width:190px!important;
  max-height:190px!important;
  top:14%!important;
}
.z-orb-letter{
  top:calc(14% + 95px)!important;
  font-size:78px!important;
}
.z-fire-v247{
  padding-top:250px!important;
  padding-bottom:110px!important;
}
.z-fire-v247 .z-kicker{margin-bottom:14px!important}
.z-fire-v247 .z-animal-name{font-size:42px!important;line-height:1.02!important}
.z-element-name{font-size:15px!important;letter-spacing:.18em!important}
.z-date-range{font-size:12px!important;margin-top:18px!important}
.z-fire-v247 .z-traits{margin-top:24px!important}
.z-trait{font-size:20px!important;line-height:1.2!important;padding:7px 0!important}

/* Truth / confirmation: remove the accidental full-viewport child heights.
   The shell owns the viewport; content owns only the available content area. */
.truth-v261,
.hit-v261{
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.truth-v261{
  padding:18px 28px 104px!important;
  transform:translateY(-12px)!important;
}
.hit-v261{
  padding:12px 28px 104px!important;
  transform:translateY(-10px)!important;
}
.truth-v261 .truth{font-size:29px!important;line-height:1.18!important}
.truth-v261 .pain-turn{font-size:17px!important;line-height:1.34!important;margin-top:18px!important}
.truth-v261 .escalation-turn{font-size:18px!important;line-height:1.34!important;margin-top:16px!important}
.truth-v261 .answer-prompt{font-size:11px!important;margin-top:20px!important}
.hit-v261 h1{font-size:39px!important;line-height:1.04!important;margin:8px auto 16px!important}
.hit-v261 .truth-note{font-size:17px!important;line-height:1.42!important}
.hit-v261 .blindspot-tension{font-size:18px!important;line-height:1.34!important}
.hit-v261 .locked-tease{font-size:13px!important;line-height:1.42!important;margin-top:16px!important}

/* Timing screen: match the same stage width and button rhythm. */
.timing-reveal-v270{
  max-width:440px!important;
  padding:30px 27px 108px!important;
  transform:translateY(-8px)!important;
}
.timing-reveal-v270 h1{font-size:40px!important;line-height:1.03!important}

/* Stella AI: true full-screen stage, centered and scaled like a premium feature. */
.shell.no-orb-shell:has(.stella-preview-v1){
  width:100%!important;
  max-width:none!important;
  height:100svh!important;
  min-height:100svh!important;
  margin:0!important;
  padding:26px 24px max(26px,env(safe-area-inset-bottom))!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:
    radial-gradient(circle at 50% 30%,rgba(120,61,218,.18),transparent 34%),
    radial-gradient(circle at 50% 68%,rgba(69,31,127,.08),transparent 40%),
    #08070a!important;
}
.shell.no-orb-shell:has(.stella-preview-v1)>.content{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.stella-preview-v1{
  width:min(100%,520px)!important;
  max-width:520px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0 16px 28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translateY(18px)!important;
}
.stella-preview-orb{
  width:112px!important;
  height:112px!important;
  flex:0 0 112px!important;
  margin:0 auto 24px!important;
}
.stella-preview-orb:before{inset:-16px!important}
.stella-preview-orb i{inset:-31px!important}
.stella-preview-kicker{
  font-size:10px!important;
  letter-spacing:.20em!important;
  margin-bottom:12px!important;
}
.stella-preview-v1 h1{
  font-size:40px!important;
  line-height:1.02!important;
  margin:0 auto 16px!important;
}
.stella-preview-lead{
  max-width:440px!important;
  font-size:15px!important;
  line-height:1.5!important;
  margin-bottom:20px!important;
}
.stella-preview-context{gap:8px!important;margin-bottom:28px!important}
.stella-preview-context span{font-size:8.5px!important;padding:7px 11px 6px!important}
.stella-preview-question-label{font-size:9px!important;margin-bottom:10px!important}
.stella-preview-prompts{gap:11px!important}
.stella-preview-prompt{
  min-height:72px!important;
  grid-template-columns:38px 1fr 24px!important;
  gap:10px!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.stella-preview-prompt b{font-size:9px!important}
.stella-preview-prompt em{font-size:18px!important}
.stella-preview-note{font-size:9px!important;margin-top:16px!important}

/* Stella answer screen uses the same full-height composition. */
.stella-preview-result{
  padding-bottom:96px!important;
  justify-content:center!important;
}
.stella-preview-result .stella-preview-orb{
  width:86px!important;
  height:86px!important;
  flex-basis:86px!important;
  margin-bottom:18px!important;
}
.stella-preview-you{max-width:390px!important;font-size:12px!important}
.stella-preview-answer{padding:18px!important}
.stella-preview-answer p{font-size:13px!important;line-height:1.58!important}
.stella-preview-proof strong{font-size:15px!important}
.stella-preview-proof span{font-size:11px!important}
.stella-preview-actions{
  position:fixed!important;
  left:50%!important;
  bottom:var(--lp-cta-bottom)!important;
  transform:translateX(-50%)!important;
  width:var(--lp-cta-width)!important;
  padding:0!important;
  margin:0!important;
}
.stella-preview-actions .btn{
  min-height:62px!important;
  height:62px!important;
  border-radius:20px!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:.025em!important;
}

@media(max-height:760px){
  :root{--lp-cta-bottom:max(18px,env(safe-area-inset-bottom))}
  .lp-orb-reveal{width:126px!important;height:126px!important;max-width:126px!important;max-height:126px!important}
  .lp-fire{transform:translateY(-34px)!important}
  .lp-number-fire{font-size:94px!important}
  .lp-title-fire{font-size:34px!important}
  .lp-traits-fire{margin-top:16px!important}
  .lp-trait-fire{font-size:19px!important;padding:6px 0!important}
  .orb-zodiac-fire{width:164px!important;height:164px!important;max-width:164px!important;max-height:164px!important;top:13%!important}
  .z-orb-letter{top:calc(13% + 82px)!important;font-size:68px!important}
  .z-fire-v247{padding-top:215px!important;padding-bottom:96px!important}
  .z-fire-v247 .z-animal-name{font-size:37px!important}
  .z-trait{font-size:18px!important;padding:5px 0!important}
  .truth-v261{padding:6px 24px 92px!important}
  .hit-v261{padding:2px 24px 92px!important}
  .truth-v261 .truth{font-size:25px!important}
  .truth-v261 .pain-turn{font-size:15px!important}
  .truth-v261 .escalation-turn{font-size:16px!important}
  .hit-v261 h1{font-size:34px!important}
  .hit-v261 .truth-note{font-size:15px!important}
  .hit-v261 .blindspot-tension{font-size:16px!important}
  .timing-reveal-v270{padding-top:12px!important;padding-bottom:94px!important}
  .timing-reveal-v270 h1{font-size:35px!important}
  .stella-preview-v1{width:min(100%,480px)!important;transform:translateY(6px)!important;padding-bottom:18px!important}
  .stella-preview-orb{width:88px!important;height:88px!important;flex-basis:88px!important;margin-bottom:18px!important}
  .stella-preview-v1 h1{font-size:34px!important;margin-bottom:12px!important}
  .stella-preview-lead{font-size:13px!important;margin-bottom:15px!important}
  .stella-preview-context{margin-bottom:18px!important}
  .stella-preview-prompt{min-height:61px!important;font-size:12px!important;padding:11px 14px!important}
}

/* =========================================================
   v2.9.4 — FRONT-END PREMIUM COMPOSITION LOCK
   Desktop-first polish from full-flow review. Appended last.
   ========================================================= */
:root{
  --lp-stage-max:560px;
  --lp-cta-width:min(calc(100vw - 48px),430px);
  --lp-cta-bottom:max(28px,env(safe-area-inset-bottom));
}

/* Give the early reveals enough visual mass on laptop displays. */
@media (min-width:700px) and (min-height:780px){
  .lp-fire{transform:translateY(-10px)!important}
  .lp-orb-reveal{width:154px!important;height:154px!important;max-width:154px!important;max-height:154px!important}
  .lp-fire .lp-kicker{font-size:14px!important;letter-spacing:.14em!important}
  .lp-number-fire{font-size:126px!important;line-height:.82!important}
  .lp-title-fire{font-size:45px!important;line-height:1.02!important;margin-top:14px!important}
  .lp-traits-fire{margin-top:24px!important}
  .lp-trait-fire{font-size:24px!important;line-height:1.15!important;padding:8px 0!important}

  .orb-zodiac-fire{width:192px!important;height:192px!important;max-width:192px!important;max-height:192px!important}
  .z-fire-v247 .z-kicker{font-size:13px!important;letter-spacing:.14em!important}
  .z-fire-v247 .z-animal-name{font-size:48px!important;line-height:1!important}
  .z-fire-v247 .z-element-name{font-size:23px!important}
  .z-fire-v247 .z-date-range{font-size:13px!important}
  .z-trait{font-size:22px!important;padding:7px 0!important}

  .combo-v247{max-width:540px!important}
  .combo-v247 .eyebrow{font-size:12px!important}
  .combo-v247 h1{font-size:42px!important;line-height:1.12!important}
  .combo-v247 .combo-boost{font-size:19px!important}
  .combo-v247 .combo-copy,.combo-v247 .combo-unique,.combo-v247 .combo-next{font-size:17px!important;line-height:1.5!important}
}

/* One CTA system across the reveal sequence. */
.lp-fire-actions,.z-actions,.converge-actions,.truth-actions-v261,.hit-actions-v261,.premium-actions-v270{
  left:50%!important;bottom:var(--lp-cta-bottom)!important;transform:translateX(-50%)!important;width:var(--lp-cta-width)!important;margin:0!important;padding:0!important
}
.lp-fire-actions .btn,.z-actions .btn,.converge-actions .btn,.truth-actions-v261 .btn,.hit-actions-v261 .btn,.premium-actions-v270 .btn{
  min-height:62px!important;height:62px!important;border-radius:20px!important;font-family:"Fraunces",Georgia,serif!important;font-size:15px!important;font-weight:600!important;letter-spacing:.025em!important
}

/* Stella result: compact teaser, no giant dead zone before conversion CTA. */
.stella-preview-result{justify-content:flex-start!important;padding-top:18px!important;padding-bottom:88px!important;transform:none!important}
.stella-preview-result .stella-preview-orb{width:72px!important;height:72px!important;flex-basis:72px!important;margin:0 auto 14px!important}
.stella-preview-result .stella-preview-kicker{margin-bottom:10px!important}
.stella-preview-result .stella-preview-you{margin:4px 0 8px!important;padding:10px 13px!important}
.stella-preview-result .stella-preview-answer{padding:15px 16px!important}
.stella-preview-result .stella-preview-answer p{font-size:12.5px!important;line-height:1.5!important}
.stella-preview-result .stella-preview-proof{margin-top:10px!important;padding:11px 12px!important}
.stella-preview-result .stella-preview-proof strong{font-size:14px!important;line-height:1.32!important}
.stella-preview-result .stella-preview-proof span{font-size:10px!important;line-height:1.42!important}
.stella-preview-actions{bottom:var(--lp-cta-bottom)!important;width:var(--lp-cta-width)!important}

/* Final screen: conversion-first. Existing supplied dashboard, compact + enlargeable. */







/* Front-end overlay only: the supplied image remains untouched. */















@media(max-width:600px){
  
  
  
  
  
}
@media(max-height:760px){
  
  
  
  
  
}

/* =========================================================
   v2.9.5 — FINAL FLOW FIT
   Timing has finished thinking: no orb. Truth/confirmation
   reserve clean CTA breathing room. Final close fits one view.
   ========================================================= */

/* TIMING: the orb has completed its job. Use the freed vertical space. */
.shell.no-orb-shell:has(.timing-reveal-v270){
  width:min(100%,430px)!important;
  height:100svh!important;
  min-height:640px!important;
  padding:25px 24px calc(22px + env(safe-area-inset-bottom))!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  overflow:hidden!important;
}
.shell.no-orb-shell:has(.timing-reveal-v270)>.content{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding-bottom:82px!important;
}
.timing-reveal-v270{
  width:100%!important;
  max-width:440px!important;
  padding:8px 20px 0!important;
  margin:0 auto!important;
  transform:none!important;
}
.timing-reveal-v270 .eyebrow{margin-bottom:14px!important}
.timing-reveal-v270 h1{font-size:40px!important;line-height:1.03!important;margin:0 auto 18px!important}
.timing-reveal-v270 .window-card{margin-top:0!important}
.timing-reveal-v270 .skeptic-line{margin-top:18px!important}
.timing-reveal-v270 .dont-mess{margin-top:16px!important}
.timing-reveal-v270 .timing-hook{margin-top:15px!important}

/* TRUTH: keep the orb, but make it a quiet continuity marker rather than
   letting it steal the room needed by a long personalized statement. */
.shell:has(.truth-v261){grid-template-rows:auto 132px 1fr!important}
.shell:has(.truth-v261) .orb-stage{min-height:0!important}
.shell:has(.truth-v261) .orb{width:78px!important;height:78px!important;transform:scale(.86)!important}
.shell:has(.truth-v261)>.content{justify-content:flex-start!important;min-height:0!important}
.truth-v261{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:4px 22px 118px!important;
  transform:none!important;
}
.truth-v261 .eyebrow{margin-bottom:11px!important}
.truth-v261 .truth{font-size:25px!important;line-height:1.17!important;max-width:420px!important}
.truth-v261 .pain-turn{font-size:15px!important;line-height:1.32!important;margin-top:14px!important;max-width:395px!important}
.truth-v261 .escalation-turn{font-size:16px!important;line-height:1.31!important;margin-top:13px!important;max-width:395px!important}
.truth-v261 .answer-prompt{font-size:10px!important;line-height:1.25!important;margin-top:15px!important}

/* CONFIRMED PATTERN: same rule — preserve the orb, give the writing room,
   and guarantee a clean visual moat above the CTA. */
.shell:has(.hit-v261){grid-template-rows:auto 120px 1fr!important}
.shell:has(.hit-v261) .orb-stage{min-height:0!important}
.shell:has(.hit-v261) .orb{width:76px!important;height:76px!important;transform:scale(.88)!important}
.shell:has(.hit-v261)>.content{justify-content:flex-start!important;min-height:0!important}
.hit-v261{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:0 22px 122px!important;
  transform:none!important;
}
.hit-v261 .eyebrow{margin:0 0 8px!important}
.hit-v261 h1{font-size:35px!important;line-height:1.02!important;margin:5px auto 14px!important}
.hit-v261 .truth-note{font-size:15px!important;line-height:1.31!important;max-width:405px!important}
.hit-v261 .hairline{margin:12px auto!important}
.hit-v261 .blindspot-tension{font-size:16px!important;line-height:1.30!important;max-width:400px!important}
.hit-v261 .locked-tease{font-size:12px!important;line-height:1.32!important;margin-top:13px!important;max-width:390px!important}

/* FINAL CLOSE: no scrolling required to reach the money button. */














@media(max-height:760px){
  .shell:has(.truth-v261){grid-template-rows:auto 96px 1fr!important}
  .shell:has(.hit-v261){grid-template-rows:auto 92px 1fr!important}
  .truth-v261 .truth{font-size:22px!important}
  .truth-v261 .pain-turn{font-size:13.5px!important;margin-top:10px!important}
  .truth-v261 .escalation-turn{font-size:14.5px!important;margin-top:10px!important}
  .hit-v261 h1{font-size:31px!important}
  .hit-v261 .truth-note{font-size:13.5px!important}
  .hit-v261 .blindspot-tension{font-size:14.5px!important}
  .hit-v261 .locked-tease{font-size:11px!important}
  .timing-reveal-v270 h1{font-size:34px!important}
  
  
  
  
  
  
  
}

/* =========================================================
   v2.9.6 — ZODIAC REVEAL: FINAL COMPOSITION REPAIR
   The previous page left a huge dead gulf between orb and identity copy.
   This block owns the Zodiac screen geometry and sits last in the cascade.
   ========================================================= */
.shell:has(.z-fire-v247){
  grid-template-rows:auto 390px 1fr!important;
  height:100svh!important;
  min-height:640px!important;
  overflow:hidden!important;
}
.shell:has(.z-fire-v247)>.orb-stage{min-height:0!important}
.shell:has(.z-fire-v247)>.content{
  min-height:0!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.orb-zodiac-fire{
  position:fixed!important;
  top:138px!important;
  left:50%!important;
  width:218px!important;
  height:218px!important;
  min-width:218px!important;
  min-height:218px!important;
  max-width:218px!important;
  max-height:218px!important;
  transform:translateX(-50%)!important;
}
.z-orb-letter{
  position:fixed!important;
  top:247px!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  font-size:90px!important;
}
.z-fire-v247{
  width:100%!important;
  max-width:520px!important;
  margin:0 auto!important;
  padding:34px 18px 108px!important;
  transform:none!important;
}
.z-fire-v247 .z-kicker{
  font-size:14px!important;
  line-height:1.2!important;
  letter-spacing:.17em!important;
  margin:0 0 16px!important;
}
.z-fire-v247 .z-animal-name{
  font-size:60px!important;
  line-height:.96!important;
  margin:0 0 10px!important;
}
.z-fire-v247 .z-element-name{
  font-size:26px!important;
  line-height:1.12!important;
  letter-spacing:.18em!important;
}
.z-fire-v247 .z-date-range{
  font-size:14px!important;
  line-height:1.25!important;
  letter-spacing:.07em!important;
  margin-top:25px!important;
}
.z-fire-v247 .z-traits{
  margin-top:34px!important;
  display:grid!important;
  gap:0!important;
}
.z-fire-v247 .z-trait{
  font-size:28px!important;
  line-height:1.13!important;
  padding:10px 0!important;
}

/* Shorter laptop/phone screens: same hierarchy, compressed proportionally. */
@media(max-height:900px){
  .shell:has(.z-fire-v247){grid-template-rows:auto 300px 1fr!important}
  .orb-zodiac-fire{
    top:96px!important;
    width:174px!important;height:174px!important;
    min-width:174px!important;min-height:174px!important;
    max-width:174px!important;max-height:174px!important;
  }
  .z-orb-letter{top:183px!important;font-size:72px!important}
  .z-fire-v247{padding:18px 18px 96px!important}
  .z-fire-v247 .z-kicker{font-size:12px!important;margin-bottom:12px!important}
  .z-fire-v247 .z-animal-name{font-size:48px!important}
  .z-fire-v247 .z-element-name{font-size:21px!important}
  .z-fire-v247 .z-date-range{font-size:12px!important;margin-top:18px!important}
  .z-fire-v247 .z-traits{margin-top:23px!important}
  .z-fire-v247 .z-trait{font-size:22px!important;padding:7px 0!important}
}

/* =========================================================
   v2.9.7 — ZODIAC REVEAL: HARD COMPOSITION LOCK
   Fixes the trait row regression and pulls the entire reveal together.
   ========================================================= */
.shell:has(.z-fire-v247){
  grid-template-rows:auto 300px 1fr!important;
  height:100svh!important;
  min-height:640px!important;
  overflow:hidden!important;
}
.shell:has(.z-fire-v247)>.orb-stage{min-height:0!important}
.shell:has(.z-fire-v247)>.content{
  min-height:0!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.orb-zodiac-fire{
  position:fixed!important;
  top:112px!important;
  left:50%!important;
  width:176px!important;
  height:176px!important;
  min-width:176px!important;
  min-height:176px!important;
  max-width:176px!important;
  max-height:176px!important;
  transform:translateX(-50%)!important;
}
.z-orb-letter{
  position:fixed!important;
  top:200px!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  font-size:72px!important;
  line-height:1!important;
}
.z-fire-v247{
  width:100%!important;
  max-width:480px!important;
  margin:0 auto!important;
  padding:6px 18px 104px!important;
  transform:none!important;
  text-align:center!important;
}
.z-fire-v247 .z-kicker{
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:.17em!important;
  margin:0 0 12px!important;
}
.z-fire-v247 .z-animal-name{
  font-size:56px!important;
  line-height:1!important;
  margin:0 0 8px!important;
}
.z-fire-v247 .z-element-name{
  font-size:23px!important;
  line-height:1.1!important;
  letter-spacing:.18em!important;
}
.z-fire-v247 .z-date-range{
  font-size:13px!important;
  line-height:1.25!important;
  letter-spacing:.07em!important;
  margin-top:18px!important;
}
.z-fire-v247 .z-traits{
  width:100%!important;
  max-width:330px!important;
  margin:24px auto 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-flow:row!important;
  justify-items:center!important;
  align-items:center!important;
  gap:4px!important;
}
.z-fire-v247 .z-trait,
.z-fire-v247 .z-trait:last-child{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  font-size:23px!important;
  line-height:1.12!important;
  padding:5px 0!important;
  margin:0!important;
  border:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

@media(max-height:900px){
  .shell:has(.z-fire-v247){grid-template-rows:auto 250px 1fr!important}
  .orb-zodiac-fire{
    top:82px!important;
    width:150px!important;height:150px!important;
    min-width:150px!important;min-height:150px!important;
    max-width:150px!important;max-height:150px!important;
  }
  .z-orb-letter{top:157px!important;font-size:62px!important}
  .z-fire-v247{padding:2px 18px 96px!important}
  .z-fire-v247 .z-kicker{font-size:12px!important;margin-bottom:10px!important}
  .z-fire-v247 .z-animal-name{font-size:46px!important}
  .z-fire-v247 .z-element-name{font-size:19px!important}
  .z-fire-v247 .z-date-range{font-size:12px!important;margin-top:14px!important}
  .z-fire-v247 .z-traits{margin-top:17px!important;gap:2px!important}
  .z-fire-v247 .z-trait,
  .z-fire-v247 .z-trait:last-child{font-size:19px!important;padding:3px 0!important}
}

/* =========================================================
   v2.9.8 — ZODIAC REVEAL TYPOGRAPHY PARITY
   The Zodiac reveal now uses the same visual hierarchy as the
   Life Path reveal instead of maintaining its own smaller scale.
   ========================================================= */
.shell:has(.z-fire-v247){
  grid-template-rows:auto 250px 1fr!important;
}
.orb-zodiac-fire{
  top:104px!important;
  width:154px!important;
  height:154px!important;
  min-width:154px!important;
  min-height:154px!important;
  max-width:154px!important;
  max-height:154px!important;
}
.z-orb-letter{
  top:181px!important;
  font-size:66px!important;
}
.z-fire-v247{
  max-width:500px!important;
  padding:0 20px 104px!important;
}
.z-fire-v247 .z-kicker{
  font-size:14px!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  margin:0 0 13px!important;
}
.z-fire-v247 .z-animal-name{
  font-size:72px!important;
  line-height:.96!important;
  margin:0 0 12px!important;
  letter-spacing:-.02em!important;
}
.z-fire-v247 .z-element-name{
  font-size:27px!important;
  line-height:1.08!important;
  letter-spacing:.16em!important;
}
.z-fire-v247 .z-date-range{
  font-size:14px!important;
  line-height:1.25!important;
  margin-top:20px!important;
}
.z-fire-v247 .z-traits{
  max-width:350px!important;
  margin:24px auto 0!important;
  gap:2px!important;
}
.z-fire-v247 .z-trait,
.z-fire-v247 .z-trait:last-child{
  font-size:24px!important;
  line-height:1.15!important;
  padding:6px 0!important;
}

@media(max-height:700px){
  .shell:has(.z-fire-v247){grid-template-rows:auto 210px 1fr!important}
  .orb-zodiac-fire{
    top:78px!important;
    width:138px!important;height:138px!important;
    min-width:138px!important;min-height:138px!important;
    max-width:138px!important;max-height:138px!important;
  }
  .z-orb-letter{top:147px!important;font-size:58px!important}
  .z-fire-v247 .z-animal-name{font-size:62px!important}
  .z-fire-v247 .z-element-name{font-size:23px!important}
  .z-fire-v247 .z-traits{margin-top:18px!important}
  .z-fire-v247 .z-trait,
  .z-fire-v247 .z-trait:last-child{font-size:21px!important;padding:4px 0!important}
}


/* =========================================================
   LifePath v3.4.0 — PREMIUM REVEAL STAGE
   Scoped to post-calculation reveal journey only.
   Base onboarding / backend / engine untouched.
   ========================================================= */

:root{
  --lp-stage-bg:#080706;
  --lp-stage-line:rgba(205,156,74,.30);
  --lp-stage-line-soft:rgba(255,217,145,.08);
  --lp-stage-glow:rgba(184,129,43,.08);
  --lp-cream:#f2ede6;
  --lp-gold:#e6bd62;
  --lp-muted:#b9aea2;
  --lp-purple:#b77cff;
}

/* Every reveal page uses one identical stage and one identical CTA rail. */
.shell:has(.lp-fire),
.shell:has(.z-fire-v247),
.shell:has(.combo-v247),
.shell:has(.truth-v261),
.shell:has(.hit-v261),
.shell.no-orb-shell:has(.timing-reveal-v270),
.shell.no-orb-shell:has(.stella-preview-v1),
.shell.no-orb-shell:has(.stella-preview-result-v1),
.shell.no-orb-shell:has(.premium-preview-v270){
  --stage-w:min(680px,calc(100vw - 28px));
  --stage-top:12px;
  --stage-bottom:92px;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:100svh!important;
  height:100svh!important;
  overflow:hidden!important;
  background:var(--lp-stage-bg)!important;
  padding:0!important;
  display:block!important;
}

/* The frame is a stage, not a card: same black inside/outside, visible only by edge/light. */
.shell:has(.lp-fire)::before,
.shell:has(.z-fire-v247)::before,
.shell:has(.combo-v247)::before,
.shell:has(.truth-v261)::before,
.shell:has(.hit-v261)::before,
.shell.no-orb-shell:has(.timing-reveal-v270)::before,
.shell.no-orb-shell:has(.stella-preview-v1)::before,
.shell.no-orb-shell:has(.stella-preview-result-v1)::before,
.shell.no-orb-shell:has(.premium-preview-v270)::before{
  content:"";
  position:absolute!important;
  z-index:0!important;
  top:var(--stage-top)!important;
  bottom:var(--stage-bottom)!important;
  left:50%!important;
  width:var(--stage-w)!important;
  transform:translateX(-50%)!important;
  border:1px solid var(--lp-stage-line)!important;
  border-radius:28px!important;
  background:
    radial-gradient(ellipse at 50% 14%,rgba(194,139,51,.035),transparent 35%),
    var(--lp-stage-bg)!important;
  box-shadow:
    inset 0 0 0 1px var(--lp-stage-line-soft),
    inset 0 0 58px rgba(179,126,43,.018),
    0 0 32px rgba(0,0,0,.22)!important;
  pointer-events:none!important;
}

.shell:has(.lp-fire)>.brand,
.shell:has(.z-fire-v247)>.brand,
.shell:has(.combo-v247)>.brand,
.shell:has(.truth-v261)>.brand,
.shell:has(.hit-v261)>.brand,
.shell.no-orb-shell:has(.timing-reveal-v270)>.brand,
.shell.no-orb-shell:has(.stella-preview-v1)>.brand,
.shell.no-orb-shell:has(.stella-preview-result-v1)>.brand,
.shell.no-orb-shell:has(.premium-preview-v270)>.brand{
  position:absolute!important;
  z-index:5!important;
  top:28px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  color:var(--lp-gold)!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:.30em!important;
}

/* CTA rail: always outside the stage, same place, same size. */
.shell:has(.lp-fire) .actions,
.shell:has(.z-fire-v247) .actions,
.shell:has(.combo-v247) .actions,
.shell:has(.truth-v261) .actions,
.shell:has(.hit-v261) .actions,
.shell.no-orb-shell:has(.timing-reveal-v270) .actions,
.shell.no-orb-shell:has(.stella-preview-result-v1) .actions,
.shell.no-orb-shell:has(.premium-preview-v270) .actions{
  position:fixed!important;
  z-index:20!important;
  left:50%!important;
  bottom:16px!important;
  transform:translateX(-50%)!important;
  width:min(620px,calc(100vw - 44px))!important;
  height:62px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  gap:12px!important;
}
.shell:has(.lp-fire) .actions .btn,
.shell:has(.z-fire-v247) .actions .btn,
.shell:has(.combo-v247) .actions .btn,
.shell:has(.truth-v261) .actions .btn,
.shell:has(.hit-v261) .actions .btn,
.shell.no-orb-shell:has(.timing-reveal-v270) .actions .btn,
.shell.no-orb-shell:has(.stella-preview-result-v1) .actions .btn,
.shell.no-orb-shell:has(.premium-preview-v270) .actions .btn{
  height:62px!important;
  min-height:62px!important;
  border-radius:22px!important;
  font-family:Fraunces,serif!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.shell:has(.truth-v261) .actions.two .btn{flex:1!important;min-width:0!important}
.shell:has(.lp-fire) .actions .btn, .shell:has(.z-fire-v247) .actions .btn, .shell:has(.combo-v247) .actions .btn, .shell:has(.truth-v261) .actions .btn, .shell:has(.hit-v261) .actions .btn, .shell.no-orb-shell:has(.timing-reveal-v270) .actions .btn, .shell.no-orb-shell:has(.stella-preview-result) .actions .btn{width:100%!important;flex:1 1 auto!important}

/* Shared content canvas inside the fixed stage. */
.shell:has(.lp-fire)>.content,
.shell:has(.z-fire-v247)>.content,
.shell:has(.combo-v247)>.content,
.shell:has(.truth-v261)>.content,
.shell:has(.hit-v261)>.content,
.shell.no-orb-shell:has(.timing-reveal-v270)>.content,
.shell.no-orb-shell:has(.stella-preview-v1)>.content,
.shell.no-orb-shell:has(.stella-preview-result-v1)>.content,
.shell.no-orb-shell:has(.premium-preview-v270)>.content{
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  right:0!important;
  transform:none!important;
  width:min(610px,calc(100vw - 68px))!important;
  max-width:610px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  text-align:center!important;
}

/* ===== Life Path / Zodiac — true visual parity ===== */
.shell:has(.lp-fire)>.orb-stage,
.shell:has(.z-fire-v247)>.orb-stage{
  position:absolute!important;
  z-index:3!important;
  top:72px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:210px!important;
  height:210px!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}
.shell:has(.lp-fire) .lp-orb-reveal,
.shell:has(.z-fire-v247) .orb-zodiac-fire{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:172px!important;
  height:172px!important;
  min-width:172px!important;
  min-height:172px!important;
  max-width:172px!important;
  max-height:172px!important;
  margin:0!important;
}
.shell:has(.lp-fire)>.content,
.shell:has(.z-fire-v247)>.content{
  top:300px!important;
  bottom:112px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.lp-fire,.z-fire-v247{
  width:100%!important;
  max-width:520px!important;
  margin:0 auto!important;
  padding:0 10px!important;
  transform:none!important;
  text-align:center!important;
}
.lp-kicker,.z-fire-v247 .z-kicker{
  margin:0 0 9px!important;
  font-size:14px!important;
  line-height:1.15!important;
  letter-spacing:.17em!important;
  color:var(--lp-gold)!important;
}
.lp-number-fire{
  margin:0!important;
  font-size:96px!important;
  line-height:.82!important;
  color:#f1cb78!important;
}
.lp-title-fire,.z-fire-v247 .z-animal-name{
  margin:12px auto 0!important;
  font-size:48px!important;
  line-height:1.02!important;
  letter-spacing:-.02em!important;
  color:var(--lp-cream)!important;
}
.z-fire-v247 .z-element-name{
  margin:11px auto 0!important;
  font-size:24px!important;
  line-height:1.08!important;
  letter-spacing:.15em!important;
  color:#d7c9b8!important;
}
.z-fire-v247 .z-date-range{
  margin:16px auto 0!important;
  font-size:14px!important;
  line-height:1.2!important;
  letter-spacing:.045em!important;
  color:#9c9084!important;
}
.lp-traits-fire,.z-fire-v247 .z-traits{
  margin:22px auto 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  max-width:380px!important;
  width:100%!important;
}
.lp-trait-fire,.z-fire-v247 .z-trait,.z-fire-v247 .z-trait:last-child{
  display:block!important;
  width:100%!important;
  padding:3px 0!important;
  margin:0!important;
  text-align:center!important;
  font-size:23px!important;
  line-height:1.16!important;
  color:var(--lp-cream)!important;
}
/* Dynamic Zodiac letter is overlaid on the orb without disturbing the copy flow. */
.z-fire-v247 .z-orb-letter{
  position:absolute!important;
  z-index:7!important;
  top:-159px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  margin:0!important;
  font-size:72px!important;
  line-height:1!important;
  color:#f2cc7a!important;
  pointer-events:none!important;
}

/* ===== Combination / Truth / Pattern — same stage, dense composition ===== */
.shell:has(.combo-v247)>.orb-stage,
.shell:has(.truth-v261)>.orb-stage,
.shell:has(.hit-v261)>.orb-stage{
  position:absolute!important;
  z-index:3!important;
  top:62px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:150px!important;
  height:150px!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.shell:has(.combo-v247) .orb{
  width:104px!important;height:104px!important;max-width:104px!important;max-height:104px!important;transform:none!important;
}
.shell:has(.truth-v261) .orb,.shell:has(.hit-v261) .orb{
  width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;transform:none!important;
}
.shell:has(.combo-v247)>.content,
.shell:has(.truth-v261)>.content,
.shell:has(.hit-v261)>.content{
  top:218px!important;
  bottom:112px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.combo-v247,.truth-v261,.hit-v261{
  width:100%!important;
  max-width:560px!important;
  margin:0 auto!important;
  padding:0 8px!important;
  transform:none!important;
  text-align:center!important;
}
.combo-v247 .eyebrow,.truth-v261 .eyebrow,.hit-v261 .eyebrow{
  margin:0 auto 12px!important;
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  color:var(--lp-gold)!important;
}
.combo-v247 h1,.hit-v261 h1{
  margin:0 auto 14px!important;
  font-size:42px!important;
  line-height:1.04!important;
  letter-spacing:-.018em!important;
}
.combo-v247 .converge-rule{margin:12px auto 16px!important}
.combo-v247 .combo-boost,.truth-v261 .pain-turn,.truth-v261 .escalation-turn,.hit-v261 .blindspot-tension{
  font-size:18px!important;
  line-height:1.32!important;
}
.combo-v247 .combo-copy,.combo-v247 .combo-unique,.hit-v261 .truth-note{
  font-size:16.5px!important;
  line-height:1.35!important;
}
.combo-v247 p{margin:10px auto 0!important;max-width:540px!important}
.combo-v247 .combo-next{font-size:18px!important;line-height:1.28!important;margin-top:11px!important;color:#e3bd66!important}
.truth-v261 .truth{
  margin:0 auto!important;
  max-width:550px!important;
  font-size:31px!important;
  line-height:1.13!important;
}
.truth-v261 .pain-turn{margin:17px auto 0!important;max-width:520px!important}
.truth-v261 .escalation-turn{margin:14px auto 0!important;max-width:520px!important;color:#e3bd66!important}
.truth-v261 .answer-prompt{margin-top:16px!important;font-size:11px!important;letter-spacing:.15em!important}
.hit-v261 .truth-note{max-width:530px!important;margin:0 auto!important}
.hit-v261 .hairline{margin:13px auto!important}
.hit-v261 .blindspot-tension{max-width:520px!important;margin:0 auto!important;color:#e3bd66!important}
.hit-v261 .locked-tease{max-width:500px!important;margin:14px auto 0!important;font-size:14px!important;line-height:1.36!important}

/* ===== Timing — same stage geometry, no decorative orb ===== */
.shell.no-orb-shell:has(.timing-reveal-v270)>.content{
  top:88px!important;
  bottom:112px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.timing-reveal-v270{
  width:100%!important;max-width:560px!important;margin:0 auto!important;padding:0 8px!important;transform:none!important;text-align:center!important;
}
.timing-reveal-v270 .eyebrow{font-size:13px!important;letter-spacing:.16em!important;margin:0 0 12px!important;color:var(--lp-gold)!important}
.timing-reveal-v270 h1{font-size:46px!important;line-height:1!important;margin:0 auto 17px!important}
.timing-reveal-v270 .window-card{margin:0 auto!important;padding:18px 16px!important;border-radius:20px!important;border-color:rgba(205,156,74,.42)!important;background:rgba(19,14,9,.42)!important}
.timing-reveal-v270 .window-card small{font-size:11px!important}.timing-reveal-v270 .window-card strong{font-size:29px!important;line-height:1.05!important;margin:8px auto!important}.timing-reveal-v270 .window-card span{font-size:11px!important}
.timing-reveal-v270 .skeptic-line{font-size:15px!important;line-height:1.38!important;margin:15px auto 0!important;max-width:520px!important}
.timing-reveal-v270 .dont-mess{font-size:18px!important;line-height:1.30!important;margin:13px auto 0!important;max-width:510px!important}
.timing-reveal-v270 .timing-hook{font-size:15px!important;line-height:1.38!important;margin:12px auto 0!important;max-width:510px!important}

/* ===== Stella — same stage, black/gold base, purple intelligence accent ===== */
.shell.no-orb-shell:has(.stella-preview-v1)::before,
.shell.no-orb-shell:has(.stella-preview-result-v1)::before{
  border-color:rgba(180,116,244,.38)!important;
  box-shadow:inset 0 0 0 1px rgba(207,164,255,.05),inset 0 0 62px rgba(106,48,160,.035),0 0 32px rgba(0,0,0,.22)!important;
}
.shell.no-orb-shell:has(.stella-preview-v1)>.content{
  top:70px!important;
  bottom:34px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.stella-preview-v1{
  width:100%!important;max-width:560px!important;min-height:0!important;margin:0 auto!important;padding:0 6px!important;transform:none!important;justify-content:flex-start!important;
}
.stella-preview-orb{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;flex:0 0 112px!important;margin:0 auto 16px!important}
.stella-preview-kicker{font-size:12px!important;letter-spacing:.17em!important;margin-bottom:9px!important;color:#bd88f4!important}
.stella-preview-v1 h1{font-size:43px!important;line-height:1.01!important;margin:0 auto 12px!important;color:var(--lp-cream)!important}
.stella-preview-lead{font-size:17px!important;line-height:1.40!important;max-width:520px!important;margin:0 auto 15px!important;color:#c9c0bd!important}
.stella-preview-context{gap:7px!important;margin-bottom:15px!important}.stella-preview-context span{font-size:10px!important;padding:7px 10px!important}
.stella-preview-question-label{font-size:11px!important;margin-bottom:8px!important}.stella-preview-prompts{gap:9px!important}
.stella-preview-prompt{min-height:68px!important;padding:12px 15px!important;border-radius:17px!important;font-size:16px!important;line-height:1.28!important;background:rgba(18,13,20,.66)!important;border-color:rgba(183,124,255,.30)!important}
.stella-preview-note{font-size:11px!important;margin-top:11px!important}

/* Wider desktop screens keep the same phone-like premium stage instead of stretching into an empty billboard. */
@media (min-width:760px){
  .shell:has(.lp-fire),.shell:has(.z-fire-v247),.shell:has(.combo-v247),.shell:has(.truth-v261),.shell:has(.hit-v261),.shell.no-orb-shell:has(.timing-reveal-v270),.shell.no-orb-shell:has(.stella-preview-v1),.shell.no-orb-shell:has(.stella-preview-result-v1),.shell.no-orb-shell:has(.premium-preview-v270){
    --stage-w:min(720px,calc(100vw - 48px));
  }
}

/* Short screens: preserve hierarchy, compress spaces—not fonts into postage stamps. */
@media (max-height:760px){
  .shell:has(.lp-fire)>.orb-stage,.shell:has(.z-fire-v247)>.orb-stage{top:60px!important;height:174px!important}
  .shell:has(.lp-fire) .lp-orb-reveal,.shell:has(.z-fire-v247) .orb-zodiac-fire{width:148px!important;height:148px!important;min-width:148px!important;min-height:148px!important;max-width:148px!important;max-height:148px!important}
  .shell:has(.lp-fire)>.content,.shell:has(.z-fire-v247)>.content{top:246px!important}
  .lp-number-fire{font-size:84px!important}.lp-title-fire,.z-fire-v247 .z-animal-name{font-size:42px!important}.lp-trait-fire,.z-fire-v247 .z-trait,.z-fire-v247 .z-trait:last-child{font-size:20px!important}.z-fire-v247 .z-orb-letter{top:-135px!important;font-size:62px!important}
  .shell:has(.combo-v247)>.orb-stage,.shell:has(.truth-v261)>.orb-stage,.shell:has(.hit-v261)>.orb-stage{top:52px!important;height:126px!important}
  .shell:has(.combo-v247)>.content,.shell:has(.truth-v261)>.content,.shell:has(.hit-v261)>.content{top:176px!important}
  .combo-v247 h1,.hit-v261 h1{font-size:36px!important}.truth-v261 .truth{font-size:27px!important}
  .combo-v247 .combo-boost,.truth-v261 .pain-turn,.truth-v261 .escalation-turn,.hit-v261 .blindspot-tension{font-size:16px!important}.combo-v247 .combo-copy,.combo-v247 .combo-unique,.hit-v261 .truth-note{font-size:15px!important}
  .timing-reveal-v270 h1{font-size:40px!important}.timing-reveal-v270 .skeptic-line,.timing-reveal-v270 .timing-hook{font-size:14px!important}.timing-reveal-v270 .dont-mess{font-size:16px!important}
  .stella-preview-orb{width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important;flex-basis:92px!important}.stella-preview-v1 h1{font-size:37px!important}.stella-preview-lead{font-size:15px!important}.stella-preview-prompt{font-size:14.5px!important;min-height:58px!important}
}

/* v3.4.0 finishing corrections after visual verification */
.shell:has(.combo-v247)>.content{top:232px!important;justify-content:flex-start!important}
.lp-title-fire,.z-fire-v247 .z-animal-name{max-width:460px!important}
.lp-title-fire{font-size:46px!important}

.shell.no-orb-shell:has(.timing-reveal-v270)>.content{
  top:118px!important;
  bottom:112px!important;
  justify-content:flex-start!important;
}

.shell.no-orb-shell:has(.stella-preview-v1)>.content{
  top:62px!important;
  bottom:102px!important;
}
.stella-preview-orb{width:94px!important;height:94px!important;min-width:94px!important;min-height:94px!important;flex-basis:94px!important;margin-bottom:11px!important}
.stella-preview-v1 h1{font-size:39px!important;margin-bottom:9px!important}
.stella-preview-lead{font-size:15.5px!important;line-height:1.34!important;margin-bottom:11px!important}
.stella-preview-context{margin-bottom:11px!important}
.stella-preview-prompt{min-height:58px!important;font-size:15px!important;padding:10px 14px!important}
.stella-preview-prompts{gap:7px!important}.stella-preview-note{margin-top:8px!important}

/* Actual Stella result + final close classes from app.js. */
.shell.no-orb-shell:has(.stella-preview-result){
  --stage-w:min(680px,calc(100vw - 28px));
  --stage-top:12px;
  --stage-bottom:92px;
  position:relative!important;width:100%!important;max-width:none!important;min-height:100svh!important;height:100svh!important;overflow:hidden!important;background:var(--lp-stage-bg)!important;padding:0!important;display:block!important;
}
.shell.no-orb-shell:has(.stella-preview-result)::before{
  content:"";position:absolute!important;z-index:0!important;top:var(--stage-top)!important;bottom:var(--stage-bottom)!important;left:50%!important;width:var(--stage-w)!important;transform:translateX(-50%)!important;border:1px solid var(--lp-stage-line)!important;border-radius:28px!important;background:radial-gradient(ellipse at 50% 14%,rgba(194,139,51,.035),transparent 35%),var(--lp-stage-bg)!important;box-shadow:inset 0 0 0 1px var(--lp-stage-line-soft),inset 0 0 58px rgba(179,126,43,.018),0 0 32px rgba(0,0,0,.22)!important;pointer-events:none!important;
}
.shell.no-orb-shell:has(.stella-preview-result)::before{border-color:rgba(180,116,244,.38)!important;box-shadow:inset 0 0 0 1px rgba(207,164,255,.05),inset 0 0 62px rgba(106,48,160,.035),0 0 32px rgba(0,0,0,.22)!important}
.shell.no-orb-shell:has(.stella-preview-result)>.brand{position:absolute!important;z-index:5!important;top:28px!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;color:var(--lp-gold)!important;font-size:13px!important;line-height:1!important;letter-spacing:.30em!important}
.shell.no-orb-shell:has(.stella-preview-result)>.content{position:absolute!important;z-index:3!important;left:0!important;right:0!important;transform:none!important;width:min(610px,calc(100vw - 68px))!important;max-width:610px!important;margin:0 auto!important;padding:0!important;overflow:visible!important;text-align:center!important}
.shell.no-orb-shell:has(.stella-preview-result)>.content{top:66px!important;bottom:112px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}
.stella-preview-result{width:100%!important;max-width:560px!important;margin:0 auto!important;padding:0 6px!important;transform:none!important;justify-content:flex-start!important}
.stella-preview-result .stella-preview-orb{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;flex-basis:76px!important;margin:0 auto 9px!important}
.stella-preview-result .stella-preview-kicker{font-size:11px!important;margin-bottom:8px!important}
.stella-preview-result .stella-preview-you{margin:0 0 7px!important;padding:9px 12px!important;border-radius:15px!important}
.stella-preview-result .stella-preview-answer{padding:13px 15px!important;border-radius:18px!important}
.stella-preview-result .stella-preview-answer p{font-size:13.5px!important;line-height:1.47!important}
.stella-preview-result .stella-preview-proof{margin-top:8px!important;padding:9px 11px!important}
.stella-preview-result .stella-preview-proof strong{font-size:14.5px!important;line-height:1.28!important}
.stella-preview-result .stella-preview-proof span{font-size:10.5px!important;line-height:1.36!important}
.shell.no-orb-shell:has(.stella-preview-result) .actions{position:fixed!important;z-index:20!important;left:50%!important;bottom:16px!important;transform:translateX(-50%)!important;width:min(620px,calc(100vw - 44px))!important;height:62px!important;margin:0!important;padding:0!important;display:flex!important}
.shell.no-orb-shell:has(.stella-preview-result) .actions .btn{width:100%!important;height:62px!important;min-height:62px!important;border-radius:22px!important;font-family:Fraunces,serif!important;font-size:17px!important;line-height:1!important;font-weight:700!important}












@media (min-width:760px){
  .shell.no-orb-shell:has(.stella-preview-result){--stage-w:min(720px,calc(100vw - 48px))}
}
@media (max-height:760px){
  .shell.no-orb-shell:has(.timing-reveal-v270)>.content{top:86px!important}
  .stella-preview-orb{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;flex-basis:82px!important}
  .stella-preview-v1 h1{font-size:35px!important}.stella-preview-lead{font-size:14px!important}.stella-preview-prompt{font-size:13.8px!important;min-height:52px!important}
  .stella-preview-result .stella-preview-answer p{font-size:12.5px!important}.stella-preview-result .stella-preview-orb{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;flex-basis:64px!important}
  
}

/* Tall portrait screens: scale the stage itself, not just the whitespace. */
.shell:has(.lp-fire)>.content,.shell:has(.z-fire-v247)>.content{justify-content:flex-start!important;top:318px!important}
.shell.no-orb-shell:has(.stella-preview-v1)>.content{justify-content:flex-start!important}
.timing-reveal-v270 h1{font-size:clamp(38px,8vw,46px)!important;max-width:520px!important}
.lp-title-fire,.z-fire-v247 .z-animal-name{font-size:clamp(42px,9vw,48px)!important}

@media (min-width:700px) and (min-height:1100px){
  .shell:has(.lp-fire), .shell:has(.z-fire-v247), .shell:has(.combo-v247), .shell:has(.truth-v261), .shell:has(.hit-v261), .shell.no-orb-shell:has(.timing-reveal-v270), .shell.no-orb-shell:has(.stella-preview-v1), .shell.no-orb-shell:has(.stella-preview-result){
    --stage-w:min(820px,calc(100vw - 56px));
    --stage-bottom:118px;
  }
  .shell:has(.lp-fire)>.brand, .shell:has(.z-fire-v247)>.brand, .shell:has(.combo-v247)>.brand, .shell:has(.truth-v261)>.brand, .shell:has(.hit-v261)>.brand, .shell.no-orb-shell:has(.timing-reveal-v270)>.brand, .shell.no-orb-shell:has(.stella-preview-v1)>.brand, .shell.no-orb-shell:has(.stella-preview-result)>.brand{top:34px!important;font-size:15px!important}
  .shell:has(.lp-fire)>.orb-stage,.shell:has(.z-fire-v247)>.orb-stage{top:86px!important;width:270px!important;height:270px!important}
  .shell:has(.lp-fire) .lp-orb-reveal,.shell:has(.z-fire-v247) .orb-zodiac-fire{width:224px!important;height:224px!important;min-width:224px!important;min-height:224px!important;max-width:224px!important;max-height:224px!important}
  .shell:has(.lp-fire)>.content,.shell:has(.z-fire-v247)>.content{top:535px!important;bottom:150px!important;width:min(720px,calc(100vw - 120px))!important}
  .lp-kicker,.z-fire-v247 .z-kicker{font-size:16px!important;margin-bottom:12px!important}
  .lp-number-fire{font-size:132px!important}
  .lp-title-fire,.z-fire-v247 .z-animal-name{font-size:60px!important;max-width:680px!important;margin-top:15px!important}
  .z-fire-v247 .z-element-name{font-size:31px!important;margin-top:14px!important}
  .z-fire-v247 .z-date-range{font-size:16px!important;margin-top:20px!important}
  .lp-traits-fire,.z-fire-v247 .z-traits{margin-top:28px!important;gap:8px!important;max-width:460px!important}
  .lp-trait-fire,.z-fire-v247 .z-trait,.z-fire-v247 .z-trait:last-child{font-size:29px!important;padding:5px 0!important}
  .z-fire-v247 .z-orb-letter{top:-394px!important;font-size:92px!important}
  .shell:has(.lp-fire) .actions, .shell:has(.z-fire-v247) .actions, .shell:has(.combo-v247) .actions, .shell:has(.truth-v261) .actions, .shell:has(.hit-v261) .actions, .shell.no-orb-shell:has(.timing-reveal-v270) .actions, .shell.no-orb-shell:has(.stella-preview-result) .actions{width:min(760px,calc(100vw - 110px))!important;height:76px!important;bottom:22px!important}
  .shell:has(.lp-fire) .actions .btn, .shell:has(.z-fire-v247) .actions .btn, .shell:has(.combo-v247) .actions .btn, .shell:has(.truth-v261) .actions .btn, .shell:has(.hit-v261) .actions .btn, .shell.no-orb-shell:has(.timing-reveal-v270) .actions .btn, .shell.no-orb-shell:has(.stella-preview-result) .actions .btn{height:76px!important;min-height:76px!important;font-size:21px!important;border-radius:24px!important}

  .shell:has(.combo-v247)>.orb-stage,.shell:has(.truth-v261)>.orb-stage,.shell:has(.hit-v261)>.orb-stage{top:76px!important;width:190px!important;height:190px!important}
  .shell:has(.combo-v247) .orb{width:130px!important;height:130px!important;max-width:130px!important;max-height:130px!important}.shell:has(.truth-v261) .orb,.shell:has(.hit-v261) .orb{width:112px!important;height:112px!important;max-width:112px!important;max-height:112px!important}
  .shell:has(.combo-v247)>.content{top:300px!important;bottom:155px!important;width:min(720px,calc(100vw - 120px))!important}
  .shell:has(.truth-v261)>.content,.shell:has(.hit-v261)>.content{top:320px!important;bottom:155px!important;width:min(720px,calc(100vw - 120px))!important}
  .combo-v247 .eyebrow,.truth-v261 .eyebrow,.hit-v261 .eyebrow{font-size:15px!important;margin-bottom:15px!important}
  .combo-v247 h1,.hit-v261 h1{font-size:51px!important}.truth-v261 .truth{font-size:38px!important;max-width:690px!important}
  .combo-v247 .combo-boost,.truth-v261 .pain-turn,.truth-v261 .escalation-turn,.hit-v261 .blindspot-tension{font-size:22px!important}.combo-v247 .combo-copy,.combo-v247 .combo-unique,.hit-v261 .truth-note{font-size:20px!important}.combo-v247 .combo-next{font-size:22px!important}.truth-v261 .answer-prompt{font-size:13px!important}.hit-v261 .locked-tease{font-size:16px!important}

  .shell.no-orb-shell:has(.timing-reveal-v270)>.content{top:150px!important;bottom:155px!important;width:min(720px,calc(100vw - 120px))!important}
  .timing-reveal-v270 .eyebrow{font-size:15px!important;margin-bottom:16px!important}.timing-reveal-v270 h1{font-size:58px!important;max-width:700px!important;margin-bottom:24px!important}.timing-reveal-v270 .window-card{padding:24px 22px!important}.timing-reveal-v270 .window-card small{font-size:13px!important}.timing-reveal-v270 .window-card strong{font-size:38px!important}.timing-reveal-v270 .window-card span{font-size:13px!important}.timing-reveal-v270 .skeptic-line,.timing-reveal-v270 .timing-hook{font-size:18px!important}.timing-reveal-v270 .dont-mess{font-size:22px!important}

  .shell.no-orb-shell:has(.stella-preview-v1)>.content{top:90px!important;bottom:126px!important;width:min(720px,calc(100vw - 120px))!important}
  .stella-preview-v1{max-width:690px!important}.stella-preview-orb{width:132px!important;height:132px!important;min-width:132px!important;min-height:132px!important;flex-basis:132px!important;margin-bottom:16px!important}.stella-preview-kicker{font-size:14px!important}.stella-preview-v1 h1{font-size:52px!important}.stella-preview-lead{font-size:18px!important;max-width:650px!important}.stella-preview-context span{font-size:11px!important;padding:8px 12px!important}.stella-preview-question-label{font-size:12px!important}.stella-preview-prompt{min-height:74px!important;font-size:18px!important;padding:13px 17px!important}.stella-preview-note{font-size:12px!important}
}
.lp-title-fire{white-space:normal!important;width:100%!important}

/* ========================================================================== */
/* LIFEPATH ONBOARDING COMPOSITION V3 — 2026-09-02                           */
/* Structural final pass: one centred premium stage + CTA rail.              */
/* This block intentionally sits LAST in the cascade.                         */
/* ========================================================================== */

:root{
  --lp-v3-stage-w:min(860px,calc(100vw - 72px));
  --lp-v3-stage-top:10px;
  --lp-v3-stage-bottom:92px;
  --lp-v3-content-w:min(680px,calc(100vw - 120px));
  --lp-v3-cta-w:min(700px,calc(100vw - 96px));
  --lp-v3-stage-bg:#080706;
  --lp-v3-stage-line:rgba(205,156,74,.30);
  --lp-v3-stage-line-soft:rgba(255,225,153,.035);
  --lp-v3-purple:rgba(174,103,236,.10);
  --lp-v3-green:rgba(79,174,130,.055);
}

/* Reveal-family screens only. The early name/DOB/calculation flow is left alone. */
.shell:has(.lp-fire), .shell:has(.z-fire-v247), .shell:has(.combo-v247), .shell:has(.truth-v261), .shell:has(.hit-v261), .shell.no-orb-shell:has(.timing-reveal-v270), .shell.no-orb-shell:has(.stella-preview-v1){
  --stage-w:var(--lp-v3-stage-w)!important;
  --stage-top:var(--lp-v3-stage-top)!important;
  --stage-bottom:var(--lp-v3-stage-bottom)!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:100svh!important;
  min-height:640px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  background:
    radial-gradient(ellipse at 16% 82%,var(--lp-v3-purple),transparent 30%),
    radial-gradient(ellipse at 84% 78%,var(--lp-v3-green),transparent 28%),
    #060605!important;
}

/* One decorative stage, centred. The edge is structural, not a floating card. */
.shell:has(.lp-fire)::before, .shell:has(.z-fire-v247)::before, .shell:has(.combo-v247)::before, .shell:has(.truth-v261)::before, .shell:has(.hit-v261)::before, .shell.no-orb-shell:has(.timing-reveal-v270)::before, .shell.no-orb-shell:has(.stella-preview-v1)::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:var(--lp-v3-stage-top)!important;
  bottom:var(--lp-v3-stage-bottom)!important;
  left:50%!important;
  width:var(--lp-v3-stage-w)!important;
  transform:translateX(-50%)!important;
  border:1px solid var(--lp-v3-stage-line)!important;
  border-radius:28px!important;
  background:
    radial-gradient(ellipse at 50% 12%,rgba(219,167,73,.065),transparent 28%),
    radial-gradient(ellipse at 10% 88%,rgba(149,83,204,.025),transparent 30%),
    radial-gradient(ellipse at 90% 88%,rgba(54,135,96,.018),transparent 28%),
    var(--lp-v3-stage-bg)!important;
  box-shadow:
    inset 0 0 0 1px var(--lp-v3-stage-line-soft),
    inset 0 0 88px rgba(180,126,42,.022),
    0 22px 70px rgba(0,0,0,.25)!important;
  pointer-events:none!important;
}

/* Stella = same LifePath stage, now subtly activated in purple. */
.shell.no-orb-shell:has(.stella-preview-v1)::before{
  border-color:rgba(177,112,235,.34)!important;
  background:
    radial-gradient(ellipse at 50% 12%,rgba(135,68,198,.075),transparent 31%),
    radial-gradient(ellipse at 83% 76%,rgba(65,146,106,.022),transparent 26%),
    var(--lp-v3-stage-bg)!important;
  box-shadow:
    inset 0 0 0 1px rgba(215,175,255,.035),
    inset 0 0 96px rgba(91,42,139,.032),
    0 22px 70px rgba(0,0,0,.25)!important;
}

/* Wordmark is always physically over the centred stage. */
.shell:has(.lp-fire)>.brand, .shell:has(.z-fire-v247)>.brand, .shell:has(.combo-v247)>.brand, .shell:has(.truth-v261)>.brand, .shell:has(.hit-v261)>.brand, .shell.no-orb-shell:has(.timing-reveal-v270)>.brand, .shell.no-orb-shell:has(.stella-preview-v1)>.brand{
  position:absolute!important;
  z-index:6!important;
  top:24px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#d9b86e!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.34em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* Critical structural fix: the content canvas is centred over the same stage. */
.shell:has(.lp-fire)>.content, .shell:has(.z-fire-v247)>.content, .shell:has(.combo-v247)>.content, .shell:has(.truth-v261)>.content, .shell:has(.hit-v261)>.content, .shell.no-orb-shell:has(.timing-reveal-v270)>.content, .shell.no-orb-shell:has(.stella-preview-v1)>.content{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:var(--lp-v3-content-w)!important;
  max-width:680px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  text-align:center!important;
}

/* CTA belongs immediately under the stage, never inside it. */
.shell:has(.lp-fire) .actions, .shell:has(.z-fire-v247) .actions, .shell:has(.combo-v247) .actions, .shell:has(.truth-v261) .actions, .shell:has(.hit-v261) .actions, .shell.no-orb-shell:has(.timing-reveal-v270) .actions, .shell.no-orb-shell:has(.stella-preview-result) .actions{
  position:fixed!important;
  z-index:20!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  width:var(--lp-v3-cta-w)!important;
  height:64px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  gap:12px!important;
}
.shell:has(.lp-fire) .actions .btn, .shell:has(.z-fire-v247) .actions .btn, .shell:has(.combo-v247) .actions .btn, .shell:has(.truth-v261) .actions .btn, .shell:has(.hit-v261) .actions .btn, .shell.no-orb-shell:has(.timing-reveal-v270) .actions .btn, .shell.no-orb-shell:has(.stella-preview-result) .actions .btn{
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  padding:0 22px!important;
  border-radius:21px!important;
  font-family:Fraunces,Georgia,serif!important;
  font-size:18px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}

/* Identity reveal: generous orb, then decisive type. */
.shell:has(.lp-fire)>.orb-stage,
.shell:has(.z-fire-v247)>.orb-stage{
  position:absolute!important;
  z-index:4!important;
  top:60px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:220px!important;
  height:220px!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.shell:has(.lp-fire) .lp-orb-reveal,
.shell:has(.z-fire-v247) .orb-zodiac-fire{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:174px!important;
  height:174px!important;
  min-width:174px!important;
  min-height:174px!important;
  max-width:174px!important;
  max-height:174px!important;
  margin:0!important;
}
.shell:has(.lp-fire)>.content,
.shell:has(.z-fire-v247)>.content{
  top:286px!important;
  bottom:108px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.lp-fire,.z-fire-v247{
  width:100%!important;
  max-width:620px!important;
  margin:0 auto!important;
  padding:0 16px!important;
  transform:none!important;
  text-align:center!important;
}
.lp-kicker,.z-fire-v247 .z-kicker{
  margin:0 0 8px!important;
  font-size:13px!important;
  line-height:1.15!important;
  letter-spacing:.18em!important;
}
.lp-number-fire{font-size:98px!important;line-height:.86!important;margin:0!important}
.lp-title-fire,.z-fire-v247 .z-animal-name{
  width:100%!important;
  max-width:620px!important;
  margin:10px auto 0!important;
  font-size:clamp(43px,4vw,54px)!important;
  line-height:1.01!important;
  letter-spacing:-.025em!important;
  white-space:normal!important;
}
.z-fire-v247 .z-element-name{margin:10px auto 0!important;font-size:23px!important;line-height:1.1!important;letter-spacing:.15em!important}
.z-fire-v247 .z-date-range{margin:14px auto 0!important;font-size:13px!important;line-height:1.2!important}
.lp-traits-fire,.z-fire-v247 .z-traits{margin:19px auto 0!important;max-width:400px!important;gap:2px!important}
.lp-trait-fire,.z-fire-v247 .z-trait,.z-fire-v247 .z-trait:last-child{font-size:22px!important;line-height:1.18!important;padding:4px 0!important}
.z-fire-v247 .z-orb-letter{top:-157px!important;font-size:72px!important}

/* Combination + confirmation screens: smaller orb, copy occupies the centre of stage. */
.shell:has(.combo-v247)>.orb-stage,
.shell:has(.truth-v261)>.orb-stage,
.shell:has(.hit-v261)>.orb-stage{
  position:absolute!important;
  z-index:4!important;
  top:58px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:150px!important;
  height:150px!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.shell:has(.combo-v247) .orb{width:102px!important;height:102px!important;max-width:102px!important;max-height:102px!important;transform:none!important}
.shell:has(.truth-v261) .orb,.shell:has(.hit-v261) .orb{width:84px!important;height:84px!important;max-width:84px!important;max-height:84px!important;transform:none!important}
.shell:has(.combo-v247)>.content,
.shell:has(.truth-v261)>.content,
.shell:has(.hit-v261)>.content{
  top:206px!important;
  bottom:108px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.combo-v247,.truth-v261,.hit-v261{
  width:100%!important;
  max-width:650px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0 14px!important;
  transform:none!important;
  overflow:visible!important;
  text-align:center!important;
}
.combo-v247 .eyebrow,.truth-v261 .eyebrow,.hit-v261 .eyebrow{font-size:12px!important;letter-spacing:.17em!important;margin:0 auto 11px!important}
.combo-v247 h1,.hit-v261 h1{font-size:clamp(38px,3.6vw,48px)!important;line-height:1.03!important;margin:0 auto 13px!important}
.combo-v247 .combo-boost,.truth-v261 .pain-turn,.truth-v261 .escalation-turn,.hit-v261 .blindspot-tension{font-size:17.5px!important;line-height:1.34!important}
.combo-v247 .combo-copy,.combo-v247 .combo-unique,.hit-v261 .truth-note{font-size:16px!important;line-height:1.38!important}
.combo-v247 p{max-width:610px!important;margin:8px auto 0!important}
.combo-v247 .combo-next{font-size:18px!important;line-height:1.28!important;margin-top:10px!important}
.truth-v261 .truth{max-width:610px!important;font-size:clamp(27px,2.6vw,34px)!important;line-height:1.15!important}
.truth-v261 .pain-turn{max-width:590px!important;margin-top:15px!important}
.truth-v261 .escalation-turn{max-width:590px!important;margin-top:12px!important}
.truth-v261 .answer-prompt{margin-top:14px!important;font-size:10.5px!important}
.hit-v261 .truth-note{max-width:600px!important;margin:0 auto!important}
.hit-v261 .blindspot-tension{max-width:590px!important;margin:0 auto!important}
.hit-v261 .locked-tease{max-width:560px!important;margin:12px auto 0!important;font-size:13px!important;line-height:1.38!important}

/* Timing: deliberately no orb. Use the room for the selling argument. */
.shell.no-orb-shell:has(.timing-reveal-v270)>.content{
  top:72px!important;
  bottom:108px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.timing-reveal-v270{
  width:100%!important;
  max-width:650px!important;
  margin:0 auto!important;
  padding:0 14px!important;
  transform:none!important;
  text-align:center!important;
}
.timing-reveal-v270 .eyebrow{font-size:12px!important;letter-spacing:.17em!important;margin:0 0 12px!important}
.timing-reveal-v270 h1{font-size:clamp(40px,4vw,52px)!important;line-height:1.01!important;margin:0 auto 18px!important}
.timing-reveal-v270 .window-card{max-width:610px!important;margin:0 auto!important;padding:18px 20px!important;border-radius:20px!important}
.timing-reveal-v270 .window-card strong{font-size:clamp(27px,3vw,35px)!important;line-height:1.1!important}
.timing-reveal-v270 .skeptic-line{max-width:620px!important;margin:17px auto 0!important;font-size:15px!important;line-height:1.43!important}
.timing-reveal-v270 .dont-mess{max-width:610px!important;margin:14px auto 0!important;font-size:18px!important;line-height:1.32!important}
.timing-reveal-v270 .timing-hook{max-width:610px!important;margin:13px auto 0!important;font-size:15px!important;line-height:1.4!important}

/* Stella intro/result stays inside the same stage. Purple is an activation, not a redesign. */
.shell.no-orb-shell:has(.stella-preview-v1)>.content{
  top:58px!important;
  bottom:106px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.stella-preview-v1{width:100%!important;max-width:630px!important;margin:0 auto!important;padding:0 14px!important;transform:none!important}
.stella-preview-orb{width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;flex-basis:96px!important;margin:0 auto 10px!important}
.stella-preview-v1 h1{font-size:clamp(38px,4vw,48px)!important;line-height:1.02!important;margin:0 auto 9px!important}
.stella-preview-lead{max-width:600px!important;font-size:15px!important;line-height:1.38!important;margin:0 auto 11px!important}
.stella-preview-context{justify-content:center!important;margin:0 auto 11px!important}
.stella-preview-prompt{min-height:60px!important;font-size:15px!important;line-height:1.25!important;padding:10px 15px!important}
.stella-preview-prompts{gap:8px!important}
.stella-preview-note{margin-top:8px!important}

/* Result / final Premium page need their real current class names (not old experimental names). */
.shell.no-orb-shell:has(.stella-preview-result)>.content{top:58px!important;bottom:106px!important;align-items:flex-start!important;padding-top:2px!important}
.stella-preview-result{max-width:610px!important}






/* Desktop gets a real desktop composition — not a phone layout on a football field. */
@media (min-width:900px){
  :root{
    --lp-v3-stage-w:min(860px,calc(100vw - 120px));
    --lp-v3-content-w:min(680px,calc(100vw - 200px));
    --lp-v3-cta-w:min(700px,calc(100vw - 180px));
  }
  .shell:has(.lp-fire)>.orb-stage,.shell:has(.z-fire-v247)>.orb-stage{top:62px!important}
  .shell:has(.lp-fire)>.content,.shell:has(.z-fire-v247)>.content{top:286px!important}
  .shell:has(.combo-v247)>.content,.shell:has(.truth-v261)>.content,.shell:has(.hit-v261)>.content{top:204px!important}
}

/* Mobile: almost-full viewport frame, readable type, no collisions. */
@media (max-width:699px){
  :root{
    --lp-v3-stage-w:calc(100vw - 18px);
    --lp-v3-stage-top:8px;
    --lp-v3-stage-bottom:84px;
    --lp-v3-content-w:calc(100vw - 46px);
    --lp-v3-cta-w:calc(100vw - 34px);
  }
  .shell:has(.lp-fire)::before, .shell:has(.z-fire-v247)::before, .shell:has(.combo-v247)::before, .shell:has(.truth-v261)::before, .shell:has(.hit-v261)::before, .shell.no-orb-shell:has(.timing-reveal-v270)::before, .shell.no-orb-shell:has(.stella-preview-v1)::before{border-radius:22px!important}
  .shell:has(.lp-fire)>.brand, .shell:has(.z-fire-v247)>.brand, .shell:has(.combo-v247)>.brand, .shell:has(.truth-v261)>.brand, .shell:has(.hit-v261)>.brand, .shell.no-orb-shell:has(.timing-reveal-v270)>.brand, .shell.no-orb-shell:has(.stella-preview-v1)>.brand{top:21px!important;font-size:10px!important}
  .shell:has(.lp-fire) .actions, .shell:has(.z-fire-v247) .actions, .shell:has(.combo-v247) .actions, .shell:has(.truth-v261) .actions, .shell:has(.hit-v261) .actions, .shell.no-orb-shell:has(.timing-reveal-v270) .actions, .shell.no-orb-shell:has(.stella-preview-result) .actions{bottom:11px!important;height:58px!important}
  .shell:has(.lp-fire) .actions .btn, .shell:has(.z-fire-v247) .actions .btn, .shell:has(.combo-v247) .actions .btn, .shell:has(.truth-v261) .actions .btn, .shell:has(.hit-v261) .actions .btn, .shell.no-orb-shell:has(.timing-reveal-v270) .actions .btn, .shell.no-orb-shell:has(.stella-preview-result) .actions .btn{height:58px!important;min-height:58px!important;font-size:16px!important;border-radius:19px!important}

  .shell:has(.lp-fire)>.orb-stage,.shell:has(.z-fire-v247)>.orb-stage{top:50px!important;width:178px!important;height:178px!important}
  .shell:has(.lp-fire) .lp-orb-reveal,.shell:has(.z-fire-v247) .orb-zodiac-fire{width:136px!important;height:136px!important;min-width:136px!important;min-height:136px!important;max-width:136px!important;max-height:136px!important}
  .shell:has(.lp-fire)>.content,.shell:has(.z-fire-v247)>.content{top:224px!important;bottom:96px!important;align-items:center!important}
  .lp-fire,.z-fire-v247{padding:0 6px!important}
  .lp-number-fire{font-size:78px!important}
  .lp-title-fire,.z-fire-v247 .z-animal-name{font-size:clamp(38px,11vw,46px)!important}
  .z-fire-v247 .z-element-name{font-size:19px!important}
  .z-fire-v247 .z-date-range{font-size:11px!important;margin-top:12px!important}
  .lp-traits-fire,.z-fire-v247 .z-traits{margin-top:16px!important}
  .lp-trait-fire,.z-fire-v247 .z-trait,.z-fire-v247 .z-trait:last-child{font-size:20px!important;padding:3px 0!important}
  .z-fire-v247 .z-orb-letter{top:-128px!important;font-size:58px!important}

  .shell:has(.combo-v247)>.orb-stage,.shell:has(.truth-v261)>.orb-stage,.shell:has(.hit-v261)>.orb-stage{top:48px!important;width:126px!important;height:126px!important}
  .shell:has(.combo-v247) .orb{width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important}
  .shell:has(.truth-v261) .orb,.shell:has(.hit-v261) .orb{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important}
  .shell:has(.combo-v247)>.content,.shell:has(.truth-v261)>.content,.shell:has(.hit-v261)>.content{top:174px!important;bottom:94px!important}
  .combo-v247,.truth-v261,.hit-v261{padding:0 4px!important}
  .combo-v247 h1,.hit-v261 h1{font-size:clamp(31px,8.6vw,38px)!important}
  .combo-v247 .combo-boost,.truth-v261 .pain-turn,.truth-v261 .escalation-turn,.hit-v261 .blindspot-tension{font-size:15.5px!important}
  .combo-v247 .combo-copy,.combo-v247 .combo-unique,.hit-v261 .truth-note{font-size:14px!important}
  .combo-v247 .combo-next{font-size:16px!important}
  .truth-v261 .truth{font-size:clamp(23px,6.2vw,29px)!important}
  .hit-v261 .locked-tease{font-size:12px!important}

  .shell.no-orb-shell:has(.timing-reveal-v270)>.content{top:54px!important;bottom:94px!important}
  .timing-reveal-v270{padding:0 4px!important}
  .timing-reveal-v270 h1{font-size:clamp(35px,9.5vw,43px)!important;margin-bottom:15px!important}
  .timing-reveal-v270 .window-card{padding:15px 11px!important}
  .timing-reveal-v270 .window-card strong{font-size:clamp(24px,6.5vw,30px)!important}
  .timing-reveal-v270 .skeptic-line{font-size:13.5px!important;line-height:1.4!important;margin-top:14px!important}
  .timing-reveal-v270 .dont-mess{font-size:16px!important;margin-top:12px!important}
  .timing-reveal-v270 .timing-hook{font-size:13.5px!important;margin-top:11px!important}

  .shell.no-orb-shell:has(.stella-preview-v1)>.content{top:47px!important;bottom:92px!important}
  .stella-preview-v1{padding:0 3px!important}
  .stella-preview-orb{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;flex-basis:82px!important}
  .stella-preview-v1 h1{font-size:clamp(34px,9.3vw,42px)!important}
  .stella-preview-lead{font-size:13.5px!important}
  .stella-preview-context span{font-size:9px!important;padding:7px 9px!important}
  .stella-preview-prompt{min-height:56px!important;font-size:13.2px!important;padding:9px 12px!important}
  .stella-preview-question-label{font-size:10px!important}
  .stella-preview-note{font-size:10px!important}
  .stella-preview-result .stella-preview-answer p{font-size:12.8px!important;line-height:1.44!important}

  
  
  
}

/* Short-height safety: compress spacing before shrinking text aggressively. */
@media (max-height:760px){
  :root{--lp-v3-stage-bottom:80px}
  .shell:has(.lp-fire)>.orb-stage,.shell:has(.z-fire-v247)>.orb-stage{top:48px!important;width:158px!important;height:158px!important}
  .shell:has(.lp-fire) .lp-orb-reveal,.shell:has(.z-fire-v247) .orb-zodiac-fire{width:122px!important;height:122px!important;min-width:122px!important;min-height:122px!important;max-width:122px!important;max-height:122px!important}
  .shell:has(.lp-fire)>.content,.shell:has(.z-fire-v247)>.content{top:196px!important;bottom:88px!important}
  .lp-number-fire{font-size:68px!important}.lp-title-fire,.z-fire-v247 .z-animal-name{font-size:37px!important}.lp-trait-fire,.z-fire-v247 .z-trait,.z-fire-v247 .z-trait:last-child{font-size:17px!important}.z-fire-v247 .z-orb-letter{top:-115px!important;font-size:52px!important}
  .shell:has(.combo-v247)>.orb-stage,.shell:has(.truth-v261)>.orb-stage,.shell:has(.hit-v261)>.orb-stage{top:44px!important;width:108px!important;height:108px!important}
  .shell:has(.combo-v247) .orb{width:74px!important;height:74px!important;max-width:74px!important;max-height:74px!important}.shell:has(.truth-v261) .orb,.shell:has(.hit-v261) .orb{width:62px!important;height:62px!important;max-width:62px!important;max-height:62px!important}
  .shell:has(.combo-v247)>.content,.shell:has(.truth-v261)>.content,.shell:has(.hit-v261)>.content{top:150px!important;bottom:88px!important}
  .combo-v247 h1,.hit-v261 h1{font-size:31px!important}.combo-v247 .combo-boost,.truth-v261 .pain-turn,.truth-v261 .escalation-turn,.hit-v261 .blindspot-tension{font-size:14px!important}.combo-v247 .combo-copy,.combo-v247 .combo-unique,.hit-v261 .truth-note{font-size:12.8px!important}.combo-v247 .combo-next{font-size:14.5px!important}.truth-v261 .truth{font-size:23px!important}.hit-v261 .locked-tease{font-size:10.8px!important}
  .shell.no-orb-shell:has(.timing-reveal-v270)>.content{top:48px!important;bottom:88px!important}.timing-reveal-v270 h1{font-size:34px!important;margin-bottom:11px!important}.timing-reveal-v270 .window-card{padding:12px 10px!important}.timing-reveal-v270 .window-card strong{font-size:24px!important}.timing-reveal-v270 .skeptic-line{font-size:12px!important;line-height:1.34!important;margin-top:10px!important}.timing-reveal-v270 .dont-mess{font-size:14px!important;margin-top:9px!important}.timing-reveal-v270 .timing-hook{font-size:12px!important;margin-top:8px!important}
  .shell.no-orb-shell:has(.stella-preview-v1)>.content{top:42px!important;bottom:86px!important}.stella-preview-orb{width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;flex-basis:68px!important;margin-bottom:7px!important}.stella-preview-v1 h1{font-size:31px!important}.stella-preview-lead{font-size:12px!important}.stella-preview-context{margin-bottom:7px!important}.stella-preview-prompt{min-height:48px!important;font-size:12px!important}.stella-preview-prompts{gap:6px!important}
}

/* Preserve the locked calculation-orb regression fix at the end of the cascade. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none!important;
  width:116px!important;
  height:116px!important;
  max-width:116px!important;
  max-height:116px!important;
  box-shadow:
    0 0 24px rgba(255,216,125,.42),
    0 0 50px rgba(206,146,54,.17),
    0 0 72px rgba(145,91,26,.05),
    inset -18px -21px 34px rgba(0,0,0,.50),
    inset 10px 8px 24px rgba(255,232,161,.14)!important;
}
.lp-orb-thinking.is-ready::before,
.lp-orb-thinking.is-charging.is-ready::before,
.lp-orb-thinking.is-ready::after,
.lp-orb-thinking.is-charging.is-ready::after{filter:none!important}

/* V3.0.1 — critical containing-block correction.
   Never transform .content: fixed CTAs live inside it in the current DOM, and a
   transform makes position:fixed relative to the content canvas instead of the viewport. */
.shell:has(.lp-fire)>.content, .shell:has(.z-fire-v247)>.content, .shell:has(.combo-v247)>.content, .shell:has(.truth-v261)>.content, .shell:has(.hit-v261)>.content, .shell.no-orb-shell:has(.timing-reveal-v270)>.content, .shell.no-orb-shell:has(.stella-preview-v1)>.content{
  left:0!important;
  right:0!important;
  transform:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  height:auto!important;
  min-height:0!important;
}

/* ========================================================================== */
/* LIFEPATH ONBOARDING COMPOSITION V3.0.2 — atmosphere + reveal cohesion     */
/* Keeps V3.0.1 geometry intact, then selectively tightens the sparse screens. */
/* ========================================================================== */

/* The extra colours are lighting, not UI chrome. They begin almost invisibly
   around the pattern screens, then become legible as Stella approaches. */
.shell:has(.combo-v247)::before{
  background:
    radial-gradient(ellipse at 50% 11%,rgba(219,167,73,.067),transparent 29%),
    radial-gradient(ellipse at 7% 88%,rgba(151,84,210,.040),transparent 31%),
    radial-gradient(ellipse at 93% 88%,rgba(60,150,106,.024),transparent 29%),
    var(--lp-v3-stage-bg)!important;
}
.shell:has(.truth-v261)::before,
.shell:has(.hit-v261)::before{
  background:
    radial-gradient(ellipse at 50% 11%,rgba(219,167,73,.060),transparent 29%),
    radial-gradient(ellipse at 5% 86%,rgba(151,84,210,.062),transparent 32%),
    radial-gradient(ellipse at 95% 88%,rgba(60,150,106,.032),transparent 30%),
    var(--lp-v3-stage-bg)!important;
  border-color:rgba(205,156,74,.31)!important;
}
.shell.no-orb-shell:has(.timing-reveal-v270)::before{
  background:
    radial-gradient(ellipse at 50% 10%,rgba(219,167,73,.052),transparent 29%),
    radial-gradient(ellipse at 7% 87%,rgba(151,84,210,.042),transparent 31%),
    radial-gradient(ellipse at 93% 84%,rgba(61,159,111,.052),transparent 30%),
    var(--lp-v3-stage-bg)!important;
}

/* A barely-there colour echo outside the stage prevents the edge from feeling
   pasted onto pure black, while preserving the black/gold identity. */
.shell:has(.combo-v247),
.shell:has(.truth-v261),
.shell:has(.hit-v261),
.shell.no-orb-shell:has(.timing-reveal-v270){
  background:
    radial-gradient(ellipse at 12% 88%,rgba(142,76,205,.055),transparent 26%),
    radial-gradient(ellipse at 88% 86%,rgba(54,146,101,.038),transparent 24%),
    #060605!important;
}

/* ZODIAC: treat orb + identity as one reveal, especially on Retina laptop
   screenshots where the CSS viewport is much smaller than the pixel image. */
.shell:has(.z-fire-v247)>.orb-stage{
  top:68px!important;
  width:236px!important;
  height:236px!important;
}
.shell:has(.z-fire-v247) .orb-zodiac-fire{
  width:194px!important;
  height:194px!important;
  min-width:194px!important;
  min-height:194px!important;
  max-width:194px!important;
  max-height:194px!important;
}
.shell:has(.z-fire-v247)>.content{
  top:292px!important;
  bottom:108px!important;
  align-items:flex-start!important;
}
.z-fire-v247{
  align-self:flex-start!important;
}
.z-fire-v247 .z-orb-letter{
  top:-174px!important;
  font-size:78px!important;
}

/* Slightly strengthen the visual anchor on the middle pattern screens without
   turning them back into 'orb screens'. */
.shell:has(.combo-v247) .orb{
  width:110px!important;
  height:110px!important;
  max-width:110px!important;
  max-height:110px!important;
}
.shell:has(.truth-v261) .orb,
.shell:has(.hit-v261) .orb{
  width:90px!important;
  height:90px!important;
  max-width:90px!important;
  max-height:90px!important;
}

@media (max-width:820px){
  /* This is the key gap fix: do not vertically centre the Zodiac identity in a
     tall content rail. Start it directly below the enlarged orb instead. */
  .shell:has(.z-fire-v247)>.orb-stage{
    top:54px!important;
    width:188px!important;
    height:188px!important;
  }
  .shell:has(.z-fire-v247) .orb-zodiac-fire{
    width:146px!important;
    height:146px!important;
    min-width:146px!important;
    min-height:146px!important;
    max-width:146px!important;
    max-height:146px!important;
  }
  .shell:has(.z-fire-v247)>.content{
    top:232px!important;
    bottom:96px!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .z-fire-v247 .z-orb-letter{
    top:-137px!important;
    font-size:62px!important;
  }

  .shell:has(.combo-v247) .orb{
    width:94px!important;
    height:94px!important;
    max-width:94px!important;
    max-height:94px!important;
  }
  .shell:has(.truth-v261) .orb,
  .shell:has(.hit-v261) .orb{
    width:78px!important;
    height:78px!important;
    max-width:78px!important;
    max-height:78px!important;
  }
}

@media (max-height:760px){
  /* Short laptop/mobile CSS viewports: keep the orb substantial but preserve
     enough room for Rooster / Free-Spirited and the CTA rail. */
  .shell:has(.z-fire-v247)>.orb-stage{
    top:50px!important;
    width:172px!important;
    height:172px!important;
  }
  .shell:has(.z-fire-v247) .orb-zodiac-fire{
    width:132px!important;
    height:132px!important;
    min-width:132px!important;
    min-height:132px!important;
    max-width:132px!important;
    max-height:132px!important;
  }
  .shell:has(.z-fire-v247)>.content{
    top:208px!important;
    bottom:88px!important;
    align-items:flex-start!important;
  }
  .z-fire-v247 .z-orb-letter{
    top:-124px!important;
    font-size:56px!important;
  }

  .shell:has(.combo-v247) .orb{
    width:82px!important;
    height:82px!important;
    max-width:82px!important;
    max-height:82px!important;
  }
  .shell:has(.truth-v261) .orb,
  .shell:has(.hit-v261) .orb{
    width:68px!important;
    height:68px!important;
    max-width:68px!important;
    max-height:68px!important;
  }
}

/* Keep the locked calculation orb fix absolutely last. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none!important;
  width:116px!important;
  height:116px!important;
  max-width:116px!important;
  max-height:116px!important;
  box-shadow:
    0 0 24px rgba(255,216,125,.42),
    0 0 50px rgba(206,146,54,.17),
    0 0 72px rgba(145,91,26,.05),
    inset -18px -21px 34px rgba(0,0,0,.50),
    inset 10px 8px 24px rgba(255,232,161,.14)!important;
}
.lp-orb-thinking.is-ready::before,
.lp-orb-thinking.is-charging.is-ready::before,
.lp-orb-thinking.is-ready::after,
.lp-orb-thinking.is-charging.is-ready::after{filter:none!important}

/* ========================================================================== */
/* LIFEPATH ONBOARDING COMPOSITION V3.0.3 — tighter Zodiac + living signals */
/* ========================================================================== */

/* Zodiac letter experiment retired. Keep the orb pure and iconic. */
.z-fire-v247 .z-orb-letter,
.z-orb-letter{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* Critical cohesion fix: the Zodiac identity must START beneath the orb,
   not vertically centre itself inside the remaining stage. */
.shell:has(.z-fire-v247)>.content{
  justify-content:flex-start!important;
}

/* The orb becomes the subtle colour carrier through the funnel.
   Gold remains the core identity; green/purple appear as intelligence signals. */
@keyframes lpOrbSignalGreen{
  0%,100%{
    transform:scale(.98);
    filter:brightness(.96);
    box-shadow:
      0 0 22px rgba(231,194,109,.44),
      0 0 62px rgba(173,116,42,.20),
      0 0 92px rgba(145,91,26,.08),
      inset -10px -13px 22px rgba(0,0,0,.48),
      inset 8px 6px 20px rgba(255,232,161,.10);
  }
  48%{
    transform:scale(1.045);
    filter:brightness(1.08);
    box-shadow:
      0 0 24px rgba(227,191,105,.42),
      0 0 62px rgba(98,164,113,.24),
      0 0 96px rgba(58,127,87,.13),
      inset -10px -13px 22px rgba(0,0,0,.48),
      inset 8px 6px 22px rgba(126,190,137,.10);
  }
}

@keyframes lpOrbSignalBridge{
  0%,100%{
    transform:scale(.98);
    filter:brightness(.96);
    box-shadow:
      0 0 22px rgba(231,194,109,.42),
      0 0 60px rgba(173,116,42,.18),
      0 0 90px rgba(145,91,26,.07),
      inset -10px -13px 22px rgba(0,0,0,.48),
      inset 8px 6px 20px rgba(255,232,161,.10);
  }
  34%{
    transform:scale(1.035);
    filter:brightness(1.06);
    box-shadow:
      0 0 24px rgba(224,190,103,.40),
      0 0 64px rgba(81,157,108,.27),
      0 0 100px rgba(45,123,81,.15),
      inset -10px -13px 22px rgba(0,0,0,.48),
      inset 8px 6px 22px rgba(119,190,140,.11);
  }
  68%{
    transform:scale(1.055);
    filter:brightness(1.10);
    box-shadow:
      0 0 24px rgba(224,190,103,.34),
      0 0 66px rgba(143,89,211,.28),
      0 0 104px rgba(101,54,163,.16),
      inset -10px -13px 22px rgba(0,0,0,.48),
      inset 8px 6px 22px rgba(176,128,230,.10);
  }
}

@keyframes lpAuraSignalGreen{
  0%,100%{background:rgba(219,177,84,.10);box-shadow:0 0 28px rgba(203,154,70,.08);opacity:.48}
  50%{background:rgba(77,158,107,.075);box-shadow:0 0 36px rgba(64,154,103,.16);opacity:.62}
}

@keyframes lpAuraSignalBridge{
  0%,100%{background:rgba(219,177,84,.09);box-shadow:0 0 26px rgba(203,154,70,.08);opacity:.46}
  34%{background:rgba(69,157,106,.08);box-shadow:0 0 38px rgba(60,153,103,.17);opacity:.64}
  68%{background:rgba(142,83,207,.085);box-shadow:0 0 40px rgba(135,77,205,.18);opacity:.66}
}

/* Combination: the first hint — green only in the halo. */
.shell:has(.combo-v247) .orb{
  animation:lpOrbSignalGreen 8.5s ease-in-out infinite!important;
}
.shell:has(.combo-v247) .orb::before{
  animation:lpAuraSignalGreen 8.5s ease-in-out infinite!important;
  mix-blend-mode:screen;
}

/* Truth: a clearly perceptible gold -> green intelligence pulse. */
.shell:has(.truth-v261) .orb{
  animation:lpOrbSignalGreen 7.2s ease-in-out infinite!important;
  animation-delay:-2.3s!important;
}
.shell:has(.truth-v261) .orb::before{
  animation:lpAuraSignalGreen 7.2s ease-in-out infinite!important;
  animation-delay:-2.3s!important;
  mix-blend-mode:screen;
}

/* Blind spot: bridge green into purple so Stella feels like the same system
   entering a deeper mode rather than a new website. */
.shell:has(.hit-v261) .orb{
  animation:lpOrbSignalBridge 9.6s ease-in-out infinite!important;
  animation-delay:-3.2s!important;
}
.shell:has(.hit-v261) .orb::before{
  animation:lpAuraSignalBridge 9.6s ease-in-out infinite!important;
  animation-delay:-3.2s!important;
  mix-blend-mode:screen;
}

/* Stella activation: arrive from a warm/gold state and resolve into the
   established mystic-purple Stella orb, then return to the normal breathe. */
@keyframes stellaOrbActivateV303{
  0%{
    filter:sepia(.88) saturate(1.75) hue-rotate(342deg) brightness(.98);
    box-shadow:
      0 0 20px rgba(231,194,109,.50),
      0 0 58px rgba(180,123,46,.30),
      0 0 92px rgba(145,91,26,.14),
      inset -13px -16px 23px rgba(0,0,0,.48);
  }
  55%{
    filter:sepia(.30) saturate(1.30) hue-rotate(300deg) brightness(1.04);
    box-shadow:
      0 0 21px rgba(195,153,163,.48),
      0 0 60px rgba(143,86,183,.31),
      0 0 94px rgba(107,61,151,.15),
      inset -13px -16px 23px rgba(0,0,0,.48);
  }
  100%{
    filter:none;
    box-shadow:
      0 0 18px rgba(190,126,255,.48),
      0 0 50px rgba(126,59,215,.29),
      0 0 88px rgba(92,42,164,.15),
      inset -13px -16px 23px rgba(0,0,0,.48);
  }
}
@keyframes stellaPreviewBreatheV303{
  0%,100%{transform:scale(.98);filter:brightness(.94)}
  50%{transform:scale(1.06);filter:brightness(1.12)}
}
.stella-preview-v1 .stella-preview-orb,
.stella-preview-result .stella-preview-orb{
  animation:
    stellaOrbActivateV303 2.35s cubic-bezier(.22,.75,.2,1) 1 both,
    stellaPreviewBreatheV303 3.8s ease-in-out 2.35s infinite!important;
}

/* Keep the locked calculation orb fix absolutely last. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none!important;
  width:116px!important;
  height:116px!important;
  max-width:116px!important;
  max-height:116px!important;
  box-shadow:
    0 0 24px rgba(255,216,125,.42),
    0 0 50px rgba(206,146,54,.17),
    0 0 72px rgba(145,91,26,.05),
    inset -18px -21px 34px rgba(0,0,0,.50),
    inset 10px 8px 24px rgba(255,232,161,.14)!important;
}
.lp-orb-thinking.is-ready::before,
.lp-orb-thinking.is-charging.is-ready::before,
.lp-orb-thinking.is-ready::after,
.lp-orb-thinking.is-charging.is-ready::after{filter:none!important}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.0.4 — identity build + cinematic convergence         */
/* ========================================================================== */

/* Zodiac is now the second half of one identity build, not an isolated screen. */
.identity-build{
  width:min(100%,760px)!important;
  margin:0 auto!important;
  text-align:center!important;
}
.identity-build-lp{transition:opacity 1.15s ease,filter 1.15s ease,transform 1.15s ease!important}
.identity-mini-kicker{margin-bottom:7px!important;font-size:11px!important;letter-spacing:.24em!important}
.identity-lp-line{display:flex!important;justify-content:center!important;align-items:baseline!important;gap:15px!important}
.identity-lp-number{font:500 54px/1 Fraunces,Georgia,serif!important;color:#efd28e!important;text-shadow:0 0 24px rgba(224,179,88,.18)!important}
.identity-lp-title{font:500 27px/1.08 Fraunces,Georgia,serif!important;color:#f4efe5!important}
.identity-lp-traits{display:flex!important;justify-content:center!important;gap:18px!important;margin-top:10px!important;color:#cfc5b5!important;font:600 13px/1.2 Manrope,Arial,sans-serif!important}
.identity-build-divider{width:48px!important;height:1px!important;margin:22px auto 20px!important;background:linear-gradient(90deg,transparent,#a47b38,transparent)!important;opacity:.8!important;transition:opacity 1s ease!important}
.identity-build-reading .z-orb-wait{min-height:72px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.identity-build-reading .z-calc{font-size:12px!important;letter-spacing:.22em!important;color:#c9a85d!important}
.identity-build-zodiac{animation:identityZodiacArrive 1.15s cubic-bezier(.2,.78,.2,1) both!important}
@keyframes identityZodiacArrive{from{opacity:0;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.identity-build-complete .z-kicker{margin-bottom:8px!important}
.identity-build-complete .z-animal-name{font-size:49px!important;line-height:1!important;margin:0!important}
.identity-build-complete .z-element-name{font-size:18px!important;margin-top:10px!important;letter-spacing:.15em!important}
.identity-build-complete .z-date-range{font-size:11px!important;margin-top:10px!important}
.identity-build-complete .z-traits{display:flex!important;justify-content:center!important;gap:18px!important;margin-top:20px!important}
.identity-build-complete .z-trait,.identity-build-complete .z-trait:last-child{font-size:15px!important;margin:0!important;line-height:1.2!important}

/* Pull the entire assembled identity up into the visual relationship with the orb. */
.shell:has(.identity-build)>.orb-stage{top:58px!important}
.shell:has(.identity-build)>.content{top:292px!important;bottom:108px!important;justify-content:flex-start!important;align-items:center!important}
.shell:has(.identity-build-complete) .orb-zodiac-fire{width:168px!important;height:168px!important;max-width:168px!important;max-height:168px!important}

/* The cinematic hand-off: everything dies away except the two identity anchors. */
.identity-convergence{position:fixed!important;z-index:75!important;left:50%!important;top:50%!important;transform:translate(-50%,-46%) scale(.96)!important;width:min(88vw,700px)!important;text-align:center!important;opacity:0!important;pointer-events:none!important;transition:opacity 1.1s ease,transform 1.35s cubic-bezier(.2,.8,.2,1),filter 1.1s ease!important;filter:blur(5px)!important}
.identity-convergence-lp,.identity-convergence-z{font-family:Fraunces,Georgia,serif!important;font-weight:500!important;letter-spacing:.02em!important}
.identity-convergence-lp{font-size:31px!important;color:#f1eadf!important}
.identity-convergence-lp strong{font-size:48px!important;color:#efd28e!important;font-weight:500!important;margin-left:7px!important}
.identity-convergence-z{font-size:39px!important;color:#efd28e!important;text-transform:uppercase!important}
.identity-convergence-mark{font:400 18px/1 Manrope,Arial,sans-serif!important;color:#806a44!important;margin:14px 0!important;opacity:.7!important}
.shell.identity-is-converging>.brand,.shell.identity-is-converging>.orb-stage,.shell.identity-is-converging .identity-build-lp,.shell.identity-is-converging .identity-build-divider,.shell.identity-is-converging .identity-build-zodiac,.shell.identity-is-converging .z-actions{transition:opacity 1.15s ease,filter 1.15s ease,transform 1.15s ease!important;opacity:0!important;filter:blur(5px)!important}
.shell.identity-is-converging::after{content:""!important;position:fixed!important;inset:0!important;z-index:65!important;background:#030303!important;opacity:0!important;pointer-events:none!important;transition:opacity 1.4s ease!important}
.shell.identity-keepers-only::after{opacity:.97!important}
.shell.identity-keepers-only .identity-convergence{opacity:1!important;filter:none!important;transform:translate(-50%,-50%) scale(1)!important}
.shell.identity-keepers-lock .identity-convergence{transform:translate(-50%,-50%) scale(1.035)!important}
.combo-arrival{animation:comboArrival 1.25s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes comboArrival{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

/* A subtle living colour signal THROUGH the onboarding orb.
   The orb always reads as gold. Green and purple only breathe through its halo. */
@keyframes identityOrbAuraDrift{
  0%,100%{background:radial-gradient(circle,rgba(222,177,84,.16),transparent 66%);box-shadow:0 0 26px rgba(210,157,65,.09)}
  30%{background:radial-gradient(circle,rgba(222,177,84,.14),rgba(78,153,105,.075) 34%,transparent 68%);box-shadow:0 0 32px rgba(63,145,98,.13)}
  62%{background:radial-gradient(circle,rgba(222,177,84,.14),rgba(123,77,179,.07) 36%,transparent 68%);box-shadow:0 0 34px rgba(119,70,176,.13)}
  82%{background:radial-gradient(circle,rgba(222,177,84,.16),rgba(76,145,100,.045) 38%,transparent 68%);box-shadow:0 0 28px rgba(69,139,96,.09)}
}
.lp-orb-reveal::before,.lp-orb-reveal::after,
.identity-orb-signal::before,.identity-orb-signal::after,
.orb-low::before,.orb-low::after,
.orb-intense::before,.orb-intense::after,
.orb-calm::before,.orb-calm::after{
  animation:identityOrbAuraDrift 14s ease-in-out infinite!important;
}
.lp-orb-reveal::after,.identity-orb-signal::after,.orb-low::after,.orb-intense::after,.orb-calm::after{animation-delay:-7s!important;opacity:.42!important}

/* Stella: arrive purple, but breathe slowly. No rapid colour/state flicker. */
.stella-preview-orb{animation:stellaPreviewBreatheSlow 7.5s ease-in-out infinite!important}
.stella-preview-orb i{animation-duration:8.5s!important}
.stella-preview-orb.is-speaking{animation:stellaPreviewBreatheSlow 6.4s ease-in-out infinite!important}
@keyframes stellaPreviewBreatheSlow{0%,100%{transform:scale(.985);filter:brightness(.96)}50%{transform:scale(1.045);filter:brightness(1.075)}}

@media(max-width:700px){
  .shell:has(.identity-build)>.orb-stage{top:56px!important}
  .shell:has(.identity-build)>.content{top:265px!important;bottom:98px!important;padding-inline:20px!important}
  .shell:has(.identity-build-complete) .orb-zodiac-fire{width:146px!important;height:146px!important;max-width:146px!important;max-height:146px!important}
  .identity-lp-number{font-size:43px!important}.identity-lp-title{font-size:22px!important}
  .identity-lp-traits{gap:12px!important;font-size:11.5px!important}
  .identity-build-divider{margin:16px auto 15px!important}
  .identity-build-complete .z-animal-name{font-size:40px!important}
  .identity-build-complete .z-element-name{font-size:15px!important}
  .identity-build-complete .z-traits{gap:12px!important;margin-top:15px!important}
  .identity-build-complete .z-trait,.identity-build-complete .z-trait:last-child{font-size:13px!important}
  .identity-convergence-lp{font-size:24px!important}.identity-convergence-lp strong{font-size:39px!important}.identity-convergence-z{font-size:31px!important}
}
@media(max-height:760px){
  .shell:has(.identity-build)>.orb-stage{top:42px!important}
  .shell:has(.identity-build)>.content{top:215px!important;bottom:84px!important}
  .shell:has(.identity-build-complete) .orb-zodiac-fire{width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important}
  .identity-mini-kicker{font-size:9px!important}.identity-lp-number{font-size:35px!important}.identity-lp-title{font-size:19px!important}
  .identity-lp-traits{margin-top:6px!important;font-size:10px!important}.identity-build-divider{margin:10px auto!important}
  .identity-build-complete .z-animal-name{font-size:34px!important}.identity-build-complete .z-element-name{font-size:13px!important;margin-top:6px!important}.identity-build-complete .z-date-range{margin-top:6px!important}.identity-build-complete .z-traits{margin-top:10px!important}
}

/* Keep the locked calculation orb regression fix absolutely last. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none!important;width:116px!important;height:116px!important;max-width:116px!important;max-height:116px!important;
  box-shadow:0 0 24px rgba(255,216,125,.42),0 0 50px rgba(206,146,54,.17),0 0 72px rgba(145,91,26,.05),inset -18px -21px 34px rgba(0,0,0,.50),inset 10px 8px 24px rgba(255,232,161,.14)!important;
}
.lp-orb-thinking.is-ready::before,.lp-orb-thinking.is-charging.is-ready::before,.lp-orb-thinking.is-ready::after,.lp-orb-thinking.is-charging.is-ready::after{filter:none!important}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.1.0 — locked Zodiac → identity → combination handoff */
/* ========================================================================== */

/* The completed Zodiac reveal is an automatic reveal screen: no CTA rail.
   Give the assembled Life Path + Zodiac identity the full stage. */
.shell:has(.identity-build-complete)::before{bottom:18px!important}
.shell:has(.identity-build-complete)>.content{bottom:34px!important}

/* During the dissolve, do NOT allow older parent-level convergence rules to
   erase the Life Path and Zodiac blocks in one hit. Their children fade in
   deliberate layers instead. */
.shell.identity-is-converging .identity-build-lp,
.shell.identity-is-converging .identity-build-zodiac{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}

/* First layer: traits disappear. */
.shell.identity-is-converging .identity-lp-traits,
.shell.identity-is-converging .z-traits{
  transition:opacity 1.05s ease,filter 1.05s ease,transform 1.05s ease!important;
  opacity:0!important;
  filter:blur(4px)!important;
  transform:translateY(4px)!important;
}

/* Second layer: labels, titles and metadata quietly fall away. */
.shell.identity-is-converging .identity-mini-kicker,
.shell.identity-is-converging .identity-lp-title,
.shell.identity-is-converging .z-kicker,
.shell.identity-is-converging .z-element-name,
.shell.identity-is-converging .z-date-range,
.shell.identity-is-converging .identity-build-divider{
  transition:opacity 1.35s .18s ease,filter 1.35s .18s ease!important;
  opacity:0!important;
  filter:blur(5px)!important;
}

/* The Life Path number and Zodiac animal are the final surviving anchors.
   They remain visible until the centred identity equation arrives. */
.shell.identity-is-converging .identity-lp-number,
.shell.identity-is-converging .z-animal-name{
  opacity:1!important;
  filter:none!important;
  transition:opacity .75s ease,filter .75s ease!important;
}
.shell.identity-equation-visible .identity-lp-number,
.shell.identity-equation-visible .z-animal-name{
  opacity:0!important;
  filter:blur(4px)!important;
}

/* Wordmark, orb and frame recede after the words have already started fading.
   The orb keeps its normal breathing animation while its stage fades away. */
.shell.identity-is-converging>.brand{
  transition:opacity 1.55s .48s ease,filter 1.55s .48s ease!important;
  opacity:0!important;
  filter:blur(5px)!important;
}
.shell.identity-is-converging>.orb-stage{
  transition:opacity 1.75s .48s ease,filter 1.75s .48s ease!important;
  opacity:0!important;
  filter:blur(5px)!important;
  transform:none!important;
}
.shell.identity-is-converging::before{
  transition:opacity 1.45s .62s ease!important;
  opacity:0!important;
}

/* No artificial black flash. The LifePath stage is already near-black; once
   the frame and content recede, the identity naturally hangs in darkness. */
.shell.identity-is-converging::after{
  opacity:0!important;
  transition:none!important;
}

/* Distilled identity. Hidden until JS explicitly reveals it after the staged
   dissolve. This is the only content left before Combination loads. */
.identity-convergence{
  position:fixed!important;
  z-index:75!important;
  left:50%!important;
  top:50%!important;
  width:min(92vw,820px)!important;
  text-align:center!important;
  pointer-events:none!important;
  opacity:0!important;
  filter:blur(5px)!important;
  transform:translate(-50%,-48%) scale(.975)!important;
  transition:
    opacity .9s ease,
    transform 1.15s cubic-bezier(.18,.82,.2,1),
    filter .9s ease!important;
}
.identity-equation{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:18px!important;
  white-space:nowrap!important;
  font-family:Fraunces,Georgia,serif!important;
  text-shadow:0 0 34px rgba(221,174,78,.12)!important;
}
.identity-equation-lp,
.identity-equation-z,
.identity-equation-name{
  font-weight:500!important;
  line-height:1!important;
}
.identity-equation-lp{font-size:72px!important;color:#efd28e!important}
.identity-equation-z{font-size:58px!important;color:#f4efe5!important}
.identity-equation-name{font-size:58px!important;color:#efd28e!important;text-transform:none!important}
.identity-equation-plus,
.identity-equation-equals{
  font:400 25px/1 Manrope,Arial,sans-serif!important;
  color:#8d7853!important;
  opacity:.78!important;
}
.shell.identity-equation-visible .identity-convergence{
  opacity:1!important;
  filter:none!important;
  transform:translate(-50%,-50%) scale(1)!important;
}

/* Combination arrives calmly after the identity has had its own beat. */
.combo-arrival{animation:comboArrival 1.25s cubic-bezier(.2,.8,.2,1) both!important}

@media(max-width:700px){
  .shell:has(.identity-build-complete)::before{bottom:12px!important}
  .shell:has(.identity-build-complete)>.content{bottom:28px!important}
  .identity-equation{gap:10px!important}
  .identity-equation-lp{font-size:52px!important}
  .identity-equation-z,.identity-equation-name{font-size:39px!important}
  .identity-equation-plus,.identity-equation-equals{font-size:18px!important}
}
@media(max-width:420px){
  .identity-equation{gap:8px!important}
  .identity-equation-lp{font-size:46px!important}
  .identity-equation-z,.identity-equation-name{font-size:34px!important}
  .identity-equation-plus,.identity-equation-equals{font-size:16px!important}
}

/* Keep the locked calculation orb regression fix absolutely last. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none!important;
  width:116px!important;
  height:116px!important;
  max-width:116px!important;
  max-height:116px!important;
  box-shadow:
    0 0 24px rgba(255,216,125,.42),
    0 0 50px rgba(206,146,54,.17),
    0 0 72px rgba(145,91,26,.05),
    inset -18px -21px 34px rgba(0,0,0,.50),
    inset 10px 8px 24px rgba(255,232,161,.14)!important;
}
.lp-orb-thinking.is-ready::before,
.lp-orb-thinking.is-charging.is-ready::before,
.lp-orb-thinking.is-ready::after,
.lp-orb-thinking.is-charging.is-ready::after{
  filter:none!important;
}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.2.0 — one-screen identity reveal                    */
/* Locked flow: Life Path -> Zodiac beneath -> dissolve -> anchors -> black.   */
/* ========================================================================== */

/* Screen 1 introduces the same premium stage language used later, rather than
   letting the frame suddenly appear several screens into the onboarding. */
.lp-intro::before{
  content:"";
  position:absolute;
  inset:10px 12px 18px;
  border:1px solid rgba(174,128,53,.34);
  border-radius:28px;
  pointer-events:none;
  opacity:0;
  box-shadow:inset 0 0 42px rgba(181,126,43,.025),0 0 34px rgba(126,82,27,.025);
  animation:lpIntroFrameIn 1.8s 1.15s ease forwards;
}
@keyframes lpIntroFrameIn{to{opacity:1}}

/* One composed identity screen. The orb owns the upper zone; ALL information
   starts below it, so text can never render behind the orb. */
.identity-screen-v320{
  width:min(100%,760px)!important;
  margin:0 auto!important;
  text-align:center!important;
}
.shell:has(.identity-screen-v320)>.orb-stage{
  top:58px!important;
  width:150px!important;
  height:150px!important;
}
.shell:has(.identity-screen-v320) .identity-v320-orb{
  width:132px!important;
  height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
}
.shell:has(.identity-screen-v320)>.content{
  top:246px!important;
  bottom:44px!important;
  justify-content:flex-start!important;
  align-items:center!important;
  overflow:visible!important;
}
.shell:has(.identity-screen-v320)::before{bottom:18px!important}

.identity-v320-lp{
  opacity:0;
  transform:translateY(10px);
  animation:v320Arrive .9s .25s cubic-bezier(.2,.8,.2,1) forwards;
}
.identity-v320-kicker{margin-bottom:7px!important}
.identity-v320-lp-line{display:flex;align-items:baseline;justify-content:center;gap:16px}
.identity-v320-number{
  font:500 58px/1 Fraunces,Georgia,serif;
  color:#efd28e;
  text-shadow:0 0 26px rgba(222,177,84,.16);
}
.identity-v320-title{font:500 29px/1.08 Fraunces,Georgia,serif;color:#f4efe5}
.identity-v320-lp-traits{
  display:flex;justify-content:center;gap:20px;margin-top:10px;
  font:600 13px/1.2 Manrope,Arial,sans-serif;color:#cec4b5;
}
.identity-v320-rule{
  width:50px;height:1px;margin:20px auto 18px;
  background:linear-gradient(90deg,transparent,#a47b38,transparent);
  opacity:0;animation:v320Rule .8s 1.65s ease forwards;
}
.identity-v320-zodiac{
  opacity:0;transform:translateY(15px);filter:blur(2px);
  animation:v320Arrive 1.05s 2.15s cubic-bezier(.2,.8,.2,1) forwards;
}
.identity-v320-z-kicker{margin-bottom:8px!important}
.identity-v320-animal{font-size:49px!important;line-height:1!important;margin:0!important;color:#f4efe5!important}
.identity-v320-element{font-size:18px;letter-spacing:.15em;margin-top:10px;color:#d5c9b7;text-transform:uppercase}
.identity-v320-date{font-size:11px;margin-top:9px;color:#938a7d}
.identity-v320-z-traits{display:flex;justify-content:center;gap:26px;margin-top:18px}
.identity-v320-z-traits span{
  opacity:0;transform:translateY(7px);
  font:500 15px/1.2 Fraunces,Georgia,serif;color:#f1ece3;
  animation:v320Trait .65s calc(3.35s + var(--i)*.45s) ease forwards;
}
@keyframes v320Arrive{to{opacity:1;transform:none;filter:none}}
@keyframes v320Rule{to{opacity:.8}}
@keyframes v320Trait{to{opacity:1;transform:none}}

/* Slow dissolve. Number + animal are explicitly excluded and survive. */
.shell.identity-v320-fading .identity-v320-kicker,
.shell.identity-v320-fading .identity-v320-title,
.shell.identity-v320-fading .identity-v320-lp-traits,
.shell.identity-v320-fading .identity-v320-rule,
.shell.identity-v320-fading .identity-v320-z-kicker,
.shell.identity-v320-fading .identity-v320-element,
.shell.identity-v320-fading .identity-v320-date,
.shell.identity-v320-fading .identity-v320-z-traits{
  opacity:0!important;
  filter:blur(5px)!important;
  transform:translateY(3px)!important;
  transition:opacity 2.45s ease,filter 2.45s ease,transform 2.45s ease!important;
}
.shell.identity-v320-fading>.brand{
  opacity:0!important;filter:blur(4px)!important;
  transition:opacity 2.6s .35s ease,filter 2.6s .35s ease!important;
}
.shell.identity-v320-fading>.orb-stage{
  opacity:0!important;filter:blur(4px)!important;
  transition:opacity 2.8s .25s ease,filter 2.8s .25s ease!important;
}
.shell.identity-v320-fading::before{
  opacity:0!important;
  transition:opacity 2.8s .25s ease!important;
}

/* Once the supporting layer has gone, move the two surviving identity anchors
   into a deliberate centre composition. */
.identity-v320-number,.identity-v320-animal{
  transition:transform 1.55s cubic-bezier(.2,.8,.2,1),opacity 1.35s ease,filter 1.35s ease!important;
}
.shell.identity-v320-anchors .identity-v320-number{
  position:fixed;z-index:80;left:calc(50% - 66px);top:50%;
  transform:translate(-50%,-50%)!important;
  font-size:74px!important;
}
.shell.identity-v320-anchors .identity-v320-animal{
  position:fixed;z-index:80;left:calc(50% + 54px);top:50%;
  transform:translate(-50%,-50%)!important;
  font-size:54px!important;
  color:#efd28e!important;
}

/* Final fade to true black before Combination. */
.shell.identity-v320-black .identity-v320-number,
.shell.identity-v320-black .identity-v320-animal{
  opacity:0!important;filter:blur(5px)!important;
}
.shell.identity-v320-black::after{
  content:"";position:fixed;inset:0;z-index:70;background:#030303;
  opacity:1;pointer-events:none;transition:opacity 1.35s ease!important;
}

@media(max-width:700px){
  .lp-intro::before{inset:8px 8px 14px;border-radius:24px}
  .shell:has(.identity-screen-v320)>.orb-stage{top:52px!important;width:132px!important;height:132px!important}
  .shell:has(.identity-screen-v320) .identity-v320-orb{width:116px!important;height:116px!important;max-width:116px!important;max-height:116px!important}
  .shell:has(.identity-screen-v320)>.content{top:218px!important;bottom:30px!important;padding-inline:18px!important}
  .identity-v320-number{font-size:47px}.identity-v320-title{font-size:23px}.identity-v320-lp-traits{gap:12px;font-size:11px}
  .identity-v320-rule{margin:15px auto 14px}.identity-v320-animal{font-size:40px!important}.identity-v320-element{font-size:15px;margin-top:7px}
  .identity-v320-z-traits{gap:14px;margin-top:13px}.identity-v320-z-traits span{font-size:13px}
  .shell.identity-v320-anchors .identity-v320-number{left:calc(50% - 54px);font-size:58px!important}
  .shell.identity-v320-anchors .identity-v320-animal{left:calc(50% + 45px);font-size:42px!important}
}
@media(max-height:760px){
  .shell:has(.identity-screen-v320)>.orb-stage{top:34px!important;width:108px!important;height:108px!important}
  .shell:has(.identity-screen-v320) .identity-v320-orb{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important}
  .shell:has(.identity-screen-v320)>.content{top:164px!important;bottom:18px!important}
  .identity-v320-kicker,.identity-v320-z-kicker{font-size:9px!important;margin-bottom:5px!important}
  .identity-v320-number{font-size:38px}.identity-v320-title{font-size:20px}.identity-v320-lp-traits{margin-top:6px;font-size:10px}
  .identity-v320-rule{margin:10px auto}.identity-v320-animal{font-size:34px!important}.identity-v320-element{font-size:13px;margin-top:5px}.identity-v320-date{margin-top:5px}
  .identity-v320-z-traits{margin-top:9px}.identity-v320-z-traits span{font-size:11px}
}

/* Keep the locked calculation orb regression fix absolutely last. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none!important;width:116px!important;height:116px!important;max-width:116px!important;max-height:116px!important;
  box-shadow:0 0 24px rgba(255,216,125,.42),0 0 50px rgba(206,146,54,.17),0 0 72px rgba(145,91,26,.05),inset -18px -21px 34px rgba(0,0,0,.50),inset 10px 8px 24px rgba(255,232,161,.14)!important;
}
.lp-orb-thinking.is-ready::before,.lp-orb-thinking.is-charging.is-ready::before,.lp-orb-thinking.is-ready::after,.lp-orb-thinking.is-charging.is-ready::after{filter:none!important}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.2.1 — canonical stage + centered identity anchors   */
/* ========================================================================== */

/* One canonical frame footprint for the complete onboarding. It is present
   from the first screen onward and only leaves during the intentional identity
   fade-to-black. */
.shell::before,
.lp-intro::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:10px!important;
  bottom:92px!important;
  left:50%!important;
  right:auto!important;
  width:min(860px,calc(100vw - 72px))!important;
  height:auto!important;
  inset:auto!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(205,156,74,.30)!important;
  border-radius:28px!important;
  background:radial-gradient(ellipse at 50% 12%,rgba(219,167,73,.055),transparent 28%),#080706!important;
  box-shadow:inset 0 0 0 1px rgba(255,225,153,.035),inset 0 0 88px rgba(180,126,42,.022),0 22px 70px rgba(0,0,0,.25)!important;
  pointer-events:none!important;
  opacity:1!important;
  animation:none!important;
}
.lp-intro{position:relative!important}
.lp-intro>*{position:relative;z-index:1}
.shell>.brand,.shell>.orb-stage,.shell>.content{z-index:1}

/* Preserve Stella's purple activation while keeping the exact same geometry. */
.shell.no-orb-shell:has(.stella-preview-v1)::before{
  top:10px!important;bottom:92px!important;left:50%!important;
  width:min(860px,calc(100vw - 72px))!important;transform:translateX(-50%)!important;
}

/* Identity fade is the sole deliberate exception to persistent framing. */
.shell.identity-v320-fading::before{
  opacity:0!important;
  transition:opacity 2.8s .25s ease!important;
}

/* Disable the old anchor relocation/black rules. V3.2.1 uses true floating
   copies so the anchors can move from their exact rendered positions without
   a CSS position jump. */
.shell.identity-v320-anchors .identity-v320-number,
.shell.identity-v320-anchors .identity-v320-animal{
  position:static!important;transform:none!important;
}
.shell.identity-v320-black::after{display:none!important}

.identity-v321-floating-anchors{
  position:fixed;inset:0;z-index:120;pointer-events:none;
}
.identity-v321-float{
  position:fixed;
  transform:translate(-50%,-50%);
  color:#efd28e;
  font-family:Fraunces,Georgia,serif;
  font-weight:500;
  text-align:center;
  white-space:nowrap;
  opacity:1;
  filter:blur(0);
  transition:
    left 1.7s cubic-bezier(.22,.78,.18,1),
    top 1.7s cubic-bezier(.22,.78,.18,1),
    font-size 1.7s cubic-bezier(.22,.78,.18,1),
    opacity 1.5s ease,
    filter 1.5s ease;
}
.identity-v321-float-number{font-size:58px;line-height:1}
.identity-v321-float-animal{font-size:49px;line-height:1}
.identity-v321-floating-anchors.is-centered .identity-v321-float-number{
  left:50%!important;top:calc(50% - 48px)!important;font-size:76px;
}
.identity-v321-floating-anchors.is-centered .identity-v321-float-animal{
  left:50%!important;top:calc(50% + 48px)!important;font-size:58px;
}
.identity-v321-floating-anchors.is-fading .identity-v321-float{
  opacity:0!important;
  filter:blur(6px)!important;
}
.shell.identity-v321-black{background:#030303!important}

@media(max-width:700px){
  .shell::before,.lp-intro::before{
    top:8px!important;bottom:82px!important;
    width:calc(100vw - 24px)!important;
    border-radius:24px!important;
  }
  .shell.no-orb-shell:has(.stella-preview-v1)::before{
    top:8px!important;bottom:82px!important;width:calc(100vw - 24px)!important;
  }
  .identity-v321-floating-anchors.is-centered .identity-v321-float-number{
    top:calc(44% - 38px)!important;font-size:62px;
  }
  .identity-v321-floating-anchors.is-centered .identity-v321-float-animal{
    top:calc(44% + 38px)!important;font-size:48px;
  }
}

/* Keep the locked calculation orb regression fix absolutely last. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none!important;width:116px!important;height:116px!important;max-width:116px!important;max-height:116px!important;
  box-shadow:0 0 24px rgba(255,216,125,.42),0 0 50px rgba(206,146,54,.17),0 0 72px rgba(145,91,26,.05),inset -18px -21px 34px rgba(0,0,0,.50),inset 10px 8px 24px rgba(255,232,161,.14)!important;
}
.lp-orb-thinking.is-ready::before,.lp-orb-thinking.is-charging.is-ready::before,.lp-orb-thinking.is-ready::after,.lp-orb-thinking.is-charging.is-ready::after{filter:none!important}


/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.0 — canonical physical stage + dramatic identity */
/* ========================================================================== */

/* Retire the accumulated pseudo-element frame system. Every onboarding screen
   now carries the same real frame node, so its footprint cannot jump. */
.shell::before, .lp-intro::before, .shell:has(.lp-fire)::before, .shell:has(.z-fire-v247)::before, .shell:has(.combo-v247)::before, .shell:has(.truth-v261)::before, .shell:has(.hit-v261)::before, .shell.no-orb-shell:has(.timing-reveal-v270)::before, .shell.no-orb-shell:has(.stella-preview-v1)::before, .shell.no-orb-shell:has(.stella-preview-result-v1)::before{
  display:none!important;
}

.lp-stage-frame{
  position:fixed;
  z-index:0;
  top:10px;
  bottom:92px;
  left:clamp(12px,2.05vw,28px);
  right:clamp(12px,2.05vw,28px);
  border:1px solid rgba(205,156,74,.30);
  border-radius:28px;
  background:
    radial-gradient(ellipse at 50% 11%,rgba(219,167,73,.055),transparent 28%),
    rgba(8,7,6,.78);
  box-shadow:
    inset 0 0 0 1px rgba(255,225,153,.03),
    inset 0 0 88px rgba(180,126,42,.022),
    0 22px 70px rgba(0,0,0,.20);
  pointer-events:none;
  opacity:1;
  transition:opacity 2.8s ease,border-color 1.2s ease,box-shadow 1.2s ease;
}
.lp-intro>.lp-stage-frame{z-index:0!important}
.lp-intro>.lp-hero,.lp-intro>.lp-tagline,.lp-intro>.lp-cta-wrap{position:relative;z-index:1}
.shell>.lp-stage-frame{z-index:0}
.shell>.brand,.shell>.orb-stage,.shell>.content{position:relative;z-index:1}

/* Same footprint in Stella mode; only the accent color changes. */
.shell:has(.stella-preview-v1)>.lp-stage-frame,
.shell:has(.stella-preview-result-v1)>.lp-stage-frame,
.shell:has(.stella-preview-result)>.lp-stage-frame{
  border-color:rgba(180,116,244,.34);
  box-shadow:
    inset 0 0 0 1px rgba(207,164,255,.045),
    inset 0 0 72px rgba(106,48,160,.03),
    0 22px 70px rgba(0,0,0,.20);
}

/* The identity screen is now a reveal sequence, not a data dump. */
.identity-v320-lp{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
.identity-v320-kicker,
.identity-v320-number,
.identity-v320-title,
.identity-v320-lp-traits span,
.identity-v320-rule,
.identity-v320-z-kicker,
.identity-v320-animal,
.identity-v320-element,
.identity-v320-date,
.identity-v320-z-traits span{
  opacity:0;
}
.identity-v320-kicker{
  transform:translateY(8px);
  animation:v330SoftLand .75s .35s cubic-bezier(.2,.8,.2,1) forwards!important;
}
.identity-v320-number{
  font-size:78px!important;
  transform:scale(.46);
  filter:blur(10px);
  animation:v330NumberLand 1.65s 1.0s cubic-bezier(.16,.88,.22,1.06) forwards!important;
}
.identity-v320-title{
  font-size:34px!important;
  transform:translateY(12px);
  animation:v330SoftLand .9s 2.35s cubic-bezier(.2,.8,.2,1) forwards!important;
}
.identity-v320-lp-traits span{
  display:inline-block;
  transform:translateY(10px);
  animation:v330TraitLand .72s calc(3.25s + var(--i)*.78s) cubic-bezier(.2,.8,.2,1) forwards!important;
}
.identity-v320-rule{
  animation:v330RuleIn .85s 5.75s ease forwards!important;
}
.identity-v320-zodiac{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
.identity-v320-z-kicker{
  transform:translateY(8px);
  animation:v330SoftLand .75s 6.15s cubic-bezier(.2,.8,.2,1) forwards!important;
}
.identity-v320-animal{
  transform:translateY(12px) scale(.9);
  filter:blur(4px);
  animation:v330AnimalLand 1.0s 6.85s cubic-bezier(.2,.8,.2,1) forwards!important;
}
.identity-v320-element{
  transform:translateY(8px);
  animation:v330SoftLand .7s 7.65s ease forwards!important;
}
.identity-v320-date{
  transform:translateY(6px);
  animation:v330SoftLand .65s 8.15s ease forwards!important;
}
.identity-v320-z-traits span{
  transform:translateY(9px);
  animation:v330TraitLand .68s calc(8.75s + var(--i)*.62s) cubic-bezier(.2,.8,.2,1) forwards!important;
}
@keyframes v330SoftLand{to{opacity:1;transform:none;filter:none}}
@keyframes v330NumberLand{
  0%{opacity:0;transform:scale(.46);filter:blur(10px)}
  62%{opacity:1;transform:scale(1.07);filter:blur(0)}
  100%{opacity:1;transform:scale(1);filter:blur(0)}
}
@keyframes v330AnimalLand{to{opacity:1;transform:none;filter:none}}
@keyframes v330TraitLand{to{opacity:1;transform:none}}
@keyframes v330RuleIn{to{opacity:.82}}

/* Preserve the now-successful cinematic dissolve, but let the real frame leave
   with the page. */
.shell.identity-v320-fading>.lp-stage-frame{
  opacity:0!important;
  transition:opacity 2.8s .25s ease!important;
}

/* A very slight Matrix-green resolve appears only during the distilled identity
   beat. It is atmospheric, not a new UI color. */
.identity-v321-green-wash{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 50% 50%,rgba(91,170,86,.085),rgba(53,110,54,.025) 30%,transparent 58%);
  transition:opacity 2.2s ease;
}
.identity-v321-floating-anchors.is-centered .identity-v321-green-wash{opacity:1}
.identity-v321-floating-anchors.is-fading .identity-v321-green-wash{opacity:0;transition-duration:1.5s}
.identity-v321-floating-anchors.is-centered .identity-v321-float{
  color:#e0d89a;
  text-shadow:0 0 30px rgba(88,164,82,.14),0 0 55px rgba(217,177,84,.08);
  transition:
    left 1.7s cubic-bezier(.22,.78,.18,1),
    top 1.7s cubic-bezier(.22,.78,.18,1),
    font-size 1.7s cubic-bezier(.22,.78,.18,1),
    color 2.4s ease,
    text-shadow 2.4s ease,
    opacity 1.5s ease,
    filter 1.5s ease;
}

@media(max-width:700px){
  .lp-stage-frame{top:8px;bottom:82px;left:8px;right:8px;border-radius:24px}
  .identity-v320-number{font-size:58px!important}
  .identity-v320-title{font-size:25px!important}
}
@media(max-height:760px){
  .identity-v320-number{font-size:50px!important}
  .identity-v320-title{font-size:22px!important}
  .identity-v320-lp-traits span{font-size:10px!important}
}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.1 — centred composition + living golden orb       */
/* ========================================================================== */

/* Screen 3 is a true full-viewport stage. Earlier legacy rules could leave
   this shell behaving like the original narrow mobile column on desktop. */
.shell:has(.identity-screen-v320){
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:100svh!important;
  min-height:640px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  background:#060605!important;
}

/* The orb is the visual axis of LifePath. Force the stage itself onto the
   viewport centre-line instead of inheriting offsets from old grid rules. */
.shell:has(.identity-screen-v320)>.orb-stage{
  position:absolute!important;
  z-index:4!important;
  top:72px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:220px!important;
  height:220px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Bring the entire LP + Zodiac story into the upper/middle stage. This leaves
   breathing room below without forcing the Zodiac reveal off-screen. */
.shell:has(.identity-screen-v320)>.content{
  position:absolute!important;
  z-index:4!important;
  top:305px!important;
  bottom:42px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(760px,calc(100vw - 96px))!important;
  max-width:760px!important;
  margin:0!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  text-align:center!important;
}
.identity-screen-v320{width:100%!important;max-width:760px!important;margin:0 auto!important}

/* Slightly tighten the stack now that both systems live on one page. */
.identity-v320-lp-line{gap:18px!important}
.identity-v320-lp-traits{margin-top:11px!important}
.identity-v320-rule{margin:17px auto 15px!important}
.identity-v320-z-kicker{margin-bottom:6px!important}
.identity-v320-element{margin-top:8px!important}
.identity-v320-date{margin-top:7px!important}
.identity-v320-z-traits{margin-top:14px!important}

/* Re-art-direct the gold orb: dark dimensional sphere, but with light escaping
   into the room. The glow breathes more than the marble itself. */
.shell:has(.identity-screen-v320) .identity-v320-orb,
.shell:has(.combo-v247) .orb:not(.lp-orb-thinking),
.shell:has(.truth-v261) .orb:not(.lp-orb-thinking),
.shell:has(.hit-v261) .orb:not(.lp-orb-thinking){
  background:
    radial-gradient(circle at 47% 43%,rgba(255,251,226,.98) 0 3.3%,rgba(255,225,139,.98) 5.5%,rgba(226,174,73,.93) 14%,rgba(153,102,35,.91) 31%,rgba(69,43,16,.96) 50%,rgba(19,14,7,.98) 69%,rgba(7,6,5,.98) 78%)!important;
  box-shadow:
    0 0 22px rgba(255,220,132,.58),
    0 0 54px rgba(223,166,65,.34),
    0 0 108px rgba(184,119,34,.19),
    0 0 164px rgba(126,78,22,.09),
    inset -18px -22px 34px rgba(0,0,0,.58),
    inset 12px 10px 27px rgba(255,225,145,.16)!important;
  animation:v331OrbBreathe 6.4s ease-in-out infinite!important;
}
.shell:has(.identity-screen-v320) .identity-v320-orb::before,
.shell:has(.combo-v247) .orb:not(.lp-orb-thinking)::before,
.shell:has(.truth-v261) .orb:not(.lp-orb-thinking)::before,
.shell:has(.hit-v261) .orb:not(.lp-orb-thinking)::before{
  content:""!important;
  position:absolute!important;
  inset:-28%!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(250,206,108,.23) 0,rgba(219,156,55,.12) 37%,rgba(170,109,28,.055) 56%,transparent 72%)!important;
  filter:blur(3px)!important;
  opacity:.78!important;
  animation:v331AuraNear 6.4s ease-in-out infinite!important;
}
.shell:has(.identity-screen-v320) .identity-v320-orb::after,
.shell:has(.combo-v247) .orb:not(.lp-orb-thinking)::after,
.shell:has(.truth-v261) .orb:not(.lp-orb-thinking)::after,
.shell:has(.hit-v261) .orb:not(.lp-orb-thinking)::after{
  content:""!important;
  position:absolute!important;
  inset:-58%!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(226,166,68,.13) 0,rgba(164,102,29,.065) 42%,transparent 70%)!important;
  filter:blur(7px)!important;
  opacity:.52!important;
  animation:v331AuraFar 6.4s ease-in-out infinite!important;
}
@keyframes v331OrbBreathe{
  0%,100%{transform:scale(.985);filter:brightness(.96) saturate(.98)}
  50%{transform:scale(1.025);filter:brightness(1.09) saturate(1.05)}
}
@keyframes v331AuraNear{
  0%,100%{transform:scale(.94);opacity:.52}
  50%{transform:scale(1.11);opacity:.88}
}
@keyframes v331AuraFar{
  0%,100%{transform:scale(.91);opacity:.30}
  50%{transform:scale(1.16);opacity:.62}
}

/* Keep the surviving identity cinematic untouched. Only make its green resolve
   a hair more legible once the LP/Zodiac anchors reach centre. */
.identity-v321-floating-anchors.is-centered .identity-v321-green-wash{opacity:.11!important}

@media(max-width:700px){
  .shell:has(.identity-screen-v320)>.orb-stage{
    top:48px!important;width:154px!important;height:154px!important;
  }
  .shell:has(.identity-screen-v320) .identity-v320-orb{
    width:126px!important;height:126px!important;max-width:126px!important;max-height:126px!important;
  }
  .shell:has(.identity-screen-v320)>.content{
    top:220px!important;bottom:24px!important;
    width:calc(100vw - 34px)!important;padding:0 8px!important;
  }
  .identity-v320-number{font-size:54px!important}
  .identity-v320-title{font-size:24px!important}
  .identity-v320-lp-traits{gap:11px!important}
  .identity-v320-rule{margin:13px auto 12px!important}
  .identity-v320-animal{font-size:39px!important}
  .identity-v320-z-traits{gap:13px!important;margin-top:11px!important}
}

@media(max-height:760px){
  .shell:has(.identity-screen-v320)>.orb-stage{
    top:32px!important;width:128px!important;height:128px!important;
  }
  .shell:has(.identity-screen-v320) .identity-v320-orb{
    width:104px!important;height:104px!important;max-width:104px!important;max-height:104px!important;
  }
  .shell:has(.identity-screen-v320)>.content{top:172px!important;bottom:16px!important}
  .identity-v320-rule{margin:9px auto 8px!important}
  .identity-v320-z-traits{margin-top:8px!important}
}

/* Keep the locked calculation orb regression fix absolutely last. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none!important;
  width:116px!important;
  height:116px!important;
  max-width:116px!important;
  max-height:116px!important;
  box-shadow:
    0 0 24px rgba(255,216,125,.42),
    0 0 50px rgba(206,146,54,.17),
    0 0 72px rgba(145,91,26,.05),
    inset -18px -21px 34px rgba(0,0,0,.50),
    inset 10px 8px 24px rgba(255,232,161,.14)!important;
}
.lp-orb-thinking.is-ready::before,
.lp-orb-thinking.is-charging.is-ready::before,
.lp-orb-thinking.is-ready::after,
.lp-orb-thinking.is-charging.is-ready::after{filter:none!important}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.2 — final atmosphere + Stella bridge polish       */
/* ========================================================================== */

/* Screen 2: move the calculation story up into the visual centre. */
.calc-v275 .calc-copy-stack{top:42%!important}
@media(max-height:820px){.calc-v275 .calc-copy-stack{top:40%!important}}
@media(max-width:700px){.calc-v275 .calc-copy-stack{top:41%!important}}

/* Timing -> Stella: explain the product before asking the user to meet it. */
.stella-intelligence-bridge{
  max-width:680px;
  margin:18px auto 0;
  color:#cbbf9e;
  font-size:14px;
  line-height:1.55;
  letter-spacing:.01em;
}
@media(max-width:700px){
  .stella-intelligence-bridge{font-size:12px;line-height:1.45;margin-top:13px;max-width:92%}
}

/* The gold orb stays unmistakably gold. Only its atmosphere drifts through
   a faint signal-green and mystic-purple over a long cycle. */
@keyframes v332LivingHalo{
  0%,100%{box-shadow:0 0 24px rgba(238,195,95,.42),0 0 62px rgba(177,117,38,.20),0 0 104px rgba(139,87,24,.09)}
  32%{box-shadow:0 0 24px rgba(238,195,95,.40),0 0 66px rgba(91,158,105,.20),0 0 108px rgba(48,121,77,.10)}
  66%{box-shadow:0 0 24px rgba(238,195,95,.40),0 0 66px rgba(139,87,198,.19),0 0 108px rgba(92,50,151,.10)}
}
.lp-intro .lp-orb,
.orb.orb-calm,
.orb.orb-working:not(.is-ready):not(.is-charging){
  animation:v332LivingHalo 16s ease-in-out infinite!important;
}

/* Screen 3's richer orb already owns its own breathing transform, so let the
   far aura — not the sphere — carry the same quiet colour intelligence. */
@keyframes v332IdentityAura{
  0%,100%{background:radial-gradient(circle,rgba(226,166,68,.13) 0,rgba(164,102,29,.065) 42%,transparent 70%)}
  34%{background:radial-gradient(circle,rgba(220,169,72,.12) 0,rgba(65,145,94,.085) 43%,transparent 70%)}
  68%{background:radial-gradient(circle,rgba(220,169,72,.12) 0,rgba(126,72,185,.085) 43%,transparent 70%)}
}
.shell:has(.identity-screen-v320) .identity-v320-orb::after{
  animation:v331AuraFar 6.4s ease-in-out infinite,v332IdentityAura 16s ease-in-out infinite!important;
}

/* Stella is the SAME LifePath orb entering a deeper mode: slow gold -> violet,
   never a sudden neon switch. */
@keyframes stellaOrbActivateV332{
  0%{filter:sepia(.72) saturate(1.45) hue-rotate(346deg) brightness(.98);box-shadow:0 0 22px rgba(231,194,109,.44),0 0 58px rgba(180,123,46,.25),0 0 94px rgba(145,91,26,.11),inset -13px -16px 23px rgba(0,0,0,.48)}
  38%{filter:sepia(.50) saturate(1.32) hue-rotate(326deg) brightness(1.01);box-shadow:0 0 22px rgba(224,187,111,.42),0 0 61px rgba(112,145,104,.20),0 0 96px rgba(68,119,82,.10),inset -13px -16px 23px rgba(0,0,0,.48)}
  72%{filter:sepia(.22) saturate(1.24) hue-rotate(300deg) brightness(1.03);box-shadow:0 0 21px rgba(202,160,177,.42),0 0 62px rgba(139,84,184,.25),0 0 98px rgba(101,57,151,.12),inset -13px -16px 23px rgba(0,0,0,.48)}
  100%{filter:none;box-shadow:0 0 20px rgba(190,126,255,.43),0 0 56px rgba(126,59,215,.25),0 0 94px rgba(92,42,164,.13),inset -13px -16px 23px rgba(0,0,0,.48)}
}
.stella-preview-v1 .stella-preview-orb,
.stella-preview-result .stella-preview-orb{
  animation:stellaOrbActivateV332 9s cubic-bezier(.22,.68,.2,1) 1 both,stellaPreviewBreatheSlow 7.5s ease-in-out 9s infinite!important;
}

/* Slightly more legible Matrix-green atmosphere in the cinematic resolve. */
.identity-v321-floating-anchors.is-centered .identity-v321-green-wash{opacity:.16!important}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.3 — final visual cleanup                          */
/* ========================================================================== */

/* Welcome frame: make the upper edge unmistakably part of the same canonical
   stage without changing its footprint. */
.lp-intro>.lp-stage-frame{
  border-top-color:rgba(222,178,91,.46)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,224,151,.075),
    inset 0 0 0 1px rgba(255,225,153,.03),
    inset 0 0 88px rgba(180,126,42,.022),
    0 22px 70px rgba(0,0,0,.20)!important;
}

/* Welcome orb: remove the target/ring read. It remains a dark dimensional
   object, but its energy feathers into the room as haze rather than circles. */
.lp-intro .lp-orb{
  background:
    radial-gradient(circle at 47% 44%,
      rgba(255,253,235,1) 0 3%,
      rgba(255,230,151,.98) 6%,
      rgba(224,172,71,.94) 15%,
      rgba(143,93,31,.95) 31%,
      rgba(58,38,16,.98) 52%,
      rgba(18,14,8,.99) 72%,
      rgba(8,7,6,1) 100%)!important;
  box-shadow:
    0 0 20px rgba(255,221,134,.52),
    0 0 54px rgba(221,161,62,.27),
    0 0 104px rgba(169,105,28,.13),
    inset -14px -18px 29px rgba(0,0,0,.57),
    inset 10px 8px 22px rgba(255,226,145,.14)!important;
  animation:v333WelcomeOrb 7.2s ease-in-out infinite!important;
}
.lp-intro .lp-orb::before{
  inset:-38px!important;
  border:0!important;
  background:radial-gradient(circle,
    rgba(247,199,94,.20) 0,
    rgba(217,151,50,.10) 30%,
    rgba(145,89,24,.04) 52%,
    transparent 72%)!important;
  filter:blur(11px)!important;
  opacity:.68!important;
  animation:v333WelcomeHaze 7.2s ease-in-out infinite!important;
}
.lp-intro .lp-orb::after{
  inset:-78px!important;
  border:0!important;
  background:radial-gradient(ellipse at 50% 48%,
    rgba(210,147,50,.09) 0,
    rgba(142,85,22,.035) 43%,
    transparent 70%)!important;
  filter:blur(18px)!important;
  opacity:.58!important;
  animation:v333WelcomeHazeFar 7.2s ease-in-out infinite!important;
}
@keyframes v333WelcomeOrb{
  0%,100%{transform:scale(.985);filter:brightness(.96)}
  50%{transform:scale(1.025);filter:brightness(1.07)}
}
@keyframes v333WelcomeHaze{
  0%,100%{transform:scale(.94);opacity:.48}
  50%{transform:scale(1.10);opacity:.78}
}
@keyframes v333WelcomeHazeFar{
  0%,100%{transform:scale(.92);opacity:.34}
  50%{transform:scale(1.08);opacity:.62}
}

/* The six identity words deserve to read as meaningful signals, not captions. */
.identity-v320-lp-traits span,
.identity-v320-z-traits span{
  font-family:"Manrope",sans-serif!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  text-shadow:0 1px 16px rgba(0,0,0,.42)!important;
}
.identity-v320-lp-traits span{color:#f0e7d7!important}
.identity-v320-z-traits span{color:#ead6a8!important}
@media(max-width:700px){
  .identity-v320-lp-traits span,
  .identity-v320-z-traits span{font-size:13px!important;font-weight:800!important}
}
@media(max-width:410px){
  .identity-v320-lp-traits span,
  .identity-v320-z-traits span{font-size:12px!important}
}

/* Stella orb: purple only. No gold/green transition, no target rings, no
   diamond. It slowly breathes between dark violet and luminous violet states. */
.stella-preview-v1 .stella-preview-orb,
.stella-preview-result .stella-preview-orb,
.stella-preview-result-v1 .stella-preview-orb{
  background:
    radial-gradient(circle at 45% 39%,
      rgba(255,242,255,.98) 0 3%,
      rgba(224,187,255,.97) 6%,
      rgba(169,102,242,.96) 15%,
      rgba(102,48,177,.98) 34%,
      rgba(48,20,91,.99) 56%,
      rgba(20,10,37,1) 74%,
      rgba(8,6,13,1) 100%)!important;
  filter:none!important;
  box-shadow:
    0 0 20px rgba(202,145,255,.48),
    0 0 52px rgba(134,72,215,.27),
    0 0 96px rgba(83,40,145,.13),
    inset -14px -17px 25px rgba(0,0,0,.52),
    inset 9px 7px 20px rgba(223,187,255,.13)!important;
  animation:v333StellaPurpleBreath 8.8s ease-in-out infinite!important;
}
.stella-preview-v1 .stella-preview-orb::before,
.stella-preview-result .stella-preview-orb::before,
.stella-preview-result-v1 .stella-preview-orb::before{
  inset:-34px!important;
  border:0!important;
  background:radial-gradient(circle,
    rgba(177,105,244,.19) 0,
    rgba(119,57,205,.095) 34%,
    rgba(74,34,131,.035) 56%,
    transparent 73%)!important;
  box-shadow:none!important;
  filter:blur(10px)!important;
  opacity:.66!important;
  animation:v333StellaPurpleHaze 8.8s ease-in-out infinite!important;
}
.stella-preview-v1 .stella-preview-orb::after,
.stella-preview-result .stella-preview-orb::after,
.stella-preview-result-v1 .stella-preview-orb::after{
  width:auto!important;height:auto!important;
  inset:-72px!important;
  left:auto!important;top:auto!important;
  transform:none!important;
  border:0!important;border-radius:50%!important;
  background:radial-gradient(circle,
    rgba(123,62,206,.09) 0,
    rgba(80,37,139,.03) 44%,
    transparent 70%)!important;
  box-shadow:none!important;
  filter:blur(16px)!important;
  opacity:.50!important;
  animation:v333StellaPurpleHazeFar 8.8s ease-in-out infinite!important;
}
.stella-preview-v1 .stella-preview-orb i,
.stella-preview-result .stella-preview-orb i,
.stella-preview-result-v1 .stella-preview-orb i{display:none!important}
.stella-preview-orb.is-speaking{animation:v333StellaPurpleBreath 7.2s ease-in-out infinite!important}
@keyframes v333StellaPurpleBreath{
  0%,100%{transform:scale(.985);filter:brightness(.90) saturate(.92)}
  50%{transform:scale(1.035);filter:brightness(1.12) saturate(1.08)}
}
@keyframes v333StellaPurpleHaze{
  0%,100%{transform:scale(.93);opacity:.43}
  50%{transform:scale(1.12);opacity:.79}
}
@keyframes v333StellaPurpleHazeFar{
  0%,100%{transform:scale(.91);opacity:.27}
  50%{transform:scale(1.10);opacity:.55}
}


/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.4 — WELCOME SCREEN SOURCE OF TRUTH               */
/* The old inline "screen1-killer-patch" has been removed from index.html.    */
/* ========================================================================== */

.lp-intro{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:100svh!important;
  min-height:620px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:#060605!important;
  transform:none!important;
}
.lp-intro>.lp-stage-frame{
  position:absolute!important;
  z-index:0!important;
  top:10px!important;
  right:clamp(12px,2.05vw,28px)!important;
  bottom:92px!important;
  left:clamp(12px,2.05vw,28px)!important;
  width:auto!important;
  height:auto!important;
  border:1px solid rgba(205,156,74,.34)!important;
  border-top-color:rgba(225,181,93,.50)!important;
  border-radius:28px!important;
  background:
    radial-gradient(ellipse at 50% 10%,rgba(219,167,73,.052),transparent 30%),
    rgba(8,7,6,.78)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,153,.07),
    inset 0 0 0 1px rgba(255,225,153,.025),
    inset 0 0 88px rgba(180,126,42,.02),
    0 22px 70px rgba(0,0,0,.20)!important;
  pointer-events:none!important;
  opacity:1;
  transform:none;
  animation:none;
}
.lp-intro>.lp-hero,
.lp-intro>.lp-tagline,
.lp-intro>.lp-cta-wrap{position:relative!important;z-index:2!important}

.lp-intro>.lp-hero{
  width:min(680px,calc(100vw - 84px))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  margin:0 0 46px!important;
}
.lp-intro .lp-orb-wrap{
  width:174px!important;
  height:174px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 26px!important;
  transform:none;
  animation:none;
}
.lp-intro .lp-orb{
  position:relative!important;
  width:112px!important;
  height:112px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 46% 42%,
      rgba(255,253,238,1) 0 3%,
      rgba(255,230,151,.98) 6%,
      rgba(226,174,73,.95) 15%,
      rgba(145,94,31,.96) 31%,
      rgba(57,37,15,.99) 53%,
      rgba(17,13,7,1) 73%,
      rgba(7,6,5,1) 100%)!important;
  box-shadow:
    0 0 22px rgba(255,220,132,.52),
    0 0 58px rgba(220,160,61,.29),
    0 0 118px rgba(161,100,27,.13),
    inset -18px -21px 32px rgba(0,0,0,.60),
    inset 11px 9px 24px rgba(255,226,145,.15)!important;
  animation:v334WelcomeOrbBreath 7.4s ease-in-out infinite!important;
}
.lp-intro .lp-orb::before{
  content:""!important;
  position:absolute!important;
  inset:-48px!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle,
    rgba(246,198,93,.17) 0,
    rgba(213,149,49,.075) 34%,
    rgba(133,80,21,.026) 56%,
    transparent 73%)!important;
  filter:blur(13px)!important;
  opacity:.65!important;
  animation:v334WelcomeAura 7.4s ease-in-out infinite!important;
}
.lp-intro .lp-orb::after{
  content:""!important;
  position:absolute!important;
  inset:-92px!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle,
    rgba(202,140,45,.065) 0,
    rgba(129,76,20,.022) 43%,
    transparent 70%)!important;
  filter:blur(20px)!important;
  opacity:.46!important;
  animation:v334WelcomeAuraFar 7.4s ease-in-out infinite!important;
}
.lp-intro .lp-logo{
  margin:0!important;
  color:#d5ae5f!important;
  font-family:"Manrope",sans-serif!important;
  font-size:clamp(42px,5vw,64px)!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.18em!important;
  text-indent:.18em!important;
  text-align:center!important;
  text-shadow:0 0 30px rgba(218,166,72,.15)!important;
  transform:none;
  animation:none;
}
.lp-intro>.lp-tagline{
  width:min(520px,calc(100vw - 96px))!important;
  margin:0!important;
  color:#f3ede3!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:clamp(30px,3.2vw,45px)!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
  opacity:1;
  transform:none;
  animation:none;
}
.lp-intro .lp-tagline-gap{display:block!important;height:22px!important}
.lp-intro>.lp-cta-wrap{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:min(520px,calc(100vw - 96px))!important;
  display:flex!important;
  justify-content:center!important;
  opacity:1;
  animation:none;
}
.lp-intro .lp-cta{
  width:100%!important;
  max-width:none!important;
  height:64px!important;
  border:0!important;
  border-radius:20px!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:20px!important;
  font-weight:600!important;
  letter-spacing:.035em!important;
  color:#171109!important;
  background:linear-gradient(90deg,#f1d38b 0%,#d9b160 58%,#c79a4c 100%)!important;
  box-shadow:0 10px 34px rgba(202,145,58,.20),0 0 0 1px rgba(255,240,196,.22) inset!important;
}
@keyframes v334WelcomeOrbBreath{
  0%,100%{transform:scale(.985);filter:brightness(.96)}
  50%{transform:scale(1.025);filter:brightness(1.075)}
}
@keyframes v334WelcomeAura{
  0%,100%{transform:scale(.94);opacity:.43}
  50%{transform:scale(1.10);opacity:.72}
}
@keyframes v334WelcomeAuraFar{
  0%,100%{transform:scale(.92);opacity:.28}
  50%{transform:scale(1.08);opacity:.50}
}
@media(max-width:700px){
  .lp-intro>.lp-stage-frame{top:8px!important;right:8px!important;bottom:82px!important;left:8px!important;border-radius:24px!important}
  .lp-intro>.lp-hero{width:calc(100vw - 44px)!important;margin-bottom:34px!important}
  .lp-intro .lp-orb-wrap{width:142px!important;height:142px!important;margin-bottom:20px!important}
  .lp-intro .lp-orb{width:92px!important;height:92px!important}
  .lp-intro .lp-logo{font-size:44px!important}
  .lp-intro>.lp-tagline{width:calc(100vw - 54px)!important;font-size:32px!important}
  .lp-intro>.lp-cta-wrap{bottom:14px!important;width:calc(100vw - 34px)!important}
  .lp-intro .lp-cta{height:60px!important;border-radius:18px!important;font-size:19px!important}
}
@media(max-height:760px){
  .lp-intro>.lp-hero{margin-bottom:26px!important}
  .lp-intro .lp-orb-wrap{width:124px!important;height:124px!important;margin-bottom:16px!important}
  .lp-intro .lp-orb{width:80px!important;height:80px!important}
  .lp-intro .lp-logo{font-size:40px!important}
  .lp-intro>.lp-tagline{font-size:29px!important}
  .lp-intro .lp-tagline-gap{height:15px!important}
}



/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.6 — WELCOME CINEMATIC ENTRANCE                    */
/* IMPORTANT: animation owns the entrance state. Never set opacity:0!important */
/* on these elements: !important declarations beat CSS animation keyframes.   */
/* ========================================================================== */

/* Neutralize only the old static welcome overrides that would otherwise beat
   the animation cascade. Final layout geometry is unchanged. */
.lp-intro>.lp-stage-frame{
  opacity:1;
  animation:v336FrameIn 1.35s ease-out .08s both!important;
}
.lp-intro .lp-orb-wrap{
  transform:none;
  animation:v336OrbBloom 1.95s cubic-bezier(.16,.72,.22,1) .38s both!important;
}
.lp-intro .lp-logo{
  transform:none;
  animation:v336LogoResolve 1.10s cubic-bezier(.22,.68,.25,1) 2.10s both!important;
}
.lp-intro>.lp-tagline{
  opacity:1;
  transform:none;
  animation:v336CopyResolve 1.18s cubic-bezier(.22,.68,.25,1) 2.90s both!important;
}
.lp-intro>.lp-tagline>span:last-child{
  display:inline!important;
  animation:v336SecondThought 1.10s ease-out 3.85s both!important;
}
.lp-intro>.lp-cta-wrap{
  opacity:1;
  animation:v336CtaIn 1.00s cubic-bezier(.22,.68,.25,1) 4.90s both!important;
}

@keyframes v336FrameIn{
  0%{opacity:0;filter:brightness(.45)}
  100%{opacity:1;filter:brightness(1)}
}
@keyframes v336OrbBloom{
  0%{opacity:0;filter:blur(12px) brightness(.45);clip-path:circle(0% at 50% 50%)}
  48%{opacity:.72;filter:blur(4px) brightness(.82);clip-path:circle(62% at 50% 50%)}
  78%{opacity:1;filter:blur(0) brightness(1.08);clip-path:circle(100% at 50% 50%)}
  100%{opacity:1;filter:blur(0) brightness(1);clip-path:circle(100% at 50% 50%)}
}
@keyframes v336LogoResolve{
  0%{opacity:0;filter:blur(6px);clip-path:inset(42% 0 42% 0)}
  100%{opacity:1;filter:blur(0);clip-path:inset(0 0 0 0)}
}
@keyframes v336CopyResolve{
  0%{opacity:0;filter:blur(5px);clip-path:inset(42% 0 42% 0)}
  100%{opacity:1;filter:blur(0);clip-path:inset(0 0 0 0)}
}
@keyframes v336SecondThought{
  0%{opacity:0;filter:blur(4px)}
  100%{opacity:1;filter:blur(0)}
}
@keyframes v336CtaIn{
  0%{opacity:0;filter:blur(3px) brightness(.72)}
  100%{opacity:1;filter:blur(0) brightness(1)}
}

@media (prefers-reduced-motion:reduce){
  .lp-intro>.lp-stage-frame,
  .lp-intro .lp-orb-wrap,
  .lp-intro .lp-logo,
  .lp-intro>.lp-tagline,
  .lp-intro>.lp-tagline>span:last-child,
  .lp-intro>.lp-cta-wrap{animation:none!important;opacity:1!important;filter:none!important;clip-path:none!important}
}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.10 — FINAL CONVERSION SCREEN POLISH              */
/* Tightens composition only; dashboard, CTA and funnel structure unchanged. */
/* ========================================================================== */











@media(max-height:820px){
  
  
  
  
}
@media(max-width:700px){
  
  
  
}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.11 — HEADER SEPARATION FIX                       */
/* Keeps the LifePath wordmark inside the frame and clears final-page kicker. */
/* ========================================================================== */

.shell:has(.lp-fire)>.brand, .shell:has(.z-fire-v247)>.brand, .shell:has(.combo-v247)>.brand, .shell:has(.truth-v261)>.brand, .shell:has(.hit-v261)>.brand, .shell.no-orb-shell:has(.timing-reveal-v270)>.brand, .shell.no-orb-shell:has(.stella-preview-v1)>.brand{
  top:34px!important;
}

/* Final conversion page: the kicker begins below the independent wordmark. */


@media(max-width:700px){
  .shell:has(.lp-fire)>.brand, .shell:has(.z-fire-v247)>.brand, .shell:has(.combo-v247)>.brand, .shell:has(.truth-v261)>.brand, .shell:has(.hit-v261)>.brand, .shell.no-orb-shell:has(.timing-reveal-v270)>.brand, .shell.no-orb-shell:has(.stella-preview-v1)>.brand{
    top:27px!important;
  }
  
}

/* LOCKED calculation-orb regression fix — must remain last.
   v3.3.7: ready phase keeps the exact charging-phase footprint so the orb
   never snaps from medium to small. The pulse/glow can change; geometry does not. */
.lp-orb-thinking.is-ready,
.lp-orb-thinking.is-charging.is-ready{
  filter:none!important;
  width:min(24vw,158px)!important;
  height:min(24vw,158px)!important;
  max-width:158px!important;
  max-height:158px!important;
  box-shadow:0 0 24px rgba(255,216,125,.42),0 0 50px rgba(206,146,54,.17),0 0 72px rgba(145,91,26,.05),inset -18px -21px 34px rgba(0,0,0,.50),inset 10px 8px 24px rgba(255,232,161,.14)!important;
}
@media(max-height:760px){
  .lp-orb-thinking.is-ready,
  .lp-orb-thinking.is-charging.is-ready{
    width:min(23vw,148px)!important;
    height:min(23vw,148px)!important;
    max-width:148px!important;
    max-height:148px!important;
  }
}
.lp-orb-thinking.is-ready::before,.lp-orb-thinking.is-charging.is-ready::before,
.lp-orb-thinking.is-ready::after,.lp-orb-thinking.is-charging.is-ready::after{filter:none!important}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.12 — LIFE PATH REVEAL WORDMARK FRAME FIX         */
/* Keep the reveal wordmark visibly below the stage's top border.             */
/* ========================================================================== */
.shell:has(.lp-fire)>.brand{
  top:50px!important;
}
@media(max-width:700px){
  .shell:has(.lp-fire)>.brand{
    top:38px!important;
  }
}

/* ========================================================================== */
/* CANONICAL FINAL PREMIUM SHOWCASE — single source of truth                  */
/* Supersedes all historical premium-final sizing/layout rules.               */
/* ========================================================================== */
.shell.no-orb-shell:has(.premium-final-v2816){
  width:100%!important;max-width:none!important;min-height:100svh!important;
  background:radial-gradient(circle at 50% 42%,rgba(121,75,30,.08),transparent 36%),#080708!important;
}
.shell.no-orb-shell:has(.premium-final-v2816)>.brand{
  position:absolute!important;z-index:6!important;top:34px!important;left:50%!important;
  transform:translateX(-50%)!important;width:auto!important;margin:0!important;padding:0!important;
  color:var(--lp-gold,#d8b66d)!important;font-size:13px!important;line-height:1!important;letter-spacing:.30em!important;
}
.shell.no-orb-shell:has(.premium-final-v2816)>.content{
  position:absolute!important;z-index:3!important;top:78px!important;bottom:116px!important;
  left:0!important;right:0!important;width:min(720px,calc(100vw - 48px))!important;max-width:720px!important;
  height:auto!important;margin:0 auto!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:center!important;
  scrollbar-width:none!important;
}
.shell.no-orb-shell:has(.premium-final-v2816)>.content::-webkit-scrollbar{display:none!important}
.no-orb-shell .premium-final-convert{
  width:100%!important;max-width:650px!important;margin:0 auto!important;padding:0 14px 18px!important;text-align:center!important;
}
.no-orb-shell .premium-final-convert .premium-final-kicker{
  color:#d6ad5c!important;font-size:11px!important;line-height:1.2!important;font-weight:800!important;
  letter-spacing:.17em!important;text-transform:uppercase!important;margin:0 auto 8px!important;
}
.no-orb-shell .premium-final-convert h1{
  font-family:'Fraunces',Georgia,serif!important;color:#f1ece3!important;font-size:clamp(38px,4.2vw,48px)!important;
  line-height:1.01!important;font-weight:600!important;margin:0 auto 10px!important;
}
.no-orb-shell .premium-final-convert h1 span{color:#d0a24e!important}
.no-orb-shell .premium-final-convert .premium-final-copy{
  color:#aaa397!important;max-width:580px!important;font-size:14px!important;line-height:1.45!important;margin:0 auto 12px!important;
}
.no-orb-shell .premium-final-convert .premium-final-image{
  position:relative!important;display:block!important;width:320px!important;max-width:min(82vw,320px)!important;
  margin:0 auto 10px!important;padding:0!important;border:1px solid rgba(224,177,84,.30)!important;
  border-radius:18px!important;overflow:hidden!important;background:#050505!important;cursor:zoom-in!important;
  box-shadow:0 18px 52px rgba(0,0,0,.48)!important;
}
.no-orb-shell .premium-final-convert .premium-final-image img{
  display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;
}
.premium-final-image .premium-image-zoom{
  position:absolute!important;left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;white-space:nowrap!important;
  padding:5px 8px!important;border-radius:999px!important;background:rgba(4,4,5,.82)!important;
  border:1px solid rgba(213,171,89,.28)!important;color:#d6b36c!important;
  font:800 7px/1 'Manrope',sans-serif!important;letter-spacing:.12em!important;
}
.premium-image-name-cover{
  position:absolute!important;left:5.8%!important;top:7.1%!important;width:13%!important;height:2.1%!important;
  background:#070809!important;color:#eee8df!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  padding-left:2px!important;font:700 clamp(4px,.42vw,7px)/1 'Manrope',sans-serif!important;letter-spacing:.01em!important;text-transform:none!important;
}
.no-orb-shell .premium-final-convert .premium-final-features{
  color:#b79c6a!important;font-size:9px!important;line-height:1.3!important;letter-spacing:.10em!important;margin:0 auto 0!important;
}
.no-orb-shell .premium-final-convert .premium-final-features b{color:#d7b467!important;margin:0 3px!important}
.no-orb-shell .premium-final-convert .premium-final-value{
  max-width:540px!important;margin:11px auto 0!important;padding:10px 14px 11px!important;
  border-top:1px solid rgba(213,171,89,.16)!important;border-bottom:1px solid rgba(213,171,89,.10)!important;
}
.no-orb-shell .premium-final-convert .premium-final-value strong{
  display:block!important;color:#eee6da!important;font:600 16px/1.3 'Fraunces',Georgia,serif!important;
}
.no-orb-shell .premium-final-convert .premium-final-value span{
  display:block!important;margin-top:5px!important;color:#9e968b!important;font:500 11px/1.4 'Manrope',sans-serif!important;
}
.no-orb-shell .premium-final-convert .premium-final-mapped{display:none!important}
.shell.no-orb-shell:has(.premium-final-v2816) .premium-final-actions{
  position:fixed!important;z-index:60!important;left:50%!important;bottom:16px!important;transform:translateX(-50%)!important;
  width:min(620px,calc(100vw - 44px))!important;height:62px!important;margin:0!important;padding:0!important;display:flex!important;
}
.shell.no-orb-shell:has(.premium-final-v2816) .premium-final-actions .btn{
  width:100%!important;height:62px!important;min-height:62px!important;border-radius:22px!important;
  font-family:'Fraunces',Georgia,serif!important;font-size:17px!important;line-height:1!important;font-weight:700!important;
}
.premium-image-modal{
  position:fixed!important;inset:0!important;z-index:9999!important;background:rgba(0,0,0,.91)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding:28px!important;cursor:zoom-out!important;
}
.premium-image-modal-inner{position:relative!important;max-width:min(92vw,920px)!important;max-height:88vh!important}
.premium-image-modal-inner img{display:block!important;max-width:100%!important;max-height:88vh!important;width:auto!important;height:auto!important;border-radius:18px!important}
.premium-image-modal-close{
  position:fixed!important;top:20px!important;right:24px!important;z-index:10000!important;border:0!important;background:transparent!important;
  color:#eee8df!important;font-size:34px!important;line-height:1!important;cursor:pointer!important;
}
.premium-modal-name-cover{
  position:absolute!important;left:5.8%!important;top:7.1%!important;width:13%!important;height:2.1%!important;
  background:#070809!important;color:#eee8df!important;display:flex!important;align-items:center!important;padding-left:4px!important;
  font:700 clamp(6px,.8vw,11px)/1 'Manrope',sans-serif!important;
}

/* Life Path reveal wordmark: keep it inside the canonical stage frame. */
.shell:has(.lp-fire)>.brand{top:50px!important}

@media(max-width:700px){
  .shell:has(.lp-fire)>.brand{top:38px!important}
  .shell.no-orb-shell:has(.premium-final-v2816)>.brand{top:27px!important;font-size:10px!important}
  .shell.no-orb-shell:has(.premium-final-v2816)>.content{top:66px!important;bottom:96px!important;width:calc(100vw - 28px)!important}
  .no-orb-shell .premium-final-convert{padding:0 4px 12px!important}
  .no-orb-shell .premium-final-convert h1{font-size:clamp(31px,9vw,40px)!important}
  .no-orb-shell .premium-final-convert .premium-final-copy{font-size:12.5px!important;margin-bottom:10px!important}
  .no-orb-shell .premium-final-convert .premium-final-image{width:285px!important;max-width:84vw!important}
  .no-orb-shell .premium-final-convert .premium-final-value strong{font-size:14px!important}
  .no-orb-shell .premium-final-convert .premium-final-value span{font-size:10px!important}
  .shell.no-orb-shell:has(.premium-final-v2816) .premium-final-actions{bottom:11px!important;width:calc(100vw - 34px)!important;height:58px!important}
  .shell.no-orb-shell:has(.premium-final-v2816) .premium-final-actions .btn{height:58px!important;min-height:58px!important;font-size:16px!important;border-radius:19px!important}
}
@media(max-height:760px){
  .shell.no-orb-shell:has(.premium-final-v2816)>.content{top:58px!important;bottom:88px!important}
  .no-orb-shell .premium-final-convert h1{font-size:34px!important}
  .no-orb-shell .premium-final-convert .premium-final-copy{font-size:12px!important;margin-bottom:8px!important}
  .no-orb-shell .premium-final-convert .premium-final-image{width:250px!important;max-width:72vw!important;margin-bottom:8px!important}
  .no-orb-shell .premium-final-convert .premium-final-value{margin-top:7px!important;padding:7px 12px 8px!important}
}

/* ========================================================================== */
/* LIFEPATH ONBOARDING V3.3.13 — IDENTITY WORDMARK FRAME FIX                 */
/* Identity reveal uses identity-screen-v320, not lp-fire. Keep its wordmark  */
/* inside the physical stage frame without changing identity geometry.        */
/* ========================================================================== */
.shell:has(.identity-screen-v320)>.brand{
  top:34px!important;
}
@media(max-width:700px){
  .shell:has(.identity-screen-v320)>.brand{
    top:27px!important;
  }
}

/* LIFEPATH v2.48 — Stella result readability only */
.stella-preview-result .stella-preview-answer p{
  font-size:15px!important;
  line-height:1.55!important;
}
@media (max-height:760px){
  .stella-preview-result .stella-preview-answer p{
    font-size:14px!important;
    line-height:1.5!important;
  }
}
@media (min-width:700px) and (min-height:1100px){
  .stella-preview-result .stella-preview-answer p{
    font-size:15px!important;
    line-height:1.55!important;
  }
}

/* ========================================================================== */
/* EXPERIMENT v2.52 — EARLY DASHBOARD PROMISE                                */
/* Prototype only. Scoped to welcome + combined name/DOB onboarding.          */
/* ========================================================================== */
.welcome-dashboard-peek{
  position:absolute!important;
  z-index:1!important;
  width:min(410px,66vw)!important;
  right:-8vw!important;
  top:50%!important;
  transform:translateY(-57%) perspective(900px) rotateY(-26deg) rotateZ(2deg)!important;
  transform-origin:center right!important;
  opacity:.22!important;
  filter:saturate(.9) brightness(.70) blur(.2px)!important;
  pointer-events:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 76%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 76%,transparent 100%)!important;
}
.welcome-dashboard-peek img{display:block;width:100%;height:auto;border-radius:13px;box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 50px rgba(155,108,255,.10)}
.early-dashboard-intro>.lp-hero,.early-dashboard-intro>.lp-tagline,.early-dashboard-intro>.lp-cta-wrap{z-index:3!important}

.early-dashboard-onboarding{max-width:410px!important}
.early-dashboard-stage{
  width:100%;height:142px;position:relative;margin:-8px auto 19px;
  perspective:900px;pointer-events:none;transition:height .5s ease,margin .5s ease,opacity .5s ease;
}
.early-dashboard-glow{position:absolute;left:50%;top:48%;width:78%;height:90%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(155,108,255,.15),rgba(218,177,92,.07) 38%,transparent 72%);filter:blur(17px);opacity:.9}
.early-dashboard-card{
  position:absolute;left:50%;top:0;width:292px;height:132px;overflow:hidden;border-radius:11px;
  transform:translateX(-47%) rotateY(-23deg) rotateZ(1.2deg) scale(.97);
  transform-origin:center center;border:1px solid rgba(218,177,92,.30);background:#030304;
  box-shadow:0 20px 48px rgba(0,0,0,.66),0 0 32px rgba(155,108,255,.08);
  transition:.6s cubic-bezier(.2,.8,.2,1);
}
.early-dashboard-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,4,.04),transparent 45%,rgba(3,3,4,.44)),linear-gradient(0deg,rgba(3,3,4,.10),transparent 60%);pointer-events:none}
.early-dashboard-card img{display:block;width:100%;height:auto;transform:translateY(0);filter:brightness(.92) saturate(.96)}
.early-dashboard-identity-mask{
  position:absolute;z-index:3;left:2.6%;top:3.7%;width:31%;height:8.5%;padding:2.5% 2.2%;
  background:linear-gradient(90deg,#050506 0,#050506 82%,rgba(5,5,6,.72) 94%,transparent 100%);
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;
}
.early-dashboard-identity-mask strong{font:600 9px/1.05 Fraunces;color:#f3eee6;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.02em;transition:.25s ease}
.early-dashboard-identity-mask span{font:800 3.4px/1.1 Manrope;color:#9d8454;letter-spacing:.07em;white-space:nowrap;margin-top:2px}
.early-dashboard-scan{position:absolute;z-index:4;left:-35%;top:0;width:32%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,210,142,.12),transparent);transform:skewX(-12deg);animation:earlyDashScan 4.8s ease-in-out infinite}
.early-dashboard-caption{position:absolute;z-index:5;left:50%;bottom:-2px;transform:translateX(-50%);font:800 7px Manrope;letter-spacing:.16em;color:#8d7958;white-space:nowrap}
.early-dashboard-stage.has-name .early-dashboard-card{border-color:rgba(218,177,92,.46);box-shadow:0 20px 50px rgba(0,0,0,.68),0 0 36px rgba(218,177,92,.11),0 0 24px rgba(155,108,255,.08)}
.early-dashboard-stage.has-name .early-dashboard-identity-mask strong{color:#f4d78e;text-shadow:0 0 12px rgba(218,177,92,.18)}
.early-dashboard-stage.is-compact{height:82px;margin-top:-15px;margin-bottom:12px}
.early-dashboard-stage.is-compact .early-dashboard-card{width:228px;height:74px;transform:translateX(-47%) rotateY(-23deg) rotateZ(1.2deg) scale(.95)}
.early-dashboard-stage.is-compact .early-dashboard-caption{opacity:.65;bottom:-1px}
@keyframes earlyDashScan{0%,35%{left:-35%;opacity:0}45%{opacity:1}68%{left:115%;opacity:.8}75%,100%{left:115%;opacity:0}}

@media(max-width:620px){
  .welcome-dashboard-peek{width:330px!important;right:-132px!important;top:43%!important;opacity:.18!important}
  .early-dashboard-stage{height:126px;margin-top:-10px;margin-bottom:15px}
  .early-dashboard-card{width:268px;height:118px}
  .early-dashboard-caption{font-size:6.5px}
  .early-dashboard-stage.is-compact{height:72px;margin-top:-14px;margin-bottom:9px}
  .early-dashboard-stage.is-compact .early-dashboard-card{width:212px;height:66px}
}
@media(max-height:760px){
  .early-dashboard-stage{height:104px;margin-top:-16px;margin-bottom:8px}
  .early-dashboard-card{width:232px;height:94px}
  .early-dashboard-stage.is-compact{height:58px;margin-top:-17px;margin-bottom:5px}
  .early-dashboard-stage.is-compact .early-dashboard-card{width:190px;height:54px}
  .early-dashboard-caption{display:none}
}

/* ========================================================================== */
/* EXPERIMENT v2.53 — 3/4 IPHONE LIVE DASHBOARD                              */
/* Prototype only. Replaces v2.52 floating-card treatment visually.           */
/* Uses the real LifePath dashboard artwork and live keystroke name overlay.  */
/* ========================================================================== */

/* Welcome: a restrained 3/4 phone tease, never a flat dashboard card. */
.welcome-dashboard-peek{
  position:absolute!important;
  z-index:1!important;
  width:320px!important;
  height:640px!important;
  right:-34px!important;
  top:49%!important;
  transform:translateY(-50%) perspective(1200px) rotateY(-34deg) rotateZ(2deg)!important;
  transform-origin:center right!important;
  opacity:.24!important;
  filter:none!important;
  pointer-events:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 19%,#000 92%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 19%,#000 92%,transparent 100%)!important;
}
.welcome-phone{
  position:absolute;inset:0;border-radius:48px;
  padding:9px 10px 12px 9px;
  background:linear-gradient(105deg,#5d4c2d 0,#17130e 9%,#050506 18%,#11100e 82%,#7c6233 100%);
  border:1px solid rgba(224,185,104,.68);
  box-shadow:18px 22px 70px rgba(0,0,0,.8),0 0 48px rgba(218,177,92,.1),inset 0 0 0 1px rgba(255,255,255,.025);
}
.welcome-phone:before{content:"";position:absolute;left:-6px;top:138px;width:5px;height:82px;border-radius:4px 0 0 4px;background:linear-gradient(#5f4f31,#17130f,#5d4a2c)}
.welcome-phone:after{content:"";position:absolute;right:-5px;top:180px;width:4px;height:92px;border-radius:0 4px 4px 0;background:linear-gradient(#7a6134,#1a1610,#70562d)}
.welcome-phone-screen{position:absolute;inset:10px;border-radius:39px;overflow:hidden;background:#030304;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.welcome-phone-screen:before{content:"";position:absolute;z-index:2;left:50%;top:7px;transform:translateX(-50%);width:82px;height:18px;border-radius:0 0 12px 12px;background:#020203}
.welcome-phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.78) saturate(.9)}

/* Name screen: hero iPhone with the real dashboard inside it. */
.early-dashboard-onboarding{max-width:500px!important}
.early-dashboard-stage{
  width:100%!important;height:270px!important;position:relative!important;margin:-26px auto 10px!important;
  perspective:1300px!important;pointer-events:none!important;transition:height .55s ease,margin .55s ease,opacity .55s ease!important;
}
.early-phone-scene{position:absolute;left:50%;top:50%;width:188px;height:332px;transform:translate(-50%,-49%);perspective:1300px}
.early-phone-shadow{position:absolute;left:50%;bottom:-8px;width:165px;height:38px;transform:translateX(-50%) rotate(-4deg);background:radial-gradient(ellipse,rgba(218,177,92,.18),rgba(0,0,0,.72) 45%,transparent 74%);filter:blur(8px)}
.early-phone{
  position:absolute;inset:0;border-radius:32px;
  transform:rotateY(-28deg) rotateZ(2.2deg) rotateX(1deg);
  transform-style:preserve-3d;
  background:linear-gradient(105deg,#7a6137 0,#221a10 7%,#050506 17%,#0c0b0a 82%,#9c793f 100%);
  border:1px solid rgba(231,196,119,.78);
  box-shadow:20px 25px 56px rgba(0,0,0,.74),0 0 36px rgba(218,177,92,.12),inset 0 0 0 1px rgba(255,255,255,.025);
  transition:.55s cubic-bezier(.2,.8,.2,1);
}
.early-phone-side{position:absolute;background:linear-gradient(#8f7040,#231a10 25%,#0b0907 65%,#765a31);opacity:.98}
.early-phone-side-a{left:-5px;top:82px;width:5px;height:62px;border-radius:4px 0 0 4px}
.early-phone-side-b{right:-4px;top:118px;width:4px;height:70px;border-radius:0 4px 4px 0}
.early-phone-screen{position:absolute;inset:7px 8px 9px 7px;border-radius:26px;overflow:hidden;background:#030304;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
.early-phone-screen:before{content:"";position:absolute;z-index:8;left:50%;top:4px;transform:translateX(-50%);width:55px;height:13px;border-radius:0 0 9px 9px;background:#020203;box-shadow:0 1px 2px rgba(0,0,0,.8)}
.early-phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.92) saturate(.95)}
.early-phone-name-cover{
  position:absolute;z-index:6;left:3.4%;top:3.9%;width:37%;min-height:9.6%;
  padding:4px 5px 4px 5px;background:linear-gradient(90deg,#060607 0,#060607 78%,rgba(6,6,7,.88) 92%,transparent 100%);
  display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden;
}
.early-phone-kicker{font:800 3.2px/1.15 Manrope;color:#806d51;letter-spacing:.08em;white-space:nowrap;margin-bottom:2px}
.early-phone-name-cover strong{font:600 8.5px/1.02 Fraunces;color:#f2ece4;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:0;transition:color .16s ease,text-shadow .16s ease}
.early-phone-name-cover small{font:800 2.85px/1.1 Manrope;color:#9a8354;letter-spacing:.055em;white-space:nowrap;margin-top:2px}
.early-phone-sheen{position:absolute;z-index:7;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.07),transparent 22%,transparent 63%,rgba(218,177,92,.035));pointer-events:none;mix-blend-mode:screen}
.early-dashboard-caption{position:absolute!important;left:50%!important;bottom:-1px!important;transform:translateX(-50%)!important;font:800 7px Manrope!important;letter-spacing:.16em!important;color:#8d7958!important;white-space:nowrap!important}
.early-dashboard-stage.has-name .early-phone{border-color:rgba(231,196,119,.95);box-shadow:20px 25px 58px rgba(0,0,0,.76),0 0 42px rgba(218,177,92,.16),0 0 30px rgba(155,108,255,.07)}
.early-dashboard-stage.has-name .early-phone-name-cover strong{color:#f4d78e;text-shadow:0 0 10px rgba(218,177,92,.2)}

/* When DOB opens, keep the promise visible but get it out of the wheels' way. */
.early-dashboard-stage.is-compact{height:145px!important;margin-top:-22px!important;margin-bottom:2px!important}
.early-dashboard-stage.is-compact .early-phone-scene{width:118px;height:208px;transform:translate(-50%,-52%)}
.early-dashboard-stage.is-compact .early-phone{border-radius:22px;transform:rotateY(-28deg) rotateZ(2deg) rotateX(1deg)}
.early-dashboard-stage.is-compact .early-phone-screen{inset:5px 5px 6px;border-radius:17px}
.early-dashboard-stage.is-compact .early-phone-screen:before{width:36px;height:8px;top:2px;border-radius:0 0 6px 6px}
.early-dashboard-stage.is-compact .early-phone-side-a{left:-3px;top:52px;width:3px;height:39px}.early-dashboard-stage.is-compact .early-phone-side-b{right:-3px;top:74px;width:3px;height:43px}
.early-dashboard-stage.is-compact .early-phone-name-cover{padding:2px 3px}.early-dashboard-stage.is-compact .early-phone-kicker{font-size:2px}.early-dashboard-stage.is-compact .early-phone-name-cover strong{font-size:5.2px}.early-dashboard-stage.is-compact .early-phone-name-cover small{font-size:1.8px}
.early-dashboard-stage.is-compact .early-dashboard-caption{bottom:-2px!important;opacity:.7}

@media(max-width:620px){
  .welcome-dashboard-peek{width:250px!important;height:500px!important;right:-92px!important;top:46%!important;opacity:.2!important}
  .welcome-phone{border-radius:38px;padding:7px}.welcome-phone-screen{inset:7px;border-radius:31px}.welcome-phone-screen:before{width:64px;height:15px}
  .early-dashboard-stage{height:245px!important;margin-top:-22px!important;margin-bottom:8px!important}
  .early-phone-scene{width:168px;height:296px}
  .early-phone{border-radius:29px}.early-phone-screen{border-radius:23px}
  .early-dashboard-caption{font-size:6.4px!important}
  .early-dashboard-stage.is-compact{height:126px!important;margin-top:-18px!important;margin-bottom:0!important}
  .early-dashboard-stage.is-compact .early-phone-scene{width:102px;height:180px}
}
@media(max-height:760px){
  .early-dashboard-stage{height:205px!important;margin-top:-30px!important;margin-bottom:2px!important}
  .early-phone-scene{width:142px;height:250px}
  .early-dashboard-stage.is-compact{height:104px!important;margin-top:-24px!important}
  .early-dashboard-stage.is-compact .early-phone-scene{width:88px;height:156px}
  .early-dashboard-caption{display:none!important}
}

/* ========================================================================== */
/* EXPERIMENT v2.54 — DASHBOARD PHONE AS EARLY PRODUCT HERO                   */
/* Desktop: large 3/4 phone stays at the side through welcome + details.       */
/* ========================================================================== */
@media (min-width:821px){
  .early-dashboard-intro{
    display:grid!important;
    grid-template-columns:minmax(420px,.88fr) minmax(430px,1.12fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:clamp(28px,4vw,74px)!important;
    align-items:center!important;
    padding-left:clamp(54px,7vw,118px)!important;
    padding-right:clamp(38px,5vw,86px)!important;
  }
  .early-dashboard-intro>.lp-stage-frame{grid-column:1/-1!important;grid-row:1/-1!important}
  .early-dashboard-intro>.lp-hero{grid-column:1!important;grid-row:1!important;align-self:end!important;justify-self:start!important;width:100%!important}
  .early-dashboard-intro>.lp-tagline{grid-column:1!important;grid-row:2!important;justify-self:start!important;text-align:left!important;width:100%!important;max-width:540px!important}
  .early-dashboard-intro>.lp-cta-wrap{grid-column:1!important;grid-row:3!important;justify-self:start!important;width:min(100%,520px)!important}
  .early-dashboard-intro>.welcome-dashboard-peek{
    grid-column:2!important;grid-row:1/4!important;
    position:relative!important;right:auto!important;top:auto!important;
    justify-self:center!important;align-self:center!important;
    width:clamp(330px,29vw,470px)!important;height:clamp(660px,58vw,940px)!important;
    transform:perspective(1500px) rotateY(-31deg) rotateZ(1.4deg)!important;
    transform-origin:center center!important;
    opacity:0!important;
    filter:none!important;
    -webkit-mask-image:none!important;mask-image:none!important;
    animation:lpPhoneReveal 1.45s cubic-bezier(.16,.82,.24,1) 1.05s forwards!important;
  }
  .welcome-phone{border-radius:58px!important;box-shadow:28px 36px 100px rgba(0,0,0,.84),0 0 80px rgba(218,177,92,.16),-20px 0 70px rgba(155,108,255,.06)!important}
  .welcome-phone-screen{border-radius:48px!important}

  /* Details screen becomes a product + form composition, not a stacked form. */
  .shell:has(.early-dashboard-onboarding)>.screen{max-width:1180px!important;width:calc(100% - 64px)!important}
  .early-dashboard-onboarding{
    max-width:none!important;width:100%!important;
    display:grid!important;grid-template-columns:minmax(400px,.92fr) minmax(430px,1.08fr)!important;
    column-gap:clamp(44px,6vw,92px)!important;align-items:center!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage{
    grid-column:2!important;grid-row:1/6!important;
    width:100%!important;height:650px!important;margin:0!important;
    align-self:center!important;justify-self:center!important;
  }
  .early-dashboard-onboarding>.eyebrow,.early-dashboard-onboarding>h2,.early-dashboard-onboarding>#name,.early-dashboard-onboarding>#dobReveal{grid-column:1!important}
  .early-dashboard-onboarding>.eyebrow{align-self:end!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-scene{
    width:350px!important;height:618px!important;top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone{
    border-radius:52px!important;
    transform:rotateY(-30deg) rotateZ(1.8deg) rotateX(.7deg)!important;
    box-shadow:34px 42px 100px rgba(0,0,0,.82),0 0 74px rgba(218,177,92,.16),-18px 0 64px rgba(155,108,255,.06)!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-screen{inset:11px 12px 14px 11px!important;border-radius:42px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-screen:before{width:102px!important;height:22px!important;top:7px!important;border-radius:0 0 15px 15px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-side-a{left:-8px!important;top:152px!important;width:8px!important;height:115px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-side-b{right:-7px!important;top:220px!important;width:7px!important;height:130px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-name-cover{padding:8px 10px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-kicker{font-size:5.5px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-name-cover strong{font-size:16px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-name-cover small{font-size:5px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-dashboard-caption{font-size:9px!important;bottom:2px!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact{height:650px!important;margin:0!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-scene{width:350px!important;height:618px!important;transform:translate(-50%,-50%)!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone{border-radius:52px!important;transform:rotateY(-30deg) rotateZ(1.8deg) rotateX(.7deg)!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-screen{inset:11px 12px 14px 11px!important;border-radius:42px!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-screen:before{width:102px!important;height:22px!important;top:7px!important;border-radius:0 0 15px 15px!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-side-a{left:-8px!important;top:152px!important;width:8px!important;height:115px!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-side-b{right:-7px!important;top:220px!important;width:7px!important;height:130px!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-name-cover{padding:8px 10px!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-kicker{font-size:5.5px!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-name-cover strong{font-size:16px!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-name-cover small{font-size:5px!important}
  .shell:has(.early-dashboard-onboarding) .combined-actions{max-width:1180px!important;width:calc(100% - 64px)!important;padding-right:calc(50% + 22px)!important;margin-left:auto!important;margin-right:auto!important}
}
@keyframes lpPhoneReveal{
  0%{opacity:0;transform:perspective(1500px) translateX(90px) scale(.92) rotateY(-42deg) rotateZ(3deg)}
  55%{opacity:.72}
  100%{opacity:.96;transform:perspective(1500px) translateX(0) scale(1) rotateY(-31deg) rotateZ(1.4deg)}
}
@media (prefers-reduced-motion:reduce){.early-dashboard-intro>.welcome-dashboard-peek{animation:none!important;opacity:.96!important}}

/* ========================================================================== */
/* EXPERIMENT v2.55 — STABLE SIDE-PHONE COMPOSITION                           */
/* Keep the proven onboarding geometry. Add the product phone as a side hero. */
/* ========================================================================== */
@media (min-width:821px){
  /* WELCOME: restore the stable flex canvas; move the existing copy left. */
  .early-dashboard-intro{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
    padding:0 50% 0 clamp(64px,8vw,132px)!important;
  }
  .early-dashboard-intro>.lp-hero{
    width:100%!important;max-width:560px!important;align-items:center!important;margin:0 0 42px!important;
  }
  .early-dashboard-intro>.lp-tagline{
    width:100%!important;max-width:560px!important;text-align:center!important;
  }
  .early-dashboard-intro>.lp-cta-wrap{
    left:clamp(64px,8vw,132px)!important;right:50%!important;bottom:18px!important;
    transform:none!important;width:auto!important;max-width:560px!important;
  }
  /* Phone is independent of the copy layout, so it cannot collapse the screen. */
  .early-dashboard-intro>.welcome-dashboard-peek{
    display:block!important;position:absolute!important;z-index:4!important;
    right:clamp(54px,7vw,120px)!important;left:auto!important;top:50%!important;
    width:clamp(330px,27vw,455px)!important;height:clamp(650px,54vw,900px)!important;
    margin:0!important;opacity:0!important;visibility:visible!important;
    transform-origin:center center!important;
    -webkit-mask-image:none!important;mask-image:none!important;filter:none!important;
    animation:v255PhoneIn 1.45s cubic-bezier(.16,.82,.24,1) 2.55s both!important;
    pointer-events:none!important;
  }
  .early-dashboard-intro .welcome-phone{display:block!important;position:absolute!important;inset:0!important;border-radius:58px!important;overflow:visible!important}
  .early-dashboard-intro .welcome-phone-screen{display:block!important;position:absolute!important;inset:12px!important;border-radius:47px!important;overflow:hidden!important}
  .early-dashboard-intro .welcome-phone-screen img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;opacity:1!important}

  /* DETAILS: form left, same large phone right. */
  .shell:has(.early-dashboard-onboarding) .content{width:min(1180px,calc(100% - 64px))!important;max-width:1180px!important}
  .early-dashboard-onboarding{
    position:relative!important;display:block!important;width:100%!important;max-width:none!important;
    min-height:650px!important;padding:80px 52% 40px 0!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage{
    display:block!important;position:absolute!important;z-index:2!important;
    right:2%!important;left:auto!important;top:50%!important;
    width:46%!important;height:650px!important;margin:0!important;
    transform:translateY(-50%)!important;opacity:1!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-scene,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-scene{
    width:350px!important;height:618px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone{
    border-radius:52px!important;transform:rotateY(-30deg) rotateZ(1.8deg) rotateX(.7deg)!important;
    box-shadow:34px 42px 100px rgba(0,0,0,.82),0 0 74px rgba(218,177,92,.16),-18px 0 64px rgba(155,108,255,.06)!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-screen,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-screen{inset:11px 12px 14px 11px!important;border-radius:42px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-screen:before,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-screen:before{width:102px!important;height:22px!important;top:7px!important;border-radius:0 0 15px 15px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-side-a,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-side-a{left:-8px!important;top:152px!important;width:8px!important;height:115px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-side-b,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-side-b{right:-7px!important;top:220px!important;width:7px!important;height:130px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-name-cover,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-name-cover{padding:8px 10px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-kicker,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-kicker{font-size:5.5px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-name-cover strong,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-name-cover strong{font-size:16px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-name-cover small,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-name-cover small{font-size:5px!important}
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact{height:650px!important;margin:0!important}
  .shell:has(.early-dashboard-onboarding) .combined-actions{width:min(1180px,calc(100% - 64px))!important;max-width:1180px!important;padding-right:52%!important;margin-left:auto!important;margin-right:auto!important}
}
@keyframes v255PhoneIn{
  0%{opacity:0;transform:translateY(-48%) translateX(100px) perspective(1500px) rotateY(-42deg) rotateZ(3deg) scale(.92)}
  55%{opacity:.74}
  100%{opacity:.98;transform:translateY(-50%) translateX(0) perspective(1500px) rotateY(-31deg) rotateZ(1.4deg) scale(1)}
}
@media (prefers-reduced-motion:reduce) and (min-width:821px){
  .early-dashboard-intro>.welcome-dashboard-peek{animation:none!important;opacity:.98!important;transform:translateY(-50%) perspective(1500px) rotateY(-31deg) rotateZ(1.4deg)!important}
}

/* ========================================================================== */
/* EXPERIMENT v2.56 — ACT 1 PRODUCT REVEAL / ACT 2 PERSONALISE / ACT 3 CINEMA */
/* Desktop only: phone is a true right-side product hero on screens 1–2.      */
/* ========================================================================== */
@media (min-width:821px){
  /* SCREEN 1 — preserve original cinematic left composition; reveal phone right. */
  .early-dashboard-intro{
    position:relative!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
    padding:0 52% 0 clamp(72px,7.2vw,118px)!important;
  }
  .early-dashboard-intro>.lp-hero{
    width:min(520px,100%)!important;max-width:520px!important;margin:0 0 34px!important;
    align-items:center!important;position:relative!important;z-index:5!important;
  }
  .early-dashboard-intro>.lp-tagline{
    width:min(560px,100%)!important;max-width:560px!important;text-align:left!important;
    position:relative!important;z-index:5!important;
  }
  .early-dashboard-intro>.lp-cta-wrap{
    left:clamp(72px,7.2vw,118px)!important;right:52%!important;bottom:22px!important;
    width:auto!important;max-width:560px!important;transform:none!important;z-index:6!important;
  }
  .early-dashboard-intro>.welcome-dashboard-peek{
    display:block!important;visibility:visible!important;position:absolute!important;z-index:3!important;
    left:auto!important;right:clamp(58px,6vw,104px)!important;top:50%!important;
    width:clamp(365px,30vw,500px)!important;height:clamp(690px,58vw,920px)!important;
    margin:0!important;opacity:0!important;filter:none!important;pointer-events:none!important;
    -webkit-mask-image:none!important;mask-image:none!important;transform-origin:center!important;
    animation:v256WelcomePhone 1.35s cubic-bezier(.16,.84,.24,1) 1.35s forwards!important;
  }
  .early-dashboard-intro .welcome-phone{
    display:block!important;position:absolute!important;inset:0!important;overflow:visible!important;
    border-radius:60px!important;transform:perspective(1550px) rotateY(-28deg) rotateZ(1.4deg) rotateX(.6deg)!important;
    box-shadow:34px 44px 110px rgba(0,0,0,.86),0 0 82px rgba(218,177,92,.18),-24px 0 70px rgba(155,108,255,.055)!important;
  }
  .early-dashboard-intro .welcome-phone-screen{display:block!important;position:absolute!important;inset:12px 13px 15px 12px!important;border-radius:49px!important;overflow:hidden!important}
  .early-dashboard-intro .welcome-phone-screen img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;opacity:1!important;filter:brightness(.93) saturate(.96)!important}

  /* SCREEN 2 — form has a protected left lane; phone owns the right lane. */
  .shell:has(.early-dashboard-onboarding) .content{width:min(1240px,calc(100% - 72px))!important;max-width:1240px!important}
  .early-dashboard-onboarding{
    position:relative!important;display:block!important;width:100%!important;max-width:none!important;
    min-height:680px!important;padding:92px 55% 48px 1%!important;overflow:visible!important;
  }
  .early-dashboard-onboarding>.eyebrow,
  .early-dashboard-onboarding>h2,
  .early-dashboard-onboarding>.field,
  .early-dashboard-onboarding>.dob-reveal{position:relative!important;z-index:5!important}
  .early-dashboard-onboarding>h2{max-width:510px!important}
  .early-dashboard-onboarding>.field{max-width:510px!important}
  .early-dashboard-onboarding>.dob-reveal{max-width:540px!important}
  .early-dashboard-onboarding>.early-dashboard-stage,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact{
    display:block!important;position:absolute!important;z-index:2!important;
    left:auto!important;right:-1%!important;top:50%!important;
    width:51%!important;height:680px!important;margin:0!important;opacity:1!important;
    transform:translateY(-50%)!important;transition:opacity .5s ease,transform .5s ease!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-scene,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-scene{
    width:390px!important;height:688px!important;left:54%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone{
    border-radius:58px!important;transform:rotateY(-28deg) rotateZ(1.5deg) rotateX(.6deg)!important;
    box-shadow:38px 48px 115px rgba(0,0,0,.86),0 0 82px rgba(218,177,92,.18),-22px 0 72px rgba(155,108,255,.055)!important;
  }
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-screen,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-screen{inset:12px 13px 15px 12px!important;border-radius:47px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-screen:before,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-screen:before{width:108px!important;height:23px!important;top:7px!important;border-radius:0 0 15px 15px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-side-a,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-side-a{left:-8px!important;top:168px!important;width:8px!important;height:122px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-side-b,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-side-b{right:-7px!important;top:238px!important;width:7px!important;height:138px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-name-cover,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-name-cover{padding:9px 11px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-kicker,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-kicker{font-size:5.8px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-name-cover strong,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-name-cover strong{font-size:15px!important;text-transform:none!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-phone-name-cover small,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-phone-name-cover small{font-size:5.2px!important}
  .early-dashboard-onboarding>.early-dashboard-stage .early-dashboard-caption,
  .early-dashboard-onboarding>.early-dashboard-stage.is-compact .early-dashboard-caption{bottom:-7px!important;font-size:8px!important;opacity:.9!important}
  .shell:has(.early-dashboard-onboarding) .combined-actions{
    width:min(1240px,calc(100% - 72px))!important;max-width:1240px!important;padding-right:55%!important;padding-left:1%!important;margin-left:auto!important;margin-right:auto!important
  }
}
@keyframes v256WelcomePhone{
  0%{opacity:0;transform:translateY(-50%) translateX(115px) scale(.94)}
  60%{opacity:.78}
  100%{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}
}
@media (prefers-reduced-motion:reduce) and (min-width:821px){
  .early-dashboard-intro>.welcome-dashboard-peek{animation:none!important;opacity:1!important;transform:translateY(-50%)!important}
}

/* ========================================================================== */
/* v2.57 — REBUILT ACT 1 + ACT 2. Real two-column DOM; no overlay dependency. */
/* ========================================================================== */
.act1-shell,.act2-shell{min-height:100svh;background:radial-gradient(circle at 26% 18%,rgba(218,177,92,.075),transparent 28%),radial-gradient(circle at 78% 56%,rgba(155,108,255,.045),transparent 30%),#050506;color:#eee9e1;font-family:Manrope,Arial,sans-serif;position:relative;overflow:hidden}
.act1-frame,.act2-frame{position:absolute;inset:12px;border:1px solid rgba(218,177,92,.32);border-radius:34px;pointer-events:none;box-shadow:inset 0 0 90px rgba(218,177,92,.018)}
.act1-grid,.act2-grid{width:min(1320px,calc(100% - 88px));min-height:100svh;margin:0 auto;display:grid;grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr);gap:38px;align-items:center;position:relative;z-index:2}
.act1-copy{padding:64px 0 88px;max-width:590px;position:relative}
.act1-brand,.act2-brand{font:600 18px Manrope;letter-spacing:.34em;color:#d9ad59}
.act1-brand{margin-bottom:38px}.act2-brand{position:absolute;left:50%;top:28px;transform:translateX(-50%);z-index:5}
.act1-orb{width:124px;height:124px;border-radius:50%;position:relative;margin:0 0 34px;background:radial-gradient(circle at 47% 41%,#fff 0 3%,#e7b85a 7%,#71501d 27%,#17100b 62%,#050506 76%);box-shadow:0 0 28px rgba(229,184,79,.52),0 0 92px rgba(229,184,79,.19),0 0 170px rgba(229,184,79,.08);animation:actOrb 5.2s ease-in-out infinite}
.act1-orb i{position:absolute;inset:-26px;border:1px solid rgba(218,177,92,.13);border-radius:50%}
.act1-copy h1{font:500 clamp(48px,4.2vw,72px)/1.03 Fraunces;margin:0;letter-spacing:-.025em;max-width:610px}
.act1-copy h1 span,.act1-copy h1 strong{display:block}.act1-copy h1 strong{font-weight:500;color:#d9c6a3;margin-top:22px}
.act1-copy p{font:500 15px/1.7 Manrope;color:#8f888c;max-width:520px;margin:30px 0 0}
.act1-cta,.act2-cta{border:0;border-radius:18px;background:linear-gradient(90deg,#f1d184,#d6a74f);color:#171109;font:700 17px Fraunces;letter-spacing:.04em;cursor:pointer;box-shadow:0 16px 44px rgba(218,177,92,.11)}
.act1-cta{width:min(430px,100%);height:72px;margin-top:38px}
.act1-product,.act2-product{height:100svh;min-height:720px;display:grid;place-items:center;position:relative;overflow:visible}
.act1-product{opacity:0;transform:translateX(70px) scale(.97);animation:actProductIn 1.5s cubic-bezier(.16,.84,.24,1) .85s forwards}
.act-phone-wrap{width:min(520px,44vw);height:min(820px,82svh);position:relative;display:grid;place-items:center;perspective:1800px}
.act-phone-glow{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(218,177,92,.18),rgba(155,108,255,.05) 42%,transparent 70%);filter:blur(28px);transform:translate(9%,4%)}
.act-phone-device{width:390px;height:700px;max-width:78%;max-height:88%;position:relative;border-radius:58px;background:linear-gradient(102deg,#3a2c18 0,#d8b86c 5%,#16120d 9%,#070708 52%,#17110a 91%,#d5b46a 96%,#3a2a14 100%);padding:10px;transform:rotateY(-27deg) rotateZ(1.5deg) rotateX(.6deg);transform-style:preserve-3d;box-shadow:42px 52px 120px rgba(0,0,0,.82),0 0 74px rgba(218,177,92,.15)}
.act-phone-device:after{content:"";position:absolute;inset:1px;border-radius:57px;border:1px solid rgba(255,227,166,.28);pointer-events:none}
.act-phone-screen{position:absolute;inset:11px 12px 14px 11px;border-radius:48px;overflow:hidden;background:#030304;border:1px solid rgba(255,255,255,.05)}
.act-phone-screen:before{content:"";position:absolute;z-index:5;top:8px;left:50%;transform:translateX(-50%);width:104px;height:22px;background:#020203;border-radius:0 0 15px 15px;box-shadow:0 1px 0 rgba(255,255,255,.04)}
.act-phone-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;filter:brightness(.93) saturate(.98)}
.act-phone-live-name{position:absolute;z-index:6;left:7.1%;top:6.5%;width:34%;min-height:72px;padding:9px 10px;background:linear-gradient(90deg,rgba(4,4,5,.98),rgba(4,4,5,.90) 78%,rgba(4,4,5,0));pointer-events:none}
.act-phone-live-name span{display:block;font:800 5.5px Manrope;letter-spacing:.14em;color:#ab8d50}.act-phone-live-name strong{display:block;margin-top:5px;font:600 17px/1 Fraunces;color:#f4e8d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}.act-phone-live-name small{display:block;margin-top:5px;font:800 5px Manrope;letter-spacing:.06em;color:#8f7650;white-space:nowrap}
.act-phone-sheen{position:absolute;z-index:7;inset:0;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.075),transparent 16%,transparent 66%,rgba(218,177,92,.035) 83%,transparent)}
.act-phone-button{position:absolute;background:linear-gradient(#3b2d19,#c5a45e,#261b0e);box-shadow:0 2px 6px #000}.act-phone-button-a{left:-7px;top:152px;width:8px;height:112px;border-radius:5px 0 0 5px}.act-phone-button-b{right:-7px;top:224px;width:7px;height:126px;border-radius:0 5px 5px 0}
.act-phone-caption{position:absolute;bottom:2.5%;left:50%;transform:translateX(-50%);font:800 9px Manrope;letter-spacing:.22em;color:#a58750;white-space:nowrap}
.act2-grid{padding-top:74px;padding-bottom:42px}.act2-form{max-width:560px;padding:48px 0 60px}.act2-eyebrow{font:800 10px Manrope;letter-spacing:.24em;color:#b49354;margin-bottom:18px}.act2-form h1{font:500 clamp(50px,4.1vw,70px)/1.02 Fraunces;margin:0;color:#f0e9df;letter-spacing:-.025em}.act2-lead{font:500 14px/1.65 Manrope;color:#847e82;margin:21px 0 26px;max-width:470px}.act2-name{width:100%;height:76px;border-radius:18px!important;font-size:25px!important;padding:0 24px!important;border:1px solid rgba(218,177,92,.56)!important;box-shadow:0 0 0 5px rgba(218,177,92,.045),0 0 40px rgba(218,177,92,.055)!important;background:#0b0b0d!important}.act2-cta{width:100%;height:72px;margin-top:28px}.act2-dob{margin-top:28px}.act2-dob .dob-title{font-size:34px!important;margin:22px 0 12px!important}.act2-dob .custom-wheels{margin-top:8px}.act2-shell.dob-open .act2-form{padding-top:24px}.act2-shell.dob-open .act2-form h1{font-size:44px}.act2-shell.dob-open .act2-lead{display:none}.act2-shell.dob-open .act2-product .act-phone-wrap{transform:scale(.96);transform-origin:center;transition:transform .45s ease}
@keyframes actOrb{50%{transform:scale(1.05);filter:brightness(1.13)}}
@keyframes actProductIn{to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:1050px) and (min-width:821px){.act1-grid,.act2-grid{grid-template-columns:minmax(380px,.9fr) minmax(440px,1.1fr);width:calc(100% - 52px);gap:10px}.act-phone-device{width:350px;height:630px}.act1-copy h1,.act2-form h1{font-size:52px}.act1-copy{padding-left:18px}.act2-form{padding-left:18px}}
@media(max-width:820px){.act1-shell,.act2-shell{overflow:auto}.act1-frame,.act2-frame{inset:6px;border-radius:22px}.act1-grid,.act2-grid{width:100%;min-height:auto;grid-template-columns:1fr;gap:0;padding:54px 20px 42px}.act1-copy,.act2-form{max-width:620px;width:100%;margin:0 auto;padding:18px 0 26px;text-align:center}.act1-brand{font-size:15px;margin-bottom:25px}.act2-brand{top:20px;font-size:14px}.act1-orb{width:94px;height:94px;margin:0 auto 24px}.act1-copy h1,.act2-form h1{font-size:42px}.act1-copy p,.act2-lead{margin-left:auto;margin-right:auto}.act1-cta{height:64px}.act1-product,.act2-product{height:auto;min-height:0;padding:4px 0 18px}.act-phone-wrap{width:100%;height:540px}.act-phone-device{width:300px;height:535px;max-width:none;max-height:none;transform:rotateY(-18deg) rotateZ(1deg)}.act-phone-caption{bottom:0;font-size:7px}.act2-grid{padding-top:76px}.act2-form{text-align:left}.act2-eyebrow{text-align:center}.act2-form h1{text-align:center}.act2-name{font-size:21px!important;height:68px}.act2-shell.dob-open .act2-form h1{font-size:38px}.act2-product{order:-1;padding-top:4px}.act2-product .act-phone-wrap{height:420px}.act2-product .act-phone-device{width:235px;height:420px}.act2-shell.dob-open .act2-product{display:none}.act2-cta{height:64px}.act-phone-live-name strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.act1-product{animation:none;opacity:1;transform:none}.act1-orb{animation:none}}

/* ========================================================================== */
/* v2.58 — RESPONSIVE ACT 1 POLISH + TIGHTER CINEMATIC PACING                */
/* ========================================================================== */
@media (min-width:821px){
  .act1-grid{
    grid-template-areas:"top product" "bottom product";
    grid-template-rows:auto auto;
    align-content:center;
  }
  .act1-copy-top{grid-area:top;padding:0!important;align-self:end;max-width:590px}
  .act1-copy-bottom{grid-area:bottom;padding:0 0 38px!important;align-self:start;max-width:590px}
  .act1-product{grid-area:product}
  /* Pull the headline into the visual center of the left panel without moving the phone. */
  .act1-copy-top h1{margin-top:-58px!important}
  .act1-copy-bottom p{margin-top:24px!important}
  .act1-copy-bottom .act1-cta{margin-top:32px!important}
}

@media (max-width:820px){
  .act1-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"top" "product" "bottom"!important;
    padding:42px 18px 34px!important;
  }
  .act1-copy-top{grid-area:top!important;padding:10px 0 6px!important}
  .act1-product{grid-area:product!important;order:initial!important;padding:0!important}
  .act1-copy-bottom{grid-area:bottom!important;padding:0 0 18px!important}
  .act1-brand{margin-bottom:20px!important}
  .act1-orb{width:78px!important;height:78px!important;margin:0 auto 20px!important}
  .act1-copy-top h1{font-size:clamp(36px,10.8vw,48px)!important;line-height:1.02!important}
  .act1-copy-top h1 strong{margin-top:14px!important}
  .act1-product .act-phone-wrap{height:470px!important;margin:-4px auto 0!important}
  .act1-product .act-phone-device{width:258px!important;height:460px!important;transform:rotateY(-18deg) rotateZ(1deg)!important}
  .act1-copy-bottom p{font-size:13px!important;line-height:1.6!important;margin:8px auto 0!important;max-width:340px!important}
  .act1-copy-bottom .act1-cta{width:min(340px,100%)!important;margin:22px auto 0!important;display:block!important}
  /* Screen 2: details first; phone remains large immediately below on mobile. */
  .act2-grid{grid-template-areas:"form" "product"!important;padding:70px 18px 34px!important}
  .act2-form{grid-area:form!important;padding-bottom:12px!important}
  .act2-product{grid-area:product!important;order:initial!important}
  .act2-product .act-phone-wrap{height:440px!important}
  .act2-product .act-phone-device{width:245px!important;height:435px!important}
  .act2-shell.dob-open .act2-product{display:none!important}
}

/* ========================================================================== */
/* v2.59 — ACT 1 CHOREOGRAPHY: WORDS + PHONE REVEAL TOGETHER                 */
/* Mockup branch only. Screen 2 and later journey remain structurally intact. */
/* ========================================================================== */
@media (min-width:821px){
  /* Recompose the left side as one tighter unit — no headline/orb collision. */
  .act1-copy-top{
    transform:translateY(-34px)!important;
  }
  .act1-copy-bottom{
    transform:translateY(-34px)!important;
  }
  .act1-brand{margin-bottom:24px!important}
  .act1-orb{margin-bottom:20px!important}
  .act1-copy-top h1{margin-top:0!important}
  .act1-copy-top h1 strong{margin-top:16px!important}
  .act1-copy-bottom p{margin-top:18px!important}
  .act1-copy-bottom .act1-cta{margin-top:28px!important}

  /* Opening choreography: the message and product arrive as one reveal. */
  .act1-brand{opacity:0;animation:v259WordIn .62s ease .10s forwards}
  .act1-orb{opacity:0;animation:v259OrbIn .82s ease .30s forwards,actOrb 5.2s ease-in-out 1.12s infinite}
  .act1-copy-top h1 span{opacity:0;transform:translateY(18px);animation:v259WordIn .82s cubic-bezier(.2,.75,.25,1) .66s forwards}
  .act1-copy-top h1 strong{opacity:0;transform:translateY(18px);animation:v259WordIn .82s cubic-bezier(.2,.75,.25,1) 1.08s forwards}
  .act1-product{opacity:0;transform:translateX(82px) scale(.965);animation:v259ProductIn 1.55s cubic-bezier(.16,.84,.24,1) .72s forwards!important}
  .act1-copy-bottom p{opacity:0;transform:translateY(12px);animation:v259WordIn .68s ease 1.58s forwards}
  .act1-copy-bottom .act1-cta{opacity:0;transform:translateY(10px);animation:v259WordIn .62s ease 1.92s forwards}
}
@keyframes v259WordIn{to{opacity:1;transform:translateY(0)}}
@keyframes v259OrbIn{from{opacity:0;transform:scale(.90)}to{opacity:1;transform:scale(1)}}
@keyframes v259ProductIn{0%{opacity:0;transform:translateX(82px) scale(.965)}45%{opacity:.58}100%{opacity:1;transform:translateX(0) scale(1)}}

@media (max-width:820px){
  /* Same reveal language on mobile, with the stacked composition retained. */
  .act1-brand{opacity:0;animation:v259WordIn .55s ease .08s forwards}
  .act1-orb{opacity:0;animation:v259OrbIn .72s ease .25s forwards,actOrb 5.2s ease-in-out .97s infinite}
  .act1-copy-top h1 span{display:block;opacity:0;transform:translateY(14px);animation:v259WordIn .72s ease .55s forwards}
  .act1-copy-top h1 strong{display:block;opacity:0;transform:translateY(14px);animation:v259WordIn .72s ease .90s forwards}
  .act1-product{opacity:0;transform:translateY(22px) scale(.98);animation:v259MobileProductIn 1.2s cubic-bezier(.16,.84,.24,1) .66s forwards!important}
  .act1-copy-bottom p{opacity:0;transform:translateY(10px);animation:v259WordIn .6s ease 1.35s forwards}
  .act1-copy-bottom .act1-cta{opacity:0;transform:translateY(8px);animation:v259WordIn .58s ease 1.62s forwards}
}
@keyframes v259MobileProductIn{to{opacity:1;transform:translateY(0) scale(1)}}

@media(prefers-reduced-motion:reduce){
  .act1-brand,.act1-orb,.act1-copy-top h1 span,.act1-copy-top h1 strong,.act1-product,.act1-copy-bottom p,.act1-copy-bottom .act1-cta{opacity:1!important;transform:none!important;animation:none!important}
}

/* ========================================================================== */
/* v2.60 — MOBILE ACT 1 LIFT ONLY                                             */
/* Keep Screen 2 behaviour unchanged. Move the complete Screen 1 mobile       */
/* composition upward without shrinking the orb, headline or dashboard phone. */
/* ========================================================================== */
@media (max-width:820px){
  .act1-grid{padding-top:0!important;}
  .act1-copy-top{padding-top:0!important;}
}

/* ========================================================================== */
/* v2.65 LOCK CANDIDATE — Screens 1–2 + OG cinematic                         */
/* Screen 1 hero orb rebuilt from scratch. No white hotspot / flashlight.     */
/* Screen 3 retains OG live cinematic geometry, animation and pacing.          */
/* ========================================================================== */

/* SCREEN 1 — MASTER SIGNAL CORE */
.act1-orb{
  width:124px!important;
  height:124px!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 50%,
      #f3cf72 0%,
      #e5b858 12%,
      #bd8535 28%,
      #70471f 46%,
      #2b1a0e 64%,
      #0c0907 78%,
      #050506 100%)!important;
  box-shadow:
    0 0 18px rgba(245,203,111,.52),
    0 0 48px rgba(218,165,72,.30),
    0 0 105px rgba(191,126,42,.17),
    0 0 180px rgba(155,108,255,.045),
    inset 0 0 22px rgba(255,220,135,.18),
    inset -18px -22px 34px rgba(0,0,0,.48)!important;
  filter:saturate(1.04);
}
.act1-orb::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:50%;
  border:1px solid rgba(218,177,92,.22);
  box-shadow:
    0 0 22px rgba(218,177,92,.10),
    inset 0 0 18px rgba(218,177,92,.045);
  opacity:.88;
  animation:masterOrbitA 8.5s ease-in-out infinite;
  pointer-events:none;
}
.act1-orb::after{
  content:"";
  position:absolute;
  inset:-42px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(218,177,92,.11) 0%,rgba(218,177,92,.045) 38%,transparent 70%);
  border:1px solid rgba(155,108,255,.08);
  filter:blur(.2px);
  opacity:.75;
  animation:masterOrbitB 10.5s ease-in-out infinite;
  pointer-events:none;
  z-index:-1;
}
.act1-orb i{
  position:absolute!important;
  inset:18px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,221,143,.17)!important;
  background:transparent!important;
  box-shadow:inset 0 0 18px rgba(255,216,120,.045)!important;
  opacity:.9!important;
}
@keyframes masterOrbitA{0%,100%{transform:scale(.985);opacity:.62}50%{transform:scale(1.045);opacity:1}}
@keyframes masterOrbitB{0%,100%{transform:scale(.96);opacity:.48}50%{transform:scale(1.08);opacity:.82}}
@keyframes actOrb{0%,100%{transform:scale(.985);filter:saturate(1.02) brightness(.98)}50%{transform:scale(1.045);filter:saturate(1.08) brightness(1.08)}}

/* SCREEN 3 — OG cinematic, dashboard typography only. */
.calc-v275 .lp-calculating{
  font-family:Manrope,Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.22em!important;
}
.calc-v275 .calc-fact{
  font-family:Fraunces,Georgia,serif!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
}

@media(max-width:820px){
  .act1-orb{width:78px!important;height:78px!important}
  .act1-orb::before{inset:-13px}
  .act1-orb::after{inset:-30px}
  .act1-orb i{inset:12px!important}
}

/* ========================================================================== */
/* v2.67 — SCREEN 1 ORB ONLY: Celestial Master Signal                         */
/* No layout, copy, phone, Screen 2, or cinematic changes.                    */
/* ========================================================================== */
.act1-orb{
  width:138px!important;
  height:138px!important;
  margin-bottom:32px!important;
  position:relative!important;
  border-radius:50%!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,216,124,.98) 0 4%, rgba(238,180,71,.95) 10%, rgba(179,112,29,.92) 22%, rgba(89,50,17,.92) 39%, rgba(31,18,12,.98) 58%, rgba(8,7,8,1) 74%, rgba(5,5,6,1) 100%)!important;
  border:1px solid rgba(239,190,93,.34)!important;
  box-shadow:
    0 0 0 1px rgba(255,220,142,.05),
    0 0 24px rgba(229,171,62,.34),
    0 0 58px rgba(198,128,37,.22),
    0 0 118px rgba(159,96,31,.12),
    0 0 190px rgba(127,86,216,.06),
    inset 0 0 18px rgba(255,218,135,.20),
    inset 0 -28px 42px rgba(0,0,0,.54)!important;
  filter:none!important;
  animation:v267CoreBreath 6.4s ease-in-out infinite!important;
}

/* outer engraved gold orbit */
.act1-orb::before{
  content:""!important;
  position:absolute!important;
  inset:-28px!important;
  border-radius:50%!important;
  background:
    conic-gradient(from 20deg,
      transparent 0 13%, rgba(232,184,86,.72) 13.5% 14.2%, transparent 14.7% 37%,
      rgba(151,106,228,.34) 37.5% 38.1%, transparent 38.8% 61%,
      rgba(232,184,86,.55) 61.5% 62.2%, transparent 62.9% 86%,
      rgba(232,184,86,.62) 86.5% 87.2%, transparent 88% 100%);
  -webkit-mask:radial-gradient(circle,transparent 63%,#000 64% 66%,transparent 67%);
  mask:radial-gradient(circle,transparent 63%,#000 64% 66%,transparent 67%);
  opacity:.82!important;
  filter:drop-shadow(0 0 10px rgba(219,168,70,.18))!important;
  animation:v267Orbit 18s linear infinite!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* atmospheric halo + second orbit */
.act1-orb::after{
  content:""!important;
  position:absolute!important;
  inset:-55px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle, transparent 0 47%, rgba(218,177,92,.08) 48%, rgba(218,177,92,.025) 57%, transparent 66%),
    conic-gradient(from 135deg, transparent 0 18%, rgba(150,104,230,.18) 20% 23%, transparent 27% 69%, rgba(219,170,72,.13) 71% 74%, transparent 78% 100%);
  -webkit-mask:radial-gradient(circle,transparent 58%,#000 59% 61%,transparent 62% 100%);
  mask:radial-gradient(circle,transparent 58%,#000 59% 61%,transparent 62% 100%);
  opacity:.72!important;
  animation:v267OrbitReverse 28s linear infinite!important;
  pointer-events:none!important;
  z-index:-2!important;
}

/* inner lens — dark-gold depth, never white */
.act1-orb i{
  display:block!important;
  position:absolute!important;
  inset:15px!important;
  border-radius:50%!important;
  overflow:visible!important;
  border:1px solid rgba(250,205,111,.20)!important;
  background:
    radial-gradient(ellipse at 35% 31%, rgba(255,205,99,.20) 0 9%, transparent 27%),
    radial-gradient(circle at 63% 67%, rgba(132,81,217,.14) 0 12%, transparent 34%),
    conic-gradient(from 210deg, rgba(255,200,88,.08), transparent 18%, rgba(150,104,230,.08) 43%, transparent 63%, rgba(255,199,88,.08) 86%, transparent)!important;
  box-shadow:
    inset 0 0 26px rgba(244,183,75,.08),
    inset 0 -18px 28px rgba(0,0,0,.34),
    0 0 20px rgba(232,179,76,.06)!important;
  opacity:1!important;
  transform:none!important;
}

/* fine equatorial arc */
.act1-orb i::before{
  content:"";
  position:absolute;
  left:-24px; right:-24px; top:50%; height:36px;
  transform:translateY(-50%) rotate(-13deg);
  border-radius:50%;
  border-top:1px solid rgba(241,196,99,.46);
  border-bottom:1px solid rgba(241,196,99,.07);
  box-shadow:0 -5px 18px rgba(221,162,58,.07);
  opacity:.88;
}

/* tiny orbiting intelligence point */
.act1-orb i::after{
  content:"";
  position:absolute;
  width:5px;height:5px;border-radius:50%;
  left:50%;top:50%;
  background:#e9b75d;
  box-shadow:0 0 7px rgba(233,183,93,.75),0 0 16px rgba(233,183,93,.32);
  transform-origin:-52px 0;
  animation:v267Satellite 9s linear infinite;
}

@keyframes v267CoreBreath{
  0%,100%{transform:scale(.985);box-shadow:0 0 0 1px rgba(255,220,142,.05),0 0 22px rgba(229,171,62,.30),0 0 54px rgba(198,128,37,.18),0 0 112px rgba(159,96,31,.10),0 0 180px rgba(127,86,216,.05),inset 0 0 18px rgba(255,218,135,.18),inset 0 -28px 42px rgba(0,0,0,.54)}
  50%{transform:scale(1.018);box-shadow:0 0 0 1px rgba(255,220,142,.07),0 0 28px rgba(229,171,62,.40),0 0 68px rgba(198,128,37,.25),0 0 126px rgba(159,96,31,.13),0 0 200px rgba(127,86,216,.07),inset 0 0 22px rgba(255,218,135,.21),inset 0 -28px 42px rgba(0,0,0,.50)}
}
@keyframes v267Orbit{to{transform:rotate(360deg)}}
@keyframes v267OrbitReverse{to{transform:rotate(-360deg)}}
@keyframes v267Satellite{from{transform:rotate(0deg) translateX(52px)}to{transform:rotate(360deg) translateX(52px)}}

@media(max-width:820px){
  .act1-orb{width:94px!important;height:94px!important;margin:0 auto 22px!important}
  .act1-orb::before{inset:-21px!important}
  .act1-orb::after{inset:-39px!important}
  .act1-orb i{inset:11px!important}
  .act1-orb i::before{left:-17px;right:-17px;height:27px}
  .act1-orb i::after{transform-origin:-36px 0;animation-name:v267SatelliteMobile}
}
@keyframes v267SatelliteMobile{from{transform:rotate(0deg) translateX(36px)}to{transform:rotate(360deg) translateX(36px)}}

@media(prefers-reduced-motion:reduce){
  .act1-orb,.act1-orb::before,.act1-orb::after,.act1-orb i::after{animation:none!important}
}

/* ========================================================================== */
/* v2.68 — SCREEN 1 ORB VISIBILITY FIX                                        */
/* v2.59 left .act1-orb at opacity:0 and v2.67 replaced the reveal animation.  */
/* Force the rebuilt Master Signal visible; no other screen/layout changes.    */
/* ========================================================================== */
.act1-orb{
  opacity:1!important;
  visibility:visible!important;
}

/* ========================================================================== */
/* v2.69 — MASTER SIGNAL ORB + PACING LOCK CANDIDATE                          */
/* Same living/thinking orb on Screen 1 and Screen 3 calculation.             */
/* No flashlight hotspot. Screen 3 calculation faster; identity reveal slower.*/
/* ========================================================================== */

/* Shared Master Signal material */
.act1-orb,
.lp-orb-thinking{
  background:
    radial-gradient(circle at 50% 48%,
      #d39a37 0%,
      #b97724 15%,
      #76431b 34%,
      #3a2114 52%,
      #181011 68%,
      #09080b 82%,
      #050506 100%)!important;
  border:1px solid rgba(233,184,91,.32)!important;
  box-shadow:
    0 0 18px rgba(231,177,74,.26),
    0 0 52px rgba(204,137,46,.18),
    0 0 104px rgba(159,97,32,.10),
    0 0 170px rgba(132,91,210,.055),
    inset 0 0 24px rgba(239,180,72,.10),
    inset -18px -24px 36px rgba(0,0,0,.50)!important;
  overflow:visible!important;
  isolation:isolate!important;
  filter:none!important;
}

/* Soft living halo. It expands like a breath rather than flashing. */
.act1-orb::before,
.lp-orb-thinking::before{
  content:""!important;
  position:absolute!important;
  inset:-22px!important;
  border-radius:50%!important;
  border:1px solid rgba(226,177,84,.20)!important;
  background:
    conic-gradient(from 30deg,
      transparent 0 13%, rgba(229,180,87,.20) 15% 18%, transparent 20% 46%,
      rgba(145,105,220,.14) 48% 52%, transparent 55% 79%,
      rgba(229,180,87,.16) 81% 84%, transparent 87% 100%)!important;
  -webkit-mask:radial-gradient(circle,transparent 61%,#000 62% 65%,transparent 66%)!important;
  mask:radial-gradient(circle,transparent 61%,#000 62% 65%,transparent 66%)!important;
  opacity:.72!important;
  filter:drop-shadow(0 0 10px rgba(215,155,63,.10))!important;
  animation:masterSignalOrbit 18s linear infinite!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Slow thought-wave ring: appears, travels out, disappears. */
.act1-orb::after,
.lp-orb-thinking::after{
  content:""!important;
  position:absolute!important;
  inset:-42px!important;
  border-radius:50%!important;
  border:1px solid rgba(158,113,228,.10)!important;
  background:radial-gradient(circle,rgba(224,170,71,.07) 0%,rgba(224,170,71,.025) 44%,transparent 68%)!important;
  opacity:.34!important;
  filter:none!important;
  animation:masterSignalThought 5.6s cubic-bezier(.22,.68,.28,1) infinite!important;
  pointer-events:none!important;
  z-index:-2!important;
}

/* Inner intelligence field: dark gold + restrained purple movement. */
.act1-orb i,
.lp-orb-thinking i{
  display:block!important;
  position:absolute!important;
  inset:13%!important;
  border-radius:50%!important;
  border:1px solid rgba(246,197,99,.12)!important;
  background:
    radial-gradient(ellipse at 34% 30%,rgba(244,183,79,.16) 0 8%,transparent 27%),
    radial-gradient(ellipse at 68% 66%,rgba(145,103,219,.12) 0 8%,transparent 30%),
    conic-gradient(from 215deg,rgba(238,178,75,.08),transparent 20%,rgba(139,99,214,.07) 44%,transparent 64%,rgba(238,178,75,.07) 84%,transparent)!important;
  box-shadow:
    inset 0 0 24px rgba(232,168,66,.07),
    inset 0 -16px 24px rgba(0,0,0,.28)!important;
  opacity:.96!important;
  overflow:visible!important;
  transform:none!important;
  animation:masterSignalInner 7.4s ease-in-out infinite!important;
}

/* Moving equatorial line gives the sense that it is processing. */
.act1-orb i::before,
.lp-orb-thinking i::before{
  content:""!important;
  position:absolute!important;
  left:-22%!important;
  right:-22%!important;
  top:50%!important;
  height:30%!important;
  transform:translateY(-50%) rotate(-12deg)!important;
  border-radius:50%!important;
  border-top:1px solid rgba(239,190,92,.34)!important;
  border-bottom:1px solid rgba(149,107,221,.06)!important;
  opacity:.66!important;
  animation:masterSignalEquator 6.2s ease-in-out infinite!important;
}

/* Tiny signal node slowly orbits — intelligence, not sparkle. */
.act1-orb i::after,
.lp-orb-thinking i::after{
  content:""!important;
  position:absolute!important;
  width:4px!important;
  height:4px!important;
  left:50%!important;
  top:50%!important;
  border-radius:50%!important;
  background:#dca84b!important;
  box-shadow:0 0 7px rgba(220,168,75,.55),0 0 13px rgba(141,102,217,.18)!important;
  transform-origin:-45px 0!important;
  animation:masterSignalNode 8.8s linear infinite!important;
}

/* Screen 1 breath: visible, slow, alive. */
.act1-orb{
  animation:masterSignalBreath 5.4s cubic-bezier(.38,0,.22,1) infinite!important;
}

/* Screen 3 uses the identical object, but retains calculation positioning/size. */
.lp-orb-thinking{
  animation:masterSignalBreathCalc 4.8s cubic-bezier(.38,0,.22,1) infinite!important;
  transition:width 1.15s cubic-bezier(.18,.82,.2,1),
             height 1.15s cubic-bezier(.18,.82,.2,1),
             box-shadow .9s ease,
             filter .9s ease!important;
}
.lp-orb-thinking.is-charging{
  filter:brightness(1.07) saturate(1.04)!important;
}
.lp-orb-thinking.is-ready{
  filter:brightness(1.14) saturate(1.06)!important;
  box-shadow:
    0 0 22px rgba(235,181,80,.34),
    0 0 64px rgba(205,139,46,.24),
    0 0 118px rgba(159,97,32,.13),
    0 0 180px rgba(132,91,210,.07),
    inset 0 0 26px rgba(240,184,78,.12),
    inset -18px -24px 36px rgba(0,0,0,.46)!important;
}

@keyframes masterSignalBreath{
  0%,100%{transform:scale(.975);box-shadow:0 0 15px rgba(231,177,74,.22),0 0 45px rgba(204,137,46,.15),0 0 92px rgba(159,97,32,.08),0 0 155px rgba(132,91,210,.045),inset 0 0 22px rgba(239,180,72,.09),inset -18px -24px 36px rgba(0,0,0,.52)}
  48%{transform:scale(1.028);box-shadow:0 0 23px rgba(231,177,74,.34),0 0 63px rgba(204,137,46,.22),0 0 116px rgba(159,97,32,.11),0 0 182px rgba(132,91,210,.065),inset 0 0 28px rgba(239,180,72,.12),inset -18px -24px 36px rgba(0,0,0,.46)}
  62%{transform:scale(1.018)}
}
@keyframes masterSignalBreathCalc{
  0%,100%{transform:translate(-50%,-50%) scale(.975)}
  48%{transform:translate(-50%,-50%) scale(1.03)}
  62%{transform:translate(-50%,-50%) scale(1.018)}
}
@keyframes masterSignalOrbit{to{transform:rotate(360deg)}}
@keyframes masterSignalThought{
  0%,58%{transform:scale(.90);opacity:.06}
  72%{opacity:.30}
  100%{transform:scale(1.15);opacity:0}
}
@keyframes masterSignalInner{
  0%,100%{transform:rotate(-2deg) scale(.985);opacity:.88}
  50%{transform:rotate(4deg) scale(1.02);opacity:1}
}
@keyframes masterSignalEquator{
  0%,100%{transform:translateY(-50%) rotate(-13deg) scaleX(.94);opacity:.42}
  50%{transform:translateY(-50%) rotate(-8deg) scaleX(1.04);opacity:.76}
}
@keyframes masterSignalNode{
  from{transform:rotate(0deg) translateX(45px)}
  to{transform:rotate(360deg) translateX(45px)}
}

@media(max-width:820px){
  .act1-orb i::after,
  .lp-orb-thinking i::after{transform-origin:-31px 0!important;animation-name:masterSignalNodeMobile!important}
}
@keyframes masterSignalNodeMobile{
  from{transform:rotate(0deg) translateX(31px)}
  to{transform:rotate(360deg) translateX(31px)}
}

@media(prefers-reduced-motion:reduce){
  .act1-orb,.lp-orb-thinking,.act1-orb::before,.lp-orb-thinking::before,
  .act1-orb::after,.lp-orb-thinking::after,.act1-orb i,.lp-orb-thinking i,
  .act1-orb i::before,.lp-orb-thinking i::before,.act1-orb i::after,.lp-orb-thinking i::after{
    animation:none!important;
  }
}

/* ========================================================================== */
/* v2.70 — PURE LIVING ORB                                                    */
/* One clean intelligent sphere: no rings, no orbit, no equator, no nodes.    */
/* ========================================================================== */
.act1-orb,
.lp-orb-thinking{
  background:
    radial-gradient(circle at 43% 37%, rgba(246,199,103,.38) 0%, rgba(220,157,55,.30) 13%, transparent 29%),
    radial-gradient(circle at 58% 62%, rgba(116,73,28,.22) 0%, transparent 42%),
    radial-gradient(circle at 50% 50%, #b97828 0%, #8b561f 28%, #513218 52%, #21150f 73%, #0a0808 100%)!important;
  border:1px solid rgba(231,181,87,.24)!important;
  box-shadow:
    0 0 24px rgba(226,169,66,.26),
    0 0 68px rgba(200,128,39,.18),
    0 0 128px rgba(179,111,35,.09),
    inset 14px 12px 30px rgba(246,194,91,.08),
    inset -20px -24px 38px rgba(0,0,0,.44)!important;
  overflow:visible!important;
  isolation:isolate!important;
  filter:none!important;
}

/* Atmosphere only — not a visible ring. */
.act1-orb::before,
.lp-orb-thinking::before{
  content:""!important;
  position:absolute!important;
  inset:-34%!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(221,158,57,.18) 0%,rgba(199,127,41,.09) 34%,rgba(151,101,207,.025) 58%,transparent 73%)!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:blur(9px)!important;
  opacity:.62!important;
  transform:scale(.94)!important;
  animation:pureOrbHalo 5.4s cubic-bezier(.38,0,.22,1) infinite!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Soft inner luminosity; never crosses the sphere and never forms a ring. */
.act1-orb::after,
.lp-orb-thinking::after{
  content:""!important;
  position:absolute!important;
  inset:7%!important;
  border:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 39% 34%,rgba(255,211,116,.19) 0%,rgba(236,174,72,.10) 18%,transparent 42%),
    radial-gradient(circle at 65% 67%,rgba(132,91,190,.045) 0%,transparent 42%)!important;
  filter:blur(5px)!important;
  opacity:.72!important;
  transform:translate(-1.5%,-1%) scale(.96)!important;
  animation:pureOrbMind 7.2s ease-in-out infinite!important;
  pointer-events:none!important;
  z-index:1!important;
}

/* Keep the existing helper element completely invisible. */
.act1-orb i,
.lp-orb-thinking i,
.act1-orb i::before,
.lp-orb-thinking i::before,
.act1-orb i::after,
.lp-orb-thinking i::after{
  display:none!important;
  content:none!important;
  animation:none!important;
}

.act1-orb{
  animation:pureOrbBreath 5.4s cubic-bezier(.38,0,.22,1) infinite!important;
}
.lp-orb-thinking{
  animation:pureOrbBreathCalc 4.9s cubic-bezier(.38,0,.22,1) infinite!important;
}
.lp-orb-thinking.is-charging{filter:brightness(1.055) saturate(1.025)!important}
.lp-orb-thinking.is-ready{filter:brightness(1.10) saturate(1.04)!important}

@keyframes pureOrbBreath{
  0%,100%{transform:scale(.982)}
  48%{transform:scale(1.025)}
  63%{transform:scale(1.015)}
}
@keyframes pureOrbBreathCalc{
  0%,100%{transform:translate(-50%,-50%) scale(.982)}
  48%{transform:translate(-50%,-50%) scale(1.025)}
  63%{transform:translate(-50%,-50%) scale(1.015)}
}
@keyframes pureOrbHalo{
  0%,100%{opacity:.46;transform:scale(.91)}
  48%{opacity:.74;transform:scale(1.05)}
  63%{opacity:.66;transform:scale(1.01)}
}
@keyframes pureOrbMind{
  0%,100%{opacity:.56;transform:translate(-2%,-1.5%) scale(.95)}
  36%{opacity:.78;transform:translate(1.5%,-.5%) scale(1.015)}
  68%{opacity:.68;transform:translate(.5%,1.5%) scale(.985)}
}

@media(prefers-reduced-motion:reduce){
  .act1-orb,.lp-orb-thinking,.act1-orb::before,.lp-orb-thinking::before,
  .act1-orb::after,.lp-orb-thinking::after{animation:none!important}
}

/* ========================================================================== */
/* v2.71 — POWER CORE ORB                                                     */
/* Soft-edged luminous energy mass: no visible circle border, no rings,       */
/* no orbiting elements. Breath is light + pressure, not just scale.           */
/* ========================================================================== */
.act1-orb,
.lp-orb-thinking{
  border:0!important;
  background:
    radial-gradient(ellipse at 38% 30%,rgba(255,224,148,.54) 0%,rgba(244,185,77,.34) 12%,transparent 31%),
    radial-gradient(ellipse at 66% 72%,rgba(91,49,137,.14) 0%,transparent 38%),
    radial-gradient(circle at 49% 49%,#d79a39 0%,#b06d25 23%,#70401c 48%,#332016 69%,rgba(14,10,10,.92) 88%,rgba(8,7,7,.22) 97%,transparent 100%)!important;
  box-shadow:
    0 0 18px rgba(255,198,91,.42),
    0 0 46px rgba(231,161,54,.31),
    0 0 92px rgba(202,124,40,.20),
    0 0 170px rgba(171,96,38,.11),
    inset 9px 7px 22px rgba(255,218,135,.16),
    inset -18px -20px 34px rgba(19,10,8,.38)!important;
  filter:drop-shadow(0 0 10px rgba(244,183,74,.22))!important;
  opacity:1!important;
}

/* Broad corona. Its blur deliberately destroys the geometric edge. */
.act1-orb::before,
.lp-orb-thinking::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-48%!important;
  border:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,rgba(250,193,82,.34) 0%,rgba(225,147,48,.19) 24%,rgba(181,105,40,.10) 44%,rgba(122,72,161,.035) 62%,transparent 75%)!important;
  filter:blur(15px)!important;
  opacity:.78!important;
  transform:scale(.92)!important;
  animation:powerCorona 5.2s cubic-bezier(.4,0,.2,1) infinite!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Internal energy bloom. No hard shape, no crossing line. */
.act1-orb::after,
.lp-orb-thinking::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-3%!important;
  border:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 45% 42%,rgba(255,213,119,.32) 0%,rgba(255,184,67,.16) 20%,transparent 46%),
    radial-gradient(ellipse at 60% 58%,rgba(240,143,43,.13) 0%,transparent 52%)!important;
  filter:blur(7px)!important;
  opacity:.70!important;
  mix-blend-mode:screen!important;
  animation:powerMind 6.8s ease-in-out infinite!important;
  pointer-events:none!important;
  z-index:1!important;
}

.act1-orb{animation:powerBreath 5.2s cubic-bezier(.4,0,.2,1) infinite!important}
.lp-orb-thinking{animation:powerBreathCalc 4.8s cubic-bezier(.4,0,.2,1) infinite!important}
.lp-orb-thinking.is-charging{filter:brightness(1.08) saturate(1.05) drop-shadow(0 0 14px rgba(244,183,74,.28))!important}
.lp-orb-thinking.is-ready{filter:brightness(1.16) saturate(1.08) drop-shadow(0 0 20px rgba(244,183,74,.36))!important}

@keyframes powerBreath{
  0%,100%{transform:scale(.975);filter:brightness(.94) saturate(.98) drop-shadow(0 0 8px rgba(244,183,74,.16))}
  44%{transform:scale(1.035);filter:brightness(1.12) saturate(1.05) drop-shadow(0 0 18px rgba(244,183,74,.34))}
  62%{transform:scale(1.018);filter:brightness(1.04) saturate(1.02) drop-shadow(0 0 13px rgba(244,183,74,.25))}
}
@keyframes powerBreathCalc{
  0%,100%{transform:translate(-50%,-50%) scale(.975);filter:brightness(.94) saturate(.98) drop-shadow(0 0 8px rgba(244,183,74,.16))}
  44%{transform:translate(-50%,-50%) scale(1.035);filter:brightness(1.12) saturate(1.05) drop-shadow(0 0 18px rgba(244,183,74,.34))}
  62%{transform:translate(-50%,-50%) scale(1.018);filter:brightness(1.04) saturate(1.02) drop-shadow(0 0 13px rgba(244,183,74,.25))}
}
@keyframes powerCorona{
  0%,100%{opacity:.48;transform:scale(.88)}
  44%{opacity:.92;transform:scale(1.10)}
  62%{opacity:.72;transform:scale(1.02)}
}
@keyframes powerMind{
  0%,100%{opacity:.46;transform:translate(-2%,1%) scale(.94)}
  34%{opacity:.84;transform:translate(2%,-2%) scale(1.04)}
  68%{opacity:.62;transform:translate(1%,2%) scale(.99)}
}

/* ========================================================================== */
/* v2.72 — POST-CINEMATIC CONVERSION JOURNEY ONLY                             */
/* Everything before SHOW ME MY YEAR remains untouched from v2.71.            */
/* ========================================================================== */
.future-signal{width:min(1080px,92vw);margin:0 auto;text-align:center;padding:18px 0 8px;color:#f4eddf}
.future-kicker{font:700 11px/1.2 Manrope,sans-serif;letter-spacing:.24em;color:#b9ad98;margin-bottom:16px}.future-kicker.purple{color:#b997e8}
.future-live{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(113,194,139,.28);border-radius:999px;background:rgba(72,143,95,.08);font:700 10px/1 Manrope,sans-serif;letter-spacing:.14em;color:#91d7a7;margin-bottom:20px}.future-live i{width:7px;height:7px;border-radius:50%;background:#76d394;box-shadow:0 0 14px rgba(118,211,148,.7)}
.future-signal h1{font-family:Fraunces,serif;font-weight:400;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.035em;margin:0 auto 24px;max-width:900px}.future-signal h1 span{color:#d5a34e}
.future-year-core{width:190px;height:190px;border-radius:50%;margin:14px auto 22px;display:grid;place-content:center;background:radial-gradient(circle,rgba(211,158,72,.17),rgba(25,20,17,.8) 64%,rgba(7,7,8,.95));box-shadow:0 0 65px rgba(196,135,51,.13),inset 0 0 0 1px rgba(224,181,101,.2)}.future-year-core small,.future-year-core em{font:700 9px/1.2 Manrope,sans-serif;letter-spacing:.15em;color:#9d927f;font-style:normal}.future-year-core strong{font:400 76px/.9 Fraunces,serif;color:#e3b65e;margin:7px 0}
.future-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:720px;margin:0 auto 22px}.future-metrics>div,.live-score-grid>div{border:1px solid rgba(215,178,112,.14);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:14px;padding:16px}.future-metrics small,.live-score-grid small{display:block;font:700 9px/1 Manrope,sans-serif;letter-spacing:.16em;color:#857d70;margin-bottom:8px}.future-metrics b{font:700 13px/1 Manrope,sans-serif;color:#d9c8a8;letter-spacing:.08em}.future-hook{font:500 16px/1.55 Manrope,sans-serif;color:#bdb3a4;margin:16px auto 0}.future-hook b{color:#e6d7bd}
.month-signal-row{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;align-items:end;max-width:1040px;margin:34px auto 20px;padding:20px 16px;border:1px solid rgba(211,174,105,.12);border-radius:18px;background:rgba(255,255,255,.018)}.month-signal{height:170px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;align-items:center}.month-signal small{font:700 9px/1 Manrope,sans-serif;color:#746e65;letter-spacing:.08em}.month-signal i{display:block;width:5px;height:calc(var(--level) * 1.25);max-height:118px;min-height:28px;border-radius:99px;background:linear-gradient(180deg,#b88a43,#59452c);opacity:.55}.month-signal b{min-height:10px;font:700 7px/1 Manrope,sans-serif;letter-spacing:.08em;color:transparent}.month-signal.is-strong i{width:7px;background:linear-gradient(180deg,#8cdaa6,#a98a49);box-shadow:0 0 18px rgba(104,202,137,.3);opacity:1}.month-signal.is-strong small,.month-signal.is-strong b{color:#91d7a7}.month-signal.is-caution i{background:linear-gradient(180deg,#a883cb,#6d547c);opacity:.85}.month-signal.is-caution small,.month-signal.is-caution b{color:#b997d5}
.future-findings{display:flex;justify-content:center;gap:26px;font:700 10px/1 Manrope,sans-serif;letter-spacing:.12em;color:#8d8578}.future-findings b{color:#d4a85b;font-size:14px}.future-tease-card{max-width:520px;margin:22px auto 8px;padding:18px 22px;border:1px solid rgba(116,201,145,.22);border-radius:14px;background:rgba(74,135,93,.055)}.future-tease-card small,.future-tease-card span{display:block;font:700 9px/1.2 Manrope,sans-serif;letter-spacing:.14em;color:#7f927f}.future-tease-card strong{display:block;font:500 25px/1.15 Fraunces,serif;color:#e8d6b5;margin:7px 0}.future-tease-card span{color:#91d7a7}
.future-lead{font:500 16px/1.6 Manrope,sans-serif;color:#aaa194;max-width:650px;margin:-4px auto 24px}.live-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:760px;margin:0 auto 22px}.live-score-grid strong{font:400 38px/1 Fraunces,serif;color:#e2c58f}.live-score-grid em{font:700 15px/1 Manrope,sans-serif;color:#7bd097;font-style:normal;margin-left:5px}.pocket-uses{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:820px;margin:0 auto 20px;text-align:left}.pocket-uses span{padding:14px 16px;border:1px solid rgba(216,177,106,.11);border-radius:12px;background:rgba(255,255,255,.018);font:500 12px/1.45 Manrope,sans-serif;color:#8f887d}.pocket-uses b{color:#d8c9ae}.pocket-uses .is-stella{border-color:rgba(165,119,211,.2);background:rgba(121,78,164,.05)}.pocket-uses .is-stella b{color:#b997e8}.future-pocket{font:500 14px/1.5 Manrope,sans-serif;color:#9e9588}.future-pocket b{color:#e1cba4}
.future-pocket-cta{display:none}
.stella-power-orb{width:78px;height:78px;border-radius:50%;margin:2px auto 17px;background:radial-gradient(circle at 42% 38%,rgba(220,188,255,.75),rgba(132,83,178,.45) 25%,rgba(47,27,67,.9) 62%,transparent 76%);box-shadow:0 0 40px rgba(143,88,195,.22);animation:stellaSoft 5s ease-in-out infinite}.stella-message{max-width:700px;margin:0 auto 18px;text-align:left;padding:22px 24px;border:1px solid rgba(165,119,211,.22);border-radius:16px;background:linear-gradient(135deg,rgba(120,76,163,.09),rgba(255,255,255,.018))}.stella-message small{font:700 9px/1 Manrope,sans-serif;letter-spacing:.18em;color:#a985d0}.stella-message p{font:400 22px/1.45 Fraunces,serif;color:#e9e0ee;margin:9px 0 14px}.typing-cut{display:flex;gap:5px}.typing-cut i{width:6px;height:6px;border-radius:50%;background:#a985d0;opacity:.45;animation:typingDot 1.2s infinite}.typing-cut i:nth-child(2){animation-delay:.18s}.typing-cut i:nth-child(3){animation-delay:.36s}.stella-lock{display:flex;justify-content:center;gap:10px;align-items:center;font:700 9px/1 Manrope,sans-serif;letter-spacing:.14em;color:#7f7685;margin:16px 0 20px}.stella-lock span{padding:6px 8px;border-radius:6px;background:rgba(158,110,202,.12);color:#b997e8}
.future-final .premium-final-image{max-width:690px}.future-final .premium-image-name-cover{font-family:Manrope,sans-serif!important}.future-final .premium-final-value strong{color:#ead9bb}
@keyframes stellaSoft{0%,100%{transform:scale(.96);filter:brightness(.9)}50%{transform:scale(1.04);filter:brightness(1.13)}}@keyframes typingDot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-width:700px){.future-signal{width:92vw;padding-top:8px}.future-signal h1{font-size:39px}.future-year-core{width:154px;height:154px}.future-year-core strong{font-size:61px}.future-metrics{gap:6px}.future-metrics>div{padding:12px 7px}.month-signal-row{grid-template-columns:repeat(6,1fr);height:auto;row-gap:16px;margin-top:20px}.month-signal{height:105px}.month-signal i{height:calc(var(--level) * .72);max-height:72px}.future-findings{gap:12px;flex-wrap:wrap}.live-score-grid{grid-template-columns:1fr 1fr}.pocket-uses{grid-template-columns:1fr}.stella-message p{font-size:19px}.future-final .premium-final-image{max-width:94vw}}

/* ========================================================================== */
/* v2.73 — POST-CINEMATIC STRUCTURAL CANVAS FIX                               */
/* Scope ONLY the new 2026 -> Premium journey. Nothing before it is touched.  */
/* ========================================================================== */
@media (min-width:701px){
  .shell.no-orb-shell:has(.future-signal),
  .shell.no-orb-shell:has(.future-final){
    width:min(1360px,calc(100vw - 64px))!important;
    max-width:1360px!important;
    height:100svh!important;
    min-height:680px!important;
    margin:0 auto!important;
    padding:24px 32px 28px!important;
    display:grid!important;
    grid-template-rows:auto 1fr!important;
    overflow:hidden!important;
  }
  .shell.no-orb-shell:has(.future-signal)>.content,
  .shell.no-orb-shell:has(.future-final)>.content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    overflow:visible!important;
    padding:12px 0 0!important;
  }
  .shell.no-orb-shell:has(.future-signal) .future-signal,
  .shell.no-orb-shell:has(.future-final) .future-final{
    width:min(1180px,100%)!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;
    flex:0 1 auto!important;
  }
  .shell.no-orb-shell:has(.future-signal) .actions,
  .shell.no-orb-shell:has(.future-final) .actions{
    width:min(620px,100%)!important;
    max-width:620px!important;
    margin:20px auto 0!important;
    padding:0!important;
    flex:0 0 auto!important;
  }
  .shell.no-orb-shell:has(.future-signal) .actions .btn,
  .shell.no-orb-shell:has(.future-final) .actions .btn{
    width:100%!important;
  }

  /* Fit the first 2026 reveal comfortably inside a laptop viewport. */
  .future-signal-intro h1{font-size:clamp(44px,4.2vw,64px)!important;margin-bottom:16px!important}
  .future-signal-intro .future-year-core{width:154px!important;height:154px!important;margin:6px auto 16px!important}
  .future-signal-intro .future-year-core strong{font-size:62px!important}
  .future-signal-intro .future-metrics{max-width:820px!important;margin-bottom:12px!important}
  .future-signal-intro .future-metrics>div{padding:14px 18px!important}
  .future-signal-intro .future-hook{margin-top:10px!important}

  /* Timeline: use the desktop width instead of stacking/cropping it. */
  .future-timeline h1{font-size:clamp(42px,4vw,60px)!important;margin-bottom:10px!important}
  .future-timeline .month-signal-row{width:100%!important;max-width:1080px!important;margin:18px auto 14px!important;padding:14px 18px!important}
  .future-timeline .month-signal{height:132px!important}
  .future-timeline .month-signal i{max-height:92px!important}
  .future-timeline .future-tease-card{margin:14px auto 6px!important;padding:14px 20px!important}

  .future-utility h1,.future-stella h1{font-size:clamp(42px,4vw,60px)!important;margin-bottom:14px!important}
  .future-utility .future-lead{margin-bottom:16px!important}
  .future-utility .live-score-grid{max-width:900px!important;margin-bottom:14px!important}
  .future-utility .pocket-uses{max-width:940px!important;margin-bottom:14px!important}
  .future-stella .stella-power-orb{width:68px!important;height:68px!important;margin-bottom:12px!important}
  .future-stella .stella-message{max-width:820px!important;margin-bottom:12px!important;padding:18px 22px!important}
  .future-stella .stella-lock{margin:12px 0!important}
  .future-stella .future-lead{margin-bottom:0!important}
}

.future-metrics-label{display:none}

@media (max-width:700px){
  /* Mobile launch layout: the viewport owns the screen, the content owns the
     space above a reserved CTA rail. No page scrolling and no CTA overlays. */
  .shell.no-orb-shell:has(.future-signal){
    --future-safe-bottom:max(14px,env(safe-area-inset-bottom));
    --future-cta-h:58px;
    width:100%!important;
    max-width:none!important;
    height:100svh!important;
    height:100dvh!important;
    min-height:0!important;
    padding:0 14px!important;
    display:grid!important;
    grid-template-rows:42px minmax(0,1fr) calc(var(--future-cta-h) + var(--future-safe-bottom) + 12px)!important;
    overflow:hidden!important;
  }
  .shell.no-orb-shell:has(.future-signal)>.brand{
    position:static!important;
    align-self:center!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    font-size:9px!important;
    line-height:1!important;
  }
  .shell.no-orb-shell:has(.future-signal)>.content{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    overflow:hidden!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }
  .shell.no-orb-shell:has(.future-signal) .future-signal{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:2px 0 4px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .shell.no-orb-shell:has(.future-signal) .actions{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    height:var(--future-cta-h)!important;
    min-height:var(--future-cta-h)!important;
    margin:8px 0 var(--future-safe-bottom)!important;
    padding:0!important;
    align-self:end!important;
  }
  .shell.no-orb-shell:has(.future-signal) .actions .btn{
    width:100%!important;
    height:var(--future-cta-h)!important;
    min-height:var(--future-cta-h)!important;
    padding:0 14px!important;
    border-radius:18px!important;
    font-size:clamp(12px,3.45vw,14px)!important;
    line-height:1.08!important;
  }

  .future-signal-intro .future-metrics-label{
    display:block!important;
    margin:-5px auto 7px!important;
    font:800 8.4px/1.2 Manrope,sans-serif!important;
    letter-spacing:.18em!important;
    color:#b8aa92!important;
  }

  /* Remaining-year timing: mobile uses two clean 6-month rows so labels,
     activity bars and hidden windows stay legible without adding scroll. */
  .future-timeline{justify-content:center!important}
  .future-timeline .future-kicker{font-size:8px!important;margin-bottom:7px!important}
  .future-timeline h1{font-size:clamp(28px,8.4vw,35px)!important;line-height:1.02!important;margin:0 auto 7px!important}
  .future-timeline .month-signal-row{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:82px!important;
    column-gap:8px!important;
    row-gap:12px!important;
    align-items:end!important;
    width:100%!important;
    margin:8px auto 10px!important;
    padding:14px 10px 13px!important;
    border-radius:15px!important;
  }
  .future-timeline .month-signal{height:82px!important;gap:5px!important;min-width:0!important}
  .future-timeline .month-signal small{font-size:10px!important;line-height:1!important;letter-spacing:.035em!important}
  .future-timeline .month-signal i{width:7px!important;min-height:18px!important;height:calc(var(--level) * .52)!important;max-height:48px!important;border-radius:5px!important}
  .future-timeline .month-signal.is-strong i{width:10px!important}
  .future-timeline .month-signal b{font-size:8.2px!important;line-height:1!important;letter-spacing:.025em!important;min-height:9px!important}
  .future-timeline .month-signal.is-hidden-signal b{font-size:15px!important;line-height:9px!important}
  .future-timeline .month-signal.is-now:after{bottom:-7px!important;width:34px!important}
  .future-timeline .future-findings{gap:16px!important;flex-wrap:nowrap!important;margin:1px auto 8px!important;font-size:9.2px!important;letter-spacing:.075em!important}
  .future-timeline .future-findings b{font-size:14px!important}
  .future-timeline .future-tease-card{width:min(100%,390px)!important;margin:4px auto 5px!important;padding:11px 12px!important;border-radius:12px!important}
  .future-timeline .future-tease-card small,.future-timeline .future-tease-card span{font-size:8px!important}
  .future-timeline .future-tease-card strong{font-size:clamp(18px,5.3vw,22px)!important;margin:4px 0!important}
  .future-timeline .future-hook{font-size:10.5px!important;line-height:1.3!important;margin:4px auto 0!important}

  /* Daily Signals: compact 2x2 dashboard + 2x2 utility prompts. */
  .future-utility{justify-content:center!important}
  .future-utility .future-kicker{font-size:7.6px!important;letter-spacing:.13em!important;margin-bottom:7px!important;white-space:nowrap!important}
  .future-utility h1{font-size:clamp(28px,8.4vw,35px)!important;line-height:1.02!important;margin:0 auto 7px!important}
  .future-utility .future-lead{font-size:10.5px!important;line-height:1.35!important;margin:0 auto 9px!important}
  .future-utility .live-score-grid{grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;margin:0 auto 7px!important}
  .future-utility .live-score-grid>div{padding:8px 7px!important;border-radius:11px!important}
  .future-utility .live-score-grid small{font-size:6.8px!important;letter-spacing:.09em!important;margin-bottom:5px!important}
  .future-utility .live-score-grid strong{font-size:28px!important}
  .future-utility .live-score-grid strong sup{font-size:7px!important}
  .future-utility .live-score-grid em{font-size:11px!important}
  .future-utility .pocket-uses{grid-template-columns:1fr 1fr!important;gap:5px!important;width:100%!important;margin:0 auto!important}
  .future-utility .pocket-uses span{padding:7px 8px!important;border-radius:9px!important;font-size:8.4px!important;line-height:1.28!important}
  .future-utility .future-pocket{
    display:block!important;
    max-width:360px!important;
    margin:24px auto 0!important;
    padding:0 8px!important;
    font-size:13.5px!important;
    line-height:1.48!important;
    color:#a79d8f!important;
  }
  .future-utility .future-pocket b{color:#e0cfb0!important;font-weight:700!important}
  .future-pocket-cta{
    display:block!important;
    margin-top:15px!important;
    font:800 11.5px/1.25 Manrope,sans-serif!important;
    letter-spacing:.13em!important;
    color:#cba8f4!important;
  }

  /* Preserve the approved final screen exactly as v2.80 had it. */
  .shell.no-orb-shell:has(.future-final){
    width:100%!important;
    max-width:none!important;
    min-height:100svh!important;
    height:auto!important;
    padding:22px 20px calc(22px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-rows:auto 1fr!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .shell.no-orb-shell:has(.future-final)>.content{
    width:100%!important;
    min-height:calc(100svh - 58px)!important;
    overflow:visible!important;
    justify-content:center!important;
  }
  .shell.no-orb-shell:has(.future-final) .actions{
    width:100%!important;
    margin-top:20px!important;
    padding:0!important;
  }
}

/* ========================================================================== */
/* v2.74 — POST-CINEMATIC CONVERSION POLISH ONLY                              */
/* ========================================================================== */
.month-signal.is-hidden-signal{position:relative;filter:saturate(.55)}
.month-signal.is-hidden-signal i{opacity:.20!important;filter:blur(2px);background:linear-gradient(180deg,#8d744e,#3d3429)!important;box-shadow:0 0 18px rgba(205,161,88,.10)}
.month-signal.is-hidden-signal small{color:#6f6960!important}
.month-signal.is-hidden-signal b{color:#9a835d!important;font-size:13px!important;line-height:10px!important;text-shadow:0 0 12px rgba(217,174,96,.35)}
.live-score-grid strong sup{font:700 9px/1 Manrope,sans-serif;color:#8f8577;vertical-align:middle;margin-left:3px;letter-spacing:.04em}
.future-stella .stella-intro{max-width:760px!important;margin:-3px auto 16px!important;color:#b8afa2!important}

/* Final reveal: restore intentional top breathing room and keep brand clear. */
@media (min-width:701px){
  .shell.no-orb-shell:has(.future-final){padding-top:28px!important}
  .shell.no-orb-shell:has(.future-final)>.brand{top:26px!important}
  .shell.no-orb-shell:has(.future-final)>.content{padding-top:54px!important;justify-content:flex-start!important;overflow-y:auto!important}
  .shell.no-orb-shell:has(.future-final) .future-final{width:min(1000px,100%)!important;max-width:1000px!important}
  .no-orb-shell .future-final h1{font-size:clamp(42px,4.2vw,60px)!important;line-height:.98!important;margin:4px auto 12px!important}
  .no-orb-shell .future-final .premium-final-copy{max-width:760px!important;font-size:15px!important;margin-bottom:16px!important}
  .no-orb-shell .future-final .premium-final-image{width:min(520px,48vw)!important;max-width:520px!important;margin:0 auto 12px!important}
  .no-orb-shell .future-final .premium-final-features{font-size:10px!important;margin-top:4px!important}
  .no-orb-shell .future-final .premium-final-value{max-width:650px!important}
}
@media (max-width:700px){
  .shell.no-orb-shell:has(.future-final)>.content{padding-top:44px!important;justify-content:flex-start!important}
  .no-orb-shell .future-final h1{margin-top:6px!important}
  .no-orb-shell .future-final .premium-final-image{width:min(330px,88vw)!important;max-width:88vw!important}
}

/* ========================================================================== */
/* v2.75 — conversion polish + final rotating phone                           */
/* ========================================================================== */
/* 2026 intro: dashboard palette enters quietly, without losing cinematic gold. */
.future-metrics .metric-momentum{border-color:rgba(79,205,139,.24)!important;background:linear-gradient(180deg,rgba(49,132,88,.065),rgba(255,255,255,.012))!important;box-shadow:inset 0 0 30px rgba(67,196,126,.025)}
.future-metrics .metric-momentum b{color:#8edcaf!important}
.future-metrics .metric-change{border-color:rgba(169,125,217,.24)!important;background:linear-gradient(180deg,rgba(120,75,164,.065),rgba(255,255,255,.012))!important;box-shadow:inset 0 0 30px rgba(156,105,207,.025)}
.future-metrics .metric-change b{color:#c0a0e7!important}
.future-metrics .metric-opportunity{border-color:rgba(218,177,92,.24)!important;background:linear-gradient(180deg,rgba(176,126,47,.065),rgba(255,255,255,.012))!important;box-shadow:inset 0 0 30px rgba(218,177,92,.025)}
.future-metrics .metric-opportunity b{color:#e5c784!important}

/* Timing map: every month carries visible activity; hidden windows leak color, not data. */
.month-signal.activity-gold i{opacity:.58!important;background:linear-gradient(180deg,#d0a75e,#65502f)!important;box-shadow:0 0 14px rgba(218,177,92,.10)}
.month-signal.activity-green i{opacity:.55!important;background:linear-gradient(180deg,#70cf98,#315e43)!important;box-shadow:0 0 15px rgba(83,210,143,.12)}
.month-signal.activity-purple i{opacity:.52!important;background:linear-gradient(180deg,#ad87d8,#503867)!important;box-shadow:0 0 15px rgba(166,118,214,.12)}
.month-signal.is-hidden-signal{filter:none!important}
.month-signal.is-hidden-signal i{opacity:.58!important;filter:blur(3px)!important}
.month-signal.is-hidden-signal.hidden-strong i{background:linear-gradient(180deg,#6ee1a0,#315e43)!important;box-shadow:0 0 22px rgba(83,220,145,.25)!important}
.month-signal.is-hidden-signal.hidden-caution i{background:linear-gradient(180deg,#b78be4,#513669)!important;box-shadow:0 0 22px rgba(173,123,222,.24)!important}
.month-signal.is-hidden-signal b{color:#c9b3dc!important;text-shadow:0 0 15px rgba(168,117,218,.4)!important}

/* Final conversion screen: compact product-shot phone, complete dashboard, no scrolling. */
.future-final-phone{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
.future-final-phone h1{margin:2px auto 7px!important}
.future-final-phone .premium-final-copy{margin:0 auto 9px!important;max-width:760px!important}
.future-final-phone .premium-final-copy b{color:#dfcda9;font-weight:600}
.final-phone-stage{appearance:none;border:0;background:transparent;padding:0;margin:0 auto 7px;width:252px;height:448px;position:relative;display:block;perspective:1500px;cursor:zoom-in;color:inherit}
.final-phone-glow{position:absolute;inset:9% -28% 2%;background:radial-gradient(ellipse at center,rgba(218,177,92,.16),rgba(130,82,176,.045) 45%,transparent 72%);filter:blur(18px);animation:finalPhoneGlow 7.5s ease-in-out infinite;pointer-events:none}
.final-phone-device{position:absolute;inset:0;border-radius:43px;transform-style:preserve-3d;transform:rotateY(-5deg) rotateX(.5deg);background:linear-gradient(105deg,#8e7040 0,#251c11 6%,#060607 16%,#0b0a09 83%,#a47e42 100%);border:1px solid rgba(234,199,122,.84);box-shadow:18px 24px 58px rgba(0,0,0,.78),0 0 34px rgba(218,177,92,.13),inset 0 0 0 1px rgba(255,255,255,.03);animation:finalPhoneTurn 9s cubic-bezier(.45,.05,.55,.95) infinite}
.final-phone-screen{position:absolute;inset:8px 9px 10px 8px;border-radius:35px;overflow:hidden;background:#020203;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.final-phone-screen:before{content:"";position:absolute;z-index:6;left:50%;top:5px;transform:translateX(-50%);width:72px;height:16px;border-radius:0 0 11px 11px;background:#020203;box-shadow:0 1px 2px rgba(0,0,0,.85)}
.final-phone-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;filter:brightness(.96) saturate(.98)}
.final-phone-sheen{position:absolute;z-index:5;inset:0;background:linear-gradient(108deg,rgba(255,255,255,.075),transparent 20%,transparent 68%,rgba(218,177,92,.035));mix-blend-mode:screen;pointer-events:none}
.final-phone-name-cover{position:absolute;z-index:7;left:5%;top:4.4%;max-width:32%;padding:2px 4px;background:rgba(4,4,5,.88);font:600 6px/1 Manrope,sans-serif;color:#f0e8db;letter-spacing:.02em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.final-phone-button{position:absolute;background:linear-gradient(#967545,#2b2114 30%,#0b0907 68%,#74572f);z-index:-1}.final-phone-button-a{left:-5px;top:105px;width:5px;height:70px;border-radius:4px 0 0 4px}.final-phone-button-b{right:-4px;top:158px;width:4px;height:82px;border-radius:0 4px 4px 0}
.final-phone-hint{position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);white-space:nowrap;font:700 8px/1 Manrope,sans-serif;letter-spacing:.15em;color:#9b8765;opacity:.9}
.future-final-phone .premium-final-features{margin:22px auto 2px!important;font-size:9px!important}
.future-final-phone .premium-final-mapped{margin:3px auto 0!important;font:600 11px/1.35 Manrope,sans-serif;color:#b9aa92!important}
@keyframes finalPhoneTurn{0%,100%{transform:rotateY(-6deg) rotateX(.6deg) translateY(0)}50%{transform:rotateY(6deg) rotateX(-.4deg) translateY(-4px)}}
@keyframes finalPhoneGlow{0%,100%{opacity:.62;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.final-phone-device,.final-phone-glow{animation:none!important}.final-phone-device{transform:rotateY(-3deg)!important}}

@media(min-width:701px){
  .shell.no-orb-shell:has(.future-final-phone){padding-top:22px!important;padding-bottom:20px!important}
  .shell.no-orb-shell:has(.future-final-phone)>.content{padding-top:42px!important;justify-content:center!important;overflow:hidden!important}
  .shell.no-orb-shell:has(.future-final-phone) .future-final{width:min(1040px,100%)!important;max-width:1040px!important}
  .shell.no-orb-shell:has(.future-final-phone) .actions{margin-top:8px!important;width:min(620px,100%)!important}
  .no-orb-shell .future-final-phone h1{font-size:clamp(39px,3.6vw,54px)!important;line-height:.98!important}
}
@media(max-height:820px) and (min-width:701px){
  .final-phone-stage{width:210px;height:373px}
  .future-final-phone .premium-final-features{margin-top:19px!important}
  .shell.no-orb-shell:has(.future-final-phone)>.content{padding-top:34px!important}
  .no-orb-shell .future-final-phone h1{font-size:42px!important}
  .future-final-phone .premium-final-copy{font-size:13px!important;margin-bottom:6px!important}
}
@media(max-width:700px){
  .shell.no-orb-shell:has(.future-final-phone)>.content{padding-top:35px!important;justify-content:center!important;overflow:visible!important}
  .final-phone-stage{width:min(226px,60vw);height:min(402px,107vw);margin-top:3px}
  .future-final-phone .premium-final-copy{font-size:13px!important;line-height:1.45!important;margin-bottom:8px!important}
  .future-final-phone .premium-final-features{font-size:7.5px!important;letter-spacing:.08em!important;white-space:normal!important;line-height:1.45!important}
  .future-final-phone .premium-final-mapped{font-size:10px!important}
}


/* ========================================================================== */
/* v2.76 — remaining-year specificity + Stella intelligence polish            */
/* ========================================================================== */
.future-outlook-core{width:190px;height:190px;border-radius:50%;margin:14px auto 22px;display:grid;place-content:center;background:radial-gradient(circle,rgba(211,158,72,.17),rgba(25,20,17,.8) 64%,rgba(7,7,8,.95));box-shadow:0 0 65px rgba(196,135,51,.13),inset 0 0 0 1px rgba(224,181,101,.2)}
.future-outlook-core small,.future-outlook-core em{font:700 9px/1.25 Manrope,sans-serif;letter-spacing:.14em;color:#9d927f;font-style:normal}
.future-outlook-core strong{font:400 66px/.9 Fraunces,serif;color:#e3b65e;margin:8px 0 7px}
.month-signal.is-past{opacity:.24;filter:saturate(.2)}
.month-signal.is-past i{background:linear-gradient(180deg,#766d60,#3b3731)!important;box-shadow:none!important}
.month-signal.is-past b{color:#777067!important}
.month-signal.is-now{position:relative}
.month-signal.is-now:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);width:28px;height:1px;background:#d5a34e;box-shadow:0 0 9px rgba(213,163,78,.45)}
.month-signal.is-now small{color:#e1c58f!important}
.live-score-grid .daily-money{border-color:rgba(79,205,139,.28)!important;background:linear-gradient(180deg,rgba(45,130,84,.09),rgba(255,255,255,.012))!important;box-shadow:inset 0 0 34px rgba(67,196,126,.035)}
.live-score-grid .daily-money strong,.live-score-grid .daily-money em{color:#8edcaf!important}
.live-score-grid .daily-decisions{border-color:rgba(218,177,92,.27)!important;background:linear-gradient(180deg,rgba(176,126,47,.08),rgba(255,255,255,.012))!important}
.live-score-grid .daily-decisions strong{color:#e5c784!important}
.live-score-grid .daily-love{border-color:rgba(169,125,217,.28)!important;background:linear-gradient(180deg,rgba(120,75,164,.09),rgba(255,255,255,.012))!important}
.live-score-grid .daily-love strong{color:#c0a0e7!important}
.live-score-grid .daily-energy{border-color:rgba(79,205,139,.28)!important;background:linear-gradient(180deg,rgba(45,130,84,.09),rgba(255,255,255,.012))!important;box-shadow:inset 0 0 34px rgba(67,196,126,.035)}
.live-score-grid .daily-energy strong,.live-score-grid .daily-energy em{color:#8edcaf!important}
@keyframes finalPhoneTurn{0%,100%{transform:rotateY(-10deg) rotateX(.8deg) translateY(0) rotateZ(-.35deg)}50%{transform:rotateY(10deg) rotateX(-.6deg) translateY(-5px) rotateZ(.35deg)}}
@media(max-width:700px){.future-outlook-core{width:154px;height:154px}.future-outlook-core strong{font-size:53px}.future-outlook-core small,.future-outlook-core em{font-size:7.5px}}


/* ========================================================================== */
/* v2.77 — personalized near-future hero date                                 */
/* ========================================================================== */
.future-outlook-core.future-big-date{width:206px;height:206px;position:relative;isolation:isolate;background:radial-gradient(circle at 50% 46%,rgba(226,172,77,.19) 0%,rgba(79,53,24,.12) 42%,rgba(11,10,9,.97) 72%);box-shadow:0 0 78px rgba(207,149,55,.17),0 0 130px rgba(207,149,55,.055),inset 0 0 0 1px rgba(231,190,112,.25)}
.future-outlook-core.future-big-date:before{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid rgba(224,177,91,.08);box-shadow:0 0 30px rgba(210,149,56,.06);z-index:-1}
.future-outlook-core.future-big-date strong{font:500 49px/.92 Fraunces,serif;letter-spacing:-.025em;color:#efc66f;margin:0 0 13px;text-shadow:0 0 28px rgba(226,171,74,.16)}
.future-outlook-core.future-big-date em{font:800 10px/1.42 Manrope,sans-serif;letter-spacing:.17em;color:#c8b691;text-transform:uppercase}
.future-outlook-core.future-big-date em b{color:#f0c977;font-weight:900}
@media(max-width:700px){.future-outlook-core.future-big-date{width:168px;height:168px}.future-outlook-core.future-big-date strong{font-size:39px;margin-bottom:10px}.future-outlook-core.future-big-date em{font-size:8px;letter-spacing:.14em}}

/* v2.78 — final conversion polish */
.future-final-phone .premium-final-dashboard-label{margin:1px auto 8px;font:600 9px/1.2 Manrope,sans-serif;letter-spacing:.18em;color:#d7aa51;text-transform:uppercase}
.future-final-phone .premium-final-mapped{font:600 12px/1.35 Manrope,sans-serif!important;letter-spacing:.08em;color:#dfcda9!important;text-transform:uppercase}
@keyframes finalPhoneTurn{0%,100%{transform:rotateY(-14deg) rotateX(1deg) translateY(0) rotateZ(-.5deg)}50%{transform:rotateY(14deg) rotateX(-.8deg) translateY(-6px) rotateZ(.5deg)}}
@media(max-width:700px){.future-final-phone .premium-final-dashboard-label{font-size:7.5px;margin-bottom:6px}.future-final-phone .premium-final-mapped{font-size:9.5px!important}}

/* ========================================================================== */
/* v2.80 — FINAL SCREEN HARD LOCK: decode line visible + zero-scroll viewport  */
/* ========================================================================== */
.shell.no-orb-shell:has(.future-final-phone){
  height:100svh!important;
  min-height:0!important;
  overflow:hidden!important;
}
.shell.no-orb-shell:has(.future-final-phone)>.content{
  min-height:0!important;
  overflow:hidden!important;
}
.future-final-phone{
  overflow:visible!important;
}
.future-final-phone .premium-final-mapped{display:none!important}

/* This is intentionally OUTSIDE the clipped content container. */
.final-decode-line{
  position:fixed!important;
  z-index:31!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:100px!important;
  width:min(760px,calc(100vw - 48px))!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font:800 12px/1.25 Manrope,sans-serif!important;
  letter-spacing:.13em!important;
  color:#dfcda9!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

.shell.no-orb-shell:has(.future-final-phone) .premium-final-actions{
  position:fixed!important;
  z-index:32!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:16px!important;
  width:min(820px,calc(100vw - 48px))!important;
  height:68px!important;
  margin:0!important;
  padding:0!important;
}
.shell.no-orb-shell:has(.future-final-phone) .premium-final-actions .btn{
  width:100%!important;
  height:68px!important;
  min-height:68px!important;
  margin:0!important;
}

/* Reserve the bottom for decode + CTA, then make the product shot fit the rest. */
@media(min-width:701px){
  .shell.no-orb-shell:has(.future-final-phone){padding:20px 30px 186px!important}
  .shell.no-orb-shell:has(.future-final-phone)>.brand{top:22px!important}
  .shell.no-orb-shell:has(.future-final-phone)>.content{
    padding-top:38px!important;
    justify-content:center!important;
  }
  .shell.no-orb-shell:has(.future-final-phone) .future-final{
    width:min(1040px,100%)!important;
    max-height:calc(100svh - 226px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    transform:translateY(-28px)!important;
  }
  .future-final-phone .premium-final-kicker{margin:0 auto 7px!important}
  .no-orb-shell .future-final-phone h1{
    font-size:clamp(40px,4vw,58px)!important;
    line-height:.94!important;
    margin:0 auto 6px!important;
  }
  .future-final-phone .premium-final-dashboard-label{margin:0 auto 6px!important}
  .future-final-phone .premium-final-copy{
    font-size:14px!important;
    line-height:1.35!important;
    margin:0 auto 8px!important;
  }
  .final-phone-stage{
    width:auto!important;
    height:clamp(300px,45svh,430px)!important;
    aspect-ratio:252/448!important;
    flex:0 1 auto!important;
    margin:0 auto 0!important;
  }
  .future-final-phone .premium-final-features{
    display:none!important;
  }
  .final-phone-hint{
    bottom:-18px!important;
    font-size:7px!important;
  }
}

@media(max-width:700px){
  .shell.no-orb-shell:has(.future-final-phone){
    padding:14px 14px 166px!important;
  }
  .shell.no-orb-shell:has(.future-final-phone)>.brand{top:17px!important}
  .shell.no-orb-shell:has(.future-final-phone)>.content{
    padding-top:30px!important;
    overflow:hidden!important;
  }
  .shell.no-orb-shell:has(.future-final-phone) .future-final{
    max-height:calc(100svh - 190px)!important;
  }
  .future-final-phone .premium-final-kicker{font-size:8px!important;margin-bottom:5px!important}
  .no-orb-shell .future-final-phone h1{font-size:clamp(32px,9vw,40px)!important;margin-bottom:5px!important}
  .future-final-phone .premium-final-dashboard-label{font-size:7px!important;margin-bottom:4px!important}
  .future-final-phone .premium-final-copy{font-size:11.5px!important;line-height:1.3!important;margin-bottom:6px!important}
  .final-phone-stage{
    width:auto!important;
    height:clamp(250px,43svh,355px)!important;
    aspect-ratio:252/448!important;
    margin:0 auto!important;
  }
  .future-final-phone .premium-final-features{display:none!important}
  .final-phone-hint{display:none!important}
  .final-decode-line{
    bottom:88px!important;
    width:calc(100vw - 28px)!important;
    font-size:9px!important;
    letter-spacing:.08em!important;
    white-space:normal!important;
  }
  .shell.no-orb-shell:has(.future-final-phone) .premium-final-actions{
    bottom:12px!important;
    width:calc(100vw - 28px)!important;
    height:62px!important;
  }
  .shell.no-orb-shell:has(.future-final-phone) .premium-final-actions .btn{
    height:62px!important;
    min-height:62px!important;
    font-size:15px!important;
  }
}

@media(max-height:760px) and (min-width:701px){
  .shell.no-orb-shell:has(.future-final-phone){padding-bottom:170px!important}
  .shell.no-orb-shell:has(.future-final-phone)>.content{padding-top:28px!important}
  .no-orb-shell .future-final-phone h1{font-size:40px!important}
  .future-final-phone .premium-final-copy{font-size:12px!important;margin-bottom:5px!important}
  .final-phone-stage{height:clamp(260px,41svh,330px)!important}
  .final-decode-line{bottom:92px!important;font-size:10px!important}
  .shell.no-orb-shell:has(.future-final-phone) .premium-final-actions{height:62px!important;bottom:12px!important}
  .shell.no-orb-shell:has(.future-final-phone) .premium-final-actions .btn{height:62px!important;min-height:62px!important}
}


/* ==========================================================================
   v2.90 — DESKTOP-ONLY FINAL POLISH
   Mobile (<=700px) intentionally untouched.
   ========================================================================== */
@media (min-width:701px){
  /* Mirror the approved mobile hierarchy: identify the three cards as the
     near-term outlook without changing their layout or calculations. */
  .future-signal-intro .future-metrics-label{
    display:block!important;
    margin:-8px auto 10px!important;
    font:800 10px/1.2 Manrope,sans-serif!important;
    letter-spacing:.20em!important;
    color:#b8aa92!important;
    text-transform:uppercase!important;
  }

  /* Keep the timing CTA visually inside the stage rather than kissing its
     lower frame/divider. This only affects the remaining-year timing screen. */
  .shell.no-orb-shell:has(.future-timeline) .actions{
    margin-top:18px!important;
    margin-bottom:18px!important;
  }
}

/* Homepage-only conversion copy and secondary member link. */
.act1-copy-bottom .act1-cta{font:700 clamp(14px,1.25vw,17px)/1.2 Manrope,Arial,sans-serif!important;letter-spacing:.045em!important}
.act1-free-note{width:min(430px,100%);margin:10px 0 0;color:#a99d89;font:500 11px/1.4 Manrope,Arial,sans-serif;text-align:center}
.act1-member-link{display:flex;align-items:center;justify-content:center;gap:8px;width:min(430px,100%);min-height:42px;margin-top:12px;border:1px solid rgba(205,165,88,.5);border-radius:12px;color:#c7b99e;text-decoration:none;font:500 12px/1.3 Manrope,Arial,sans-serif;transition:background .2s,border-color .2s}
.act1-member-link strong{color:#dfbd79;font-weight:700;letter-spacing:.06em}
.act1-member-link:hover,.act1-member-link:focus-visible{background:rgba(205,165,88,.09);border-color:#d9b160}
@media(max-width:820px){.act1-free-note,.act1-member-link{width:min(340px,100%);margin-left:auto;margin-right:auto}.act1-copy-bottom .act1-cta{font-size:15px!important}.act1-member-link{min-height:40px}}
@media(max-width:380px){.act1-free-note{font-size:10px}.act1-member-link{min-height:36px;margin-top:8px}}

@media(prefers-reduced-motion:reduce){.act1-free-note,.act1-member-link{opacity:1!important;transform:none!important;animation:none!important}}

/* ========================================================================== */
/* Homepage cinematic hero — homepage only. Page 2+ untouched.               */
/* ========================================================================== */

/* LifePath homepage v2 — scoped; onboarding and Premium untouched. */
.cinema-home{height:100vh;height:100dvh;min-height:0!important;overflow:hidden!important;isolation:isolate;background:radial-gradient(ellipse at 73% 52%,rgba(102,61,143,.18),transparent 37%),radial-gradient(ellipse at 68% 90%,rgba(196,134,63,.12),transparent 43%),#08080a}
.cinema-home::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(230,207,163,.23) .6px,transparent 1px);background-size:137px 113px;opacity:.28}
.cinema-home::after{content:"";position:absolute;left:0;right:0;bottom:0;height:13%;pointer-events:none;background:radial-gradient(ellipse at 70% 100%,rgba(190,130,64,.14),transparent 65%)}
.cinema-home-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent 65%)}
.cinema-home-topbar{position:absolute;z-index:10;left:4.2vw;right:4.2vw;top:clamp(12px,2.5vh,24px);display:flex;align-items:center;justify-content:space-between}
.cinema-home-logo{display:flex;align-items:center;gap:12px;font:500 clamp(23px,2.2vw,31px)/1 Fraunces,Georgia,serif;color:#f4eee4}
.home-brand-orb{position:relative;display:block;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:radial-gradient(circle at 42% 35%,#fff 0 4%,#e9cfff 6%,#9b5af0 15%,#6530bb 35%,#261146 64%,#08060d 100%);box-shadow:0 0 18px rgba(190,126,255,.48),0 0 40px rgba(126,59,215,.25),inset -6px -7px 12px rgba(0,0,0,.48);animation:homeOrbBreathe 7.5s ease-in-out infinite}
.home-brand-orb::before,.home-brand-orb::after{content:"";position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle,rgba(155,90,240,.16),transparent 70%);animation:homeOrbAura 7.5s ease-in-out infinite}.home-brand-orb::after{inset:-15px;opacity:.4;animation-delay:-3.75s}.home-brand-orb i{position:absolute;left:36%;top:29%;width:20%;height:20%;border-radius:50%;background:#fff3e8;filter:blur(3px)}
@keyframes homeOrbBreathe{0%,100%{transform:scale(.96);filter:brightness(.94)}50%{transform:scale(1.07);filter:brightness(1.1)}}@keyframes homeOrbAura{50%{transform:scale(1.12);opacity:.65}}
.cinema-home-grid{width:min(1420px,calc(100% - 8vw))!important;height:100%!important;min-height:0!important;margin:auto!important;display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;grid-template-rows:1fr 1fr!important;grid-template-areas:"copytop product" "copybottom product"!important;gap:0 2.5vw!important;padding:clamp(58px,8vh,90px) 0 clamp(12px,3vh,30px)!important;align-items:stretch!important}
.cinema-home-copy-top,.cinema-home-copy-bottom{max-width:630px!important;width:100%!important;padding:0!important;margin:0!important;transform:none!important;animation:none!important;opacity:1!important;min-width:0}
.cinema-home-copy-top{grid-area:copytop!important;align-self:end!important}.cinema-home-copy-bottom{grid-area:copybottom!important;align-self:start!important}
.cinema-home-copy-top h1{margin:0!important;font:500 clamp(39px,3.65vw,65px)/1.03 Fraunces,Georgia,serif!important;letter-spacing:-.035em!important;color:#f5f2ed!important;text-align:left!important}
.cinema-home-copy-top h1 span{display:block;color:#f5f2ed!important}.cinema-home-copy-top h1 strong{display:block;margin-top:6px;color:#f2d095!important;font-weight:500!important}
.cinema-home-copy-bottom p{font:500 clamp(13px,1.02vw,16px)/1.55 Manrope,Arial,sans-serif!important;color:#bcb5b5!important;max-width:540px!important;margin:clamp(12px,2vh,22px) 0 0!important;text-align:left!important}
.cinema-home-copy-bottom .act1-cta{width:min(450px,100%)!important;height:clamp(52px,7.5vh,68px)!important;margin:clamp(14px,2.3vh,24px) 0 0!important;border:0!important;border-radius:18px!important;background:linear-gradient(100deg,#f6dda6,#e8ba6d)!important;color:#13100b!important;font:700 clamp(12px,1vw,15px)/1 Manrope,Arial,sans-serif!important;box-shadow:0 12px 34px rgba(218,177,92,.18)!important;cursor:pointer}
.cinema-home-copy-bottom .act1-cta span{margin-left:15px;font-size:22px;vertical-align:-2px}.cinema-home .act1-free-note{width:min(450px,100%)!important;margin:8px 0 0!important;text-align:center!important;color:#aaa2a0!important;font:500 11px/1.35 Manrope,Arial,sans-serif!important}
.cinema-home-proof{width:min(450px,100%);margin:clamp(10px,2vh,20px) 0 0;display:flex;align-items:center;gap:12px;color:#c8c1ba;font:500 12px/1.4 Manrope,Arial,sans-serif}.proof-dots{display:flex;align-items:center;padding-left:5px}.proof-dots i{display:block;width:25px;height:25px;border-radius:50%;margin-left:-5px;border:2px solid #0a090a;background:radial-gradient(circle at 37% 32%,#e8d2ae 0 12%,#a47c58 13% 30%,#342b2d 31% 58%,#151316 59% 100%)}
.cinema-home .act1-member-link{display:inline-flex!important;position:static!important;width:auto!important;min-height:0!important;margin:clamp(10px,1.8vh,18px) 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;gap:5px!important;color:#eee8dd!important;text-decoration:underline!important;text-underline-offset:3px;font:500 12px/1.3 Manrope,Arial,sans-serif!important;transform:none!important;box-shadow:none!important}.cinema-home .act1-member-link strong{color:#e5bd77!important;font-weight:600!important}
.cinema-home-product{grid-area:product!important;position:relative!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-height:0!important;overflow:visible!important;opacity:1!important;transform:none!important;animation:none!important;padding:0!important}
.home-phone-scene{position:relative;width:100%;height:100%;min-height:0;display:grid;place-items:center;isolation:isolate}
.home-nebula{position:absolute;z-index:-4;width:92%;height:76%;border-radius:50%;background:radial-gradient(circle,rgba(125,77,164,.25),rgba(219,155,76,.07) 50%,transparent 72%);filter:blur(16px)}
.home-orbit{position:absolute;z-index:-2;border:1px solid rgba(238,187,106,.55);border-radius:50%;box-shadow:0 0 13px rgba(236,168,82,.22);pointer-events:none}.home-orbit-one{width:90%;height:62%;transform:rotate(8deg)}.home-orbit-two{width:80%;height:70%;transform:rotate(-28deg);border-color:rgba(181,116,227,.25)}
.home-phone-wrap{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;perspective:1800px!important;display:grid!important;place-items:center!important;position:relative!important;transform:none!important}
.home-phone-glow{position:absolute;width:80%!important;height:80%!important;background:radial-gradient(circle,rgba(235,177,85,.20),rgba(145,88,186,.08) 45%,transparent 70%)!important;filter:blur(30px)!important;animation:homePhoneGlow 7.5s ease-in-out infinite!important}
.cinema-home .home-phone-device{width:auto!important;height:auto!important;aspect-ratio:390/700!important;max-width:none!important;max-height:none!important;--phone-h:min(76dvh,calc((100vw - 8vw)*.54*1.12));height:var(--phone-h)!important;position:relative!important;transform-style:preserve-3d!important;transform:rotateY(-7deg) rotateX(.6deg) rotateZ(1.2deg)!important;animation:homePhoneSwing 9s ease-in-out infinite!important;will-change:transform}
.home-phone-screen img{object-fit:cover!important;object-position:top center!important;filter:brightness(.96) saturate(.99)!important}
.home-benefit{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#e8e1da;font:500 12px/1.25 Manrope,Arial,sans-serif;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.72)}.home-benefit span{font:400 28px/1 Georgia,serif;color:#f2d19a}.home-benefit b{font-weight:500}.home-benefit-a{left:0;top:26%}.home-benefit-b{right:0;top:26%}.home-benefit-c{left:0;bottom:14%}.home-benefit-d{right:0;bottom:14%}
.cinema-home-scroll,.cinema-home-mini-cta{display:none!important}
@keyframes homePhoneSwing{0%,100%{transform:rotateY(-8deg) rotateX(.6deg) rotateZ(1.5deg) translateY(0)}50%{transform:rotateY(8deg) rotateX(-.4deg) rotateZ(-1.5deg) translateY(-5px)}}@keyframes homePhoneGlow{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media(max-width:820px){.cinema-home-topbar{left:20px;right:20px;top:12px}.cinema-home-logo{font-size:23px}.home-brand-orb{width:27px;height:27px;flex-basis:27px}.cinema-home-grid{width:calc(100% - 36px)!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;grid-template-areas:"copytop" "product" "copybottom"!important;gap:0!important;padding:54px 0 12px!important}.cinema-home-copy-top{align-self:start!important;text-align:center!important}.cinema-home-copy-top h1{text-align:center!important;font-size:clamp(27px,7.5vw,42px)!important;line-height:1.02!important}.cinema-home-copy-top h1 strong{margin-top:4px}.cinema-home-copy-bottom{text-align:center!important;align-self:end!important}.cinema-home-copy-bottom p{text-align:center!important;margin:8px auto 0!important;font-size:clamp(11px,2.8vw,13px)!important;line-height:1.4!important;max-width:390px!important}.cinema-home-copy-bottom .act1-cta{width:min(390px,100%)!important;height:clamp(45px,7dvh,58px)!important;margin:12px auto 0!important;font-size:13px!important}.cinema-home .act1-free-note{width:100%!important;margin:6px auto 0!important;font-size:10px!important}.cinema-home-proof{justify-content:center;margin:10px auto 0;font-size:10px;gap:8px}.proof-dots i{width:22px;height:22px}.cinema-home .act1-member-link{margin:9px auto 0!important;justify-content:center!important;font-size:11px!important}.cinema-home-product{height:100%!important;min-height:0!important}.home-phone-scene{height:100%!important;min-height:0!important}.cinema-home .home-phone-device{--phone-h:min(100%,calc((100vw - 36px)*.67*1.794));height:var(--phone-h)!important;max-height:100%!important;max-width:64%!important}.home-benefit{font-size:9px;gap:3px}.home-benefit span{font-size:18px}.home-benefit-a{left:0;top:24%}.home-benefit-b{right:0;top:24%}.home-benefit-c{left:0;bottom:12%}.home-benefit-d{right:0;bottom:12%}.home-orbit-one{width:92%;height:64%}.home-orbit-two{width:78%;height:72%}}
@media(max-width:430px){.cinema-home-grid{padding-top:49px!important;padding-bottom:9px!important}.cinema-home-copy-top h1{font-size:clamp(25px,7vw,32px)!important}.cinema-home-copy-bottom p{font-size:11px!important}.cinema-home-proof{margin-top:7px}.cinema-home .act1-member-link{margin-top:7px!important}.home-benefit{font-size:8px}.home-benefit span{font-size:16px}.cinema-home .home-phone-device{max-width:62%!important}}
@media(max-height:700px){.cinema-home-grid{padding-top:48px!important;padding-bottom:8px!important}.cinema-home-copy-top h1{font-size:clamp(25px,3.3vw,48px)!important}.cinema-home-copy-bottom p{margin-top:8px!important;line-height:1.35!important}.cinema-home-copy-bottom .act1-cta{margin-top:10px!important;height:48px!important}.cinema-home-proof{margin-top:8px}.cinema-home .act1-member-link{margin-top:7px!important}.cinema-home .home-phone-device{--phone-h:min(76dvh,calc((100vw - 8vw)*.54*1.12))}}
@media(prefers-reduced-motion:reduce){.cinema-home .home-phone-device,.home-phone-glow,.home-brand-orb,.home-brand-orb::before,.home-brand-orb::after{animation:none!important}.cinema-home .home-phone-device{transform:rotateY(-4deg) rotateZ(.5deg)!important}}

/* ========================================================================== */
/* Homepage cinematic v3 — LifePath gold orb + unmistakable phone swing       */
/* Scope: homepage only. Page 2+ unchanged.                                   */
/* ========================================================================== */
.cinema-home .home-brand-orb{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 48% 45%,rgba(255,248,220,.96) 0 3%,#e8c977 7%,#9b7130 23%,#3d2b13 45%,rgba(22,15,7,.92) 63%,rgba(8,7,6,.2) 73%)!important;
  box-shadow:0 0 18px rgba(221,181,95,.32),0 0 60px rgba(173,116,42,.18),inset -5px -6px 10px rgba(0,0,0,.48)!important;
  animation:lpHomeGoldBreath 3.8s ease-in-out infinite!important;
  transform-origin:center!important;
}
.cinema-home .home-brand-orb::before,
.cinema-home .home-brand-orb::after{
  content:""!important;position:absolute!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(222,177,84,.16),transparent 66%)!important;
  animation:lpHomeGoldAura 4.1s ease-in-out infinite!important;
}
.cinema-home .home-brand-orb::before{inset:-11px!important}
.cinema-home .home-brand-orb::after{inset:-20px!important;opacity:.45!important;animation-delay:-1.6s!important}
.cinema-home .home-brand-orb i{
  position:absolute!important;width:7px!important;height:7px!important;border-radius:50%!important;
  left:14px!important;top:12px!important;background:rgba(255,247,211,.75)!important;filter:blur(2px)!important;
}
@keyframes lpHomeGoldBreath{0%,100%{transform:scale(.96);filter:brightness(.92)}50%{transform:scale(1.08);filter:brightness(1.14)}}
@keyframes lpHomeGoldAura{0%,100%{transform:scale(.94);opacity:.34}50%{transform:scale(1.16);opacity:.72}}

/* Two-layer motion prevents the base phone transform from cancelling the swing. */
.cinema-home .home-phone-wrap{
  animation:lpHomePhoneRock 6.6s cubic-bezier(.45,.05,.55,.95) infinite!important;
  transform-origin:50% 82%!important;
  will-change:transform!important;
}
.cinema-home .home-phone-device{
  animation:lpHomePhoneTurn 6.6s cubic-bezier(.45,.05,.55,.95) infinite!important;
  transform-origin:50% 72%!important;
  will-change:transform!important;
}
@keyframes lpHomePhoneRock{
  0%,100%{transform:translateX(-7px) translateY(2px) rotateZ(-2.6deg)}
  50%{transform:translateX(7px) translateY(-7px) rotateZ(2.6deg)}
}
@keyframes lpHomePhoneTurn{
  0%,100%{transform:rotateY(-14deg) rotateX(1deg) rotateZ(.8deg)}
  50%{transform:rotateY(14deg) rotateX(-.7deg) rotateZ(-.8deg)}
}

/* Actual stock portraits for social proof. */
.cinema-home .proof-dots{display:flex!important;align-items:center!important;padding-left:5px!important}
.cinema-home .proof-dots img{
  display:block!important;width:27px!important;height:27px!important;border-radius:50%!important;
  margin-left:-6px!important;border:2px solid #0a090a!important;object-fit:cover!important;object-position:center!important;
  background:#1a1717!important;box-shadow:0 1px 7px rgba(0,0,0,.35)!important;
}
.cinema-home .proof-dots img:first-child{margin-left:0!important}

@media(max-width:820px){
  .cinema-home .home-brand-orb{width:27px!important;height:27px!important;flex-basis:27px!important}
  .cinema-home .home-brand-orb i{width:6px!important;height:6px!important;left:11px!important;top:9px!important}
  .cinema-home .proof-dots img{width:23px!important;height:23px!important}
}

/* Keep deliberate motion even when an OS reduce-motion preference is active: this is the product cue requested for the hero. */
@media(prefers-reduced-motion:reduce){
  .cinema-home .home-brand-orb{animation:lpHomeGoldBreath 3.8s ease-in-out infinite!important}
  .cinema-home .home-brand-orb::before,.cinema-home .home-brand-orb::after{animation:lpHomeGoldAura 4.1s ease-in-out infinite!important}
  .cinema-home .home-phone-wrap{animation:lpHomePhoneRock 6.6s cubic-bezier(.45,.05,.55,.95) infinite!important}
  .cinema-home .home-phone-device{animation:lpHomePhoneTurn 6.6s cubic-bezier(.45,.05,.55,.95) infinite!important}
}

/* v3.2: mobile-only phone reduction; preserve all other styles. */
@media(max-width:700px){.cinema-home .home-phone-device{--phone-h:min(85%,calc((100vw - 36px)*.67*1.794*.85))!important;height:var(--phone-h)!important;max-height:85%!important;max-width:52.7%!important}}

/* ============================================================
   OFFLINE LOVE-LED ONBOARDING TEST
   Deliberate additions only; original production CSS above untouched.
   ============================================================ */
.shell.no-orb-shell:has(.clarity-focus-screen),.shell.no-orb-shell:has(.relationship-focus-screen){width:min(100%,820px);padding-left:34px;padding-right:34px}
.clarity-focus-screen,.relationship-focus-screen{width:100%;max-width:760px;margin:0 auto;text-align:center;padding:10px 0 0}
.clarity-focus-screen h1,.relationship-focus-screen h1{margin:10px 0 10px;font-family:Fraunces,serif;font-size:clamp(34px,5vw,62px);line-height:.98;font-weight:500;letter-spacing:-.035em;color:#f7f0df}
.clarity-focus-screen h1 span,.relationship-focus-screen h1 span{color:#d7aa58}
.clarity-focus-lead{max-width:610px;margin:0 auto 22px;color:rgba(242,236,225,.68);font-size:15px;line-height:1.55}
.clarity-focus-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:10px;max-width:700px;margin:0 auto}
.clarity-choice{min-height:108px;padding:17px 18px;border:1px solid rgba(211,169,87,.18);border-radius:18px;background:linear-gradient(145deg,rgba(28,24,19,.94),rgba(10,10,12,.98));color:#f4eddf;text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.22);transition:.22s ease}
.clarity-choice:hover{transform:translateY(-2px);border-color:rgba(225,184,98,.46);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 28px rgba(197,145,54,.07)}
.clarity-choice small{display:block;color:#d7aa58;font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:8px}
.clarity-choice strong{display:block;font-size:14px;line-height:1.35;font-weight:600;color:rgba(248,242,230,.88)}
.clarity-choice span{display:block;margin-top:11px;font-size:10px;font-weight:800;letter-spacing:.12em;color:rgba(215,170,88,.7)}
.clarity-choice.is-love{grid-row:span 2;min-height:226px;display:flex;flex-direction:column;justify-content:center;border-color:rgba(213,171,89,.48);background:radial-gradient(circle at 20% 20%,rgba(205,153,61,.15),transparent 48%),linear-gradient(145deg,rgba(38,28,20,.98),rgba(12,10,14,.98));box-shadow:0 0 42px rgba(196,137,43,.08),inset 0 1px rgba(255,235,189,.06)}
.clarity-choice.is-love small{font-size:13px;color:#efc66e}.clarity-choice.is-love strong{font-family:Fraunces,serif;font-size:23px;line-height:1.18;font-weight:500}.clarity-choice.is-love span{color:#efc66e}
.relationship-choice-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:720px;margin:0 auto}
.relationship-choice-list button{padding:16px 17px;min-height:64px;border-radius:15px;border:1px solid rgba(159,110,214,.25);background:linear-gradient(145deg,rgba(25,18,31,.94),rgba(10,9,13,.98));color:rgba(248,242,250,.9);font:650 13px/1.35 Manrope,sans-serif;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:.2s ease}
.relationship-choice-list button:hover{transform:translateY(-2px);border-color:rgba(184,126,235,.55);box-shadow:0 0 28px rgba(137,78,191,.11)}
.relationship-choice-list button span{color:#b87ee5;font-size:17px}.relationship-choice-list .is-complicated{border-color:rgba(216,173,90,.3)}
.focus-question-screen{padding-top:2px}.focus-question-screen .future-kicker{margin-bottom:8px}.focus-question-screen .clarity-focus-lead{max-width:660px;margin-bottom:18px}.focus-question-screen .relationship-choice-list{max-width:760px}.focus-question-screen .relationship-choice-list button{min-height:70px;padding:17px 19px}.focus-question-screen.focus-career .relationship-choice-list button,.focus-question-screen.focus-future .relationship-choice-list button,.focus-question-screen.focus-decision .relationship-choice-list button,.focus-question-screen.focus-self .relationship-choice-list button,.focus-question-screen.focus-advantage .relationship-choice-list button{border-color:rgba(211,169,87,.22);background:linear-gradient(145deg,rgba(25,21,17,.96),rgba(10,9,12,.99))}.focus-question-screen.focus-career .relationship-choice-list button span,.focus-question-screen.focus-future .relationship-choice-list button span,.focus-question-screen.focus-decision .relationship-choice-list button span,.focus-question-screen.focus-self .relationship-choice-list button span,.focus-question-screen.focus-advantage .relationship-choice-list button span{color:#d7aa58}
@media(max-width:640px){.clarity-focus-screen,.relationship-focus-screen{width:94vw;padding-top:0}.clarity-focus-screen h1,.relationship-focus-screen h1{font-size:34px}.clarity-focus-lead{font-size:13px;margin-bottom:15px;padding:0 8px}.clarity-focus-grid{grid-template-columns:1fr;gap:7px}.clarity-choice,.clarity-choice.is-love{grid-row:auto;min-height:0;padding:12px 14px;border-radius:13px}.clarity-choice.is-love{display:block}.clarity-choice.is-love strong{font-size:17px}.clarity-choice small{margin-bottom:4px}.clarity-choice span{margin-top:6px}.relationship-choice-list{grid-template-columns:1fr;gap:7px}.relationship-choice-list button{min-height:0;padding:12px 14px}.relationship-focus-screen h1{margin-top:6px}}

/* FREE ONBOARDING — INTENT SCREEN (clean live build) */
.shell.no-orb-shell:has(.intent-before-reveal){align-items:flex-start;overflow:auto;padding-top:22px;padding-bottom:24px}
.intent-before-reveal{width:min(1080px,94vw);padding:0 0 20px;margin:0 auto}
.intent-before-reveal .future-kicker{margin:0 0 7px;color:#d7aa58}
.intent-before-reveal h1{font-size:clamp(38px,4.35vw,62px);line-height:.98;margin:4px auto 10px;max-width:900px}
.intent-before-reveal h1 span{color:#e1b45c}
.intent-before-reveal .clarity-focus-lead{margin:0 auto 18px;font-size:15px;color:rgba(241,236,225,.66)}
.intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;max-width:1040px;margin:0 auto}
.intent-grid .clarity-choice{position:relative;overflow:hidden;min-height:142px!important;padding:19px 20px!important;border-radius:19px;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;background:linear-gradient(145deg,rgba(22,20,18,.98),rgba(8,8,10,.99));box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 36px rgba(0,0,0,.24)}
.intent-grid .clarity-choice:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9}
.intent-grid .clarity-choice>*{position:relative;z-index:1}
.intent-grid .clarity-choice small{font-size:11px;letter-spacing:.105em;margin:0 0 8px!important}
.intent-grid .clarity-choice strong{font-size:15px;line-height:1.38;font-weight:650}
.intent-grid .clarity-choice span{font-size:9px;letter-spacing:.105em;margin:11px 0 0!important}
.intent-grid .clarity-choice:hover{transform:translateY(-3px)}
.intent-grid .clarity-choice.is-love{grid-row:auto;min-height:142px!important;border-color:rgba(173,113,222,.48);background:linear-gradient(145deg,rgba(35,20,43,.98),rgba(11,9,15,.99));box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 38px rgba(135,73,184,.10)}
.intent-grid .clarity-choice.is-love:before{background:radial-gradient(circle at 12% 18%,rgba(167,92,218,.22),transparent 52%)}
.intent-grid .clarity-choice.is-love small,.intent-grid .clarity-choice.is-love span{color:#c994ee}.intent-grid .clarity-choice.is-love strong{font-family:Manrope,sans-serif;font-size:15px;font-weight:650}
.intent-grid .clarity-choice:not(.is-love):not(.is-health):not(.is-positive){border-color:rgba(210,167,82,.30)}
.intent-grid .clarity-choice:not(.is-love):not(.is-health):not(.is-positive):before{background:radial-gradient(circle at 10% 10%,rgba(211,164,73,.12),transparent 52%)}
.intent-grid .clarity-choice:not(.is-love):not(.is-health):not(.is-positive) small,.intent-grid .clarity-choice:not(.is-love):not(.is-health):not(.is-positive) span{color:#e0b65f}
.intent-bottom-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.intent-bottom-pair .clarity-choice{width:100%;min-height:118px!important}
.intent-grid .clarity-choice.is-health{border-color:rgba(83,190,127,.42);background:linear-gradient(145deg,rgba(15,35,25,.98),rgba(8,11,9,.99))}
.intent-grid .clarity-choice.is-health:before{background:radial-gradient(circle at 12% 18%,rgba(57,174,105,.20),transparent 52%)}
.intent-grid .clarity-choice.is-health small,.intent-grid .clarity-choice.is-health span{color:#88d8a9}
.intent-grid .clarity-choice.is-positive{grid-column:auto;min-height:118px!important;border-color:rgba(89,133,196,.38);background:linear-gradient(145deg,rgba(16,25,39,.98),rgba(8,9,12,.99))}
.intent-grid .clarity-choice.is-positive:before{background:radial-gradient(circle at 12% 18%,rgba(74,124,196,.18),transparent 52%)}
.intent-grid .clarity-choice.is-positive small,.intent-grid .clarity-choice.is-positive span{color:#8eb7ed}.intent-grid .clarity-choice.is-positive strong{font-size:15px;line-height:1.38}.intent-grid .clarity-choice.is-positive span{white-space:normal}
@media(max-width:760px){.shell.no-orb-shell:has(.intent-before-reveal){padding-top:10px}.intent-before-reveal{width:94vw}.intent-before-reveal h1{font-size:34px;line-height:1.02}.intent-before-reveal .clarity-focus-lead{font-size:13px;margin-bottom:12px}.intent-grid{grid-template-columns:1fr;gap:8px!important}.intent-grid .clarity-choice,.intent-grid .clarity-choice.is-love{min-height:0!important;padding:13px 15px!important;border-radius:14px}.intent-grid .clarity-choice small{font-size:9px;margin-bottom:4px!important}.intent-grid .clarity-choice strong,.intent-grid .clarity-choice.is-love strong,.intent-grid .clarity-choice.is-positive strong{font-size:13px}.intent-grid .clarity-choice span{font-size:8px;margin-top:6px!important}.intent-bottom-pair{grid-column:auto;grid-template-columns:1fr;gap:8px}.intent-bottom-pair .clarity-choice,.intent-grid .clarity-choice.is-positive{min-height:0!important}}

/* Personalized annual onboarding flow */
.stella-early .stella-power-orb{width:78px!important;height:78px!important;margin-bottom:12px!important}.stella-early h1{margin-bottom:10px!important}.stella-early .stella-intro{max-width:760px!important;margin:0 auto 12px!important}.stella-early .stella-intro b{color:#f1d49a;font-weight:700}.stella-early .stella-message{max-width:860px!important}.personal-outlook .future-big-date em{max-width:190px;line-height:1.35}.personal-outlook .future-hook{max-width:860px}.personalized-utility .future-lead{max-width:820px}.personalized-utility .pocket-uses{max-width:980px}
@media(max-width:640px){.focus-question-screen .relationship-choice-list button{min-height:0;padding:12px 14px}.stella-early .stella-power-orb{width:58px!important;height:58px!important}.stella-early .stella-message{padding:14px 15px!important}.personal-outlook .future-big-date em{max-width:150px}.intent-before-reveal{padding-bottom:10px}}


/* Preview v6 — Stella live typing response */
.stella-live-reply p{min-height:3.1em}
.stella-type-cursor{
  display:inline-block;
  width:2px;
  height:1.05em;
  margin-left:4px;
  vertical-align:-.08em;
  background:#c59af0;
  box-shadow:0 0 8px rgba(197,154,240,.45);
  animation:stellaCursorBlink .72s steps(1,end) infinite;
}
.stella-type-cursor.done{opacity:0;animation:none}
.stella-after-reply{transition:opacity .35s ease}
@keyframes stellaCursorBlink{0%,48%{opacity:1}49%,100%{opacity:.12}}