.backers{padding:var(--section-pad-block-band) 0;background:rgb(var(--surface-void-rgb)/86%);border-block:1px solid rgb(var(--border-rgb)/18%);text-align:center;overflow:hidden;& .label{font-family:var(--content-font);font-size:.72rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-dim);margin:0 0 18px;padding-inline:var(--landing-gutter)}& .marquee{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);&:hover .row{animation-play-state:paused}}& .row{display:flex;width:max-content;animation:backers-scroll 32s linear infinite;& ul{display:flex;align-items:center;gap:56px;list-style:none;margin:0;padding-inline:28px}& li{font-family:var(--title-font);font-size:1.05rem;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;color:rgb(220 230 255/80%);text-shadow:0 0 10px rgb(var(--border-rgb)/35%),0 0 22px rgb(var(--border-rgb)/18%);transition:color var(--dur-base) var(--ease-out),text-shadow var(--dur-base) var(--ease-out);&:hover{color:var(--text-on-accent);text-shadow:0 0 12px rgb(var(--neon-cyan-rgb)/70%),0 0 28px rgb(var(--border-rgb)/45%)}}}}@keyframes backers-scroll{0%{translate:0}to{translate:-50%}}.community{& .block{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:48px;gap:48px;align-items:center;padding:40px;border-radius:var(--radius-xl);background:radial-gradient(circle at 8% 10%,rgb(var(--wash-violet-rgb)/22%),transparent 38%),radial-gradient(circle at 92% 90%,rgb(var(--rarity-rare-rgb)/18%),transparent 40%),linear-gradient(180deg,var(--surface-card-top),var(--surface-card-bottom));border:1px solid rgb(var(--border-rgb)/24%);box-shadow:inset 0 1px 0 rgb(255 255 255/7%),var(--glow-inset-lg),var(--elev-3);&:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgb(var(--neon-violet-rgb)/55%) 0,transparent 40%,transparent 62%,rgb(var(--neon-cyan-rgb)/45%) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}}& .copy{position:relative;& .section-title{margin-bottom:14px}& .section-subtitle{margin:22px 0 0}}& .chips{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}& .chip{--brand-rgb:var(--border-rgb);position:relative;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:var(--radius-md);background:var(--surface-veil-1);border:1px solid rgb(var(--brand-rgb)/24%);text-decoration:none;color:var(--text-bright);overflow:hidden;transition:translate var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);&:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgb(var(--brand-rgb)/20%),transparent 62%);opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}&:hover{translate:0 -3px;background:var(--surface-veil-2);border-color:rgb(var(--brand-rgb)/62%);box-shadow:0 0 20px rgb(var(--brand-rgb)/34%),var(--elev-2);&:before{opacity:1}}&:focus-visible{outline:2px solid rgb(var(--brand-rgb)/65%);outline-offset:2px}&.discord{--brand-rgb:88 101 242}&.twitter{--brand-rgb:255 255 255}&.telegram{--brand-rgb:41 182 246}&.youtube{--brand-rgb:255 0 51}}& .chip-icon{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:rgb(var(--brand-rgb)/12%);color:rgb(var(--brand-rgb));filter:drop-shadow(0 0 8px rgb(var(--brand-rgb)/55%));& svg{width:62%;height:62%}}& .chip-text{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;& strong{font-family:var(--title-font);font-size:.92rem;letter-spacing:.6px;text-transform:uppercase;color:var(--text-title)}& span{font-family:var(--content-font);font-size:.82rem;color:var(--text-muted)}}}@media (max-width:1024px){.community .block{grid-template-columns:1fr;gap:28px;padding:28px}}@media (max-width:480px){.community .chips{grid-template-columns:1fr}}.neon-btn{--btn-text:var(--tone-azure-text);--btn-border:rgb(var(--tone-azure-rgb)/50%);--btn-glow:rgb(var(--tone-azure-rgb)/24%);--btn-inner:rgb(var(--tone-azure-rgb)/14%);--btn-highlight:var(--surface-veil-1);position:relative;isolation:isolate;border:1px solid var(--btn-border);border-radius:var(--radius-xs);background:var(--surface-control);color:var(--btn-text);font-weight:700;letter-spacing:.95px;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 12px var(--btn-inner),inset 0 0 24px var(--btn-highlight),0 0 12px var(--btn-glow);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);&:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,rgb(255 255 255/6%),transparent)}& .label{position:relative;z-index:1}&:hover{--btn-highlight:rgb(255 255 255/4%);transform:translateY(-1px);box-shadow:inset 0 0 16px var(--btn-inner),inset 0 0 30px var(--btn-highlight),0 0 16px var(--btn-glow),0 0 30px var(--btn-glow)}&:active{transform:translateY(0)}&:focus:not(:focus-visible){outline:none}&:focus-visible{outline:2px solid var(--btn-border);outline-offset:2px}&:disabled{opacity:.55;cursor:not-allowed}&.size-md{padding:12px 18px;font-size:.92rem}&.size-sm{padding:8px 13px;font-size:.82rem}&.full-width{width:100%}&.tone-emerald{--btn-text:var(--tone-emerald-text);--btn-border:rgb(var(--tone-emerald-rgb)/48%);--btn-glow:rgb(var(--tone-emerald-rgb)/24%);--btn-inner:rgb(var(--tone-emerald-rgb)/14%)}&.tone-amber{--btn-text:var(--tone-amber-text);--btn-border:rgb(var(--tone-amber-rgb)/44%);--btn-glow:rgb(var(--tone-amber-rgb)/22%);--btn-inner:rgb(var(--tone-amber-rgb)/12%)}&.tone-cyan{--btn-text:var(--tone-cyan-text);--btn-border:rgb(var(--tone-cyan-rgb)/36%);--btn-glow:rgb(var(--tone-cyan-rgb)/18%);--btn-inner:rgb(var(--tone-cyan-rgb)/10%)}@media (prefers-reduced-motion:reduce){transition:none;&:hover{transform:none}}}.neon-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out);&:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px rgb(var(--border-rgb)/24%),inset 0 0 22px rgb(var(--border-rgb)/12%);transition:opacity var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}&:hover:after{opacity:1;box-shadow:inset 0 0 0 1px rgb(var(--border-rgb)/42%),inset 0 0 30px rgb(var(--border-rgb)/24%)}&:hover{transform:translateY(-2px);filter:brightness(1.03)}&:active{transform:translateY(0) scale(.985);filter:brightness(.96)}&:active:after{opacity:1;box-shadow:inset 0 0 0 1px rgb(var(--border-rgb)/36%),inset 0 0 18px rgb(var(--border-rgb)/16%)}@media (prefers-reduced-motion:reduce){transition:none;&:after{transition:none}&:active,&:hover{transform:none;filter:none}}}@property --panel-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.cta{padding:var(--section-pad-block-band) var(--landing-gutter);background:radial-gradient(circle at 12% 50%,rgb(var(--neon-emerald-rgb)/16%),transparent 38%),radial-gradient(circle at 88% 50%,rgb(var(--wash-violet-rgb)/24%),transparent 40%),linear-gradient(90deg,var(--surface-card-top),var(--surface-card-bottom));border-block:1px solid rgb(var(--border-rgb)/22%);& .inner{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;max-width:1100px;margin:0 auto;padding:34px clamp(24px,4vw,44px);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgb(var(--surface-void-rgb)/62%),rgb(var(--surface-void-rgb)/40%));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgb(255 255 255/8%),var(--elev-3);&:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--panel-angle),rgb(var(--border-rgb)/30%) 0deg,var(--neon-emerald) 60deg,var(--neon-cyan) 130deg,rgb(var(--border-rgb)/30%) 210deg,rgb(var(--border-rgb)/30%) 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cta-panel-orbit 7s linear infinite}}& .eyebrow{display:inline-block;font-family:var(--content-font);font-size:.72rem;font-weight:700;letter-spacing:2px;color:var(--neon-emerald);padding:4px 12px;border:1px solid rgb(var(--neon-emerald-rgb)/50%);border-radius:var(--radius-pill);margin-bottom:12px;box-shadow:0 0 14px rgb(var(--neon-emerald-rgb)/26%)}& .eyebrow,& h2{text-transform:uppercase}& h2{font-family:var(--title-font);margin:0 0 8px;font-size:clamp(1.4rem,2.6vw,2rem);color:var(--text-title);letter-spacing:.6px;text-shadow:var(--glow-text-md)}& p{font-family:var(--content-font);margin:0;color:var(--text-body);font-size:1rem}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.cta .inner{background:rgb(var(--surface-void-rgb)/88%)}}@keyframes cta-panel-orbit{to{--panel-angle:360deg}}@media (max-width:768px){.cta .inner{justify-content:center;text-align:center;padding:28px 20px}}.faq{interpolate-size:allow-keywords;& .list{display:flex;flex-direction:column;max-width:880px}& .item{position:relative;background:transparent;border:none;border-radius:var(--radius-md);padding:4px 18px;transition:background var(--dur-slow) var(--ease-out);&+.item:before{inset-block-start:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--border-rgb)/26%) 22%,rgb(var(--neon-violet-rgb)/26%) 50%,rgb(var(--neon-magenta-rgb)/26%) 78%,transparent)}&+.item:before,&:after{content:"";position:absolute}&:after{inset-block:12px;inset-inline-start:0;width:2px;border-radius:2px;background:var(--gradient-rail);scale:1 0;transform-origin:center top;transition:scale var(--dur-slow) var(--ease-out)}&[open]{background:rgb(var(--neon-violet-rgb)/7%);&:after{scale:1 1}& .chevron{rotate:-135deg}}& summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding-block:20px;font-family:var(--title-font);font-size:1.02rem;letter-spacing:.4px;color:var(--text-title);transition:color var(--dur-base) var(--ease-out),text-shadow var(--dur-base) var(--ease-out);&::-webkit-details-marker{display:none}&:hover{color:#d6e6ff;text-shadow:0 0 12px rgb(var(--border-rgb)/50%)}&:focus-visible{outline:2px solid rgb(var(--border-rgb)/60%);outline-offset:2px;border-radius:var(--radius-sm)}}& .chevron{flex:0 0 auto;width:11px;height:11px;border-right:2px solid var(--neon-violet);border-bottom:2px solid var(--neon-violet);rotate:45deg;transition:rotate var(--dur-slow) var(--ease-spring);filter:drop-shadow(0 0 6px rgb(var(--neon-violet-rgb)/60%))}& p{font-family:var(--content-font);margin:0;padding-block:0 20px;font-size:.98rem;line-height:1.65;color:var(--text-body);max-width:720px}}}@supports selector(::details-content){.faq .item::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out),content-visibility var(--dur-slow) allow-discrete}.faq .item[open]::details-content{block-size:auto;opacity:1}}.features{& .grid{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:18px;gap:18px}& .card{--accent-rgb:var(--neon-violet-rgb);position:relative;display:flex;flex-direction:row;align-items:center;gap:20px;padding:26px;color:var(--text-bright);text-align:left;background:var(--surface-card);border:1px solid rgb(var(--accent-rgb)/46%);box-shadow:var(--glow-inset-md),var(--elev-2),var(--elev-1);&:nth-child(2){--accent-rgb:255 90 125}&:nth-child(3){--accent-rgb:41 168 255}&:nth-child(4){--accent-rgb:6 223 209}&:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgb(var(--accent-rgb)/85%) 0,transparent 42%,transparent 62%,rgb(var(--accent-rgb)/45%) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}&[data-span=wide]{grid-column:span 4}&[data-span=narrow]{grid-column:span 2}}& .spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0),rgb(var(--accent-rgb)/22%),transparent 68%);opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}& .card:hover .spot{opacity:1}& .icon{position:relative;flex:0 0 auto;width:96px;height:96px;display:grid;place-items:center;z-index:var(--z-raised);&:before{content:"";position:absolute;inset:6%;border-radius:26px;background:radial-gradient(circle at 50% 45%,rgb(var(--accent-rgb)/30%),transparent 70%)}& img{position:relative;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 14px rgb(0 0 0/45%))}}& .copy{position:relative;z-index:var(--z-raised);flex:1 1;& h3{font-family:var(--title-font);margin:0 0 10px;font-size:1.18rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-title)}& p{font-family:var(--content-font);margin:0;font-size:1rem;line-height:1.55;color:var(--text-body)}}}@media (max-width:1024px){.features .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features .card[data-span=narrow],.features .card[data-span=wide]{grid-column:span 1}}@media (max-width:768px){.features .grid{grid-template-columns:minmax(0,1fr)}}.footer{position:relative;padding:64px var(--landing-gutter) 30px;background:rgb(var(--surface-void-rgb)/96%);color:var(--text-bright);&:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--border-rgb)/45%) 20%,rgb(var(--neon-violet-rgb)/45%) 50%,rgb(var(--border-rgb)/45%) 80%,transparent);box-shadow:0 0 16px rgb(var(--glow-text-rgb)/30%)}& .grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);grid-gap:40px;gap:40px;align-items:start}& .brand{& h2{font-family:var(--title-font);margin:0 0 10px;font-size:1.35rem;letter-spacing:.8px;text-transform:uppercase;color:var(--text-title);text-shadow:var(--glow-text-md)}& p{font-family:var(--content-font);margin:0;color:var(--text-muted);font-size:.98rem;line-height:1.6;max-width:460px}}& .col{& h3{font-family:var(--title-font);margin:0 0 14px;font-size:.78rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--text-dim)}& ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}& a{position:relative;align-self:flex-start;font-family:var(--content-font);color:rgb(210 222 255/84%);font-size:.96rem;transition:color var(--dur-base) var(--ease-out),text-shadow var(--dur-base) var(--ease-out);&:after{content:"";position:absolute;inset-inline:0;inset-block-end:-3px;height:1px;background:currentColor;scale:0 1;transform-origin:left center;transition:scale var(--dur-base) var(--ease-out)}&:hover{color:var(--text-accent);text-shadow:0 0 10px rgb(var(--border-rgb)/55%);&:after{scale:1 1}}&:focus-visible{outline:2px solid rgb(var(--border-rgb)/60%);outline-offset:3px;border-radius:2px}}}& .bottom{-webkit-margin-before:40px;margin-block-start:40px;-webkit-padding-before:20px;padding-block-start:20px;-webkit-border-before:1px solid rgb(var(--border-rgb)/14%);border-block-start:1px solid rgb(var(--border-rgb)/14%);display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--content-font);font-size:.82rem;color:var(--text-dim);& .tag{letter-spacing:.6px;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-pill);border:1px solid rgb(var(--border-rgb)/22%);background:var(--surface-veil-1)}}}@media (max-width:1024px){.footer .grid{grid-template-columns:1fr 1fr;& .brand{grid-column:1/-1}}}@media (max-width:640px){.footer{& .grid{grid-template-columns:1fr;gap:28px}& .bottom{flex-direction:column;text-align:center}}}@property --cta-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.hero{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:28px;padding-block:clamp(32px,6vh,68px);padding-inline:var(--landing-gutter);min-height:calc(100vh - var(--main-header-offset));min-height:calc(100dvh - var(--main-header-offset));background-color:var(--surface-base);position:relative;isolation:isolate;border-bottom:1px solid rgb(94 117 255/25%);& .hero-bg{object-fit:cover;object-position:center;z-index:0}&:before{z-index:1;background:linear-gradient(105deg,rgb(6 9 20/90%),rgb(6 9 20/48%) 40%,rgb(10 12 24/22%) 62%,transparent 82%),linear-gradient(180deg,rgb(87 57 230/14%),rgb(10 12 24/76%))}&:after,&:before{content:"";position:absolute;inset:0;pointer-events:none}&:after{z-index:2;background:radial-gradient(circle at 20% 20%,rgb(114 67 255/20%),transparent 40%),radial-gradient(circle at 75% 75%,rgb(10 217 255/10%),transparent 35%)}& .aurora{position:absolute;inset:-18%;z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.8;background:radial-gradient(38% 42% at 22% 28%,rgb(var(--neon-violet-rgb)/26%),transparent 70%),radial-gradient(34% 38% at 76% 34%,rgb(var(--neon-cyan-rgb)/18%),transparent 72%),radial-gradient(40% 36% at 58% 78%,rgb(var(--neon-magenta-rgb)/14%),transparent 74%);animation:hero-aurora 24s ease-in-out infinite alternate;will-change:translate,scale}& .copy{position:relative;z-index:3;text-align:left;max-width:760px}& .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-bottom:18px;font-family:var(--content-font);font-size:.78rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-accent);background:linear-gradient(90deg,rgb(40 110 255/18%),rgb(154 100 255/14%));border:1px solid rgb(var(--border-rgb)/38%);border-radius:var(--radius-pill);box-shadow:var(--glow-inset-sm),var(--glow-sm);&:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--neon-emerald);box-shadow:0 0 8px var(--neon-emerald),0 0 14px rgb(var(--neon-emerald-rgb)/60%);animation:hero-pulse 1.8s ease-in-out infinite}}& h1{font-family:var(--title-font);margin:0 0 18px;color:#f3f7ff;font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.12;font-weight:700;letter-spacing:.4px;text-shadow:var(--glow-text-lg)}& .title-accent{background:linear-gradient(92deg,var(--neon-cyan) 0,var(--neon-violet) 30%,var(--neon-magenta) 62%,var(--neon-cyan) 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgb(var(--neon-violet-rgb)/45%));animation:hero-accent-sweep 9s linear infinite}& p{font-family:var(--content-font);margin:0 0 32px;color:rgb(195 209 255/84%);font-size:1.18rem;max-width:560px;line-height:1.55}& .actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}& .primary-cta:after{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--cta-angle),transparent 0deg,rgb(var(--tone-emerald-rgb)/90%) 45deg,var(--neon-cyan) 95deg,transparent 160deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hero-cta-orbit 4.5s linear infinite}& .secondary-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}& .scroll-hint{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;width:26px;height:42px;border:1px solid rgb(174 200 255/55%);border-radius:14px;box-shadow:var(--glow-sm);display:flex;justify-content:center;padding-top:8px;& span{display:block;width:3px;height:8px;border-radius:2px;background:linear-gradient(180deg,#9ec8ff,#5e7dff);box-shadow:0 0 8px rgb(var(--border-rgb)/80%);animation:hero-scroll-dot 1.8s ease-in-out infinite}}}@supports not (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.hero .title-accent{color:var(--neon-cyan);-webkit-text-fill-color:var(--neon-cyan);background:none;animation:none}}@keyframes hero-pulse{0%,to{opacity:1;scale:1}50%{opacity:.55;scale:.85}}@keyframes hero-scroll-dot{0%{translate:0 0;opacity:0}35%{opacity:1}to{translate:0 14px;opacity:0}}@keyframes hero-accent-sweep{to{background-position:200% 0}}@keyframes hero-cta-orbit{to{--cta-angle:360deg}}@keyframes hero-aurora{0%{translate:-2% -1%;scale:1}50%{translate:3% 2%;scale:1.06}to{translate:-1% 3%;scale:1.02}}@media (max-width:1024px){.hero{text-align:center;& .copy{text-align:center;margin:0 auto}& p{margin-inline:auto}& .actions{justify-content:center}}}@media (max-width:768px){.hero{padding:38px 18px}}.how-it-works{& .track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:20px;gap:20px;position:relative;&:before{content:"";position:absolute;top:42px;left:6%;right:6%;height:2px;background:var(--gradient-rail);box-shadow:0 0 12px rgb(var(--glow-text-rgb)/45%);z-index:var(--z-base);scale:0 1;transform-origin:left center;transition:scale 1.1s var(--ease-out) .14s}}& .node{position:relative;z-index:var(--z-raised);display:flex;flex-direction:column;align-items:center;text-align:center;& h3{font-family:var(--title-font);margin:0 0 8px;font-size:1.1rem;letter-spacing:.8px;text-transform:uppercase;color:var(--text-title)}& p{font-family:var(--content-font);margin:0;font-size:.94rem;line-height:1.55;color:var(--text-body);max-width:250px}}& .circle{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#1a2244 0,#0a0f25 70%);border:1px solid rgb(var(--neon-violet-rgb)/60%);box-shadow:0 0 22px rgb(var(--neon-violet-rgb)/34%),inset 0 0 18px rgb(var(--neon-cyan-rgb)/16%);font-family:var(--title-font);font-weight:800;color:var(--text-title);margin-bottom:18px;&:before{inset:-5px;background:conic-gradient(from 0deg,transparent 0deg,rgb(var(--neon-cyan-rgb)/65%) 70deg,rgb(var(--neon-violet-rgb)/75%) 155deg,transparent 235deg,transparent 1turn);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));opacity:0;animation:hiw-orbit 9s linear infinite;transition:opacity var(--dur-slow) var(--ease-out)}&:after,&:before{content:"";position:absolute;border-radius:50%}&:after{inset:-13px;border:1px solid rgb(var(--neon-violet-rgb)/22%);pointer-events:none}& span{font-size:1.45rem;letter-spacing:1px;background:var(--gradient-spectrum);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}& .node:focus-within .circle:before,& .node:hover .circle:before{opacity:1}}.js-reveal .how-it-works .node[data-reveal-visible] .circle{animation:hiw-ignite .78s var(--ease-out) var(--reveal-delay,0s) both}.js-reveal .how-it-works .track[data-reveal-visible]:before{scale:1 1}@supports not (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.how-it-works .circle span{-webkit-text-fill-color:var(--neon-cyan);background:none;color:var(--neon-cyan)}}@keyframes hiw-orbit{to{rotate:1turn}}@keyframes hiw-ignite{0%{border-color:rgb(var(--border-rgb)/18%);box-shadow:0 0 0 rgb(var(--neon-violet-rgb)/0),inset 0 0 0 rgb(var(--neon-cyan-rgb)/0)}}@media (max-width:1024px){.how-it-works .track{grid-template-columns:repeat(2,minmax(160px,1fr));gap:36px 18px;&:before{display:none}}}@media (max-width:600px){.how-it-works .track{grid-template-columns:1fr;gap:32px;&:before{display:block;top:42px;bottom:42px;left:50%;right:auto;width:2px;height:auto;translate:-50% 0;background:linear-gradient(180deg,transparent,var(--neon-cyan) 12%,var(--neon-violet) 50%,var(--neon-magenta) 88%,transparent);scale:1 0;transform-origin:center top}}}.pets{padding-block:0;& .tone-silver{--tone-rgb:var(--rarity-common-rgb)}& .tone-cyan{--tone-rgb:var(--rarity-rare-rgb)}& .tone-violet{--tone-rgb:var(--rarity-epic-rgb)}& .tone-gold{--tone-rgb:var(--rarity-legendary-rgb)}& .rarity{flex:0 0 auto;margin:0;-webkit-padding-before:clamp(12px,2vh,22px);padding-block-start:clamp(12px,2vh,22px);-webkit-border-before:1px solid rgb(var(--border-rgb)/16%);border-block-start:1px solid rgb(var(--border-rgb)/16%)}& .rarity-track{display:flex;width:100%;height:14px;border-radius:var(--radius-pill);overflow:hidden;background:var(--surface-veil-1);border:1px solid rgb(var(--border-rgb)/22%);box-shadow:inset 0 0 14px rgb(0 0 0/35%);margin-bottom:14px}& .rarity-segment{flex:0 0;height:100%;background:linear-gradient(180deg,rgb(var(--tone-rgb)/100%),rgb(var(--tone-rgb)/72%));box-shadow:inset 0 1px 0 rgb(255 255 255/28%),0 0 12px rgb(var(--tone-rgb)/70%);transition:flex-basis .95s var(--ease-out) var(--seg-delay,0s),filter var(--dur-base) var(--ease-out);&:hover{filter:brightness(1.18)}}& .rarity-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;& li{display:flex;align-items:flex-start;gap:9px;color:var(--text-bright)}& .dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;margin-top:6px;background:rgb(var(--tone-rgb));box-shadow:0 0 10px rgb(var(--tone-rgb)/90%)}& strong{font-family:var(--title-font);font-size:.92rem;letter-spacing:.6px;text-transform:uppercase;color:var(--text-title)}& .share{display:inline-block;margin-left:8px;font-weight:700;color:rgb(var(--tone-rgb))}& .share,& p{font-family:var(--content-font)}& p{margin:3px 0 0;font-size:.82rem;line-height:1.4;color:var(--text-muted)}}}@media (min-width:901px) and (max-height:840px){.pets .rarity-legend p{display:none}}.pets .showcase{--pet-span:58vh;--track-progress:0;position:relative;height:calc(100dvh + (var(--pet-count) * var(--pet-span)))}.pets .pin{position:-webkit-sticky;position:sticky;inset-block-start:0;height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,1.6vh,18px);padding-block:var(--anchor-offset) clamp(12px,2vh,28px);box-sizing:border-box}.pets .intro{flex:0 0 auto;& .section-subtitle{margin-block:14px 0}}.pets .carousel{--radius:clamp(250px,30vw,380px);position:relative;flex:1 1 auto;min-height:300px;perspective:1250px;perspective-origin:50% 46%}.pets .dots{flex:0 0 auto;list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:9px;& li{width:7px;height:7px;border-radius:50%;background:rgb(var(--border-rgb)/30%);transition:background var(--dur-base) var(--ease-out),scale var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}& li[data-on]{background:var(--neon-cyan);scale:1.45;box-shadow:0 0 12px rgb(var(--neon-cyan-rgb)/80%)}}.pets .floor{position:absolute;inset-block-end:6%;inset-inline-start:50%;width:min(84%,760px);height:190px;translate:-50% 0;transform:rotateX(80deg);transform-origin:center top;background:radial-gradient(ellipse at center,rgb(var(--neon-violet-rgb)/26%),transparent 68%);filter:blur(10px);pointer-events:none}.pets .ring{position:absolute;inset:0;list-style:none;margin:0;padding:0;transform-style:preserve-3d;transform:rotateY(calc(var(--track-progress) * var(--sweep) * -1));transition:transform .3s var(--ease-out)}.pets .slot{--dist:0;position:absolute;inset-block-start:50%;inset-inline-start:50%;width:clamp(200px,22vw,268px);-webkit-margin-before:calc(clamp(200px, 22vw, 268px) * -.72);margin-block-start:calc(clamp(200px, 22vw, 268px) * -.72);-webkit-margin-start:calc(clamp(200px, 22vw, 268px) * -.5);margin-inline-start:calc(clamp(200px, 22vw, 268px) * -.5);transform-style:preserve-3d;transform:rotateY(var(--angle)) translateZ(var(--radius));-webkit-backface-visibility:hidden;backface-visibility:hidden;&.r-legendary{--tone-rgb:var(--rarity-legendary-rgb)}&.r-epic{--tone-rgb:var(--rarity-epic-rgb)}&.r-rare{--tone-rgb:var(--rarity-rare-rgb)}}.pets .pet-card{position:relative;padding:12px 12px 16px;border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid rgb(var(--tone-rgb)/36%);box-shadow:var(--glow-inset-md),0 0 22px rgb(var(--tone-rgb)/14%),var(--elev-3);text-align:center;color:var(--text-bright);opacity:calc(1 - var(--dist) * .26);filter:brightness(calc(1 - var(--dist) * .16)) blur(calc(var(--dist) * .7px));transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.pets .slot[data-front] .pet-card{border-color:rgb(var(--tone-rgb)/82%);box-shadow:var(--glow-inset-md),0 0 40px rgb(var(--tone-rgb)/34%),var(--elev-4)}.pets .art{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;margin-bottom:12px;border:1px solid rgb(var(--tone-rgb)/40%);box-shadow:inset 0 0 0 1px rgb(0 0 0/35%);& img{display:block;width:100%;height:100%;object-fit:cover}&:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgb(var(--tone-rgb)/24%))}}.pets .sheen{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgb(255 255 255/14%) 46%,rgb(var(--tone-rgb)/26%) 53%,transparent 68%);translate:-130% 0;opacity:0}.pets .slot[data-front] .sheen{opacity:1;animation:pets-sheen 3.6s var(--ease-in-out) infinite}.pets .pet-card h3{font-family:var(--title-font);margin:0 0 8px;font-size:1.02rem;letter-spacing:.4px;color:var(--text-title)}.pets .meta{display:inline-flex;align-items:center;gap:8px}.pets .level{font-size:.76rem;color:var(--text-muted);letter-spacing:.7px}.pets .level,.pets .tag{font-family:var(--content-font);text-transform:uppercase}.pets .tag{font-size:.7rem;letter-spacing:1px;padding:3px 9px;border-radius:var(--radius-pill);font-weight:700;color:rgb(var(--tone-rgb));border:1px solid rgb(var(--tone-rgb)/70%);background:rgb(var(--tone-rgb)/12%);box-shadow:0 0 10px rgb(var(--tone-rgb)/28%)}.js-reveal .pets .rarity[data-reveal-visible] .rarity-segment,html:not(.js-reveal) .pets .rarity-segment{flex-basis:var(--share)}@keyframes pets-sheen{0%,62%{translate:-130% 0}92%,to{translate:130% 0}}@media (max-width:1024px){.pets .rarity-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px),(prefers-reduced-motion:reduce){.pets{padding-block:var(--section-pad-block)}.pets .pin,.pets .showcase{height:auto}.pets .pin{position:static;padding-block:0;gap:0}.pets .intro .section-subtitle{margin-block:22px 26px}.pets .rarity{-webkit-margin-before:32px;margin-block-start:32px;-webkit-padding-before:24px;padding-block-start:24px}.pets .rarity-legend p{display:block}.pets .dots{display:none}.pets .carousel{min-height:0;perspective:none}.pets .floor{display:none}.pets .ring{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;transform:none;transform-style:flat}.pets .ring,.pets .slot{position:relative;inset:auto}.pets .slot{width:auto;margin:0;transform:none;-webkit-backface-visibility:visible;backface-visibility:visible}.pets .pet-card{opacity:1;filter:none}.pets .slot .sheen{display:none}}@media (max-width:600px){.pets .rarity-legend,.pets .ring{grid-template-columns:1fr}}.proof{& .grid{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));grid-gap:20px;gap:20px;counter-reset:proof}& .card{position:relative;padding:28px 26px 26px;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgb(var(--surface-void-rgb)/72%),rgb(var(--surface-void-rgb)/52%));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(var(--border-rgb)/26%);box-shadow:inset 0 1px 0 rgb(255 255 255/7%),var(--elev-2);color:var(--text-bright);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);&:before{content:"";position:absolute;inset-block:26px;inset-inline-start:0;width:2px;border-radius:2px;background:var(--gradient-rail);opacity:.75}&:hover{border-color:rgb(var(--border-rgb)/52%);box-shadow:inset 0 1px 0 rgb(255 255 255/10%),0 0 26px rgb(var(--border-rgb)/18%),var(--elev-3)}}& .step{display:block;font-size:.82rem;font-weight:800;letter-spacing:2.2px;margin-bottom:14px;background:var(--gradient-spectrum);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}& .step,& h3{font-family:var(--title-font)}& h3{margin:0 0 10px;font-size:1.08rem;letter-spacing:.5px;text-transform:uppercase;color:var(--text-title);text-shadow:var(--glow-text-sm)}& p{font-family:var(--content-font);margin:0;font-size:.96rem;line-height:1.62;color:var(--text-body)}}@supports not (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.proof .step{-webkit-text-fill-color:var(--neon-cyan);background:none;color:var(--neon-cyan)}}@media (max-width:1024px){.proof .grid{grid-template-columns:1fr;gap:16px}}.roadmap{--phase-span:100vh;--track-progress:0;--scene-rgb:var(--neon-emerald-rgb);--horizon:46%;padding-block:0;height:calc(100dvh + (var(--phase-count) * var(--phase-span)))}.roadmap[data-phase="1"]{--scene-rgb:var(--neon-cyan-rgb)}.roadmap[data-phase="2"]{--scene-rgb:var(--neon-gold-rgb)}.roadmap[data-phase="3"]{--scene-rgb:var(--neon-violet-rgb)}.roadmap .pin{position:-webkit-sticky;position:sticky;inset-block-start:0;height:100dvh;margin-inline:calc(var(--landing-gutter) * -1);padding:calc(var(--anchor-offset)) var(--landing-gutter) clamp(18px,3vh,34px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(10px,2vh,20px);overflow:hidden;&>*{position:relative;z-index:2}}.roadmap .scene{position:absolute;inset:0;z-index:0;pointer-events:none}.roadmap .stars{position:absolute;inset:-10% 0 calc(100% - var(--horizon) - 4%);background-repeat:repeat}.roadmap .stars.s1{background-image:radial-gradient(1px 1px at 22px 34px,rgb(255 255 255/45%) 50%,transparent 0),radial-gradient(1px 1px at 130px 90px,rgb(255 255 255/30%) 50%,transparent 0),radial-gradient(1px 1px at 76px 158px,rgb(255 255 255/38%) 50%,transparent 0),radial-gradient(1px 1px at 190px 210px,rgb(255 255 255/26%) 50%,transparent 0);background-size:240px 240px;translate:0 calc(var(--track-progress) * -22px)}.roadmap .stars.s2{background-image:radial-gradient(1.5px 1.5px at 48px 60px,rgb(var(--neon-cyan-rgb)/55%) 50%,transparent 50%),radial-gradient(1px 1px at 160px 20px,rgb(255 255 255/45%) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 110px 140px,rgb(var(--neon-violet-rgb)/45%) 50%,transparent 50%);background-size:300px 300px;translate:0 calc(var(--track-progress) * -52px)}.roadmap .stars.s3{background-image:radial-gradient(2px 2px at 80px 44px,rgb(255 255 255/65%) 50%,transparent 50%),radial-gradient(2px 2px at 210px 170px,rgb(var(--neon-cyan-rgb)/60%) 50%,transparent 50%);background-size:340px 340px;translate:0 calc(var(--track-progress) * -92px);animation:roadmap-twinkle 3.4s ease-in-out infinite}.roadmap .nebula{inset:-6% 0 calc(100% - var(--horizon));background:radial-gradient(48% 60% at 22% 30%,color-mix(in srgb,currentColor 15%,transparent),transparent 72%),radial-gradient(42% 55% at 80% 55%,color-mix(in srgb,currentColor 10%,transparent),transparent 74%),radial-gradient(30% 40% at 55% 10%,rgb(var(--neon-violet-rgb)/8%),transparent 74%);mix-blend-mode:screen}.roadmap .horizon,.roadmap .nebula{position:absolute;color:rgb(var(--scene-rgb));transition:color .9s var(--ease-in-out)}.roadmap .horizon{inset-inline:0;inset-block-start:var(--horizon);height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 65%,transparent) 22%,currentColor 50%,color-mix(in srgb,currentColor 65%,transparent) 78%,transparent);filter:drop-shadow(0 0 12px currentColor)}.roadmap .floor-wrap{position:absolute;inset:var(--horizon) 0 0;perspective:620px;perspective-origin:50% 0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%);mask-image:linear-gradient(180deg,transparent,#000 16%)}.roadmap .floor{position:absolute;inset:-4% -42% -150%;transform:rotateX(58deg);transform-origin:top center;color:rgb(var(--scene-rgb));transition:color .9s var(--ease-in-out);background-image:linear-gradient(90deg,transparent 0 40.5%,color-mix(in srgb,currentColor 55%,transparent) 40.5% 41%,color-mix(in srgb,currentColor 9%,transparent) 41% 59%,color-mix(in srgb,currentColor 55%,transparent) 59% 59.5%,transparent 59.5%),repeating-linear-gradient(90deg,color-mix(in srgb,currentColor 22%,transparent) 0 2px,transparent 2px 90px),repeating-linear-gradient(0deg,color-mix(in srgb,currentColor 28%,transparent) 0 2px,transparent 2px 96px);background-position:0 0,0 0,0 calc(var(--track-progress) * 640px)}.roadmap .frame-fade{position:absolute;inset:0;background:linear-gradient(180deg,var(--surface-base) 0,transparent 9%,transparent 91%,var(--surface-base) 100%)}.roadmap .gates{position:absolute;inset:0;z-index:1;pointer-events:none}.roadmap .gate{position:absolute;inset-inline-start:50%;inset-block-end:var(--gb,54%);width:min(46vw,470px);aspect-ratio:2.15/1;translate:-50% 0;scale:var(--gs,.15);opacity:var(--go,0);transform-origin:50% 100%;border:3px solid color-mix(in srgb,currentColor 85%,transparent);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 0 26px color-mix(in srgb,currentColor 45%,transparent),inset 0 0 34px color-mix(in srgb,currentColor 14%,transparent);will-change:scale,opacity;transition:scale .2s var(--ease-out),opacity .2s var(--ease-out);&.status-shipped{color:var(--status-shipped)}&.status-in-progress{color:var(--status-active)}&.status-planned{color:var(--status-planned)}}.roadmap .gate-label{position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50% -58%;padding:4px 16px;border-radius:var(--radius-pill);font-family:var(--title-font);font-size:1.05rem;font-weight:800;letter-spacing:2.4px;color:currentColor;background:rgb(var(--surface-void-rgb)/88%);border:1px solid color-mix(in srgb,currentColor 70%,transparent);box-shadow:0 0 16px color-mix(in srgb,currentColor 50%,transparent)}.roadmap .strip{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;& .section-subtitle{-webkit-margin-after:0;margin-block-end:0}}.roadmap .hud{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:6px}.roadmap .hud-count{display:flex;align-items:baseline;gap:8px;font-family:var(--title-font);font-weight:800;letter-spacing:2px}.roadmap .hud-now{position:relative;display:inline-block;font-size:1.5rem;line-height:1.2;width:2.4ch;height:1.2em;overflow:hidden;& span{position:absolute;inset:0;text-align:center;color:rgb(var(--scene-rgb));text-shadow:0 0 14px rgb(var(--scene-rgb)/55%);opacity:0;translate:0 .9em;transition:opacity var(--dur-slow) var(--ease-out),translate var(--dur-slow) var(--ease-spring),color .6s var(--ease-in-out)}}.roadmap[data-phase="0"] .hud-now [data-idx="0"],.roadmap[data-phase="1"] .hud-now [data-idx="1"],.roadmap[data-phase="2"] .hud-now [data-idx="2"],.roadmap[data-phase="3"] .hud-now [data-idx="3"]{opacity:1;translate:none}.roadmap .hud-total{font-size:.85rem;color:var(--text-dim)}.roadmap .hud-bar{position:relative;width:132px;height:3px;border-radius:2px;background:rgb(var(--border-rgb)/22%);overflow:hidden;&:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--track-progress) * 100%);border-radius:inherit;background:rgb(var(--scene-rgb));box-shadow:0 0 10px rgb(var(--scene-rgb)/70%);transition:background .6s var(--ease-in-out)}}.roadmap .stages{position:relative;list-style:none;margin:0;padding:0;flex:0 0 auto;min-height:clamp(280px,40vh,400px);perspective:1100px}.roadmap .stage{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;grid-gap:clamp(20px,4vw,56px);gap:clamp(20px,4vw,56px);max-width:1080px;margin-inline:auto;transition:opacity var(--dur-slow) var(--ease-out),translate var(--dur-slow) var(--ease-out),rotate var(--dur-slow) var(--ease-out),scale var(--dur-slow) var(--ease-out),filter var(--dur-slow) var(--ease-out);&.status-shipped{color:var(--status-shipped);--status-rgb:var(--status-shipped-rgb)}&.status-in-progress{color:var(--status-active);--status-rgb:var(--status-active-rgb)}&.status-planned{color:var(--status-planned);--status-rgb:var(--status-planned-rgb)}&[data-state=ahead]{opacity:0;translate:0 56px;rotate:x 22deg;scale:.94;filter:blur(7px);pointer-events:none}&[data-state=active]{opacity:1;translate:none;rotate:none;scale:1;filter:none}&[data-state=behind]{opacity:0;translate:0 -56px;rotate:x -18deg;scale:.94;filter:blur(7px);pointer-events:none}}.roadmap .numeral{position:absolute;inset-block-start:50%;inset-inline-start:42%;translate:-50% -54%;z-index:0;font-family:var(--title-font);font-size:clamp(9rem,22vw,15rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgb(var(--status-rgb)/16%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.roadmap .panel{position:relative;z-index:1;padding:30px 34px 28px;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgb(var(--surface-void-rgb)/82%),rgb(var(--surface-void-rgb)/62%));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgb(var(--status-rgb)/38%);box-shadow:inset 0 1px 0 rgb(255 255 255/7%),0 0 26px rgb(var(--status-rgb)/14%),var(--elev-3);& .head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}& .phase{font-family:var(--title-font);font-size:1.2rem;font-weight:800;color:var(--text-title);text-shadow:var(--glow-text-sm)}& .phase,& .status{letter-spacing:1.4px}& .status{font-family:var(--content-font);font-size:.64rem;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill);background:rgb(var(--status-rgb)/12%);border:1px solid rgb(var(--status-rgb)/55%);white-space:nowrap}& .status,& h3{text-transform:uppercase}& h3{font-family:var(--title-font);margin:0 0 14px;font-size:clamp(1.3rem,2.1vw,1.7rem);letter-spacing:.5px;color:var(--text-title)}& ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}& ul li{font-family:var(--content-font);font-size:1rem;line-height:1.55;color:var(--text-body);padding-left:16px;position:relative;&:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.65}}}.roadmap .holo{position:relative;z-index:1;justify-self:center;width:clamp(190px,28vh,300px);aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgb(var(--status-rgb)/55%);box-shadow:inset 0 0 0 1px rgb(0 0 0/40%),0 0 30px rgb(var(--status-rgb)/26%),var(--elev-3);animation:roadmap-holo-idle 8s ease-in-out infinite;& img{display:block;width:100%;height:100%;object-fit:cover}& .holo-scan{background:repeating-linear-gradient(0deg,rgb(var(--status-rgb)/7%) 0 1px,transparent 1px 4px);mix-blend-mode:screen}& .holo-glint,& .holo-scan{position:absolute;inset:0;pointer-events:none}& .holo-glint{background:linear-gradient(115deg,transparent 38%,rgb(255 255 255/16%) 48%,rgb(var(--status-rgb)/22%) 54%,transparent 66%);translate:-140% 0;animation:roadmap-holo-glint 5.5s var(--ease-in-out) infinite}}@keyframes roadmap-twinkle{0%,to{opacity:1}50%{opacity:.45}}@keyframes roadmap-holo-idle{0%,to{translate:0 -6px;rotate:y 7deg}50%{translate:0 7px;rotate:y -7deg}}@keyframes roadmap-holo-glint{0%,55%{translate:-140% 0}85%,to{translate:140% 0}}@media (max-width:1024px),(prefers-reduced-motion:reduce){.roadmap{height:auto;padding-block:var(--section-pad-block)}.roadmap .pin{position:static;height:auto;margin-inline:0;padding:0;overflow:visible;gap:0}.roadmap .gates,.roadmap .holo,.roadmap .hud,.roadmap .numeral,.roadmap .scene{display:none}.roadmap .stages{min-height:0;display:flex;flex-direction:column;gap:16px;margin-top:24px;perspective:none}.roadmap .stage,.roadmap .stage[data-state]{position:relative;inset:auto;display:block;max-width:none;opacity:1;translate:none;rotate:none;scale:none;filter:none;pointer-events:auto}}.stats{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:16px;gap:16px;align-items:center;padding:var(--section-pad-block-band) var(--landing-gutter);background:linear-gradient(90deg,rgb(var(--wash-violet-rgb)/34%) 0,rgb(var(--border-rgb)/26%) 50%,rgb(var(--wash-cyan-rgb)/26%) 100%);border-block:1px solid rgb(var(--border-rgb)/22%);& .item{position:relative;text-align:center;color:var(--text-bright);&:not(:last-child):after{content:"";position:absolute;inset-block:12%;inset-inline-end:calc(var(--space-2) * -1);width:1px;background:linear-gradient(180deg,transparent,rgb(var(--border-rgb)/38%) 50%,transparent)}& strong{display:block;font-family:var(--content-font);font-size:clamp(1.7rem,3.3vw,2.5rem);font-weight:800;line-height:1.1;letter-spacing:.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-accent);background:var(--gradient-spectrum);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--glow-text-sm)}& span{font-family:var(--content-font);font-size:.98rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px}}}@supports not (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.stats .item strong{color:var(--text-accent);-webkit-text-fill-color:var(--text-accent);background:none}}@media (max-width:1024px){.stats{grid-template-columns:repeat(2,minmax(160px,1fr));gap:28px 16px}.stats .item:nth-child(2):after{display:none}}@media (max-width:768px){.stats{grid-template-columns:1fr}.stats .item:after{display:none}}.site-header{--header-inset:14px;--header-gutter:var(--landing-gutter);--shell-pad-block:9px;position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--z-header);display:flex;justify-content:center;padding:var(--header-inset) var(--header-gutter);pointer-events:none;transition:padding var(--dur-slow) var(--ease-out)}.site-header .shell{pointer-events:auto;box-sizing:border-box;display:flex;align-items:center;gap:clamp(10px,2vw,28px);width:min(100%,1180px);padding:var(--shell-pad-block) var(--shell-pad-block) var(--shell-pad-block) 22px;border-radius:var(--radius-pill);border:1px solid rgb(var(--border-rgb)/26%);background:linear-gradient(180deg,rgb(var(--surface-void-rgb)/62%),rgb(var(--surface-void-rgb)/46%));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px 0 rgb(255 255 255/12%),inset 0 -1px 0 rgb(0 0 0/28%),var(--elev-3),0 0 24px rgb(var(--border-rgb)/10%);transition:padding var(--dur-slow) var(--ease-out),border-color var(--dur-slow) var(--ease-out),background var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out)}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.site-header .shell{background:rgb(var(--surface-void-rgb)/92%)}}.site-header.is-condensed .shell{border-color:rgb(var(--border-rgb)/42%);background:linear-gradient(180deg,rgb(var(--surface-void-rgb)/82%),rgb(var(--surface-void-rgb)/68%));backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);box-shadow:inset 0 1px 0 rgb(255 255 255/16%),inset 0 -1px 0 rgb(0 0 0/32%),var(--elev-4),0 0 30px rgb(var(--border-rgb)/16%)}.site-header .brand{flex:0 0 auto;position:relative;text-decoration:none;color:inherit;line-height:1;&:after{content:"";position:absolute;inset:-60% -30%;background:radial-gradient(ellipse at center,rgb(var(--neon-violet-rgb)/26%) 0,rgb(var(--border-rgb)/12%) 48%,transparent 76%);filter:blur(8px);pointer-events:none;z-index:var(--z-base)}}.site-header .brand-name{position:relative;z-index:var(--z-raised);display:block;font-family:var(--title-font);font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-title);text-shadow:var(--glow-text-md);white-space:nowrap}.site-header .nav{flex:1 1 auto;display:flex;justify-content:center;min-width:0;& ul{position:relative;display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;&:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--indicator-w,0);border-radius:var(--radius-pill);background:linear-gradient(180deg,rgb(var(--border-rgb)/26%),rgb(var(--border-rgb)/12%));box-shadow:inset 0 1px 0 rgb(255 255 255/10%),0 0 14px rgb(var(--border-rgb)/22%);opacity:var(--indicator-opacity,0);translate:var(--indicator-x,0);transition:opacity var(--dur-base) var(--ease-out);pointer-events:none}&[data-indicator-ready]:before{transition:translate var(--dur-slow) var(--ease-spring),width var(--dur-slow) var(--ease-spring),opacity var(--dur-base) var(--ease-out)}}& li{position:relative;z-index:var(--z-raised)}& a{display:block;padding:8px 13px;border-radius:var(--radius-pill);font-family:var(--content-font);font-size:.78rem;font-weight:600;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;color:var(--text-muted);transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);&:hover{color:var(--text-title);background:var(--surface-veil-2)}&[aria-current]{color:var(--text-title);text-shadow:var(--glow-text-sm)}&:focus-visible{outline:2px solid rgb(var(--border-rgb)/60%);outline-offset:2px}}}.site-header .actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.site-header .actions .neon-btn{border-radius:var(--radius-pill);padding-inline:18px}.site-header .menu-toggle{display:none;position:relative;width:38px;height:34px;padding:0;border:1px solid rgb(var(--border-rgb)/30%);border-radius:var(--radius-pill);background:var(--surface-veil-1);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);&:hover{border-color:rgb(var(--border-rgb)/55%);background:var(--surface-veil-2)}&:focus-visible{outline:2px solid rgb(var(--border-rgb)/60%);outline-offset:2px}& .bars,& .bars:after,& .bars:before{position:absolute;left:50%;width:16px;height:1.5px;border-radius:2px;background:var(--text-accent);box-shadow:0 0 6px rgb(var(--border-rgb)/55%);transition:translate var(--dur-base) var(--ease-out),rotate var(--dur-base) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}& .bars{top:50%;translate:-50% -50%;opacity:0}& .bars:after,& .bars:before{content:"";left:0}& .bars:before{translate:0 -5px}& .bars:after{translate:0 5px}}.site-header.is-open .menu-toggle .bars{&:before{translate:0 0;rotate:45deg}&:after{translate:0 0;rotate:-45deg}}.site-header .drawer{pointer-events:auto;position:absolute;inset-block-start:100%;inset-inline:var(--header-gutter);padding:10px;border-radius:var(--radius-xl);border:1px solid rgb(var(--border-rgb)/32%);background:linear-gradient(180deg,rgb(var(--surface-void-rgb)/90%),rgb(var(--surface-void-rgb)/78%));backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);box-shadow:inset 0 1px 0 rgb(255 255 255/12%),var(--elev-4),0 0 34px rgb(var(--border-rgb)/14%);opacity:0;translate:0 -10px;transition:opacity var(--dur-slow) var(--ease-out),translate var(--dur-slow) var(--ease-out);&.is-open{opacity:1;translate:none}& ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}& a{display:block;padding:13px 16px;border-radius:var(--radius-md);font-family:var(--content-font);font-size:.86rem;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-muted);transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);&:hover{color:var(--text-title);background:var(--surface-veil-2)}&[aria-current]{color:var(--text-title);background:rgb(var(--border-rgb)/16%);text-shadow:var(--glow-text-sm)}&:focus-visible{outline:2px solid rgb(var(--border-rgb)/60%);outline-offset:-2px}}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.site-header .drawer{background:rgb(var(--surface-void-rgb)/97%)}}.site-header .scrim{position:fixed;inset:0;z-index:-1;background:rgb(2 4 10/55%);opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out)}.site-header.is-open .scrim{opacity:1;pointer-events:auto}body.is-drawer-open{overflow:hidden}.site-header .progress{position:absolute;inset-block-start:0;inset-inline:0;height:2px;--spectrum-angle:90deg;background:var(--gradient-spectrum);box-shadow:0 0 10px rgb(var(--glow-text-rgb)/55%);transform:scaleX(var(--scroll-progress,0));transform-origin:0 50%;opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.site-header.is-condensed .progress{opacity:1}@media (max-width:900px){.site-header .nav{display:none}.site-header .menu-toggle{display:block}.site-header .shell{justify-content:space-between}}@media (min-width:901px){.site-header .drawer,.site-header .scrim{display:none}}@media (max-width:768px){.site-header{--header-gutter:14px}.site-header .shell{padding-inline:16px 10px}}