*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#1c1917;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.pageShell{background:linear-gradient(#f7f5ef 0%,#f1ede3 100%);min-height:100vh;padding:48px 24px}.pageGrid{gap:16px;width:100%;max-width:1120px;margin:0 auto;display:grid}.heroCard,.contentCard{background:#ffffffe6;border:1px solid #1c19171a;box-shadow:0 24px 80px #29211214}.heroCard{border-radius:28px;padding:32px}.contentCard{border-radius:24px;padding:20px}.heroLayout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:32px;display:grid}.heroMain,.heroAside{align-content:start;gap:24px;display:grid}.eyebrow{color:#78716c;letter-spacing:.18em;text-transform:uppercase;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.4}h1{color:#0c0a09;letter-spacing:0;margin:12px 0 0;font-size:clamp(32px,5vw,52px);font-weight:650;line-height:1}.lead,.summary,.infoBox,.noteBox,.warningBox,.statusCard p{font-size:14px;line-height:1.65}.lead{color:#57534e;max-width:620px;margin:0}.statusCard{border:1px solid;border-radius:16px;padding:16px}.statusCard p{margin:12px 0 0}.statusCardHealthy{color:#365314;background:#ecfccb;border-color:#d9f99d}.statusCardError{color:#881337;background:#ffe4e6;border-color:#fecdd3}.statusCardPending{color:#57534e;background:#f5f5f4;border-color:#e7e5e4}.statusHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.statusHeader span:first-child{font-size:14px;font-weight:600}.statusPill{letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:#ffffffb3;border-radius:999px;padding:5px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px}.buttonGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;min-height:46px;padding:12px 16px;font-size:14px;font-weight:600;transition:background .16s,color .16s;display:inline-flex}.button:focus-visible,.referenceLink:focus-visible{outline-offset:3px;outline:2px solid #78716c}.buttonPrimary{color:#fafaf9;background:#1c1917}.buttonPrimary:hover{background:#44403c}.buttonSecondary{color:#44403c;background:#fafaf9;border:1px solid #1c19171a}.buttonSecondary:hover,.referenceLink:hover{background:#f5f5f4}.infoBox,.noteBox{color:#57534e;background:#fafaf9;border:1px solid #1c19171a;border-radius:16px;padding:14px 16px}.infoBox p,.noteBox,.warningBox{margin:0}.infoBox strong{color:#292524;font-weight:650}.codeBlock{color:#fafaf9;background:#1c1917;border-radius:12px;margin:12px 0;padding:12px;font-size:12px;line-height:1.5;display:block;overflow-x:auto}.warningBox{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:16px;padding:14px 16px}.clientGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.guideStack{gap:16px;display:grid}.splitGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.summary{color:#57534e;margin:12px 0 0}.stepList{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.stepList li{grid-template-columns:24px minmax(0,1fr);gap:12px;display:grid}.stepList span{color:#57534e;background:#f5f5f4;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;display:flex}.stepList p{color:#44403c;margin:0;font-size:14px;line-height:1.55}.terminalBlock{color:#fafaf9;background:#1c1917;border-radius:16px;margin:16px 0 0;padding:12px;font-size:12px;line-height:1.5;overflow-x:auto}.chipList{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{color:#44403c;background:#fafaf9;border:1px solid #1c19171a;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:600}.referenceGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.referenceLink{color:#44403c;background:#fafaf9;border:1px solid #1c19171a;border-radius:16px;padding:12px;font-size:14px;font-weight:600}@media (max-width:900px){.heroLayout,.clientGrid,.splitGrid,.referenceGrid{grid-template-columns:1fr}}@media (max-width:640px){.pageShell{padding:24px 14px}.heroCard{padding:22px}.buttonGrid{grid-template-columns:1fr}}
