.boot-screen {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 45%, #e9eddf66, transparent 58%), #f5f4ef;
  color: #29372d;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  pointer-events: none;

}
.boot-identity {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px;
  text-align: center;

}
.boot-monogram-shell { position:relative;display:grid;place-items:center;width:132px;height:132px;margin-bottom:24px; }
.boot-monogram-shell:before { content:'';position:absolute;inset:0;border:1px solid #b6c49e80;border-top-color:#d77345;border-right-color:transparent;border-radius:50%;animation:boot-logo-orbit 4s linear infinite; }
.boot-monogram { width:98px;height:98px;border-radius:28px;box-shadow:0 12px 35px #29372d14;animation:boot-logo-in .7s cubic-bezier(.16,1,.3,1) both; }
.boot-wordmark { font-size:clamp(45px,7vw,82px);font-weight:650;letter-spacing:-.065em;line-height:1.08;animation:boot-arrive .6s .1s both; }
.boot-wordmark > span { color:#d77345; }
.boot-tagline { margin:14px 0 0;color:#748069;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:400;letter-spacing:.02em;line-height:1.5;animation:boot-arrive .6s .2s both; }
.boot-activity { display:grid;justify-items:center;gap:14px;margin-top:24px; }
.boot-track { width:84px;height:3px;overflow:hidden;background:#dce2d466;border-radius:999px; }
.boot-track > span { display:block;width:32px;height:100%;border-radius:999px;background:linear-gradient(90deg,#8a9c7033,#778963 65%,#bb9b72);animation:boot-travel 2s cubic-bezier(.45,0,.35,1) infinite; }

.boot-corner { position:absolute;top:max(28px,env(safe-area-inset-top));left:clamp(24px,4vw,64px);font-size:10px;letter-spacing:.15em;color:#737e67; }
.boot-footer { position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.13em;color:#818875; }
.boot-orbit { position:absolute;width:min(72vw,850px);aspect-ratio:1;border:1px solid #798a5812;border-radius:50%;pointer-events:none; }
.boot-orbit-one { transform:translate(40%,-26%) rotate(-24deg) scaleY(.72); }
.boot-orbit-two { width:min(95vw,1160px);transform:translate(-43%,30%) rotate(-24deg) scaleY(.72);border-color:#798a580c; }
.boot-orbit-one:after { content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#b6c19e;top:16%;left:12%;box-shadow:0 0 0 7px #b6c19e0c; }
.boot-screen.boot-complete { opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s; }
@keyframes boot-arrive { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:translateY(0); } }
@keyframes boot-travel { 0% { transform:translateX(-34px); } 100% { transform:translateX(86px); } }
.boot-screen.boot-complete .boot-identity { opacity:0;transform:translateY(-10px) scale(.98);transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1); }
@keyframes boot-logo-orbit { to {transform:rotate(360deg)} }
@keyframes boot-logo-in { from {opacity:0;transform:translateY(8px) scale(.88) rotate(-5deg)} to {opacity:1;transform:none} }
@keyframes boot-wordmark-in { from {opacity:0;transform:translateY(14px);filter:blur(3px)} to {opacity:1;transform:none;filter:blur(0)} }
.boot-recovery { position:absolute;bottom:90px;left:24px;right:24px;text-align:center;font-size:13px;line-height:1.5;pointer-events:auto;color:#54644a; }
.boot-recovery[hidden] { display:none; }
.boot-recovery p {margin:0 0 10px}
.boot-recovery a {display:inline-block;color:#29372d;border:1px solid #b7c4a5;border-radius:30px;padding:9px 20px;text-decoration:none;background:#fafbf5}
.boot-recovery a:focus-visible {outline:3px solid #8a9b65;outline-offset:4px}
.boot-no-script {position:absolute;bottom:100px;left:24px;right:24px;text-align:center;font-size:14px;color:#54644a}
@media(max-width:600px) { .boot-coordinate {display:none}.boot-corner {font-size:9px}.boot-footer {font-size:8px}.boot-monogram-shell {width:112px;height:112px;margin-bottom:22px}.boot-monogram {width:82px;height:82px;border-radius:24px}.boot-activity {margin-top:22px}.boot-orbit {width:125vw}.boot-orbit-two {width:170vw} }
@media(prefers-reduced-motion:reduce) { .boot-identity,.boot-monogram-shell:before,.boot-monogram,.boot-wordmark,.boot-tagline,.boot-track > span {animation:none}.boot-track > span {width:100%;opacity:.5}.boot-screen.boot-complete,.boot-screen.boot-complete .boot-identity {transition:none;transform:none} }
@media(max-width:600px) {
  .boot-tagline { white-space: nowrap; font-size: 13px; letter-spacing: .005em; }
}