.px-benefits-showcase{position:relative;z-index:6;padding-top:88px}.px-benefits-showcase:before{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:16%;height:58%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--active-plan-color,#b443ff) 13%,transparent),transparent 68%);filter:blur(35px);pointer-events:none;transition:background .8s ease}.px-benefits-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:end;gap:70px;margin-bottom:32px;padding:0 4px}.px-benefits-intro>div>span{display:flex;align-items:center;gap:9px;color:color-mix(in srgb,var(--active-plan-color,#b443ff) 58%,white);font-size:10px;font-weight:950;letter-spacing:.19em}.px-benefits-intro>div>span i{width:28px;height:2px;background:var(--active-plan-color,#b443ff);box-shadow:0 0 12px var(--active-plan-color,#b443ff)}.px-benefits-intro h2{margin:14px 0 0;color:#fff;font-size:clamp(38px,4.1vw,67px);line-height:.96;letter-spacing:-.055em}.px-benefits-intro h2 em{color:color-mix(in srgb,var(--active-plan-color,#b443ff) 68%,white);font-style:normal;text-shadow:0 0 30px color-mix(in srgb,var(--active-plan-color,#b443ff) 25%,transparent);transition:color .8s ease,text-shadow .8s ease}.px-benefits-intro>p{margin:0 0 6px;color:#b7c0c7;font-size:13px;font-weight:560;line-height:1.75}.px-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.px-benefit-card{--card-accent:var(--active-plan-color,#b443ff);position:relative;isolation:isolate;min-height:300px;display:flex;flex-direction:column;overflow:hidden;padding:25px;border:1px solid color-mix(in srgb,var(--card-accent) 25%,#39424a);border-radius:25px;background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--card-accent) 15%,transparent),transparent 40%),linear-gradient(145deg,#1a2025ed,#101418f5);box-shadow:0 22px 55px #0006,inset 0 1px #ffffff0c;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.px-benefit-card:before{content:"";position:absolute;z-index:-1;inset:-120% -35%;background:linear-gradient(112deg,transparent 43%,color-mix(in srgb,var(--card-accent) 24%,white) 50%,transparent 57%);transform:translateX(-65%);opacity:0;transition:transform .9s ease,opacity .25s}.px-benefit-card:after{content:"";position:absolute;right:-52px;bottom:-66px;width:155px;height:155px;border:1px solid color-mix(in srgb,var(--card-accent) 26%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--card-accent) 5%,transparent),0 0 45px color-mix(in srgb,var(--card-accent) 15%,transparent);transition:transform .55s}.px-benefit-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--card-accent) 68%,white);box-shadow:0 32px 75px #0009,0 0 35px color-mix(in srgb,var(--card-accent) 16%,transparent)}.px-benefit-card:hover:before{opacity:1;transform:translateX(65%)}.px-benefit-card:hover:after{transform:scale(1.18) translate(-8px,-8px)}.px-benefit-tools,.px-benefit-identity{--card-accent:#b443ff}.px-benefit-drive,.px-benefit-connected{--card-accent:#b8ff00}.px-benefit-downloads{--card-accent:#5d83ff}.px-benefit-focus{--card-accent:#ffb938}.px-benefit-index{position:absolute;right:20px;top:19px;color:color-mix(in srgb,var(--card-accent) 75%,white);font-size:9px;font-weight:950;letter-spacing:.16em}.px-benefit-icon{width:53px;height:53px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--card-accent) 44%,transparent);border-radius:17px;background:color-mix(in srgb,var(--card-accent) 12%,#11171b);color:var(--card-accent);box-shadow:0 9px 25px #0005,0 0 22px color-mix(in srgb,var(--card-accent) 14%,transparent);transition:transform .35s,box-shadow .35s}.px-benefit-card:hover .px-benefit-icon{transform:translateY(-3px) rotate(-4deg);box-shadow:0 13px 30px #0007,0 0 30px color-mix(in srgb,var(--card-accent) 35%,transparent)}.px-benefit-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.px-benefit-copy{margin-top:23px}.px-benefit-copy small{color:var(--card-accent);font-size:8px;font-weight:950;letter-spacing:.16em}.px-benefit-copy h3{max-width:330px;margin:7px 0 9px;color:#f7f9fa;font-size:20px;line-height:1.13;letter-spacing:-.035em}.px-benefit-copy p{max-width:360px;margin:0;color:#aeb8bf;font-size:11px;font-weight:560;line-height:1.65}.px-benefit-card>footer{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:21px;border-top:1px solid #ffffff10}.px-benefit-card>footer b{color:#f4f7f8;font-size:11px}.px-benefit-card>footer span{display:flex;align-items:center;gap:7px;color:#87939b;font-size:8px}.px-benefit-card>footer i{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:color-mix(in srgb,var(--card-accent) 14%,transparent);color:var(--card-accent);font-style:normal}.px-benefits-bridge{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:18px;padding:15px 18px 15px 22px;border:1px solid #ffffff13;border-radius:18px;background:#151a1ee3;box-shadow:0 17px 40px #0005}.px-benefits-bridge>span{display:flex;align-items:center;gap:10px;color:#dce2e6;font-size:11px;font-weight:750}.px-benefits-bridge>span i{width:7px;height:7px;border-radius:50%;background:var(--active-plan-color,#b443ff);box-shadow:0 0 13px var(--active-plan-color,#b443ff);animation:pxBenefitPulse 1.8s ease-in-out infinite}.px-benefits-bridge>a{display:flex;align-items:center;gap:18px;padding:11px 12px 11px 17px;border-radius:12px;background:var(--active-plan-color,#b443ff);color:#0c0e10;font-size:10px;font-weight:950;box-shadow:0 10px 26px color-mix(in srgb,var(--active-plan-color,#b443ff) 28%,transparent);transition:.25s}.px-benefits-bridge>a b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#0002}.px-benefits-bridge>a:hover{transform:translateY(-2px);filter:brightness(1.12)}.px-plans{padding-top:92px}@keyframes pxBenefitPulse{50%{opacity:.4;transform:scale(.72)}}@media(max-width:1050px){.px-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.px-benefits-showcase{padding-top:65px}.px-benefits-intro{grid-template-columns:1fr;gap:18px}.px-benefits-intro>p{max-width:560px}.px-benefits-grid{grid-template-columns:1fr}.px-benefit-card{min-height:270px}.px-benefits-bridge{align-items:stretch;flex-direction:column}.px-benefits-bridge>a{justify-content:space-between}}@media(prefers-reduced-motion:reduce){.px-benefit-card,.px-benefit-card:before,.px-benefit-card:after,.px-benefit-icon,.px-benefits-bridge>span i{transition:none!important;animation:none!important}}
