/* Expressive product cards with readable terms and restrained motion. */
.calm-v9 .pricing-expressive{position:relative;isolation:isolate;background:#f3f6ed;padding-block:51px 40px;overflow:hidden}.pricing-expressive:before{content:'';position:absolute;z-index:-1;left:50%;top:10%;width:1000px;height:750px;transform:translateX(-50%);background:radial-gradient(ellipse,#dcedc477,transparent 66%);pointer-events:none}.pricing-expressive:after{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#70895d08 1px,transparent 1px),linear-gradient(90deg,#70895d08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent,#0004 35%,transparent);pointer-events:none}.pricing-expressive .pricing-intro{margin-bottom:25px}.pricing-expressive .pricing-kicker{display:inline-flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.9px;margin-bottom:14px!important}.pricing-expressive .pricing-kicker:before{content:'';width:6px;height:6px;border-radius:50%;background:#79a65a;box-shadow:0 0 0 5px #93b37512}.calm-v9 .pricing-expressive .pricing-intro h2{font-size:49px;line-height:1.14;letter-spacing:-2.3px}.pricing-expressive .pricing-intro h2 em{color:#7c9762}.pricing-expressive .pricing-intro>p:last-child{font-size:14px;color:#708064;margin-top:13px}.pricing-expressive .duration-control{margin-bottom:28px;gap:18px}.calm-v9 .pricing-expressive .vpn-periods{position:relative;width:365px;border-radius:100px;background:#e5ecdcc9;padding:5px;border:1px solid #d8e2cc}.calm-v9 .pricing-expressive .vpn-periods:before{content:'';position:absolute;top:5px;left:5px;bottom:5px;width:calc((100% - 18px)/3);border-radius:100px;background:#fff;box-shadow:0 2px 9px #47623712;transform:translateX(calc(var(--period-index,0) * (100% + 4px)));transition:transform .32s cubic-bezier(.2,.8,.2,1)}.calm-v9 .pricing-expressive .vpn-periods button{position:relative;z-index:1;background:none!important;box-shadow:none!important;border-radius:100px;font-size:12px;font-weight:500;transition:color .2s}.calm-v9 .pricing-expressive .vpn-periods button.on{color:#2a4f32}.pricing-expressive .plan-options{gap:24px}.pricing-expressive .plan-option{position:relative;border-radius:26px;padding:28px 30px;background:linear-gradient(135deg,#fffffd,#f9fbf3);border:1px solid #d6e2ca;box-shadow:0 20px 40px -30px #3b612b44,inset 0 1px 0 #fff;transition:transform .35s,box-shadow .35s,border-color .35s;isolation:isolate;overflow:hidden}.pricing-expressive .plan-option:after{content:'';position:absolute;right:-70px;top:-60px;width:280px;height:280px;border:1px solid #89a56e15;border-radius:50%;z-index:-1;pointer-events:none}.pricing-expressive .plan-option:hover{transform:translateY(-4px);box-shadow:0 25px 50px -28px #41632b55;border-color:#acc693}.pricing-expressive .plan-option-top{margin-bottom:17px;color:#687e59;font-size:11px}.pricing-expressive .plan-option-top>span:first-child{padding:6px 10px;border:1px solid #dde6d3;background:#eef4e7;border-radius:100px;line-height:1.4}.plan-type-mark{font-size:7px;letter-spacing:1.4px;color:#8a9b7a}.plan-identity{display:flex;position:relative;align-items:center;justify-content:space-between;height:111px;margin-bottom:12px}.pricing-expressive .plan-option h3{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:end;position:relative;font-weight:500;margin:0;letter-spacing:0;z-index:2}.pricing-expressive .plan-option h3>small{grid-column:1/-1;font-size:8px;letter-spacing:1.5px;color:#819571;margin-bottom:3px}.pricing-expressive .plan-option h3>b{font-size:85px;line-height:1;letter-spacing:-5px;font-weight:500;color:#284930}.pricing-expressive .plan-option h3>span{font-size:13px;color:#6d825e;line-height:1.3;margin-bottom:13px;grid-column:1/-1;margin-top:7px}.plan-device-art{position:absolute;right:-14px;top:-3px;width:191px;height:140px;transform:rotate(-2deg);transition:transform .5s}.plan-device-art svg{position:relative;width:100%;height:100%;filter:drop-shadow(0 15px 9px #30542d1c)}.device-halo{position:absolute;inset:10px 0 10px 10px;border:1px solid #afc89940;border-radius:50%;transform:rotate(-24deg)}.device-halo:after{content:'';position:absolute;inset:12px -5px;border:1px solid #b8cb9b25;border-radius:50%;transform:rotate(55deg)}.pricing-expressive .plan-option:hover .plan-device-art{transform:translateY(-4px) rotate(1deg)}.pricing-expressive .plan-description{font-size:13px;line-height:1.8;color:#708465;min-height:47px;max-width:330px;margin-top:17px!important}.pricing-expressive .plan-cost{margin:22px 0 18px;gap:12px}.pricing-expressive .plan-cost strong{font-size:42px;letter-spacing:-1.4px;color:#2c4d35}.pricing-expressive .plan-cost>span{font-size:12px;color:#748a66}.pricing-expressive .plan-facts{border-color:#dfe8d5;margin-bottom:24px;padding-top:17px}.pricing-expressive .plan-facts dt{font-size:10px;color:#7b906d}.pricing-expressive .plan-facts dd{font-size:13px;color:#4f6b43}.pricing-expressive .plan-purchase{background:#315740;border-color:#315740;border-radius:13px;min-height:52px;padding-inline:19px;font-size:13px;box-shadow:0 5px 12px #224c2810;transition:background .2s,box-shadow .2s}.pricing-expressive .plan-purchase:hover{background:#264931;box-shadow:0 7px 17px #224c2820}.pricing-expressive .plan-purchase>span{transition:transform .25s}.pricing-expressive .plan-purchase:hover>span{transform:translateX(4px)}
.pricing-expressive .plan-option[data-devices="10"]{background:linear-gradient(140deg,#234b37,#132f24);border-color:#214331;box-shadow:0 20px 40px -24px #183b2d55,inset 0 1px 0 #d4f0b51a;color:#e9f3dc}.pricing-expressive .plan-option[data-devices="10"]:after{border-color:#a7cc7920}.pricing-expressive .plan-option[data-devices="10"] .plan-option-top>span:first-child{background:#b4d88b10;border-color:#b4d88b29;color:#b7d39f}.pricing-expressive .plan-option[data-devices="10"] .plan-type-mark{color:#8daa7c}.pricing-expressive .plan-option[data-devices="10"] h3>b{color:#d4f2a5}.pricing-expressive .plan-option[data-devices="10"] h3>small,.pricing-expressive .plan-option[data-devices="10"] h3>span{color:#adc69a}.pricing-expressive .plan-option[data-devices="10"] .plan-description{color:#a9c399}.pricing-expressive .plan-option[data-devices="10"] .plan-cost strong{color:#edf7df}.pricing-expressive .plan-option[data-devices="10"] .plan-cost>span{color:#a2bf8f}.pricing-expressive .plan-option[data-devices="10"] .plan-facts{border-color:#a1c27c2a}.pricing-expressive .plan-option[data-devices="10"] .plan-facts dt{color:#91b27c}.pricing-expressive .plan-option[data-devices="10"] .plan-facts dd{color:#c7ddb0}.pricing-expressive .plan-option[data-devices="10"] .plan-purchase{background:#d1eea6;border-color:#d1eea6;color:#254b30!important}.pricing-expressive .plan-option[data-devices="10"] .plan-purchase:hover{background:#dff6bd}.pricing-expressive .plan-option[data-devices="10"] .device-halo{border-color:#b6d78c25}.pricing-expressive .plan-common{margin-top:24px}.pricing-expressive .plan-common>span{font-size:11px}.pricing-expressive .plan-common>p{font-size:11px}.pricing-expressive .pricing-demo-note{font-size:11px;color:#728364}.pricing-expressive .pricing-help{border-color:#d9e3ce;font-size:11px;margin-top:24px;padding-top:18px}.pricing-expressive.is-revealed .plan-option{animation:plan-enter .7s cubic-bezier(.2,.8,.2,1) backwards}.pricing-expressive.is-revealed .plan-option:nth-child(2){animation-delay:.09s}@keyframes plan-enter{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.calm-v9 .pricing-expressive .pricing-intro h2{font-size:42px}.pricing-expressive .plan-option{padding:26px}.plan-device-art{width:155px;height:125px;right:-19px;top:2px}.pricing-expressive .plan-option h3>b{font-size:75px}.pricing-expressive .plan-description{font-size:12px}.pricing-expressive .plan-cost strong{font-size:38px}.pricing-expressive .plan-options{gap:18px}}
@media(max-width:700px){.calm-v9 .pricing-expressive{padding-block:43px 30px}.calm-v9 .pricing-expressive .pricing-intro h2{font-size:36px;letter-spacing:-1.4px;max-width:310px}.pricing-expressive .pricing-intro>p:last-child{font-size:14px;line-height:1.8}.pricing-expressive .duration-control{margin-bottom:24px}.calm-v9 .pricing-expressive .vpn-periods{width:100%;max-width:400px}.calm-v9 .pricing-expressive .vpn-periods button{min-height:44px;font-size:13px}.pricing-expressive .plan-option{padding:25px;border-radius:22px}.pricing-expressive .plan-option-top{font-size:11px;margin-bottom:17px}.pricing-expressive .plan-type-mark{font-size:6px}.plan-identity{height:103px}.pricing-expressive .plan-option h3>b{font-size:80px}.plan-device-art{width:162px;height:128px;right:-19px;top:-2px}.pricing-expressive .plan-option h3>span{font-size:12px}.pricing-expressive .plan-description{font-size:14px;line-height:1.75;min-height:0;margin-top:18px!important}.pricing-expressive .plan-cost strong{font-size:39px}.pricing-expressive .plan-facts dt{font-size:11px}.pricing-expressive .plan-facts dd{font-size:13px}.pricing-expressive .plan-purchase{font-size:14px}.pricing-expressive .plan-common>span{font-size:11px}.pricing-expressive .plan-common>p,.pricing-expressive .pricing-demo-note{font-size:12px}.pricing-expressive .pricing-help{font-size:12px}}
@media(max-width:370px){.calm-v9 .pricing-expressive .pricing-intro h2{font-size:32px}.pricing-expressive .plan-option{padding:22px}.plan-device-art{width:138px;height:114px;right:-21px;top:10px}.pricing-expressive .plan-option h3>b{font-size:73px}.pricing-expressive .plan-description{font-size:13px}.pricing-expressive .plan-cost strong{font-size:36px}.pricing-expressive .plan-purchase{font-size:13px}}
@media(prefers-reduced-motion:reduce){.pricing-expressive.is-revealed .plan-option{animation:none}.pricing-expressive .plan-option,.plan-device-art,.pricing-expressive .plan-purchase,.pricing-expressive .plan-purchase>span,.calm-v9 .pricing-expressive .vpn-periods:before{transition:none}.pricing-expressive .plan-option:hover{transform:none}.pricing-expressive .plan-option:hover .plan-device-art{transform:none}}

@media(min-width:951px){.calm-v9 .pricing-expressive{padding-top:35px}.calm-v9 .pricing-expressive .pricing-intro h2{font-size:46px}.pricing-expressive .pricing-intro{margin-bottom:20px}.pricing-expressive .duration-control{margin-bottom:24px}.pricing-expressive .plan-option{padding:25px 28px}.pricing-expressive .plan-identity{height:96px}.pricing-expressive .plan-option h3>b{font-size:76px}.pricing-expressive .plan-option h3>span{margin-bottom:0;margin-top:4px;font-size:12px}.pricing-expressive .plan-device-art{width:173px;height:120px;top:-9px;right:-12px}.pricing-expressive .plan-description{min-height:44px;margin-top:12px!important}.pricing-expressive .plan-cost{margin:16px 0 14px}.pricing-expressive .plan-facts{padding-top:14px;margin-bottom:18px}}
