.features-page-root{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:#f8fafc;color:#0f172a;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.features-header{height:64px;background-color:#ffffff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:20}.features-header-left{display:flex;align-items:center;gap:16px}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background-color:#f1f5f9;color:#334155;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease;border:1px solid #e2e8f0}.back-btn:hover{background-color:#e2e8f0;color:#0f172a}.header-divider{width:1px;height:24px;background-color:#e2e8f0}.brand-badge{gap:12px}.brand-badge,.brand-icon{display:flex;align-items:center}.brand-icon{width:34px;height:34px;background:linear-gradient(135deg,#4f46e5,#3730a3);color:#ffffff;border-radius:9px;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 2px 6px rgba(79,70,229,.25)}.brand-title-group h1{margin:0;font-size:16px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.brand-title-group p{margin:2px 0 0;font-size:11px;color:#64748b;font-weight:500}.features-header-right{display:flex;align-items:center;gap:14px}.search-box-wrapper{position:relative;width:280px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-input{width:100%;padding:8px 12px 8px 36px;font-size:13px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.search-input:focus{background-color:#ffffff;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.12)}.launch-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#4f46e5;color:#ffffff;font-size:13px;font-weight:600;border-radius:8px;text-decoration:none;box-shadow:0 2px 6px rgba(79,70,229,.25);transition:all .15s ease}.launch-btn:hover{background-color:#4338ca;box-shadow:0 4px 10px rgba(79,70,229,.35)}.features-main-layout{display:flex;flex:1;overflow:hidden}.features-sidebar{width:290px;background-color:#ffffff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-scroll{padding:16px 12px 24px;flex:1}.nav-group{margin-bottom:22px}.nav-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:0 12px;margin-bottom:6px}.nav-item-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;text-align:left;transition:all .12s ease;margin-bottom:2px}.nav-item-btn:hover{background-color:#f1f5f9;color:#0f172a}.nav-item-btn.active{background-color:#eef2ff;color:#4338ca;font-weight:600}.nav-item-left{display:flex;align-items:center;gap:10px;min-width:0}.nav-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-btn.active svg{color:#4f46e5}.tab-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em;background-color:#f1f5f9;color:#64748b;flex-shrink:0}.nav-item-btn.active .tab-badge{background-color:#c7d2fe;color:#3730a3}.sidebar-footer{padding:14px 18px;border-top:1px solid #e2e8f0;background-color:#f8fafc;gap:12px}.avatar-circle,.sidebar-footer{display:flex;align-items:center}.avatar-circle{width:32px;height:32px;border-radius:50%;background-color:#e2e8f0;color:#475569;justify-content:center;font-size:12px;font-weight:700}.author-info p{margin:0;font-size:12px;font-weight:600;color:#1e293b}.author-info span{font-size:11px;color:#64748b}.features-content-area{flex:1;overflow-y:auto;padding:40px 48px;background-color:#f8fafc}.content-max-width{max-width:860px;margin:0 auto}.section-header-box{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.section-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4f46e5;margin-bottom:6px}.section-main-title{margin:0;font-size:28px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.section-lead{margin:10px 0 0;font-size:15px;line-height:1.6;color:#475569}.cards-grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cards-grid-2,.cards-grid-3{display:grid;gap:16px;margin-bottom:24px}.cards-grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.feature-card{background-color:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .15s ease,box-shadow .15s ease}.feature-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}.card-icon-bubble{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.card-icon-bubble.indigo{background-color:#eef2ff;color:#4f46e5}.card-icon-bubble.emerald{background-color:#ecfdf5;color:#059669}.card-icon-bubble.purple{background-color:#f5f3ff;color:#7c3aed}.card-icon-bubble.amber{background-color:#fffbeb;color:#d97706}.card-icon-bubble.rose{background-color:#fff1f2;color:#e11d48}.card-header-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-title{margin:0 0 8px;font-size:14px;font-weight:700;color:#0f172a}.card-desc{margin:0;font-size:13px;line-height:1.6;color:#64748b}.highlight-banner{background:linear-gradient(135deg,#1e1b4b,#0f172a);color:#ffffff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 14px rgba(15,23,42,.2)}.banner-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.banner-pill{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#818cf8}.banner-author{font-size:12px;color:#94a3b8}.banner-quote{margin:0;font-size:14px;line-height:1.7;color:#e2e8f0;font-style:italic}.callout-info{background-color:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:16px;display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.callout-info.green{background-color:#ecfdf5;border-color:#a7f3d0}.callout-info.blue{background-color:#eff6ff;border-color:#bfdbfe}.callout-icon{flex-shrink:0;margin-top:2px}.callout-body h4{margin:0 0 4px;font-size:13px;font-weight:700;color:#92400e}.callout-info.green .callout-body h4{color:#065f46}.callout-info.blue .callout-body h4{color:#1e40af}.callout-body p{margin:0;font-size:12px;line-height:1.6;color:#78350f}.callout-info.green .callout-body p{color:#047857}.callout-info.blue .callout-body p{color:#1d4ed8}.step-row{display:flex;gap:18px;background-color:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.step-number{font-size:18px;font-weight:800;color:#4f46e5;background-color:#eef2ff;padding:4px 12px;border-radius:8px;height:fit-content;flex-shrink:0}.step-details h4{margin:0 0 4px;font-size:14px;font-weight:700;color:#0f172a}.step-details p{margin:0;font-size:13px;line-height:1.6;color:#64748b}.table-wrapper{background-color:#ffffff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.03)}.shortcuts-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.shortcuts-table th{background-color:#f8fafc;padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.shortcuts-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155}.shortcuts-table tr:last-child td{border-bottom:none}.shortcuts-table tr:hover td{background-color:#f8fafc}.kbd-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .15s ease}.kbd-badge:hover{background-color:#e2e8f0}.spec-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background-color:#ffffff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px}.spec-info h4{margin:0 0 4px;font-size:13px;font-weight:700;color:#0f172a}.spec-info p{margin:0;font-size:12px;color:#64748b}.spec-range{font-family:monospace;font-size:12px;font-weight:600;padding:4px 10px;background-color:#f1f5f9;border-radius:6px;color:#334155;flex-shrink:0}@media (max-width:860px){.features-header-right .search-box-wrapper{display:none}.features-content-area{padding:24px 20px}.features-sidebar{width:240px}}