/* Prime Creation // canonical contextual pricing surfaces */
.prime-price-tab{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  min-height:2.45rem;
  padding:.58rem .82rem;
  border:1px solid rgba(210,229,237,.14);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  color:#dce6ea;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
  font:740 .57rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.065em;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.prime-price-tab:hover,
.prime-price-tab:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(123,231,246,.34);
  background:linear-gradient(180deg,rgba(123,231,246,.07),rgba(255,255,255,.014));
  outline:none;
}
.prime-price-tab small{
  color:#91a3ab;
  font:720 .54rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.02em;
}
.service-card .prime-price-tab{
  align-self:flex-start;
  position:relative;
  z-index:3;
  margin-top:.75rem;
}
.prime-price-cluster{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:1rem;
}
.prime-price-dialog{
  width:min(92vw,42rem);
  max-height:min(84dvh,48rem);
  padding:0;
  overflow:hidden;
  border:1px solid rgba(210,229,237,.14);
  border-radius:1.1rem;
  background:linear-gradient(145deg,rgba(10,16,21,.985),rgba(3,7,10,.995));
  color:#f4f7f9;
  box-shadow:0 32px 96px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.05);
}
.prime-price-dialog::backdrop{
  background:rgba(0,3,5,.84);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.prime-price-panel{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  max-height:min(84dvh,48rem);
  padding:0!important;
}
.prime-price-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1.05rem 1.1rem;
  border-bottom:1px solid rgba(210,229,237,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);
}
.prime-price-head p{
  margin:0 0 .35rem;
  color:#74858d;
  font:760 .52rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.11em;
}
.prime-price-head h2{
  margin:0;
  color:#f6f8f9;
  font-size:clamp(1.45rem,4vw,2.3rem);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:580;
}
.prime-price-close{
  display:grid;
  place-items:center;
  width:2.35rem;
  height:2.35rem;
  flex:0 0 auto;
  border:1px solid rgba(210,229,237,.13);
  border-radius:50%;
  background:rgba(255,255,255,.018);
  color:#eaf1f3;
  font-size:1.3rem;
  cursor:pointer;
}
.prime-price-close:hover,
.prime-price-close:focus-visible{
  border-color:rgba(123,231,246,.32);
  background:rgba(123,231,246,.05);
  outline:0;
}
.prime-price-body{
  overflow:auto;
  padding:.45rem 1.1rem 1rem;
  -webkit-overflow-scrolling:touch;
  scrollbar-color:rgba(123,231,246,.22) transparent;
}
.prime-price-list{margin:0;padding:0}
.prime-price-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:baseline;
  padding:.78rem 0;
  border-bottom:1px solid rgba(210,229,237,.07);
}
.prime-price-row:last-child{border-bottom:0}
.prime-price-row dt{
  color:#bac5ca;
  font-size:.84rem;
  line-height:1.4;
}
.prime-price-row dd{
  margin:0;
  color:#dfe8eb;
  font:760 .74rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;
  text-align:right;
  white-space:nowrap;
}
.prime-price-foot{
  padding:.82rem 1.1rem .95rem;
  border-top:1px solid rgba(210,229,237,.075);
  color:#748189;
  font-size:.68rem;
  line-height:1.5;
}
.prime-price-foot strong{color:#c5d0d5}
.prime-price-dialog[open]{animation:primePriceIn .14s ease-out}
@keyframes primePriceIn{
  from{opacity:0;transform:translateY(.35rem) scale(.992)}
  to{opacity:1;transform:none}
}
@media(max-width:520px){
  .prime-price-dialog{width:calc(100vw - .8rem);max-height:84dvh}
  .prime-price-row{grid-template-columns:1fr;gap:.25rem}
  .prime-price-row dd{text-align:left}
  .prime-price-tab{font-size:.56rem}
}
@media(prefers-reduced-motion:reduce){
  .prime-price-dialog[open]{animation:none}
  .prime-price-tab{transition:none}
}
@media(prefers-reduced-transparency:reduce){
  .prime-price-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
}