/* Nexis design system. Deep navy, matte black, electric blue. Instrument Serif display, Geist UI, Geist Mono. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;
  --bg:#05070d;--bg-2:#070b14;--card-a:#0d1422;--card-b:#090f1b;--panel-a:#0c121e;--panel-b:#0a101a;
  --ink:#e8eef8;--ink-80:#c5d2e4;--ink-60:#93a3bb;--muted:#7e8da6;--muted-2:rgba(126,141,166,.78);--faint:#5d6d86;
  --blue:#3d9bff;--blue-deep:#7ec8ff;--blue-ring:rgba(80,170,255,.5);--blue-soft:rgba(61,155,255,.16);--pill:rgba(8,12,22,.72);
  --sky:#16366a;--sky-2:#4cc3ff;--sun:#0c1830;
  --green:#16a35a;--green-ink:#0e7a43;--green-wash:rgba(22,163,90,.11);--yellow:#f2c14e;--red:#e0483b;--red-ink:#b42318;--red-wash:rgba(224,72,59,.1);--orange:#ef8a1a;--orange-ink:#b45309;--orange-wash:rgba(239,138,26,.12);
  --line:rgba(130,175,255,.12);--line-2:rgba(130,175,255,.22);--wash-1:rgba(80,150,255,.05);--wash:rgba(80,150,255,.09);--wash-2:rgba(80,150,255,.16);
  --shadow:inset 0 1px 0 rgba(180,210,255,.08),0 0 0 1px var(--line),0 30px 60px -36px rgba(0,0,0,.75);
  --glass:rgba(8,14,26,.72);--glass-shadow:inset 0 1px 0 rgba(170,205,255,.14),0 0 0 1px rgba(90,150,255,.16),0 18px 40px -22px rgba(0,0,0,.7);
  --chip-gloss:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -3px 8px rgba(0,0,0,.45);
  --matte:radial-gradient(130% 160% at 28% -10%,#1c2a44 0%,#0c121c 42%,#05070d 78%,#000 100%);
  --head:"Geist",system-ui,-apple-system,sans-serif;--body:"Geist",system-ui,-apple-system,sans-serif;--mono:"Geist Mono",ui-monospace,Menlo,monospace;--serif:"Instrument Serif","Times New Roman",Georgia,serif;
  --ease:cubic-bezier(.3,.7,.2,1);
  --spring:linear(0,.054 4%,.25 10%,.495 16.6%,.7 23%,.846 29.6%,.931 35.7%,.977 41.2%,1 46.2%,1.013 52.8%,1.015 58%,1.0135 64.3%,1.01 70.9%,1.0066 76.4%,1.004 82.4%,1.0023 87.9%,1.001 94%,1);
  --shell:1240px;
  /* legacy aliases so every page keeps working */
  --surface:var(--panel-a);--surface-hover:var(--card-b);--mint:var(--blue-soft);--navy:var(--ink);--accent:var(--blue);--up:var(--green-ink);--down:var(--red-ink);--clay:var(--orange-ink);
  --sans:var(--body);--r-sm:12px;--r:20px;--r-lg:28px;--max:var(--shell);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html{background:var(--bg)}
body{position:relative;margin:0;overflow-x:clip;background:transparent;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
.sky-bg{position:absolute;top:0;left:0;right:0;height:max(100vh,34%);min-height:560px;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,rgba(0,0,0,.6) 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 45%,rgba(0,0,0,.6) 70%,transparent 100%);z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#cfe0f5 0%,#f5f9ff 100%)}
.sky-bg .sky-img{position:absolute;inset:-24px;background:url(/static/assets/pavilion.jpg) center/cover no-repeat;filter:blur(2px) saturate(1.05);transform:scale(1.04);animation:sky-drift 90s ease-in-out infinite alternate}
.sky-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.18) 55%,rgba(255,255,255,.92) 100%)}
@keyframes sky-drift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.1) translate3d(-1.5%,1%,0)}}
@media(prefers-reduced-motion:reduce){.sky-bg .sky-img{animation:none}}
body:before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none;transition:color .4s var(--ease)}a:hover{color:var(--blue-deep)}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--head);font-weight:600;color:var(--ink);letter-spacing:-.005em;text-wrap:balance}
h1{font-size:clamp(40px,5.2vw,64px);line-height:1.05}h2{font-size:clamp(28px,3.2vw,40px);line-height:1.1}h3{font-size:20px;line-height:1.25}
h1 em,h2 em{font-style:normal;color:var(--blue-deep)}
.mono,.kbd,.copy{font-family:var(--mono);font-size:.92em}
@media (max-width:480px){.mono{overflow-wrap:anywhere;word-break:break-all}}
.wrap{width:100%;max-width:var(--shell);margin:0 auto;padding:0 20px}
.faint{color:var(--faint)}.muted{color:var(--muted)}.num{text-align:right;font-variant-numeric:tabular-nums}
/* header: two floating glass pills */
.nav{position:sticky;top:0;z-index:50;height:0;overflow:visible}
.nav .wrap{position:relative;height:101px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px}
.nav .pill{height:64px;display:flex;align-items:center;gap:4px;padding:0 12px;border-radius:20px;background:transparent;transition:background .4s var(--ease),box-shadow .4s var(--ease)}
.nav[data-stuck] .pill{background:var(--glass);backdrop-filter:blur(34px) saturate(190%);-webkit-backdrop-filter:blur(34px) saturate(190%);box-shadow:var(--glass-shadow)}
.nav .pill-right{gap:8px;padding:0 10px}
.nav-x{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;color:var(--ink);transition:background .4s var(--ease)}
.nav-x:hover{background:var(--wash);color:var(--ink)}

