.hf-architecture{background:#f0f3eb;border:1px solid #dce3d5;border-radius:12px;grid-template-columns:180px 110px minmax(0,1fr);align-items:center;gap:28px;margin:30px 0 20px;padding:27px;display:grid}.hf-architecture h3{letter-spacing:-.3px;margin:9px 0 4px;font-size:16px;font-weight:600}.hf-architecture p{color:#62745a;font-size:12px;line-height:1.6}.hf-architecture-phone,.hf-architecture-host{text-align:center;min-width:0}.hf-architecture-art{justify-content:center;align-items:center;height:154px;display:flex}.hf-architecture-art svg{width:100%;height:100%}.hf-architecture-network{flex-direction:column;gap:12px;margin-top:9px;display:flex}.hf-architecture-network>span{font:11px var(--hf-mono);color:#607552;justify-content:center;align-items:center;gap:6px;margin-bottom:5px;display:flex}.hf-architecture-route{color:#4e7655;font:10px var(--hf-mono);align-items:center;gap:0;display:flex}.hf-architecture-route>span{margin-right:9px}.hf-architecture-route i{opacity:.5;background:currentColor;flex:1;height:1px}.hf-architecture-return{color:#526ba1}.hf-architecture-return>span{margin:0 0 0 9px}.hf-architecture-computer{background:#fbfcf8;border:1px solid #d1dcc7;border-radius:10px;padding:16px 20px 21px;box-shadow:0 3px #e2e8db}.hf-architecture-computer-label{color:#38533e;border-bottom:1px solid #e6ebdf;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;font-size:12px;display:flex}.hf-architecture-computer-label>span:last-child{font:10px var(--hf-mono);color:#77866d}.hf-architecture-local{grid-template-columns:minmax(0,1.15fr) 36px minmax(0,1fr);align-items:center;gap:13px;padding-top:8px;display:grid}.hf-architecture-host .hf-architecture-art{height:141px}.hf-architecture-host h3{margin-top:3px}.hf-architecture-host p{font-size:11px}.hf-architecture-local-link{color:#819371;align-items:center;display:flex}.hf-architecture-local-link>span{background:#c9d5bd;flex:1;height:1px}.hf-architecture-agents{flex-direction:column;gap:13px;min-width:0;display:flex}.hf-architecture-agent{align-items:center;gap:11px;font-size:13px;font-weight:500;display:flex}.hf-architecture-agent img{object-fit:contain;flex-shrink:0;width:38px;height:38px}.hf-architecture-codex{background:#151917;border-radius:9px;padding:4px}.hf-architecture-agents>p{align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}@media (max-width:1000px){.hf-architecture{grid-template-columns:135px 85px minmax(0,1fr);gap:16px;padding:22px 18px}.hf-architecture-computer{padding:14px}.hf-architecture-local{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:9px}.hf-architecture h3{font-size:14px}.hf-architecture-agent{gap:7px;font-size:11px}.hf-architecture-agent img{width:32px;height:32px}.hf-architecture-host p{font-size:9px}}@media (max-width:700px){.hf-architecture{grid-template-columns:1fr;gap:22px;padding:22px 16px}.hf-architecture-phone{flex-direction:column;align-items:center;display:flex}.hf-architecture-phone .hf-architecture-art{width:150px;height:135px}.hf-architecture-network{grid-template-columns:1fr 1fr;gap:12px;width:180px;margin:0 auto;padding-top:25px;display:grid;position:relative}.hf-architecture-network>span{width:100%;margin:0;position:absolute;top:0}.hf-architecture-route{justify-content:center;gap:6px}.hf-architecture-route>span{margin:0}.hf-architecture-route i{display:none}.hf-architecture-route svg{transform:rotate(90deg)}.hf-architecture-computer{padding:13px 12px 19px}.hf-architecture-local{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:7px}.hf-architecture-host .hf-architecture-art{height:112px}.hf-architecture-host h3{font-size:12px}.hf-architecture-host p{max-width:95px;margin-inline:auto;font-size:9px}.hf-architecture-agent{gap:6px;font-size:10px}.hf-architecture-agent img{width:29px;height:29px}.hf-architecture-agents{gap:11px}.hf-architecture-agents>p{gap:4px;font-size:9px}}
.hf-installs{padding-top:46px}.hf-installs-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.hf-installs-heading h2{letter-spacing:-.9px;font-size:29px;font-weight:500;line-height:1.2}.hf-installs-heading>a{color:var(--hf-muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.hf-install-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.hf-install-options article{background:#eef2e8;border:1px solid #d8e1d0;border-radius:7px;flex-direction:column;min-width:0;padding:21px 18px 17px;display:flex}.hf-install-options h3{letter-spacing:-.3px;align-items:center;gap:9px;font-size:18px;font-weight:500;display:flex}.hf-install-options h3 svg{color:#58764c}.hf-install-options p{color:var(--hf-muted);margin-top:10px;font-size:11px;line-height:1.6}.hf-install-actions{gap:7px;margin-top:22px;display:flex}.hf-install-actions>a{background:var(--hf-green);white-space:nowrap;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 8px;font-size:12px;display:flex;color:#fff!important}.hf-install-actions>a:hover{background:#356149;text-decoration:none}.hf-install-options article>span,.hf-install-help{color:var(--hf-muted);font:9px/1.6 var(--hf-mono);margin-top:12px}.hf-install-help{align-items:center;gap:3px;display:inline-flex}@media (max-width:1000px){.hf-install-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.hf-installs{padding-top:36px}.hf-installs-heading{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:19px}.hf-installs-heading h2{font-size:26px}.hf-install-options{grid-template-columns:1fr;gap:12px}.hf-install-options article{padding:19px}.hf-install-options p{font-size:12px}.hf-install-actions{margin-top:16px}.hf-install-options article>span,.hf-install-help{font-size:10px}}.hf-install-options article>.hf-install-carplay{color:#426747;align-items:center;gap:5px;display:flex}
