.c4bb9G_banner{border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-2xl);background:var(--card);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.c4bb9G_banner:hover{border-color:var(--brand);box-shadow:0 4px 24px #a855f714}.c4bb9G_banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#a855f70a,#0000);width:60%;height:100%;animation:8s ease-in-out infinite c4bb9G_shimmer;position:absolute;top:0;left:-100%}@keyframes c4bb9G_shimmer{0%,to{left:-100%}50%{left:150%}}.c4bb9G_content{z-index:1;flex:1;min-width:0;position:relative}.c4bb9G_headline{font-size:var(--font-size-lg);color:var(--text-main);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-weight:700;line-height:1.35;display:flex}.c4bb9G_frameworkName{color:var(--brand)}.c4bb9G_subtext{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.c4bb9G_price{color:var(--brand);font-weight:700}.c4bb9G_featurePills{gap:var(--space-sm);margin-top:var(--space-base);flex-wrap:wrap;display:flex}.c4bb9G_featurePill{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--brand-soft);color:var(--brand);white-space:nowrap;font-weight:600;display:inline-flex}.c4bb9G_ctaWrap{z-index:1;align-items:center;gap:var(--space-sm);flex-direction:column;flex-shrink:0;display:flex;position:relative}.c4bb9G_ctaBtn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-invert);background:linear-gradient(135deg, var(--brand-grad-from), var(--brand-grad-to));cursor:pointer;white-space:nowrap;border:none;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.c4bb9G_ctaBtn:hover{opacity:.9;transform:translateY(-1px)}.c4bb9G_ctaNote{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}@media (max-width:768px){.c4bb9G_banner{padding:var(--space-xl);align-items:flex-start;gap:var(--space-base);flex-direction:column}.c4bb9G_ctaWrap{align-items:flex-start;width:100%}.c4bb9G_ctaBtn{justify-content:center;width:100%}.c4bb9G_headline{font-size:var(--font-size-base)}}
._9dtcmq_page{animation:.3s _9dtcmq_fadeIn}@keyframes _9dtcmq_fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._9dtcmq_pageHeader{margin-bottom:var(--space-2xl)}._9dtcmq_pageTitle{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);color:var(--text-main);font-weight:800;line-height:1.15}._9dtcmq_pageSubtitle{font-size:var(--font-size-lg);color:var(--text-muted);max-width:680px;margin-bottom:var(--space-xl);line-height:1.65}._9dtcmq_sectionLabel{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-base);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;background:var(--brand-soft);color:var(--brand);margin-bottom:var(--space-base);font-weight:700;display:inline-flex}._9dtcmq_headerIconRow{align-items:center;gap:var(--space-base);margin-bottom:var(--space-base);display:flex}._9dtcmq_headerIcon{padding:var(--space-md);border-radius:var(--radius-xl);background:var(--brand-soft);color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}._9dtcmq_filterRow{gap:var(--space-base);max-width:680px;margin-bottom:var(--space-2xl);flex-direction:column;display:flex}@media (min-width:768px){._9dtcmq_filterRow{flex-direction:row}}._9dtcmq_searchWrap{flex:1;position:relative}._9dtcmq_searchIcon{left:var(--space-base);width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}._9dtcmq_searchInput{width:100%;padding:var(--space-md) var(--space-base) var(--space-md) calc(var(--space-base) + 28px);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);color:var(--text-main);font-size:var(--font-size-base);outline:none;font-family:inherit;transition:border-color .2s}._9dtcmq_searchInput::placeholder{color:var(--text-muted);opacity:.7}._9dtcmq_searchInput:focus{border-color:var(--brand)}._9dtcmq_selectWrap{width:100%;position:relative}@media (min-width:768px){._9dtcmq_selectWrap{width:240px}}._9dtcmq_selectIcon{left:var(--space-base);width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}._9dtcmq_selectChevron{right:var(--space-base);width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}._9dtcmq_select{width:100%;padding:var(--space-md) var(--space-2xl) var(--space-md) calc(var(--space-base) + 28px);appearance:none;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);color:var(--text-main);font-size:var(--font-size-base);cursor:pointer;outline:none;font-family:inherit;transition:border-color .2s}._9dtcmq_select:focus{border-color:var(--brand)}._9dtcmq_cardGrid{gap:var(--space-base);grid-template-columns:1fr;display:grid}._9dtcmq_listCard{padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);gap:var(--space-base);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}@media (min-width:768px){._9dtcmq_listCard{flex-direction:row;align-items:center}}._9dtcmq_listCard:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}._9dtcmq_featureCard{padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);gap:var(--space-base);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}._9dtcmq_featureCard:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);transform:translateY(var(--card-hover-lift))}._9dtcmq_featureCard:before{content:"";background:linear-gradient(90deg, var(--brand-grad-from), var(--brand-grad-to));opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}._9dtcmq_featureCard:hover:before{opacity:1}._9dtcmq_cardIcon{padding:var(--space-md);border-radius:var(--radius-lg);background:var(--brand-soft);color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}._9dtcmq_cardIconWarning{background:var(--warning-soft);color:var(--warning);}._9dtcmq_cardIconSuccess{background:var(--success-soft);color:var(--success);}._9dtcmq_cardTitle{font-size:var(--font-size-lg);color:var(--text-main);font-weight:700;line-height:1.3;transition:color .2s}._9dtcmq_featureCard:hover ._9dtcmq_cardTitle,._9dtcmq_listCard:hover ._9dtcmq_cardTitle{color:var(--brand)}._9dtcmq_cardDesc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}._9dtcmq_cardMeta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}._9dtcmq_pill{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);background:var(--muted-soft);color:var(--text-muted);flex-shrink:0;font-weight:600;display:inline-flex}@media (max-width:768px){._9dtcmq_cardTitleRow{gap:var(--space-sm);flex-direction:column;align-items:flex-start!important}._9dtcmq_cardTypeBadge{order:-1}}._9dtcmq_pillBrand{background:var(--brand-soft);color:var(--brand);border-color:#0000;}._9dtcmq_tableWrap{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);overflow:hidden}._9dtcmq_table{text-align:left;border-collapse:collapse;width:100%}._9dtcmq_thead{border-bottom:1px solid var(--border)}._9dtcmq_th{padding:var(--space-base) var(--space-xl);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}._9dtcmq_tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}._9dtcmq_tbody tr:last-child{border-bottom:none}._9dtcmq_tbody tr:hover{background:var(--muted-soft)}._9dtcmq_td{padding:var(--space-base) var(--space-xl);vertical-align:top;font-size:var(--font-size-base);color:var(--text-main);line-height:1.6}._9dtcmq_emptyState{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-xl)}._9dtcmq_emptyStateIcon{margin:0 auto var(--space-base);color:var(--text-muted);opacity:.5}._9dtcmq_breadcrumb{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--text-muted);margin-bottom:var(--space-xl);display:flex}._9dtcmq_breadcrumbLink{color:var(--text-muted);text-decoration:none;transition:color .2s}._9dtcmq_breadcrumbLink:hover{color:var(--brand)}._9dtcmq_breadcrumbCurrent{color:var(--brand);font-weight:600}._9dtcmq_articleHeader{gap:var(--space-xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--border);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}@media (min-width:768px){._9dtcmq_articleHeader{flex-direction:row;justify-content:space-between;align-items:flex-start}}._9dtcmq_articleMeta{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-base);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--card);font-size:var(--font-size-sm);color:var(--text-muted);display:inline-flex}._9dtcmq_sectionHeader{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);margin-bottom:var(--space-xl);display:flex}._9dtcmq_sectionHeaderLabel{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;text-decoration:none;transition:color .15s}._9dtcmq_sectionHeaderLabel:hover{color:var(--brand)}._9dtcmq_refList{border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden}._9dtcmq_refItem{padding:var(--space-base) var(--space-xl);border-bottom:1px solid var(--border);background:var(--card);color:inherit;justify-content:space-between;align-items:center;gap:var(--space-base);text-decoration:none;transition:background .15s;display:flex}._9dtcmq_refItem:last-child{border-bottom:none}._9dtcmq_refItem:hover{background:var(--muted-soft)}._9dtcmq_refItemLeft{align-items:center;gap:var(--space-base);flex:1;min-width:0;display:flex}._9dtcmq_refDot{background:var(--brand);opacity:.6;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:opacity .15s,transform .15s}._9dtcmq_refItem:hover ._9dtcmq_refDot{opacity:1;transform:scale(1.25)}._9dtcmq_refTitle{font-size:var(--font-size-sm);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-weight:500;transition:color .15s;overflow:hidden}._9dtcmq_refItem:hover ._9dtcmq_refTitle{color:var(--brand)}._9dtcmq_refPublisher{font-size:var(--font-size-xs);color:var(--text-muted);opacity:.8;margin-top:2px}._9dtcmq_refBadge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-base);border-radius:var(--radius-full);background:var(--input);font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0;font-weight:500;transition:background .15s,color .15s;display:inline-flex}._9dtcmq_refItem:hover ._9dtcmq_refBadge{background:var(--brand-soft);color:var(--brand)}._9dtcmq_tagCloud{gap:var(--space-sm);flex-wrap:wrap;display:flex}._9dtcmq_tagLink{padding:var(--space-xs) var(--space-base);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--muted-soft);font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;text-decoration:none;transition:border-color .2s,color .2s}._9dtcmq_tagLink:hover{border-color:var(--brand);color:var(--brand)}._9dtcmq_ctaBox{margin-top:var(--space-3xl);border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--card);padding:var(--space-2xl);text-align:center}._9dtcmq_ctaBoxText{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-base);font-weight:500}._9dtcmq_ctaBoxBtn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-invert);background:linear-gradient(135deg, var(--brand-grad-from), var(--brand-grad-to));font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}._9dtcmq_ctaBoxBtn:hover{opacity:.9}._9dtcmq_visualScroll{gap:var(--space-xl);padding:var(--space-base) 0 var(--space-xl);scroll-snap-type:x mandatory;display:flex;overflow-x:auto}._9dtcmq_visualCard{scroll-snap-align:center;width:320px;padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);flex:none;transition:border-color .2s,transform .2s,box-shadow .2s}@media (min-width:768px){._9dtcmq_visualCard{width:384px}}._9dtcmq_visualCard:hover{border-color:var(--card-hover-border);transform:translateY(var(--card-hover-lift));box-shadow:var(--card-hover-shadow)}._9dtcmq_visualCardIcon{padding:var(--space-md);border-radius:var(--radius-lg);background:var(--brand-soft);color:var(--brand);margin-bottom:var(--space-base);transition:background .2s,color .2s;display:inline-flex}._9dtcmq_visualCard:hover ._9dtcmq_visualCardIcon{background:var(--brand);color:var(--text-invert)}._9dtcmq_codeTabs{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);overflow:hidden}._9dtcmq_codeTabBar{border-bottom:1px solid var(--border);background:var(--muted-soft);display:flex}._9dtcmq_codeTab{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-sm);border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;font-weight:700;transition:background .15s,color .15s}._9dtcmq_codeTabActive{background:var(--card);color:var(--brand);position:relative;top:1px}._9dtcmq_codeTabBody{background:var(--input);border-radius:0 0 var(--radius-xl) var(--radius-xl)}._9dtcmq_toggleBtn{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-base);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--input);color:var(--text-muted);cursor:pointer;border:none;font-weight:600;transition:background .15s,color .15s;display:inline-flex}._9dtcmq_toggleBtnActive{background:var(--brand-soft);color:var(--brand)}._9dtcmq_expandBtn{}._9dtcmq_accordionBody{transition:max-height .3s,opacity .3s;overflow:hidden}._9dtcmq_accordionBodyOpen{opacity:1;max-height:600px}._9dtcmq_accordionBodyClosed{opacity:0;max-height:0}._9dtcmq_grid2{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){._9dtcmq_grid2{grid-template-columns:1fr 1fr}}._9dtcmq_grid3{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){._9dtcmq_grid3{grid-template-columns:repeat(3,1fr)}}