
.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)}

/* [pricing-2026] ElevenLabs-style cards: neutral greys (no cream), grainy gradient on the recommended card, black pill CTAs, dotted feature rows */
html body .prc{--n:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html body .prc .prcard.prcard{background:#F4F4F5!important;border:0!important;border-radius:20px!important;box-shadow:none!important;color:#171717!important;transition:transform .25s ease,box-shadow .25s ease,background .3s}
html body .prc .prcard.prcard:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(20,24,40,.25)!important}
html body .prc .prcard .prname{font-size:22px!important;font-weight:450!important;letter-spacing:-.01em;color:inherit!important}
html body .prc .prcard .prprice{color:inherit!important;font-weight:400!important;letter-spacing:-.03em}
html body .prc .prcard .prpm,html body .prc .prcard .dim{color:#6B6B6B!important}
html body .prc .prcard .prfeat li{color:#262626!important;padding-top:11px!important;padding-bottom:11px!important;border-bottom:1px dotted #CFCFD2!important;margin:0!important}
html body .prc .prcard .prfeat li:last-child{border-bottom:0!important}
html body .prc .prcard .btn{border-radius:999px!important;background:#111!important;color:#fff!important;border:0!important;font-weight:500!important;transition:background .2s}
html body .prc .prcard .btn:hover{background:#333!important}
html body .prc .prcard .prrec{background:transparent!important;border:1px solid currentColor!important;color:inherit!important;letter-spacing:0!important;text-transform:none!important;font-size:12px!important;font-weight:500!important;border-radius:999px;padding:2px 9px!important}
html body .prc .prcard .prusage{background:rgba(23,23,23,.06)!important;color:#262626!important;border:0!important;letter-spacing:0!important;text-transform:none!important;font-size:12.5px!important;border-radius:10px}
html body .prc .prcard .prseg{background:rgba(23,23,23,.06)!important;border:0!important;border-radius:999px!important}
html body .prc .prcard .prseg button{color:#262626!important;border-radius:999px!important;background:transparent!important}
html body .prc .prcard .prseg button.on{background:#111!important;color:#fff!important}
html body .prc .prcard .prctl-l{letter-spacing:0!important;text-transform:none!important;color:#6B6B6B!important;font-size:13px!important}
html body .prc .prcard select{background:#fff!important;border:1px solid #E4E4E7!important;border-radius:999px!important;color:#171717!important}
/* recommended / ink cards: grainy gradient with white text */
html body .prc .prcard.prcard:hover{color:#fff!important;background:var(--n),radial-gradient(55% 55% at 25% 25%,#6E8FD8 0%,transparent 70%),radial-gradient(60% 60% at 85% 90%,#C97B5A 0%,transparent 70%),linear-gradient(160deg,#2F4E86 0%,#5A5F8E 55%,#9A6A6A 100%)!important}
html body .prc .prcard.prcard.prrecd.ink:hover{background:var(--n),radial-gradient(55% 55% at 25% 25%,#4F8EE8 0%,transparent 70%),radial-gradient(60% 60% at 85% 85%,#E0532E 0%,transparent 70%),linear-gradient(150deg,#2E5FC4 0%,#8A3B6E 55%,#C2361F 100%)!important}
html body .prc #execution .prcard.prcard.prrecd:hover{background:var(--n),radial-gradient(55% 55% at 80% 20%,#C7B6E8 0%,transparent 70%),radial-gradient(60% 55% at 25% 100%,#F0A35A 0%,transparent 70%),linear-gradient(165deg,#8E86C8 0%,#C48AA6 55%,#E4875E 100%)!important}
html body .prc #orchestration .prcard.prcard.prrecd:hover{background:var(--n),radial-gradient(55% 55% at 75% 20%,#8EC3E2 0%,transparent 70%),radial-gradient(60% 55% at 30% 100%,#5F9A62 0%,transparent 70%),linear-gradient(160deg,#2F6A8C 0%,#4E8FB0 50%,#5E9670 100%)!important}
html body .prc .prcard.prcard.ink:not(.prrecd):hover{background:var(--n),radial-gradient(60% 60% at 80% 15%,#3F6FB0 0%,transparent 70%),linear-gradient(160deg,#141a2e 0%,#1d2b44 60%,#2C4C78 100%)!important}
html body .prc .prcard:hover :is(.prpm,.dim,.prctl-l,.prfeat li,.prname,.prprice,.pranchor,.prdisc,h4,small,span:not(.prrec)),html body .prc .prcard:hover :is(.prpm,.dim,.prctl-l,.prfeat li,.prname,.prprice,.pranchor,.prdisc,h4,small,span:not(.prrec)){color:#fff!important}
html body .prc .prcard:hover :is(.prpm,.dim,.prctl-l,.pranchor),html body .prc .prcard:hover :is(.prpm,.dim,.prctl-l,.pranchor){opacity:.82}
html body .prc .prcard:hover .prfeat li,html body .prc .prcard:hover .prfeat li{border-bottom-color:rgba(255,255,255,.35)!important}
html body .prc .prcard:hover .prfeat li::before,html body .prc .prcard:hover .prfeat li::before,html body .prc .prcard:hover .prfeat svg,html body .prc .prcard:hover .prfeat svg{color:#fff!important;stroke:#fff!important;border-color:#fff!important}
html body .prc .prcard:hover .btn,html body .prc .prcard:hover .btn{background:#fff!important;color:#111!important}
html body .prc .prcard:hover .btn:hover,html body .prc .prcard:hover .btn:hover{background:#EDEDED!important}
html body .prc .prcard:hover :is(.prseg,.prusage),html body .prc .prcard:hover :is(.prseg,.prusage){background:rgba(255,255,255,.18)!important;color:#fff!important}
html body .prc .prcard:hover .prseg button,html body .prc .prcard:hover .prseg button{color:#fff!important}
html body .prc .prcard:hover .prseg button.on,html body .prc .prcard:hover .prseg button.on{background:#fff!important;color:#111!important}
/* page ground: pure white, no cream */
html body .prc,html body .prc .prsec{background:#fff!important}
html body .prc .prcard .prfeat li{position:relative}
html body .prc .prcard .prfeat li::before{top:17px!important;border-color:#171717!important}
html body .prc .prcard:hover .prfeat li::before,html body .prc .prcard:hover .prfeat li::before{border-color:#fff!important}

html body .prc .prcard.prcard:not(:hover){color:#171717!important}
html body .prc .prcard.prcard{border-radius:20px!important}
html body .prc .prcard.prcard:not(:hover) .btn.btn{background:#111!important;color:#fff!important}
/* [pricing-hairlines] white cards, hairline column dividers like reference */
html body .prc .prcards{gap:0!important;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA}
html body .prc .prcard.prcard:not(:hover){background:#fff!important;border-radius:0!important;box-shadow:none!important}
html body .prc .prcard.prcard{border-radius:0!important;border:0!important;border-left:1px solid #EAEAEA!important}
html body .prc .prcards>.prcard:last-child{border-right:1px solid #EAEAEA!important}
html body .prc .prcard.prcard:hover{border-radius:12px!important;transform:none}
html body .prc .prcard:not(:hover) :is(.prseg,.prusage){background:#F6F6F6!important}
html body .prc .prcard .prfeat li{border-bottom-color:#DCDCDC!important}
