.bpkg{--kg-line:rgba(255,255,255,.10);position:relative;min-width:0}.bpkg *{box-sizing:border-box}.bpkg-head{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end;margin-bottom:28px}.bpkg-head h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 0}.bpkg-head p{margin:0;color:var(--bp-ink-soft);font-size:1.02rem}.bpkg-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.bpkg-filter{border:1px solid var(--bp-border);background:var(--bp-card-2);color:var(--bp-ink-soft);border-radius:999px;padding:9px 14px;font:700 12px var(--bp-font-head);display:inline-flex;align-items:center;gap:7px;cursor:pointer}.bpkg-filter span{color:var(--bp-teal)}.bpkg-filter:hover,.bpkg-filter.is-active{border-color:var(--bp-teal);color:var(--bp-ink);background:rgba(62,207,171,.08)}.bpkg-viewport{min-width:0}.bpkg-map{position:relative;max-width:1040px;margin:0 auto}.bpkg-spine{position:absolute;left:31px;top:30px;bottom:30px;width:2px;background:linear-gradient(var(--bp-teal),var(--bp-blue),var(--bp-gold));opacity:.42}.bpkg-phase{display:grid;grid-template-columns:64px 1fr;gap:22px;position:relative;margin-bottom:20px;scroll-margin-top:90px}.bpkg-node{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;background:var(--bp-navy);border:1px solid var(--bp-border-t);box-shadow:0 0 0 8px var(--bp-navy)}.bpkg-node span{font:800 13px var(--bp-font-head);color:var(--bp-teal)}.bpkg-phase--blue .bpkg-node{border-color:var(--bp-border-b)}.bpkg-phase--blue .bpkg-node span{color:var(--bp-blue)}.bpkg-phase--gold .bpkg-node{border-color:var(--bp-border-g)}.bpkg-phase--gold .bpkg-node span{color:var(--bp-gold)}.bpkg-card{background:linear-gradient(160deg,var(--bp-card-2),var(--bp-card));border:1px solid var(--bp-border);border-radius:var(--bp-r-lg);padding:24px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.bpkg-phase:hover .bpkg-card{transform:translateY(-2px);border-color:rgba(62,207,171,.28);box-shadow:0 18px 44px rgba(0,0,0,.22)}.bpkg-card__head{display:grid;grid-template-columns:150px 190px 1fr;gap:18px;align-items:start;margin-bottom:14px}.bpkg-kicker{font:800 11px var(--bp-font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--bp-ink-muted)}.bpkg-card h3{font-size:1.38rem;margin:0}.bpkg-card__head p{font-size:.92rem;color:var(--bp-ink-soft);margin:0}.bpkg-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid var(--bp-border)}.bpkg-stage span{font:900 10px var(--bp-font-head);letter-spacing:.11em;text-transform:uppercase;color:var(--bp-teal)}.bpkg-stage b{font:800 10px var(--bp-font-head);color:var(--bp-ink-muted)}.bpkg-phase--blue .bpkg-stage span{color:var(--bp-blue)}.bpkg-phase--gold .bpkg-stage span{color:var(--bp-gold)}.bpkg-assist{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:11px 12px;border:1px solid rgba(62,207,171,.2);border-radius:12px;background:rgba(62,207,171,.055)}.bpkg-assist>span{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(62,207,171,.12);color:var(--bp-teal);font-weight:900}.bpkg-assist p{margin:0!important;line-height:1.4}.bpkg-assist small{display:block;margin-bottom:3px;color:var(--bp-ink-muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.bpkg-assist strong{display:block;color:var(--bp-ink);font-size:.82rem}.bpkg-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bpkg-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--bp-border);border-radius:12px;background:rgba(255,255,255,.025);color:var(--bp-ink-soft)!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease}.bpkg-link:hover{border-color:var(--bp-border-t);transform:translateY(-1px)}.bpkg-link span{display:flex;flex-direction:column;gap:3px}.bpkg-link strong{font-size:.9rem;color:var(--bp-ink)}.bpkg-link small{font-size:.74rem;color:var(--bp-ink-muted);line-height:1.45}.bpkg-link b{font-size:.9rem;color:var(--bp-teal)}.bpkg-link--primary{border-color:var(--bp-border-t);background:rgba(62,207,171,.05)}.bpkg-link--secondary{background:rgba(255,255,255,.018)}.bpkg-mobile-controls{display:none}.bpkg-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:22px;border-top:1px solid var(--bp-border)}.bpkg-bottom p{margin:0;color:var(--bp-ink-muted);font-size:.82rem}.bpkg-bottom strong{color:var(--bp-ink-soft)}.bpkg-bottom-cta{display:inline-flex;justify-content:center;align-items:center;padding:13px 17px;border-radius:12px;background:linear-gradient(135deg,var(--bp-teal),var(--bp-blue));color:#061020!important;text-decoration:none!important;font-weight:900}
@media(max-width:820px){.bpkg-head{grid-template-columns:1fr}.bpkg-card__head{grid-template-columns:1fr;gap:6px}.bpkg-links{grid-template-columns:1fr}}
@media(max-width:640px){.bpkg-head{margin-bottom:20px}.bpkg-head h2{font-size:clamp(1.75rem,9vw,2.25rem)}.bpkg-head p{font-size:.94rem}.bpkg-nav{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin:0 -4px 16px;padding:0 4px 4px}.bpkg-nav::-webkit-scrollbar{display:none}.bpkg-filter{flex:0 0 auto}.bpkg-viewport{overflow:hidden;margin-inline:-16px;padding-inline:16px}.bpkg-map{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 0 8px;overscroll-behavior-x:contain}.bpkg-map::-webkit-scrollbar{display:none}.bpkg-spine{display:none}.bpkg-phase{display:block;flex:0 0 calc(100% - 20px);margin:0;scroll-snap-align:start;scroll-snap-stop:always}.bpkg-node{display:none}.bpkg-card{height:100%;padding:18px;display:flex;flex-direction:column}.bpkg-phase:hover .bpkg-card{transform:none}.bpkg-links{margin-top:auto}.bpkg-card h3{font-size:1.3rem}.bpkg-card__head p{font-size:.9rem;line-height:1.55}.bpkg-mobile-controls{display:grid;grid-template-columns:42px 1fr auto 42px;align-items:center;gap:10px;margin-top:14px}.bpkg-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--bp-border);background:var(--bp-card-2);color:var(--bp-ink);font:800 18px var(--bp-font-head);cursor:pointer}.bpkg-arrow:disabled{opacity:.35;cursor:default}.bpkg-dots{display:flex;gap:6px;align-items:center;justify-content:center}.bpkg-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.18);cursor:pointer;transition:width .2s ease,background .2s ease}.bpkg-dot.is-active{width:22px;background:var(--bp-gold)}.bpkg-counter{font:800 11px var(--bp-font-head);color:var(--bp-ink-muted);white-space:nowrap}.bpkg-bottom{align-items:stretch;flex-direction:column}.bpkg-bottom-cta{width:100%}}
@media(prefers-reduced-motion:reduce){.bpkg *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ==========================================================================
   v1.1.2 — gerarchia visiva, spinta gentile e affordance
   ========================================================================== */
.bpkg{
  --kg-teal-glow:rgba(62,207,171,.28);
  --kg-blue-glow:rgba(43,130,217,.25);
  --kg-gold-glow:rgba(245,166,35,.26);
}
.bpkg-head{position:relative}
.bpkg-swipe-hint{display:none}
.bpkg-filter{
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.bpkg-filter:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.bpkg-filter.is-active{
  box-shadow:0 0 0 1px rgba(62,207,171,.16),0 8px 24px rgba(62,207,171,.12);
}
.bpkg-card{
  position:relative;
  overflow:hidden;
}
.bpkg-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  opacity:.9;
  background:linear-gradient(90deg,var(--bp-teal),var(--bp-blue));
}
.bpkg-phase--blue .bpkg-card:before{background:linear-gradient(90deg,var(--bp-blue),#8b7cff)}
.bpkg-phase--gold .bpkg-card:before{background:linear-gradient(90deg,var(--bp-gold),var(--bp-teal))}
.bpkg-phase.is-active .bpkg-card{
  border-color:rgba(62,207,171,.34);
  box-shadow:0 22px 56px rgba(0,0,0,.28),0 0 0 1px rgba(62,207,171,.10);
}
.bpkg-phase--blue.is-active .bpkg-card{
  border-color:rgba(43,130,217,.38);
  box-shadow:0 22px 56px rgba(0,0,0,.28),0 0 0 1px rgba(43,130,217,.11);
}
.bpkg-phase--gold.is-active .bpkg-card{
  border-color:rgba(245,166,35,.38);
  box-shadow:0 22px 56px rgba(0,0,0,.28),0 0 0 1px rgba(245,166,35,.11);
}
.bpkg-phase.is-recommended .bpkg-card{
  border-color:rgba(245,166,35,.36);
  background:
    radial-gradient(circle at 92% 8%,rgba(245,166,35,.10),transparent 30%),
    linear-gradient(160deg,var(--bp-card-2),var(--bp-card));
}
.bpkg-phase.is-recommended .bpkg-node{
  border-color:rgba(245,166,35,.60);
  box-shadow:0 0 0 8px var(--bp-navy),0 0 28px rgba(245,166,35,.18);
}
.bpkg-stage{
  grid-template-columns:auto 1fr auto;
}
.bpkg-stage em{
  justify-self:start;
  font:900 9px var(--bp-font-head);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#061020;
  background:linear-gradient(135deg,var(--bp-gold),#ffd36e);
  border-radius:999px;
  padding:5px 9px;
  font-style:normal;
  box-shadow:0 4px 14px rgba(245,166,35,.18);
}
.bpkg-phase:not(.is-recommended) .bpkg-stage em{
  color:var(--bp-ink-soft);
  background:rgba(255,255,255,.055);
  box-shadow:none;
}
.bpkg-assist{
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.bpkg-phase.is-active .bpkg-assist{
  border-color:rgba(62,207,171,.34);
  background:rgba(62,207,171,.085);
}
.bpkg-link{
  min-height:88px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.bpkg-link:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  background:linear-gradient(135deg,rgba(62,207,171,.10),rgba(43,130,217,.08));
  transition:opacity .2s ease;
}
.bpkg-link:hover:before,.bpkg-link:focus-visible:before{opacity:1}
.bpkg-link:hover,.bpkg-link:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(62,207,171,.42);
  box-shadow:0 12px 28px rgba(0,0,0,.20);
}
.bpkg-link--primary{
  border-color:rgba(62,207,171,.38);
  background:
    radial-gradient(circle at 96% 10%,rgba(62,207,171,.13),transparent 34%),
    linear-gradient(145deg,rgba(62,207,171,.08),rgba(43,130,217,.05));
}
.bpkg-link--primary strong{font-size:.96rem}
.bpkg-link i{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:4px;
  font:800 9px var(--bp-font-head);
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--bp-teal);
  font-style:normal;
}
.bpkg-link--secondary i{color:var(--bp-blue)}
.bpkg-link__arrow{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--bp-teal),var(--bp-blue));
  color:#061020!important;
  box-shadow:0 8px 20px rgba(62,207,171,.18);
  transition:transform .2s ease,box-shadow .2s ease;
}
.bpkg-link--secondary .bpkg-link__arrow{
  background:rgba(255,255,255,.07);
  color:var(--bp-ink)!important;
  box-shadow:none;
}
.bpkg-link:hover .bpkg-link__arrow,
.bpkg-link:focus-visible .bpkg-link__arrow{
  transform:translateX(4px);
  box-shadow:0 10px 24px rgba(62,207,171,.28);
}
.bpkg-phase.is-recommended .bpkg-link--primary{
  animation:bpkg-gentle-pulse 3.2s ease-in-out 2;
}
.bpkg.has-interacted .bpkg-phase.is-recommended .bpkg-link--primary{animation:none}
@keyframes bpkg-gentle-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(62,207,171,0)}
  50%{box-shadow:0 0 0 7px rgba(62,207,171,.075),0 14px 34px rgba(0,0,0,.22)}
}
.bpkg-bottom-cta{
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(62,207,171,.20);
  transition:transform .2s ease,box-shadow .2s ease;
}
.bpkg-bottom-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(62,207,171,.30)}

