.hosting-plans-page{padding:48px 0 72px}.hosting-plans-page__header{max-width:760px;margin:0 auto 30px;text-align:center}.hosting-plans-page__header>span{color:#18864b;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hosting-plans-page__header h1{margin:8px 0;font-size:clamp(2rem,4vw,3rem)}.hosting-plans-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:14px;padding:20px;margin-bottom:16px;border:1px solid #e6eaf0;border-radius:14px;background:#fff}.hosting-plans-filters label{display:grid;gap:7px;font-size:.9rem;font-weight:600}.hosting-plans-filters input,.hosting-plans-filters select{min-height:44px;padding:8px 10px;border:1px solid #dce2e9;border-radius:8px;background:#fff}.hosting-plans-disclosure{margin:16px 0 24px;padding:12px 16px;border-radius:8px;background:#f5f8fa;color:#56616d;font-size:.9rem}.hosting-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.hosting-plan-card{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #e5e9ef;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(20,38,61,.05)}.hosting-plan-card__provider{display:flex;align-items:center;gap:12px}.hosting-plan-card__provider img,.hosting-plan-comparison__provider img{width:42px;height:42px;object-fit:contain;border-radius:8px}.hosting-plan-card__provider a{font-weight:700}.hosting-plan-card__provider small{display:block;color:#697586}.hosting-plan-card h3{margin:4px 0 0;font-size:1.25rem}.hosting-plan-card__price,.hosting-plan-card__monthly,.hosting-plan-card__checked{margin:0}.hosting-plan-card__price strong{font-size:1.6rem;color:#17243a}.hosting-plan-card__monthly,.hosting-plan-card__checked{color:#6b7280;font-size:.85rem}.hosting-plan-card dl{display:grid;grid-template-columns:1fr 1.15fr;gap:7px 10px;margin:4px 0}.hosting-plan-card dt{color:#5d6876;font-weight:600}.hosting-plan-card dd{margin:0;text-align:right}.hosting-plan-card__features{margin:0;padding-left:20px;color:#364152}.hosting-plan-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.hosting-plan-card__actions>*{flex:1;text-align:center}.hosting-plans-empty{grid-column:1/-1;padding:32px;text-align:center;border:1px dashed #cbd4df;border-radius:14px}.hosting-plan-profile-section{padding:34px 0}.hosting-plan-profile-section__heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.hosting-plan-profile-section__heading h2{margin-bottom:4px}.hosting-plan-profile-section__heading p{margin:0;color:#697586}.hosting-plan-shortlist{position:fixed;z-index:1040;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 36px);padding:12px 16px;border-radius:12px;background:#17243a;color:white;box-shadow:0 8px 28px rgba(0,0,0,.2)}.hosting-plan-shortlist[hidden]{display:none}.hosting-plan-shortlist__message{position:absolute;bottom:calc(100% + 8px);right:0;max-width:min(360px,calc(100vw - 36px));padding:8px 12px;border-radius:8px;background:#17243a;color:#fff;font-size:.84rem}.hosting-plan-shortlist__actions{display:flex;gap:8px;align-items:center}.hosting-plan-shortlist button,.hosting-plan-shortlist a{white-space:nowrap}.hosting-plan-comparison-wrap{overflow-x:auto;border:1px solid #e3e8ee;border-radius:12px}.hosting-plan-comparison{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.hosting-plan-comparison th,.hosting-plan-comparison td{min-width:190px;padding:15px;border-bottom:1px solid #e7ebf0;text-align:left;vertical-align:top}.hosting-plan-comparison thead th{background:#f8fafc}.hosting-plan-comparison thead th:first-child,.hosting-plan-comparison tbody th{min-width:170px;color:#25344a}.hosting-plan-comparison__provider{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hosting-plan-comparison td small{display:block;margin-top:4px;color:#687484}.hosting-plan-comparison ul{padding-left:18px;margin:0}.hosting-plan-account-list details>summary{list-style:none}.hosting-plan-account-list details>summary::-webkit-details-marker{display:none}.hosting-plan-edit-form{width:min(720px,calc(100vw - 50px));max-width:100%}@media(max-width:575px){.hosting-plan-shortlist{left:10px;right:10px;bottom:10px;justify-content:space-between;flex-wrap:wrap}.hosting-plan-card{padding:16px}.hosting-plan-card__actions>*{flex-basis:100%}}

.hosting-plan-form__notice,.hosting-plan-form__example{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid #dce8f5;border-left:4px solid #24865a;border-radius:10px;background:#f4f9f6;color:#344054}.hosting-plan-form__notice{margin-bottom:20px}.hosting-plan-form__notice p{margin:0;color:#586575}.hosting-plan-form__section{margin-top:18px;padding:20px;border:1px solid #e3e9ef;border-radius:12px;background:#fff}.hosting-plan-form__section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.hosting-plan-form__section-heading h5{margin:0 0 4px;color:#182538;font-size:1.05rem}.hosting-plan-form__section-heading p{margin:0;color:#667085;font-size:.9rem}.hosting-plan-form__step{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#e8f4ed;color:#176b43;font-weight:700}.hosting-plan-form__example{margin:-2px 0 16px;border-color:#e4e9f0;border-left-color:#4d85b8;background:#f5f8fc;font-size:.88rem}.hosting-plan-form .form-text{display:block;margin-top:5px;color:#667085;font-size:.82rem;font-weight:400}.hosting-plan-form input::placeholder,.hosting-plan-form textarea::placeholder{color:#858e9b;opacity:1}.hosting-plan-form textarea{min-height:110px}.hosting-plan-form__section .row{row-gap:16px}

.hosting-plan-form__monthly-explainer{margin:0 0 18px;padding:16px 18px;border:1px solid #cfe4d8;border-left:5px solid #24865a;border-radius:10px;background:#f0f8f3;color:#263b30}.hosting-plan-form__monthly-explainer strong{display:block;margin-bottom:6px;color:#176b43;font-size:1rem}.hosting-plan-form__monthly-explainer p{margin:0 0 6px;line-height:1.55}.hosting-plan-form__monthly-explainer p:last-child{margin-bottom:0}

.hosting-plan-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:22px 0 28px}.hosting-plan-info-card{position:relative;min-height:180px;padding:22px;border:1px solid #e1e8ed;border-radius:14px;background:#fff;box-shadow:0 6px 22px rgba(20,38,61,.05)}.hosting-plan-info-card__number{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;background:#e8f4ed;color:#176b43;font-size:.82rem;font-weight:700}.hosting-plan-info-card h2{margin:0 0 8px;color:#17243a;font-size:1.1rem}.hosting-plan-info-card p{margin:0;color:#5f6b78;line-height:1.55;font-size:.93rem}@media(max-width:575px){.hosting-plan-info-grid{gap:12px;margin:18px 0 22px}.hosting-plan-info-card{min-height:0;padding:18px}}

.hosting-plans-filter-actions{display:flex;flex-wrap:wrap;gap:8px}.hosting-plans-filter-actions>*{flex:1;white-space:nowrap}.hosting-plan-comparison-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin-bottom:16px;border:1px solid #dce8df;border-radius:12px;background:#f5fbf7}.hosting-plan-comparison-tools[hidden],.hosting-plan-comparison tr[hidden]{display:none}.hosting-plan-comparison-tools label{display:flex;align-items:center;gap:8px;margin:0;font-weight:600;cursor:pointer}.hosting-plan-comparison-tools input{width:18px;height:18px;accent-color:#18864b}.hosting-plan-comparison-tools span{color:#52695d;font-size:.88rem}.hosting-plan-comparison__difference>th{border-left:4px solid #18864b;background:#f0f8f3}.hosting-plan-comparison__difference>td{background:#f8fcf9}

.hosting-plan-first-payment{display:grid;gap:4px;padding:12px 14px;border:1px solid #d5e7db;border-radius:10px;background:#f5fbf7}.hosting-plan-first-payment>span{font-size:1.35rem;font-weight:700;color:#17243a}.hosting-plan-first-payment small{color:#53645a;font-size:.82rem}.hosting-plan-share{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 18px;padding:16px;border:1px solid #dce8df;border-radius:12px;background:#f5fbf7}.hosting-plan-share label{flex:1 1 260px;display:grid;gap:6px;margin:0;font-weight:600}.hosting-plan-share input,.hosting-plan-shortlist__copy input{width:100%;min-width:0;padding:9px 10px;border:1px solid #cbd4df;border-radius:6px;background:#fff;color:#17243a;font-size:.85rem}.hosting-plan-share small,.hosting-plan-share [data-share-status]{flex-basis:100%;color:#52695d;font-size:.85rem}.hosting-plan-shortlist__actions{flex-wrap:wrap}.hosting-plan-shortlist{flex-wrap:wrap;max-width:min(660px,calc(100vw - 36px))}.hosting-plan-shortlist__copy{flex-basis:100%;font-size:.85rem}.hosting-plan-shortlist__copy[hidden]{display:none}