.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.price-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;border:1px solid #34445b;border-radius:22px;padding:25px;background:linear-gradient(150deg,#192638,#101927);transition:border-color .35s,box-shadow .35s}
.price-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,80%),#b9ddc418,transparent 72%);opacity:.65;transition:opacity .35s}
.price-card:hover:before{opacity:1}
.price-card:hover{border-color:#738c7e;box-shadow:0 12px 36px #050b1644}
.price-card.is-selected{border-color:var(--mint);box-shadow:inset 0 0 0 1px #b9ddc42b,0 10px 35px #b9ddc40c}
.price-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}
.price-card h3{font-size:21px;font-weight:600;letter-spacing:-.035em}
.price-selected{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #667f7055;color:var(--mint);background:#b9ddc40a;flex:none}
.price-selected .icon{width:15px;height:15px;opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s}
.price-card.is-selected .price-selected{border-color:#b9ddc480;background:#b9ddc417}
.price-card.is-selected .price-selected .icon{opacity:1;transform:scale(1)}
.price-amount{display:flex;align-items:baseline;gap:8px;font:700 47px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.055em;margin-top:33px;color:var(--white);white-space:nowrap}
.price-amount>span{font-size:25px;color:var(--mint);letter-spacing:-.03em}
.price-period{font-size:12px;color:#95a8bd;margin-top:8px}
.price-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin-top:35px;border:1px solid #4a5d70;border-radius:11px;padding:13px 15px;background:#23314788;color:#d2dced;font-size:13px;font-weight:500;transition:background .25s,border-color .25s,color .25s}
.price-button .icon{width:18px;height:18px;transition:transform .25s}
.price-button:hover .icon{transform:translate(2px,-2px)}
.price-card:hover .price-button,.price-card.is-selected .price-button{background:var(--mint);color:#183126;border-color:var(--mint)}
.price-light{position:absolute;width:190px;height:190px;right:-95px;top:70px;border:1px solid #b9ddc416;border-radius:50%;z-index:-1;animation:price-orbit 15s linear infinite}
.price-light:before{content:"";position:absolute;inset:15px;border:1px solid #b9caff13;border-radius:50%}
.price-light:after{content:"";position:absolute;top:9px;left:40px;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #b9ddc4aa,0 0 25px #b9ddc45a}
.price-card:nth-child(2) .price-light{animation-delay:-4s}
.price-card:nth-child(3) .price-light{animation-delay:-8s}
.price-card:nth-child(4) .price-light{animation-delay:-12s}
.trial-card{display:flex;align-items:center;gap:27px;border:1px solid #5a7266;border-radius:20px;background:radial-gradient(ellipse at 10% 100%,#304b354d,transparent 70%),linear-gradient(110deg,#1c2e2c,#162234);padding:29px;margin-top:32px;position:relative;isolation:isolate;overflow:hidden}
.trial-mark{position:relative;display:grid;place-items:center;flex:none;width:56px;height:56px;border:1px solid #87aa9466;border-radius:17px;background:linear-gradient(145deg,#41644e,#20392e);color:var(--mint);transform:rotate(-7deg);animation:trial-float 7s ease-in-out infinite}
.trial-mark>.icon{width:30px;height:30px}
.trial-mark>span{position:absolute;inset:-14px;border:1px solid #b9ddc42c;border-radius:24px;animation:trial-ring 5s ease-in-out infinite;z-index:-1}
.trial-mark>span:last-child{inset:-26px;border-radius:30px;animation-delay:1.4s}
.trial-copy{flex:1;min-width:0}
.trial-copy h3{font-size:23px;line-height:1.25;letter-spacing:-.035em}
.trial-copy p{font-size:13px;line-height:1.7;color:#a4b7b0;margin-top:10px;max-width:420px}
.trial-card .button{flex:none;font-size:13px;padding-inline:20px}
@keyframes price-orbit{to{transform:rotate(360deg)}}
@keyframes trial-float{50%{translate:0 -5px}}
@keyframes trial-ring{0%,100%{opacity:.35;scale:.96}50%{opacity:.8;scale:1.04}}
@media(max-width:1150px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-card{gap:22px}.trial-copy h3{font-size:21px}.trial-card .button{gap:15px}}
@media(max-width:700px){.trial-card{flex-wrap:wrap;padding:26px;gap:20px}.trial-copy{flex-basis:calc(100% - 80px)}.trial-card .button{width:100%}.price-card{padding:22px}.price-amount{font-size:42px}.price-button{font-size:12px;padding-inline:12px}}
@media(max-width:450px){.price-grid{grid-template-columns:1fr;gap:15px}.price-card{padding:23px;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center}.price-card-top{grid-column:1/-1}.price-amount{margin-top:18px;font-size:45px}.price-period{margin-top:18px;max-width:80px;text-align:right;line-height:1.6}.price-button{grid-column:1/-1;margin-top:23px;font-size:13px}.price-light{top:30px}.trial-copy h3{font-size:20px}.trial-copy p{font-size:12px}.trial-mark{width:46px;height:46px}.trial-copy{flex-basis:calc(100% - 70px)}.trial-card{padding:23px}.pricing-section .section-heading>p{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.price-light,.trial-mark,.trial-mark>span{animation:none}.price-card,.price-button,.price-button .icon,.price-selected .icon{transition:none}}
.price-selected{opacity:0;transition:opacity .25s}
.price-card.is-selected .price-selected{opacity:1}

/* Long plans: a visible motion hierarchy without extra marketing labels. */
.price-card-premium{
  --price-accent:var(--mint);
  --price-secondary:#86cda7;
  overflow:clip;
  border-color:#71927f;
  background:linear-gradient(145deg,#263e38,#15282b 58%,#14232d);
  box-shadow:0 10px 40px #030c1633,inset 0 1px 0 #d4f4de26;
}
.price-card-year{
  --price-secondary:var(--lavender,#b9caff);
  border-color:#93a8c4;
  background:linear-gradient(140deg,#303c57,#1d3039 58%,#1d3044);
  box-shadow:0 10px 44px #91b5d91a,inset 0 1px 0 #dae6ff40;
}
.price-card-premium:before{background:radial-gradient(270px circle at var(--spot-x,80%) var(--spot-y,30%),#b9ddc42b,transparent 75%)}
.price-card-premium:hover{border-color:var(--price-accent);box-shadow:0 12px 40px #b9ddc41a}
.price-card-year:hover{border-color:#c7d5ff;box-shadow:0 12px 44px #b9caff24}
.price-card-premium .price-card-top,.price-card-premium .price-amount,.price-card-premium .price-period,.price-card-premium .price-button{position:relative;z-index:2}
.price-card-premium .price-period{color:#b5c9c0}
.price-card-year .price-period{color:#becbdd}
.price-aura{position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#b9ddc438,transparent 54%);animation:price-aura-drift 7s ease-in-out infinite}
.price-card-year .price-aura{background:radial-gradient(ellipse at 85% 40%,#b9ddc442,transparent 48%),radial-gradient(ellipse at 20% 100%,#b9caff38,transparent 58%);animation-duration:6s;animation-delay:-3s}
.price-rim{position:absolute;inset:0;z-index:3;overflow:clip;pointer-events:none;border-radius:inherit;padding:1.5px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.price-rim:before{content:"";position:absolute;inset:-80%;background:conic-gradient(transparent 0deg,var(--price-accent) 65deg,#e9fff1 80deg,transparent 100deg,transparent 180deg,var(--price-secondary) 245deg,#e9fff1 260deg,transparent 280deg);animation:price-orbit 9s linear infinite}
.price-card-year .price-rim{padding:2px}
.price-card-year .price-rim:before{animation-duration:7s;animation-delay:-3s}
.price-orbits{position:absolute;width:230px;height:230px;top:48px;right:-112px;z-index:0;pointer-events:none;opacity:.8}
.price-orbits>span{position:absolute;inset:0;border:1px solid #b9ddc42c;border-radius:50%;animation:price-orbit 6s linear infinite}
.price-orbits>span:before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 35%,#b9ddc425 55%,var(--price-accent) 75%,transparent 75.5%);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)}
.price-orbits>span:after{content:"";position:absolute;left:-4px;top:calc(50% - 4px);width:7px;height:7px;border-radius:50%;background:#d9f6e1;box-shadow:0 0 10px #b9ddc4,0 0 22px #b9ddc4a6}
.price-orbits>span:nth-child(2){inset:27px;animation-duration:8s;animation-direction:reverse;animation-delay:-4s;opacity:.65}
.price-card-year .price-orbits{width:250px;height:250px;right:-113px;top:37px;opacity:1}
.price-card-year .price-orbits>span{animation-duration:5s}
.price-card-year .price-orbits>span:nth-child(2){animation-duration:7s}
.price-card-year .price-orbits>span:nth-child(2):before{background:conic-gradient(from 0deg,transparent 35%,#b9caff25 55%,#b9caff 75%,transparent 75.5%)}
.price-card-year .price-orbits>span:nth-child(2):after{background:#dce5ff;box-shadow:0 0 10px #b9caff,0 0 22px #b9caffa6}
.price-orbits>span:nth-child(3){inset:54px;animation-duration:9s;animation-delay:-2s;opacity:.5}
.price-card-premium .price-button{overflow:clip;isolation:isolate;border-color:#c2e3cb;background:var(--mint);color:#183126;font-weight:600;box-shadow:0 4px 20px #b9ddc416}
.price-card-year .price-button,.price-card-year:hover .price-button,.price-card-year.is-selected .price-button{border-color:#d2deff;background:#b9caff;color:#1b2946;box-shadow:0 4px 24px #b9caff2e}
.price-card-premium .price-button:after{content:"";position:absolute;inset:-20% auto -20% -65%;width:35%;z-index:-1;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:skewX(-25deg);animation:price-button-sheen 6s ease-in-out infinite;pointer-events:none}
.price-card-year .price-button:after{animation-delay:-2.5s}
.price-card-premium .price-button:hover{background:#cdebd6;border-color:#e0f4e6}
.price-card-year .price-button:hover{background:#cdd8ff;border-color:#e4eaff;color:#1b2946}
.price-card-year.is-selected{border-color:#d0dcff;box-shadow:inset 0 0 0 1px #b9caff55,0 10px 40px #b9caff24}
.price-card:not(.is-visible) .price-rim:before,.price-card:not(.is-visible) .price-button:after{animation-play-state:paused}
@keyframes price-aura-drift{0%,100%{opacity:.5;transform:translate(3%,-3%) scale(.95)}50%{opacity:1;transform:translate(-5%,5%) scale(1.08)}}
@keyframes price-button-sheen{0%,15%{transform:translateX(0) skewX(-25deg)}65%,100%{transform:translateX(530%) skewX(-25deg)}}
@media(max-width:450px){.price-orbits{width:210px;height:210px;right:-95px;top:-8px;opacity:.6}.price-card-year .price-orbits{width:230px;height:230px;right:-100px;top:-15px;opacity:.75}}
@media(prefers-reduced-motion:reduce){.price-aura,.price-rim:before,.price-orbits>span,.price-button:after{animation:none}}