:root{--heading-font:Outfit;--body-font:'DM Sans'}
.brand{font-family:Outfit,sans-serif}
.hero-unit{display:block;color:#bdffe3;font-size:16px;letter-spacing:.04em;margin:-8px 0 24px}
.pricing-heading{max-width:760px;margin:0 auto 36px;text-align:center}
.pricing-heading h2{font-family:var(--heading-font),sans-serif;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.04em;margin:18px 0}
.pricing-heading p{color:#c4d7e5;line-height:1.7}
.billing-controls{display:flex;justify-content:center;gap:5px;padding:7px;background:#b6e9ff0b;border:1px solid #c6efff29;border-radius:22px;width:max-content;max-width:100%;margin:0 auto 14px;backdrop-filter:blur(22px)}
.billing-controls button{border:1px solid transparent;border-radius:16px;padding:13px 23px;color:#c6d6e3;background:transparent;font:inherit;cursor:pointer}
.billing-controls button[aria-pressed=true]{background:linear-gradient(130deg,#a5ffd42b,#6cb8ff26);border-color:#bdffe35c;color:#e5fff3;box-shadow:inset 0 1px #ffffff3b,0 5px 22px #0004}
.billing-controls button:focus-visible,.plan-card button:focus-visible{outline:3px solid #b6ffd8;outline-offset:4px}
.billing-context{text-align:center;min-height:54px;max-width:760px;margin:12px auto 26px;color:#bacbda;font-size:13px;line-height:1.6}
.pricing-packages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;padding:25px 20px;border:1px solid #bde9f02b;border-radius:27px;background:linear-gradient(145deg,#b6ffe712,#94bfff08);box-shadow:inset 0 1px #ffffff18;backdrop-filter:blur(18px);min-width:0}
.plan-card.featured{isolation:isolate;overflow:hidden;border-color:#bfceff99;box-shadow:inset 0 1px #e3faff66,0 0 65px #7ca8ff35;background:#101c2b}
.plan-card.featured::before{content:'';position:absolute;inset:0;z-index:-2;border-radius:inherit;background:conic-gradient(from 25deg at 72% 25%,#c9b5ef 0deg 55deg,#6990db 55deg 120deg,#8bdcc8 120deg 190deg,#b8ddeb 190deg 245deg,#b39cdb 245deg 310deg,#83bade 310deg 360deg)}
.plan-card.featured::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,#101c2bd9,#101c2ba3 42%,#101c2bd9)}
.plan-badge{align-self:flex-start;font-size:10px;letter-spacing:.07em;text-transform:uppercase;border:1px solid #aaffd24d;color:#b9ffdc;border-radius:30px;padding:5px 8px;margin-bottom:16px}
.plan-card:not(.featured) .plan-badge{visibility:hidden}
.plan-card h3{font:500 25px var(--heading-font),sans-serif;margin:0 0 19px}
.plan-total{font:500 clamp(24px,2.7vw,39px) var(--heading-font),sans-serif;letter-spacing:-.04em;white-space:nowrap;color:#f0fff9}
.plan-period{font-size:12px;color:#bdd2dc;margin:5px 0 18px;min-height:32px}
.plan-per-module{font-size:13px;line-height:1.6;color:#b6ffd7;min-height:42px}
.plan-terms{font-size:12px;line-height:1.6;color:#bdcbd9;margin:16px 0 24px;flex:1}
.plan-bonus{display:block;text-align:center;margin-top:14px;padding:11px 12px;border:1px solid #b3ffd567;border-radius:14px;background:linear-gradient(125deg,#78e9b825,#6aaeff1f);box-shadow:inset 0 1px #e0ffef2b;color:#ddffeb;font-weight:650;font-size:12px;line-height:1.55}
.plan-card .button{font-size:12px;padding:12px 8px;width:100%;justify-content:center;min-height:45px}
.price-prism{display:block;width:120px;height:32px;margin:22px auto -9px;background:conic-gradient(from 20deg,#6dffbc,#99f5ff,#baa4ff,#63baff,#86ffd2);clip-path:polygon(50% 0,100% 85%,50% 100%,0 85%);opacity:.8;filter:drop-shadow(0 0 12px #80e9ff)}
.pricing-fine-print{color:#bdccdc;font-size:13px;line-height:1.7;text-align:center;max-width:850px;margin:28px auto 0}
.builder-quote{padding:18px 0;margin:15px 0;border-top:1px solid #baf4ed26;border-bottom:1px solid #baf4ed26}
.builder-quote strong{font:500 28px var(--heading-font),sans-serif;color:#c6ffe4}
.builder-quote p{font-size:12px;line-height:1.6;color:#c2d4df;margin:8px 0 0}
@media(max-width:1100px){.pricing-packages{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-total{font-size:37px}}
@media(max-width:760px){.pricing-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-controls button{padding:12px 15px}.plan-total{font-size:32px}}
@media(max-width:430px){.pricing-packages{grid-template-columns:1fr}.plan-card{padding:24px}.billing-controls{width:100%}.billing-controls button{flex:1;padding:12px 5px;font-size:12px}.billing-context{min-height:80px}}