/* Service selector. All page surfaces and engine geometry use the approved shared design. */
.personal-header .offer-switch{
  position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;
  width:374px;max-width:100%;padding:5px;margin-top:23px;border:1px solid #e2ecf859;
  border-radius:10px;background:linear-gradient(155deg,#202831d9,#090d13f2);
  box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 0 #ffffff0d,0 5px 16px #06091326;
}
.offer-switch::before,.offer-switch::after{
  content:"";position:absolute;top:50%;width:3px;height:9px;transform:translateY(-50%);
  border:1px solid #e7effa66;border-radius:1px;background:#111822;pointer-events:none;
}
.offer-switch::before{left:-3px}.offer-switch::after{right:-3px}
.offer-switch-carriage{
  position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/2);z-index:-1;
  border:1px solid #ffffffbd;border-radius:6px;background:linear-gradient(145deg,#344252,#17212d);
  box-shadow:inset 0 1px 0 #ffffff21,0 0 7px #ffffff26,0 0 15px #ffffff0a;
}
[data-offer="ai"] .offer-switch-carriage{transform:translateX(100%)}
.offer-switch-carriage i{
  position:absolute;right:7px;top:calc(50% - 4px);width:5px;height:8px;
  border-right:1px solid #dbe7f17a;border-left:1px solid #dbe7f17a;
}
.personal-header .offer-option{
  display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  padding:9px 16px;color:#c2ccd9;font-size:13px;line-height:1.3;letter-spacing:-.01em;
  text-decoration:none;border-radius:6px;transition:color .16s,background-color .16s;
}
.personal-header .offer-option:hover{color:#fff;background:#ffffff08;text-decoration:none}
.personal-header .offer-option[aria-current="page"]{color:#fff;text-shadow:0 0 8px #ffffff26}
.offer-light{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#7b8da1;box-shadow:0 0 0 2px #080e164d}
[aria-current="page"] .offer-light{background:#fff;box-shadow:0 0 4px #fff,0 0 9px #ffffff66}
.personal-header .offer-option:focus-visible{outline:2px solid #fff;outline-offset:4px}
.personal-header .offer-switch+nav{margin-top:12px}
@media(max-width:760px){
  .personal-header .offer-switch{width:344px;margin-top:20px}
  .personal-header .offer-option{font-size:12px;padding:9px 12px;gap:6px}
  .personal-header .offer-switch+nav{margin-top:9px}
}
@media(max-width:360px){.personal-header .offer-option{font-size:11px;padding:9px 8px}.offer-switch-carriage i{right:4px}}
@media(prefers-reduced-motion:reduce){.personal-header .offer-option{transition:none}}