.in-hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 45%, var(--color-secondary) 100%);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin:-1rem -1rem 4rem;padding:5rem 3rem;position:relative;overflow:hidden}.in-hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.in-hero-inner{z-index:1;position:relative}.in-hero-badge{backdrop-filter:blur(10px);color:#fff;font-family:var(--font-family-sans);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.12em;background:#ffffff26;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.4rem .9rem;font-size:.72rem;font-weight:600;display:inline-flex}.in-hero-title{font-family:var(--font-family-display);color:#fff;letter-spacing:-.02em;max-width:18ch;margin:0 0 1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.03}.in-hero-title em{color:var(--color-primary-surface);font-style:normal}.in-hero-subtitle{font-family:var(--font-family-sans);color:#ffffffeb;max-width:48rem;margin:0 0 2rem;font-size:1.15rem;font-weight:300;line-height:1.6}.in-install{border-radius:var(--radius-md);background:#0f172a59;border:1px solid #ffffff38;flex-wrap:wrap;align-items:center;gap:.75rem;max-width:100%;padding:.6rem .6rem .6rem 1rem;display:flex}.in-install-label{font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-surface);flex-shrink:0;font-size:.68rem;font-weight:700}.in-install-cmd{color:#fff;white-space:nowrap;flex:1;min-width:0;font-family:SF Mono,Monaco,monospace;font-size:.9rem;overflow-x:auto}.in-copy{font-family:var(--font-family-sans);color:var(--color-primary-dark);border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:none;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.82rem;font-weight:600;transition:background .12s;display:inline-flex}.in-copy.is-copied{background:var(--color-success-surface);color:var(--color-success-text)}.in-copy:focus-visible{outline-offset:2px;outline:2px solid #fff}.in-section{margin-bottom:5rem}.in-head{margin-bottom:2rem}.in-head-label{font-family:var(--font-family-sans);text-transform:uppercase;color:var(--color-primary);letter-spacing:.15em;margin-bottom:.6rem;font-size:.72rem;font-weight:700}.in-head-title{font-family:var(--font-family-display);letter-spacing:-.015em;color:var(--color-text-heading);margin:0;font-size:clamp(1.6rem,4vw,2.35rem);font-weight:800;line-height:1.1}.in-step{margin-bottom:2.5rem}.in-step-head{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.in-step-num{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);width:1.75rem;height:1.75rem;font-family:var(--font-family-sans);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.in-step-title{font-family:var(--font-family-display);color:var(--color-text-heading);letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:800}.in-step-text{font-family:var(--font-family-sans);color:var(--color-text-secondary);max-width:44rem;margin:0 0 1rem;font-size:.95rem;line-height:1.6}.in-step-text code{background:var(--color-surface-secondary);border-radius:var(--radius-sm);color:var(--color-primary-dark);padding:.1rem .4rem;font-family:SF Mono,Monaco,monospace;font-size:.85em}.in-pm-grid{grid-template-columns:1fr 1fr;gap:.75rem;max-width:44rem;display:grid}@media (width<=640px){.in-pm-grid{grid-template-columns:1fr}}.in-pm{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.in-pm-bar{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);padding:.4rem .75rem}.in-pm-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-family:SF Mono,Monaco,monospace;font-size:.7rem;font-weight:700}.in-pm-body{align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.in-pm-cmd{color:var(--color-text-body);white-space:nowrap;flex:1;font-family:SF Mono,Monaco,monospace;font-size:.82rem;overflow-x:auto}.in-pm-copy{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}@media (hover:hover) and (pointer:fine){.in-pm-copy:hover{background:var(--color-surface-hover);color:var(--color-primary)}}.in-pm-copy.is-copied{color:var(--color-success-strong)}.in-pm-copy:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.in-code{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#1e293b;max-width:44rem;overflow:hidden}.in-code-bar{background:#334155;align-items:center;gap:.45rem;padding:.6rem .9rem;display:flex}.in-dot{border-radius:var(--radius-pill);width:11px;height:11px}.in-dot.d1{background:#64748b}.in-dot.d2{background:#94a3b8}.in-dot.d3{background:#cbd5e1}.in-code-lang{color:#cbd5e1;text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-family:SF Mono,Monaco,monospace;font-size:.72rem}.in-code pre{color:#e2e8f0;white-space:pre;margin:0;padding:1.15rem 1.25rem;font-family:SF Mono,Monaco,monospace;font-size:.82rem;line-height:1.75;overflow-x:auto}.in-code .c-cm{color:#94a3b8;font-style:italic}.in-code .c-kw{color:#c084fc}.in-code .c-sel{color:#fbbf24}.in-code .c-prop{color:#7dd3fc}.in-code .c-v{color:#a5f3fc}.in-code .c-p{color:#94a3b8}.in-cols{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=820px){.in-cols{grid-template-columns:1fr}}.in-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;padding:1.5rem;text-decoration:none;display:block}.in-panel-link{transition:border-color .12s,box-shadow .12s,transform .12s}a.in-panel-link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}a.in-panel-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.in-panel-icon{border-radius:var(--radius-md);background:var(--color-surface-secondary);width:42px;height:42px;color:var(--color-text-muted);justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.in-panel-icon-accent{background:var(--color-primary-surface);color:var(--color-primary)}.in-panel-icon .material-symbols-outlined{font-size:24px}.in-panel-title{font-family:var(--font-family-display);color:var(--color-text-heading);margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.in-panel-text{font-family:var(--font-family-sans);color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.55}.in-panel-text code{background:var(--color-surface-secondary);border-radius:var(--radius-sm);color:var(--color-primary-dark);padding:.1rem .35rem;font-family:SF Mono,Monaco,monospace;font-size:.85em}.in-panel-cta{font-family:var(--font-family-sans);color:var(--color-primary-dark);align-items:center;gap:.35rem;margin-top:1rem;font-size:.85rem;font-weight:600;display:inline-flex}.in-note{align-items:flex-start;gap:.75rem;max-width:44rem;display:flex}.in-note .material-symbols-outlined{color:var(--color-text-muted);flex-shrink:0;margin-top:.1rem;font-size:1.2rem}.in-note p{font-family:var(--font-family-sans);color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.55}.in-note code{background:var(--color-surface-secondary);border-radius:var(--radius-sm);color:var(--color-primary-dark);padding:.1rem .35rem;font-family:SF Mono,Monaco,monospace;font-size:.85em}