/* The Life Path entrance uses the existing celestial film as an atmosphere, not a split illustration. */
body[data-page="calculator"] .x-number-entry{
  min-height:760px;
  height:calc(100svh - 28px);
  max-height:1050px;
  background:radial-gradient(ellipse at 72% 42%,#263528 0%,#10251c 43%,#091a14 84%);
  color:#f5f0e4;
}
body[data-page="calculator"] .x-number-entry :is(.hero-backdrop,.hero-motion){
  inset:0 2% 0 auto;
  width:min(62vw,850px);
  height:100%;
  border-radius:0;
  object-fit:cover;
  object-position:50% 42%;
  transform:none;
  opacity:1;
  filter:none;
  mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 100%);
}
body[data-page="calculator"] .x-number-entry .hero-backdrop{z-index:-3}
body[data-page="calculator"] .x-number-entry .hero-motion{z-index:-2;opacity:0;mix-blend-mode:normal}
body[data-page="calculator"] .x-number-entry .hero-motion.ready{opacity:.78}
body[data-page="calculator"] .x-number-entry .hero-shade{
  display:block;
  z-index:-1;
  background:linear-gradient(90deg,#091a14 0%,#091a14ed 25%,#091a14ae 43%,#091a1422 72%,#091a1412 100%),
    linear-gradient(0deg,#091a14cf 0%,transparent 25%,transparent 80%,#091a144d 100%);
}
body[data-page="calculator"] .x-number-entry .immersive-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:min(100% - 88px,1260px);
  max-width:1260px;
  min-height:100%;
  padding:75px 0 115px;
}
body[data-page="calculator"] .x-number-entry .immersive-copy{
  width:min(100%,555px);
  max-width:555px;
  color:#f5f0e4;
}
body[data-page="calculator"] .x-number-entry .immersive-copy .eyebrow{color:#ddc58e;letter-spacing:.18em}
body[data-page="calculator"] .x-number-entry .immersive-copy h1,
body[data-page="calculator"] .x-number-entry .immersive-copy h1 em{
  color:#f7f1e1;
  font:400 clamp(52px,5vw,72px)/1.08 Georgia,serif;
  letter-spacing:-.045em;
}
body[data-page="calculator"] .x-number-entry .immersive-copy h1 em{color:#e6d4aa}
body[data-page="calculator"] .x-number-entry .immersive-intro{
  max-width:450px;
  color:#d5d9cd;
  font-size:17px;
  line-height:1.7;
  margin:23px 0 26px;
}
body[data-page="calculator"] .x-number-entry .immersive-form{
  max-width:550px;
  margin:0;
  padding:25px 26px 20px;
  border:1px solid #d8c79a66;
  border-radius:10px;
  background:#10271dd9;
  box-shadow:0 24px 65px #0004,inset 0 1px #ffffff0d;
  backdrop-filter:blur(18px);
}
body[data-page="calculator"] .x-number-entry .calculator,
body[data-page="calculator"] .x-number-entry .calculator>label{color:#f5f0e4}
body[data-page="calculator"] .x-number-entry .calculator>label{margin-bottom:15px;font-size:14px}
body[data-page="calculator"] .x-number-entry .immersive-form :is(input,select){
  background:#f9f6ee;
  border-color:#e7ddc7;
  color:#253b31;
  color-scheme:light;
}
body[data-page="calculator"] .x-number-entry .calculator .btn{
  background:#d5bd87;
  border:1px solid #e9d6aa;
  border-radius:5px;
  color:#163227;
  box-shadow:0 6px 20px #0002;
}
body[data-page="calculator"] .x-number-entry .calculator .btn:hover{background:#ead6a8;color:#102c22}
body[data-page="calculator"] .x-number-entry .micro{color:#c1cbbd}
body[data-page="calculator"] .x-number-entry .sample-link{color:#e4d6b3;border-color:#9c9878}
body[data-page="calculator"] .x-number-entry .hero-bottom{
  left:max(44px,calc((100vw - 1260px)/2));
  right:max(44px,calc((100vw - 1260px)/2));
  bottom:27px;
  min-height:0;
  padding:16px 0 0;
  border-color:#d5c89d59;
  background:transparent;
  color:#bac7b8;
}
body[data-page="calculator"] .x-number-entry .hero-bottom a,
body[data-page="calculator"] .x-number-entry .hero-bottom button{color:#f0e5ca;border-color:#b8ab8199}

@media(max-width:900px){
  body[data-page="calculator"] .x-number-entry{min-height:720px;height:auto;max-height:none}
  body[data-page="calculator"] .x-number-entry :is(.hero-backdrop,.hero-motion){right:-8%;width:78%;object-position:53% 38%}
  body[data-page="calculator"] .x-number-entry .immersive-inner{width:calc(100% - 64px);padding:100px 0 120px}
  body[data-page="calculator"] .x-number-entry .hero-shade{background:linear-gradient(90deg,#091a14 0%,#091a14eb 38%,#091a1466 100%),linear-gradient(0deg,#091a14dc,transparent 40%)}
  body[data-page="calculator"] .x-number-entry .hero-bottom{left:32px;right:32px}
}
@media(max-width:760px){
  body[data-page="calculator"] .x-number-entry{min-height:calc(100svh - 28px)}
  body[data-page="calculator"] .x-number-entry :is(.hero-backdrop,.hero-motion){
    inset:0 0 auto;
    display:block;
    width:100%;
    height:58%;
    object-position:50% 32%;
    mask-image:linear-gradient(0deg,transparent 0%,#000 50%);
    -webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 50%);
  }
  body[data-page="calculator"] .x-number-entry .hero-motion.ready{opacity:.48}
  body[data-page="calculator"] .x-number-entry .hero-shade{background:linear-gradient(0deg,#091a14 8%,#091a14e8 42%,#091a14a3 100%)}
  body[data-page="calculator"] .x-number-entry .immersive-inner{width:calc(100% - 40px);padding:112px 0 105px;min-height:calc(100svh - 28px)}
  body[data-page="calculator"] .x-number-entry .immersive-copy{width:100%;max-width:550px}
  body[data-page="calculator"] .x-number-entry .immersive-copy h1,
  body[data-page="calculator"] .x-number-entry .immersive-copy h1 em{font-size:clamp(43px,10vw,58px);line-height:1.1}
  body[data-page="calculator"] .x-number-entry .immersive-intro{font-size:15px;line-height:1.6;margin:20px 0 24px}
  body[data-page="calculator"] .x-number-entry .immersive-form{padding:22px 18px 18px;background:#10271ded}
  body[data-page="calculator"] .x-number-entry .hero-bottom{left:20px;right:20px;bottom:18px;padding-top:11px}
}
@media(max-width:390px){
  body[data-page="calculator"] .x-number-entry .immersive-inner{padding-top:94px}
  body[data-page="calculator"] .x-number-entry .immersive-copy h1,
  body[data-page="calculator"] .x-number-entry .immersive-copy h1 em{font-size:42px}
}
@media(prefers-reduced-motion:reduce){body[data-page="calculator"] .x-number-entry .hero-motion{display:none}}