.agentInstallPage{background:var(--surface-canvas);min-height:100vh;color:var(--text-primary)}.agentInstallNav{border-bottom:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;justify-content:space-between;align-items:center;height:72px;padding:0 max(22px,50vw - 580px);display:flex;position:sticky;top:0}.agentInstallNav nav{gap:8px;display:flex}.agentInstallNav nav a{color:var(--text-secondary);border-radius:9px;padding:10px 12px;font-weight:700}.agentInstallNav nav a:hover{background:var(--interactive-soft);color:var(--interactive)}.agentInstallHero{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:56px;width:min(1160px,100% - 40px);margin:auto;padding:86px 0 54px;display:grid}.agentInstallHero small,.agentInstallSteps small,.agentConnectFields small,.agentInstallNote small{color:var(--interactive);letter-spacing:.14em;font-weight:850}.agentInstallHero h1{letter-spacing:-.055em;max-width:720px;margin:16px 0;font-size:clamp(42px,6.5vw,76px);line-height:1.02}.agentInstallHero>div>p{max-width:690px;color:var(--text-secondary);font-size:18px;line-height:1.75}.agentInstallActions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.agentInstallActions a{border-radius:11px;padding:14px 18px;font-weight:800}.agentInstallActions .primary{background:var(--action-fill);color:#fff}.agentInstallActions .secondary{border:1px solid var(--border-default);background:var(--surface-raised)}.agentInstallHero aside{border:1px solid var(--border-default);background:var(--surface-raised);box-shadow:var(--shadow-sm);border-radius:20px;padding:26px}.agentInstallHero aside h2{font-size:24px;line-height:1.25}.agentInstallHero dl{gap:12px;margin:22px 0 0;display:grid}.agentInstallHero dl div{border-top:1px solid var(--border-default);padding-top:12px}.agentInstallHero dt{color:var(--text-secondary);font-size:12px}.agentInstallHero dd{margin:5px 0 0;font-weight:750}.agentInstallSteps,.agentConnectFields{padding:70px max(20px,50vw - 580px)}.agentInstallSteps{background:var(--surface-inverse);color:var(--text-on-inverse)}.agentInstallSteps h2,.agentConnectFields h2{margin:10px 0 30px;font-size:clamp(30px,4vw,46px)}.agentInstallSteps>div{background:color-mix(in srgb,var(--text-on-inverse) 18%,transparent);border:1px solid color-mix(in srgb,var(--text-on-inverse) 18%,transparent);border-radius:16px;grid-template-columns:repeat(5,1fr);gap:1px;display:grid;overflow:hidden}.agentInstallSteps article{background:var(--surface-inverse);min-height:220px;padding:24px}.agentInstallSteps article span{color:var(--focus-ring);font-size:13px;font-weight:900}.agentInstallSteps h3{margin:26px 0 10px}.agentInstallSteps p{color:color-mix(in srgb,var(--text-on-inverse) 68%,transparent);line-height:1.65}.agentConnectFields>div{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.agentConnectFields article{border:1px solid var(--border-default);background:var(--surface-raised);border-radius:16px;padding:24px}.agentConnectFields article b{font-size:18px}.agentConnectFields article p{color:var(--text-secondary);line-height:1.6}.agentInstallNote{border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border-default));background:color-mix(in srgb,var(--warning) 7%,var(--surface-raised));border-radius:18px;grid-template-columns:1fr 1.4fr;gap:40px;width:min(1160px,100% - 40px);margin:0 auto 80px;padding:28px;display:grid}.agentInstallNote h2{margin:7px 0}.agentInstallNote p{color:var(--text-secondary);line-height:1.7}@media (max-width:900px){.agentInstallHero{grid-template-columns:1fr}.agentInstallSteps>div{grid-template-columns:1fr 1fr}.agentInstallNote{grid-template-columns:1fr;gap:4px}}@media (max-width:560px){.agentInstallNav nav a:first-child{display:none}.agentInstallHero{width:min(100% - 28px,1160px);padding-top:56px}.agentInstallSteps>div,.agentConnectFields>div{grid-template-columns:1fr}.agentInstallActions a{text-align:center;width:100%}}
