.framework-section{width:min(calc(100% - 96px), var(--container));border-top:1px solid #96a5b924;margin:0 auto;padding:74px 0 110px;position:relative}.framework-intro{max-width:790px}.framework-list{flex-direction:column;gap:16px;display:flex}.framework-card{border:1px solid var(--border);border-radius:var(--radius-md);min-height:190px;transition:transform .32s var(--ease-out), border-color .32s ease, box-shadow .32s ease, background .32s ease;background:linear-gradient(145deg,#0e1c2ceb,#081421d6);grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:36px;padding:34px 38px;display:grid;position:relative;overflow:hidden}.framework-card:after{content:"";background:var(--accent);opacity:.34;width:2px;transition:transform .36s var(--ease-out), opacity .3s ease;border-radius:99px;position:absolute;top:22px;bottom:22px;left:0;transform:scaleY(.32)}.framework-card:hover{border-color:var(--border-hover);background:linear-gradient(145deg,#ff304f0e,#081421eb 42%);transform:translateY(-4px);box-shadow:0 22px 50px #0000004d,0 0 32px #ff304f0d}.framework-card:hover:after{opacity:1;transform:scaleY(1)}.framework-card-index{border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;align-self:stretch;padding-right:30px;display:flex}.framework-number{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.framework-icon{width:46px;height:46px;color:var(--accent);transition:transform .32s var(--ease-out), background .32s ease, border-color .32s ease;background:#ff304f0e;border:1px solid #ff304f52;border-radius:13px;place-items:center;font-size:19px;display:grid}.framework-card:hover .framework-icon{background:#ff304f17;border-color:#ff304f9e;transform:rotate(-3deg)translateY(-2px)}.framework-card-content{min-width:0}.framework-label{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:10px}.framework-card h3{letter-spacing:-.035em;max-width:900px;margin:0;font-size:clamp(23px,2.2vw,34px);line-height:1.16}.framework-description{max-width:850px;color:var(--text-secondary);margin:16px 0 0;font-size:15px;line-height:1.65}.framework-flow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.framework-flow span{font-family:var(--font-mono);color:var(--text-secondary);background:#091522ad;border:1px solid #96a5b926;border-radius:999px;padding:8px 11px;font-size:10.5px}.framework-flow i{color:#ff304f94;font-size:9px}.framework-status{white-space:nowrap;font-family:var(--font-mono);color:var(--text-muted);background:#091522a3;border:1px solid #96a5b926;border-radius:999px;align-self:start;padding:8px 11px;font-size:10px}.framework-note{margin-top:28px}.framework-library-heading{margin-bottom:26px}.framework-library-heading .subpage-kicker{margin-bottom:0}.framework-card-link{color:inherit;cursor:pointer;text-decoration:none}.framework-read{color:var(--accent-bright);border-color:#ff304f3d}.framework-read i{transition:transform .26s var(--ease-out);margin-left:5px;font-size:9px}.framework-card-link:hover .framework-read i{transform:translate(4px)}