.brand{display:inline-flex;align-items:center;gap:10px;padding:0 6px;font-family:var(--head);font-weight:600;font-size:22px;letter-spacing:-.01em;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand .mark{width:28px;height:28px;position:relative;flex:none;color:var(--ink);display:grid;place-items:center}
.brand .mark svg{width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.brand:hover .mark svg{transform:rotate(60deg)}
@media (prefers-reduced-motion:reduce){.brand .mark svg{transition:none}}
.nav-links{display:flex;align-items:center;margin-left:6px}
.nav-links a{position:relative;padding:6px 12px;font-family:var(--head);font-size:18px;font-weight:500;color:var(--ink-80);white-space:nowrap}
.nav-links a:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-links a.active:after{transform:scaleX(1)}
.btn.nav-burger{display:none;width:44px;height:40px;border-radius:16px;font-size:20px;padding:0}
.nav-mobile{display:none;position:fixed;top:92px;right:20px;left:auto;width:auto;min-width:200px;max-width:min(300px,calc(100vw - 40px));z-index:49;padding:8px;border-radius:20px;background:var(--glass);backdrop-filter:blur(34px) saturate(190%);-webkit-backdrop-filter:blur(34px) saturate(190%);box-shadow:var(--glass-shadow);flex-direction:column;gap:2px;transform-origin:top right;animation:popin .28s var(--ease)}
@keyframes popin{from{opacity:0;transform:translateY(-6px) scale(.96)}}
.nav-mobile.open{display:flex}.nav-mobile a{padding:9px 14px;border-radius:12px;font-family:var(--head);font-size:16px;font-weight:500;color:var(--ink-80)}.nav-mobile a:hover,.nav-mobile a.active{background:var(--wash-1);color:var(--ink)}
.nav-mobile .nm-actions{display:flex;gap:8px;padding:8px 6px 2px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border:0;border-radius:16px;background:var(--ink);color:#fff;font-family:var(--head);font-size:18px;font-weight:500;white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .4s var(--ease),background .4s var(--ease),box-shadow .4s var(--ease)}
.btn:hover{background:#1c2f52;color:#fff;transform:translateY(-1px);box-shadow:0 18px 30px -18px rgba(10,10,10,.5)}
.btn.accent,.btn.primary{background:var(--blue);box-shadow:var(--chip-gloss)}.btn.accent:hover,.btn.primary:hover{background:var(--blue-deep)}
.btn.ghost{background:var(--wash);color:var(--ink);box-shadow:none}.btn.ghost:hover{background:var(--wash-2);color:var(--ink)}
.btn.sm{height:40px;padding:0 16px;font-size:16px}.btn.xs{height:32px;padding:0 12px;font-size:14px;border-radius:12px}
.btn:active{scale:.97;transition-duration:.1s}.btn:disabled{opacity:.4;pointer-events:none}
.btn.mono{font-family:var(--mono);font-size:14px}
/* chips + labels */
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--wash);color:var(--ink-80);font-size:13px;font-weight:500;white-space:nowrap}
.chip.mint,.chip.blue{background:var(--blue-soft);color:var(--blue-deep)}.chip.up{background:var(--green-wash);color:var(--green-ink)}.chip.down{background:var(--red-wash);color:var(--red-ink)}.chip.warn{background:var(--orange-wash);color:var(--orange-ink)}
.eyebrow{display:inline-block;margin-bottom:14px;font-family:var(--head);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-deep)}
.page{flex:1;padding:24px 0 0}
.page:not(:has(.hero)){padding-top:101px}
.section{margin-top:56px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.section-head .eyebrow{margin-bottom:8px}.section-head a{font-family:var(--head);font-weight:500;color:var(--ink-80)}
/* hero */
.hero{position:relative;padding:104px 0 40px;text-align:center}
.hero-bg{position:absolute;top:-125px;bottom:-90px;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:0;pointer-events:none;background:radial-gradient(130% 85% at 50% -12%,#e3e5e9 0%,#d3d6dc 34%,#eceef1 58%,rgba(255,255,255,0) 82%)}
.hero-in{position:relative;z-index:2;display:grid;justify-items:center}
.hero-in[data-appear]{opacity:.5;transform:scale(.9);animation:appear-head 2s var(--spring) forwards}
.hero h1,.hero-h{font-size:clamp(56px,10vw,150px);line-height:.98;letter-spacing:-.02em;max-width:980px;font-weight:600;background:linear-gradient(180deg,#0a0a0a,#3b4a6b);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-wrap:balance;padding-bottom:.18em;margin-bottom:-.1em}
.hero h1 em,.hero-h em{font-style:normal}
.hero p.lede,.hero-sub{margin:32px 0 0;padding-inline:8px;max-width:620px;font-family:var(--head);font-size:clamp(15px,1.15vw,18px);line-height:1.35;font-weight:400;color:var(--ink);text-wrap:balance}
.hero .actions{display:flex;justify-content:center;margin-top:44px}
/* primary cta pill */
.btn.cta{height:60px;padding:0 28px;border-radius:999px;gap:10px;font-size:21px;font-weight:600;color:#fff;background:linear-gradient(180deg,#2a2f36,#0a0a0a);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 34px -14px rgba(10,10,10,.55)}
.btn.cta:hover{color:var(--blue);background:linear-gradient(180deg,#d9e7ff,#b3ccff);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 40px -14px rgba(7,71,224,.55)}
.btn.cta .mark{width:22px;height:22px;position:relative;flex:none;display:grid;place-items:center;color:currentColor}
.btn.cta .mark svg{width:100%;height:100%}
/* floating capsule chips */
.hero-caps{position:absolute;top:92px;bottom:176px;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:1;pointer-events:none;--inner:calc(50% + min(490px,44vw) + 26px);--edge:calc(100% - 236px)}
.cap-1,.cap-2,.cap-3,.cap-4{right:clamp(14px,calc(var(--inner) + var(--dx,0px)),var(--edge))}
.cap-5,.cap-6,.cap-7,.cap-8{left:clamp(14px,calc(var(--inner) + var(--dx,0px)),var(--edge))}
.cap{position:absolute;pointer-events:auto;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;font-size:0;color:transparent;overflow:hidden;rotate:var(--tilt,0deg);box-shadow:inset 0 3px 6px rgba(255,255,255,.55),inset 0 -14px 20px rgba(10,10,10,.28),0 10px 18px -6px rgba(10,10,10,.35),0 28px 40px -20px rgba(10,10,10,.5);animation:cap-drift var(--dur,7s) var(--ease) infinite alternate;transition:transform .3s var(--ease)}
.cap:hover{box-shadow:inset 0 3px 6px rgba(255,255,255,.6),inset 0 -14px 20px rgba(10,10,10,.28),0 14px 24px -6px rgba(10,10,10,.45),0 36px 50px -20px rgba(10,10,10,.6)}
.cap .ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);box-shadow:inset 0 1px 2px #fff,0 2px 6px rgba(10,10,10,.22)}
.cap .ic img{width:26px;height:26px;border-radius:50%;display:block}
.cap.gold{background:radial-gradient(circle at 35% 28%,#1fd1a0,#0f9f78 78%)}
.cap.beige{background:radial-gradient(circle at 35% 28%,#e8a27f,#c9704a 78%)}
.cap.blue{background:radial-gradient(circle at 35% 28%,#7fb1ff,#3f7fe8 78%)}
.cap.grey{background:radial-gradient(circle at 35% 28%,#5a6270,#1c2129 78%)}
.cap.purple{background:radial-gradient(circle at 35% 28%,#7f96ff,#4062e6 78%)}
.cap.green{background:radial-gradient(circle at 35% 28%,#7dd3fc,#2d9be0 78%)}
.cap.teal{background:radial-gradient(circle at 35% 28%,#8f7cf5,#5b45d6 78%)}
.cap.pink{background:radial-gradient(circle at 35% 28%,#3a4150,#0f141c 78%)}
.cap-1{top:4%;--tilt:-14deg;--dur:6.4s}
.cap-2{top:29%;--tilt:9deg;--dur:8.6s;--dx:52px}
.cap-3{top:54%;--tilt:-6deg;--dur:7.4s;--dx:14px}
.cap-4{top:79%;--tilt:11deg;--dur:8s;--dx:64px}
.cap-5{top:3%;--tilt:12deg;--dur:7s}
.cap-6{top:28%;--tilt:-9deg;--dur:9s;--dx:48px}
.cap-7{top:53%;--tilt:6deg;--dur:6.8s;--dx:10px}
.cap-8{top:78%;--tilt:-11deg;--dur:7.8s;--dx:60px}
/* surfaces */
.card{position:relative;padding:22px;border-radius:24px;background:radial-gradient(79% 75% at 79% 82.5%,var(--card-a) 0%,var(--card-b) 100%);box-shadow:var(--shadow);min-width:0}
.card.hover{transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.card.hover:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line-2),0 30px 50px -30px rgba(10,10,10,.35)}
.card.panel,.panel{background:linear-gradient(180deg,var(--panel-a),var(--panel-b))}
.grid{display:grid;gap:16px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat{display:flex;flex-direction:column;gap:4px;text-align:left}
.stat .k{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.stat .v{font-family:var(--head);font-size:24px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.stat small{font-size:13px;color:var(--muted)}
.models{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.model{padding:18px;border-radius:16px;background:var(--panel-a);box-shadow:var(--shadow);transition:transform .4s var(--ease)}.model:hover{transform:translateY(-2px)}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.split>*{min-width:0}
.code{overflow-x:auto;max-width:100%}
/* tables */
.table-wrap{border-radius:24px;background:var(--panel-a);box-shadow:var(--shadow);overflow:auto}
.table{width:100%;border-collapse:collapse;font-size:15px}
.table th{padding:15px 18px;text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.table th.num{text-align:right}
.table td{padding:14px 18px;border-top:1px solid var(--line);vertical-align:middle}
.table tbody tr{transition:background .4s var(--ease)}.table tbody tr:hover{background:var(--wash-1)}
.table .tok{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:600}.table .tok small{font-family:var(--mono);font-weight:400;color:var(--muted)}
.table a{color:var(--ink)}
.bar{height:6px;border-radius:999px;background:var(--wash);overflow:hidden;min-width:80px}.bar>i{display:block;height:100%;border-radius:999px;background:var(--blue);transition:width .6s var(--ease)}
/* feed + chat */
.feed{display:grid;gap:10px}
.feed-item{padding:16px 18px;border-radius:16px;background:var(--panel-a);box-shadow:var(--shadow);animation:rise .4s var(--ease)}
.feed-item .who{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:6px}.feed-item .who b{color:var(--ink);font-family:var(--head)}
.chat{display:grid;grid-template-rows:1fr auto;min-height:60vh}
.msgs{display:grid;gap:12px;align-content:start;padding:8px 0}
.msg{max-width:72ch;padding:14px 18px;border-radius:20px;background:var(--panel-a);box-shadow:var(--shadow);line-height:1.5}
.msg.me{justify-self:end;background:var(--ink);color:#fff;box-shadow:var(--chip-gloss)}.msg .meta{font-size:12px;color:var(--muted);margin-bottom:4px}.msg.me .meta{color:rgba(255,255,255,.6)}
.compose{display:flex;gap:10px;padding:12px;border-radius:24px;background:var(--panel-a);box-shadow:var(--shadow);position:sticky;bottom:16px}
.compose input,.compose textarea{flex:1;border:0;background:transparent;padding:10px 12px;outline:0;resize:none}
/* forms */
.field{display:grid;gap:6px;margin-bottom:16px}
.field label{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;height:48px;padding:0 16px;border:0;border-radius:16px;background:var(--wash-1);box-shadow:0 0 0 1px var(--line);color:var(--ink);outline:0;transition:box-shadow .4s var(--ease),background .4s var(--ease)}
.field textarea{height:auto;min-height:120px;padding:14px 16px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{background:#fff;box-shadow:0 0 0 2px var(--blue-ring)}
.field .hint{font-size:13px;color:var(--muted)}
.notice{padding:16px 18px;border-radius:16px;background:var(--blue-soft);color:var(--blue-deep);font-size:14px;line-height:1.5}
.notice.warn{background:var(--orange-wash);color:var(--orange-ink)}.notice.bad{background:var(--red-wash);color:var(--red-ink)}.notice.ok{background:var(--green-wash);color:var(--green-ink)}
.tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:var(--wash)}
.seg{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:var(--wash)}
.seg button{height:38px;padding:0 22px;border:0;border-radius:999px;background:transparent;font-family:var(--head);font-weight:500;font-size:15px;color:var(--ink-80);cursor:pointer;transition:background .4s var(--ease),color .4s var(--ease)}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--ink);color:#fff;box-shadow:var(--chip-gloss)}
.tabs a,.tabs button{height:38px;padding:0 22px;border:0;border-radius:999px;background:transparent;font-family:var(--head);font-weight:500;font-size:15px;color:var(--ink-80);cursor:pointer;transition:background .4s var(--ease),color .4s var(--ease)}
.tabs .active,.tabs a.active,.tabs button.active{background:var(--ink);color:#fff;box-shadow:var(--chip-gloss)}
.kbd{padding:2px 6px;border-radius:6px;background:var(--wash);font-size:12px}
.copy{cursor:pointer;border:0;appearance:none;font:inherit;font-family:var(--mono);font-size:.85em;color:var(--muted);line-height:1.4;padding:3px 10px;border-radius:999px;background:var(--wash);transition:background .4s var(--ease)}.copy:hover{background:var(--blue-soft);color:var(--blue-deep)}
.empty{padding:48px 24px;text-align:center;color:var(--muted);border-radius:24px;background:var(--bg-2)}
.skeleton{position:relative;overflow:hidden;color:transparent!important;background:var(--wash-1)!important;border-radius:12px}
.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.4s linear infinite}
.chart{height:280px;border-radius:24px;background:var(--panel-a);box-shadow:var(--shadow);padding:12px}
/* prose (docs) */
.prose{max-width:72ch;font-size:17px;line-height:1.65;color:var(--ink-80)}
.prose h2{margin:48px 0 14px;color:var(--ink)}.prose h3{margin:32px 0 10px;color:var(--ink)}.prose p{margin:0 0 16px}
.prose code{font-family:var(--mono);font-size:.9em;padding:2px 6px;border-radius:6px;background:var(--wash)}
.prose pre{padding:18px;border-radius:16px;background:var(--ink);color:#fff;overflow:auto;font-size:14px}.prose pre code{background:transparent;padding:0;color:inherit}
.prose a{color:var(--blue-deep);text-decoration:underline;text-decoration-color:var(--blue-ring)}
.prose ul,.prose ol{padding-left:22px}.prose li{margin:4px 0}
.prose blockquote{margin:16px 0;padding:14px 18px;border-radius:16px;background:var(--bg-2);color:var(--muted)}
/* toast + modal */
.theme-tg{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;border:0;background:transparent;color:var(--ink);cursor:pointer;transition:background .4s var(--ease)}.theme-tg:hover{background:var(--wash);color:var(--ink)}.theme-tg svg,.nav-x svg{fill:currentColor;stroke:none}.theme-tg[aria-pressed=true]{color:var(--blue)}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;padding:12px 18px;border-radius:16px;background:var(--ink);color:#fff;font-size:14px;box-shadow:var(--chip-gloss),0 20px 40px -20px rgba(10,10,10,.5);animation:pop .4s var(--spring)}
.modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px;background:rgba(10,10,10,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .3s var(--ease)}
.modal>div{position:relative;width:100%;max-width:420px;padding:24px;border-radius:24px;background:#fff;box-shadow:var(--shadow);animation:rise .4s var(--spring)}
.modal h3{margin-bottom:12px}
.wallet-list{display:grid;gap:8px}
.wallet-list button{display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;border:0;border-radius:16px;background:var(--wash-1);box-shadow:0 0 0 1px var(--line);font-family:var(--head);font-weight:500;font-size:16px;cursor:pointer;transition:background .4s var(--ease),transform .4s var(--ease)}
.wallet-list button:hover{background:var(--blue-soft);transform:translateY(-1px)}.wallet-list button:active{scale:.97;transition-duration:.1s}.wallet-list img{width:24px;height:24px;border-radius:6px}
/* footer */
.footer{position:relative;overflow:hidden;margin-top:80px;padding:96px 0 40px;background:var(--bg-2);color:var(--muted)}
.fgrid{display:grid;grid-template-columns:300px repeat(4,minmax(0,1fr));gap:24px}
.fstatus{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.fstatus .dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.fstatus .dot.ok{background:var(--green)}.fstatus .dot.bad{background:var(--red)}.fnote{font-size:12px;color:var(--faint);max-width:520px}
.fgrid>div:first-child{display:grid;align-content:start;gap:24px;max-width:300px}
.fgrid .eyebrow{color:var(--ink);margin-bottom:10px}
.ftxt{margin:0;font-size:14px;line-height:1.5}.ftxt a{color:var(--ink)}
.flinks{display:grid;gap:8px}.flinks a{font-family:var(--head);font-size:16px;font-weight:500;color:var(--ink-80)}.flinks a:hover{color:var(--ink)}
.f-x{display:inline-flex;align-items:center;gap:4px}
.fbottom{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--faint);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
/* motion */
@keyframes appear-head{to{opacity:1;transform:none}}
@keyframes appear-chips{to{opacity:1;transform:none}}
@keyframes reveal{0%{opacity:0;transform:translateY(26px) scale(.975)}to{opacity:1;transform:none}}
@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes pop{0%{opacity:0;transform:scale(.6) translateY(6px)}to{opacity:1;transform:none}}
@keyframes fade{0%{opacity:0}to{opacity:1}}
@keyframes float{0%{translate:0 -7px}to{translate:0 9px}}
@keyframes cap-drift{0%{translate:0 -6px}to{translate:0 6px}}
@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}
.reveal{animation:reveal .8s var(--spring) both}
/* responsive */
@media(max-width:1280px){.cap{width:60px;height:60px}.cap .ic{width:38px;height:38px}.cap .ic img{width:22px;height:22px}.cap-2,.cap-6{display:none}.cap-4,.cap-8{--dx:22px}}
@media(max-width:1240px) and (min-width:861px){.nav-links{display:flex;gap:0}.nav-links a{padding:6px 9px;font-size:16px}}
@media(max-width:860px){.nav-links{display:none}.btn.nav-burger{display:inline-flex}}
@media(max-width:900px){.split,.grid.c3,.grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1;max-width:none}
.nav .pill-right{display:none}
.cap{width:48px;height:48px}.cap .ic{width:30px;height:30px}.cap .ic img{width:18px;height:18px}
.cap-2,.cap-4,.cap-6,.cap-8{display:none}.cap-1{top:5%}.cap-5{top:4%}.cap-3{top:auto;bottom:6%;--dx:0}.cap-7{top:auto;bottom:4%;--dx:0}}
@media(max-width:809px){.nav .pill{left:12px;right:12px}.hero{padding:64px 0 28px}.hero p.lede,.hero-sub{font-size:15px}.btn{height:44px;font-size:16px}.footer{padding-top:64px}}
@media(max-width:560px){.grid.c2,.grid.c3,.grid.c4,.fgrid{grid-template-columns:1fr}.wrap{padding:0 14px}.section{margin-top:40px}.table th,.table td{padding:12px 12px}.nav .pill .btn.accent{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-in[data-appear],.model-chips[data-appear]{opacity:1;transform:none}}
@media(prefers-reduced-transparency:reduce){.nav[data-stuck] .pill,.nav-mobile{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* markets cards */
.mkt-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.mkt-filters{display:flex;align-items:center;gap:10px;flex-shrink:0}
.mkt-controls .tabs{margin-bottom:0}
.mkt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.mkt-card{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px;background:radial-gradient(79% 75% at 79% 82.5%,var(--card-a) 0%,var(--card-b) 100%);box-shadow:var(--shadow);min-width:0;color:var(--ink);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.mkt-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line-2),0 30px 50px -30px rgba(10,10,10,.35);color:var(--ink)}
.mkt-card .logo{width:56px;height:56px;border-radius:18px;background:var(--blue-soft);box-shadow:0 0 0 1px var(--line);object-fit:cover;flex:none}
.mkt-head{display:flex;gap:12px;align-items:center;min-width:0}
.mkt-name{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.mkt-name .n{font-family:var(--head);font-weight:600;font-size:17px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.mkt-sub{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.mkt-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.mkt-stats b{font-family:var(--mono);font-weight:500;color:var(--ink)}
.mkt-grad{display:flex;gap:8px;align-items:center}
.mkt-grad .bar{flex:1}
.mkt-grad .mono{font-size:12px}
.mkt-foot{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:auto}
.mkt-foot .faint{font-size:13px}
/* live strip */
.live-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:1rem}
.live-stat{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:16px;background:var(--panel-a);box-shadow:var(--shadow)}
.live-stat .k{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.live-stat .v{font-family:var(--head);font-size:20px;font-weight:600;color:var(--ink)}
/* inner pages */
.page-intro{text-align:center;max-width:760px;margin:40px auto;display:grid;justify-items:center}
.page-intro h1{max-width:16ch;font-size:clamp(40px,4.6vw,64px)}
.page-intro .lede{margin:18px 0 0;font-family:var(--head);font-size:clamp(18px,1.8vw,24px);line-height:1.3;font-weight:500;color:var(--ink-80);text-wrap:balance}
.page-intro .eyebrow{display:block}
.docs .prose{margin:0 auto}.split>.card{align-self:start}
.sel,select.sel{height:40px;padding:0 36px 0 14px;border:0;border-radius:14px;background:var(--wash-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230a0a0a' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;box-shadow:0 0 0 1px var(--line);font-family:var(--head);font-weight:500;font-size:15px;color:var(--ink);appearance:none;-webkit-appearance:none;outline:0;cursor:pointer;transition:box-shadow .4s var(--ease)}
.sel:focus{box-shadow:0 0 0 2px var(--blue-ring)}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.card h2,.card h3{margin-bottom:8px}.card>p{margin:0 0 12px;color:var(--ink-80)}
.section-head h2{font-size:clamp(26px,2.6vw,36px)}
.page .grid.c4 .card,.page .grid.c3 .card{padding:18px 20px}
/* table + feed atoms */
.feed .tabs,.tabs+.feed{margin-top:14px}
.feed-item .logo,.feed-item .who img{width:22px;height:22px;border-radius:7px;background:var(--blue-soft);box-shadow:0 0 0 1px var(--line);object-fit:cover;flex:none;display:inline-block}
.feed-item .who{flex-wrap:wrap;min-width:0}.feed-item{overflow:hidden}
.tok .logo,.table .logo{width:32px;height:32px;border-radius:10px;background:var(--blue-soft);box-shadow:0 0 0 1px var(--line);object-fit:cover;flex:none;display:inline-block}
.tok .n{color:var(--ink)}
.feed-item{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:start}
.feed-item .t{font-family:var(--mono);font-size:12px;color:var(--muted);padding-top:2px;white-space:nowrap}
.feed-item .who{margin-bottom:6px}.feed-item .who a{color:var(--ink)}
@media(max-width:560px){.feed-item{grid-template-columns:1fr}.feed-item .t{padding-top:0}}

/* popups */
.pops{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100vw - 36px));pointer-events:none}
.pop{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card,#fff);border:1px solid var(--line,#e6e9ef);border-radius:16px;box-shadow:var(--shadow,0 10px 30px rgba(15,23,42,.10));text-decoration:none;color:inherit;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .25s ease,transform .25s ease}
.pop.in{opacity:1;transform:none}
.pop-logo{width:38px;height:38px;border-radius:12px;object-fit:cover;background:var(--wash,#f3f5f9);flex:none}
.pop-body{min-width:0;flex:1}
.pop-title{font-weight:600;font-size:.92rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop-sub{font-size:.78rem;color:var(--muted,#6b7280);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop-x{flex:none;border:0;background:transparent;color:var(--muted,#6b7280);font-size:1.1rem;line-height:1;cursor:pointer;padding:4px 6px;border-radius:8px}
.pop-x:hover{background:var(--wash,#f3f5f9)}
.pop-launch{border-color:var(--blue-soft,#e6e9ef)} .pop-graduated{border-color:#bfe8cf}
@media(max-width:640px){.pops{right:10px;bottom:10px;left:10px;width:auto}}

/* logo picker */
.logo-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.lp-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 14px;border:0;border-radius:16px;background:var(--wash-1);box-shadow:0 0 0 1px var(--line);cursor:pointer;font:inherit;color:var(--ink);transition:box-shadow .4s var(--ease),background .4s var(--ease),transform .4s var(--ease)}
.lp-tile:hover{background:#fff;transform:translateY(-1px)}.lp-tile.active{background:#fff;box-shadow:0 0 0 2px var(--blue-ring)}
.lp-tile img,.lp-frame{width:72px;height:72px;border-radius:18px;object-fit:cover;background:var(--wash);display:grid;place-items:center;overflow:hidden}
.lp-frame img{width:100%;height:100%;border-radius:0}.lp-plus{font-family:var(--head);font-size:30px;font-weight:300;color:var(--muted);line-height:1}
.lp-name{font-family:var(--head);font-size:16px;font-weight:500}.lp-sub{font-size:12px;color:var(--muted)}
.lp-actions{display:flex;gap:8px;margin-top:8px}
.cropper{width:min(420px,100%)}.crop-stage{position:relative;width:320px;height:320px;margin:0 auto;border-radius:16px;overflow:hidden;background:var(--wash);cursor:grab;touch-action:none;user-select:none}
.crop-stage:active{cursor:grabbing}.crop-stage canvas{display:block}
.crop-mask{position:absolute;inset:0;pointer-events:none;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);background:transparent}
.crop-mask::after{content:'';position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(10,10,10,.14)}
.crop-row{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:var(--muted)}.crop-row .lbl{width:48px}.crop-row .mono{width:44px;text-align:right}
.crop-row input[type=range]{flex:1;accent-color:var(--blue);height:24px}
.crop-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.crop-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:400px){.crop-stage{width:100%;height:auto;aspect-ratio:1}.crop-stage canvas{width:100%;height:100%}}
/* page transitions: cross document view transition where supported, class based fade otherwise */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .22s var(--ease) both}::view-transition-new(root){animation:vt-in .34s var(--ease) both}
::view-transition-old(nav),::view-transition-new(nav){animation:none}
.nav{view-transition-name:nav}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{from{opacity:0;transform:translateY(8px)}}
.page{animation:page-in .42s var(--ease) both}.page.leaving{opacity:0;transform:translateY(-6px);transition:opacity .2s var(--ease),transform .2s var(--ease)}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.page,.page.leaving,::view-transition-old(root),::view-transition-new(root){animation:none;transition:none}}
/* sliding nav indicator */
.nav-links{position:relative}.nav-links a:after{display:none}
.nav-ind{position:absolute;bottom:2px;height:2px;border-radius:2px;background:var(--blue);left:0;width:0;opacity:0;transition:left .45s var(--ease),width .45s var(--ease),opacity .3s var(--ease);pointer-events:none}
.nav-ind.on{opacity:1}
/* themed select: native popup replaced by an in page listbox with a clean scrollbar */
.xsel{position:relative;display:block}
.xsel.inline{display:inline-block}
.xsel>select{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;appearance:none;-webkit-appearance:none}
.xsel-btn{display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 40px 0 16px;border:0;border-radius:16px;background:var(--wash-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230a0a0a' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center;box-shadow:0 0 0 1px var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;outline:0;transition:box-shadow .3s var(--ease),background .3s var(--ease)}
.xsel-btn:hover{background-color:var(--wash)}
.xsel.open>.xsel-btn,.xsel-btn:focus-visible{background-color:#fff;box-shadow:0 0 0 2px var(--blue-ring)}
.xsel-btn .xsel-val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xsel.sm .xsel-btn{height:40px;padding:0 36px 0 14px;border-radius:14px;background-position:right 14px center;font-family:var(--head);font-weight:500;font-size:15px}
.xsel-menu{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 8px);max-height:296px;overflow:auto;overscroll-behavior:contain;padding:6px;border-radius:18px;background:var(--panel-a);box-shadow:var(--shadow),0 24px 48px -28px rgba(10,10,10,.35);opacity:0;transform:translateY(-6px) scale(.985);transform-origin:top center;pointer-events:none;transition:opacity .18s var(--ease),transform .22s var(--ease);mask-image:linear-gradient(#000,#000 calc(100% - 22px),transparent);-webkit-mask-image:linear-gradient(#000,#000 calc(100% - 22px),transparent)}
.xsel.up .xsel-menu{mask-image:linear-gradient(transparent,#000 22px,#000);-webkit-mask-image:linear-gradient(transparent,#000 22px,#000)}
.xsel.up .xsel-menu{top:auto;bottom:calc(100% + 8px);transform-origin:bottom center}
.xsel.open .xsel-menu{opacity:1;transform:none;pointer-events:auto}
.xsel-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:15px;color:var(--ink-80);cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease)}
.xsel-opt small{margin-left:auto;color:var(--faint);font-size:12px}
.xsel-opt:hover,.xsel-opt.cursor{background:var(--wash-1);color:var(--ink)}
.xsel-opt[aria-selected="true"]{background:var(--blue-soft);color:var(--blue-deep);font-weight:600}
.xsel-opt[aria-selected="true"] small{color:var(--blue-deep);opacity:.7}
.xsel-group{padding:12px 12px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.xsel-menu{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.xsel-menu::-webkit-scrollbar{width:10px}
.xsel-menu::-webkit-scrollbar-track{background:transparent;margin:8px 0}
.xsel-menu::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:3px solid transparent;background-clip:content-box}
.xsel-menu::-webkit-scrollbar-thumb:hover{background:var(--muted-2);background-clip:content-box;border:3px solid transparent}

@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){.nav[data-stuck] .pill,.nav-mobile{background:rgba(255,255,255,.95)}}

.modal-card{padding:26px 24px 24px}
.modal-title{margin:0 44px 16px 0;font-family:var(--head);font-weight:600;font-size:26px;letter-spacing:-.015em;line-height:1.15;color:var(--ink)}
.modal-x{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:999px;background:var(--wash-1);color:var(--muted);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.modal-x:hover{background:var(--blue-soft);color:var(--blue-deep)}
.modal-x:active{transform:scale(.92)}
.modal-x:focus-visible{outline:0;box-shadow:0 0 0 2px var(--blue-ring)}
.modal-x svg{pointer-events:none}
/* clean scrollbars site wide: no arrow buttons, no track chrome */
*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-button{display:none;width:0;height:0}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--muted-2);background-clip:content-box}

/* background capsules: blur wanders between them, hover clears it */
.cap{transition:filter 1.1s var(--ease),opacity 1.1s var(--ease),box-shadow .3s var(--ease),color .3s var(--ease)}
.cap.is-blur{filter:blur(1.6px);opacity:.78;z-index:0}
.cap.is-blur:hover{filter:blur(0);opacity:1;z-index:2}
@media(prefers-reduced-motion:reduce){.cap{transition:none}}

.devbuy{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.devbuy .chip{height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(0,181,67,.22);background:var(--green-wash);color:var(--green-ink);font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:-.01em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.devbuy .chip:hover{background:rgba(0,181,67,.18);border-color:rgba(0,181,67,.38);transform:translateY(-1px)}
.devbuy .chip.on{background:var(--green);color:#fff;border-color:var(--green);box-shadow:var(--chip-gloss),0 10px 20px -12px rgba(0,181,67,.7)}
.devbuy .chip.on:hover{background:#00a53d;color:#fff}
.devbuy input{width:150px;height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,181,67,.22);background:rgba(0,181,67,.06);color:var(--green-ink);font-family:var(--mono);font-size:13px;outline:0;box-shadow:none;transition:box-shadow .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}
.devbuy input::placeholder{color:rgba(15,122,58,.55)}
.devbuy input:focus{background:#fff;border-color:var(--green);box-shadow:0 0 0 3px rgba(0,181,67,.18)}
.devbuy input::-webkit-outer-spin-button,.devbuy input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.devbuy input[type=number]{-moz-appearance:textfield}
/* official token slot: reserved first position, animated outline until the real token is configured */
@property --oa{syntax:'<angle>';inherits:false;initial-value:0deg}
.official-slot{position:relative;isolation:isolate}
.official-slot::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--oa),var(--blue) 0 22%,transparent 30% 48%,var(--blue) 52% 72%,transparent 80% 98%,var(--blue));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:official-spin 5s linear infinite;pointer-events:none;z-index:1}
@keyframes official-spin{to{--oa:360deg}}
.official-slot.placeholder{cursor:default;opacity:.92}.official-slot.placeholder .mkt-stats b,.official-slot.placeholder .mkt-sub .mono{color:var(--faint)}
.official-row td:first-child{position:relative}.official-row td:first-child::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--blue),transparent 50%,var(--blue));background-size:100% 200%;animation:official-bar 3s linear infinite}
@keyframes official-bar{to{background-position:0 200%}}
.chip.official{background:var(--blue);color:#fff}
.official-logo{width:56px;height:56px;border-radius:18px;background:var(--blue-soft);display:grid;place-items:center;flex:none}.official-logo svg{width:22px;height:22px}
.official-row .official-logo{width:32px;height:32px;border-radius:10px}.official-row .official-logo svg{width:18px;height:18px}

/* --- mobile responsive fixes --- */
@media(max-width:640px){
  .table-wrap{border-radius:16px;-webkit-overflow-scrolling:touch}
  .table th,.table td{white-space:nowrap;padding:10px 10px}
  .tbl-home th:nth-child(5),.tbl-home td:nth-child(5),
  .tbl-home th:nth-child(7),.tbl-home td:nth-child(7){display:none}
  .tbl-score th:nth-child(7),.tbl-score td:nth-child(7),
  .tbl-score th:nth-child(9),.tbl-score td:nth-child(9){display:none}
  .tbl-lead th:last-child,.tbl-lead td:last-child{display:none}
  .filters{flex-wrap:wrap;gap:8px}
  .filters .xsel{flex:1 1 140px}
  .toolbar{flex-wrap:wrap;gap:8px;align-items:center}
  .toolbar .filters{flex:1}
  .docs{grid-template-columns:1fr!important}
  .toc{position:static!important;flex-direction:row;flex-wrap:wrap;gap:6px}
  .split{grid-template-columns:1fr!important}
  .nav-mobile{left:12px!important;right:12px!important;width:auto!important}
  .nm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
  .nm-actions .btn{flex:1 1 120px}
  .thead{flex-wrap:wrap;gap:12px}
  .thead h1{font-size:1.4rem}
  .kv-grid{grid-template-columns:1fr 1fr}
  .keys-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .trade-wrap{flex-direction:column}
}
@media(max-width:480px){
  .mkt-grid{grid-template-columns:1fr}
  .mkt-card{border-radius:16px}
}
@media(max-width:640px){
  .docs>*,.split>*,.card,.wrap{min-width:0}
  .prose{overflow-wrap:anywhere}.prose .table-wrap{overflow:auto}
  .toc{position:static!important;flex-direction:row;flex-wrap:wrap;gap:6px 10px;width:100%}
  .tabs,.seg,.mkt-filters{display:flex;flex-wrap:wrap;max-width:100%;border-radius:20px}
  .tabs button,.seg button{flex:1 1 auto}
  .mkt-filters{gap:8px}.mkt-filters>*{flex:1 1 140px;min-width:0}
  .field{min-width:0!important}
  .field input,.field select{min-width:0;font-size:16px}
}
.keys-split{grid-template-columns:1fr 22rem}@media(max-width:640px){.keys-split{grid-template-columns:1fr!important}}
@media(max-width:640px){.docs .prose{margin:0;width:100%;max-width:100%}.docs{gap:1rem}}
/* phone only: readable menu, tidy hero capsules */
@media(max-width:640px){
  .nav-mobile{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(40px) saturate(160%)!important;-webkit-backdrop-filter:blur(40px) saturate(160%)!important;box-shadow:0 0 0 1px rgba(10,10,10,.08),0 24px 48px -24px rgba(10,10,10,.45)}
  .nav-mobile a{color:var(--ink)}
  .hero{display:flex;flex-direction:column;align-items:stretch}
  .hero-bg{order:0}.hero-in{order:1}
  .hero-caps{display:flex;position:static;inset:auto;order:2;justify-content:center;gap:14px;flex-wrap:wrap;margin:18px 0 6px;pointer-events:auto}
  .hero-caps .cap{position:static;top:auto;bottom:auto;left:auto;right:auto;rotate:0deg;animation:none;filter:none!important;opacity:1!important;width:48px;height:48px}
  .hero-caps .cap-2,.hero-caps .cap-4,.hero-caps .cap-6,.hero-caps .cap-8{display:none}
}

/* entry gate */
html.gated{overflow:hidden}
.modal.gate{z-index:200;background:rgba(10,10,10,.42);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.modal.gate.out{animation:fade .3s var(--ease) reverse forwards}
.gate-card{max-width:460px;text-align:left}
.gate-card .modal-title{margin-right:0}
.gate-mark{width:44px;height:44px;margin-bottom:16px;color:var(--ink)}.gate-mark svg{width:44px;height:44px;display:block}
.gate-card p{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--ink-80)}
.gate-card p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.gate-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.gate-actions .btn{height:46px;font-size:16px}
@media(max-width:640px){.gate-actions{flex-direction:column-reverse}.gate-actions .btn{width:100%}.modal.gate{background:rgba(255,255,255,.55);backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%)}}

/* cookie notice, bottom right */
.cookie-pop{position:fixed;right:20px;bottom:20px;z-index:150;width:min(340px,calc(100vw - 40px));padding:18px 18px 16px;border-radius:20px;background:#fff;box-shadow:var(--shadow),0 0 0 1px rgba(10,10,10,.06);animation:rise .45s var(--spring)}
.cookie-pop.bye{transition:opacity .3s var(--ease),transform .3s var(--ease);opacity:0;transform:translateY(12px)}
.cookie-pop .cookie-t{font-family:var(--head);font-weight:600;font-size:17px;color:var(--ink);margin-bottom:6px}
.cookie-pop p{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.cookie-actions{display:flex;gap:8px;justify-content:flex-end}
.cookie-actions .btn{height:38px;font-size:14px;padding:0 14px;border-radius:12px}
@media(max-width:640px){.cookie-pop{right:12px;left:12px;bottom:12px;width:auto}}
/* ---- dev mode: flat, dense, dark, no motion ---- */
html[data-theme=dev]{color-scheme:dark;--bg:#0b0e14;--bg-2:#0f131b;--card-a:#11151d;--card-b:#11151d;--panel-a:#11151d;--panel-b:#11151d;--ink:#e6edf3;--ink-80:#c9d3de;--ink-60:#9aa7b7;--muted:#8b98a9;--muted-2:#6f7d8f;--faint:#5b6878;--blue:#3b82f6;--blue-deep:#60a5fa;--blue-ring:rgba(59,130,246,.45);--blue-soft:rgba(59,130,246,.14);--pill:#11151d;--green:#22c55e;--green-ink:#4ade80;--green-wash:rgba(34,197,94,.14);--red:#ef4444;--red-ink:#f87171;--red-wash:rgba(239,68,68,.14);--orange:#f59e0b;--orange-ink:#fbbf24;--orange-wash:rgba(245,158,11,.14);--line:#1f2633;--line-2:#2a3342;--wash-1:#131822;--wash:#161c27;--wash-2:#1c2431;--shadow:0 0 0 1px var(--line);--glass:#11151d;--glass-shadow:0 0 0 1px var(--line);--chip-gloss:none;--head:"Inter",system-ui,sans-serif;--r-sm:0;--r:2px;--r-lg:2px;--spring:linear(0,1);--ease:linear}
html[data-theme=dev] *,html[data-theme=dev] *::before,html[data-theme=dev] *::after{animation:none!important;transition:none!important}
html[data-theme=dev] .sky-bg,html[data-theme=dev] .hero-caps,html[data-theme=dev] .hero-bg,html[data-theme=dev] body:before{display:none}
html[data-theme=dev]{background:var(--bg)}
html[data-theme=dev] body{background:var(--bg)}
html[data-theme=dev] body{font-size:14px}
html[data-theme=dev] h2{font-size:clamp(18px,2vw,22px)}
/* topbar */
html[data-theme=dev] .nav .wrap{height:56px;padding-top:0}
html[data-theme=dev] .nav .pill{height:40px;border-radius:6px;background:var(--panel-a);box-shadow:0 0 0 1px var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=dev] .nav .pill[data-stuck],html[data-theme=dev] .nav[data-stuck] .pill{background:var(--panel-a);box-shadow:0 0 0 1px var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=dev] .nav-links a{font-size:13px;font-family:var(--mono);text-transform:lowercase}
html[data-theme=dev] .nav-ind{display:none}
html[data-theme=dev] .theme-tg{background:transparent;color:var(--blue-deep);box-shadow:none}html[data-theme=dev] .nav-x{color:var(--ink)}html[data-theme=dev] .theme-tg:hover{background:var(--wash-2)}
/* hero: compact, still present */
html[data-theme=dev] .hero{padding:28px 0 12px;text-align:left}
html[data-theme=dev] .hero-in{justify-items:start}
html[data-theme=dev] .hero h1,html[data-theme=dev] .hero-h{font-size:clamp(28px,3.4vw,40px);line-height:1.1;letter-spacing:-.01em;max-width:none}
html[data-theme=dev] .hero p.lede,html[data-theme=dev] .hero-sub{margin-top:10px;font-size:14px;max-width:640px;padding-inline:0}
html[data-theme=dev] .hero .actions{justify-content:flex-start;margin-top:16px}
html[data-theme=dev] .btn.cta{height:36px;padding:0 14px;font-size:14px;border-radius:6px;background:var(--blue);color:#fff}
/* density */
html[data-theme=dev] .section{margin-top:18px;padding:18px 0}
html[data-theme=dev] .section-head{margin-bottom:10px}
html[data-theme=dev] .eyebrow{font-size:11px;margin-bottom:6px;letter-spacing:.08em;color:var(--muted)}
/* cards, panels, tables */
html[data-theme=dev] .card,html[data-theme=dev] .panel,html[data-theme=dev] .table-wrap,html[data-theme=dev] .sheet,html[data-theme=dev] .feed>*{border-radius:6px;background:var(--panel-a);background-image:none;box-shadow:0 0 0 1px var(--line);padding:14px}
html[data-theme=dev] .card.hover:hover{transform:none}
html[data-theme=dev] .table{font-size:13px}
html[data-theme=dev] .table th,html[data-theme=dev] .table td{padding:7px 10px}
html[data-theme=dev] td.num,html[data-theme=dev] .num,html[data-theme=dev] .mono,html[data-theme=dev] .stat .v{font-family:var(--mono)}
html[data-theme=dev] .stat .v{font-size:18px}
html[data-theme=dev] .table tbody tr:hover{background:var(--wash)}
/* buttons */
html[data-theme=dev] .btn{height:34px;padding:0 12px;font-size:13px;border-radius:6px;background:var(--wash-2);color:var(--ink);box-shadow:0 0 0 1px var(--line-2)}
html[data-theme=dev] .btn:hover{background:var(--wash-2);filter:brightness(1.15);transform:none}
html[data-theme=dev] .btn.accent,html[data-theme=dev] .btn.primary{background:var(--blue);color:#fff}
html[data-theme=dev] .btn.ghost{background:transparent}
/* inputs */
html[data-theme=dev] .field input,html[data-theme=dev] .field select,html[data-theme=dev] .field textarea{background:var(--bg-2);color:var(--ink);border:1px solid var(--line-2);border-radius:6px;font-family:var(--mono);font-size:13px}
html[data-theme=dev] .field input:focus,html[data-theme=dev] .field select:focus,html[data-theme=dev] .field textarea:focus{background:var(--bg-2)}
html[data-theme=dev] .compose input,html[data-theme=dev] .compose textarea{font-family:var(--mono);font-size:13px;color:var(--ink)}
/* modals + mobile menu */
html[data-theme=dev] .modal .sheet{background:var(--panel-a);border-radius:8px;box-shadow:0 0 0 1px var(--line-2)}
html[data-theme=dev] .nav-mobile{background:var(--panel-a)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
/* footer + links */
html[data-theme=dev] .footer{font-size:12px;color:var(--muted)}
html[data-theme=dev] a{color:var(--blue-deep)}
html[data-theme=dev] .table a{color:var(--ink)}
html[data-theme=dev] .hero h1,html[data-theme=dev] .hero-h{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink);-webkit-text-fill-color:var(--ink)}
html[data-theme=dev] .field .hint,html[data-theme=dev] .faint{color:var(--ink-60)}
html[data-theme=dev] .lp-tile.active{background:var(--panel-a);box-shadow:0 0 0 2px var(--blue-ring)}
html[data-theme=dev] .lp-tile:hover{background:var(--panel-a)}
html[data-theme=dev] .tabs .active,html[data-theme=dev] .tabs a.active,html[data-theme=dev] .tabs button.active{background:var(--blue);color:#fff}
html[data-theme=dev] .seg button.on{background:var(--blue);color:#fff}
html[data-theme=dev] .devbuy .chip.on{background:var(--green);color:#fff}
html[data-theme=dev] .modal.gate{backdrop-filter:none;background:var(--panel-a)}
html[data-theme=dev] .modal{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.6)}

/* dev mode: square, logo only, no motion, minimal paint */
html[data-theme=dev] .theme-tg,html[data-theme=dev] .theme-tg:hover{transition:none;border-radius:2px}
html[data-theme=dev] .wm-text{display:none}
html[data-theme=dev] .brand .mark{width:22px;height:22px}
html[data-theme=dev] .nav .pill,html[data-theme=dev] .card,html[data-theme=dev] .panel,html[data-theme=dev] .table-wrap,html[data-theme=dev] .sheet,html[data-theme=dev] .feed>*,html[data-theme=dev] .btn,html[data-theme=dev] .btn.cta,html[data-theme=dev] .btn.xs,html[data-theme=dev] input,html[data-theme=dev] select,html[data-theme=dev] textarea,html[data-theme=dev] .chip,html[data-theme=dev] .tag,html[data-theme=dev] .lp-tile,html[data-theme=dev] .modal .sheet,html[data-theme=dev] .nav-mobile,html[data-theme=dev] .stat,html[data-theme=dev] .tabs,html[data-theme=dev] .tabs *,html[data-theme=dev] .seg,html[data-theme=dev] .seg *,html[data-theme=dev] .pop,html[data-theme=dev] .toast,html[data-theme=dev] img.logo,html[data-theme=dev] .logo{border-radius:2px!important}
html[data-theme=dev] .nav .pill{box-shadow:none;border:1px solid var(--line)}
html[data-theme=dev] .card,html[data-theme=dev] .panel,html[data-theme=dev] .table-wrap{box-shadow:none;border:1px solid var(--line)}
html[data-theme=dev] *{text-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important;scroll-behavior:auto!important}
html[data-theme=dev] html,html[data-theme=dev] body{scroll-behavior:auto}
html[data-theme=dev] .card.hover:hover,html[data-theme=dev] .btn:hover{transform:none;filter:none!important}
html[data-theme=dev] .pop.in,html[data-theme=dev] .pop{transform:none;opacity:1}
html[data-theme=dev]{scroll-behavior:auto}

.dev-gate .gate-card{max-width:520px}
.dev-warnbox{margin:14px 0 4px;padding:14px 16px;border-radius:14px;background:var(--wash);border:1px solid var(--line)}
.dev-warnbox > b{display:block;margin-bottom:8px;font-size:14px}
.dev-warnbox ul{margin:0;padding-left:18px}
.dev-warnbox li{margin:0 0 6px;font-size:14px;line-height:1.5;color:var(--ink-80)}
.dev-warnbox li b{display:inline;font-weight:700}
.dev-gate .gate-card p b,.dev-warnbox li b{color:#ffd23a;animation:devflash 1.5s ease-in-out infinite}
@keyframes devflash{0%,100%{color:#ffd23a}50%{color:#fff}}
.dev-card{max-width:440px}
.dev-note{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--ink-80)}
.dev-rows{margin:4px 0 2px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.dev-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;font-size:14px}
.dev-row + .dev-row{border-top:1px solid var(--line)}
.dev-row .k{color:var(--muted);flex:none}
.dev-row .v{color:var(--ink);font-weight:500;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dev-row .v .mono{font-family:var(--mono);font-weight:400;letter-spacing:.02em}
.dev-fund{display:flex;align-items:flex-end;gap:10px;margin:14px 0 4px}
.dev-fund .dev-amt{flex:1;min-width:0;margin:0}
.dev-fund .dev-amt span{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.dev-fund .dev-amt input{height:44px}
.dev-fund .btn{flex:none;height:44px}
.dev-card .gate-actions{display:flex;gap:10px;margin-top:14px}
.dev-card .gate-actions .btn{flex:1;height:44px;font-size:15px}
.dev-warn{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.dev-chip{display:grid;place-items:center;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ink);font-family:var(--mono);font-size:13px;cursor:pointer}
.dev-chip:hover{background:var(--wash)}

html[data-theme=dev] .dev-gate .gate-card p b,html[data-theme=dev] .dev-warnbox li b{animation:devflash 1.5s ease-in-out infinite!important}

/* grouped nav dropdowns */
.nd{position:relative;display:flex;align-items:center}
.nd-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:none;border:0;cursor:pointer;font-family:var(--head);font-size:18px;font-weight:500;color:var(--ink-80);white-space:nowrap}
.nd-btn:hover,.nd-btn.active,.nd.open .nd-btn{color:var(--ink)}
.nd-caret{transition:transform .25s var(--ease);opacity:.7}.nd.open .nd-caret{transform:rotate(180deg)}
.nd-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:270px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(20,30,45,.18),0 0 0 1px rgba(20,30,45,.06);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:60}
.nd-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nd.open .nd-menu{opacity:1;visibility:visible;transform:none}
.nav-links .nd-menu a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;font-size:15px;white-space:nowrap}
.nav-links .nd-menu a b{font-weight:600;color:var(--ink)}
.nav-links .nd-menu a span{font-family:var(--body,inherit);font-size:13px;font-weight:400;color:var(--ink-60,#6b7280)}
.nav-links .nd-menu a:hover{background:rgba(20,30,45,.05)}
.nav-links .nd-menu a.active{background:rgba(20,30,45,.07)}
@media(max-width:1240px) and (min-width:861px){.nd-btn{padding:6px 9px;font-size:16px}}
html[data-theme="dev"] .nd-menu,body.dev .nd-menu{background:#111;box-shadow:0 0 0 1px #2a2a2a}

/* =====================================================================
   SOMA LAYER. Everything below re-skins the shared components.
   Dev theme rules above use higher specificity and still win there.
   ===================================================================== */
html{background:var(--bg)}
body{background:radial-gradient(120% 60% at 50% -10%,#e4effb 0%,rgba(245,248,252,0) 60%),var(--bg);letter-spacing:-.006em}
body:before{opacity:.035}
::selection{background:#0d0e10;color:#fff}
a:hover{color:var(--blue-deep)}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.018em;line-height:1}
h1{font-size:clamp(44px,6vw,84px)}h2{font-size:clamp(34px,4vw,56px)}
h3,h4{font-family:var(--head);font-weight:600;letter-spacing:-.02em}
h1 em,h2 em{font-style:italic;color:inherit}
.mono,.kbd,.copy{font-family:var(--mono);letter-spacing:0}

/* sky ceiling behind inner pages: the pavilion, washed out */
.sky-bg{height:620px;min-height:0;background:linear-gradient(180deg,#cfe3f8 0%,var(--bg) 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.55) 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.55) 62%,transparent 100%)}
.sky-bg .sky-img{inset:-30px;background:url(/static/assets/pavilion.jpg) center 38%/cover no-repeat;filter:saturate(1.05);opacity:.9;animation:sky-drift 70s ease-in-out infinite alternate}
.sky-bg:after{background:linear-gradient(180deg,rgba(245,248,252,.2) 0%,rgba(245,248,252,.5) 60%,var(--bg) 100%)}
body:has(.pv-hero) .sky-bg{display:none}

/* live tape: hairline glass strip pinned to the very top */
.gl-tape{position:fixed!important;top:0;left:0;right:0;z-index:61;height:28px!important;background:rgba(255,255,255,.55)!important;border-bottom:1px solid rgba(255,255,255,.7)!important;box-shadow:0 1px 0 var(--line);backdrop-filter:blur(18px) saturate(170%);font-family:var(--mono);font-size:11px!important;letter-spacing:.02em}
.gl-tape .lbl{background:transparent!important;color:var(--ink);font-family:var(--mono);letter-spacing:.14em!important}
.gl-tape .dot{background:var(--sky-2)!important;box-shadow:0 0 0 3px rgba(76,149,230,.18)!important}

/* top bar: brand on the left, tools on the right; page links live in the dock */
.nav{top:28px}
.nav-row{position:relative;max-width:1400px;margin:0 auto;height:84px;padding:14px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav .brand{gap:12px;padding:6px 16px 6px 8px;border-radius:999px;font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:-.03em;line-height:1;transition:background .4s var(--ease),box-shadow .4s var(--ease)}
.nav .brand .mark{width:34px;height:34px}
.nav .brand .wm-text{transform:translateY(-2px)}
.nav[data-stuck] .brand{background:var(--glass);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);box-shadow:var(--glass-shadow)}
.brand:hover .mark svg{transform:rotate(90deg)}
.nav .pill.nav-tools{display:flex;height:58px;gap:4px;padding:0 7px 0 10px;border-radius:999px;background:var(--glass);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);box-shadow:var(--glass-shadow)}
.nav-x,.theme-tg{width:40px;height:40px;border-radius:999px}
.nav-sep{width:1px;height:22px;margin:0 6px;background:var(--line-2)}
.nav-tools .btn.sm{height:44px;padding:0 18px;font-size:14.5px}
.nav-tools .btn .mark{display:grid;width:16px;height:16px}.nav-tools .btn .mark svg{width:100%;height:100%}
.btn.nav-burger{display:none;flex-direction:column;gap:4px;width:44px;padding:0}
.btn.nav-burger i{display:block;width:16px;height:1.6px;border-radius:2px;background:currentColor}

/* the dock */
.dock{position:fixed;left:50%;bottom:18px;z-index:55;transform:translateX(-50%);padding:6px;border-radius:999px;background:rgba(255,255,255,.7);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(28,58,98,.09),0 24px 50px -18px rgba(24,54,100,.45),0 6px 14px -8px rgba(24,54,100,.25);animation:dock-in .9s var(--spring) .2s both}
@keyframes dock-in{from{opacity:0;transform:translate(-50%,30px) scale(.94)}}
.dock .nav-links{display:flex;align-items:center;gap:2px;margin:0}
.dock .nav-links>a,.dock .nd-btn{position:relative;z-index:1;display:inline-flex;align-items:center;height:44px;padding:0 17px;border-radius:999px;font-family:var(--head);font-size:14.5px;font-weight:500;letter-spacing:-.01em;color:var(--ink-60)}
.dock .nav-links>a:hover,.dock .nd-btn:hover,.dock .nav-links>a.active,.dock .nd-btn.active,.dock .nd.open .nd-btn{color:var(--ink)}
.dock .nav-links>a.active:before,.dock .nd-btn.active:before{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--ink)}
.dock .nav-ind{top:0;bottom:0;height:auto;border-radius:999px;background:linear-gradient(180deg,#fff,#f1f5fa);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--line),0 6px 14px -8px rgba(24,54,100,.4);z-index:0}
.dock .nd-menu{top:auto;bottom:calc(100% + 16px);left:50%;transform:translate(-50%,8px) scale(.98);transform-origin:bottom center;min-width:280px;padding:10px;border-radius:26px;background:rgba(255,255,255,.92);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--line),0 30px 60px -24px rgba(24,54,100,.45)}
.dock .nd.open .nd-menu{transform:translate(-50%,0)}
.dock .nd-menu:before{top:auto;bottom:-18px;height:18px}
.dock .nd-menu:has(>a:nth-child(5)){display:grid;grid-template-columns:1fr 1fr;min-width:540px;gap:2px}
.nav-links .nd-menu a{padding:12px 14px;border-radius:16px;white-space:normal}
.nav-links .nd-menu a b{font-weight:600;font-size:14.5px;letter-spacing:-.01em}
.nav-links .nd-menu a span{font-size:12.5px;color:var(--muted)}
.nav-links .nd-menu a:hover{background:var(--wash-1)}.nav-links .nd-menu a.active{background:var(--blue-soft)}
.nd-btn{font-family:var(--head)}
.nav-mobile{top:120px;border-radius:26px;padding:10px}
.nav-mobile a{font-family:var(--head);font-size:15px;border-radius:14px}

/* buttons: matte black forms, porcelain ghosts */
.btn{height:48px;padding:0 22px;border-radius:999px;background:var(--matte);color:#fff;font-family:var(--head);font-size:15.5px;font-weight:500;letter-spacing:-.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -3px 8px rgba(0,0,0,.5),0 14px 26px -14px rgba(10,20,40,.6)}
.btn:hover{background:var(--matte);color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 8px rgba(0,0,0,.5),0 20px 34px -14px rgba(36,96,170,.55)}
.btn.accent,.btn.primary,.btn.accent:hover,.btn.primary:hover{background:var(--matte)}
.btn.ghost{background:linear-gradient(180deg,#fff,#eff4fa);color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--line-2),0 8px 18px -12px rgba(24,54,100,.35)}
.btn.ghost:hover{background:linear-gradient(180deg,#fff,#e8f0f9);color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(76,149,230,.4),0 14px 24px -14px rgba(36,96,170,.45)}
.btn.sm{height:42px;padding:0 18px;font-size:14.5px}.btn.xs{height:32px;padding:0 13px;font-size:13px;border-radius:999px}
.btn.cta{height:62px;padding:0 30px 0 22px;gap:12px;font-size:17px;font-weight:500;background:var(--matte);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -4px 10px rgba(0,0,0,.55),0 26px 40px -18px rgba(10,20,40,.7)}
.btn.cta:hover{color:#fff;background:var(--matte);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -4px 10px rgba(0,0,0,.55),0 30px 50px -18px rgba(36,96,170,.7)}
.btn.cta .mark{width:24px;height:24px;transition:transform .8s var(--spring)}.btn.cta:hover .mark{transform:rotate(90deg)}
.btn.lg{height:62px;padding:0 28px;font-size:17px}

/* chips, labels */
.chip{height:26px;padding:0 11px;border-radius:999px;background:var(--wash);color:var(--ink-80);font-size:12.5px;font-weight:500}
.chip.official{background:var(--matte);color:#fff;box-shadow:var(--chip-gloss)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60)}
.eyebrow:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5a5e66,#0d0e10 70%);box-shadow:0 0 0 3px rgba(76,149,230,.16)}
.fgrid .eyebrow:before{display:none}

/* page frame */
.wrap{max-width:var(--shell);padding:0 28px}
.page{padding-top:24px;padding-bottom:40px}
.page:not(:has(.hero)){padding-top:128px}
.page:has(.pv-hero){padding-top:0}
.section{margin-top:72px}
.section-head{align-items:flex-end;margin-bottom:24px}
.section-head h2{font-size:clamp(32px,3.4vw,48px)}
.section-head a{font-family:var(--head);font-size:14.5px;font-weight:500;color:var(--ink-60)}
.section-head a:hover{color:var(--ink)}
/* masthead: the first heading of every inner page becomes an editorial title */
.page .wrap>.section-head:first-child,.page .wrap>.section:first-child>.section-head:first-child{position:relative;padding:40px 0 30px;margin-bottom:34px;border-bottom:1px solid var(--line-2)}
.page .wrap>.section:first-child{margin-top:0}
.page .wrap>.section-head:first-child h2,.page .wrap>.section:first-child>.section-head:first-child h2{font-size:clamp(46px,6.4vw,92px);line-height:.94;letter-spacing:-.03em;max-width:16ch}
.page .wrap>.section-head:first-child>a,.page .wrap>.section:first-child>.section-head:first-child>a{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--line);backdrop-filter:blur(12px)}
.page .wrap>.section-head:first-child:after,.page .wrap>.section:first-child>.section-head:first-child:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:var(--ink);border-radius:2px}

/* surfaces: porcelain */
.card{padding:26px;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#f7fafd 100%);box-shadow:var(--shadow)}
.card.hover:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(76,149,230,.28),0 36px 60px -34px rgba(36,76,132,.45)}
.model{border-radius:22px;background:linear-gradient(180deg,#fff,#f7fafd);box-shadow:var(--shadow)}
.stat .k,.live-stat .k,.field label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.stat .v,.live-stat .v{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:-.02em;line-height:1.05}
.live-stat{border-radius:22px;padding:14px 18px;background:linear-gradient(180deg,#fff,#f7fafd)}
.table-wrap{border-radius:28px;background:rgba(255,255,255,.92);box-shadow:var(--shadow)}
.table{font-size:14.5px}
.table th{padding:16px 20px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;color:var(--muted);background:linear-gradient(180deg,#fafcfe,#f3f7fb);border-bottom:1px solid var(--line)}
.table td{padding:15px 20px;border-top:1px solid var(--line)}
.table tbody tr:first-child td{border-top:0}
.table tbody tr:hover{background:rgba(76,149,230,.05)}
.table .tok{font-family:var(--head);font-weight:600;letter-spacing:-.01em}
.bar{height:5px;background:var(--wash)}.bar>i{background:linear-gradient(90deg,#0d0e10,#4c95e6)}
.feed-item,.msg,.compose,.chart,.pop,.cookie-pop{border-radius:22px;box-shadow:var(--shadow)}
.msg.me{background:var(--matte)}
.empty{border-radius:24px;background:repeating-linear-gradient(135deg,rgba(76,149,230,.035) 0 12px,transparent 12px 24px),rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px}
.notice{border-radius:18px}
.field input,.field select,.field textarea,.xsel-btn{border-radius:16px;background-color:rgba(255,255,255,.85);box-shadow:inset 0 1px 2px rgba(24,54,100,.06),0 0 0 1px var(--line-2)}
.field input:focus,.field select:focus,.field textarea:focus,.xsel.open>.xsel-btn,.xsel-btn:focus-visible{background-color:#fff;box-shadow:0 0 0 1px rgba(76,149,230,.6),0 0 0 5px rgba(76,149,230,.14)}
.xsel-menu{border-radius:20px}
.tabs,.seg{padding:5px;background:rgba(255,255,255,.7);box-shadow:inset 0 1px 2px rgba(24,54,100,.06),0 0 0 1px var(--line);backdrop-filter:blur(12px)}
.tabs a,.tabs button,.seg button{height:38px;padding:0 18px;font-family:var(--head);font-size:14px;color:var(--ink-60)}
.tabs .active,.tabs a.active,.tabs button.active,.seg button.on{background:var(--matte);color:#fff;box-shadow:var(--chip-gloss)}
.sel,select.sel{border-radius:999px;background-color:rgba(255,255,255,.8);font-family:var(--head);font-size:14px}
.xsel.sm .xsel-btn{border-radius:999px;font-size:14px}
.mkt-card{border-radius:26px;padding:20px;background:linear-gradient(180deg,#fff,#f6f9fd);box-shadow:var(--shadow)}
.mkt-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(76,149,230,.28),0 36px 60px -34px rgba(36,76,132,.45)}
.mkt-card .logo,.official-logo{border-radius:18px}
.official-logo{background:linear-gradient(180deg,#fff,#eef4fb);box-shadow:inset 0 0 0 1px var(--line)}
.official-slot::before{background:conic-gradient(from var(--oa),#0d0e10 0 18%,transparent 26% 48%,#4c95e6 52% 70%,transparent 78% 98%,#0d0e10)}
.prose{font-size:16.5px}
.prose h2{font-size:clamp(30px,3vw,40px)}
.prose pre{border-radius:20px;background:#0d0e10}
.toast{top:132px;bottom:auto;border-radius:999px;padding:12px 20px;background:var(--matte);box-shadow:var(--chip-gloss),0 20px 40px -18px rgba(10,20,40,.6);animation:toast-in .5s var(--spring)}
@keyframes toast-in{from{opacity:0;transform:translate(-50%,-10px) scale(.9)}to{opacity:1;transform:translate(-50%,0)}}
.pops{bottom:96px}

/* modals and the entry gate: frosted pavilion, porcelain sheet */
.modal{background:rgba(214,230,247,.45);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
.modal>div{border-radius:30px;background:linear-gradient(180deg,#fff,#f6f9fd);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--line),0 50px 90px -40px rgba(24,54,100,.55)}
.modal-title{font-family:var(--serif);font-weight:400;font-size:38px;letter-spacing:-.02em;line-height:1}
.modal.gate{background:url(/static/assets/pavilion.jpg) center/cover no-repeat;backdrop-filter:none;-webkit-backdrop-filter:none}
.modal.gate:before{content:"";position:absolute;inset:0;background:rgba(236,244,252,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.gate-card{max-width:500px;padding:34px 32px 28px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%)}
.gate-mark{width:64px;height:64px;margin-bottom:20px}.gate-mark svg{width:64px;height:64px;animation:gate-spin 14s linear infinite}
@keyframes gate-spin{to{transform:rotate(360deg)}}
.gate-card p{font-size:14.5px;color:var(--ink-60)}
.wallet-list button{border-radius:18px;background:#fff;font-family:var(--head)}
.cookie-pop{bottom:96px;border-radius:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(24px)}
.cookie-pop .cookie-t{font-family:var(--serif);font-weight:400;font-size:24px}

/* features.js blocks */
.gl-head h2{font-family:var(--serif)!important;font-weight:400!important;font-size:clamp(32px,3.4vw,48px)!important;letter-spacing:-.02em!important}
.gl-tabs{padding:5px;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:0 0 0 1px var(--line)}
.gl-tabs button{border:0!important;height:34px;padding:0 15px!important;font-family:var(--head)!important;font-size:13px!important;color:var(--ink-60)!important}
.gl-tabs button.on{background:var(--matte)!important;color:#fff!important}
.gl-card{border:0!important;border-radius:24px!important;padding:18px!important;background:linear-gradient(180deg,#fff,#f6f9fd)!important;box-shadow:var(--shadow)}
.gl-card:hover{transform:translateY(-4px)!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(76,149,230,.3),0 30px 50px -30px rgba(36,76,132,.45)}
.gl-lg{background:linear-gradient(180deg,#fff,#e8f0f9)!important}.gl-lg b{font-family:var(--serif)!important;font-weight:400;font-size:19px!important;color:var(--ink)!important}
.gl-grad{color:var(--blue-deep)!important}
.gl-bar i,.gl-meter i{background:linear-gradient(90deg,#0d0e10,#4c95e6)!important}
.gl-stat{border:0!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#f6f9fd)!important;box-shadow:var(--shadow)}
.gl-stat .v{font-family:var(--serif)!important;font-weight:400!important;font-size:2.4rem!important}
.gl-share-btn{border-radius:999px!important}

/* footer: a porcelain floor with the wordmark carved into it */
.footer{margin-top:140px;padding:90px 0 120px;background:linear-gradient(180deg,rgba(237,243,250,0) 0%,#e9f1fa 40%,#dfeaf7 100%);color:var(--muted)}
.f-scene{position:absolute;left:0;right:0;bottom:0;height:62%;background:url(/static/assets/pavilion.jpg) center 85%/cover no-repeat;opacity:.55;-webkit-mask-image:linear-gradient(180deg,transparent,#000 70%);mask-image:linear-gradient(180deg,transparent,#000 70%);pointer-events:none}
.footer .wrap{position:relative}
.f-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:48px;align-items:start}
.f-pitch{display:grid;gap:18px;align-content:start;justify-items:start;max-width:380px}
.footer .brand{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:-.03em;gap:12px;padding:0}.footer .brand .mark{width:32px;height:32px}
.f-h{margin:6px 0 0;font-family:var(--serif);font-size:46px;line-height:.98;letter-spacing:-.025em;color:var(--ink)}.f-h em{font-style:italic}
.fgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.fgrid>div:first-child{display:block;max-width:none}
.fgrid .eyebrow{font-size:10.5px;color:var(--muted)}
.flinks{gap:10px}.flinks a{font-family:var(--head);font-size:15px;font-weight:500;color:var(--ink-80)}
.f-word{margin:70px 0 0;font-family:var(--serif);font-size:clamp(150px,31vw,480px);line-height:.78;letter-spacing:-.055em;text-align:center;color:transparent;background:linear-gradient(180deg,#0d0e10 10%,rgba(13,14,16,.55) 55%,rgba(13,14,16,0) 100%);-webkit-background-clip:text;background-clip:text;user-select:none;pointer-events:none}
.fbottom{position:relative;margin-top:0;border-top:1px solid var(--line-2);color:var(--muted)}
.fbottom .mono{font-size:12px}

/* ====================== HOME: the pavilion ====================== */
.pv-hero{position:relative;margin-inline:calc(50% - 50vw);min-height:max(760px,100svh);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:150px 24px 90px;overflow:hidden;isolation:isolate;text-align:center}
.pv-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#dfeaf6}
.pv-img{position:absolute;inset:-3%;background:url(/static/assets/pavilion.jpg) center 62%/cover no-repeat;transform:scale(calc(1.04 + var(--sp,0)*.08)) translate3d(calc(var(--mx,0)*-10px),calc(var(--my,0)*-6px),0);animation:pv-zoom 2.6s var(--ease) both}
@keyframes pv-zoom{from{transform:scale(1.16);filter:blur(10px) brightness(1.15)}}
.pv-rays{position:absolute;inset:-20%;background:conic-gradient(from 200deg at 22% -5%,transparent 0deg,rgba(255,255,255,.55) 8deg,transparent 18deg,rgba(255,255,255,.35) 26deg,transparent 40deg,rgba(255,255,255,.4) 52deg,transparent 64deg);mix-blend-mode:soft-light;animation:pv-rays 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes pv-rays{from{opacity:.35;transform:rotate(-2deg)}to{opacity:.9;transform:rotate(2deg)}}
.pv-haze{position:absolute;inset:0;background:radial-gradient(60% 45% at 50% 52%,rgba(255,255,255,.55),transparent 70%),linear-gradient(180deg,rgba(245,248,252,0) 70%,var(--bg) 100%)}
.pv-h{position:relative;z-index:3;margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(54px,7.6vw,118px);line-height:.92;letter-spacing:-.035em;color:var(--ink);text-wrap:balance;opacity:calc(1 - var(--sp,0)*1.4);transform:translateY(calc(var(--sp,0)*-40px))}
.pv-h em{font-style:italic;color:var(--ink)}
.pv-h .w{display:inline-block;animation:pv-word 1.4s var(--spring) both}
@keyframes pv-word{from{opacity:0;transform:translateY(.4em);filter:blur(8px)}}
.pv-stage{position:relative;z-index:2;width:clamp(210px,24vw,330px);aspect-ratio:776/766;margin:clamp(34px,5vh,56px) 0 clamp(70px,10vh,110px)}
.pv-emblem{position:absolute;inset:0;transform:translate3d(calc(var(--mx,0)*14px),calc(var(--my,0)*10px),0) scale(calc(1 + var(--sp,0)*.12));-webkit-box-reflect:below 54px linear-gradient(transparent 52%,rgba(255,255,255,.2));animation:pv-float 7s ease-in-out infinite alternate}
@keyframes pv-float{from{translate:0 -8px}to{translate:0 10px}}
.pv-p{position:absolute;display:block;animation:pv-in 1.9s var(--spring) both;animation-delay:var(--d,0s)}
.pv-p img{display:block;width:100%;height:100%;animation:pv-breathe 6s ease-in-out infinite alternate;animation-delay:var(--bd,0s);transform-origin:center}
.pv-p.top{left:28.995%;top:4.569%;width:42.268%;height:26.893%;--ox:0;--oy:-1;--d:.25s}
.pv-p.left{left:4.51%;top:28.329%;width:24.613%;height:43.603%;--ox:-1;--oy:0;--d:.4s;--bd:-1.5s}
.pv-p.right{left:71.134%;top:28.329%;width:24.485%;height:43.603%;--ox:1;--oy:0;--d:.55s;--bd:-3s}
.pv-p.bottom{left:28.995%;top:68.799%;width:42.139%;height:26.762%;--ox:0;--oy:1;--d:.7s;--bd:-4.5s}
.pv-p.core{left:30.799%;top:31.462%;width:38.66%;height:38.773%;--d:.05s}
.pv-emblem .pv-p{translate:calc(var(--ox,0)*var(--sp,0)*60%) calc(var(--oy,0)*var(--sp,0)*60%)}
.pv-emblem .pv-p.core{translate:calc(var(--mx,0)*-6px) calc(var(--my,0)*-4px)}
@keyframes pv-in{from{opacity:0;transform:translate(calc(var(--ox,0)*140%),calc(var(--oy,0)*140%)) scale(.7) rotate(calc(var(--ox,0)*25deg + var(--oy,0)*-25deg))}}
.pv-p.core{animation-name:pv-in-core}
@keyframes pv-in-core{from{opacity:0;transform:scale(.2)}}
@keyframes pv-breathe{from{transform:translate(0,0)}to{transform:translate(calc(var(--ox,0)*4.5%),calc(var(--oy,0)*4.5%))}}
.pv-p.core img{animation:none}
.pv-shadow{position:absolute;left:12%;right:12%;bottom:-16%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(20,34,56,.32),rgba(20,34,56,0));filter:blur(6px);animation:pv-shadow 7s ease-in-out infinite alternate;z-index:-1}
@keyframes pv-shadow{from{transform:scale(1.08);opacity:.7}to{transform:scale(.86);opacity:.45}}
/* model satellites orbiting the emblem */
.pv-orbit{position:absolute;inset:0;pointer-events:none;z-index:3}
.pv-sat{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(circle at 32% 26%,#fff 0%,#eef4fb 45%,#cfdbea 100%);box-shadow:inset 0 -6px 12px rgba(36,76,132,.22),inset 0 2px 3px #fff,0 14px 24px -12px rgba(24,54,100,.55);will-change:transform;transition:box-shadow .3s var(--ease),opacity .6s var(--ease)}
.pv-sat img{width:26px;height:26px;border-radius:50%}
.pv-sat:after{content:attr(title);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-4px);padding:5px 10px;border-radius:999px;background:var(--matte);color:#fff;font-family:var(--head);font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.pv-sat:hover:after{opacity:1;transform:translateX(-50%)}
.pv-sat:hover{box-shadow:inset 0 -6px 12px rgba(36,76,132,.22),inset 0 2px 3px #fff,0 0 0 2px rgba(76,149,230,.5),0 18px 30px -12px rgba(36,96,170,.6)}
.pv-foot{position:relative;z-index:3;display:grid;justify-items:center;gap:30px;opacity:calc(1 - var(--sp,0)*1.2)}
.pv-foot .lede{margin:0;max-width:560px;font-size:clamp(15px,1.15vw,17.5px);line-height:1.5;color:var(--ink-80);text-wrap:balance;animation:pv-word 1.4s var(--spring) .9s both}
.pv-foot .actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:pv-word 1.4s var(--spring) 1.05s both}
.pv-meta{position:absolute;z-index:3;bottom:110px;display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60)}
.pv-meta.l{left:max(28px,calc(50% - 680px))}.pv-meta.r{right:max(28px,calc(50% - 680px))}
.pv-meta i{width:28px;height:1px;background:var(--ink-60)}

/* section rhythm on home */
.pv-sec{position:relative;margin-top:130px}
.pv-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:end;margin-bottom:56px}
.pv-head h2{font-size:clamp(42px,5.6vw,80px);line-height:.94;letter-spacing:-.03em}
.pv-head p{margin:0;max-width:440px;justify-self:end;font-size:16px;line-height:1.6;color:var(--ink-60)}
.pv-head p a{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px}

/* the loop: four petals around one core */
.loop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px) minmax(0,1fr);grid-template-rows:auto auto auto;gap:22px 34px;align-items:center}
.loop-em{grid-column:2;grid-row:1/4;position:relative;aspect-ratio:776/766;width:100%}
.loop-em:before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(214,231,248,.55) 60%,transparent);z-index:-1}
.loop-em:after{content:"";position:absolute;inset:-12%;border-radius:50%;border:1px dashed rgba(28,58,98,.16);animation:gate-spin 60s linear infinite}
.loop-em .pv-p{animation:none;transition:transform .7s var(--spring),filter .5s var(--ease)}
.loop-em .pv-p img{animation:none}
.loop-em .pv-p.top{transform:translateY(-6%)}.loop-em .pv-p.bottom{transform:translateY(6%)}.loop-em .pv-p.left{transform:translateX(-6%)}.loop-em .pv-p.right{transform:translateX(6%)}
.loop[data-on=top] .pv-p.top{transform:translateY(-22%) scale(1.06)}
.loop[data-on=right] .pv-p.right{transform:translateX(22%) scale(1.06)}
.loop[data-on=bottom] .pv-p.bottom{transform:translateY(22%) scale(1.06)}
.loop[data-on=left] .pv-p.left{transform:translateX(-22%) scale(1.06)}
.loop[data-on] .pv-p:not(.core){opacity:.22}
.loop[data-on=top] .pv-p.top,.loop[data-on=right] .pv-p.right,.loop[data-on=bottom] .pv-p.bottom,.loop[data-on=left] .pv-p.left{opacity:1}
.loop-em .pv-p{transition:transform .7s var(--spring),opacity .5s var(--ease)}
.step{position:relative;padding:26px 26px 24px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,249,253,.92));box-shadow:var(--shadow);cursor:default;transition:transform .5s var(--spring),box-shadow .4s var(--ease)}
.step .n{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.step .n b{font-family:var(--serif);font-weight:400;font-size:54px;line-height:.8;letter-spacing:-.03em;color:var(--ink)}
.step .n span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.step h3{margin:0 0 8px;font-size:21px}
.step p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-60)}
.step.on{transform:translateY(-4px);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(13,14,16,.5),0 36px 60px -32px rgba(36,76,132,.5)}
.step.s-top{grid-column:1;grid-row:1}.step.s-right{grid-column:3;grid-row:1}.step.s-bottom{grid-column:3;grid-row:3}.step.s-left{grid-column:1;grid-row:3}
/* compute pool: the core, measured */
.pool{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:28px;align-items:stretch;margin-top:64px;padding:34px;border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(240,246,252,.85));box-shadow:var(--shadow)}
.pool-intro{display:grid;align-content:space-between;gap:20px}
.pool-intro h3{margin:0;font-family:var(--serif);font-weight:400;font-size:40px;line-height:1;letter-spacing:-.02em}
.pool-intro p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-60)}
.pool .gl-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:center}
.pool .gl-stat{background:#fff!important}
.pool .gl-meter{height:8px!important;margin-top:6px}
/* $NEXIS monolith */
.mono-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:end;padding:clamp(30px,4vw,56px);border-radius:40px;color:#fff;background:radial-gradient(90% 120% at 15% -20%,#3b3f47 0%,#141518 40%,#060607 75%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -20px 60px rgba(0,0,0,.6),0 50px 90px -40px rgba(10,20,40,.7)}
.mono-card:before{content:"";position:absolute;right:-6%;top:-28%;width:62%;aspect-ratio:1;background:url(/static/assets/emblem.png) center/contain no-repeat;opacity:.95;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));animation:gate-spin 120s linear infinite;pointer-events:none}
.mono-card:after{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 82% 10%,rgba(156,200,244,.18),transparent 70%);pointer-events:none}
.mono-card>*{position:relative;z-index:1}
.mono-card .eyebrow{color:rgba(255,255,255,.6)}.mono-card .eyebrow:before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.14)}
.mono-card h2{margin:0 0 18px;font-size:clamp(72px,11vw,168px);line-height:.82;letter-spacing:-.045em;color:#fff}
.mono-card p{margin:0;max-width:440px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.66)}
.mono-card p a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
.ca-box{padding:22px;border-radius:26px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.ca-box .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ca-row{display:flex;align-items:center;gap:12px;margin:12px 0 16px}
.ca-row .mono{flex:1;min-width:0;font-size:15px;color:#fff;overflow-wrap:anywhere}
.ca-box .btn.ghost{background:#fff;color:var(--ink)}
.ca-meta{display:flex;flex-wrap:wrap;gap:8px}
.ca-meta span,.ca-meta a{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12.5px;color:rgba(255,255,255,.7)}
.ca-meta b{color:#fff;font-weight:500}
.ca-meta a:hover{color:#fff;background:rgba(255,255,255,.14)}
/* reveal on scroll */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1.2s var(--spring)}
.rv.in{opacity:1;transform:none}

/* responsive */
@media(max-width:1100px){.dock .nav-links>a,.dock .nd-btn{padding:0 12px;font-size:14px}.loop{grid-template-columns:minmax(0,1fr) minmax(220px,300px) minmax(0,1fr);gap:18px 22px}.pool{grid-template-columns:1fr}}
@media(max-width:900px){
  .nav .pill-right.nav-tools{display:flex}
  .nav-tools .theme-tg,.nav-tools .nav-x,.nav-tools .nav-sep,.nav-tools [data-connect],.nav-tools [data-acct]{display:none}
  .btn.nav-burger{display:inline-flex}
  .dock{display:none}
  .footer{padding-bottom:40px}.pops,.cookie-pop{bottom:16px}
  .fgrid{grid-template-columns:1fr 1fr}.f-top{grid-template-columns:1fr}
  .pv-head{grid-template-columns:1fr;gap:18px}.pv-head p{justify-self:start}
  .loop{grid-template-columns:1fr 1fr;gap:16px}
  .loop-em{grid-column:1/3;grid-row:1;width:min(300px,70%);margin:30px auto 46px}
  .step.s-top,.step.s-right,.step.s-bottom,.step.s-left{grid-column:auto;grid-row:auto}
  .mono-card{grid-template-columns:1fr}.mono-card:before{width:90%;right:-30%;top:-14%;opacity:.6}
  .pv-meta{display:none}
  .pool .gl-pool{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .wrap{padding:0 16px}
  .nav-row{padding:12px 14px 0;height:72px}
  .nav .brand{font-size:28px}.nav .brand .mark{width:28px;height:28px}
  .nav .pill.nav-tools{height:52px}
  .nav .pill .btn.accent{display:inline-flex;padding:0 14px}
  .page:not(:has(.hero)){padding-top:112px}
  .page .wrap>.section-head:first-child,.page .wrap>.section:first-child>.section-head:first-child{padding:16px 0 22px}
  .loop{grid-template-columns:1fr}.loop-em{grid-column:1}
  .pv-hero{padding:130px 16px 60px;min-height:auto}
  .pv-stage{width:min(56vw,240px);margin:56px 0 90px}
  .pv-sat{width:42px;height:42px;margin:-21px 0 0 -21px}.pv-sat img{width:20px;height:20px}
  .pool{padding:20px;border-radius:28px}
  .mono-card{border-radius:30px}
  .f-word{margin-top:40px}
  .fbottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.pv-p,.pv-p img,.pv-emblem,.pv-img,.pv-rays,.rv{animation:none!important;transition:none!important;opacity:1;transform:none}}
html[data-theme=dev] .dock{position:static;transform:none;animation:none;background:var(--panel-a);border-radius:2px;box-shadow:0 0 0 1px var(--line);margin:0 auto;width:max-content}
html[data-theme=dev] .pv-scene,html[data-theme=dev] .pv-orbit,html[data-theme=dev] .f-scene,html[data-theme=dev] .mono-card:before{display:none}
html[data-theme=dev] .pv-hero{min-height:0;padding:40px 0;margin-inline:0}
html[data-theme=dev] .footer{background:var(--bg)}
/* home: the dock rises once the hero is scrolled, so it never sits on the hero buttons */
.dock{transition:opacity .5s var(--ease),transform .7s var(--spring)}
html.dock-hide .dock{opacity:0!important;transform:translate(-50%,40px) scale(.96)!important;pointer-events:none}
.pv-stage{width:clamp(190px,min(24vw,34vh),330px)}
.pv-h{font-size:clamp(54px,min(7.6vw,11.5vh),118px)}
/* inner page polish */
.sky-bg{height:680px}
.sky-bg .sky-img{opacity:1;background-position:center 30%}
.sky-bg:after{background:linear-gradient(180deg,rgba(245,248,252,.05) 0%,rgba(245,248,252,.35) 45%,rgba(245,248,252,.8) 75%,var(--bg) 100%)}
.notice.bad{background:rgba(255,255,255,.7);color:var(--ink-60);box-shadow:inset 0 0 0 1px var(--line-2)}
.devbuy .chip{border:0;background:#fff;color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--line-2)}
.devbuy .chip:hover{background:#fff;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(76,149,230,.5)}
.devbuy .chip.on,.devbuy .chip.on:hover{background:var(--matte);color:#fff;box-shadow:var(--chip-gloss)}
.devbuy input{border:0;background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line-2)}
.devbuy input::placeholder{color:var(--faint)}
.devbuy input:focus{border:0;box-shadow:0 0 0 1px rgba(76,149,230,.6),0 0 0 5px rgba(76,149,230,.14)}
.page .article{max-width:760px}
.page .article .kicker{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;letter-spacing:.16em;color:var(--ink-60)}
.page .article .kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5a5e66,#0d0e10 70%);box-shadow:0 0 0 3px rgba(76,149,230,.16)}
.page .article h1{font-size:clamp(46px,6vw,80px);line-height:.95;letter-spacing:-.03em;margin:.8rem 0 1.4rem}
.page .article h2{font-size:clamp(28px,2.6vw,36px);margin:3rem 0 .9rem;letter-spacing:-.02em}
.page .article .standfirst{font-size:clamp(17px,1.5vw,21px);color:var(--ink-60)}
.page .article .callout{border:0;border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.page .prose h1{font-size:clamp(46px,6vw,80px);line-height:.95;letter-spacing:-.03em;margin-bottom:1.4rem}
.dock{background:rgba(255,255,255,.9)}
.dock .nd-menu{background:rgba(255,255,255,.98)}
.gate-mark svg{animation:none}


/* ====================== Nexis rebrand ====================== */
body{background:#05070d}
.sky-bg{background:radial-gradient(90% 80% at 50% -20%,#1a3f78 0%,#07101f 46%,#05070d 100%)!important}
.sky-bg .sky-img{opacity:.16!important;filter:blur(8px) saturate(.25) brightness(.28)!important}
.sky-bg:after{background:linear-gradient(180deg,rgba(5,7,13,.15),rgba(5,7,13,.72) 70%,var(--bg))!important}
.pv-scene{background:#05070d}
.pv-img{opacity:.22;filter:saturate(.35) brightness(.28) blur(1px)}
.pv-haze{background:radial-gradient(55% 42% at 50% 46%,rgba(50,130,255,.28),transparent 70%),linear-gradient(180deg,rgba(5,7,13,0) 58%,var(--bg) 100%)}
.pv-rays{mix-blend-mode:screen;opacity:.4}
.pv-h,.pv-h em{color:#eef4ff}
.pv-h em{color:#8fd0ff;text-shadow:0 0 28px rgba(80,170,255,.35)}
.pv-emblem .pv-p:not(.core),.loop-em .pv-p:not(.core){display:none!important}
.pv-emblem .pv-p.core,.loop-em .pv-p.core{left:6%!important;top:4%!important;width:88%!important;height:92%!important}
.pv-p.core img{object-fit:contain;filter:drop-shadow(0 0 28px rgba(70,160,255,.55))}
.pv-emblem{-webkit-box-reflect:below 36px linear-gradient(transparent 46%,rgba(80,160,255,.18))}
.brand .mark img,.btn .mark img,.gate-mark img,.official-logo img{width:100%;height:100%;object-fit:contain;border-radius:0;display:block;background:transparent}
.brand .mark{overflow:visible;border-radius:0;box-shadow:none;background:transparent}
.brand:hover .mark img,.btn.cta:hover .mark{transform:rotate(40deg)}
.gate-mark img{border-radius:0;box-shadow:none}
.official-logo,.official-row .official-logo{background:transparent!important;overflow:visible;padding:0;box-shadow:none!important;border-radius:0!important}
.nav-tools .btn .mark img{width:100%;height:100%}
.btn.accent,.btn.primary,.btn.accent:hover,.btn.primary:hover{background:linear-gradient(180deg,#67c6ff,#1a6dff);color:#041018;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 26px -6px rgba(60,150,255,.85)}
.btn.ghost,.btn.ghost:hover{background:rgba(90,150,255,.08)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px rgba(130,180,255,.28)!important}
.btn.cta,.btn.cta:hover{color:#f4f8ff;background:linear-gradient(180deg,#161e30,#070b14);box-shadow:inset 0 1px 0 rgba(180,215,255,.35),0 0 0 1px rgba(90,170,255,.5),0 22px 40px -16px rgba(40,130,255,.7)}
.ca-box .btn.ghost{background:rgba(255,255,255,.08)!important;color:#fff!important}
.card,.model,.live-stat,.mkt-card,.step,.pool{background:linear-gradient(180deg,#121a2b,#0a101c)!important;box-shadow:inset 0 1px 0 rgba(170,205,255,.08),0 0 0 1px rgba(100,160,255,.14),0 28px 50px -34px rgba(0,0,0,.8)!important}
.card.hover:hover,.step.on{box-shadow:inset 0 1px 0 rgba(180,215,255,.16),0 0 0 1px rgba(90,170,255,.4),0 30px 50px -28px rgba(20,80,180,.55)!important}
.gl-card,.gl-stat,.pool .gl-stat{background:linear-gradient(180deg,#121a2c,#0b1220)!important;color:var(--ink)}
.gl-lg{background:linear-gradient(180deg,#18243a,#101826)!important}
.gl-bar i,.gl-meter i{background:linear-gradient(90deg,#16386e,#4cc3ff)!important}
.table-wrap{background:rgba(10,16,28,.92)!important}
.table tbody tr:hover{background:rgba(70,140,255,.08)}
.field input:focus,.field select:focus,.field textarea:focus,.lp-tile:hover,.lp-tile.active,.devbuy input,.devbuy input:focus,.devbuy .chip{background:#0c1422!important;color:var(--ink)}
.modal>div,.cookie-pop,.nd-menu,.wallet-list button,.dock .nd-menu{background:rgba(10,16,28,.94)!important;color:var(--ink);box-shadow:inset 0 1px 0 rgba(170,205,255,.12),0 0 0 1px rgba(100,160,255,.16),0 30px 60px -24px rgba(0,0,0,.75)!important}
.dock{background:rgba(8,12,22,.72)!important;box-shadow:inset 0 1px 0 rgba(170,205,255,.16),0 0 0 1px rgba(90,150,255,.18),0 24px 50px -18px rgba(0,0,0,.7)!important}
.dock .nav-ind{background:linear-gradient(180deg,#1a2740,#121a2c)!important;box-shadow:inset 0 1px 0 rgba(180,215,255,.16),0 0 0 1px rgba(100,160,255,.2)!important}
.gl-tape{background:rgba(5,8,16,.72)!important;border-bottom:1px solid rgba(120,170,255,.18)!important}
.footer{background:linear-gradient(180deg,rgba(5,7,13,0),#05070d 36%,#03050a)!important}
.f-scene{opacity:.12;filter:brightness(.25) saturate(.3)}
.f-word{background:linear-gradient(180deg,#e7f1ff 8%,rgba(90,170,255,.5) 50%,rgba(90,170,255,0) 100%)}
.mono-card{background:radial-gradient(90% 130% at 82% -20%,#1a4e96 0%,#0b1428 42%,#05070d 78%)!important;box-shadow:inset 0 1px 0 rgba(160,205,255,.22),0 0 0 1px rgba(80,160,255,.28),0 40px 80px -36px #000!important}
.mono-card:before{background:url(/static/assets/nexis-logo.png) center/contain no-repeat!important;animation:none!important;opacity:.88;filter:drop-shadow(0 0 42px rgba(70,160,255,.5))!important}
.mono-card:after{background:radial-gradient(50% 60% at 82% 18%,rgba(70,160,255,.28),transparent 70%)}
.eyebrow:before{background:radial-gradient(circle at 35% 30%,#9fd4ff,#1a6dff 70%);box-shadow:0 0 0 3px rgba(70,160,255,.2)}
.page .wrap>.section-head:first-child>a,.page .wrap>.section:first-child>.section-head:first-child>a{background:rgba(12,18,32,.7)!important;box-shadow:inset 0 1px 0 rgba(180,210,255,.12),0 0 0 1px var(--line)!important}
.page .article .callout{background:#0c1422!important}
a:hover{color:var(--blue-deep)}
h1 em,h2 em{color:#8fd0ff}

/* ====================== Nexis dark pass ======================
   Porcelain leftovers: inputs, code, docs chips, tables, chat,
   menus, and page-local white controls. Layout unchanged. */
:root{
  --green-ink:#5ee9a0;--red-ink:#ff8d84;--orange-ink:#ffc56b;
  --up:#5ee9a0;--down:#ff8d84;--clay:#ffc56b;
}
.hero-bg{background:radial-gradient(90% 80% at 50% -10%,#16325f 0%,#07101c 48%,rgba(5,7,13,0) 78%)!important}
.hero h1,.hero-h{background:linear-gradient(180deg,#f4f8ff,#7ec8ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),
select,textarea,.xsel-btn,.sel,select.sel,
.field input,.field select,.field textarea,
.al-form select,.al-form input,.pf-search input,.ck-bar select,.tm-ctl input,.cp-pick select{
  background-color:#0c1422!important;color:#e8eef8!important;
  border-color:rgba(130,175,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(180,210,255,.06),0 0 0 1px rgba(130,175,255,.16)!important;
}
input::placeholder,textarea::placeholder{color:#7e8da6!important}
.field input:focus,.field select:focus,.field textarea:focus,
.xsel.open>.xsel-btn,.xsel-btn:focus-visible,.xsel-btn:hover,
.devbuy input,.devbuy input:focus,.devbuy .chip,.devbuy .chip:hover{
  background-color:#101a2e!important;color:#e8eef8!important;
}
.devbuy .chip.on,.devbuy .chip.on:hover{background:linear-gradient(180deg,#16386e,#0c1c38)!important;color:#f4f8ff!important}
.table-wrap{background:rgba(8,12,22,.94)!important;color:var(--ink)}
.table th{background:linear-gradient(180deg,#121b2e,#0c1422)!important;color:#93a3bb!important;border-bottom-color:rgba(130,175,255,.16)!important}
.table td{border-top-color:rgba(130,175,255,.1)!important}
.tabs,.seg,.gl-tabs{background:rgba(8,12,22,.78)!important;box-shadow:inset 0 0 0 1px rgba(130,175,255,.18)!important}
.tabs .active,.tabs a.active,.tabs button.active,.seg button.on,.gl-tabs button.on,
.wh-tabs button.on,.tm-tabs button.on,.rc-tabs button.on,.hm-tabs button.on,.cr-tabs button.on{
  background:#14325e!important;color:#f4f8ff!important;
}
.pf-chips button,.wl-add button,.cr-tabs button,.wh-tabs button,.tm-tabs button,.rc-tabs button,.hm-tabs button,#pf-me,#wl-star{
  background:#0c1422!important;color:#e8eef8!important;border-color:rgba(130,175,255,.28)!important;
}
pre,.prose pre,pre.code,.code{
  background:#070b14!important;color:#e7eef8!important;
}
.prose code,.article code{background:rgba(61,155,255,.16)!important;color:#d7e8ff!important}
.msg.me,.msg.u{background:#12305a!important;color:#f4f8ff!important}
.msg.me .meta,.msg.u .meta{color:rgba(244,248,255,.65)!important}
.empty{background:#070b14!important;color:#93a3bb!important;box-shadow:inset 0 0 0 1px rgba(130,175,255,.14)!important}
.gate-card{background:rgba(8,12,22,.92)!important;color:#e8eef8!important}
.modal{background:rgba(5,7,13,.62)!important}
.modal.gate:before{background:rgba(5,7,13,.55)!important}
.modal>div,.cookie-pop,.nd-menu,.dock .nd-menu,.wallet-list button,.pop{
  background:#0c1422!important;color:#e8eef8!important;
}
.notice.bad{background:rgba(224,72,59,.16)!important;color:#ffb4ac!important}
.chart-tip{background:#0c1422!important;color:#e8eef8!important;box-shadow:0 0 0 1px rgba(130,175,255,.2)!important}
.ck-ring div{background:#0a101c!important;color:#e8eef8!important}
.g-strong{background:rgba(22,163,90,.18)!important;color:#5ee9a0!important}
.g-ok,.pill-a{background:rgba(61,155,255,.16)!important;color:#9fd4ff!important}
.pill-a.hit{background:rgba(22,163,90,.18)!important;color:#5ee9a0!important}
.g-watch{background:rgba(242,193,78,.16)!important;color:#ffc56b!important}
.up,.cp-win,.wh-buy,.tm-live{color:#5ee9a0!important}
.wh-buy,.tm-live{background:rgba(22,163,90,.16)!important}
.down,.wh-sell{color:#ff8d84!important}
.wh-sell{background:rgba(224,72,59,.16)!important}
.star.off{color:rgba(232,238,248,.35)!important}
.rc-row:hover{background:rgba(70,140,255,.08)!important}
.gl-lg img{background:#0c1422!important}
.gl-lg b,.gl-grad{color:#9fd4ff!important}
.loop-em:before{background:radial-gradient(closest-side,rgba(40,110,210,.28),transparent 68%)!important}
.pv-sat{background:radial-gradient(circle at 32% 26%,#243656,#0a101a 72%)!important;box-shadow:inset 0 1px 0 rgba(190,215,255,.22),0 12px 24px -12px #000!important}
.cap .ic{background:rgba(10,16,28,.92)!important;box-shadow:inset 0 1px 0 rgba(180,210,255,.16)!important}
.dh-row,.wh-row,.rc-row,.cr-coin,.al-row{border-color:rgba(130,175,255,.12)!important}
.nhead img{background:#101828!important}
.page .article .callout,.prose blockquote{background:#0c1422!important;color:#c5d2e4!important}
.footer,.fbottom{color:#93a3bb}
.compose{background:#0c1422!important}

@media(prefers-reduced-transparency:reduce){
  .nav[data-stuck] .pill,.nav-mobile,.dock{background:#0c1422!important;backdrop-filter:none;-webkit-backdrop-filter:none}
}
.pool .gl-stat{background:linear-gradient(180deg,#121a2c,#0b1220)!important;color:#e8eef8!important}
.lp-tile,.lp-tile:hover,.lp-tile.active{background:#0c1422!important;color:#e8eef8!important}
.mono-card .eyebrow:before{background:#7ec8ff!important}