.pg-hero{position:relative;z-index:2;padding-top:calc(var(--nav-h) + 12vh);padding-bottom:7vh;display:grid;gap:22px}.pg-hero h1{font-size:clamp(3.4rem,9vw,9rem);margin:0;max-width:12ch}.pg-hero .pg-lead{color:var(--slate);max-width:52ch;font-size:clamp(17px,1.35vw,20px);margin:0}.pg-meta{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:13px;color:var(--slate)}.lg{position:relative;z-index:2;display:grid;grid-template-columns:minmax(200px,.7fr) 2fr;gap:clamp(24px,5vw,90px);align-items:start;padding-block:2vh 14vh}.lg-toc{position:sticky;top:calc(var(--nav-h) + 24px);display:grid;gap:10px;font-size:14px}.lg-toc .eyebrow{margin-bottom:8px}.lg-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:toc}.lg-toc li{counter-increment:toc;display:flex;gap:12px;align-items:baseline}.lg-toc li:before{content:counter(toc,decimal-leading-zero);font-size:12px;color:var(--slate);font-variant-numeric:tabular-nums;width:2em;flex:none}.lg-toc a{color:var(--slate);transition:color .3s ease}.lg-toc a:hover,.lg-toc a.on{color:var(--ink)}.lg-body{display:grid;gap:14px;max-width:64ch;color:var(--slate)}.lg-body h2{font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,2.3vw,2.2rem);line-height:1.05;letter-spacing:var(--track-d);color:var(--ink);margin:34px 0 4px;scroll-margin-top:calc(var(--nav-h) + 20px)}.lg-body h2:first-child{margin-top:0}.lg-body p{margin:0}.lg-body ul{margin:0;padding-left:1.2em;display:grid;gap:6px}.lg-body b{color:var(--ink);font-weight:500}.lg-body a{border-bottom:1px solid currentColor}.lg-note{margin-top:28px;padding:18px 20px;background:var(--mist);border-radius:16px;font-size:14px}.pg-one{position:relative;z-index:2;min-height:calc(100svh + -0px);display:grid;align-content:center;gap:26px;padding-block:calc(var(--nav-h) + 8vh) 12vh;overflow:hidden}.pg-one h1{font-size:clamp(3.6rem,11vw,11rem);margin:0;max-width:11ch;position:relative}.pg-one .pg-lead{color:var(--slate);max-width:46ch;font-size:clamp(17px,1.35vw,20px);margin:0}.pg-one .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.pg-code{font-size:13px;color:var(--slate);display:flex;align-items:center;gap:.6em}.pg-code:before{content:"";width:28px;height:1px;background:var(--line)}.pg-one .place-glow{left:22%;top:40%;opacity:.12}.ty-next{position:relative;z-index:2;border-top:1px solid var(--line);padding-block:8vh 14vh;display:grid;gap:6vh}.ty-next .eyebrow{margin:0}.ty-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px)}.ty-step{display:grid;gap:12px;align-content:start;padding-top:18px;border-top:1px solid var(--line)}.ty-n{font-style:normal;font-size:13px;font-weight:500;color:var(--slate);font-variant-numeric:tabular-nums}.ty-step h3{font-size:clamp(1.6rem,2.3vw,2.3rem);margin:0}.ty-step p{color:var(--slate);font-size:15px;max-width:30ch;margin:0}@media(max-width:900px){.pg-hero{padding-top:calc(46px + 9vh);padding-bottom:5vh}.lg{grid-template-columns:1fr;gap:28px;padding-bottom:10vh}.lg-toc{position:static;padding-bottom:18px;border-bottom:1px solid var(--line)}.pg-one{padding-top:calc(46px + 8vh);min-height:calc(100svh - 46px)}.ty-steps{grid-template-columns:1fr;gap:22px}}@media(max-width:560px){.pg-one .btns{display:grid;width:100%}.pg-one .btns .btn{width:100%}}
