/* NestPeople — Pricing page */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:#F7F2FF;color:#14123A;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.pr svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.pr-hero{position:relative;overflow:hidden;padding:clamp(14px,2.6vh,36px) clamp(18px,5vw,90px) clamp(18px,3vh,40px);
  background:radial-gradient(60% 50% at 85% 10%,rgba(240,171,252,.35),transparent 70%),radial-gradient(50% 50% at 5% 30%,rgba(196,166,255,.35),transparent 70%),linear-gradient(180deg,#F8F3FF,#F2E9FF)}
.pr-waves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pr-head,.pr-cards,.pr-trust{position:relative;z-index:1}
.pr-head{text-align:center}
.pr-badge{display:inline-flex;align-items:center;gap:8px;padding:clamp(5px,.9vh,8px) 18px;border-radius:999px;background:#EADFFF;border:1px solid #D8C6FF;color:#3B1F8F;font-weight:700;font-size:clamp(13px,min(1vw,2vh),16px)}
.pr-badge svg{width:1.2em;height:1.2em;color:#7C3AED}
.pr h1{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(28px,min(3.3vw,6.2vh),58px);line-height:1.12;letter-spacing:-.02em;margin:clamp(8px,1.4vh,16px) 0 clamp(4px,.8vh,10px)}
.pr h1 span{background:linear-gradient(95deg,#7C3AED,#A855F7 60%,#C026D3);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-head>p{font-size:clamp(14px,min(1.15vw,2.2vh),19px);color:#3A3555}
.pr-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:clamp(10px,2vh,22px);padding:5px;border-radius:999px;background:#fff;border:1px solid #E4DAFB;box-shadow:0 8px 20px rgba(76,29,149,.08)}
.pr-toggle button{border:0;background:none;cursor:pointer;font:600 clamp(14px,min(1.05vw,2vh),17px) 'Plus Jakarta Sans',sans-serif;color:#14123A;padding:clamp(7px,1.2vh,11px) clamp(20px,2vw,38px);border-radius:999px;transition:all .25s ease}
.pr-toggle button.on{color:#fff;background:linear-gradient(135deg,#8B5CF6,#6D28D9);box-shadow:0 8px 18px rgba(109,40,217,.35)}
.pr-toggle .save{font-weight:700;font-size:clamp(12px,min(.9vw,1.8vh),15px);color:#6D28D9;background:#EFE6FF;padding:6px 12px;border-radius:999px;margin-right:4px}

.pr-cards{max-width:1340px;margin:clamp(14px,3vh,34px) auto 0;display:grid;grid-template-columns:1fr 1.06fr 1fr;gap:clamp(14px,1.8vw,30px);align-items:center}
.pr-card{position:relative;display:flex;flex-direction:column;padding:clamp(16px,2.4vh,30px) clamp(18px,2vw,34px);border-radius:24px;
  background:rgba(255,255,255,.78);border:1px solid #fff;box-shadow:0 18px 44px rgba(76,29,149,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
.pr-card:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(76,29,149,.2)}
.pr-card .top{display:flex;align-items:center;gap:16px}
.pr-card .ic{display:grid;place-items:center;flex-shrink:0;width:clamp(48px,7vh,64px);height:clamp(48px,7vh,64px);border-radius:16px;background:#F1E9FF;color:#7C3AED;box-shadow:inset 0 0 0 1px #E4D8FF}
.pr-card .ic svg{width:55%;height:55%}
.pr-card h2{font-size:clamp(19px,min(1.7vw,3.2vh),28px);font-weight:800}
.pr-card .top p{font-size:clamp(12px,min(.92vw,1.8vh),15px);color:#3A3555;margin-top:2px}
.pr-card .price{display:flex;align-items:baseline;gap:8px;margin-top:clamp(10px,2vh,22px)}
.pr-card .price b{font-size:clamp(34px,min(3.3vw,6.4vh),56px);font-weight:800;letter-spacing:-.02em;line-height:1}
.pr-card .price span{font-size:clamp(13px,min(1vw,2vh),16px);color:#3A3555}
.pr-card .price.custom b{font-size:clamp(26px,min(2.4vw,4.8vh),40px);background:linear-gradient(95deg,#7C3AED,#C026D3);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-card .bill{display:block;margin-top:4px;font-size:12.5px;color:#6B6585}
.pr-card ul{list-style:none;margin:clamp(10px,1.8vh,18px) 0 clamp(14px,2.4vh,26px);padding-top:clamp(10px,1.8vh,18px);border-top:1px solid #ECE4FB;display:flex;flex-direction:column;gap:clamp(6px,1.1vh,12px)}
.pr-card li{display:flex;align-items:center;gap:12px;font-size:clamp(13.5px,min(1.05vw,2vh),17px)}
.pr-card li svg{flex-shrink:0;width:22px;height:22px;padding:3px;border-radius:50%;background:#EFE6FF;color:#7C3AED;stroke-width:2.6}
.pr-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;height:clamp(44px,6.4vh,54px);border-radius:999px;font-weight:700;font-size:clamp(14px,min(1.1vw,2.1vh),18px);transition:all .25s ease}
.pr-btn svg{width:1.2em;height:1.2em;stroke-width:2.3;transition:transform .25s ease}
.pr-btn:hover svg{transform:translateX(4px)}
.pr-btn.line{color:#6D28D9;border:1.5px solid #A78BFA;background:#fff}
.pr-btn.line:hover{background:#F5EEFF;box-shadow:0 0 0 4px rgba(124,58,237,.1)}

/* Most popular */
.pr-card.pop{color:#fff;padding-top:clamp(22px,3.4vh,40px);background:linear-gradient(160deg,#9B5CF6 0%,#7C3AED 45%,#5B21B6 100%);border:1px solid rgba(255,255,255,.35);
  box-shadow:0 0 0 6px rgba(196,166,255,.35),0 30px 60px rgba(91,33,182,.45),inset 0 1px 0 rgba(255,255,255,.35)}
.pr-card.pop::after{content:'';position:absolute;left:8%;right:8%;bottom:-2px;height:40%;border-radius:0 0 24px 24px;pointer-events:none;
  background:radial-gradient(80% 60% at 50% 100%,rgba(240,171,252,.55),transparent 70%)}
.pr-card.pop .top p,.pr-card.pop .price span{color:#EDE4FF}
.pr-card.pop .ic{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.pr-card.pop .bill{color:#DCCCFF}
.pr-card.pop ul{border-top-color:rgba(255,255,255,.22)}
.pr-card.pop li svg{background:rgba(255,255,255,.22);color:#fff}
.pr-card.pop .pr-btn{position:relative;z-index:1}
.pr-btn.solid{color:#6D28D9;background:#fff;box-shadow:0 10px 24px rgba(46,16,101,.3)}
.pr-btn.solid:hover{transform:translateY(-2px)}
.ribbon{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:8px 20px;border-radius:999px;font-weight:700;font-size:clamp(13px,min(1vw,1.9vh),16px);color:#fff;
  background:linear-gradient(135deg,#F472B6,#DB2777);box-shadow:0 10px 22px rgba(219,39,119,.4)}
.ribbon svg{width:18px;height:18px;stroke:none;fill:currentColor}

/* trust row */
.pr-trust{list-style:none;max-width:1340px;margin:clamp(16px,3vh,40px) auto 0;display:flex;justify-content:space-between}
.pr-trust li{flex:1;display:flex;align-items:center;gap:14px;padding:0 clamp(10px,1.6vw,28px)}
.pr-trust li+li{border-left:1px solid #DCCFF5}
.pr-trust span{display:grid;place-items:center;flex-shrink:0;width:clamp(42px,6vh,58px);height:clamp(42px,6vh,58px);border-radius:16px;background:#fff;color:#7C3AED;box-shadow:0 8px 20px rgba(76,29,149,.1)}
.pr-trust span svg{width:50%;height:50%}
.pr-trust b{display:block;font-size:clamp(14px,min(1.1vw,2.1vh),18px);font-weight:800}
.pr-trust small{font-size:clamp(12px,min(.92vw,1.8vh),15px);color:#3A3555}

@media (max-width:1100px){
  .pr-cards{grid-template-columns:1fr;max-width:520px;gap:34px}
  .pr-trust{flex-wrap:wrap;gap:18px 0}
  .pr-trust li{flex:1 1 50%}
  .pr-trust li:nth-child(3){border-left:0}
}
@media (max-width:600px){
  .pr h1{font-size:30px}
  .pr-toggle .save{display:none}
  .pr-trust li{flex:1 1 100%;border-left:0!important;padding:0}
}

/* fixes: waves keep only their own strokes; tighter fit on laptop screens */
.pr .pr-waves{stroke:none}
.pr-trust li{white-space:nowrap}
.pr-trust small{white-space:normal}
@media (min-width:1101px){
  .pr-hero{padding-top:clamp(10px,1.8vh,30px);padding-bottom:clamp(10px,1.8vh,30px)}
  .pr-cards{margin-top:clamp(18px,2.6vh,34px)}
  .pr-card{padding:clamp(12px,1.9vh,28px) clamp(18px,2vw,34px)}
  .pr-card.pop{padding-top:clamp(18px,2.8vh,38px)}
  .pr-card .price{margin-top:clamp(6px,1.3vh,20px)}
  .pr-card ul{margin:clamp(8px,1.2vh,16px) 0 clamp(10px,1.8vh,24px);padding-top:clamp(8px,1.2vh,16px);gap:clamp(4px,.8vh,11px)}
  .pr-btn{height:clamp(40px,5.6vh,52px)}
  .pr-trust{margin-top:clamp(10px,2vh,36px)}
  .pr-trust span{width:clamp(36px,5.2vh,56px);height:clamp(36px,5.2vh,56px)}
}
@media (min-width:1101px){ .pr-trust{margin-top:clamp(8px,1.6vh,36px)} .pr-card .bill{margin-top:2px} }

/* ---- v2: closer to the reference ---- */
.pr-hero{background:radial-gradient(45% 40% at 100% 30%,rgba(240,171,252,.35),transparent 70%),linear-gradient(180deg,#FBF8FF 0%,#F4ECFF 60%,#EEE3FF 100%)}
.pr-cards{max-width:1320px;gap:clamp(18px,2.2vw,36px)}
.pr-card{background:rgba(255,255,255,.86);box-shadow:0 20px 50px rgba(76,29,149,.14),inset 0 1px 0 #fff}
.pr-card .ic{border-radius:18px;background:linear-gradient(145deg,#F7F1FF,#E7DAFF);box-shadow:inset 0 0 0 1px #E2D3FF,0 6px 14px rgba(124,58,237,.12)}
.pr-card .price{margin-top:clamp(10px,2vh,24px)}
.pr-card ul{margin-top:clamp(12px,1.8vh,20px)}
/* plain bold ticks on white cards */
.pr-card li svg{background:none;padding:0;width:24px;height:24px;color:#7C3AED;stroke-width:3}
/* Professional: deeper purple, glossy glass edge, pink glow at the base */
.pr-card.pop{background:linear-gradient(165deg,#8B4DF2 0%,#6D28D9 45%,#4C1D95 100%);
  box-shadow:0 0 0 1.5px rgba(255,255,255,.55),0 0 0 8px rgba(196,166,255,.35),0 0 40px rgba(167,139,250,.55),0 34px 64px rgba(76,29,149,.45),inset 0 1px 0 rgba(255,255,255,.4)}
.pr-card.pop::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,transparent 35%),radial-gradient(70% 40% at 80% 100%,rgba(244,114,182,.55),transparent 70%)}
.pr-card.pop::after{height:30%;background:radial-gradient(80% 70% at 50% 100%,rgba(240,171,252,.7),transparent 70%)}
.pr-card.pop .ic{background:linear-gradient(145deg,#C4A6FF,#8B5CF6);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 18px rgba(46,16,101,.35)}
.pr-card.pop li svg{background:#fff;color:#7C3AED;padding:4px;width:24px;height:24px;border-radius:50%;stroke-width:3}
.pr-card.pop .top,.pr-card.pop .price,.pr-card.pop ul{position:relative;z-index:1}
.ribbon{padding:9px 22px;background:linear-gradient(135deg,#F472B6,#EC4899 50%,#DB2777);box-shadow:0 0 0 3px rgba(255,255,255,.6),0 12px 24px rgba(219,39,119,.45)}
/* trust row: lavender icon tiles */
.pr-trust span{border-radius:18px;background:linear-gradient(145deg,#FFFFFF,#EDE3FF);box-shadow:inset 0 0 0 1px #E2D3FF,0 8px 18px rgba(124,58,237,.14)}
.pr-trust span svg{stroke-width:2.1}
@media (min-width:1101px){
  .pr-trust small{white-space:nowrap}
  .pr-trust li{padding:0 clamp(8px,1.2vw,24px)}
  .pr-hero{padding-bottom:clamp(6px,1.4vh,30px)}
  .pr-cards{margin-top:clamp(16px,2.4vh,34px)}
}

/* ---- v3: narrower cards + hover effect ---- */
.pr-hero{background:linear-gradient(180deg,#FCFAFF 0%,#F6EFFF 55%,#F1E6FF 100%)}
.pr-cards{max-width:1180px;grid-template-columns:1fr 1.08fr 1fr;gap:clamp(18px,2vw,32px)}
.pr-card{overflow:visible}
.pr-card .ic,.pr-card .ic svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,background .4s ease}
/* light streak that crosses the card diagonally on hover */
.pr-card .shine{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}
.pr-card .shine::before{content:'';position:absolute;top:-60%;left:-80%;width:45%;height:220%;transform:rotate(25deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);opacity:0}
.pr-card:hover .shine::before{animation:prCross .9s ease forwards}
@keyframes prCross{0%{left:-80%;opacity:1}100%{left:140%;opacity:1}}
.pr-card.pop .shine::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}
.pr-card>*:not(.shine):not(.ribbon){position:relative;z-index:1}
/* hover: lift, glowing edge, icon zooms and spins */
.pr-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 0 0 2px rgba(167,139,250,.55),0 0 30px rgba(167,139,250,.45),0 30px 60px rgba(76,29,149,.22)}
.pr-card.pop:hover{box-shadow:0 0 0 1.5px rgba(255,255,255,.7),0 0 0 10px rgba(196,166,255,.45),0 0 60px rgba(167,139,250,.75),0 40px 70px rgba(76,29,149,.5)}
.pr-card:hover .ic{transform:scale(1.2) rotate(-8deg);box-shadow:0 0 0 4px rgba(167,139,250,.25),0 12px 24px rgba(124,58,237,.3)}
.pr-card:hover .ic svg{transform:rotate(368deg)}
.pr-card:hover li svg{animation:prTick .5s ease both}
.pr-card:hover li:nth-child(2) svg{animation-delay:.05s}.pr-card:hover li:nth-child(3) svg{animation-delay:.1s}
.pr-card:hover li:nth-child(4) svg{animation-delay:.15s}.pr-card:hover li:nth-child(5) svg{animation-delay:.2s}
@keyframes prTick{50%{transform:scale(1.35)}}
@media (prefers-reduced-motion:reduce){ .pr-card:hover{transform:none} .pr-card:hover .ic,.pr-card:hover .ic svg{transform:none} .pr-card:hover .shine::before,.pr-card:hover li svg{animation:none} }
.pr-cards{max-width:1280px}
.pr-card li,.pr-card .top p,.pr-card .price.custom b{white-space:nowrap}
.pr-card .price.custom b{font-size:clamp(24px,min(2.2vw,4.4vh),38px)}
.pr-card li{font-size:clamp(13px,min(.98vw,1.95vh),16.5px)}
.pr-card .top p{font-size:clamp(11.5px,min(.86vw,1.75vh),14.5px)}
@media (min-width:1101px){ .pr-cards{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr)} }
.pr-card .top p{white-space:normal}

/* fine-line ribbons replace the solid waves */
.pr-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.pr-waves{display:none}
.pr-hero{background:radial-gradient(40% 45% at 12% 30%,rgba(196,170,255,.25),transparent 70%),radial-gradient(40% 50% at 92% 35%,rgba(244,114,182,.18),transparent 70%),linear-gradient(180deg,#FCFAFF 0%,#F6EFFF 60%,#F1E6FF 100%)}

/* ---- v4: smaller cards, no diagonal streak, mouse spotlight + glowing edge ---- */
@media (min-width:1101px){
  .pr-cards{max-width:min(1080px,74vw);gap:clamp(16px,1.6vw,28px)}
  .pr-card{padding:clamp(12px,1.8vh,26px) clamp(16px,1.6vw,28px)}
}
.pr-card .shine::before{display:none}
.pr-card .shine{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(167,139,250,.22),transparent 60%);opacity:0;transition:opacity .35s ease}
.pr-card.pop .shine{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.22),transparent 60%)}
.pr-card:hover .shine{opacity:1}
.pr-card::after{content:'';position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%),#A78BFA,#F0ABFC 35%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.pr-card:hover::after{opacity:1}
.pr-card.pop::after{display:none}
.pr-card:hover{transform:translateY(-8px)}

/* fill the whole first screen so the dark footer never peeks in at the bottom */
@media (min-width:1101px){
  .pr-hero{min-height:calc(100vh - var(--np-header-h,66px));min-height:calc(100svh - var(--np-header-h,66px));display:flex;flex-direction:column;justify-content:center}
}

/* ---- v5: smaller heading, silk ribbon image at the bottom, cards higher ---- */
.pr-silk{position:absolute;left:0;right:0;bottom:-2%;width:100%;height:44%;max-width:none;object-fit:cover;object-position:center 70%;
  pointer-events:none;z-index:0;opacity:.95;animation:prSilk 14s ease-in-out infinite alternate}
@keyframes prSilk{from{transform:translateX(-1.5%) translateY(0)}to{transform:translateX(1.5%) translateY(-8px)}}
@media (prefers-reduced-motion:reduce){ .pr-silk{animation:none} }
@media (min-width:1101px){
  .pr-hero{justify-content:flex-start;padding-top:clamp(8px,1.6vh,24px)}
  .pr-badge{padding:clamp(4px,.7vh,7px) 15px;font-size:clamp(12px,min(.9vw,1.8vh),14.5px)}
  .pr h1{font-size:clamp(24px,min(2.6vw,5vh),46px);margin:clamp(6px,1vh,12px) 0 clamp(2px,.5vh,6px)}
  .pr-head>p{font-size:clamp(13px,min(1vw,2vh),17px)}
  .pr-toggle{margin-top:clamp(8px,1.4vh,16px)}
  .pr-toggle button{padding:clamp(5px,1vh,9px) clamp(18px,1.8vw,32px);font-size:clamp(13px,min(.95vw,1.9vh),16px)}
  .pr-cards{margin-top:clamp(20px,3vh,34px)}
  .pr-trust{margin-top:clamp(14px,2.6vh,40px)}
}

/* ===== v6: all-white Stripe-style framed panel ===== */

.pr-lines,.pr-silk,.pr-waves{display:none!important}
.pr-hero{background:#fff!important}
.vx-corners{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.vx-corners>path{stroke:none!important}
.pr-card,.pr-card.pop{background:#fff!important;color:#14123A!important;border:1px solid #ECE6F8!important;box-shadow:0 1px 2px rgba(20,18,58,.04),0 18px 40px rgba(50,30,110,.10)!important;backdrop-filter:none!important}
.pr-card.pop{border:1.5px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#A78BFA,#7C3AED 50%,#EC4899) border-box!important;box-shadow:0 0 0 6px rgba(167,139,250,.12),0 26px 60px rgba(91,33,182,.20)!important}
.pr-card.pop::before,.pr-card.pop::after{display:none!important}
.pr-card.pop .top p,.pr-card.pop .price span{color:#3A3555!important}
.pr-card.pop .ic{background:linear-gradient(145deg,#A78BFA,#7C3AED)!important;color:#fff!important}
.pr-card.pop .price b{background:linear-gradient(95deg,#7C3AED,#C026D3);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-card.pop ul{border-top-color:#ECE4FB!important}
.pr-card.pop li svg{background:none!important;color:#7C3AED!important;padding:0!important}
.pr-btn.solid{color:#fff!important;background:linear-gradient(135deg,#8B5CF6,#6D28D9)!important;box-shadow:0 10px 24px rgba(109,40,217,.3)!important}
.pr-card .ic{background:#F4EEFF!important;box-shadow:none!important}
.pr-trust span{background:#F7F3FF!important;box-shadow:none!important}

.pr-hero{background:#F6F8FC!important}
.vx-panel{position:absolute;z-index:0;left:clamp(16px,3vw,56px);right:clamp(16px,3vw,56px);top:var(--pt);bottom:var(--pb);
  border-radius:22px;background:#fff;border:1px solid #E6E9F2;box-shadow:0 1px 2px rgba(20,18,58,.04),0 10px 30px rgba(20,18,58,.04);overflow:hidden}
.vx-panel .vx-corners{position:absolute;inset:0;width:100%;height:100%}
.pr-card{box-shadow:0 1px 2px rgba(20,18,58,.05),0 24px 50px rgba(50,30,110,.12)!important}
.pr-trust{position:relative;z-index:1}

.vx-panel{top:var(--pt,12px);bottom:var(--pb,24px)}
.vx-corners line{fill:none}
.vx-corners>path,.vx-corners rect{stroke:none!important}
.pr-head,.pr-cards{position:relative;z-index:1}
@media (min-width:1101px){
.pr-head{position:static!important}
  .pr-hero .pr-badge{position:absolute;z-index:3;left:calc(clamp(16px,3vw,56px) + 26px);top:calc(var(--pt) + 22px);margin:0}
  .pr-head h1{position:relative;z-index:2;margin-top:clamp(18px,3.2vh,30px)}
  .pr-head p,.pr-toggle{position:relative;z-index:2}
  .pr-trust{transform:translateY(clamp(10px,2.2vh,20px))}
  
}
@media (max-width:1100px){ .vx-panel{left:10px;right:10px} }

/* ===== v7: equal-height cards, one identical hover glow, black prices ===== */
.pr-cards{align-items:stretch!important}
@media (min-width:1101px){ .pr-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important} }
.pr-card,.pr-card.pop{height:auto;padding-top:clamp(18px,2.8vh,34px)!important;transform:none}
.pr-card .pr-btn{margin-top:auto}
.pr-card ul{margin-bottom:clamp(12px,2vh,22px)}
/* all prices the same black */
.pr-card .price b,.pr-card.pop .price b,.pr-card .price.custom b{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#14123A!important;-webkit-text-fill-color:#14123A}
/* identical resting look (Professional keeps only its gradient border + ribbon) */
.pr-card,.pr-card.pop{box-shadow:0 1px 2px rgba(20,18,58,.05),0 24px 50px rgba(50,30,110,.12)!important}
/* identical hover glow on every card */
.pr-card:hover,.pr-card.pop:hover{transform:translateY(-8px)!important;box-shadow:0 0 0 1px rgba(167,139,250,.45),0 0 34px rgba(167,139,250,.45),0 30px 60px rgba(76,29,149,.20)!important}
.pr-card.pop::after{display:block!important}
.pr-card .shine,.pr-card.pop .shine{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(167,139,250,.20),transparent 60%)!important}
@media (prefers-reduced-motion:reduce){ .pr-card:hover,.pr-card.pop:hover{transform:none!important} }
/* v8: trust row sits lower, centred in the space under the panel */
@media (min-width:1101px){
  .pr-trust{transform:none!important;margin-top:auto!important;margin-bottom:clamp(2px,1.2vh,14px)!important}
  @media (min-height:800px){ .pr-trust{margin-bottom:clamp(14px,4vh,48px)!important} }
}

/* ===== v9: registration form (centred popup) ===== */
html.rg-lock{overflow:hidden}
.rg-ov{position:fixed;inset:0;z-index:100000;background:rgba(17,12,40,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}
.rg-ov[hidden]{display:none}
.rg2{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:22px;background:#fff;box-shadow:0 40px 90px rgba(20,10,60,.45);animation:rgIn .35s cubic-bezier(.2,.9,.3,1.2);scrollbar-width:none;color:#14123A}
.rg2::-webkit-scrollbar{display:none}
@keyframes rgIn{from{opacity:0;transform:translateY(18px) scale(.96)}}
.rg2-top{position:relative;overflow:hidden;color:#fff;padding:clamp(14px,2.6vh,22px) 28px clamp(14px,2.4vh,20px);background:radial-gradient(70% 90% at 100% 0%,rgba(244,114,182,.55),transparent 70%),linear-gradient(150deg,#8B5CF6,#6D28D9 60%,#4C1D95)}
.rg2-top:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-55deg,rgba(255,255,255,.08) 0 1px,transparent 1px 7px);-webkit-mask:radial-gradient(80% 120% at 100% 0%,#000,transparent 75%);mask:radial-gradient(80% 120% at 100% 0%,#000,transparent 75%)}
.rg2-top>*{position:relative;z-index:1}
.rg2-chip{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3)}
.rg2-top h3{margin:8px 0 0;font-size:20px;font-weight:800;color:#fff}
.rg2-top .pz{font-size:30px;font-weight:800;line-height:1.15}.rg2-top .pz small{font-size:13.5px;font-weight:500;opacity:.88;margin-left:6px}
.rg2-x{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.15);color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.rg2-x:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}
.rg2-body{padding:clamp(14px,2.6vh,22px) 28px clamp(14px,2.4vh,20px);margin:0}
.rg2-body h2,.rg-done h2{margin:0;font-size:22px;color:#14123A;font-weight:800}
.rg-sub{margin:3px 0 clamp(10px,2vh,16px);color:#5B5675;font-size:13.5px}
.rg-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.5vh,12px) 12px}
.rg-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.rg-f span{font-size:12.5px;font-weight:700;color:#3A3555}
.rg-f input,.rg-f select{width:100%;box-sizing:border-box;min-width:0;height:clamp(38px,5.6vh,42px);border:1.5px solid #E6E1F5;border-radius:11px;padding:0 12px;font:inherit;font-size:14px;color:#14123A;background:#FBFAFF;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.rg-f input:focus,.rg-f select:focus{border-color:#8B5CF6;background:#fff;box-shadow:0 0 0 4px rgba(139,92,246,.14)}
.rg-f .bad{border-color:#E11D48!important;box-shadow:0 0 0 4px rgba(225,29,72,.12)!important}
.rg2 .rg-size{grid-column:1/-1}.rg2 .rg-time{display:none}
.rg2.sales .rg-size{grid-column:auto}.rg2.sales .rg-time{display:flex}
.rg-ph{display:flex;min-width:0}.rg-ph b{display:grid;place-items:center;padding:0 10px;border:1.5px solid #E6E1F5;border-right:0;border-radius:11px 0 0 11px;background:#F4F1FB;font-size:14px;color:#3A3555}.rg-ph input{border-radius:0 11px 11px 0}
.rg-ok{position:relative;display:flex;gap:8px;align-items:center;font-size:12.5px;color:#5B5675;margin:clamp(10px,1.8vh,14px) 0 0;cursor:pointer}
.rg-ok input{position:absolute;opacity:0;width:18px;height:18px;margin:0}
.rg-ok i{width:18px;height:18px;border-radius:5px;border:1.5px solid #C9BFEA;color:transparent;display:grid;place-items:center;font-style:normal;font-size:11px;flex:none}
.rg-ok input:checked+i{background:#7C3AED;border-color:#7C3AED;color:#fff}
.rg-ok input:focus-visible+i{box-shadow:0 0 0 3px rgba(124,58,237,.3)}
.rg-ok a{color:#6D28D9;font-weight:600}
.rg-err{min-height:16px;margin:4px 0 6px;font-size:12.5px;color:#E11D48;font-weight:600}
.rg-go{width:100%;height:clamp(42px,6.4vh,48px);border:0;border-radius:999px;color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;background:linear-gradient(135deg,#8B5CF6,#6D28D9);box-shadow:0 12px 26px rgba(109,40,217,.35);transition:transform .2s,box-shadow .2s}
.rg-go:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(109,40,217,.45)}
.rg-alt{text-align:center;font-size:13px;color:#5B5675;margin-top:8px}.rg-alt a{color:#6D28D9;font-weight:700}
.rg-done{padding:30px 28px 26px;text-align:center}.rg-done[hidden]{display:none}
.rg-done p{color:#5B5675;font-size:14px;margin:6px 0 18px}
.rg-tick{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#fff;background:linear-gradient(135deg,#22C55E,#16A34A);box-shadow:0 12px 26px rgba(22,163,74,.35);animation:rgIn .4s ease}
@media (max-width:520px){ .rg-g{grid-template-columns:1fr} .rg2 .rg-size,.rg2.sales .rg-size{grid-column:auto} .rg2-body,.rg2-top{padding-left:20px;padding-right:20px} }
@media (prefers-reduced-motion:reduce){ .rg2,.rg-tick{animation:none} }
@media (max-width:520px){ .rg2-top .pz small{display:block;margin:2px 0 0} .rg2-top .pz{font-size:26px} }
/* v10: modern pill selectors for employees / call time */
.rg2 .rg-size,.rg2.sales .rg-size,.rg2.sales .rg-time{grid-column:1/-1}
.rg-pills{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px;border-radius:14px;background:#F6F3FE;border:1.5px solid #ECE6F8;transition:border-color .2s,box-shadow .2s}
.rg-time .rg-pills{grid-template-columns:repeat(3,1fr)}
.rg-pills label{position:relative;cursor:pointer;min-width:0}
.rg-pills input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.rg-pills b{display:flex;flex-direction:column;align-items:center;justify-content:center;height:clamp(34px,5vh,38px);border-radius:10px;font-size:13.5px;font-weight:700;color:#3A3555;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s,transform .15s}
.rg-pills b small{font-size:10.5px;font-weight:600;opacity:.75;line-height:1.1}
.rg-time .rg-pills b{height:clamp(38px,5.6vh,42px)}
.rg-pills label:hover b{background:#fff;color:#5B21B6}
.rg-pills input:checked+b{background:linear-gradient(135deg,#8B5CF6,#6D28D9);color:#fff;box-shadow:0 6px 16px rgba(109,40,217,.32);transform:translateY(-1px)}
.rg-pills input:focus-visible+b{outline:2px solid #8B5CF6;outline-offset:2px}
.rg-pills.bad{border-color:#E11D48;box-shadow:0 0 0 4px rgba(225,29,72,.12)}
@media (max-width:520px){ .rg-pills{gap:3px;padding:3px} .rg-size .rg-pills b{font-size:12px;letter-spacing:-.01em} }

/* ===== Pricing — phones: stacked cards inside the white panel ===== */
@media (max-width:600px){
  .pr-hero{min-height:0!important;padding:84px 0 20px!important;overflow:hidden}
  .vx-panel{left:8px!important;right:8px!important;top:76px!important;bottom:auto!important;height:calc(var(--panel-h,100%) - 76px)}
  .pr-hero .pr-badge{position:static!important;margin:0 auto 10px!important;display:inline-flex!important}
  .pr-head{padding:0 22px!important;text-align:center}
  .pr-head h1{font-size:30px!important;line-height:1.12!important;margin:4px 0 6px!important}
  .pr-head p{font-size:13.5px!important}
  .pr-toggle{margin-top:12px!important}
  .pr-cards{display:flex!important;flex-direction:column!important;overflow:visible!important;scroll-snap-type:none!important;gap:18px!important;padding:0 20px!important;margin-top:22px!important;max-width:none!important;width:auto!important}
  .pr-card,.pr-card.pop{width:auto!important;min-width:0!important;flex:none!important;padding:20px 18px!important;transform:none!important}
  .pr-card.pop{order:-1;margin-top:10px}
  .pr-card .price b{font-size:40px!important}
  .pr-card ul{margin:12px 0 16px!important}
  .pr-card li{font-size:14px!important;padding:5px 0!important}
  .pr-card .pr-btn{height:48px!important}
  .pr-trust{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;padding:0 16px!important;margin-top:20px!important;transform:none!important}
  .pr-trust>*{display:flex;flex-direction:column;align-items:flex-start;gap:6px!important;padding:12px!important;border-radius:14px;background:#fff;border:1px solid #ECE6FA;border-left:1px solid #ECE6FA!important}
  .pr-trust>*::before{display:none!important}
  .pr-trust b,.pr-trust strong,.pr-trust h3{font-size:13px!important}
  .pr-trust p,.pr-trust span{font-size:11.5px!important}
}
@media (max-width:600px){
  .pr-hero{padding-top:26px!important}
  .vx-panel{top:10px!important;height:calc(var(--panel-h,100%) - 10px)!important}
}