/* The number form is the first action, with the forest kept behind it. */
.number-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:#081c15}
.number-forest{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:.6}
.number-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,19,13,.94),rgba(4,19,13,.5) 60%,rgba(4,19,13,.35)),linear-gradient(0deg,#091b15,transparent 65%)}
.number-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:center;padding-block:64px 72px;max-width:1170px}
.number-intro .eyebrow{display:block;margin-bottom:22px;color:#e4c585}.number-intro h1{font-size:clamp(46px,4.8vw,66px);line-height:1.06;max-width:560px}.number-intro>p{font-size:21px;line-height:1.5;max-width:410px;margin-top:24px;color:#d6decd}
.number-catalog-link{display:inline-flex;gap:16px;align-items:center;margin-top:30px;min-height:44px;color:var(--gold-bright);font-size:17px}.number-catalog-link:hover{text-decoration:underline;text-underline-offset:5px}
.number-card{min-width:0;padding:30px;border:1px solid #bca37166;background:linear-gradient(145deg,rgba(20,45,32,.96),rgba(5,22,15,.98));box-shadow:0 20px 70px #0004;border-radius:14px}
.number-field+ .number-field{margin-top:18px}.number-field label{display:block;font-size:16px;margin-bottom:8px;color:#edecd9}.number-field input{width:100%;min-width:0;height:50px;border:1px solid #9cae8c66;background:#03130dcc;color:var(--cream);font:18px var(--body);padding:12px 14px;border-radius:7px}.number-field input::placeholder{color:#a7b3a2;opacity:1}.number-field input:focus{outline:2px solid var(--gold);outline-offset:3px}.number-field input[aria-invalid=true]{border-color:#f2ae97}.number-submit{width:100%;justify-content:space-between;gap:8px;margin-top:24px;border-radius:7px}
.number-small{font-size:14px;line-height:1.5;color:#bdc9b5;margin-top:15px}.number-error{color:#ffd2c1;font-size:15px;line-height:1.5;margin-top:16px}.number-card button:focus-visible,.number-next a:focus-visible,.number-text-button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
.number-result-caption{font-size:15px;text-align:center;color:#e3c68b;margin-bottom:16px}.number-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.number-digit{text-align:center;border:1px solid #c5ab704f;background:#03170e80;border-radius:9px;padding:9px 0 12px}.number-digit strong{display:block;font:500 58px/1.1 var(--heading);color:#f1dba5}.number-digit span{font-size:12px;color:#bdc9b5}.number-result-hint{font-size:16px;line-height:1.45;margin:18px 0;text-align:center}.number-save{display:flex;flex-direction:column;gap:3px}.number-save .button{border-radius:7px}.number-text-button{background:none;border:0;color:var(--gold-bright);font:16px var(--body);padding:10px 0;min-height:44px;cursor:pointer;text-underline-offset:4px}.number-text-button:hover{text-decoration:underline}.number-card #number-status:empty{display:none}.number-meaning{border-top:1px solid var(--line);margin-top:16px}.number-meaning summary{cursor:pointer;min-height:48px;display:list-item;padding:16px 0;font-size:17px;color:var(--cream)}.number-meaning .number-small{margin:0 0 18px}.number-interpretation{padding:0 0 16px}.number-interpretation h3{font:500 25px var(--heading);color:var(--gold-bright);margin-bottom:6px}.number-interpretation p{font-size:16px;line-height:1.55}.number-edit{margin-top:5px}.number-complete .number-intro>p{display:none}
.number-next{padding-block:38px 48px}.number-next-heading{margin-bottom:24px}.number-next h2{font-size:42px;margin-top:9px}.number-next-heading>p{margin-top:12px;font-size:18px}.number-next-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.number-next-card{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0;padding:25px;border:1px solid var(--line);border-radius:12px;background:#0c2419}.number-next-card h3{font-size:31px;line-height:1.1}.number-next-card p{font-size:17px;line-height:1.55}.number-next-card .text-link,.number-next-card .button{margin-top:auto}.number-next-card .number-small{font-size:14px;margin-top:0}.number-next-card .number-small:empty{display:none}a.number-next-card:hover{border-color:var(--gold)}.number-about{max-width:850px}.number-about h2{font-size:40px;margin-bottom:22px}.number-about p{font-size:18px;line-height:1.65;margin-bottom:24px}.number-about details{border-top:1px solid var(--line)}.number-about summary{font-size:21px;cursor:pointer;padding-block:18px}.number-about details p{font-size:17px}
.desktop-nav a:first-child{color:var(--gold-bright)}.desktop-nav{gap:18px;font-size:16px}#mobile-menu a:first-child{color:var(--gold-bright)}
@media(max-width:1100px){.number-layout{gap:35px;padding-block:45px}.number-card{padding:25px}.number-next-grid{grid-template-columns:1fr 1fr}.number-next-featured{grid-column:1/-1}}
@media(max-width:760px){.number-layout{grid-template-columns:1fr;gap:20px;padding-block:26px 24px}.number-forest{object-position:62% top;opacity:.35}.number-hero:after{background:linear-gradient(0deg,#091b15,rgba(4,19,13,.3) 90%)}.number-intro .eyebrow{font-size:11px;margin-bottom:12px}.number-intro h1{font-size:43px;max-width:500px}.number-intro>p{font-size:17px;line-height:1.4;margin-top:14px;max-width:440px}.number-catalog-link{display:none}.number-card{padding:20px;border-radius:12px}.number-field+.number-field{margin-top:14px}.number-field label{font-size:15px;margin-bottom:7px}.number-field input{height:47px;font-size:17px}.number-submit{margin-top:20px;min-height:50px;font-size:17px;padding-inline:17px}.number-small{font-size:13px;line-height:1.45;margin-top:13px}.number-next{padding-block:28px 34px}.number-next h2{font-size:35px}.number-next-grid{grid-template-columns:1fr;gap:12px}.number-next-card{padding:22px;gap:12px}.number-next-card h3{font-size:30px}.number-next-card p{font-size:16px}.number-next-card .button{width:100%;font-size:16px}.number-next-heading>p{font-size:16px}.number-about h2{font-size:34px}.number-about p{font-size:17px}.number-about summary{font-size:19px}.number-complete .number-intro .eyebrow{display:none}.number-complete .number-intro h1{font-size:37px}.number-result-caption{display:none}.number-digit strong{font-size:52px}.number-digits{gap:8px}}
@media(max-width:370px){.number-layout{padding-top:22px;gap:17px}.number-intro h1{font-size:38px}.number-card{padding:17px}.number-submit{font-size:16px}.number-small{font-size:12px}.number-digit strong{font-size:46px}}

/* Activation appears with the result, before the next destinations. */
.number-activation{margin-bottom:38px;padding:28px;border:1px solid #c5ab7070;border-radius:14px;background:linear-gradient(135deg,#132c20,#0a2117)}
.number-activation h2{font-size:38px;line-height:1.1;margin:0 0 26px;color:var(--cream)}
.number-activation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin:0;list-style:none}
.number-activation-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;min-width:0}
.number-activation-step{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c5ab7080;border-radius:50%;color:var(--gold-bright);font-size:17px}
.number-activation h3{font-size:27px;line-height:1.1;margin:2px 0 10px;color:var(--gold-bright)}
.number-activation-steps p{font-size:17px;line-height:1.55;color:#d6decd;margin:0}
.number-activation-important{margin:26px 0 0;padding:16px 18px;border-left:3px solid var(--gold);border-radius:0 7px 7px 0;background:#c5ab7014;font-size:17px;line-height:1.5;color:var(--cream)}
.number-activation-important strong{color:var(--gold-bright)}
@media(max-width:760px){.number-activation{padding:21px 18px;margin-bottom:30px;border-radius:12px}.number-activation h2{font-size:32px;margin-bottom:24px}.number-activation-steps{grid-template-columns:1fr;gap:22px}.number-activation h3{font-size:26px;margin-bottom:8px}.number-activation-steps p{font-size:16px}.number-activation-important{font-size:16px;margin-top:24px;padding:14px}}