/* Installation extends the original Nucleus theme and pricing-page navigation. */
.install-intro { padding-top: 58px; padding-bottom: 43px; }
.install-intro h1 { margin: 15px 0 21px; font-size: clamp(43px, 5.3vw, 68px); line-height: 1.1; letter-spacing: -.055em; }
.install-lead { max-width: 820px; color: #d2c5dd; font-size: clamp(17px, 2vw, 20px); line-height: 1.7; }
.install-platforms { margin-top: 17px !important; max-width: 760px; color: #aa9eb9; font-size: 13px; line-height: 1.75; }
.install-section-heading { margin-bottom: 24px; }
.install-section-heading h2, .install-pairing h2 { color: #f0e6f7; font-size: clamp(25px, 3vw, 34px); line-height: 1.2; letter-spacing: -.04em; }
.install-section-heading > p { max-width: 750px; margin-top: 12px !important; color: #aaa0ba; font-size: 13px; line-height: 1.75; }
.install-page :not(pre) > code { padding: 2px 5px; border: 1px solid #4a3459; border-radius: 4px; color: #e5c9f6; background: #201329; font-size: .94em; overflow-wrap: anywhere; }
.install-download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.install-download-card { display: flex; flex-direction: column; align-items: start; padding: 30px; border: 1px solid #654477; border-radius: 18px; background: radial-gradient(ellipse at 100% 0, #a94ab01f, transparent 70%), linear-gradient(145deg, #20152b, #11101c); }
.install-architecture { color: #d5aaee; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; letter-spacing: .025em; }
.install-download-card h3 { margin-top: 10px; font-size: 26px; letter-spacing: -.035em; }
.install-download-card > p:not(.install-architecture) { max-width: 430px; margin-top: 12px !important; color: #b7a9c6; font-size: 13px; line-height: 1.75; }
.install-download-card .btn { margin-top: 25px; }
.install-download-format { display: block; margin-top: 11px; color: #a291b2; font-size: 11px; }
.install-checksum-note { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 25px 0 0; }
.install-checksum-note h3 { color: #dfd0e9; font-size: 15px; font-weight: 600; }
.install-checksum-note p { max-width: 660px; margin-top: 7px !important; color: #a99bb9; font-size: 12px; line-height: 1.8; }
.install-checksum-note > .btn { flex-shrink: 0; font-size: 12px; }
.install-steps { padding-top: 64px; }
.install-command-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.install-command-panel { min-width: 0; border: 1px solid #493151; border-radius: 14px; background: #100d19; overflow: hidden; }
.install-command-panel summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; padding: 16px 22px; color: #dfc4ed; background: #20142b; font-size: 13px; font-weight: 600; cursor: pointer; list-style: none; }
.install-command-panel summary::-webkit-details-marker { display: none; }
.install-command-panel summary::after { content: '+'; color: #d49aee; font-size: 20px; font-weight: 400; }
.install-command-panel[open] summary::after { content: '−'; }
.install-command-panel pre { max-width: 100%; margin: 0; padding: 23px 22px; color: #e5d9ef; overflow-x: auto; overscroll-behavior-x: contain; font: 11px/2 ui-monospace, SFMono-Regular, Consolas, monospace; tab-size: 2; }
.install-command-panel code { white-space: pre; }
.install-step-note { margin-top: 17px !important; color: #a394b3; font-size: 12px; line-height: 1.75; }
.install-pairing { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 55px; padding-top: 64px; }
.install-pairing h2 { margin-top: 13px; }
.install-pairing-copy > p:not(.eyebrow) { margin-top: 17px !important; max-width: 480px; color: #b2a4c0; font-size: 13px; line-height: 1.8; }
.install-guide-link { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; margin-top: 18px; color: #dfb8f4; font-size: 13px; text-decoration: underline; text-underline-offset: 5px; }
.install-guide-link:hover { color: #f5d9ff; }
.install-pairing-flow { display: grid; gap: 14px; margin: 0; padding: 24px 24px 24px 48px; border: 1px solid #493151; border-radius: 14px; background: #16101e; color: #bca8cb; font-size: 13px; line-height: 1.75; }
.install-pairing-flow li { padding-left: 5px; }
.install-pairing-flow li::marker { color: #d1a6e9; font-weight: 650; }
.install-pairing-boundary { grid-column: 1 / -1; margin-top: 24px !important; padding-top: 20px; border-top: 1px solid #40304c; color: #a294b1; font-size: 12px; line-height: 1.8; }
@media (max-width: 850px) {
    .install-checksum-note { align-items: start; flex-direction: column; gap: 17px; }
    .install-command-grid { grid-template-columns: 1fr; }
    .install-command-panel pre { font-size: 12px; }
    .install-pairing { gap: 25px; }
}
@media (max-width: 700px) {
    .install-page .nav .brand { grid-column: 1 / -1; }
    .install-intro { padding-top: 37px; padding-bottom: 32px; }
    .install-intro h1 { font-size: clamp(39px, 10vw, 55px); }
    .install-download-grid { grid-template-columns: 1fr; gap: 16px; }
    .install-download-card { padding: 25px; }
    .install-download-card .btn { width: 100%; }
    .install-checksum-note > .btn { width: 100%; }
    .install-steps, .install-pairing { padding-top: 48px; }
    .install-pairing { grid-template-columns: 1fr; }
    .install-pairing-boundary { margin-top: 0 !important; }
}
@media (max-width: 380px) {
    .install-download-card { padding: 22px; }
    .install-command-panel summary { padding-inline: 17px; }
    .install-command-panel pre { padding: 19px 17px; font-size: 11px; }
    .install-pairing-flow { padding: 22px 19px 22px 40px; }
}

.install-agent-guide { display: flex; justify-content: space-between; align-items: center; gap: 26px; margin-top: 35px; padding: 26px 29px; border: 1px solid #654477; border-radius: 14px; background: linear-gradient(120deg, #25162e, #14101e); }
.install-agent-guide h2 { max-width: 600px; color: #eddef5; font-size: 21px; line-height: 1.35; letter-spacing: -.025em; }
.install-agent-guide p { max-width: 620px; margin-top: 9px !important; color: #b5a5c3; font-size: 13px; line-height: 1.75; }
.install-agent-guide .btn { flex-shrink: 0; min-height: 47px; padding-block: 11px; white-space: normal; text-align: center; line-height: 1.5; }
@media (max-width: 850px) {
    .install-agent-guide { flex-direction: column; align-items: start; gap: 18px; }
}
@media (max-width: 700px) {
    .install-agent-guide { padding: 23px; }
    .install-agent-guide .btn { width: 100%; }
}

/* Put the agent-assisted path before platform choice and longer alpha details. */
.install-agent-primary { width: 100%; margin-top: 0; margin-bottom: 23px; padding: 30px; border-color: #a36ac6; background: radial-gradient(ellipse at 100% 0, #be58c633, transparent 75%), linear-gradient(120deg, #2b193b, #191222); }
.install-agent-primary h2 { max-width: 650px; font-size: clamp(24px, 2.7vw, 32px); line-height: 1.2; letter-spacing: -.035em; }
.install-agent-primary p { max-width: 590px; color: #c7b5d6; }
.install-agent-primary .btn { min-height: 56px; max-width: 320px; padding: 14px 21px; font-size: 14px; }
.install-alpha-note { max-width: 900px; color: #b1a0bf; font-size: 14px; line-height: 1.75; }
@media (max-width: 700px) {
    .install-intro { padding-top: 25px; }
    .install-intro h1 { margin-top: 12px; margin-bottom: 18px; }
    .install-agent-primary { padding: 21px; gap: 16px; margin-bottom: 19px; }
    .install-agent-primary h2 { font-size: 24px; }
    .install-agent-primary p { margin-top: 9px !important; font-size: 12px; line-height: 1.65; }
    .install-agent-primary .btn { max-width: none; min-height: 54px; font-size: 13px; padding-inline: 12px; }
    .install-alpha-note { font-size: 12px; }
}

.install-command-panel > h3 { padding: 20px 20px 0; color: #e2c9ef; font-size: 15px; line-height: 1.5; }
.install-command-panel > .install-step-note { margin-top: 0 !important; padding: 0 20px 20px; }
@media (max-width: 700px) { .install-page.nucleus-hosted .nav .brand { grid-column: 1; grid-row: 1; } }