:root{--page-background:#f7eddf;--brand-green:#0d4b38;--brand-gold:#c8a66b;--roadmap-panel:#f7eddfe0;--roadmap-line:#0d4b383d}*{box-sizing:border-box}html,body{background:var(--page-background);width:100%;min-height:100%;margin:0}body{overflow-x:hidden}.splash{background:var(--page-background);width:100%;min-height:max(100dvh,680px);position:relative;overflow:hidden}.splash__picture{display:block;position:absolute;inset:0}.splash__image{object-fit:cover;object-position:64% center;width:100%;height:100%;display:block}.roadmap{z-index:1;right:12px;bottom:max(12px, env(safe-area-inset-bottom));color:var(--brand-green);background:var(--roadmap-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #0d4b3829;border-radius:22px;padding:14px 16px 16px;font-family:Arial,Helvetica,sans-serif;position:absolute;left:12px;box-shadow:0 18px 48px #0d2b212e}.roadmap__title{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700;line-height:1.2}.roadmap__steps{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid;position:relative}.roadmap__steps:before{content:"";background:var(--roadmap-line);width:1px;position:absolute;top:12px;bottom:12px;left:12px}.roadmap__step{z-index:1;grid-template-columns:24px minmax(0,1fr);align-items:center;min-height:24px;font-size:.82rem;font-weight:600;line-height:1.2;display:grid;position:relative}.roadmap__marker{width:24px;height:24px;color:var(--brand-green);border:1px solid var(--brand-gold);background:#f7eddff5;border-radius:50%;place-items:center;font-size:.58rem;font-weight:700;display:grid}.roadmap__step:first-child .roadmap__marker{color:var(--page-background);background:var(--brand-green);border-color:var(--brand-green)}.roadmap__label{padding-left:10px}@media (min-width:768px),(orientation:landscape){.splash{min-height:max(100dvh,500px)}.splash__image{object-fit:contain;object-position:center}.roadmap{right:auto;bottom:max(20px, env(safe-area-inset-bottom));width:min(1120px,100% - 40px);padding:16px 22px 18px;left:50%;transform:translate(-50%)}.roadmap__title{text-align:center;font-size:.72rem}.roadmap__steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:14px}.roadmap__steps:before{width:auto;height:1px;inset:14px 10% auto}.roadmap__step{text-align:center;flex-direction:column;gap:7px;min-width:0;min-height:auto;font-size:.82rem;display:flex}.roadmap__marker{width:28px;height:28px}.roadmap__label{min-height:1.9em;padding-left:0}}@media (min-width:768px) and (max-aspect-ratio:4/3){.splash__image{object-fit:cover;object-position:64% center}}