:root{--sidebar-width: 300px}.hosting-tool-root .hosting-app{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:2rem;align-items:start;margin:0 0 5rem}.hosting-search-row{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem;padding:0 1rem 0 1.1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color .2s;box-sizing:border-box}.hosting-search-row:focus-within{border-color:var(--color-primary)}.hosting-search-icon{flex-shrink:0;color:var(--color-text-muted);pointer-events:none}.hosting-search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;padding:1rem 0;margin:0;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;color:var(--color-text);font-size:max(1rem,16px);font-family:inherit;font-weight:500;color-scheme:inherit}.hosting-search-input::placeholder{color:var(--color-text-muted);opacity:.7}.hosting-search-input::-webkit-search-decoration,.hosting-search-input::-webkit-search-cancel-button,.hosting-search-input::-webkit-search-results-button,.hosting-search-input::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.hosting-results-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.hosting-results-heading{display:flex;flex-direction:column;gap:.25rem}.hosting-results-title{font-size:1.2rem;font-weight:800;margin:0;color:var(--color-text)}.hosting-plan-count{color:var(--color-text-muted);font-size:.9rem}.hosting-empty-state{padding:2.25rem 1.25rem;text-align:center;color:var(--color-text-muted);font-size:.95rem;line-height:1.55;border:1px dashed var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-2)}.hosting-sort-select{min-width:220px;padding:.65rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:max(.9rem,16px);font-weight:600}.hosting-filters-mobile-toggle{display:none;grid-column:1 / -1}.hosting-ram-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.hosting-ram-value-live{font-size:.95rem;font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.hosting-ram-slider-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem}.hosting-ram-tick{font-size:.68rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap}.hosting-ram-slider{width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hosting-toast{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%) translateY(120%);z-index:220;max-width:min(92vw,420px);padding:.75rem 1.25rem;border-radius:var(--radius-lg);background:var(--color-text);color:var(--color-surface);font-size:.9rem;font-weight:600;box-shadow:0 8px 32px #00000059;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.hosting-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.hosting-compare-bar{position:fixed;bottom:0;left:0;right:0;z-index:210;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem max(1rem,env(safe-area-inset-right)) calc(.85rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -6px 24px #0000001f}.hosting-compare-bar[hidden]{display:none!important}.hosting-compare-bar-text{font-weight:700;color:var(--color-text)}.hosting-compare-bar-cta{border:none;border-radius:var(--radius-lg);padding:.65rem 1.15rem;min-height:44px;font-weight:700;font-size:.9rem;cursor:pointer;background:var(--color-primary);color:#fff}.hosting-compare-dialog:not([open]){display:none!important}.hosting-compare-dialog[open]{position:fixed;inset:0;margin:auto;max-width:min(96vw,1100px);width:min(96vw,1100px);max-height:min(90dvh,920px);height:fit-content;overflow:hidden;display:flex;flex-direction:column;border:none;border-radius:var(--radius-xl);padding:0;background:var(--color-surface);color:var(--color-text);box-shadow:0 24px 80px #00000059;box-sizing:border-box}.hosting-compare-dialog::backdrop{background:#0000008c}.hosting-compare-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.hosting-compare-dialog-title{margin:0;font-size:1.1rem;font-weight:800}.hosting-compare-dialog-close{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:var(--radius-md);padding:.4rem .75rem;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;color:var(--color-text)}.hosting-compare-table-wrap{padding:1rem 1.25rem 1.5rem;overflow:auto;overflow-x:auto;flex:1;min-height:0;max-width:100%;-webkit-overflow-scrolling:touch}.hosting-compare-dialog-actions{padding:0 1.25rem 1.25rem}.hosting-compare-clear-btn{border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-lg);padding:.55rem 1rem;font-weight:600;cursor:pointer;color:var(--color-text-muted)}.hosting-compare-table{width:100%;min-width:36rem;border-collapse:collapse;font-size:.85rem}.hosting-compare-th-host{width:8.5rem}.hosting-compare-th-plan{text-align:left;padding:.5rem .65rem;font-weight:800;color:var(--color-text);border-bottom:1px solid var(--color-border)}.hosting-compare-row-label{text-align:left;padding:.45rem .65rem;font-weight:700;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);vertical-align:top}.hosting-compare-td{padding:.45rem .65rem;border-bottom:1px solid var(--color-border);vertical-align:top;color:var(--color-text)}.hosting-compare-td.is-best{color:var(--color-primary);font-weight:800;background:#00696f0f}.hosting-compare-link{color:var(--color-primary);font-weight:700}@media(min-width:768px){.hosting-filters-mobile-toggle{display:none!important}.hosting-filter-sidebar{max-height:none!important;opacity:1!important;overflow:visible!important}}@media(max-width:767px){.hosting-tool-root .hosting-app{display:flex;flex-direction:column}.hosting-filters-mobile-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;margin-bottom:.25rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);font-weight:700;cursor:pointer;color:var(--color-text)}.hosting-filter-sidebar{position:static;top:auto;align-self:stretch;max-height:0;overflow:hidden;opacity:0;padding-top:0;padding-bottom:0;margin:0;border:none;background:transparent;transition:max-height .35s ease,opacity .2s ease}.hosting-filter-sidebar.is-panel-open{max-height:1400px;opacity:1;overflow:visible;padding:1.25rem;margin-bottom:1rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}.type-grid--scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.type-grid--scroll .type-btn{flex:0 0 auto;white-space:nowrap}.hosting-results-toolbar{flex-direction:column;align-items:stretch}.hosting-sort-select{width:100%;min-width:0}}.hosting-preview-notice{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55;max-width:52rem}.hosting-preview-notice strong{color:var(--color-text);font-weight:600}.hosting-tool-root .filter-sidebar.hosting-filter-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem;height:fit-content;position:sticky;top:1rem;align-self:flex-start;box-sizing:border-box}.filter-group{margin-bottom:2rem}.filter-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:1rem}.billing-toggle{display:flex;background:var(--color-surface-2);padding:.25rem;border-radius:var(--radius-full);border:1px solid var(--color-border)}.billing-btn{flex:1;border:none;background:transparent;padding:.6rem;border-radius:var(--radius-full);color:var(--color-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.billing-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.type-grid{display:grid;gap:.5rem}.type-btn{background:var(--color-surface-2);border:1.5px solid var(--color-border);padding:.75rem 1rem;border-radius:var(--radius-lg);color:var(--color-text);font-size:.9rem;text-align:left;cursor:pointer}.type-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.hosting-grid{display:flex;flex-direction:column;gap:1.5rem}.plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color .2s}.plan-card:hover{border-color:var(--color-primary)}.plan-card--compare{border-color:var(--color-primary);box-shadow:0 0 0 1px #00696f40}.plan-main{padding:1.35rem 1.5rem;display:flex;flex-direction:column;gap:1.15rem}.plan-card-top{display:flex;align-items:flex-start;gap:.75rem}.plan-card-brand-block{display:flex;gap:.85rem;align-items:flex-start;min-width:0}.hosting-tool-root .plan-avatar{width:2.75rem;height:2.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1;flex-shrink:0;box-shadow:0 0 0 1px #fff3 inset,0 2px 8px #0000002e}.plan-compare-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem 0;font-size:.78rem;font-weight:700;color:var(--color-text-muted);cursor:pointer;user-select:none}.plan-compare-cb{appearance:none;-webkit-appearance:none;width:17px;height:17px;flex-shrink:0;margin:0;border-radius:5px;border:1.5px solid color-mix(in srgb,var(--color-primary) 50%,var(--color-border) 50%);background:var(--color-surface);cursor:pointer;display:inline-grid;place-content:center;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.plan-compare-cb:before{content:"";width:9px;height:9px;transform:scale(0);transition:transform .12s ease-in-out;clip-path:polygon(14% 44%,0 59%,42% 100%,100% 18%,84% 3%,42% 70%);background:#fff}.plan-compare-cb:checked{background:var(--color-primary);border-color:transparent}.plan-compare-cb:checked:before{transform:scale(1)}.plan-compare-cb:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}.plan-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1rem;align-items:start}.plan-price-col{margin-left:auto;width:100%;max-width:16rem;align-self:flex-end;text-align:right}.spec-item{display:flex;flex-direction:column;min-width:0}.spec-label{font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:700;margin-bottom:.25rem}.spec-value{font-size:1rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-info-main{display:flex;flex-direction:column}.plan-provider-name{font-size:1.1rem;font-weight:800;margin-bottom:.2rem}.plan-tier-name{font-size:.88rem;font-weight:600;color:var(--color-text-muted)}.plan-type-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;background:var(--color-surface-2);padding:.2rem .5rem;border-radius:var(--radius-sm);display:inline-block;margin-top:.4rem;color:var(--color-text-muted);border:1px solid var(--color-border)}.plan-details{background:var(--color-surface-2);border-top:1px solid var(--color-border);padding:2rem;display:none;grid-template-columns:1.2fr 1fr;gap:2.5rem}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem}.detail-box{background:var(--color-surface);padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.detail-box-label{font-size:.65rem;text-transform:uppercase;font-weight:800;color:var(--color-primary);margin-bottom:.5rem;letter-spacing:.05em}.detail-box-value{font-size:.9rem;color:var(--color-text);line-height:1.4;word-break:break-word}.plan-details.active{display:grid}.intro-price{font-size:1.5rem;font-weight:800;color:var(--color-primary)}.renewal-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.plan-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:14rem;align-self:flex-end}.cta-btn{background:var(--color-primary);color:#fff;text-decoration:none;padding:.75rem 1.1rem;border-radius:var(--radius-lg);font-weight:700;font-size:max(.9rem,16px);text-align:center;display:block;transition:transform .2s,box-shadow .2s}.cta-btn:hover{transform:translateY(-1px)}.details-toggle{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text);font-size:max(.85rem,15px);font-weight:600;cursor:pointer;width:100%;padding:.55rem .75rem;border-radius:var(--radius-lg);transition:border-color .2s,color .2s,background .2s;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.details-toggle:after{content:"→";font-size:.95rem;opacity:.65}.details-toggle.is-open:after{content:"↓"}.details-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00696f0f}@media(min-width:900px){.plan-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(10rem,14rem) minmax(9rem,12rem);grid-template-rows:auto auto;align-items:start;column-gap:1.5rem;row-gap:1rem}.plan-card-top{grid-column:1;grid-row:1}.plan-specs{grid-column:1;grid-row:2}.plan-price-col{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;margin-left:0}.plan-actions{grid-column:3;grid-row:1 / span 2;align-self:center;justify-self:end}}@media(max-width:640px){.plan-specs{grid-template-columns:1fr}.plan-price-col{max-width:none;text-align:left;align-self:stretch;margin-left:0}.plan-actions{max-width:none;align-self:stretch}.plan-card-top{flex-direction:row;align-items:flex-start}}.hosting-trust-banner{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1.15rem;margin:0 0 1.5rem;max-width:52rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 1px #0000000a}.hosting-trust-banner__icon{flex-shrink:0;font-size:1.35rem;line-height:1;color:var(--color-primary);margin-top:.1rem}.hosting-trust-banner__body{min-width:0}.hosting-trust-banner__line{margin:0;font-size:1rem;line-height:1.45;color:var(--color-text)}.hosting-trust-banner__date{margin:0 .35rem;font-weight:800;color:var(--color-text)}.hosting-research-note{font-size:.82rem;color:var(--color-text-muted);margin:.35rem 0 0;line-height:1.55}