@media(max-width:640px){
  .bpkg-head{padding-right:70px}
  .bpkg-swipe-hint{
    display:inline-flex;
    position:absolute;
    right:0;
    bottom:0;
    align-items:center;
    gap:7px;
    color:var(--bp-ink-muted);
    font:800 9px var(--bp-font-head);
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .bpkg-swipe-hint i{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border-radius:50%;
    background:rgba(62,207,171,.10);
    border:1px solid rgba(62,207,171,.22);
    color:var(--bp-teal);
    font-style:normal;
    animation:bpkg-swipe-cue 1.8s ease-in-out 3;
  }
  .bpkg.has-interacted .bpkg-swipe-hint{opacity:.35}
  @keyframes bpkg-swipe-cue{
    0%,100%{transform:translateX(0)}
    50%{transform:translateX(5px)}
  }
  .bpkg-phase{flex-basis:calc(100% - 34px)}
  .bpkg-card{padding:19px}
  .bpkg-stage{grid-template-columns:1fr auto;gap:8px}
  .bpkg-stage em{grid-column:1/-1;justify-self:start}
  .bpkg-link{min-height:92px}
  .bpkg-mobile-controls{
    position:sticky;
    bottom:8px;
    z-index:4;
    padding:8px;
    border:1px solid var(--bp-border);
    border-radius:999px;
    background:rgba(8,13,24,.88);
    backdrop-filter:blur(12px);
    box-shadow:0 12px 30px rgba(0,0,0,.24);
  }
  .bpkg-arrow:not(:disabled){
    border-color:rgba(62,207,171,.25);
    color:var(--bp-teal);
  }
}