
.pghero.skyhero{padding-bottom:clamp(170px,18vw,260px)!important;position:relative}
.pghero.skyhero::before{display:block!important;content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:clamp(260px,32vw,440px);z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,rgba(247,245,242,0) 0%,rgba(247,245,242,.01) 8%,rgba(247,245,242,.035) 16%,rgba(247,245,242,.08) 24%,rgba(247,245,242,.14) 32%,rgba(247,245,242,.22) 40%,rgba(247,245,242,.31) 48%,rgba(247,245,242,.42) 56%,rgba(247,245,242,.54) 64%,rgba(247,245,242,.66) 72%,rgba(247,245,242,.78) 80%,rgba(247,245,242,.88) 88%,rgba(247,245,242,.955) 94%,rgba(247,245,242,1) 100%)}
.pghero.skyhero>.wrap,.pghero.skyhero .prwrap,.pghero.skyhero .headblock{position:relative;z-index:4}
.pghero.skyhero::after{z-index:2!important}


/* orchestration tiers carry their volume description */
.prsel{position:relative;display:block;width:100%;max-width:340px}
.prsel select{appearance:none;-webkit-appearance:none;width:100%;min-height:46px;padding:0 42px 0 16px;border-radius:999px;border:1px solid rgba(27,27,27,.16);background:#fff;font-family:var(--f-ui);font-size:14px;font-weight:500;color:var(--ink);line-height:1.3;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.prsel select:hover{border-color:rgba(27,27,27,.34)}
.prsel select:focus-visible{outline:none;border-color:#1B1B1B;box-shadow:0 0 0 3px rgba(27,27,27,.1)}
.prsel i{position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.5px solid rgba(27,27,27,.55);border-bottom:1.5px solid rgba(27,27,27,.55);transform:rotate(45deg);pointer-events:none}
.prcard.ink .prsel select{background:rgba(247,245,242,.08);border-color:rgba(247,245,242,.22);color:#F7F5F2}
.prcard.ink .prsel i{border-color:rgba(247,245,242,.6)}

/* plan cards: a stepped warm-grey scale so the tiers read apart */
.prcards>.prcard:not(.ink):nth-child(1){background:#FBFAF8}
.prcards>.prcard:not(.ink):nth-child(2){background:#F5F3EF;border-color:rgba(27,27,27,.14)}
.prcards>.prcard:not(.ink):nth-child(3){background:#EEEBE5;border-color:rgba(27,27,27,.15)}
.prcards>.prcard:not(.ink):nth-child(4){background:#E7E4DD;border-color:rgba(27,27,27,.16)}
.prcards>.prcard:not(.ink):nth-child(n+2) .prseg{background:rgba(27,27,27,.065)}
.prcard.prrecd:not(.ink),.prcards>.prcard.prrecd:not(.ink){border-color:rgba(27,27,27,.3);box-shadow:0 14px 38px rgba(27,27,27,.08)}
