.install-page{min-height:100vh;min-height:100dvh;background:var(--surface-0);color:var(--text-primary);font-family:var(--font-sans);position:relative;overflow-x:clip}.install-page:before{content:"";position:absolute;inset:0 0 auto 0;height:760px;background:radial-gradient(900px 440px at 50% -160px,rgba(34,211,238,.12),transparent 70%),linear-gradient(180deg,var(--surface-1) 0%,var(--surface-0) 60%);pointer-events:none;z-index:0}.install-hero{padding:104px 32px 56px;text-align:center;position:relative;z-index:1}.install-hero-content{max-width:760px;margin:0 auto}.install-hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;margin:0 0 24px;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--label-weight);text-transform:var(--label-uppercase);letter-spacing:var(--label-tracking);color:var(--accent-300);background:#22d3ee1a;border:1px solid var(--border-accent);border-radius:999px}.install-hero-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-400);box-shadow:0 0 10px var(--accent-400)}.install-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin:0 0 18px;letter-spacing:-.02em;color:var(--text-primary);line-height:1.06}.install-title em{font-style:normal;background:linear-gradient(180deg,var(--accent-300),var(--accent-500));-webkit-background-clip:text;background-clip:text;color:transparent}.install-subtitle{font-size:var(--fs-xl);color:var(--text-muted);margin:0 auto 32px;line-height:1.55;font-weight:400;max-width:620px}.install-hero-rule{width:64px;height:1px;margin:40px auto 0;background:linear-gradient(90deg,transparent,var(--border-accent),transparent)}.install-cmd-row{display:flex;align-items:stretch;gap:8px;max-width:640px;margin:0 auto;text-align:left}.install-cmd{flex:1;min-width:0;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;font-family:var(--font-mono);font-size:var(--fs-md);color:var(--text-primary);overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all}.install-copy{background:linear-gradient(180deg,var(--accent-400),var(--accent-500));color:var(--surface-0);border:1px solid var(--accent-400);border-radius:var(--radius-md);padding:0 20px;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;text-transform:var(--label-uppercase);letter-spacing:var(--label-tracking);cursor:pointer;min-width:88px;transition:all var(--motion-fast)}.install-copy:hover{background:linear-gradient(180deg,var(--accent-300),var(--accent-400));border-color:var(--accent-300);box-shadow:var(--accent-glow)}.install-cmd-multiline{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:inherit}.install-cmd-multiline code{font-family:inherit;background:none;border:none;padding:0}.install-examples{margin:0 0 28px;padding:28px 26px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);position:relative}.install-examples:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);opacity:.6}.install-examples-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:600;margin:0 0 8px;letter-spacing:-.01em;color:var(--text-primary)}.install-examples-lede{margin:0 0 22px;font-size:var(--fs-lg);line-height:1.55;color:var(--text-secondary);max-width:62ch}.install-code-example{margin-bottom:20px}.install-code-example:last-child{margin-bottom:0}.install-code-example-head h3{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;margin:0 0 6px;color:var(--text-primary)}.install-code-example-head p{margin:0 0 10px;font-size:var(--fs-md);line-height:1.5;color:var(--text-muted)}.install-examples .install-cmd-row{max-width:none;margin:0}.install-details-cmd{margin-top:12px}.install-details-cmd .install-cmd{flex:1;min-width:0}.install-container{max-width:1040px;margin:0 auto;padding:8px 32px 112px;position:relative;z-index:1}.feeder-flow,.feeder-mode,.feeder-disclaimers,.install-details{position:relative;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--motion-med),transform var(--motion-med),box-shadow var(--motion-med)}.feeder-flow:before,.feeder-mode:before,.feeder-disclaimers:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);opacity:.6}.feeder-flow{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:28px 20px}.feeder-flow-node{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:4px}.feeder-flow-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-accent);background:#22d3ee0f;margin-bottom:6px}.feeder-flow-icon svg{width:22px;height:22px;fill:none;stroke:var(--accent-300);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.feeder-flow-label{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.feeder-flow-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);text-transform:var(--label-uppercase);letter-spacing:var(--label-tracking)}.feeder-flow-arrow{display:flex;align-items:center;color:var(--accent-400);font-size:18px}.feeder-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0 0 20px}.feeder-mode{padding:24px 26px}.feeder-mode:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.feeder-mode h3{font-family:var(--font-display);margin:0 0 10px;font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.feeder-mode p{margin:0;font-size:var(--fs-lg);line-height:1.55;color:var(--text-secondary)}.install-steps{margin:0 0 24px;padding:4px 0 4px 22px;color:var(--text-secondary);font-size:var(--fs-lg);line-height:1.65}.install-steps li{margin-bottom:10px}.install-steps a,.feeder-mode a,.feeder-shot a,.feeder-disclaimers a,.install-details a{color:var(--accent-300);text-decoration:none}.install-steps a:hover,.feeder-mode a:hover,.feeder-shot a:hover,.feeder-disclaimers a:hover,.install-details a:hover{text-decoration:underline}.install-steps code,.feeder-mode code,.install-details code{font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--surface-0);border:1px solid var(--border-subtle);padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.feeder-shot{margin:0 0 24px}.feeder-shot img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.feeder-shot figcaption{margin-top:12px;font-size:var(--fs-md);color:var(--text-muted);line-height:1.5;text-align:center}.feeder-disclaimers{margin:0 0 24px;padding:26px 28px}.install-section-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 12px;margin:0 0 18px;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--label-weight);text-transform:var(--label-uppercase);letter-spacing:var(--label-tracking);color:var(--accent-300);background:#22d3ee1a;border:1px solid var(--border-accent);border-radius:999px}.feeder-disclaimers ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 28px}.feeder-disclaimers li{font-size:var(--fs-lg);line-height:1.55;color:var(--text-secondary);padding-left:16px;border-left:2px solid var(--border-accent)}.feeder-disclaimers strong{display:block;margin-bottom:2px;font-family:var(--font-display);color:var(--text-primary)}.install-faq{display:flex;flex-direction:column;gap:12px}.install-details{padding:14px 18px}.install-details:hover{border-color:var(--border-strong)}.install-details summary{cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);color:var(--text-primary);-webkit-user-select:none;user-select:none}.install-details p{margin:14px 0 0;color:var(--text-secondary);line-height:1.55;font-size:var(--fs-md)}.feeder-benefits-bar{background:color-mix(in srgb,var(--accent, #3b82f6) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent, #3b82f6) 20%,transparent);padding:20px 24px}.feeder-benefits-bar-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 32px}.feeder-benefit-item{font-size:.85rem;line-height:1.5;color:var(--text-secondary, #94a3b8)}.feeder-benefit-item strong{color:var(--text-primary, #f1f5f9);display:block;margin-bottom:2px}.feeder-benefit-item a{color:var(--accent, #3b82f6);text-decoration:none}.feeder-benefit-item a:hover{text-decoration:underline}@media (max-width: 480px){.feeder-benefits-bar{padding:16px}.feeder-benefits-bar-inner{grid-template-columns:1fr;gap:12px}}@media (max-width: 768px){.install-hero{padding:72px 20px 40px}.install-container{padding:8px 20px 72px}.feeder-disclaimers ul{grid-template-columns:1fr}}@media (max-width: 480px){.install-hero{padding:56px 16px 32px}.install-container{padding:4px 16px 64px}.feeder-flow{padding:20px 16px}.feeder-mode{padding:20px}.feeder-disclaimers{padding:22px 20px}.feeder-flow{flex-direction:column;align-items:stretch}.feeder-flow-node{flex-direction:row;justify-content:flex-start;gap:14px;text-align:left}.feeder-flow-icon{margin-bottom:0}.feeder-flow-arrow{justify-content:center;transform:rotate(90deg)}.install-cmd-row{flex-direction:column}.install-copy{min-height:44px}.install-examples{padding:22px 18px}.install-examples .install-cmd-row{flex-direction:column}}
