/* Homepage, matched to the supplied TopHosting design. */
.h-page,.h-header,.h-footer{
  --h-blue:#0560ff;
  --h-ink:#0b1633;
  --h-muted:#536580;
  --h-line:#e5ecf5;
  color:var(--h-ink);
  font-family:Inter,Arial,sans-serif;
  font-size:0.9375rem;
  line-height:1.45}
.h-container{
  width:min(82.5rem,100% - 3.5rem);
  margin:0 auto}
.h-page a,.h-header a,.h-footer a{
  text-decoration:none}
.h-page button,.h-header button,.h-footer button{
  cursor:pointer}
.h-page h1,.h-page h2,.h-page h3,.h-page p{
  margin:0}
.h-page h2{
  font-size:1.5625rem;
  font-weight:800;
  line-height:1.16;
  letter-spacing:-0.0625rem}
.h-page h3{
  font-size:1rem;
  font-weight:750;
  line-height:1.3}
.h-page p{
  color:var(--h-muted)}
.h-icon{
  width:1.1875rem;
  height:1.1875rem;
  flex-shrink:0}
.h-header{
  background:#fff;
  border-bottom:0.0625rem solid #f0f4fa;
  position:relative;
  z-index:40}
.h-header-row{
  height:4rem;
  display:flex;
  align-items:center;
  gap:0.875rem}
