/* Quiet concentric orbit signature, matching the Katsuta control screen. */
.partnership-banner.partnership-cosmos{
 --orbit-ink:color-mix(in srgb,var(--accent) 65%,#e0e8ff);
 position:relative;isolation:isolate;display:grid;
 grid-template-columns:minmax(0,1fr) 420px;
 grid-template-areas:'copy universe' 'actions universe';
 align-items:center;gap:20px 30px;min-height:300px;
 padding:38px 44px;margin-bottom:30px;
 border:1px solid #ffffff13;border-radius:18px;
 background:radial-gradient(ellipse at 88% 72%,color-mix(in srgb,var(--orbit-ink) 25%,transparent),transparent 54%),linear-gradient(115deg,#191b24,#111319 65%,#13151c);
 color:#f8faff;overflow:hidden;contain:paint;
}
.partnership-cosmos-copy{grid-area:copy;align-self:end;position:relative;z-index:2;max-width:540px}
.partnership-cosmos-copy .eyebrow{color:color-mix(in srgb,var(--accent) 55%,#fff);font-size:10px;line-height:1.6;letter-spacing:1.8px;font-weight:600;margin-bottom:13px}
.partnership-banner.partnership-cosmos h2{font-size:32px;letter-spacing:-1px;line-height:1.15;color:#fff;margin:0 0 13px;font-weight:600}
.partnership-banner.partnership-cosmos p{color:#b8bcc6;font-size:13px;line-height:1.85;max-width:470px;margin:0}
.partnership-banner.partnership-cosmos>.actions{grid-area:actions;align-self:start;position:relative;z-index:2;display:flex;flex-direction:row;width:auto;gap:10px;flex-wrap:wrap;margin:0}
.partnership-banner.partnership-cosmos .button{width:auto;min-height:43px;font-size:11px;gap:17px;padding:11px 17px;border-radius:8px;white-space:nowrap}
.partnership-cosmos .button svg{width:16px;height:16px}
.partnership-banner.partnership-cosmos .cosmos-login{background:#ffffff06;border:1px solid #ffffff3a;color:#edf4ff}
.partnership-banner.partnership-cosmos .cosmos-login:hover{background:#ffffff12;border-color:#a8b9d3;color:#fff}
.vb-universe{grid-area:universe;position:relative;width:100%;height:242px;align-self:center;pointer-events:none;user-select:none;isolation:isolate}
.vb-orbit{
 width:220px;height:220px;position:absolute;right:-20px;top:47%;
 border:1px solid color-mix(in srgb,var(--orbit-ink) 64%,transparent);
 border-radius:50%;transform:translateY(-50%);
 box-shadow:0 0 50px color-mix(in srgb,var(--accent) 3%,transparent),inset 0 0 50px color-mix(in srgb,var(--accent) 3%,transparent);
 animation:vb-orbit-revolve 40s linear infinite;animation-play-state:paused;
}
.vb-orbit:before,.vb-orbit:after{content:'';position:absolute;inset:-50px;border:1px solid color-mix(in srgb,var(--orbit-ink) 34%,transparent);border-radius:50%}
.vb-orbit:after{inset:40px}
.vb-orbit b{position:absolute;left:calc(50% - 3px);top:-3px;width:6px;height:6px;background:var(--orbit-ink);border-radius:50%;box-shadow:0 0 16px color-mix(in srgb,var(--orbit-ink) 80%,transparent)}
.vb-universe-caption{position:absolute;bottom:0;right:12px;display:flex;align-items:center;gap:8px;color:#a4a9b4;font-size:9px;line-height:1.5;font-weight:500;letter-spacing:1.7px;z-index:2}
.vb-universe-caption:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--orbit-ink);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}
#dealer-partnership.is-cosmos-visible .vb-orbit{animation-play-state:running}
@keyframes vb-orbit-revolve{from{transform:translateY(-50%) rotate(40deg)}to{transform:translateY(-50%) rotate(400deg)}}
@media(max-width:1000px){
 .partnership-banner.partnership-cosmos{
 --orbit-ink:color-mix(in srgb,var(--accent) 65%,#e0e8ff);grid-template-columns:minmax(0,1fr) 280px;gap:18px 16px;padding:31px 30px;min-height:280px}
 .vb-universe{height:224px}.vb-orbit{width:200px;height:200px;right:-32px}
 .vb-universe-caption{font-size:7px;letter-spacing:1.3px;right:0;bottom:5px}
 .partnership-banner.partnership-cosmos h2{font-size:28px}
 .partnership-banner.partnership-cosmos p{font-size:12px;line-height:1.8}
 .partnership-cosmos-copy .eyebrow{font-size:8px;letter-spacing:1.4px}
 .partnership-banner.partnership-cosmos .button{font-size:10px;padding:10px 13px;min-height:40px;gap:11px}
}
@media(max-width:760px){
 .partnership-banner.partnership-cosmos{
 --orbit-ink:color-mix(in srgb,var(--accent) 65%,#e0e8ff);grid-template-columns:1fr;grid-template-areas:'copy' 'actions' 'universe';gap:20px;padding:29px 25px 17px;min-height:0;border-radius:16px;margin-bottom:24px}
 .partnership-cosmos-copy{width:100%;max-width:520px;justify-self:center;text-align:left}
 .partnership-banner.partnership-cosmos h2{font-size:27px;margin-bottom:12px;letter-spacing:-.7px}
 .partnership-cosmos-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}
 .partnership-banner.partnership-cosmos p{font-size:12px;line-height:1.8;max-width:480px}
 .partnership-banner.partnership-cosmos>.actions{width:100%;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;gap:9px}
 .partnership-banner.partnership-cosmos .button{width:auto;flex:1;max-width:190px;min-height:43px;padding:10px 12px;font-size:10px;gap:11px}
 .vb-universe{height:157px;max-width:380px;justify-self:end;margin-top:7px}
 .vb-orbit{width:174px;height:174px;right:-20px;top:36%}
 .vb-orbit:before{inset:-38px}.vb-orbit:after{inset:32px}
 .vb-universe-caption{bottom:0;right:0;font-size:7px;letter-spacing:1.4px}
}
@media(max-width:380px){
 .partnership-banner.partnership-cosmos{
 --orbit-ink:color-mix(in srgb,var(--accent) 65%,#e0e8ff);padding:25px 20px 17px;gap:18px}
 .partnership-banner.partnership-cosmos h2{font-size:25px}
 .partnership-banner.partnership-cosmos p{font-size:11px}
 .partnership-banner.partnership-cosmos .button{font-size:9px;gap:8px;padding-inline:11px}
 .partnership-cosmos .button svg{width:14px;height:14px}
 .vb-universe{height:143px}.vb-orbit{width:158px;height:158px}
 .vb-orbit:before{inset:-36px}.vb-orbit:after{inset:28px}
 .vb-universe-caption{font-size:6px;letter-spacing:1.2px}
}
@media(prefers-reduced-motion:reduce){#dealer-partnership.is-cosmos-visible .vb-orbit,.vb-orbit{animation:none;transform:translateY(-50%) rotate(20deg)}}