/* GPLGuide HOME 2: membership cards v3, a clean SaaS-style pricing layout in GPLGuide colours.
   CSS-only; markup, prices, features and links are unchanged. Replaces membership-v2.css. */

/* Section eyebrow as a pill. */
body.gplguide-home2 .membership-section .eyebrow{display:inline-block;padding:7px 16px;border-radius:99px;background:#FFE0D3;color:#A84420;font-weight:600;letter-spacing:.4px}

body.gplguide-home2 .membership-section .plans{gap:24px;align-items:stretch}

/* Card shell. */
body.gplguide-home2 .membership-section .plan{display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:visible;border-radius:18px;padding:30px 28px 10px;border:1px solid #ece4e0;background:linear-gradient(180deg,#f5f1ef 0%,#fbf9f8 55%,#fff 100%);color:var(--ink);box-shadow:0 1px 2px #17120f05;transform:none}
body.gplguide-home2 .membership-section .plan.featured{transform:none;background:linear-gradient(180deg,#FFE9E0 0%,#FFF6F2 55%,#fff 100%);border-color:#FFC2AA;box-shadow:0 18px 40px #ff67331f}

/* Icon chip + plan name. */
body.gplguide-home2 .membership-section .plan-title{order:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}
body.gplguide-home2 .membership-section .plan-title::before{content:"";width:46px;height:46px;border-radius:12px;border:1px solid #e6dcd7;background:#fff no-repeat center/22px 22px;box-shadow:0 2px 6px #17120f08}
body.gplguide-home2 .membership-section .plan:nth-child(1) .plan-title::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317120F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M13 2 4 14h7l-1 8 9-12h-7l1-8z'/></svg>")}
body.gplguide-home2 .membership-section .plan:nth-child(2) .plan-title::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6733' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5L3 8z'/></svg>");border-color:#FFC2AA}
body.gplguide-home2 .membership-section .plan:nth-child(3) .plan-title::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317120F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3 2 8l10 5 10-5-10-5z'/><path d='M2 13l10 5 10-5'/><path d='M2 18l10 5 10-5'/></svg>")}
body.gplguide-home2 .membership-section .plan-title h3{font-size:22px;font-weight:600;letter-spacing:-.4px}
body.gplguide-home2 .membership-section .plan-title h3::before{content:none}

/* Badge sitting on the top edge of the featured card. */
body.gplguide-home2 .membership-section .featured .choice{position:absolute;top:-13px;right:22px;margin:0;padding:5px 13px;border-radius:99px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 4px 12px #ff673340}

/* Description above the price. */
body.gplguide-home2 .membership-section .plan-desc{order:1;margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
body.gplguide-home2 .membership-section .featured .plan-desc{color:#5f514b}
body.gplguide-home2 .membership-section .plan-price{order:2;margin:22px 0 0;font-size:46px;font-weight:700;letter-spacing:-1.8px;line-height:1;color:var(--ink)}
body.gplguide-home2 .membership-section .currency{font-size:inherit;padding:0;margin:0;vertical-align:baseline;color:inherit;font-weight:inherit;letter-spacing:inherit}
body.gplguide-home2 .membership-section .period,body.gplguide-home2 .membership-section .featured .period{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:4px}

/* Auto-width pill buttons with a round arrow. */
body.gplguide-home2 .membership-section .plan .button{order:3;width:auto;align-self:flex-start;margin-top:24px;min-height:48px;padding:5px 5px 5px 20px;gap:16px;font-size:14px;font-weight:500}
body.gplguide-home2 .membership-section .plan .button .arrow{width:36px;height:36px;font-size:20px}
body.gplguide-home2 .membership-section .plan .button.secondary{background:#fff;color:var(--ink);border:1px solid var(--ink)}
body.gplguide-home2 .membership-section .plan .button.secondary .arrow{background:var(--ink);color:#fff}
body.gplguide-home2 .membership-section .plan .button.secondary:hover{background:#fff0eb}
body.gplguide-home2 .membership-section .featured .button.primary{background:var(--ink);color:#fff;border:1px solid var(--ink);box-shadow:none}
body.gplguide-home2 .membership-section .featured .button.primary .arrow{background:#fff;color:var(--ink)}

/* Features in an inset white panel at the bottom of the card. */
body.gplguide-home2 .membership-section .features{order:4;align-self:stretch;margin:28px -20px 0;padding:18px 20px;border:1px solid #efe8e4;border-radius:14px;background:#fff;font-size:14px;flex:1}
body.gplguide-home2 .membership-section .featured .features{border-color:#FFD9CA}
body.gplguide-home2 .membership-section .features li{align-items:center;gap:12px;padding:6px 0;color:var(--muted)}
body.gplguide-home2 .membership-section .featured .features li{color:var(--ink)}
body.gplguide-home2 .membership-section .features li::before,body.gplguide-home2 .membership-section .featured .features li::before{content:"\2713";width:auto;height:auto;background:none;border-radius:0;color:var(--accent);font-size:14px;font-weight:600}

@media(max-width:960px){body.gplguide-home2 .membership-section .plan{padding:26px 22px 8px}body.gplguide-home2 .membership-section .features{margin:24px -14px 0;padding:16px 16px}body.gplguide-home2 .membership-section .plan-price{font-size:40px}}
@media(max-width:600px){body.gplguide-home2 .membership-section .plans{gap:28px}body.gplguide-home2 .membership-section .plan{padding:26px 22px 8px}}

/* Period after the price: bigger and darker so month, year and lifetime read at a glance (Swapnil, 2026-10-14). */
body.gplguide-home2 .membership-section .period,body.gplguide-home2 .membership-section .featured .period{font-size:19px;font-weight:600;letter-spacing:-.2px;color:var(--ink);margin-left:6px}
/* Keep the prices in one row when a subtitle wraps on narrower screens (three cards side by side). */
@media(min-width:961px) and (max-width:1279px){body.gplguide-home2 .membership-section .plan-desc{min-height:3.2em}}
@media(min-width:601px) and (max-width:960px){body.gplguide-home2 .membership-section .plan-desc{min-height:4.8em}}