[data-surface=marketing] .page-gold{z-index:0;pointer-events:none;position:fixed;inset:0}[data-surface=marketing] .canon-head,[data-surface=marketing] .codex-rail,[data-surface=marketing] .src,[data-surface=marketing] .close,[data-surface=marketing] .foot{z-index:1;position:relative}[data-surface=marketing] .canon-head{text-align:center;max-width:680px;margin:0 auto;padding:clamp(46px,7vh,84px) clamp(20px,6vw,40px) clamp(26px,4vh,40px)}[data-surface=marketing] .canon-head h1{font-family:var(--display);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(44px,7vw,84px);font-weight:400;line-height:1}[data-surface=marketing] .canon-head .sub{font-family:var(--display);color:#0000009e;margin:0 0 14px;font-size:clamp(17px,2vw,22px);line-height:1.25}[data-surface=marketing] .canon-head .meta{letter-spacing:.03em;color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}[data-surface=marketing] .canon-head .meta a{border-bottom:1px solid #0000004d;padding-bottom:1px}[data-surface=marketing] .canon-head .meta a:hover{color:var(--ink);border-bottom-color:currentColor}[data-surface=marketing] .sheetbox{--boxpad:clamp(14px, 3vw, 30px);background:var(--surface);border:1px solid var(--rule);border-radius:var(--panel);max-width:820px;padding:var(--boxpad);margin:0 auto clamp(20px,3vh,32px)}@media (min-width:861px){[data-surface=marketing] .codex-rail{min-height:170vh}[data-surface=marketing] .sheetbox{top:var(--chrome-h);height:calc(100svh - var(--chrome-h) - 30px);flex-direction:column;display:flex;position:sticky;overflow:hidden}[data-surface=marketing] .scroller.locked{overflow-y:hidden}[data-surface=marketing] .scroller{flex:1;min-height:0;padding:0 2px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 40px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 40px calc(100% - 18px),#0000 100%)}[data-surface=marketing] .scroller::-webkit-scrollbar{width:6px}[data-surface=marketing] .scroller::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}[data-surface=marketing] .canon{scroll-margin-top:14px}}[data-surface=marketing] .jump{margin:calc(-1 * var(--boxpad)) calc(-1 * var(--boxpad)) 0;padding:12px var(--boxpad);background:var(--surface);border-bottom:1px solid var(--rule);border-radius:calc(var(--panel) - 1px) calc(var(--panel) - 1px) 0 0;flex-wrap:wrap;flex:none;justify-content:center;gap:5px;display:flex}[data-surface=marketing] .jump a{border-radius:var(--pill);min-width:46px;height:34px;font-family:var(--display);color:#0009;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 10px;font-size:16px;transition:background-color .2s,color .2s;display:inline-flex}[data-surface=marketing] .jump a:hover{color:var(--ink);background:#0000000f}[data-surface=marketing] .canon{scroll-margin-top:var(--canon-offset,170px);padding:clamp(26px,3.6vh,40px) clamp(6px,1.6vw,18px)}[data-surface=marketing] .canon+.canon{border-top:1px solid var(--rule)}[data-surface=marketing] .canon header{align-items:baseline;gap:14px;margin:0 0 18px;display:flex}[data-surface=marketing] .canon .n{font-family:var(--display);color:var(--accent);font-variant-numeric:tabular-nums;flex:none;font-size:26px;line-height:1}[data-surface=marketing] .canon h2{font-family:var(--display);letter-spacing:-.008em;margin:0;font-size:clamp(21px,2.5vw,27px);font-weight:400;line-height:1.16}[data-surface=marketing] .la{font-family:var(--display);color:#0009;margin:0 0 14px;font-size:17.5px;font-style:italic;line-height:1.56}[data-surface=marketing] .la span{margin-top:7px;display:block}[data-surface=marketing] .la span:first-child{margin-top:0}[data-surface=marketing] .en{font-family:var(--display);color:var(--ink);margin:0 0 16px;font-size:19px;line-height:1.55}[data-surface=marketing] .en span{margin-top:9px;display:block}[data-surface=marketing] .en span:first-child{margin-top:0}[data-surface=marketing] .mem{color:var(--muted);border-left:2px solid var(--gold);margin:0;padding-left:14px;font-size:14.5px;line-height:1.6}[data-surface=marketing] .mem b{color:var(--ink);font-weight:500}[data-surface=marketing] .src{max-width:820px;color:var(--muted);text-align:center;margin:0 auto clamp(46px,7vh,80px);padding:0 clamp(20px,6vw,40px);font-size:12px;line-height:1.6}@media (max-width:560px){[data-surface=marketing] .canon header{flex-direction:column;gap:4px}}