:root {
  color-scheme: dark;
  --ink-0: #0c0907;
  --ink-1: #15100c;
  --ink-2: #21170f;
  --panel: rgba(29, 21, 15, .84);
  --panel-strong: #24180f;
  --line: rgba(255, 226, 178, .16);
  --line-strong: rgba(235, 177, 83, .38);
  --text: #fff9ef;
  --muted: #c9bca9;
  --gold-1: #fff0bd;
  --gold-2: #f4bd59;
  --gold-3: #c87821;
  --amber: #ff9f32;
  --green: #78d9a0;
  --blue: #77b9ff;
  --red: #ff887d;
  --cool: #86b8e8;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow: 0 22px 64px rgba(0, 0, 0, .34);
  --max: 1180px;
  --header-height: 74px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink-0); color: var(--text); line-height: 1.55; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .26; background-image: radial-gradient(rgba(255,255,255,.12) .6px, transparent .6px); background-size: 7px 7px; mask-image: linear-gradient(to bottom, #000, transparent 78%); }
img { max-width: 100%; }
button, a { font: inherit; }
a { color: inherit; }
button { color: inherit; }
:focus-visible { outline: 3px solid var(--gold-2); outline-offset: 3px; }
.sr-only { position: absolute; 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; top: 8px; left: 8px; z-index: 100; padding: 10px 14px; background: var(--gold-2); color: #1a1006; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.prototype-notice { min-height: 34px; display: flex; justify-content: center; gap: 12px; align-items: center; padding: 6px 18px; color: #1a1006; background: var(--gold-2); font-size: 12px; letter-spacing: .02em; }
.site-header { position: sticky; top: 0; z-index: 30; min-height: var(--header-height); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; padding: 12px clamp(18px,4vw,48px); border-bottom: 1px solid var(--line); background: rgba(12,9,7,.88); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; min-width: max-content; }
.brand img { border-radius: 50%; box-shadow: 0 0 0 1px var(--line-strong); }
.brand span { display: grid; line-height: 1; gap: 4px; }
.brand b { font-size: 16px; letter-spacing: .16em; }
.brand small { color: var(--gold-2); font-size: 8px; letter-spacing: .12em; }
.desktop-nav { justify-self: center; display: flex; align-items: center; gap: 4px; }
.desktop-nav a { padding: 9px 10px; color: var(--muted); text-decoration: none; font-size: 13px; border-radius: 9px; }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--text); background: rgba(244,189,89,.09); }
.account-utility { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 7px 13px; border: 1px solid var(--line-strong); border-radius: 999px; background: rgba(244,189,89,.08); cursor: pointer; }
.account-utility span:last-child { display: grid; text-align: left; font-size: 12px; font-weight: 750; line-height: 1.1; }
.account-utility small { color: var(--muted); font-size: 8px; letter-spacing: .1em; }
.account-dot { width: 9px; height: 9px; display: inline-block; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(120,217,160,.12); }
.account-dot.off { background: #81776b; box-shadow: none; }.account-dot.wallet { background: var(--gold-2); }.account-dot.error { background: var(--red); }
.menu-toggle, .mobile-menu { display: none; }
.section { width: min(var(--max), calc(100% - 36px)); margin-inline: auto; padding: clamp(72px,9vw,124px) 0; }
.hero { position: relative; min-height: calc(100svh - 108px); display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(36px,6vw,80px); align-items: center; }
.hero-glow { position: absolute; z-index: -1; width: 72vw; height: 70vw; left: -45vw; top: -30vw; background: radial-gradient(circle, rgba(200,120,33,.2), transparent 62%); }
.eyebrow { margin: 0 0 14px; color: var(--gold-2); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow span { display: inline-block; width: 24px; height: 1px; margin: 0 9px 3px 0; background: var(--gold-2); }
h1,h2,h3,p { text-wrap: balance; }
h1 { max-width: 680px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(54px,8vw,104px); line-height: .9; letter-spacing: -.055em; }
h1 em { color: var(--gold-2); font-style: normal; }
.hero-line { margin: 24px 0 10px; color: var(--gold-1); font-size: clamp(17px,2.3vw,25px); font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.hero-description { max-width: 58ch; color: var(--muted); font-size: clamp(16px,1.6vw,19px); }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 12px 19px; border: 1px solid var(--line-strong); border-radius: 12px; text-decoration: none; font-size: 13px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.button.primary { color: #1a1006; border-color: var(--gold-2); background: linear-gradient(135deg,var(--gold-1),var(--gold-2)); box-shadow: 0 12px 28px rgba(244,189,89,.15); }
.button.secondary { background: rgba(255,255,255,.03); }
.principles { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 26px; }
.principles span { padding: 6px 9px; color: var(--muted); border-left: 2px solid var(--gold-3); font-size: 11px; }
.hero-visual { position: relative; margin: 0; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: var(--panel); box-shadow: var(--shadow); overflow: hidden; transform: rotate(1.2deg); }
.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(12,9,7,.7),transparent 40%); pointer-events:none; }
.hero-visual img { width: 100%; min-height: 440px; display: block; object-fit: cover; }
.hero-visual figcaption { position: absolute; z-index: 2; left: 20px; bottom: 18px; display: flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; background: rgba(12,9,7,.76); font-size: 11px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(120,217,160,.1); }
.section-heading { margin-bottom: 34px; }.section-heading h2 { margin: 0; font-family: Georgia,serif; font-size: clamp(38px,5vw,64px); line-height: 1; letter-spacing: -.035em; }.section-heading > p { color: var(--muted); }.split-heading { display: flex; justify-content: space-between; gap: 32px; align-items: end; }.split-heading > p { max-width: 50ch; margin: 0; }.centered { max-width: 780px; margin-inline: auto; text-align: center; }.centered > p:last-child { color: var(--muted); }.narrow { max-width: 680px; }
.data-note { padding-left: 14px; border-left: 2px solid var(--gold-3); font-size: 12px; }
.action-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.action-card { position: relative; min-height: 310px; display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); overflow: hidden; }
.action-card.featured { padding: 0; }.card-media { position: relative; height: 142px; overflow: hidden; }.card-media img { width:100%;height:100%;object-fit:cover; }.card-media::after { content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--panel-strong),transparent 62%); }.card-media .status { position:absolute;z-index:2;top:12px;right:12px; }.card-body { margin-top: auto; }.featured .card-body { padding: 2px 18px 18px; }.kicker { margin:0 0 7px;color:var(--gold-2);font-size:9px;font-weight:850;letter-spacing:.13em; }.action-card h3,.product-card h3 { margin:0 0 8px;font-size:21px; }.action-card p { color:var(--muted);font-size:13px; }.action-card a,.text-button { color:var(--gold-1);font-size:12px;font-weight:800;text-decoration:none; }.text-button { padding:0;border:0;background:none;cursor:pointer;text-align:left; }.icon-tile { width:54px;height:54px;display:grid;place-items:center;border-radius:15px;font:700 24px Georgia,serif;background:rgba(244,189,89,.12);color:var(--gold-2); }.icon-tile.green{color:var(--green);background:rgba(120,217,160,.1)}.icon-tile.blue{color:var(--blue);background:rgba(119,185,255,.1)}
.status { display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border:1px solid currentColor;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase; }.action-card>.status { position:absolute;top:18px;right:18px; }.status.live{color:var(--green)}.status.beta{color:var(--blue)}.status.unknown{color:var(--gold-2)}.status.unavailable{color:#a89d91}.status.experimental{color:#b39fff}.unavailable{display:block;color:#a89d91;font-size:11px;}
.journey-section { width:100%;padding-inline:max(18px,calc((100% - var(--max))/2));background:linear-gradient(180deg,transparent,rgba(244,189,89,.045),transparent); }
.journey-flow { max-width:900px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:38px auto;padding:0;list-style:none; }.journey-flow li { position:relative;display:grid;gap:3px;text-align:center; }.journey-flow li:not(:last-child)::after{content:"";position:absolute;top:16px;left:60%;width:80%;height:1px;background:var(--line-strong)}.journey-flow span { position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;margin:auto;border:1px solid var(--line-strong);border-radius:50%;background:var(--ink-1);color:var(--muted);font-size:10px; }.journey-flow .current span{color:#1a1006;background:var(--gold-2);}.journey-flow b{margin-top:6px;font-size:12px}.journey-flow small{color:var(--muted);font-size:10px}
.journey-panel { max-width:980px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin:0 auto;padding:clamp(22px,4vw,42px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow); }.step-label{color:var(--gold-2);font-size:10px;font-weight:900;letter-spacing:.13em}.journey-copy h3{max-width:18ch;margin:10px 0;font:700 clamp(27px,3vw,42px)/1.05 Georgia,serif}.journey-copy p{color:var(--muted)}.check-list{display:grid;gap:8px;padding:0;list-style:none;color:var(--muted);font-size:13px}.check-list li::before{content:"✓";margin-right:9px;color:var(--green)}
.account-preview { align-self:start;padding:20px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#120d09; }.preview-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.12em}.demo-badge{color:var(--gold-2)}.identity-row{display:flex;gap:12px;align-items:center;margin:22px 0}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#2b2118;color:var(--muted);font:700 20px Georgia,serif}.identity-row>div:last-child{display:grid}.identity-row small,.identity-row b{font-size:11px}.identity-row small{color:var(--muted)}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-actions button,.mobile-account{min-height:42px;border:1px solid var(--line-strong);border-radius:10px;background:rgba(244,189,89,.08);font-size:11px;font-weight:800;cursor:pointer}.account-preview p{margin-bottom:0;color:var(--muted);font-size:11px}
.journey-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.journey-tabs button{min-height:38px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.journey-tabs button[aria-selected=true]{border-color:var(--gold-2);background:var(--gold-2);color:#1a1006;font-weight:850}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.product-card{min-height:270px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);transition:.2s ease}.product-card[hidden]{display:none}.product-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.product-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:22px;border-radius:13px;background:rgba(244,189,89,.1);font-size:21px}.product-icon.cool{color:var(--cool);background:rgba(119,185,255,.1)}.product-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;letter-spacing:.1em}.product-card h3{margin-top:10px}.product-card p{color:var(--muted);font-size:12px}.connection-line{display:flex;align-items:center;gap:6px;margin-top:20px;color:#aa9e90;font-size:9px}.connection-line i{height:1px;flex:1;background:var(--line-strong)}
.identity-section{width:100%;padding-inline:max(18px,calc((100% - var(--max))/2));background:linear-gradient(120deg,rgba(200,120,33,.09),transparent 58%)}.identity-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,7vw,88px);align-items:center}.identity-copy h2{margin:0;font:700 clamp(38px,5vw,64px)/1 Georgia,serif}.identity-copy>p:not(.eyebrow){color:var(--muted)}.identity-path{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.identity-path span,.identity-path b,.identity-path strong{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:10px}.identity-path b{border-color:var(--line-strong);color:var(--gold-1)}.identity-path strong{border-color:var(--gold-2);background:rgba(244,189,89,.11);color:var(--gold-2)}.profile-card{padding:24px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:linear-gradient(155deg,#271b11,#120d09);box-shadow:var(--shadow)}.profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.avatar.gold{background:linear-gradient(135deg,var(--gold-1),var(--gold-3));color:#1a1006}.profile-head small,.profile-head span{display:block;color:var(--muted);font-size:9px}.profile-head h3{margin:2px 0;font-size:18px}.profile-head button{align-self:start;border:0;background:none;color:var(--muted)}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.profile-stats div{padding:14px;border:1px solid var(--line);border-radius:12px}.profile-stats small,.profile-stats b{display:block}.profile-stats small{color:var(--muted);font-size:8px;letter-spacing:.1em}.profile-stats b{margin-top:4px;font-size:13px}.profile-progress>div{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.profile-progress>i{height:7px;display:block;margin-top:7px;border-radius:9px;background:#3b2c20;overflow:hidden}.profile-progress b{height:100%;display:block;background:linear-gradient(90deg,var(--gold-3),var(--gold-1))}.profile-events{display:grid;gap:8px;margin-top:20px}.profile-events span{display:flex;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.profile-events b{color:var(--text);font-weight:600;text-align:right}
.evidence-record{max-width:950px;margin:auto;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}.evidence-record header,.evidence-record footer{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:22px 26px}.evidence-record header{border-bottom:1px solid var(--line)}.evidence-record h3{margin:8px 0 0;font:700 clamp(23px,3vw,34px)/1.1 Georgia,serif}.evidence-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;color:var(--green);font-size:22px}.evidence-record dl{margin:0}.evidence-record dl div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:16px 26px;border-bottom:1px solid var(--line)}.evidence-record dt{color:var(--gold-2);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.evidence-record dd{margin:0;color:var(--muted);font-size:13px}.evidence-record footer{font-size:10px;letter-spacing:.08em}.evidence-record footer span{color:var(--muted)}.evidence-record footer a{color:var(--gold-1);text-decoration:none}
.token-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(130deg,rgba(244,189,89,.08),rgba(255,255,255,.02))}.token-panel h2{margin:0;font:700 clamp(36px,5vw,58px)/1 Georgia,serif}.token-panel p{color:var(--muted)}.token-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.token-stats div{display:grid;align-content:center;min-height:120px;padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(12,9,7,.4)}.token-stats small{color:var(--gold-2);font-size:9px;letter-spacing:.1em}.token-stats b{font-size:19px}.token-stats span{color:var(--muted);font-size:10px}
.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.community-grid article{min-height:240px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}.community-grid article>span{font-size:26px}.community-grid small{display:block;margin:30px 0 8px;color:var(--gold-2);font-size:9px;letter-spacing:.1em}.community-grid h3{margin:0;font:700 25px Georgia,serif}.community-grid p{color:var(--muted);font-size:13px}
.bridge-section{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:22px;padding:clamp(70px,10vw,140px) max(18px,calc((100% - var(--max))/2));background:linear-gradient(110deg,#21150d 0%,#15151a 52%,#0c1823 100%);border-block:1px solid var(--line)}.bridge-warm h2,.bridge-cool h3{margin:0;font:700 clamp(32px,4vw,52px)/1 Georgia,serif}.bridge-warm p:last-child,.bridge-cool p{color:var(--muted)}.bridge-line{display:flex;align-items:center;color:var(--cool)}.bridge-line i{height:1px;flex:1;background:linear-gradient(90deg,var(--gold-2),var(--cool))}.bridge-cool img{float:right;margin:0 0 10px 16px}.bridge-cool .eyebrow{color:var(--cool)}.bridge-cool a{color:#c6e0ff;font-weight:800;text-decoration:none}.bridge-cool small{display:block;color:#8292a2;font-size:9px}
.site-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:28px max(18px,calc((100% - var(--max))/2));color:var(--muted);font-size:11px}.footer-brand{margin-right:auto}.prototype-footer{width:100%;padding-top:12px;border-top:1px solid var(--line);text-align:center}.state-dialog{width:min(560px,calc(100% - 28px));padding:28px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#17100b;color:var(--text);box-shadow:var(--shadow)}.state-dialog::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(4px)}.state-dialog h2{margin:0 0 22px;font:700 35px Georgia,serif}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:var(--muted);font-size:26px;cursor:pointer}.state-list{display:grid;gap:9px}.state-list div{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding:12px;border:1px solid var(--line);border-radius:12px}.state-list .account-dot{grid-row:1/3;align-self:center}.state-list b{font-size:12px}.state-list small{color:var(--muted)}.dialog-note{color:var(--gold-1);font-size:11px}
@media (max-width: 980px) { .desktop-nav{display:none}.site-header{grid-template-columns:auto 1fr auto auto}.account-utility{justify-self:end}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:transparent;font-size:20px;cursor:pointer}.mobile-menu{position:absolute;top:100%;left:12px;right:12px;display:grid;padding:10px;border:1px solid var(--line-strong);border-radius:15px;background:#17100b;box-shadow:var(--shadow)}.mobile-menu[hidden]{display:none}.mobile-menu a{display:flex;justify-content:space-between;padding:12px;border-radius:9px;text-decoration:none;font-weight:760}.mobile-menu a:hover{background:rgba(244,189,89,.08)}.mobile-menu a span{color:var(--muted);font-size:10px;font-weight:500}.hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero-copy{max-width:780px}.hero-visual{max-width:760px}.action-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.identity-layout{grid-template-columns:1fr}.token-panel{grid-template-columns:1fr}.bridge-section{grid-template-columns:1fr}.bridge-line{transform:rotate(90deg);width:80px;margin:18px auto}.community-grid{grid-template-columns:1fr 1fr}.community-grid article:last-child{grid-column:1/-1} }
@media (max-width: 620px) { :root{--header-height:66px}.prototype-notice{align-items:flex-start;gap:2px;flex-direction:column;padding:7px 14px;line-height:1.2}.site-header{grid-template-columns:1fr auto;padding:10px 14px}.site-header>.brand small{display:none}.account-utility{display:none}.section{width:min(100% - 28px,var(--max));padding:72px 0}.hero{padding-top:58px;gap:30px}.hero-line{font-size:15px}.hero-description{font-size:15px}.hero-actions{display:grid}.button{width:100%}.principles{gap:4px}.principles span{font-size:9px}.hero-visual img{min-height:310px}.split-heading{display:block}.split-heading>p{margin-top:16px}.action-grid{grid-template-columns:1fr}.action-card{min-height:250px}.journey-flow{display:flex;overflow:auto;justify-content:flex-start;padding-bottom:10px}.journey-flow li{min-width:100px}.journey-flow li:not(:last-child)::after{display:none}.journey-panel{grid-template-columns:1fr;padding:20px}.preview-actions{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card{min-height:230px}.profile-stats{grid-template-columns:1fr}.profile-events span{display:grid}.evidence-record dl div{grid-template-columns:1fr;gap:5px}.evidence-record header,.evidence-record footer{align-items:flex-start;padding:18px}.evidence-record footer{display:grid}.token-stats{grid-template-columns:1fr}.community-grid{grid-template-columns:1fr}.community-grid article:last-child{grid-column:auto}.bridge-section{padding-block:76px}.site-footer{display:grid;text-align:center}.footer-brand{margin:auto}.site-footer p{margin:auto}.state-dialog{padding:22px}.mobile-menu a{min-height:50px;align-items:center} }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important} }