.pp-pricing{--pp-accent:#6dffb4;padding:80px 40px;background:#081e16;border-block:1px solid var(--color-border);color:#ecfff4}
.pp-pricing [hidden]{display:none!important}
.pp-container{max-width:1180px;margin:auto}
.pp-heading{text-align:center;max-width:680px;margin:0 auto 30px}
.pp-heading>span{color:var(--pp-accent);font-size:15px;font-weight:700}
.pp-heading h2{margin:14px 0;font-size:clamp(28px,3.5vw,42px);letter-spacing:-1px;line-height:1.2}
.pp-heading p,.pp-note{color:#b3d4c6;font-size:14px;line-height:1.7}
.pp-controls,.pp-modes{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.pp-modes button{font:inherit;font-size:14px;color:#ecfff4;background:#102b20;border:1px solid #345b48;padding:11px 16px;border-radius:10px;cursor:pointer}
.pp-modes button[aria-pressed=true]{border-color:#6dffb4;color:#6dffb4;background:#173d2c}
.pp-status,.pp-note,.pp-fallback{text-align:center}
.pp-status{color:#b3d4c6;font-size:13px;line-height:1.7;margin:20px 0 32px}
.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pp-card{--accent:#38d6ff;position:relative;min-width:0;display:flex;flex-direction:column;padding:24px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 12%,transparent),#ffffff06 46%,#00000014);box-shadow:inset 0 1px 0 #ffffff0d}
.pp-card[data-tier=trial]{--accent:#8affc3}.pp-card[data-tier=premium]{--accent:#b8ff42}.pp-card[data-tier=enterprise]{--accent:#ffb84d}
.pp-card.is-featured{border-width:2px;border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 12%,transparent)}
.pp-featured{position:absolute;left:50%;top:-15px;transform:translateX(-50%);padding:6px 14px;border-radius:99px;background:linear-gradient(135deg,#b8ff42,#4cff88);color:#032116;font-size:12px;font-weight:800;white-space:nowrap}
.pp-eyebrow{display:block;font-size:12px;font-weight:600;color:#a7cbbb;margin:0}
.pp-card h3{font-size:23px;line-height:1.3;margin:4px 0 0;color:#ecfff4}
.pp-price{font-size:32px;font-weight:900;line-height:1.1;margin:0;color:#f3fff8;letter-spacing:-.7px;white-space:nowrap}
.pp-original{font-size:13px;font-weight:700;text-decoration:line-through;color:#96b8a7;margin:0;line-height:1.4}
.pp-price.is-discounted{color:#b7ff3c}
.pp-caption{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;color:#a7cbbb;font-size:12px;margin:0}
.pp-billing-badge{color:#b7ff3c;font-size:11px;line-height:1.4}
.pp-description{font-size:16px;line-height:1.65;color:#dfffee;white-space:pre-line;margin:0 0 18px}
.pp-allowance{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--accent);font-size:13px;font-weight:700;line-height:1.5;margin:10px 0 18px}
.pp-features{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
.pp-features li{position:relative;padding-left:26px;font-size:16px;line-height:1.6;color:#ecfff4}
.pp-features li::before{content:'\2713';position:absolute;left:0;color:var(--accent);font-size:20px;font-weight:800}
.pp-card :is(strong,b){font-weight:600}.pp-card :is(em,i){font-style:italic}.pp-card mark{background:transparent;color:#b7ff3c}
.pp-checkout{margin-top:auto;padding-top:22px;border-top:1px solid #6dffb420}
.pp-billing-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:14px;font-weight:700}
.pp-coupon summary{cursor:pointer;list-style:none;color:#6dffb4;font-size:14px;font-weight:800;white-space:nowrap}
.pp-coupon summary::-webkit-details-marker{display:none}
.pp-coupon-body{position:absolute;right:0;top:calc(100% + 10px);z-index:10;box-sizing:border-box;width:min(310px,100%);padding:16px;background:#0b3025;border:1px solid #438365;border-radius:14px;box-shadow:0 14px 36px #0008}
.pp-coupon-body label{display:block;font-size:13px;margin-bottom:8px}
.pp-coupon-entry{display:flex;gap:6px}
.pp-coupon input{min-width:0;flex:1;width:100%;box-sizing:border-box;border:1px solid #438365;border-radius:8px;background:#08251d;color:#effff6;font:inherit;padding:9px;text-transform:uppercase}
.pp-coupon button{border:1px solid #438365;background:#174c35;color:#effff6;border-radius:8px;padding:9px 11px;font:inherit;cursor:pointer}
.pp-coupon-feedback{color:#c5eadc;font-size:13px;font-weight:400;line-height:1.5;min-height:0;margin:8px 0}
.pp-coupon .pp-coupon-remove{border:0;background:transparent;padding:4px 0;text-decoration:underline;font-size:13px}
.pp-applied{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;min-width:0;min-height:27px;color:#baff78;border:1px solid #3d8258;border-radius:10px;background:#163d26;padding:0 4px 0 10px;margin:0 0 16px;font-size:12px;font-weight:700;line-height:1.4}
.pp-applied>span{min-width:0;overflow-wrap:anywhere}
.pp-applied button{display:flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;min-height:25px;padding:0;border:0;border-radius:7px;background:transparent;color:#c7ffd4;cursor:pointer;transition:background .15s,color .15s}
.pp-applied button:hover{background:#295c38;color:#fff}
.pp-applied button .pp-icon{width:16px;height:16px;flex-basis:16px}
.pp-duration-select{box-sizing:border-box;display:block;width:100%;min-height:46px;margin:0 0 16px;padding:10px 12px;border:1px solid #438365;border-radius:12px;background:#102c21;color:#effff6;font:inherit;font-size:15px}
.pp-choose{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;padding:12px 20px;border:0;border-radius:12px;background:linear-gradient(110deg,#b8ff42,#26d979);color:#05251c;font-size:14px;font-weight:800;text-decoration:none;text-align:center;box-shadow:0 5px 16px #26d9791f;transition:transform .2s ease,box-shadow .2s ease;overflow:visible}
.pp-choose>span{position:relative;z-index:2}
.pp-choose::before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent,#ffffffa6,transparent) -50% 0 / 30% 100% no-repeat}
.pp-choose::after{content:'';position:absolute;top:-12.8px;right:-16.6px;width:53.2px;height:33.6px;z-index:3;pointer-events:none;background:radial-gradient(ellipse 3.5px 3.5px at center,#fff 0%,#fff 30%,#fff9 55%,transparent 100%),radial-gradient(ellipse 25.2px 1.05px at center,#fffffff2,#ffffff80 40%,transparent 100%),radial-gradient(ellipse 1.05px 16.1px at center,#ffffffe6,#ffffff59 40%,transparent 100%),radial-gradient(ellipse at center,#ffffff80,transparent 65%);opacity:0;transform:scale(.4) rotate(-45deg)}
.pp-choose:hover:not([aria-disabled=true]),.pp-choose:focus-visible{color:#05251c;transform:translateY(-2px);box-shadow:0 9px 24px #26d9794d}
.pp-choose:is(:hover,:focus-visible):not([aria-disabled=true])::before{animation:pp-payment-shine .8s ease-out}
.pp-choose:is(:hover,:focus-visible):not([aria-disabled=true])::after{animation:pp-payment-flare .923s ease-out .62s both}
.pp-choose[aria-disabled=true]{opacity:.55;cursor:wait;transform:none;box-shadow:none}
.pp-payment-icons{display:inline-block;flex:0 0 42px;width:42px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 0 40 22'%3E%3Ctext x='28' y='15' font-family='Arial,sans-serif' font-size='9' font-weight='700' fill='%2305251c'%3EUPI%3C/text%3E%3Cpath d='m48 2-6 18 13-9Z' fill='%23a84408'/%3E%3Cpath d='m56 2-6 18 13-9Z' fill='%23075d3b'/%3E%3C/svg%3E") center/contain no-repeat}
.pp-free-trial-badge{padding:3px 7px;border:1px solid #05251c4d;border-radius:6px;background:#05251c17;font-size:12px;line-height:1.2}
@keyframes pp-payment-shine{from{background-position:-50% 0}to{background-position:150% 0}}
@keyframes pp-payment-flare{0%{opacity:0;transform:scale(.4) rotate(-45deg)}25%{opacity:1;transform:scale(1) rotate(15deg)}55%{opacity:.8;transform:scale(1.12) rotate(85deg)}100%{opacity:0;transform:scale(.75) rotate(180deg)}}
@media(prefers-reduced-motion:reduce){.pp-choose{transition:none}.pp-choose:hover:not([aria-disabled=true]),.pp-choose:focus-visible{transform:none}.pp-choose::before,.pp-choose::after{display:none;animation:none}}
.pp-terms{font-size:13px;line-height:1.7;color:#c5eadc;margin:16px 0 0}
.pp-trial{margin:20px 0 0;padding:16px;border:1px solid #6dffb440;border-radius:12px;background:#103d2d}
.pp-trial>strong{color:#6dffb4}.pp-trial p,.pp-trial small{font-size:13px;line-height:1.6}.pp-trial .pp-features{margin:10px 0}.pp-trial .pp-features li{font-size:13px}
.pp-packages{margin-top:48px}.pp-packages>h3{font-size:26px;margin:0 0 10px}.pp-packages>p{color:#b3d4c6;font-size:14px;line-height:1.7;margin-bottom:32px}
.pp-note{margin:28px auto 0;max-width:780px;font-size:12px}
.pp-pricing :is(a,button,input,select,summary):focus-visible{outline:2px solid #6dffb4;outline-offset:4px}
@media(max-width:950px){.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pp-pricing{padding:52px 20px}.pp-grid{grid-template-columns:minmax(0,1fr);gap:32px}.pp-card{padding:24px}.pp-billing-heading{font-size:13px}.pp-coupon summary{font-size:13px}.pp-features li{font-size:16px}}

.pp-pack-discount{align-self:flex-start;padding:4px 9px;margin:0 0 12px;background:var(--accent);color:#032116;border-radius:99px;font-size:12px;font-weight:800}
.pp-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;background:currentColor;mask:var(--pp-icon) center/contain no-repeat;-webkit-mask:var(--pp-icon) center/contain no-repeat}
.pp-icon--tag{--pp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13 13 20a2 2 0 0 1-3 0L3 13V4h9l8 7a2 2 0 0 1 0 2Z'/%3E%3Ccircle cx='7.5' cy='8' r='1'/%3E%3C/svg%3E");color:#9affdf}
.pp-icon--arrow{--pp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M13 5l7 7-7 7'/%3E%3C/svg%3E")}
.pp-icon--close{--pp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E")}
.pp-coupon summary{display:flex;align-items:center;gap:7px}
.pp-choose{gap:12px}

.pp-grid.pp-feature-groups{display:block}.pp-feature-group{margin:38px 0}.pp-feature-group>h3{font-size:26px;margin:0 0 28px}.pp-feature-group+.pp-feature-group{margin-top:52px}

/* Match the signed-in plan panels: name at left, all price details at right. */
.pp-card-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:12px;margin-bottom:6px}
.pp-card-name{min-width:0;overflow-wrap:anywhere}
.pp-price-row{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:0;max-width:220px;text-align:right}
.pp-allowance-label{min-width:0}
.pp-signal-info{position:relative;flex:0 0 auto;font-weight:400}
.pp-signal-info>summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-size:13px;font-weight:700;line-height:1;list-style:none;cursor:pointer}
.pp-signal-info>summary::-webkit-details-marker{display:none}
.pp-signal-tip{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:280px;max-width:calc(100vw - 80px);box-sizing:border-box;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px;background:#08251d;color:#ecfff4;box-shadow:0 8px 24px #0006;font-size:13px;line-height:1.5;text-align:left}
.pp-signal-tip p{margin:0}.pp-signal-tip p+p{margin-top:8px}
.pp-card:has(.pp-signal-info[open]){z-index:20}
@media(max-width:380px){.pp-card-heading{gap:8px}.pp-card-heading .pp-price{font-size:26px}.pp-price-row{max-width:150px}}

.pp-allowances{padding:10px 14px;margin:10px 0 18px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px;list-style:none;color:var(--accent);font-size:13px;line-height:1.7}.pp-included{font-size:12px;color:#b3d4c6;line-height:1.6;margin:0 0 16px}
