/* Showcase 4: Pricing Grid */
.sp-showcase-pricing{position:relative;width:100%;min-height:100vh;background:var(--sp-background);overflow:hidden;color:var(--sp-foreground);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
.sp-showcase-pricing canvas{position:absolute;inset:0;z-index:0;pointer-events:none}
.sp-pr-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1;filter:blur(100px);opacity:.2}
.sp-pr-orb-1{width:45vw;height:45vw;max-width:600px;max-height:600px;background:radial-gradient(circle,hsl(190,100%,50%),transparent 70%);top:-10%;right:-10%;animation:orbFloat1 20s ease-in-out infinite alternate}
.sp-pr-orb-2{width:40vw;height:40vw;max-width:500px;max-height:500px;background:radial-gradient(circle,hsl(260,80%,65%),transparent 70%);bottom:-15%;left:-10%;animation:orbFloat2 25s ease-in-out infinite alternate}
@keyframes orbFloat1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-5%,10%) scale(1.15)}}
@keyframes orbFloat2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(8%,-8%) scale(1.1)}}
.sp-pr-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:5rem 1.5rem;min-height:100vh}
.sp-pr-header{text-align:center;margin-bottom:3rem;max-width:700px}
.sp-pr-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:100px;background:hsla(190,100%,50%,.12);border:1px solid hsla(190,100%,50%,.25);color:hsl(190,100%,55%);font-size:.8rem;font-weight:600;margin-bottom:1.5rem}
/* CONTRAST FIX: heading is bright white */
.sp-pr-header h2{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1;margin-bottom:1rem;color:#fff}
.sp-pr-header h2 .gradient{background:linear-gradient(135deg,hsl(190,100%,50%),hsl(200,100%,70%),hsl(260,80%,65%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* CONTRAST FIX: paragraph uses lighter color */
.sp-pr-header p{font-size:1.1rem;color:hsl(215,20%,75%);line-height:1.6}
.sp-pr-cards{display:flex;gap:2rem;justify-content:center;max-width:1050px;width:100%;margin-bottom:3rem;perspective:1000px}
.sp-pr-card{flex:1;max-width:320px;background:hsl(240,10%,6%);border:1px solid hsl(240,10%,12%);border-radius:16px;padding:2rem 1.75rem;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;cursor:pointer}
.sp-pr-card:hover{transform:translateY(-10px);border-color:hsl(190,100%,50%);box-shadow:0 20px 50px -10px rgba(0,0,0,.5),0 0 30px hsla(190,100%,50%,.1)}
.sp-pr-card.featured{background:linear-gradient(180deg,hsla(190,100%,50%,.05),hsl(240,10%,6%));border-color:hsla(190,100%,50%,.25)}
.sp-pr-card.featured::before{content:'Popular';position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:3px 16px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:hsl(190,100%,50%);color:hsl(240,12%,3%);box-shadow:0 4px 16px hsla(190,100%,50%,.15)}
/* CONTRAST FIX: card name uses lighter color */
.sp-pr-card-name{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:hsl(215,20%,68%);font-weight:600;margin-bottom:.5rem}
/* CONTRAST FIX: price is white */
.sp-pr-card-price{font-size:3rem;font-weight:800;margin-bottom:.25rem;color:#fff}
.sp-pr-card-price .period{font-size:1rem;color:hsl(215,20%,68%);font-weight:500}
/* CONTRAST FIX: description uses lighter color */
.sp-pr-card-desc{font-size:.85rem;color:hsl(215,20%,72%);margin-bottom:1.5rem}
.sp-pr-features{list-style:none;flex:1;margin-bottom:1.5rem}
/* CONTRAST FIX: feature items use lighter color */
.sp-pr-features li{padding:.5rem 0;font-size:.85rem;color:hsl(215,20%,72%);display:flex;align-items:center;gap:.5rem;border-bottom:1px solid hsla(240,10%,12%,.5)}
.sp-pr-features li .check{color:hsl(142,70%,55%);font-weight:700;flex-shrink:0}
.sp-pr-card .btn{display:block;text-align:center;padding:.85rem;border-radius:10px;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .3s ease}
.sp-pr-card .btn-primary{background:hsl(190,100%,50%);color:hsl(240,12%,3%);box-shadow:0 4px 20px hsla(190,100%,50%,.1)}
.sp-pr-card .btn-primary:hover{box-shadow:0 8px 30px hsla(190,100%,50%,.15);transform:translateY(-2px)}
.sp-pr-card .btn-outline{background:transparent;color:var(--sp-foreground);border:1px solid hsl(240,10%,15%)}
.sp-pr-card .btn-outline:hover{border-color:hsl(190,100%,50%)}
/* CONTRAST FIX: trust bar has stronger background */
.sp-pr-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1.25rem 2.5rem;background:hsla(240,10%,4%,.85);border:1px solid hsl(240,10%,14%);border-radius:16px;backdrop-filter:blur(20px);max-width:900px;width:100%}
.sp-pr-trust-item{text-align:center}
.sp-pr-trust-val{font-size:1.3rem;font-weight:800;color:hsl(190,100%,55%)}
/* CONTRAST FIX: trust labels use lighter color */
.sp-pr-trust-label{font-size:.7rem;color:hsl(215,20%,68%);text-transform:uppercase;letter-spacing:.05em;font-weight:500}
@media(max-width:768px){.sp-pr-cards{flex-direction:column;align-items:center}.sp-pr-card{max-width:100%;width:100%}.sp-pr-content{padding:3rem 1rem}}

@media(prefers-reduced-motion:reduce){.sp-showcase-pricing *,.sp-showcase-pricing *::before,.sp-showcase-pricing *::after{animation:none!important;transition:none!important}}
@media(max-width:480px){.sp-pr-content{padding:2rem .75rem}.sp-pr-card{padding:1.5rem 1.25rem}.sp-pr-card-price{font-size:2.4rem}.sp-pr-header h2{font-size:clamp(1.6rem,8vw,2.2rem)}.sp-pr-trust{gap:1rem;padding:.75rem 1rem}}