/* FILELO / FILEZ: compact first-party phone-to-PC QR feature promotion.
   Placed directly under hero checklist, before the 16-category catalog. */
.hero:has(.transfer-promo){padding-bottom:33px}
.transfer-promo{
  position:relative;isolation:isolate;
  margin:18px 0 0;
  padding:17px 19px 18px 20px;
  min-height:153px;
  display:grid;grid-template-columns:minmax(0,1fr) 205px;
  gap:8px;align-items:center;
  border-radius:18px;
  border:1px solid #565096;
  background:
    radial-gradient(circle at 84% 29%,rgba(175,151,255,.19),transparent 39%),
    linear-gradient(115deg,#242146 0%,#332b67 55%,#554299 100%);
  box-shadow:0 13px 32px rgba(55,44,134,.15),inset 0 1px rgba(255,255,255,.1);
  overflow:hidden;
}
.transfer-promo:before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  right:-70px;top:-115px;width:315px;height:315px;
  border-radius:50%;border:1px solid rgba(238,229,255,.12);
  box-shadow:0 0 0 30px rgba(229,215,255,.025),0 0 0 64px rgba(229,215,255,.018);
}
.transfer-promo:after{
  content:"";position:absolute;pointer-events:none;
  right:176px;bottom:0;width:160px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(192,164,255,.27),transparent);
}
.transfer-promo-copy{position:relative;z-index:2;min-width:0}
.transfer-promo-eyebrow{
  display:flex;align-items:center;gap:6px;
  color:#c8b8ff;font-size:9px;font-weight:850;letter-spacing:.11em;
  line-height:1.4;
}
.transfer-promo-spark{color:#a999ff;font-size:16px;line-height:1}
.transfer-promo h2{
  font-size:19px;line-height:1.21;letter-spacing:-.035em;
  font-weight:850;color:#fff;margin:6px 0 7px;
  text-wrap:balance;
}
.transfer-promo p{
  margin:0;max-width:450px;color:#d5d0ec;
  font-size:10.7px;line-height:1.53;
}
.transfer-promo-actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;
  margin-top:12px;
}
.transfer-promo-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:34px;padding:7px 12px;
  color:#352b76;background:#fff;border:1px solid rgba(255,255,255,.9);
  border-radius:9px;font-size:11px;font-weight:850;line-height:1.2;
  white-space:nowrap;box-shadow:0 4px 13px rgba(8,4,40,.12);
  transition:transform .18s,box-shadow .18s,background .18s;
}
.transfer-promo-primary:hover{
  color:#3e2d94;background:#f0ecff;transform:translateY(-1px);
  box-shadow:0 7px 17px rgba(8,4,40,.23);text-decoration:none;
}
.transfer-promo-primary span{font-size:16px;line-height:1;color:#6d56d0}
.transfer-promo-primary:focus-visible,.transfer-promo-secondary:focus-visible{
  outline:3px solid #d9c6ff;outline-offset:3px
}
.transfer-promo-secondary{
  display:inline-flex;align-items:center;gap:6px;
  min-height:30px;color:#d9cbff;font-size:10.5px;
  font-weight:740;text-decoration:none;white-space:normal;
}
.transfer-promo-secondary:hover{color:#fff;text-decoration:underline}
.transfer-promo-secondary span{color:#b7a2f7;font-size:18px;line-height:1}
.transfer-promo-art{
  position:relative;z-index:1;justify-self:end;
  width:205px;height:116px;
}
.transfer-promo-light{
  position:absolute;inset:-26px -5px -13px -14px;
  border-radius:50%;background:radial-gradient(ellipse at center,#ab89ff22 0%,#8f6de608 63%,transparent 75%);
}
.transfer-promo-phone{
  position:absolute;left:12px;top:15px;
  width:46px;height:75px;transform:rotate(-10deg);
  filter:drop-shadow(0 7px 9px rgba(15,10,52,.25));
}
.transfer-promo-phone svg{width:100%;height:100%}
.transfer-promo-signal{
  position:absolute;left:51px;top:24px;
  width:45px;height:45px;
  transform:rotate(-7deg);
  box-shadow:0 4px 14px rgba(17,10,56,.24);
  border-radius:10px;
}
.transfer-promo-signal svg{width:100%;height:100%}
.transfer-promo-motion{
  position:absolute;left:88px;top:34px;width:46px;height:21px;
  opacity:.95;
}
.transfer-promo-pc{
  position:absolute;right:2px;top:14px;
  width:89px;height:74px;
  filter:drop-shadow(0 8px 8px rgba(15,10,52,.26));
}
.transfer-promo-pc svg{width:100%;height:100%}
.transfer-promo-done{
  position:absolute;right:15px;top:5px;
  display:grid;place-items:center;
  width:22px;height:22px;border-radius:50%;
  background:#b7efd4;color:#226348;
  font:900 12px/1 system-ui;box-shadow:0 3px 12px rgba(0,0,0,.17);
}
@media(max-width:1160px){
  .transfer-promo{
    grid-template-columns:minmax(0,1fr) 158px;
    padding:16px 17px;
    min-height:163px;
  }
  .transfer-promo-art{transform:scale(.79);transform-origin:right center}
  .transfer-promo h2{font-size:17px}
  .transfer-promo p{font-size:10.5px}
}
@media(max-width:960px){
  .hero:has(.transfer-promo){padding-bottom:35px}
  .transfer-promo{max-width:735px;grid-template-columns:minmax(0,1fr) 200px}
  .transfer-promo-art{transform:scale(.98);transform-origin:right center}
  .transfer-promo h2{font-size:20px}
}
@media(max-width:590px){
  .transfer-promo{grid-template-columns:minmax(0,1fr);padding:17px 17px 18px;min-height:158px}
  .transfer-promo h2{font-size:19px;max-width:330px;padding-right:50px}
  .transfer-promo p{max-width:340px;position:relative;z-index:2;padding-right:20px}
  .transfer-promo-art{
    position:absolute;right:-21px;top:0px;
    transform:scale(.66);transform-origin:right top;
    opacity:.36;pointer-events:none;
  }
  .transfer-promo-actions{gap:6px 13px}
  .transfer-promo-secondary{font-size:10px}
}
@media(max-width:390px){
  .transfer-promo{padding:15px 14px 16px}
  .transfer-promo h2{font-size:17px}
  .transfer-promo p{font-size:10.5px;padding-right:12px}
  .transfer-promo-eyebrow{font-size:8px}
  .transfer-promo-primary{font-size:10.5px;padding:7px 10px}
}
@media(prefers-reduced-motion:reduce){
  .transfer-promo-primary{transition:none}
}