/* Package comparison on Pricing. */
.growth-monthly-summary{max-width:740px;margin-top:24px}
.ql-site .growth-monthly-summary h2{color:#fff;font-size:15px;line-height:1.4;margin:0 0 10px}
.growth-monthly-summary ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;margin:0;list-style:none}
.growth-monthly-summary li{flex:0 0 calc((100% - 32px)/5);min-width:0}
.growth-monthly-summary a{display:grid;gap:4px;padding:10px;border:1px solid #67748a;border-radius:10px;background:#ffffff0b;color:#fff;text-decoration:none;font-weight:700;font-size:14px;line-height:1.35}
.growth-monthly-summary a:hover{background:#ffffff1c;border-color:#9bbcff}
.growth-monthly-summary strong{font-size:23px;line-height:1.2;letter-spacing:-.04em}
.growth-monthly-summary strong span{color:#e3e9f3;font-size:12px;letter-spacing:0}
.ql-site .growth-summary-note{color:#e3e9f3;font-size:13px;line-height:1.5;margin:8px 0 0}
@media(max-width:800px){.growth-monthly-summary li{flex-basis:calc((100% - 16px)/3)}}
@media(max-width:480px){.growth-monthly-summary li{flex-basis:calc((100% - 8px)/2)}}
@media(max-width:360px){.growth-monthly-summary a{padding-inline:6px}}
.growth-billing{min-inline-size:0;border:0;padding:0;margin:0 0 24px;color:var(--ink)}
.growth-billing legend{padding:0;margin-bottom:9px;font-weight:800;font-size:15px}
.growth-billing-options{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:100%;padding:4px;border:1px solid #becbee;border-radius:12px;background:#f5f8ff}
.growth-billing-options label{position:relative;min-width:0;cursor:pointer}
.growth-billing-options input{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.growth-billing-options span{display:flex;min-height:44px;align-items:center;justify-content:center;padding:6px 16px;border-radius:8px;color:#173eaa;font-size:14px;font-weight:800;white-space:nowrap}
.growth-billing-options input:checked+span{background:#173eaa;color:#fff}
.growth-billing-options input:focus-visible+span{outline:2px solid #1b4fd1;outline-offset:2px}
.ql-site .growth-billing p{color:#526075;font-size:14px;line-height:1.55;margin:8px 0 0}
.growth-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.growth-package{min-width:0;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink)}
.growth-package-featured{border:2px solid #2563eb;padding:27px;background:#f5f8ff}
.growth-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:27px}
.ql-site .growth-package .eyebrow{color:#1b4fd1;line-height:1.5;letter-spacing:.09em}
.growth-badge{border-radius:999px;background:#173eaa;color:#fff;font-size:12px;line-height:1.4;font-weight:800;padding:4px 10px;white-space:nowrap}
.ql-site .growth-package h3{color:var(--ink);font-size:32px;line-height:1.2;margin:10px 0 15px}
.ql-site .growth-price{color:var(--ink);font-size:clamp(39px,4.5vw,58px);line-height:1.1;letter-spacing:-.055em;font-weight:800;margin:0 0 14px}
.growth-price strong{font-weight:800;white-space:nowrap}
.growth-price span{color:#526075;font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5}
.growth-price output[data-upfront] strong{font-size:clamp(36px,4.1vw,51px)}
.growth-price output[data-upfront] .growth-price-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px}
.growth-price output[data-upfront] [data-price-cadence]{font-size:14px}
.growth-price .growth-price-discount{padding:3px 7px;border-radius:999px;background:#e6f5ed;color:#126044;font-size:12px;font-weight:800;white-space:nowrap}
.growth-price .growth-price-terms:not([hidden]){display:block;margin-top:5px;color:#43506a;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0}
.growth-ads{margin:0 0 18px;min-height:98px}
.growth-ads-label{box-sizing:border-box;display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:46px;width:fit-content;max-width:100%;padding:9px 11px;border:1px solid #becbee;border-radius:10px;background:#fff;color:#173eaa;font-size:14px;line-height:1.4;font-weight:800;cursor:pointer}
.growth-ads-label input{flex:none;width:18px;height:18px;margin:0;accent-color:#1b4fd1}
.growth-ads-label input:focus-visible{outline:2px solid #173eaa;outline-offset:3px}
.growth-ads-label span{font-size:13px;color:#526075;font-weight:600}
.ql-site .growth-ads-breakdown,.ql-site .growth-ads-prepay{margin:6px 0 0;color:#43506a;font-size:13px;line-height:1.5}
.ql-site .growth-saving{margin:4px 0 0;color:#126044;font-size:13px;font-weight:800;line-height:1.5}
.ql-site .growth-setup{color:#1b4fd1;font-size:15px;font-weight:800;line-height:1.6;margin:0}
.growth-package .so-checks{font-size:15px;line-height:1.6;margin:14px 0 12px}
.ql-site .growth-package-note{color:#526075;font-size:14px;line-height:1.65;margin:0 0 22px}
.growth-package .btn{align-self:flex-start;margin-top:auto;max-width:100%}
.growth-detail-link{align-self:flex-start;font-size:14px;font-weight:700;color:#1b4fd1;line-height:1.6;text-underline-offset:4px;margin-top:15px}
.ql-site .growth-comparison-note{max-width:88ch;color:#526075;font-size:15px;line-height:1.7;margin:24px 0 0}
.growth-comparison-note a{color:#1b4fd1;text-underline-offset:4px}
.growth-website-option{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--line);align-items:center}
.growth-website-option .ql-heading{margin-bottom:22px}
@media(max-width:940px){.growth-packages{grid-template-columns:1fr;gap:18px}.growth-ads{min-height:0}}
@media(max-width:500px){.growth-billing-options span{padding-inline:12px}.growth-package{padding:23px 20px}.growth-package-featured{padding:22px 19px}.ql-site .growth-package h3{font-size:29px}.growth-package .btn{width:100%;justify-content:center}}
