.roadmap.svelte-2p4o6o{position:relative;margin-top:1rem;padding-bottom:6rem;text-align:center}.roadmap.svelte-2p4o6o:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.roadmap.svelte-2p4o6o h2:where(.svelte-2p4o6o){font-size:clamp(2rem,4vw,2.6rem);color:#bce8fb;margin-bottom:4rem;letter-spacing:-.02em}.stages.svelte-2p4o6o{max-width:880px;margin:0 auto;display:grid;gap:1.5rem}.stage.svelte-2p4o6o{position:relative;padding:1.6rem 1.8rem;border-radius:20px;background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff14;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.stage.svelte-2p4o6o:hover{transform:translateY(-6px);border-color:#7dd3fc73;box-shadow:0 35px 90px #000000b3,0 0 30px #7dd3fc40}.stage.svelte-2p4o6o header:where(.svelte-2p4o6o){display:flex;align-items:center;justify-content:space-between;gap:1rem}.stage.svelte-2p4o6o h3:where(.svelte-2p4o6o){margin:0;font-size:1.15rem;font-weight:600;color:#d0cece;letter-spacing:-.01em}.badge.svelte-2p4o6o{padding:.25rem .7rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.badge.current.svelte-2p4o6o{background:#38bdf82e;color:#7dd3fc}.stage.svelte-2p4o6o p:where(.svelte-2p4o6o){margin:0;margin-top:.9rem;font-size:1.1rem;line-height:1.6;color:#8398ee;text-align:left;max-height:0;opacity:0;overflow:hidden;transition:max-height .42s cubic-bezier(.16,.84,.44,1),opacity .26s ease}.stage.svelte-2p4o6o:hover p:where(.svelte-2p4o6o){max-height:140px;opacity:1}@media (max-width: 640px){.roadmap.svelte-2p4o6o{padding-bottom:4rem;text-align:left}.roadmap.svelte-2p4o6o h2:where(.svelte-2p4o6o){font-size:1.8rem;margin-bottom:2.5rem;text-align:center}.stages.svelte-2p4o6o{padding-inline:1rem;gap:1.2rem}.stage.svelte-2p4o6o{padding:1.3rem 1.4rem;border-radius:16px;height:160px;width:100%;display:flex;flex-direction:column;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff0d}.stage.svelte-2p4o6o:hover{transform:none;box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff0d}.stage.svelte-2p4o6o header:where(.svelte-2p4o6o){flex-direction:column;align-items:flex-start;gap:.4rem}.stage.svelte-2p4o6o h3:where(.svelte-2p4o6o){font-size:1.05rem;line-height:1.3}.badge.svelte-2p4o6o{font-size:.65rem;padding:.25rem .6rem}.stage.svelte-2p4o6o p:where(.svelte-2p4o6o){margin-top:.7rem;font-size:.95rem;line-height:1.55;color:#9fb2ff;max-height:none;opacity:1;overflow:visible}}@media (max-width: 640px){.stage.svelte-2p4o6o header:where(.svelte-2p4o6o){position:relative;padding-right:5rem}.stage.svelte-2p4o6o header:where(.svelte-2p4o6o) .badge.current:where(.svelte-2p4o6o){position:absolute;right:0;top:0}}@media (min-width: 768px) and (max-width: 1180px){.roadmap.svelte-2p4o6o{padding-bottom:5rem;text-align:center}.roadmap.svelte-2p4o6o h2:where(.svelte-2p4o6o){font-size:clamp(2rem,3.2vw,2.4rem);margin-bottom:3.2rem}.stages.svelte-2p4o6o{max-width:920px;padding-inline:1.8rem;gap:1.4rem}.stage.svelte-2p4o6o{padding:1.5rem 1.6rem;border-radius:18px}.stage.svelte-2p4o6o:hover{transform:translateY(-3px)}.stage.svelte-2p4o6o header:where(.svelte-2p4o6o){align-items:center}.stage.svelte-2p4o6o h3:where(.svelte-2p4o6o){font-size:1.1rem}.stage.svelte-2p4o6o p:where(.svelte-2p4o6o){font-size:1rem;line-height:1.6}}@media (min-width: 1181px) and (max-width: 1366px){.roadmap.svelte-2p4o6o{padding-bottom:6rem}.stages.svelte-2p4o6o{max-width:1050px;gap:1.6rem}.stage.svelte-2p4o6o{padding:1.7rem 1.9rem;border-radius:20px}.stage.svelte-2p4o6o h3:where(.svelte-2p4o6o){font-size:1.15rem}.stage.svelte-2p4o6o p:where(.svelte-2p4o6o){font-size:1.05rem}}@media (min-width: 1024px) and (max-height: 600px){.roadmap.svelte-2p4o6o{padding-bottom:3.5rem}.roadmap.svelte-2p4o6o h2:where(.svelte-2p4o6o){font-size:2rem;margin-bottom:2.2rem}.stages.svelte-2p4o6o{max-width:900px;gap:1rem}.stage.svelte-2p4o6o{padding:1.2rem 1.4rem}.stage.svelte-2p4o6o:hover{transform:none;box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff14}.stage.svelte-2p4o6o p:where(.svelte-2p4o6o){max-height:none;opacity:1;overflow:visible;font-size:.95rem}}
