:root{--black-950: #05070b;--black-900: #0a0e16;--black-800: #101624;--black-700: #182033;--gray-500: #6b7686;--gray-300: #9aa6b5;--gray-100: #e8edf2;--green-500: #00ff88;--green-700: #00b862;--purple-500: #9b4dff;--purple-300: #c39bff;--blue-500: #00d4ff;--gold-500: #d4af37;--gold-300: #e9cf7a;--red-400: #ff6b6b;--color-bg: var(--black-950);--color-bg-elevated: var(--black-900);--color-surface: rgba(16, 22, 36, .72);--color-surface-hover: rgba(24, 32, 51, .85);--color-border: rgba(154, 166, 181, .16);--color-border-strong: rgba(154, 166, 181, .32);--color-text: var(--gray-100);--color-text-secondary: var(--gray-300);--color-text-muted: var(--gray-300);--color-text-on-accent: var(--black-950);--color-accent: var(--green-500);--color-accent-strong: var(--green-700);--color-mystic: var(--purple-500);--color-mystic-soft: var(--purple-300);--color-cyber: var(--blue-500);--color-legend: var(--gold-500);--color-legend-soft: var(--gold-300);--color-danger: var(--red-400);--color-focus: var(--blue-500);--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.875rem;--text-display: clamp(2.25rem, 7vw, 3.75rem);--font-sans: "SF Pro Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 12px 40px rgba(0, 0, 0, .45);--glow-accent: 0 0 24px rgba(0, 255, 136, .35);--glow-mystic: 0 0 24px rgba(155, 77, 255, .35);--glow-legend: 0 0 24px rgba(212, 175, 55, .35);--ease-out: cubic-bezier(.2, 0, 0, 1);--nav-height: 4rem;--content-max: 72rem;--measure: 65ch}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark;background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:1.55;color:var(--color-text);background:var(--color-bg);min-height:100dvh;overflow-x:clip}h1,h2,h3,h4{margin:0;line-height:1.1;text-wrap:balance;font-weight:700}h1{font-size:var(--text-display);letter-spacing:-.02em}h2{font-size:var(--text-xl);letter-spacing:-.01em}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}h2,h3{scroll-margin-top:calc(var(--nav-height) + var(--space-4))}p{margin:0;text-wrap:pretty;max-width:var(--measure)}p+p{margin-top:var(--space-3)}ul,ol{margin:0;padding-inline-start:1.25rem}li+li{margin-top:var(--space-2)}a{color:var(--color-accent);text-underline-offset:.15em;text-decoration-thickness:from-font;text-decoration-skip-ink:auto}a:hover{color:#fff}code,.mono{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:#00ff884d;color:#fff}img{max-width:100%;height:auto;display:block}button,input,select{font:inherit;color:inherit}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-sm);font-weight:600;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.container{width:min(100% - 2 * var(--space-4),var(--content-max));margin-inline:auto}@media(min-width:48rem){.container{width:min(100% - 2 * var(--space-8),var(--content-max))}}.page{position:relative;z-index:1;padding-block:var(--space-8) var(--space-16);display:grid;gap:var(--space-12)}@media(min-width:48rem){.page{padding-block-start:var(--space-12)}}.section{display:grid;gap:var(--space-6)}.section-head{display:grid;gap:var(--space-2)}.section-head p{color:var(--color-text-secondary)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.stack{display:grid;gap:var(--space-3)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.between{justify-content:space-between}.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-layer canvas{width:100%;height:100%;display:block;opacity:.55}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.bg-glow.green{width:50vw;height:50vw;inset-inline-start:-15vw;inset-block-start:-10vw;background:radial-gradient(circle,rgba(0,255,136,.5),transparent 70%)}.bg-glow.purple{width:45vw;height:45vw;inset-inline-end:-15vw;inset-block-end:-5vw;background:radial-gradient(circle,rgba(155,77,255,.5),transparent 70%)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.header{position:sticky;inset-block-start:0;z-index:20;background:#05070bcc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-block-end:1px solid var(--color-border)}.header-inner{min-height:var(--nav-height);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);font-weight:700;letter-spacing:.04em;min-height:44px}.brand .emblem,.brand img,.heading-with-emblem .emblem,.heading-with-emblem img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.heading-with-emblem{display:flex;align-items:center;gap:var(--space-3)}.nav-desktop{display:none}.nav-desktop ul{display:flex;list-style:none;padding:0;margin:0;gap:var(--space-1)}.nav-desktop li+li{margin:0}.nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:600;white-space:nowrap;transition:color .15s var(--ease-out),background-color .15s var(--ease-out)}@media(hover:hover){.nav-link:hover{color:var(--color-text);background:var(--color-surface-hover)}}.nav-link[aria-current=page]{color:var(--color-accent);background:#00ff8814}@media(min-width:64rem){.nav-desktop{display:block}.icon-btn.nav-toggle,.nav-mobile{display:none}}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto}.nav-mobile{border-block-start:1px solid var(--color-border);padding-block:var(--space-3)}.nav-mobile ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-1)}.nav-mobile li+li{margin:0}.nav-mobile .nav-link{width:100%;min-height:44px;font-size:var(--text-md)}.btn{--btn-bg: transparent;--btn-fg: var(--color-text);--btn-border: var(--color-border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);border-radius:var(--radius-pill);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:var(--text-sm);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s var(--ease-out),color .15s var(--ease-out),border-color .15s var(--ease-out),scale .12s var(--ease-out)}.btn:active:not(:disabled){scale:.96}.btn-primary{--btn-bg: var(--color-accent);--btn-fg: var(--color-text-on-accent);--btn-border: var(--color-accent);box-shadow:var(--glow-accent)}@media(hover:hover){.btn-primary:hover:not(:disabled){--btn-bg: #5cffb0}.btn-secondary:hover:not(:disabled){--btn-border: var(--color-accent);--btn-fg: var(--color-accent)}.btn-ghost:hover:not(:disabled){--btn-bg: var(--color-surface-hover)}}.btn-secondary{--btn-bg: var(--color-surface)}.btn-ghost{--btn-border: transparent;--btn-fg: var(--color-text-secondary)}.btn-sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-xs)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.card{position:relative;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;gap:var(--space-3);align-content:start}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,255,136,.35),transparent 40%,rgba(155,77,255,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card-tone-mystic:before{background:linear-gradient(135deg,rgba(155,77,255,.5),transparent 45%,rgba(0,212,255,.3))}.card-tone-legend:before{background:linear-gradient(135deg,rgba(212,175,55,.6),transparent 45%,rgba(212,175,55,.25))}.card h3{text-wrap:balance}.card p{color:var(--color-text-secondary);font-size:var(--text-sm)}.card-compact{padding:var(--space-4);border-radius:var(--radius-md)}.stat{display:grid;gap:var(--space-1)}.stat-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.stat-value{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere}.stat-value.cyber{color:var(--color-cyber)}.stat-value.legend{color:var(--color-legend)}.stat-value.accent{color:var(--color-accent)}.stat-note{font-size:var(--text-xs);color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;white-space:nowrap;border:1px solid var(--color-border-strong);color:var(--color-text-secondary)}.badge-soon{color:var(--color-cyber);border-color:#00d4ff66}.badge-live{color:var(--color-accent);border-color:#0f86}.badge-legend{color:var(--color-legend);border-color:#d4af3780}.badge-mystic{color:var(--color-mystic-soft);border-color:#9b4dff80}.badge-danger{color:var(--color-danger);border-color:#ff6b6b80}.notice{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(0,212,255,.3);background:#00d4ff0f;font-size:var(--text-sm)}.notice strong{color:var(--color-text)}.notice p{color:var(--color-text-secondary)}.notice-warn{border-color:#d4af3766;background:#d4af3712}.notice-danger{border-color:#ff6b6b73;background:#ff6b6b12}.field{display:grid;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:600}.input{width:100%;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);font-size:1rem;font-variant-numeric:tabular-nums}.input:focus-visible{outline-offset:0;border-color:var(--color-focus)}.input:disabled{opacity:.6}.input-group{display:flex;align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated)}.input-group input{flex:1;width:0;min-width:0;border:0;background:transparent;font-size:1.25rem;font-variant-numeric:tabular-nums;padding:var(--space-2) 0}.input-group input:focus-visible{outline:none}.input-group:focus-within{border-color:var(--color-focus);outline:2px solid var(--color-focus);outline-offset:2px}.token-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-hover);font-weight:600;font-size:var(--text-sm);white-space:nowrap}.field-help{font-size:var(--text-xs);color:var(--color-text-secondary)}.field-error{font-size:var(--text-xs);color:var(--color-danger)}.segmented{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border)}.segmented button{min-height:40px;padding:0 var(--space-3);border-radius:calc(var(--radius-md) - var(--space-1));border:1px solid transparent;background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-strong)}.kv{display:grid;gap:var(--space-2);font-size:var(--text-sm)}.kv>div{display:flex;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-2);border-block-end:1px solid var(--color-border)}.kv>div:last-child{border-block-end:0}.kv dt{color:var(--color-text-secondary)}.kv dd{margin:0;font-variant-numeric:tabular-nums;text-align:end;font-weight:600}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th,td{text-align:start;padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);white-space:nowrap}th{font-weight:600;color:var(--color-text-secondary);font-size:var(--text-xs);background:#10162480}tr:last-child td{border-block-end:0}td.num{font-variant-numeric:tabular-nums;text-align:end}.progress{height:10px;border-radius:var(--radius-pill);background:var(--black-700);overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg in oklab,var(--color-accent),var(--color-cyber));border-radius:inherit}.hero{display:grid;gap:var(--space-6);align-items:center;padding-block-start:var(--space-4)}@media(min-width:56rem){.hero{grid-template-columns:1.15fr .85fr;gap:var(--space-12)}}.hero-copy{display:grid;gap:var(--space-4)}.hero-title{background:linear-gradient(135deg in oklab,#ffffff,var(--color-accent) 55%,var(--color-cyber));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-slogan{font-size:var(--text-md);font-weight:600;color:var(--color-legend);letter-spacing:.12em;max-width:none}.hero-sub{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:400}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-visual{position:relative;display:grid;place-items:center;min-height:14rem}.hero-visual .emblem{width:min(70vw,20rem);height:auto;filter:drop-shadow(0 0 30px rgba(0,255,136,.35))}.hero-visual img{width:min(70vw,22rem);border-radius:var(--radius-lg);outline:1px solid rgba(255,255,255,.1)}.hero-trust{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ecosystem{position:relative;isolation:isolate}.ecosystem-background{position:absolute;inset:0;z-index:-1;opacity:.08;pointer-events:none}.tri{position:absolute;width:0;height:0;border-inline-start:14px solid transparent;border-inline-end:14px solid transparent;border-block-end:24px solid rgba(0,255,136,.35);filter:drop-shadow(0 0 8px rgba(0,255,136,.5));pointer-events:none}.tri.purple{border-block-end-color:#9b4dff66;filter:drop-shadow(0 0 8px rgba(155,77,255,.5))}.tri.gold{border-block-end-color:#d4af3780;filter:drop-shadow(0 0 8px rgba(212,175,55,.5))}@media(prefers-reduced-motion:no-preference){.tri{animation:float 9s ease-in-out infinite}.tri:nth-child(2){animation-delay:-3s}.tri:nth-child(3){animation-delay:-6s}.emblem-animated .eye-pupil{animation:pulse 4s ease-in-out infinite;transform-origin:center}.fade-up{animation:fade-up .5s var(--ease-out) both}.fade-up:nth-child(2){animation-delay:.1s}.fade-up:nth-child(3){animation-delay:.2s}.fade-up:nth-child(4){animation-delay:.3s}}@keyframes float{0%,to{translate:0 0}50%{translate:0 -14px}}@keyframes pulse{0%,to{scale:1;opacity:1}50%{scale:1.15;opacity:.85}}@keyframes fade-up{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.intro{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--color-bg)}.intro canvas{position:absolute;inset:0;width:100%;height:100%}.intro-center{position:relative;display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-6);text-align:center}.intro-center .emblem{width:min(50vw,11rem);height:auto;filter:drop-shadow(0 0 40px rgba(0,255,136,.5))}.intro-title{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;letter-spacing:.2em;color:var(--color-accent);font-variant-numeric:tabular-nums}.intro-skip{position:absolute;inset-block-end:max(var(--space-6),env(safe-area-inset-bottom));inset-inline-end:max(var(--space-6),env(safe-area-inset-right))}@media(prefers-reduced-motion:no-preference){.intro-center .emblem{animation:reveal 1.2s var(--ease-out) both}}@keyframes reveal{0%{opacity:0;scale:.8;filter:blur(8px)}to{opacity:1;scale:1;filter:blur(0)}}.gallery{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr))}.pass-card{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.pass-art{aspect-ratio:1;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--black-800);outline:1px solid rgba(255,255,255,.08);overflow:hidden}.pass-art svg{width:100%;height:100%}.pass-art.legend{background:radial-gradient(circle at 50% 30%,rgba(212,175,55,.35),var(--black-800) 70%)}.pass-art.genesis{background:radial-gradient(circle at 50% 30%,rgba(155,77,255,.3),var(--black-800) 70%)}.pass-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.pass-meta strong{font-variant-numeric:tabular-nums}.legend-showcase{display:grid;gap:var(--space-6);align-items:center}@media(min-width:48rem){.legend-showcase{grid-template-columns:14rem 1fr}}.footer{position:relative;z-index:1;border-block-start:1px solid var(--color-border);padding-block:var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-inner{display:grid;gap:var(--space-4)}@media(min-width:48rem){.footer-inner{grid-template-columns:1fr auto;align-items:start}}.footer ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.footer li+li{margin:0}.wallet-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);font-size:var(--text-xs);font-family:var(--font-mono)}.dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.dot.warn{background:var(--color-legend)}details.faq{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}details.faq summary{cursor:pointer;padding:var(--space-4);font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:var(--space-3);min-height:44px}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";color:var(--color-accent);font-weight:700}details.faq[open] summary:after{content:"−"}details.faq>div{padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.step-list{list-style:none;padding:0;display:grid;gap:var(--space-3);counter-reset:step}.step-list li{display:grid;grid-template-columns:2rem 1fr;gap:var(--space-3);margin:0;align-items:start}.step-list li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#00ff881f;color:var(--color-accent);font-weight:700;font-size:var(--text-sm)}.step-list strong{display:block}.step-list span{color:var(--color-text-secondary);font-size:var(--text-sm)}.muted{color:var(--color-text-secondary)}.small{font-size:var(--text-sm)}.caption{font-size:var(--text-xs);color:var(--color-text-muted)}.gold{color:var(--color-legend)}.mystic{color:var(--color-mystic-soft)}.cyber{color:var(--color-cyber)}.accent{color:var(--color-accent)}.break{overflow-wrap:anywhere}
