.page-head{position:relative;isolation:isolate;overflow:clip;margin-top:calc(-1 * var(--nav-h));padding-top:calc(var(--nav-h) + clamp(3rem,7vw,5.5rem));padding-bottom:clamp(2.5rem,5vw,4rem)}.page-head:before{content:"";position:absolute;z-index:-1;width:820px;right:-240px;top:-340px;bottom:0;background:radial-gradient(circle 410px at 50% 410px,rgba(124,58,237,.26),rgba(124,58,237,.07) 55%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 160px),transparent)}.page-head:after{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:100px 100px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 75% 90% at 50% 0%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 75% 90% at 50% 0%,#000 35%,transparent 100%)}.site .page-title{font-size:clamp(2.8rem,6.4vw,5rem);line-height:1.02;letter-spacing:-.045em;font-weight:800;padding-bottom:.06em}.page-title .grad{padding:0 .12em .12em 0;margin-right:-.12em}.page-lead{color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.2rem);max-width:56ch;margin-top:1.25rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.95rem;margin-bottom:2rem;transition:color .2s,gap .3s var(--ease)}.back-link:hover{color:var(--text);gap:.7rem}.page-head .rise>*{animation:rise 1s var(--ease) both}.page-head .rise>:nth-child(2){animation-delay:.08s}.page-head .rise>:nth-child(3){animation-delay:.16s}.page-head .rise>:nth-child(4){animation-delay:.24s}.badge{display:inline-flex;padding:.2rem .75rem;border-radius:var(--r-pill);background:#8b5cf633;color:#c4b5fd;font-size:.75rem;font-weight:500;border:1px solid rgba(139,92,246,.3)}.badges{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;color:var(--faint);font-size:.875rem}.meta span{display:inline-flex;align-items:center;gap:.4rem}.meta .icon{font-size:1rem}.cover{position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;background:linear-gradient(135deg,var(--c1),var(--c2));color:#ffffff8c}.cover:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 20%,transparent 85%);mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 20%,transparent 85%)}.cover:after{content:"";position:absolute;z-index:-1;width:60%;aspect-ratio:1;right:-12%;top:-30%;border-radius:50%;background:var(--c3);filter:blur(40px);opacity:.55}.cover>.icon{font-size:3rem;transition:transform .5s var(--ease)}.cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cover-violet{--c1: rgba(124, 58, 237, .55);--c2: rgba(76, 29, 149, .35);--c3: #d946ef}.cover-fuchsia{--c1: rgba(162, 28, 175, .45);--c2: rgba(91, 33, 182, .35);--c3: #a78bfa}.cover-indigo{--c1: rgba(79, 70, 229, .5);--c2: rgba(46, 16, 101, .4);--c3: #c084fc}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding:1.75rem 2rem;border-radius:var(--r-card);background:radial-gradient(600px 200px at 100% 0%,rgba(167,139,250,.35),transparent 70%),var(--accent);color:#fff}.site .cta-band :is(h2,h3){font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.15}.cta-band p{color:#fffc;margin-top:.3rem}.cta-band .btn{background:#fff;color:#2e1065}.cta-band .btn:hover{background:#f1ecff}.toc{position:sticky;top:calc(var(--nav-h) + 2rem);align-self:start}.toc-title{color:var(--faint);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.9rem}.toc ol{list-style:none;padding:0;margin:0;display:grid;gap:.1rem;border-left:2px solid var(--line)}.toc a{position:relative;display:block;padding:.4rem 0 .4rem 1rem;color:var(--faint);font-size:.92rem;line-height:1.4;transition:color .25s}.toc a:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:linear-gradient(#8b5cf6,#a855f7);transform:scaleY(0);transition:transform .35s var(--ease)}.toc a:hover{color:var(--muted)}.toc a.is-active{color:var(--text)}.toc a.is-active:before{transform:scaleY(1)}@media(max-width:767px){.cta-band{padding:1.5rem}.cta-band .btn{width:100%;justify-content:center}}