:root{color-scheme:dark;--bg:#11101b;--text:#f1edf0;--muted:#9691a7;--lavender:#c7b2ed;--line:rgba(218,202,242,.13);--sans:'DM Sans',sans-serif;--serif:'Italiana',Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #e4caff;outline-offset:7px}button{color:inherit}::selection{background:#8e70ad;color:white}.page-shell{max-width:1440px;margin:auto;padding:0 7%;position:relative}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden}.sky i{position:absolute;width:2px;height:2px;border-radius:50%;background:#eee1ff;opacity:.35;animation:twinkle var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);z-index:-1}.ambient-one{width:630px;height:630px;background:#44315322;top:60px;right:0}.ambient-two{width:400px;height:400px;background:#30223822;bottom:-150px;left:-160px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{color:var(--text);text-decoration:none;font-size:20px;letter-spacing:-.7px;display:flex;align-items:center;gap:11px}.brand-star{font-size:32px;color:var(--lavender);font-weight:400}.brand-dot{color:var(--lavender);margin-left:-9px}.header-note{font-size:9px;letter-spacing:2.4px;color:#aaa1b9;display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:37px}.header-note>span{width:5px;height:5px;background:#b9a4d7;border-radius:50%}.help-button{border:1px solid #786b8e55;background:transparent;width:30px;height:30px;border-radius:50%;font-size:12px;color:#b4a5c8}.hero{min-height:637px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;padding:53px 0 50px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#b8a5cd;font-weight:500}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px}.tiny-line{width:24px;height:1px;background:#a78bbf}h1{font-family:var(--serif);font-size:clamp(64px,6.3vw,91px);line-height:1.03;font-weight:400;letter-spacing:-2px;margin:28px 0 24px;position:relative;width:max-content}h1 em{font-weight:400;color:var(--lavender);font-family:Georgia,serif;font-size:.94em;letter-spacing:-4px}.title-spark{position:absolute;font-size:38px;right:20px;bottom:12px;color:#ceb5ea;transform:translateX(100%)}.intro{font-size:12px;line-height:1.95;color:#aaa4b7;margin:0 0 29px}.primary-button{display:inline-flex;align-items:center;gap:12px;background:#d4c0ef;border:1px solid #e3cffb;color:#282034;border-radius:7px;font-size:11px;font-weight:600;padding:16px 19px;box-shadow:0 5px 35px #b799d512;transition:background .2s,transform .2s}.primary-button:hover{background:#e2cef9;transform:translateY(-2px)}.button-star{font-size:17px}.button-arrow{font-size:17px;margin-left:14px}.microcopy{font-size:9px;color:#777083;margin-top:17px;display:flex;align-items:center;gap:7px}.microcopy>span{font-size:17px;color:#b4a0c6}.universe{position:relative;aspect-ratio:1;width:100%;max-width:540px;justify-self:end;isolation:isolate}.orbit{position:absolute;border:1px solid #b59bd417;border-radius:50%;pointer-events:none}.orbit-outer{inset:7%;transform:rotate(-25deg)}.orbit-outer:after{content:'';position:absolute;inset:18px;border:1px dashed #b59bd40c;border-radius:50%}.orbit-inner{inset:16%;border-color:#b59bd411}.moon{position:absolute;width:168px;height:168px;left:50%;top:32%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#efe5dd 0%,#d2bfc9 22%,#af9aaa 45%,#57475f 68%,#241d30 82%);box-shadow:0 0 65px #c49bd51a,inset -20px -12px 30px #1a1429b3;overflow:hidden}.moon:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 35%,#56405855 0,transparent 20%),radial-gradient(ellipse at 27% 53%,#51425655 0,transparent 23%),radial-gradient(circle at 35% 15%,#fff9 0,transparent 9%),radial-gradient(circle at 70% 65%,#211c3044,transparent 25%);filter:blur(3px)}.moon-texture{position:absolute;inset:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.065' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.moon-caption{position:absolute;top:11%;right:0;font-size:7px;letter-spacing:1.7px;line-height:1.9;color:#83758f;transform:rotate(90deg);transform-origin:top right}.constellation-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.line-base{stroke:#ac8bc750;stroke-width:1;fill:none;stroke-dasharray:3 7}.line-lit{stroke:#d0b3f2;stroke-width:1;fill:none;stroke-dasharray:344;stroke-dashoffset:344;transition:stroke-dashoffset 1s}.star-node{position:absolute;width:44px;height:44px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);display:grid;place-items:center}.star-one{left:20%;top:61.85%}.star-two{left:49.26%;top:45.37%}.star-three{left:77.04%;top:60%}.star-icon{font-size:27px;color:#6a5b7e;transition:color .4s,filter .4s}.star-halo{position:absolute;inset:-10px;border:1px solid transparent;border-radius:50%}.star-node.available .star-icon,.star-node.discovered .star-icon{color:#ead5ff;filter:drop-shadow(0 0 9px #d4abff)}.star-node.available .star-halo{border-color:#bb8df148;background:#bd8cf110;animation:breathe 3s infinite}.star-node.available .star-halo:after{content:'';position:absolute;inset:7px;border-radius:50%;border:1px solid #bd8cf125}.star-caption{position:absolute;top:56px;white-space:nowrap;color:#8b7c9e;font-size:10px}.star-caption small{font-size:7px;margin-right:5px;color:#71627e}.available .star-caption,.discovered .star-caption{color:#dac7ec}.orbit-spark{position:absolute;color:#c7b2dd}.spark-one{top:19%;left:12%;font-size:26px}.spark-two{bottom:18%;right:19%;font-size:14px}.orbit-dot{position:absolute;width:5px;height:5px;background:#a38cb7;border-radius:50%;right:8%;top:32%;box-shadow:0 0 12px #a38cb7}.universe-caption{position:absolute;bottom:5%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;font-size:9px;color:#a391b3;letter-spacing:.3px}.live-dot{width:4px;height:4px;border-radius:50%;background:#c5a8e1;box-shadow:0 0 8px #c5a8e1}.journey{padding:0 0 39px}.journey-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.journey-heading .eyebrow{font-size:8px;letter-spacing:1.8px;color:#9a8aa9}.progress-text{font-size:9px;color:#766b83}.journey-track{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#211a2c30}.journey-step{padding:23px 18px;display:flex;align-items:center;gap:13px;text-align:left;border:0;border-right:1px solid var(--line);background:transparent;transition:background .3s}.journey-step:last-child{border-right:0}.journey-step.current{background:#b08fc00c}.journey-step:not(:disabled):hover{background:#c4a4e015}.step-number{font-family:var(--serif);font-size:23px;color:#7f6b94}.current .step-number,.complete .step-number{color:#d0b7e9}.step-copy{display:flex;flex-direction:column;gap:7px}.step-copy strong{font-weight:400;font-size:10px;color:#9f91af}.current strong,.complete strong{color:#e3d8ec}.step-copy small{font-size:8px;color:#6f637d}.step-symbol{margin-left:auto;color:#6e587f;font-size:16px}.envelope{font-family:var(--sans);font-size:28px}.final-step:not(:disabled){background:#b18ac41a}.final-step:not(:disabled) strong{color:#ecd8ff}footer{border-top:1px solid var(--line);padding:24px 0 25px;display:flex;justify-content:space-between;align-items:center;color:#70667c;font-size:8px;letter-spacing:1.3px}footer>span:last-child{letter-spacing:.2px;font-size:9px}.footer-center{font-size:18px;color:#9e83b3}.message-dialog{width:min(520px,calc(100% - 32px));max-height:88vh;max-height:88dvh;border:1px solid #9a7db64d;border-radius:18px;background:radial-gradient(ellipse at top,#30223f,#171321 65%);color:var(--text);padding:48px 40px 35px;box-shadow:0 30px 100px #0008;overflow-y:auto}.message-dialog::backdrop{background:#080612c9;backdrop-filter:blur(9px)}.close-dialog{position:absolute;top:14px;right:16px;border:0;background:transparent;color:#a793bb;font-size:27px;width:32px;height:32px}.dialog-symbol{text-align:center;color:#d9b8f5;font-size:35px;margin-bottom:20px}.dialog-eyebrow{text-align:center;color:#aa91c1;font-size:9px;letter-spacing:2px}.message-dialog h2{font-family:var(--serif);font-weight:400;font-size:42px;text-align:center;line-height:1.12;margin:17px 0 23px;color:#efdeff}.dialog-text{color:#bcb0c8;font-size:13px;line-height:1.9}.dialog-text p{margin:0 0 17px}.dialog-text strong{color:#e1c8f3;font-weight:500}.dialog-action{width:100%;justify-content:center;margin-top:15px}.letter-signature{font-family:var(--serif);font-size:26px;text-align:center;color:#d8bbea;margin:24px 0 10px}.letter-date{text-align:center;font-size:9px;color:#8b769e;letter-spacing:1.4px}.confetti{position:fixed;top:-20px;width:6px;height:10px;pointer-events:none;z-index:10;background:var(--color);animation:fall var(--fall-time) linear forwards;animation-delay:var(--fall-delay)}@keyframes twinkle{to{opacity:.09;transform:scale(.65)}}@keyframes breathe{50%{transform:scale(1.12);opacity:.5}}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(600deg);opacity:0}}
@media(min-width:1500px){.hero{min-height:710px}.page-shell{padding:0 90px}}@media(max-width:1050px){.page-shell{padding:0 5%}.hero{min-height:600px;gap:0}h1{font-size:74px}.moon{width:140px;height:140px}.journey-step{padding:20px 12px;gap:9px}.step-symbol{display:none}.header-note{font-size:8px;letter-spacing:1.5px;margin-right:15px}.title-spark{right:25px}}
@media(max-width:760px){.page-shell{padding:0 7%}.header{height:82px}.brand{font-size:18px}.brand-star{font-size:27px}.header-note{display:none}.hero{grid-template-columns:1fr;padding:43px 0 20px;gap:5px}.hero-copy{text-align:center}.hero-copy>.eyebrow{justify-content:center;font-size:8px;letter-spacing:1.7px}h1{font-size:clamp(61px,13vw,86px);margin:25px auto 23px;letter-spacing:-1.8px}h1 em{letter-spacing:-3px}.title-spark{font-size:29px;right:13px}.intro{font-size:11px;line-height:1.9;margin-bottom:24px}.primary-button{font-size:11px;padding:15px 17px}.microcopy{justify-content:center;font-size:8px}.universe{max-width:430px;justify-self:center;margin-top:4px}.moon{width:130px;height:130px}.moon-caption{font-size:6px;right:4%}.universe-caption{font-size:8px;bottom:3%}.journey{padding-bottom:30px}.journey-heading{margin-bottom:14px}.journey-heading .eyebrow{font-size:7px;letter-spacing:1px}.progress-text{font-size:8px}.journey-track{grid-template-columns:1fr 1fr}.journey-step{padding:21px 13px;gap:11px}.journey-step:nth-child(2){border-right:0}.journey-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.step-copy strong{font-size:9px}.step-copy small{font-size:7px}.step-number{font-size:23px}footer{padding:22px 0;gap:12px;flex-wrap:wrap;justify-content:center;font-size:7px}footer>span:last-child{font-size:8px}.footer-center{font-size:14px}.message-dialog{padding:44px 26px 28px}.message-dialog h2{font-size:37px}.dialog-text{font-size:12px}}
.orbit-outer{transform:none}
#celebration{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
#celebration .confetti{position:absolute;animation-name:fall-inside}
@keyframes fall-inside{to{top:100%;transform:translateX(var(--drift)) rotate(600deg);opacity:0}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}h1{font-size:clamp(48px,12vw,80px)}.title-spark{font-size:24px;right:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}