.h-brand{
  display:flex;
  gap:0.5625rem;
  align-items:center;
  flex-shrink:0;
  color:#0b1633}
.h-brand strong{
  font-size:1.3125rem;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-0.05rem}
.h-brand strong span{
  color:#0560ff}
.h-brand small{
  display:block;
  color:#7b89a4;
  font-size:0.75rem;
  margin-top:0.0625rem}
.h-desktop-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.4375rem;
  flex:1;
  font-size:0.875rem;
  white-space:nowrap}
.h-desktop-nav a:hover,.h-footer a:hover{
  color:#0560ff}
.h-nav-search{
  display:flex;
  align-items:center;
  gap:0.5rem;
  background:#f4f7fb;
  border-radius:0.4375rem;
  padding:0.5625rem 0.75rem;
  width:8.75rem;
  color:#7b89a4}
.h-nav-search .h-icon{
  width:0.9375rem;
  height:0.9375rem}
.h-nav-search input{
  min-width:0;
  width:100%;
  outline:none;
  background:transparent;
  font-size:0.875rem}
.h-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.6875rem;
  background:#0560ff;
  border:0.0625rem solid #0560ff;
  border-radius:0.375rem;
  color:#fff;
  font-size:0.875rem;
  font-weight:600;
  padding:0.6875rem 1rem;
  white-space:nowrap;
  transition:background .15s,box-shadow .15s;
  line-height:1.3}
.h-btn:hover{
  background:#004fe0;
  box-shadow:0 0.1875rem 0.625rem #0560ff20}
.h-btn .h-icon{
  width:0.9375rem;
  height:0.9375rem}
.h-btn-outline{
  background:#fff;
  color:#0560ff;
  border-color:#abc5ff}
.h-btn-outline:hover{
  background:#edf4ff}
.h-btn-ghost{
  background:#fff;
  border-color:#e0e8f2;
  color:#51617f}
.h-btn-ghost:hover{
  background:#f4f7fb}
.h-btn-small{
  padding:0.4375rem 0.6875rem;
  font-size:0.8125rem}
.h-menu{
  display:none;
  padding:0.4375rem}
.h-mobile-nav{
  padding:0.75rem 0}
.h-mobile-nav a{
  display:block;
  padding:0.5rem}
.h-link{
  color:#0560ff;
  font-size:0.875rem;
  font-weight:550}
.h-eyebrow{
  font-size:0.8125rem;
  font-weight:750;
  letter-spacing:0.025rem;
  color:#0560ff;
  display:block;
  margin-bottom:0.3125rem}
.h-card{
  border:0.0625rem solid var(--h-line);
  border-radius:0.625rem;
  background:#fff}
.h-muted{
  color:var(--h-muted)}
.h-blue{
  color:#0560ff}
.h-green{
  color:#04a241}
.h-nowrap{
  white-space:nowrap}
.h-tag{
  background:#edf3ff;
  color:#0560ff;
  display:inline-flex;
  align-items:center;
  gap:0.3125rem;
  padding:0.1875rem 0.375rem;
  border-radius:0.25rem;
  font-size:0.75rem;
  font-weight:600;
  white-space:nowrap}
.h-tag.green{
  background:#e9faef;
  color:#2a9a56}
.h-live-dot{
  display:inline-block;
  background:#1cbd57;
  width:0.4375rem;
  height:0.4375rem;
  border-radius:50%;
  flex-shrink:0;
  vertical-align:middle}
.h-icon-tile{
  display:inline-flex;
  width:3rem;
  height:3rem;
  background:linear-gradient(140deg,#e9f4ff,#bddcff);
  border-radius:0.625rem;
  color:#0560ff;
  align-items:center;
  justify-content:center;
  flex-shrink:0}
.h-icon-tile .h-icon{
  width:1.75rem;
  height:1.75rem}
.h-icon-tile.green{
  background:linear-gradient(140deg,#e6ffef,#a4efbd);
  color:#08ad49}
.h-icon-tile.red{
  background:linear-gradient(140deg,#ffeded,#ffc1c8);
  color:#ef314e}
.h-icon-tile.purple{
  background:linear-gradient(140deg,#ededff,#cad0ff);
  color:#595de7}
.h-icon-tile.yellow{
  background:linear-gradient(140deg,#fff9dc,#ffe8a5);
  color:#eea413}
.h-icon-circle{
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.3125rem;
  height:2.3125rem;
  border-radius:50%;
  background:#edf4ff;
  color:#0560ff}
.h-icon-circle.green{
  background:#e9faef;
  color:#25ae70}
.h-hero{
  padding:1.75rem 0 1.125rem;
  background:radial-gradient(ellipse at 50% 60%,#eaf3ff80,transparent 70%),linear-gradient(120deg,#f7faff,#edf5ff 65%,#f6faff);
  overflow:hidden;
  position:relative}
.h-hero:before,.h-hero:after{
  content:'';
  position:absolute;
  width:16.875rem;
  height:16.875rem;
  border:2.625rem solid #e1edff50;
  transform:rotate(45deg);
  pointer-events:none}
.h-hero:before{
  left:-7.5rem;
  top:1.875rem}
.h-hero:after{
  right:-11.25rem;
  top:6.25rem}
.h-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3.75rem;
  align-items:center;
  position:relative;
  z-index:1}
.h-status{
  display:flex;
  align-items:center;
  gap:0.625rem;
  font-size:0.75rem;
  color:#69758e;
  margin:0 0 0.875rem}
.h-eyebrow-pill{
  font-size:0.75rem;
  font-weight:750;
  color:#0560ff;
  background:#e4eeff;
  border-radius:0.3125rem;
  padding:0.1875rem 0.4375rem}
.h-hero h1{
  font-size:2.9375rem;
  line-height:1.01;
  font-weight:850;
  letter-spacing:-0.1375rem;
  margin-bottom:1rem}
.h-hero h1 span{
  color:#0560ff}
.h-hero-copy>p{
  font-size:1.0625rem;
  line-height:1.5;
  color:#6d7b96}
.h-hero-copy p strong{
  color:#152447}
.h-hero-stats{
  display:flex;
  gap:0.625rem;
  margin-top:1.25rem}
.h-hero-stats>div{
  display:flex;
  gap:0.625rem;
  align-items:flex-start;
  background:#ffffffdb;
  border-radius:0.5rem;
  padding:0.8125rem 0.75rem;
  min-width:8.9375rem}
.h-hero-stats strong{
  font-size:1.4375rem;
  line-height:1;
  font-weight:800;
  display:block}
.h-hero-stats small{
  font-size:0.8125rem;
  line-height:1.2;
  display:block;
  color:#8390aa;
  margin-top:0.1875rem}
.h-hero-stats b{
  display:block;
  font-size:0.9375rem;
  line-height:1.2}
.h-comparison{
  padding:0.9375rem;
  box-shadow:0 0.5rem 1.375rem #7194ba12}
.h-card-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0.9375rem;
  margin-bottom:0.6875rem;
  font-size:0.8125rem}
.h-card-heading a{
  color:#0560ff;
  font-size:0.75rem}
.h-comparison-scroll{
  overflow:auto}
.h-comparison table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:0.8125rem;
  table-layout:fixed;
  border:0.0625rem solid #edf1f7;
  border-radius:0.4375rem;
  overflow:hidden}
.h-comparison th,.h-comparison td{
  padding:0.5625rem 0.4375rem;
  text-align:left;
  border-right:0.0625rem solid #edf1f7;
  border-bottom:0.0625rem solid #edf1f7}
.h-comparison th{
  font-weight:500;
  color:#62718f;
  font-size:0.75rem}
.h-comparison thead th{
  background:#f8faff;
  padding:0.875rem 0.4375rem}
.h-comparison th:first-child{
  width:21%}
.h-comparison td strong{
  font-size:1rem}
.h-comparison td .h-tag{
  margin-left:0.3125rem;
  font-size:0.75rem;
  padding:0.125rem 0.25rem}
.h-provider{
  display:flex;
  align-items:center;
  gap:0.5625rem;
  color:#0b1633;
  font-weight:650;
  font-size:0.875rem}
.h-provider img{
  width:1.8125rem;
  height:1.8125rem;
  object-fit:contain;
  flex-shrink:0}
.h-provider small{
  display:block;
  font-size:0.75rem;
  color:#667696;
  margin-top:0.125rem;
  font-weight:400}
.h-star,.h-stars{
  color:#f8a31a}
.h-stars{
  font-size:0.875rem;
  letter-spacing:0.0625rem}
.h-comparison-actions td,.h-comparison-actions th{
  border-bottom:0;
  padding:0.5625rem 0.4375rem}
.h-comparison-actions .h-btn{
  width:100%;
  font-size:0.8125rem;
  padding:0.4375rem 0.375rem}
.h-filter{
  position:relative;
  z-index:1;
  padding:0.9375rem 1.0625rem;
  margin-top:1.375rem;
  box-shadow:0 0.5rem 1.75rem #385c8810}
.h-filter-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:0.8125rem;
  border-bottom:0.0625rem solid #e9eef7}
.h-tabs{
  display:flex;
  gap:0.75rem}
.h-tabs button,.h-tabs a{
  display:flex;
  align-items:center;
  gap:0.5rem;
  background:#f1f5fa;
  color:#5e6e8b;
  border-radius:0.3125rem;
  padding:0.625rem 1.0625rem;
  font-size:0.8125rem;
  white-space:nowrap}
.h-tabs .h-icon{
  width:1rem;
  height:1rem}
.h-tabs .active{
  background:#0560ff;
  color:#fff;
  box-shadow:0 0.1875rem 0.5rem #0560ff22}
.h-filter-fields{
  display:flex;
  gap:0.875rem;
  align-items:end;
  padding-top:0.9375rem}
.h-filter-fields>label{
  color:#61708d;
  font-size:0.8125rem;
  flex:1}
.h-filter input:not([type=checkbox]),.h-filter select{
  border:0.0625rem solid #dce5f0;
  border-radius:0.375rem;
  padding:0.5625rem 0.625rem;
  color:#475775;
  outline:none;
  height:2.1875rem;
  font-size:0.875rem;
  min-width:0;
  width:100%;
  background:#fff;
  margin-top:0.3125rem}
.h-budget{
  display:flex;
  gap:0.375rem}
.h-filter-fields>label:first-child{
  flex:1.4}
.h-filter-fields>.h-checkbox{
  display:flex;
  align-items:center;
  gap:0.3125rem;
  flex:0 0 auto;
  height:2.1875rem;
  white-space:nowrap}
.h-checkbox input{
  accent-color:#0560ff}
.h-filter-fields>.h-btn{
  height:2.6875rem;
  padding:0.625rem 1rem}
.h-section{
  padding:1.25rem 0}
.h-section-heading{
  display:flex;
  justify-content:space-between;
  gap:1.25rem;
  align-items:center;
  margin-bottom:0.75rem}
.h-section-heading p{
  margin-top:0.25rem;
  font-size:0.875rem}
.h-task-grid,.h-offer-grid,.h-article-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0.75rem}
.h-task{
  padding:0.8125rem;
  transition:border-color .15s,box-shadow .15s}
.h-task:hover,.h-offer:hover,.h-article:hover{
  border-color:#9fc4ff;
  box-shadow:0 0.3125rem 0.9375rem #406e9b0d}
.h-task-top{
  display:flex;
  gap:0.75rem;
  align-items:flex-start}
.h-task-top p{
  font-size:0.8125rem;
  line-height:1.4;
  margin-top:0.3125rem;
  max-width:12.5rem}
.h-task-bottom{
  display:flex;
  align-items:center;
  gap:0.4375rem;
  justify-content:space-between;
  margin-top:0.9375rem;
  font-size:0.8125rem;
  color:#62718c}
.h-task-bottom strong{
  font-size:1.375rem}
.h-task-bottom .h-muted{
  font-size:0.8125rem}
.h-round-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2f6fc;
  border-radius:50%;
  width:1.4375rem;
  height:1.4375rem;
  color:#607194}
.h-tinted{
  background:#f4f7fc}
.h-ranking-wrap{
  overflow:auto;
  padding:0 0.8125rem}
.h-ranking{
  width:100%;
  border-collapse:collapse;
  white-space:nowrap;
  font-size:0.875rem}
.h-ranking th{
  text-align:left;
  font-size:0.75rem;
  font-weight:500;
  color:#71809c;
  padding:0.6875rem 0.5625rem}
.h-ranking td{
  padding:0.625rem 0.5625rem;
  border-top:0.0625rem solid #edf1f7;
  vertical-align:middle}
.h-rank{
  display:flex;
  align-items:center;
  justify-content:center;
  width:1.8125rem;
  height:1.75rem;
  border-radius:0.3125rem;
  background:#f0f4f9;
  font-size:0.9375rem;
  font-weight:650;
  color:#7b8aaa}
.h-ranking .h-provider{
  gap:0.8125rem;
  font-size:0.9375rem}
.h-ranking td strong>.h-live-dot{
  width:0.375rem;
  height:0.375rem;
  margin-right:0.4375rem}
.h-rating-stars{
  display:block;
  font-size:0.8125rem;
  margin-top:0.125rem;
  letter-spacing:0.0625rem}
.h-country{
  font-size:0.8125rem}
.h-feature-tags{
  display:flex;
  gap:0.3125rem}
.h-table-price{
  font-size:1.25rem;
  font-weight:750}
.h-ranking td small{
  font-size:0.75rem;
  color:#8390a8}
.h-trust-grid{
  display:grid;
  grid-template-columns:1.03fr 1.4fr 1fr;
  gap:1.6875rem;
  align-items:start}
.h-trust-grid>div:first-child p{
  font-size:0.875rem;
  line-height:1.5;
  margin:0.75rem 0}
.h-trust-grid h2{
  font-size:1.6875rem}
.h-principles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem 1.5rem;
  padding:0.5rem 0}
.h-principle{
  display:flex;
  gap:0.8125rem}
.h-principle small{
  font-size:0.8125rem;
  color:#0560ff;
  font-weight:700}
.h-principle h3{
  font-size:0.875rem;
  margin-bottom:0.25rem}
.h-principle p{
  font-size:0.8125rem;
  line-height:1.4}
.h-principle .h-icon-tile{
  width:2.9375rem;
  height:2.9375rem;
  background:#f0f5ff}
.h-principle .h-icon-tile.green{
  background:#eafaf0}
.h-principle .h-icon-tile.purple{
  background:#f0ebff}
.h-weights{
  padding:0.9375rem;
  background:linear-gradient(#fff,#fbfcff)}
.h-weights h3{
  font-size:0.9375rem}
.h-weights-body{
  display:flex;
  align-items:center;
  gap:1rem;
  margin:1.0625rem 0 0.625rem}
.h-donut{
  width:8.25rem;
  height:8.25rem;
  border-radius:50%;
  background:conic-gradient(#40bcff 0 25%,#0560ff 25% 45%,#22cb95 45% 65%,#66c8e9 65% 80%,#9babeb 80% 95%,#bdc7dc 95% 100%);
  padding:1.5625rem;
  flex-shrink:0}
.h-donut>span{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  width:100%;
  height:100%;
  border-radius:50%;
  background:#fff;
  text-align:center}
.h-donut strong{
  font-size:1.3125rem}
.h-donut small{
  font-size:0.75rem;
  color:#8390a8;
  line-height:1.2}
.h-weights ul{
  list-style:none;
  margin:0;
  padding:0;
  color:#7b89a4;
  font-size:0.75rem;
  line-height:2.15;
  white-space:nowrap}
.h-weights li:before{
  content:'';
  display:inline-block;
  width:0.5rem;
  height:0.5rem;
  border-radius:50%;
  background:#40bcff;
  margin-right:0.4375rem}
.h-weights li:nth-child(2):before{
  background:#0560ff}
.h-weights li:nth-child(3):before{
  background:#22cb95}
.h-weights li:nth-child(4):before{
  background:#66c8e9}
.h-weights li:nth-child(5):before{
  background:#9babeb}
.h-weights li:nth-child(6):before{
  background:#bdc7dc}
.h-weights>small{
  font-size:0.75rem}
.h-calculator{
  padding-top:1.5rem}
.h-calculator-grid{
  display:grid;
  grid-template-columns:2.1fr 1fr;
  gap:1.5rem}
.h-field-caption{
  display:block;
  color:#61708d;
  font-size:0.8125rem;
  margin-bottom:0.375rem}
.h-project-tabs{
  display:flex;
  gap:0.375rem;
  max-width:34.375rem}
.h-project-tabs button{
  flex:1;
  border:0.0625rem solid #dce5f0;
  padding:0.5rem 0.3125rem;
  border-radius:0.3125rem;
  color:#61708d;
  font-size:0.8125rem;
  white-space:nowrap}
.h-project-tabs button.active{
  border-color:#0560ff;
  color:#0560ff;
  background:#f5f9ff}
.h-sliders{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2.1875rem;
  margin-top:1.375rem}
.h-sliders label{
  font-size:0.8125rem;
  color:#61708d}
.h-range-output{
  display:block;
  text-align:right;
  color:#0560ff;
  font-size:0.875rem;
  font-weight:700;
  margin-top:0.375rem}
.h-sliders input{
  display:block;
  width:100%;
  accent-color:#0560ff;
  height:1.125rem;
  margin-top:0.3125rem}
.h-range-labels{
  display:flex;
  justify-content:space-between;
  font-size:0.75rem;
  color:#9ba8bd;
  margin-top:0.4375rem}
.h-calculator-note{
  font-size:0.8125rem;
  margin-top:0.75rem!important;
  max-width:37.5rem}
.h-recommendation{
  padding:1rem 1.25rem;
  background:linear-gradient(130deg,#fff,#f5f9ff)}
.h-recommendation>p{
  font-size:0.9375rem;
  margin:0.375rem 0 0.75rem}
.h-recommendation .h-btn{
  width:100%;
  margin-top:0.75rem}
.h-recommendation-details{
  display:flex;
  justify-content:space-between;
  gap:0.75rem;
  margin-top:0.3125rem;
  font-size:0.8125rem;
  color:#6d7b96}
.h-big-price{
  font-size:1.6875rem;
  color:#0b1633;
  letter-spacing:-0.0375rem}
.h-recommendation-details small{
  display:block;
  font-size:0.8125rem;
  margin-top:0.1875rem;
  max-width:10rem}
.h-recommendation-details ul{
  list-style:none;
  line-height:2;
  margin:0;
  padding:0;
  font-size:0.75rem}
.h-recommendation-details li{
  display:flex;
  align-items:center;
  gap:0.375rem}
.h-recommendation-details .h-icon{
  width:0.75rem;
  height:0.75rem;
  color:#0dac58}
.h-empty{
  padding:0.9375rem 0}
.h-analytics{
  background:linear-gradient(#fafcff,#fff);
  padding-top:1.5rem}
.h-analytics-top{
  display:grid;
  grid-template-columns:1fr 2.2fr;
  gap:1.5625rem;
  margin-bottom:1rem}
.h-analytics-top p{
  font-size:0.875rem;
  margin-top:0.625rem}
.h-price-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0.625rem}
.h-price-stats .h-card{
  padding:0.8125rem 0.9375rem}
.h-price-stats small{
  font-size:0.8125rem}
.h-price-stats strong{
  font-size:1.5625rem;
  font-weight:750;
  letter-spacing:-0.0625rem}
.h-price-stats .h-card>div{
  white-space:nowrap;
  margin:0.4375rem 0 0.125rem}
.h-price-stats .h-card>div>span{
  font-size:0.8125rem;
  color:#697995}
.h-price-stats .h-muted{
  font-size:0.75rem}
.h-chart-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.8125rem}
.h-price-chart,.h-location-card{
  padding:1rem 1.125rem}
.h-chart-grid h3{
  font-size:0.9375rem;
  font-weight:600}
.h-bar-chart{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.25rem;
  align-items:end;
  margin:0.875rem 0 0.75rem;
  background:repeating-linear-gradient(to top,#f0f4fa 0rem,#f0f4fa 0.0625rem,transparent 0.0625rem,transparent 2.125rem)}
.h-chart-column{
  text-align:center}
.h-chart-column>strong{
  font-size:0.9375rem;
  color:#0560ff}
.h-chart-track{
  height:7.8125rem;
  display:flex;
  align-items:end;
  justify-content:center;
  margin:0.3125rem 0}
.h-chart-track>span{
  width:55%;
  max-width:4.375rem;
  background:linear-gradient(#0560ff,#75b7ff);
  border-radius:0.3125rem 0.3125rem 0 0;
  min-height:0.1875rem}
.h-chart-column small{
  font-size:0.75rem;
  color:#7b89a4;
  display:block;
  background:#fff;
  padding-top:0.25rem;
  height:1.875rem}
.h-price-chart>small{
  font-size:0.75rem}
.h-location-body{
  display:flex;
  align-items:center;
  gap:1.375rem;
  margin-top:0.625rem}
.h-belarus-map{
  height:10.625rem;
  width:11.875rem;
  flex-shrink:0}
.h-country-list{
  font-size:0.8125rem;
  flex:1}
.h-country-list>div{
  display:flex;
  align-items:center;
  gap:0.5rem;
  padding:0.3125rem 0;
  border-bottom:0.0625rem solid #f0f4fa}
.h-country-list strong{
  margin-left:auto;
  font-size:0.8125rem;
  font-weight:500}
.h-country-list p{
  background:#f3f7fe;
  padding:0.8125rem;
  border-radius:0.4375rem;
  margin-top:0.625rem;
  font-size:0.8125rem}
.h-offers{
  padding-bottom:0.75rem}
.h-offers h2{
  margin-bottom:0.75rem}
.h-offer{
  display:flex;
  gap:0.875rem;
  padding:0.875rem}
.h-offer .h-icon-tile{
  width:2.8125rem;
  height:2.8125rem}
.h-offer h3{
  font-size:0.9375rem;
  margin-top:0.25rem}
.h-offer p{
  font-size:0.875rem;
  color:#71809a;
  margin-top:0.1875rem}
.h-offer p strong{
  font-size:1.125rem;
  color:#0b1633}
.h-offer small{
  display:block;
  font-size:0.8125rem;
  color:#8894aa;
  margin-top:0.25rem}
.h-offer .h-link{
  font-size:0.8125rem;
  display:block;
  margin-top:0.3125rem}
.h-articles{
  padding-top:0.5rem;
  padding-bottom:0.875rem}
.h-articles h2{
  font-size:1.25rem;
  letter-spacing:-0.03125rem}
.h-article{
  display:flex;
  gap:0.75rem;
  padding:0.75rem}
.h-article>img{
  width:3.625rem;
  height:4.3125rem;
  object-fit:cover;
  border-radius:0.4375rem;
  background:#eaf3ff;
  flex-shrink:0}
.h-article h3{
  font-size:0.8125rem;
  line-height:1.45;
  margin-top:0.3125rem;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden}
.h-article small{
  display:flex;
  justify-content:space-between;
  gap:0.3125rem;
  font-size:0.75rem;
  color:#95a1b5;
  margin-top:0.5rem}
.h-article .h-tag{
  font-size:0.75rem;
  padding:0.125rem 0.25rem}
.h-faq{
  padding-top:0.5625rem;
  padding-bottom:1.25rem}
.h-faq-grid{
  display:grid;
  grid-template-columns:.85fr 1.6fr 1fr;
  gap:1.5625rem}
.h-faq h2{
  font-size:1.375rem}
.h-faq details{
  border:0.0625rem solid #e4ebf5;
  border-radius:0.375rem;
  margin-bottom:0.3125rem;
  background:#fff;
  font-size:0.8125rem}
.h-faq summary{
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:0.9375rem;
  padding:0.5rem 0.75rem;
  cursor:pointer;
  color:#405272;
  font-weight:550}
.h-faq summary::-webkit-details-marker{
  display:none}
.h-faq summary>span{
  color:#7492b6;
  font-size:1.125rem;
  line-height:1}
.h-faq details[open] summary>span{
  transform:rotate(45deg)}
.h-faq details p{
  padding:0 0.75rem 0.75rem;
  font-size:0.875rem;
  line-height:1.5}
.h-support{
  display:flex;
  gap:0.875rem;
  padding:0.9375rem;
  background:#f7faff;
  align-items:start}
.h-support h3{
  font-size:0.875rem}
.h-support p{
  font-size:0.8125rem;
  line-height:1.4;
  margin-top:0.3125rem}
.h-support .h-btn{
  margin-top:0.5625rem;
  padding:0.5rem;
  font-size:0.8125rem}
.h-support small{
  display:block;
  color:#99a5ba;
  font-size:0.75rem;
  margin-top:0.375rem}
.h-footer{
  border-top:0.0625rem solid #e7edf5;
  background:linear-gradient(#fff,#f8fbff);
  padding:1.25rem 0 1.375rem}
.h-footer-grid{
  display:grid;
  grid-template-columns:1.3fr .8fr .9fr .9fr 1.3fr;
  gap:1.875rem}
.h-footer .h-brand strong{
  font-size:1.125rem;
  letter-spacing:-0.03125rem}
.h-footer .h-brand svg{
  width:1.625rem;
  height:1.75rem}
.h-footer .h-brand small{
  font-size:0.75rem}
.h-footer p{
  color:#8b98af;
  font-size:0.75rem;
  margin:0.4375rem 0}
.h-footer small{
  color:#9ba6b9;
  font-size:0.75rem}
.h-footer-grid>div>strong,.h-newsletter strong{
  display:block;
  font-size:0.8125rem;
  margin-bottom:0.25rem}
.h-footer-grid>div>a:not(.h-brand){
  display:block;
  color:#7f8da7;
  font-size:0.75rem;
  margin-top:0.125rem}
.h-newsletter{
  display:flex;
  align-items:start;
  gap:0.625rem;
  background:#f0f6ff;
  border-radius:0.5rem;
  padding:0.8125rem}
.h-newsletter .h-icon-tile{
  width:1.75rem;
  height:1.75rem;
  background:#0560ff;
  color:white;
  border-radius:0.4375rem}
.h-newsletter .h-icon{
  width:1.0625rem;
  height:1.0625rem}
.h-newsletter>div{
  flex:1;
  min-width:0}
.h-newsletter p{
  font-size:0.75rem;
  margin:0.1875rem 0 0.5rem}
.h-newsletter form{
  display:flex;
  background:#fff;
  border:0.0625rem solid #d8e5fc;
  border-radius:0.3125rem;
  padding:0.125rem}
.h-newsletter input{
  width:100%;
  min-width:0;
  font-size:0.75rem;
  padding:0.3125rem;
  outline:none}
.h-newsletter button{
  padding:0.3125rem;
  border-radius:0.25rem}
.h-page :focus-visible,.h-header :focus-visible,.h-footer :focus-visible{
  outline:0.125rem solid #0560ff;
  outline-offset:0.1875rem}



@media(max-width:899px){
  .h-container{
  width:calc(100% - 2.25rem)}
.h-desktop-nav{
  display:none}
.h-header-row>.h-brand{
  margin-right:auto}
.h-menu{
  display:block}
.h-hero h1{
  font-size:2.125rem}
.h-hero-copy>p{
  font-size:0.875rem}
.h-desktop-break{
  display:none}
.h-status{
  gap:0.375rem;
  font-size:0.75rem;
  flex-wrap:wrap}
.h-comparison .h-provider{
  font-size:0.75rem;
  gap:0.3125rem}
.h-comparison .h-provider img{
  width:1.4375rem;
  height:1.4375rem}
.h-comparison .h-card-heading a{
  font-size:0.75rem}
.h-comparison td .h-tag{
  display:none}
.h-hero-stats{
  gap:0.375rem}
.h-hero-stats strong{
  font-size:1.375rem}
.h-hero-stats .h-icon-circle{
  width:1.75rem;
  height:1.75rem}
.h-hero-stats small{
  font-size:0.75rem}
.h-hero-stats b{
  font-size:0.8125rem}
.h-task-grid,.h-offer-grid,.h-article-grid{
  grid-template-columns:repeat(2,1fr)}
.h-trust-grid{
  grid-template-columns:1fr 1.5fr}
.h-weights{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:1.875rem}
.h-weights-body{
  margin:0}
.h-weights ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:1.25rem}
.h-analytics-top{
  grid-template-columns:1fr}
.h-price-stats{
  gap:0.75rem}
.h-calculator-grid{
  grid-template-columns:1.8fr 1fr;
  gap:1.125rem}
.h-sliders{
  gap:0.9375rem}
.h-faq-grid{
  grid-template-columns:1fr 1.7fr}
.h-support{
  grid-column:2}
.h-footer-grid{
  grid-template-columns:1.1fr 1fr 1fr}
.h-footer-grid>div:nth-child(4){
  display:none}
.h-newsletter{
  grid-column:1 / -1;
  max-width:28.125rem}
.h-filter-top>.h-link{
  display:none}
.h-tabs{
  gap:0.375rem}
.h-tabs button,.h-tabs a{
  padding:0.5625rem 0.75rem}
.h-chart-grid{
  grid-template-columns:1fr 1fr}
.h-location-body{
  gap:0.375rem}
.h-belarus-map{
  width:7.5rem}
.h-country-list{
  font-size:0.75rem}
.h-country-list p{
  padding:0.5rem;
  font-size:0.75rem}
}

@media(max-width:640px){
  .h-header-row{
  height:3.8125rem;
  gap:0.625rem}
.h-header .h-brand strong{
  font-size:1.1875rem}
.h-header .h-brand svg{
  width:1.6875rem}
.h-header .h-brand small{
  font-size:0.75rem}
.h-header .h-btn:not(.h-login){
  font-size:0.75rem;
  padding:0.5625rem}
.h-header .h-btn .h-icon{
  display:none}
.h-login{
  display:none}
.h-container{
  width:calc(100% - 1.75rem)}
.h-hero{
  padding-top:1.4375rem}
.h-hero-grid{
  grid-template-columns:1fr;
  gap:1.375rem}
.h-hero h1{
  font-size:2.4375rem;
  line-height:1.03;
  letter-spacing:-0.1125rem}
.h-hero-copy>p{
  font-size:0.9375rem}
.h-status{
  margin-bottom:0.875rem}
.h-hero-stats{
  margin-top:1.125rem}
.h-hero-stats>div{
  padding:0.6875rem 0.5rem}
.h-comparison{
  padding:0.75rem}
.h-comparison th,.h-comparison td{
  padding:0.5rem 0.3125rem}
.h-comparison .h-provider{
  font-size:0.75rem}
.h-comparison table{
  font-size:0.75rem}
.h-comparison .h-card-heading b{
  font-size:0.75rem}
.h-comparison .h-card-heading a{
  font-size:0.75rem}
.h-filter{
  padding:0.75rem;
  margin-top:1rem}
.h-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  width:100%;
  gap:0.375rem}
.h-tabs button,.h-tabs a{
  justify-content:center;
  padding:0.5625rem 0.375rem;
  font-size:0.75rem}
.h-filter-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.625rem}
.h-filter-fields>label{
  font-size:0.75rem}
.h-filter-fields>.h-checkbox{
  font-size:0.75rem;
  height:1.75rem}
.h-filter-fields>.h-btn{
  width:100%;
  grid-column:1 / -1;
  margin:0}
.h-page h2{
  font-size:1.375rem;
  letter-spacing:-0.04375rem}
.h-eyebrow{
  font-size:0.75rem}
.h-section{
  padding:1.25rem 0}
.h-section-heading{
  align-items:flex-start;
  gap:0.625rem;
  flex-wrap:wrap}
.h-section-heading>.h-link{
  font-size:0.75rem}
.h-task-grid,.h-offer-grid,.h-article-grid{
  gap:0.5rem}
.h-task{
  padding:0.625rem}
.h-task-top{
  gap:0.5rem}
.h-task-top .h-icon-tile{
  width:2.125rem;
  height:2.25rem;
  border-radius:0.4375rem}
.h-task-top .h-icon{
  width:1.3125rem;
  height:1.3125rem}
.h-task-top h3{
  font-size:0.875rem}
.h-task-top p{
  font-size:0.75rem}
.h-task-bottom{
  gap:0.1875rem;
  margin-top:0.625rem;
  font-size:0.75rem}
.h-task-bottom strong{
  font-size:1.3125rem}
.h-task-bottom .h-muted{
  font-size:0.75rem}
.h-task-bottom .h-round-arrow{
  display:none}
.h-tinted .h-section-heading .h-btn{
  font-size:0.75rem;
  padding:0.5rem}
.h-ranking-wrap{
  padding:0 0.4375rem}
.h-ranking{
  min-width:58.75rem}
.h-trust-grid{
  grid-template-columns:1fr}
.h-trust-grid h2 br{
  display:none}
.h-principles{
  gap:1.125rem 0.9375rem}
.h-weights{
  grid-column:auto;
  display:block}
.h-weights-body{
  margin:0.9375rem 0}
.h-weights ul{
  display:block}
.h-donut{
  width:8.125rem;
  height:8.125rem;
  padding:1.5625rem}
.h-weights-body{
  gap:1.875rem}
.h-calculator-grid{
  grid-template-columns:1fr}
.h-calculator .h-section-heading>.h-tag{
  font-size:0.75rem}
.h-project-tabs{
  gap:0.25rem}
.h-project-tabs button{
  font-size:0.75rem;
  padding:0.5625rem 0.1875rem}
.h-sliders{
  gap:0.8125rem;
  margin-top:1.25rem}
.h-sliders label{
  font-size:0.75rem}
.h-range-labels{
  font-size:0.75rem}
.h-range-output{
  font-size:0.8125rem}
.h-recommendation-details{
  flex-direction:row}
.h-recommendation-details ul{
  display:block}
.h-analytics-top{
  gap:1rem}
.h-price-stats{
  grid-template-columns:1fr 1fr;
  gap:0.5rem}
.h-price-stats .h-card{
  padding:0.8125rem}
.h-price-stats strong{
  font-size:1.5625rem}
.h-chart-grid{
  grid-template-columns:1fr}
.h-belarus-map{
  width:9.0625rem}
.h-country-list{
  font-size:0.8125rem}
.h-price-chart,.h-location-card{
  padding:0.875rem}
.h-bar-chart{
  gap:0.625rem}
.h-chart-column small{
  font-size:0.75rem}
.h-offer{
  gap:0.5rem;
  padding:0.6875rem}
.h-offer .h-icon-tile{
  width:2rem;
  height:2.125rem}
.h-offer .h-icon{
  width:1.3125rem}
.h-offer .h-tag{
  font-size:0.75rem;
  white-space:normal}
.h-offer h3{
  font-size:0.8125rem}
.h-offer p{
  font-size:0.75rem}
.h-offer p strong{
  font-size:1.125rem}
.h-offer small{
  font-size:0.75rem}
.h-offer .h-link{
  font-size:0.75rem}
.h-articles h2{
  font-size:1.25rem}
.h-article{
  gap:0.5rem;
  padding:0.5625rem}
.h-article>img{
  width:2.6875rem;
  height:3.6875rem}
.h-article h3{
  font-size:0.75rem}
.h-article small{
  font-size:0.75rem;
  flex-wrap:wrap}
.h-article .h-tag{
  font-size:0.75rem}
.h-faq-grid{
  grid-template-columns:1fr;
  gap:0.75rem}
.h-support{
  grid-column:auto}
.h-footer-grid{
  grid-template-columns:1fr 1fr;
  gap:1.25rem}
.h-footer-grid>div:first-child{
  grid-column:1 / -1}
.h-newsletter{
  grid-column:1 / -1}
.h-footer{
  padding-top:1.25rem}
.h-page .h-empty{
  font-size:0.9375rem}
}

@media(prefers-reduced-motion:reduce){
  .h-page *,.h-header *{
  scroll-behavior:auto!important;
  transition:none!important}
}


/* Keep the generous outside margins and compact rhythm of the reference. */
@media(min-width:900px){
  .h-container{
  width:min(82.5rem,84%)}
.h-header-row{
  height:3.1875rem;
  gap:0.625rem}
.h-brand strong{
  font-size:1.25rem}
.h-brand svg{
  width:1.8125rem;
  height:1.875rem}
.h-brand small{
  font-size:0.75rem}
.h-desktop-nav{
  gap:1rem;
  font-size:0.8125rem}
.h-nav-search{
  width:7.5rem;
  padding:0.4375rem 0.625rem}
.h-header .h-btn{
  padding:0.5625rem 0.75rem;
  font-size:0.8125rem}
.h-hero-grid{
  gap:2.1875rem}
.h-hero h1{
  font-size:2.9375rem;
  letter-spacing:-0.11875rem}
.h-hero-copy>p{
  font-size:0.9375rem}
.h-hero-stats>div{
  min-width:0;
  flex:1;
  padding:0.6875rem 0.5625rem}
.h-comparison th,.h-comparison td{
  padding:0.4375rem 0.375rem}
.h-comparison thead th{
  padding:0.75rem 0.375rem}
.h-comparison td strong{
  font-size:0.9375rem}
.h-comparison .h-tag{
  font-size:0.75rem!important}
.h-comparison .h-stars{
  font-size:0.75rem}
.h-hero{
  padding-top:1.5rem}
.h-section{
  padding:1rem 0}
.h-page h2{
  font-size:1.5rem}
.h-trust-grid h2{
  font-size:1.5rem}
.h-ranking td{
  padding:0.5rem}
.h-ranking .h-provider{
  font-size:0.875rem}
.h-table-price{
  font-size:1.125rem}
.h-task{
  padding:0.6875rem}
.h-task-top{
  gap:0.625rem}
.h-task-top h3{
  font-size:0.875rem}
.h-task-top p{
  font-size:0.75rem}
.h-task .h-icon-tile{
  width:2.625rem;
  height:2.625rem}
.h-task-bottom strong{
  font-size:1.375rem}
.h-task-bottom{
  margin-top:0.75rem}
.h-trust-grid{
  gap:1.375rem}
.h-principles{
  gap:1rem}
.h-principle .h-icon-tile{
  width:2.5rem;
  height:2.5rem}
.h-principle{
  gap:0.5625rem}
.h-donut{
  width:6.875rem;
  height:6.875rem;
  padding:1.3125rem}
.h-weights{
  padding:0.8125rem}
.h-weights-body{
  gap:0.625rem;
  margin:0.75rem 0 0.5rem}
.h-weights ul{
  font-size:0.75rem}
.h-recommendation{
  padding:0.8125rem 1rem}
.h-big-price{
  font-size:1.5rem}
.h-chart-grid h3{
  font-size:0.875rem}
.h-price-chart,.h-location-card{
  padding:0.8125rem 1rem}
.h-price-stats strong{
  font-size:1.4375rem}
.h-price-stats .h-card{
  padding:0.6875rem}
.h-price-stats small{
  font-size:0.75rem}
.h-belarus-map{
  height:9.0625rem;
  width:9.6875rem}
.h-offer{
  padding:0.75rem;
  gap:0.6875rem}
.h-offer .h-icon-tile{
  width:2.5rem;
  height:2.5rem}
.h-articles h2{
  font-size:1.1875rem}
.h-article{
  padding:0.625rem}
.h-article>img{
  width:3.25rem;
  height:3.8125rem}
.h-faq h2{
  font-size:1.375rem}
.h-faq-grid{
  gap:1.25rem}
.h-footer{
  padding:1rem 0}
.h-footer-grid{
  gap:1.5625rem}
}

.h-stars{
  background:linear-gradient(90deg,#f8a31a var(--rating,100%),#dce3ed var(--rating,100%));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent}
.h-line-chart svg{
  width:100%;
  display:block;
  margin:0.5rem 0 0}
.h-sliders input[type=range]{
  appearance:none;
  background:#dbe5f3;
  height:0.3125rem;
  border-radius:0.25rem;
  margin-top:0.8125rem}
.h-sliders input[type=range]::-webkit-slider-thumb{
  appearance:none;
  width:0.875rem;
  height:0.875rem;
  border-radius:50%;
  background:#0560ff;
  border:0.125rem solid #fff;
  box-shadow:0 0 0 0.0625rem #0560ff}
.h-sliders input[type=range]::-moz-range-thumb{
  width:0.75rem;
  height:0.75rem;
  border-radius:50%;
  background:#0560ff;
  border:0.125rem solid #fff}
.h-calculator .h-range-labels{
  margin-top:0.625rem}

.h-reference-logo{
  width:11.5625rem;
  height:auto;
  display:block}
.h-footer .h-reference-logo{
  width:9.375rem}
@media(max-width:640px){
  .h-header .h-reference-logo{
  width:9.5625rem}
}


/* Reference refinements: compact lower sections and the recommendation beside
   the calculator heading, rather than below it. */
@media(min-width:900px) {
  .h-hero-grid { padding-inline: .6rem; }
  .h-hero-copy > p { font-size:1.0875rem; line-height: 1.45; }
  .h-hero-stats > div { flex: 0 0 9rem; }
  .h-hero-stats > div:last-child { flex-basis: 10.625rem; }
  .h-comparison { align-self: start; margin-top: .1rem; }
  .h-ranking td { padding-block: .4375rem; }
  .h-trust { padding-block: 1.375rem; }
  .h-recommendation { margin-top: -3.75rem; align-self: start; }
  .h-calculator-note { display: none; }
  .h-calculator .h-section-heading { margin-bottom: .75rem; }
  .h-calculator { padding-bottom: .75rem; }
  .h-recommendation-details ul { display: block; }
  .h-line-chart svg { height: 8.5rem; }
  .h-analytics { padding-block: .75rem; }
  .h-analytics-top { margin-bottom: .625rem; }
  .h-offers { padding-top: .625rem; padding-bottom: .5rem; }
  .h-offer { padding-block: .625rem; }
  .h-offer .h-icon-tile { width: 3rem; height: 3rem; }
  .h-articles { padding-top: .375rem; padding-bottom: .5rem; }
  .h-article { padding-block: .4375rem; }
  .h-faq { padding-top: .375rem; padding-bottom: .625rem; }
  .h-faq summary { padding-block: .375rem; }
  .h-footer { padding-block: .75rem; }
  .h-newsletter { padding: .625rem; }
  .h-support .h-icon-tile { border-radius: 50%; }
  .h-faq-grid { grid-template-columns: .9fr 1.6fr 1fr; }
}
.h-hero:before { background-image: radial-gradient(#bdd2f6 1px,transparent 1px); background-size: .75rem .75rem; border-width: 0; width: 6rem; height: 7rem; left: 2.5%; top: 13rem; transform: rotate(12deg); opacity: .7; }
.h-hero:after { background-image: radial-gradient(#bdd2f6 1px,transparent 1px); background-size: .75rem .75rem; border-width: 0; width: 5rem; height: 7rem; right: 3%; top: 8rem; transform: rotate(12deg); opacity: .7; }

/* Larger, readable type requested after the reference comparison. Font sizes
   remain independent of the proportional desktop spacing. */
.h-page, .h-header, .h-footer { font-size:17px; }
.h-page h1 { font-size:clamp(38px, 3.6vw, 58px); }
.h-page h2 { font-size:clamp(22px, 2vw, 30px); line-height: 1.2; }
.h-page h3 { font-size:17px; line-height: 1.35; }
.h-hero-copy > p { font-size:17px; line-height: 1.5; }
.h-status, .h-eyebrow-pill { font-size:13px; }
.h-eyebrow { font-size:14px; }
.h-hero-stats strong { font-size:27px; }
.h-hero-stats small { font-size:14px; line-height: 1.25; }
.h-hero-stats b { font-size:16px; }
.h-hero-stats > div, .h-hero-stats > div:last-child { flex: 1; min-width: 0; }
.h-btn, .h-tabs button, .h-tabs a { font-size:15px; }
.h-btn-small { font-size:14px; }
.h-link { font-size:15px; }
.h-card-heading, .h-card-heading a { font-size:14px; }
.h-comparison table, .h-comparison th { font-size:14px; }
.h-comparison .h-provider { font-size:15px; }
.h-comparison .h-provider small { font-size:14px; }
.h-comparison td strong { font-size:18px; }
.h-comparison-actions .h-btn { font-size:14px; }
.h-provider { font-size:16px; }
.h-provider img { width: 28px; height: 28px; }
.h-stars, .h-comparison .h-stars { font-size:15px; }
.h-tag, .h-comparison td .h-tag { font-size:13px !important; }
.h-filter-fields > label, .h-filter-fields > .h-checkbox { font-size:14px; }
.h-filter input:not([type=checkbox]), .h-filter select { font-size:15px; height: 34px; }
.h-filter-fields > .h-btn { min-height: 38px; }
.h-section-heading p { font-size:15px; }
.h-task-top h3 { font-size:16px; }
.h-task-top p { font-size:14px; }
.h-task-bottom, .h-task-bottom .h-muted { font-size:14px; }
.h-task-bottom strong { font-size:24px; }
.h-ranking { font-size:15px; }
.h-ranking th { font-size:14px; }
.h-ranking .h-provider { font-size:16px; }
.h-table-price { font-size:20px; }
.h-ranking td small, .h-country { font-size:13px; }
.h-feature-tags { flex-wrap: wrap; max-width: 180px; }
.h-feature-tags .h-tag { font-size:13px !important; }
.h-rating-stars { font-size:14px; }
.h-trust-grid h2 { font-size:clamp(22px, 2vw, 30px); }
.h-trust-grid > div:first-child p { font-size:15px; }
.h-principle small { font-size:14px; }
.h-principle h3 { font-size:15px; }
.h-principle p { font-size:14px; }
.h-weights h3 { font-size:16px; }
.h-weights ul { font-size:13px; white-space: normal; }
.h-weights > small { font-size:13px; }
.h-donut strong { font-size:22px; }
.h-donut small { font-size:13px; }
.h-field-caption, .h-sliders label { font-size:15px; }
.h-project-tabs button { font-size:14px; }
.h-range-output { font-size:15px; }
.h-range-labels { font-size:13px; }
.h-recommendation > p { font-size:16px; }
.h-big-price { font-size:28px; }
.h-recommendation-details, .h-recommendation-details small { font-size:14px; }
.h-recommendation-details ul { font-size:13px; }
.h-analytics-top p { font-size:15px; }
.h-price-stats small { font-size:14px; }
.h-price-stats strong { font-size:26px; }
.h-price-stats .h-card > div > span { font-size:13px; }
.h-price-stats .h-muted { font-size:13px; }
.h-chart-grid h3 { font-size:16px; }
.h-price-chart > small { font-size:13px; }
.h-country-list, .h-country-list strong, .h-country-list p { font-size:14px; }
.h-offer h3 { font-size:16px; }
.h-offer p { font-size:15px; }
.h-offer p strong { font-size:21px; }
.h-offer small { font-size:14px; }
.h-offer .h-link { font-size:14px; }
.h-articles h2 { font-size:22px; }
.h-article h3 { font-size:15px; -webkit-line-clamp: 3; }
.h-article small { font-size:13px; flex-wrap: wrap; }
.h-article .h-tag { font-size:12px !important; }
.h-faq h2 { font-size:22px; }
.h-faq summary, .h-faq details { font-size:15px; }
.h-faq details p { font-size:15px; }
.h-support h3 { font-size:16px; }
.h-support p { font-size:14px; }
.h-support .h-btn { font-size:14px; }
.h-support small { font-size:13px; }
.h-footer p, .h-footer small { font-size:13px; }
.h-footer-grid > div > strong, .h-newsletter strong { font-size:15px; }
.h-footer-grid > div > a:not(.h-brand) { font-size:14px; }
.h-newsletter p { font-size:13px; }
.h-newsletter input { font-size:15px; }
.h-header-row { min-height: 52px; }
.h-desktop-nav, .h-nav-search input, .h-header .h-btn { font-size:15px; }
.h-reference-logo { width: clamp(150px, 14vw, 205px); }
.h-footer .h-reference-logo { width: 150px; }
@media(min-width:900px) and (max-width:1350px) {
  .h-nav-search, .h-login { display: none; }
  .h-desktop-nav { font-size:14px; gap: 12px; }
  .h-header .h-btn { font-size:14px; }
  .h-ranking th, .h-ranking td { padding-inline: 5px; }
  .h-comparison table { table-layout: auto; }
  .h-comparison td .h-tag { display: none; }
  .h-comparison th:first-child { width: 20%; }
  .h-comparison .h-provider { flex-direction: column; gap: 4px; align-items: start; }
  .h-weights-body { gap: 10px; }
  .h-donut { width: 100px; height: 100px; padding: 20px; }
  .h-weights ul { font-size:13px; }
  .h-hero-stats > div { gap: 5px; padding-inline: 8px; }
  .h-hero-stats .h-icon-circle { width: 25px; height: 25px; }
}
@media(max-width:640px) {
  .h-header .h-btn:not(.h-login) { font-size:14px; }
  .h-task-top h3 { font-size:15px; }
  .h-task-top p, .h-task-bottom, .h-task-bottom .h-muted { font-size:13px; }
  .h-sliders label, .h-range-output { font-size:14px; }
  .h-range-labels { font-size:12px; }
  .h-project-tabs button { font-size:12px; }
  .h-support small { font-size:13px; }
  .h-page h2 { font-size:24px; }
  .h-article h3 { font-size:14px; }
  .h-article small { font-size:12px; }
  .h-footer-grid > div > a:not(.h-brand) { font-size:15px; }
}

/* Keep larger text clear in narrow desktop layouts. */
.h-weights li { display: flex; align-items: baseline; gap: 6px; line-height: 1.6; margin-bottom: 5px; }
.h-weights li::before { flex: 0 0 6px; height: 6px; margin-right: 0; }
.h-recommendation { margin-top: 0; }
.h-task-bottom { flex-wrap: wrap; gap: 6px; }
.h-task-bottom > span { white-space: nowrap; }
@media (min-width: 900px) and (max-width: 1350px) {
  .h-filter-fields { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.4fr; gap: 12px; }
  .h-filter-fields > label { min-width: 0; }
  .h-filter-fields > .h-checkbox { height: auto; }
  .h-filter-fields > .h-btn { grid-column: 3 / 5; justify-self: end; }
  .h-weights-body { flex-direction: column; align-items: start; }
  .h-weights ul { font-size:14px; }
}
@media (max-width: 640px) {
  .h-header .h-nav-search { display: none; }
  .h-header .h-container { gap: 10px; }
  .h-hero-copy, .h-hero-grid > * { min-width: 0; }
}