*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 20%,#214d40 0,transparent 55%),#102622;color:#edf1df;font:16px/1.6 system-ui,sans-serif;padding:32px}main{width:min(100%,390px)}main>img{width:86px;height:86px;object-fit:contain}.eyebrow{font-size:10px;letter-spacing:2px;color:#a9bfae;margin-top:36px}h1{font-size:68px;letter-spacing:-4px;line-height:1;margin:16px 0}h1 span{color:#e8b76b}main>p:not(.eyebrow){color:#b6c7bb}form{margin-top:40px}label{display:block;font-size:12px;margin-bottom:9px}input{width:100%;border:1px solid #496052;border-radius:12px;background:#ffffff08;color:#fff;padding:15px;font:inherit;outline:none}input:focus{border-color:#d5b87b;box-shadow:0 0 0 3px #d5b87b20}button{width:100%;display:flex;justify-content:space-between;border:0;border-radius:12px;padding:16px 20px;margin-top:14px;background:#e8bd78;color:#182b22;font:600 14px system-ui;cursor:pointer}form p{font-size:13px;color:#ffceac}small{display:block;margin-top:54px;font-size:10px;letter-spacing:2px;color:#91a99a}
/* The traveling dot is a compositor-only animation; the form remains interactive. */
.brand-story{position:relative}.planet-replay{display:block;position:relative;width:100px;height:100px;padding:0;margin:0;border:0;border-radius:50%;background:none;cursor:pointer}.planet-replay:hover{background:none}.planet-replay:focus-visible{outline:1px solid #d9bc7a;outline-offset:7px}.planet-replay img{display:block;width:100%;height:100%;object-fit:contain}.brand-story .eyebrow{margin-top:27px}.brand-story h1{font-size:clamp(54px,8vw,68px);line-height:1.1;letter-spacing:-4px;margin:16px 0}.wordmark{display:inline-block;white-space:nowrap}.brand-story h1 .brand-letter{display:inline-block;color:#edf1df;transform-origin:50% 100%}.final-period{display:inline-block;width:.135em;height:.135em;margin-left:.055em;background:#e8b76b;border-radius:50%;vertical-align:baseline;letter-spacing:0}.travel-dot,.orbit-spark{border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffe7a2 0,#ffc439 35%,#e99a05 75%,#cf8100);box-shadow:0 2px 4px #21150626,0 0 11px #ffbe3620;pointer-events:none}.travel-dot{position:absolute;top:0;left:0;opacity:0;z-index:2;will-change:transform}.orbit-spark{display:none;position:absolute;left:85%;top:29.4%;width:9px;height:9px;transform:translate(-50%,-50%)}.motion-ready:not(.settled) .final-period{opacity:0}.motion-ready:not(.playing):not(.settled) .orbit-spark{display:block}.playing .travel-dot{opacity:1}.landing-ring{position:absolute;opacity:0;width:24px;height:24px;border:1px solid #e8b76b;border-radius:50%;pointer-events:none}.settled .travel-dot{opacity:0}.brand-story+ p{margin-top:14px}@media(prefers-reduced-motion:reduce){.travel-dot,.orbit-spark,.landing-ring{display:none!important}.final-period{opacity:1!important}.brand-letter{transform:none!important}}