:root{--primary:#4f46e5;--primary-light:#eef2ff;--primary-dark:#3730a3;--bg:#ffffff;--surface:#f8fafc;--text:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--radius:5px;--radius-sm:5px;--shadow:0 4px 24px rgba(15,23,42,0.08);--shadow-lg:0 20px 60px rgba(15,23,42,0.12);--font-body:'Inter',sans-serif;--font-heading:'Space Grotesk',sans-serif}[data-bs-theme=dark]{--bg:#0b0f19;--surface:#111827;--text:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#1f2937;--shadow:0 4px 24px rgba(0,0,0,0.35);--shadow-lg:0 20px 60px rgba(0,0,0,0.45)}.hero{padding:4rem 0 3rem;background:var(--surface);border-bottom:1px solid var(--border)}.hero h1{font-size:clamp(2rem, 4vw, 3rem);margin-bottom:1rem}.hero .lead{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin-bottom:1.5rem}.code-block{background:#0f172a;border-radius:var(--radius);padding:1.5rem;overflow-x:auto;font-family:'SF Mono','Fira Code',Consolas,monospace;font-size:.85rem;line-height:1.6;color:#e2e8f0;box-shadow:var(--shadow-lg);min-width:540px}.code-block .comment{color:#64748b}.code-block .keyword{color:#c084fc}.code-block .string{color:#4ade80}.code-block .variable{color:#7dd3fc}.code-block .function{color:#fbbf24}.code-block .tag{color:#f87171}.code-block pre{margin:0}.code-block .copy-btn{position:absolute;top:.75rem;right:.75rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;background:rgba(255,255,255,.1);color:#94a3b8;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .15s}.code-block .copy-btn:hover{background:rgba(255,255,255,.2);color:#fff}.code-block-wrap{position:relative}.feature-item-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);height:100%;transition:all .2s}.feature-item-card:hover{border-color:var(--primary);box-shadow:0 8px 32px rgba(79,70,229,.12)}.feature-item-card .icon{width:44px;height:44px;border-radius:10px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-item-card h4{font-size:1.1rem;margin-bottom:.5rem}.feature-item-card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:0}.eyebrow{font-size:.85rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.sdk-tabs{display:flex;gap:6px;margin-bottom:1rem}.sdk-tab{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);transition:all .15s}.sdk-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sdk-tab:hover:not(.active){border-color:var(--primary);color:var(--primary)}.sdk-panel{display:none}.sdk-panel.active{display:block}.method-list{list-style:none;padding:0;margin:0}.method-list li{padding:.75rem 0;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:.75rem}.method-list li:last-child{border-bottom:none}.method-list .method-name{font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:var(--primary);white-space:nowrap}.method-list .method-desc{font-size:.9rem;color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.dto-badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;background:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:600;font-family:var(--font-heading)}.install-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.install-step:last-child{border-bottom:none}.install-step .num{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-step .content h5{font-size:1rem;margin-bottom:.25rem}.install-step .content p{color:var(--text-secondary);font-size:.9rem;margin:0}