/* Mana subscription comparison — scoped to this page, with live plan data. */
body .pricing-page{background:#f4f6f7}
body .pricing-page .page-hero{padding:64px 0 76px;background:linear-gradient(115deg,#061c2a,#073b54);border-bottom:4px solid #42b8df}
body .pricing-page .page-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 119px,#ffffff05 120px);pointer-events:none}
body .pricing-page .page-hero .container{position:relative;z-index:1}
body .pricing-page .page-hero .eyebrow{color:#9ce4fb;background:#ffffff0a;border:1px solid #ffffff25;padding:5px 12px;border-radius:4px}
body .pricing-page .page-hero .eyebrow::before{display:none}
body .pricing-page .page-hero h1{font-size:clamp(30px,3.3vw,44px);line-height:1.65;max-width:900px;margin:20px 0 12px;letter-spacing:-.5px}
body .pricing-page .page-hero p{max-width:780px;margin:0;color:#c6dce7}
body .pricing-page>.section{padding-block:48px 72px}
body .pricing-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:22px;border:0;align-items:stretch;padding-top:14px}
body .pricing-page .pricing-card{min-height:520px;padding:30px;overflow:visible;border:1px solid #d1dee4;border-top:3px solid #cad9df;border-radius:8px;background:#fff;box-shadow:0 8px 22px #0a334808;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body .pricing-page .pricing-card:hover{transform:translateY(-4px);border-color:#91b8c9;box-shadow:0 14px 32px #0a334812}
body .pricing-page .pricing-card-heading{display:flex;align-items:center;gap:12px;min-height:42px}
body .pricing-page .pricing-plan-icon{display:grid;place-items:center;width:40px;height:40px;background:#edf5f8;color:#0075a9;border:1px solid #dbeaf0;border-radius:7px;flex:none}
body .pricing-page .pricing-plan-icon .icon{width:22px;height:22px}
body .pricing-page .pricing-card-heading .eyebrow{font-size:14px!important;color:#536f7d;line-height:1.8}
body .pricing-page .pricing-card h2{font-size:26px;line-height:1.7;margin:20px 0 8px;color:#0c3144;overflow-wrap:anywhere}
body .pricing-page .pricing-card p{font-size:15px!important;line-height:1.95;min-height:58px;margin:0;color:#607883;overflow-wrap:anywhere}
body .pricing-page .pricing-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:25px 0 20px}
body .pricing-page .pricing-price strong{font-size:clamp(30px,2.7vw,38px);line-height:1.5;font-weight:850;font-variant-numeric:tabular-nums;color:#092f43;overflow-wrap:anywhere}
body .pricing-page .pricing-price>span{font-size:14px;color:#5c7786;margin:0}
body .pricing-page .pricing-credit{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:23px;background:#f2f7f9;border:1px solid #deeaef;border-radius:5px}
body .pricing-page .pricing-credit>strong{font-size:28px;line-height:1.5;color:#006b99}
body .pricing-page .pricing-credit>span{font-size:14px;color:#2a5063}
body .pricing-page .pricing-credit small{display:block;font-size:12px;color:#627e8c;margin-top:2px}
body .pricing-page .pricing-features{gap:13px;margin:0 0 26px}
body .pricing-page .pricing-features li{font-size:14px!important;line-height:1.85;color:#3d5e6e}
body .pricing-page .pricing-features .icon{flex:none;color:#00896d;width:18px;height:18px}
body .pricing-page .pricing-card>.btn{min-height:49px;white-space:normal;border-radius:5px;font-weight:800;transition:background .2s ease,box-shadow .2s ease}
body .pricing-page .pricing-card.featured{transform:translateY(-8px);background:linear-gradient(145deg,#082534,#064d6a);border:1px solid #087da5;border-top:3px solid #5fd3ee;box-shadow:0 18px 40px #06445b30;color:#fff}
body .pricing-page .pricing-card.featured:hover{transform:translateY(-12px);box-shadow:0 24px 46px #06445b40}
body .pricing-page .pricing-card-badge{top:-17px;left:24px;padding:7px 16px;line-height:1.65;border:1px solid #edc974;border-radius:4px;color:#51370b;background:#ffe3a3;font-size:13px;box-shadow:0 4px 12px #051c2420;letter-spacing:0}
body .pricing-page .featured .pricing-plan-icon{background:#ffffff0c;border-color:#ffffff28;color:#a0e9ff}
body .pricing-page .featured h2,body .pricing-page .featured .pricing-price strong{color:#fff}
body .pricing-page .featured .pricing-card-heading .eyebrow,body .pricing-page .featured p,body .pricing-page .featured .pricing-price>span{color:#c5e0eb}
body .pricing-page .featured .pricing-credit{background:#ffffff0a;border-color:#ffffff26}
body .pricing-page .featured .pricing-credit>strong{color:#8ce7ff}
body .pricing-page .featured .pricing-credit>span,body .pricing-page .featured .pricing-features li{color:#e0f1f7}
body .pricing-page .featured .pricing-credit small{color:#b5d7e6}
body .pricing-page .featured .pricing-features .icon{color:#79e3cd}
body .pricing-page .featured>.btn{border:1px solid #94e8ff;background:#93e5fa;color:#073549;box-shadow:0 4px 16px #001a2a26}
body .pricing-page .featured>.btn:hover{background:#c2f3ff;box-shadow:0 6px 22px #001a2a36}
body .pricing-page .pricing-gift{border-radius:7px;background:linear-gradient(110deg,#e8f5ef,#fff);border-color:#bedace;padding:22px 26px;margin-bottom:30px}
body .pricing-page .pricing-gift-icon{border-radius:7px}
body .pricing-page .pricing-gift-copy h2{font-size:22px;line-height:1.8}
body .pricing-page .pricing-gift-copy p{font-size:14px!important}
body .pricing-page .pricing-note{max-width:760px;margin-top:30px;padding:18px 24px;border-radius:6px;background:transparent;border-color:#d1dfe5;gap:15px}
body .pricing-page .pricing-note .icon{flex:none;width:28px;height:28px}
body .pricing-page .pricing-note b{font-size:15px;color:#224c61}
body .pricing-page .pricing-note span{font-size:13px;color:#627e8b;line-height:1.9}
@media(max-width:760px){body .pricing-page .page-hero{padding:42px 0 48px}body .pricing-page .page-hero h1{font-size:30px}body .pricing-page>.section{padding-block:30px 48px}body .pricing-page .pricing-grid{gap:30px;grid-template-columns:1fr}body .pricing-page .pricing-card{padding:25px 22px;min-height:0}body .pricing-page .pricing-card.featured,body .pricing-page .pricing-card.featured:hover{transform:none}body .pricing-page .pricing-card p{min-height:0}body .pricing-page .pricing-gift{padding:20px 16px;gap:12px}body .pricing-page .pricing-gift-copy h2{font-size:19px}body .pricing-page .pricing-note{align-items:flex-start;padding:16px}body .pricing-page .pricing-card-badge{left:20px}}
@media(prefers-reduced-motion:reduce){body .pricing-page .pricing-card,body .pricing-page .pricing-card>.btn{transition:none}body .pricing-page .pricing-card:hover{transform:none}body .pricing-page .pricing-card.featured:hover{transform:translateY(-8px)}}

/* Balanced card height: retain all benefits inside each plan, with less
   excess spacing than the original tall comparison cards. */
body .pricing-page .page-hero{padding:28px 0 32px}
body .pricing-page .page-hero h1{font-size:clamp(28px,2.6vw,36px);line-height:1.55;margin:12px 0 8px}
body .pricing-page>.section{padding-block:24px 48px}
body .pricing-page .pricing-card{min-height:440px;padding:26px 24px}
body .pricing-page .pricing-card-heading{gap:10px;min-height:40px;margin-bottom:12px}
body .pricing-page .pricing-plan-icon{width:34px;height:34px}
body .pricing-page .pricing-plan-icon .icon{width:19px;height:19px}
body .pricing-page .pricing-card h2{font-size:22px;line-height:1.6;margin:0}
body .pricing-page .pricing-duration{display:none}
body .pricing-page .pricing-card p{min-height:0;line-height:1.85;font-size:15px!important}
body .pricing-page .pricing-price{gap:6px;margin:auto 0 12px;padding-top:12px;justify-content:flex-end}
body .pricing-page .pricing-price strong{font-size:22px;font-weight:600;line-height:1.5}
body .pricing-page .pricing-price>span{font-size:13px}
body .pricing-page .pricing-credit{gap:10px;padding:9px 12px;margin-bottom:18px}
body .pricing-page .pricing-credit>strong{font-size:23px}
body .pricing-page .pricing-credit>span{font-size:13px}
body .pricing-page .pricing-credit small{display:inline;margin-inline-start:5px;font-size:12px}
body .pricing-page .pricing-card>.btn{min-height:42px;padding-block:7px;font-size:14px!important}
body .pricing-page .pricing-gift{padding:15px 20px;margin-bottom:20px;gap:15px}
body .pricing-page .pricing-gift-copy>span{margin:0;font-size:12px}
body .pricing-page .pricing-gift-copy h2{font-size:19px;line-height:1.65}
body .pricing-page .pricing-gift-copy p{font-size:13px!important;line-height:1.8;margin:3px 0 0}
body .pricing-page .pricing-features{gap:8px;margin:0 0 20px}
body .pricing-page .pricing-features li{font-size:14px!important;line-height:1.8}
body .pricing-page .pricing-card>.pricing-price+.btn{margin-top:0}
body .pricing-page .pricing-card>p+.pricing-credit{margin-top:14px}
body .pricing-page .pricing-note{margin-top:20px;padding:14px 18px}
@media(min-width:761px) and (max-height:800px){body .pricing-page .page-hero{padding:20px 0 23px}body .pricing-page .page-hero .eyebrow{display:none}body .pricing-page .page-hero h1{font-size:28px;margin:0 0 8px}body .pricing-page .page-hero p{font-size:15px!important;line-height:1.8}body .pricing-page>.section{padding-top:20px}body .pricing-page .pricing-card{padding:20px}}
@media(max-width:760px){body .pricing-page .page-hero{padding:28px 0 32px}body .pricing-page .page-hero h1{font-size:28px}body .pricing-page .pricing-gift{padding:16px;gap:10px}body .pricing-page .pricing-gift-copy h2{font-size:18px}body .pricing-page .pricing-card{padding:24px 20px}body .pricing-page .pricing-grid{gap:26px}body .pricing-page .pricing-price strong{font-size:21px}body .pricing-page .pricing-shared-benefits{align-items:flex-start;flex-direction:column;gap:8px;margin-top:20px}}