.cx-stage{position:fixed;inset:0;z-index:0}.cx-canvas{display:block;width:100%;height:100%}.cx-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 55%,color-mix(in srgb,var(--bg) 55%,transparent))}.cx-bar{position:fixed;inset:0 0 auto;height:2px;z-index:30}.cx-bar i{display:block;height:100%;background:var(--grad);transform:scaleX(0);transform-origin:left}.cx-nav{position:fixed;top:14px;left:50%;translate:-50% 0;z-index:20;width:min(1320px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 8px 8px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}.cx-nav nav{display:flex;gap:4px}.cx-nav nav a{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);transition:color .3s,background-color .3s}.cx-nav nav a:hover{color:var(--fg)}.cx-nav nav a.on{color:var(--on-brand);background:var(--grad)}.cx-scroll{position:relative;z-index:10;pointer-events:none}.cx-chapter{display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad);max-width:1500px;margin:0 auto}.cx-chapter>*{max-width:620px}.cx-chapter.a-right{align-items:flex-end;text-align:right}.cx-chapter.a-center{align-items:center;text-align:center}.cx-chapter.a-center>*{max-width:900px}.cx-chapter.a-bottom{align-items:center;text-align:center;justify-content:flex-end;padding-bottom:10vh}.cx-chapter.a-bottom>*{max-width:900px}.cx-chapter.a-bottom .cx-title{font-size:clamp(32px,4.4vw,72px)}.cx-title{font-family:var(--font-display),sans-serif;font-weight:500;font-size:clamp(40px,7vw,116px);line-height:.98;letter-spacing:-.045em;margin:0 0 22px;text-shadow:0 2px 40px color-mix(in srgb,var(--bg) 70%,transparent)}.cx-body{font-size:clamp(16px,1.4vw,20px);margin:0;text-shadow:0 1px 20px var(--bg)}.cx-body,.cx-hint{color:var(--muted)}.cx-hint{position:fixed;left:50%;bottom:28px;translate:-50% 0;z-index:20;display:grid;justify-items:center;grid-gap:10px;gap:10px;font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.cx-hint i{width:1px;height:40px;background:var(--line-2);position:relative;overflow:hidden}.cx-hint i:after{content:"";position:absolute;inset:0;background:var(--grad);animation:cue 2s var(--ease) infinite}.cx-index{min-height:100vh;padding:120px var(--pad) 80px;max-width:1320px;margin:0 auto}.cx-index-head{position:fixed;top:16px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;z-index:5}.cx-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:56px}.cx-index-card{position:relative;padding:32px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);display:grid;grid-gap:12px;gap:12px;min-height:300px;align-content:start;transition:border-color .4s,transform .5s var(--ease)}.cx-index-card:hover{border-color:var(--brand-2);transform:translateY(-6px)}.cx-index-tag{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--grad);color:var(--on-brand);font-size:22px;font-weight:600}.cx-index-card h2,.cx-index-tag{font-family:var(--font-display),sans-serif}.cx-index-card h2{font-weight:500;font-size:30px;letter-spacing:-.03em;margin:18px 0 0}.cx-index-card p{color:var(--muted);margin:0}.cx-index-go{margin-top:auto;font-weight:600;color:var(--brand-2)}@media (max-width:760px){.cx-nav .wordmark-text{display:none}.cx-nav nav a{padding:7px 10px;font-size:12px}.cx-chapter,.cx-chapter.a-right{align-items:flex-start;text-align:left;justify-content:flex-end;padding-bottom:14vh}.cx-index-grid{grid-template-columns:1fr}}