/* Final Basic/Pro reference (00:52–00:57). Opt-in classes isolate pricing
   from the header, footer and all unrelated content. Repeated class specificity
   intentionally overrides legacy plan styles without !important resets. */
/* These desktop targets already match the reference range. Keep them scoped
   to pricing grids; mobile overrides below intentionally use smaller spacing. */
.pricing-card-grid.pricing-card-grid{
 --pricing-icon-gap:22px;
 --pricing-description-gap:12px;
 --pricing-header-bottom:30px;
 --pricing-billing-gap:14px;
 --pricing-cta-gap:30px;
 --pricing-features-gap:34px;
 --pricing-list-gap:22px;
 --pricing-row-gap:18px;
 --pricing-bottom:32px;
 display:grid;gap:22px;align-items:stretch
}
article.pricing-card.pricing-card{--pricing-checkmark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23002E5B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");position:relative;min-width:0;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#F5F6F8;border:1px solid #E8EAF0;border-radius:18px;box-shadow:none;transform:none;color:#172B44}
.pricing-card-grid article.pricing-card.pricing-card{padding:0}
article.pricing-card.pricing-card::before,article.pricing-card.pricing-card::after{content:none}
article.pricing-card[hidden]{display:none!important}
.pricing-card.pricing-card .pricing-card-head{padding:24px 26px var(--pricing-header-bottom);margin:0;background:#fff;display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:0;text-align:left}
.pricing-card.pricing-card .pricing-plan-icon{display:block;flex:none;width:22px;height:22px;border-radius:50%;background:#e0e9f2;margin:0 0 var(--pricing-icon-gap);order:-2}
.pricing-card.pricing-card-recommended .pricing-plan-icon{background:#FDE428}
.pricing-card.pricing-card .pricing-recommended-tag{position:absolute;top:22px;right:26px;left:auto;padding:3px 9px;background:#e8eef7;border-radius:5px;color:#002E5B;font:500 12px/1.5 var(--font-heading-th);white-space:nowrap}
.pricing-card.pricing-card .pricing-card-head h3{font:700 26px/1.35 var(--font-heading-en);color:#172B44;letter-spacing:-.02em;margin:0;text-align:left;min-height:0;order:0;overflow-wrap:anywhere}
.pricing-card.pricing-card .pricing-card-head p{font:400 14px/1.7 var(--font-body);color:#526173;margin:var(--pricing-description-gap) 0 0;min-height:0;max-width:none;order:1}
.pricing-card.pricing-card .plan-heading,.pricing-card.pricing-card .hp-plan-heading,.pricing-card.pricing-card .hosting-plan-top{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:0;border:0;min-height:0;position:static}
.pricing-card.pricing-card .plan-index{display:none}
.pricing-card.pricing-card .hp-plan-kicker,.pricing-card.pricing-card .ms-plan-format,.pricing-card.pricing-card .sr-plan-kicker,.pricing-card.pricing-card .im-plan-label,.pricing-card.pricing-card .ssl-validation-tag,.pricing-card.pricing-card .dn-tld-group,.pricing-card.pricing-card .hosting-plan-top>span{font:400 12px/1.6 var(--font-body);color:#526173;display:block;order:2;position:static;border:0;border-radius:0;background:none;margin:8px 0 0;padding:0;white-space:normal}
.pricing-card.pricing-card .plan-recommend{position:static;inset:auto;order:3;font:400 12px/1.6 var(--font-body);color:#526173;background:none;margin:8px 0 0;padding:0;border:0;border-radius:0;width:auto;white-space:normal}
.pricing-card.pricing-card .ssl-plan-top{margin:8px 0 0;padding:0;order:2;min-height:0}
.pricing-card.pricing-card .ssl-plan-icon{display:none}
.pricing-card.pricing-card .pricing-card-body{display:block;padding:22px 26px var(--pricing-features-gap);margin:0;background:#F5F6F8;border-top:1px solid #E8EAF0;min-width:0;text-align:left}
.pricing-card.pricing-card .pricing-card-price{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:0 8px;margin:0;min-height:0;border:0;padding:0;color:#172B44;letter-spacing:normal;font:700 36px/1.2 var(--font-heading-en)}
.pricing-card.pricing-card .pricing-card-price strong{font:700 36px/1.2 var(--font-heading-en);letter-spacing:-.03em;color:#172B44;margin:0;white-space:nowrap}
.pricing-card.pricing-card .pricing-card-price>span,.pricing-card.pricing-card .bs-unit{font:400 12px/1.65 var(--font-body);letter-spacing:normal;white-space:normal;color:#526173;margin:0}
.pricing-card.pricing-card .pricing-card-price>small{display:block;flex-basis:100%;font:400 12px/1.65 var(--font-body);color:#526173;margin:var(--pricing-billing-gap) 0 0;min-height:0}
.pricing-card.pricing-card .hosting-average,.pricing-card.pricing-card .hosting-saving,.pricing-card.pricing-card .hp-average,.pricing-card.pricing-card .hp-saving{font:400 12px/1.65 var(--font-body);color:#526173;margin:6px 0 0;min-height:0}
.pricing-card.pricing-card .hosting-average,.pricing-card.pricing-card .hp-average{margin-top:var(--pricing-billing-gap)}
.pricing-card.pricing-card .bs-unit{display:block;margin-top:var(--pricing-billing-gap)}
.pricing-card.pricing-card .pricing-card-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;height:auto;padding:10px 12px;margin:var(--pricing-cta-gap) 0 0;border:1px solid #d8dce4;border-radius:7px;background:#fff;color:#172B44;box-shadow:none;text-decoration:none;transform:none;font:500 14px/1.6 var(--font-heading-th);text-align:center;white-space:normal}
.pricing-card.pricing-card .pricing-card-cta svg{width:16px;height:16px;flex-shrink:0}
.pricing-card.pricing-card .pricing-card-cta:hover{background:#f0f2f5;border-color:#a2adbd;transform:none;box-shadow:none}
.pricing-card.pricing-card-recommended .pricing-card-cta{background:#002E5B;border-color:#002E5B;color:#fff}
.pricing-card.pricing-card-recommended .pricing-card-cta:hover{background:#073f75;border-color:#073f75}
.pricing-card.pricing-card .pricing-card-cta:focus-visible{outline:3px solid #0068ed;outline-offset:4px}
.pricing-card.pricing-card .pricing-card-features{display:block;min-width:0;flex:1;padding:0 26px var(--pricing-bottom);margin:0;background:#F5F6F8;color:#526173}
.pricing-card.pricing-card .pricing-features-title{font:600 15px/1.6 var(--font-heading-th);color:#172B44;margin:0 0 var(--pricing-list-gap);padding:0}
.pricing-card.pricing-card .pricing-card-features ul{list-style:none;display:grid;gap:var(--pricing-row-gap);margin:0;padding:0;border:0}
.pricing-card.pricing-card .pricing-card-features li{display:flex;gap:9px;align-items:center;padding:0;margin:0;border:0;font:400 14px/1.7 var(--font-body);color:#526173;text-align:left;min-width:0;position:static}
.pricing-card.pricing-card .pricing-card-features li svg{display:block;width:16px;height:16px;flex-shrink:0;margin:0;color:#002E5B;background:none;padding:0;border-radius:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pricing-card.pricing-card .pricing-feature-plain::before{content:'';flex:0 0 16px;width:16px;height:16px;background:var(--pricing-checkmark) center/contain no-repeat}
.pricing-card.pricing-card .pricing-card-features dl{display:grid;grid-template-columns:1fr;gap:var(--pricing-row-gap);margin:0 0 var(--pricing-row-gap);padding:0;border:0}
.pricing-card.pricing-card .pricing-card-features dl>div{display:grid;grid-template-columns:16px minmax(0,1fr) minmax(0,max-content);gap:9px;align-items:center;padding:0;border:0}
.pricing-card.pricing-card .pricing-card-features dl>div::before{content:'';width:16px;height:16px;background:var(--pricing-checkmark) center/contain no-repeat}
.pricing-card.pricing-card .pricing-card-features dt{font:400 14px/1.7 var(--font-body);color:#526173;min-width:0;overflow-wrap:anywhere}
.pricing-card.pricing-card .pricing-card-features dd{font:600 14px/1.7 var(--font-heading-en);color:#172B44;margin:0;text-align:right;min-width:0;overflow-wrap:anywhere}
.pricing-card.pricing-card .pricing-card-features dd small{font:400 12px/1.7 var(--font-body);color:#526173}
.pricing-card.pricing-card .ssl-domain-example{margin:0 0 18px;padding:0 0 16px;border:0;border-bottom:1px solid #e0e3e9;background:none;border-radius:0;min-height:0}
.pricing-card.pricing-card .ssl-domain-example>span{font-size:12px;margin-bottom:7px}
.pricing-card.pricing-card .ssl-domain-example code{font-size:14px}
.pricing-card.pricing-card .ms-teams-feature.is-excluded{color:#667385}
.pricing-card.pricing-card .ms-teams-feature.is-excluded svg{color:#667385}
.pricing-card.pricing-card-compact .pricing-card-body{padding-bottom:var(--pricing-bottom)}
/* Share row tracks across sibling plans: headers, prices and CTAs align without
   measuring or changing any billing/ordering JavaScript. */
@supports(grid-template-rows:subgrid){.pricing-card-grid.pricing-card-grid>.pricing-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}.pricing-compact-grid.pricing-compact-grid>.pricing-card{grid-row:span 2}}
@media(max-width:1199px){.pricing-card-grid.pricing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.pricing-card-grid.pricing-card-grid{--pricing-icon-gap:20px;--pricing-header-bottom:24px;--pricing-billing-gap:12px;--pricing-cta-gap:24px;--pricing-features-gap:28px;--pricing-list-gap:18px;--pricing-row-gap:14px;--pricing-bottom:28px;grid-template-columns:minmax(0,1fr);gap:22px}.pricing-card.pricing-card .pricing-card-head h3{font-size:25px}}
