.freehost-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;max-width:1160px!important}
.freehost-hero-copy{min-width:0}
.freehost-hero-copy .hero-title{font-size:clamp(2.2rem,3.4vw,3.5rem)}
.freehost-hero-copy .hero-subtitle{max-width:650px!important}
.freehost-tool-visual{min-width:0;border:1px solid #d2e2e7;border-radius:24px;background:#fff;box-shadow:0 24px 55px rgba(22,50,79,.13);overflow:hidden;transform:rotate(1deg)}
.freehost-tool-top{display:flex;align-items:center;gap:12px;background:#eef5f7;border-bottom:1px solid #d9e6e9;color:#526778;padding:14px 18px;font-size:.8rem}
.freehost-tool-top>span:nth-child(2){margin:auto}
.freehost-tool-top>.fa-lock{color:#087f8c}
.freehost-tool-dots{display:flex;gap:5px}
.freehost-tool-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#afc5cd}
.freehost-tool-body{padding:clamp(1.1rem,3vw,1.7rem);background:linear-gradient(150deg,#fff 0%,#f5faf9 100%)}
.freehost-tool-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px;color:#16324f}
.freehost-tool-heading strong{display:block;font:600 clamp(1.1rem,1.7vw,1.4rem) Prompt,sans-serif}
.freehost-tool-heading small{display:block;color:#607381;font-size:.85rem}
.freehost-tool-cloud{width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:14px;background:#16324f;color:#e5b965;font-size:1.5rem}
.freehost-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.freehost-tool-grid span{display:flex;align-items:center;gap:9px;min-width:0;padding:12px 10px;border:1px solid #dbe9eb;border-radius:12px;background:#fff;color:#16324f;font:500 clamp(.78rem,1.2vw,.91rem) Prompt,sans-serif;white-space:nowrap}
.freehost-tool-grid i{width:20px;flex:none;text-align:center;color:#087f8c;font-size:1rem}
.freehost-tool-grid .fa-php{font-size:1.25rem}
.freehost-tool-grid .fa-html5{color:#e5763b}
.freehost-tool-foot{margin-top:18px;padding:12px 14px;border-radius:11px;background:#e9f6ef;color:#28674c;font-size:.83rem;font-weight:600;text-align:center}
.freehost-tool-foot span{padding:0 4px}
.freehost-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.freehost-choice-grid .hosting-choice-card{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}
.freehost-choice-grid .hosting-choice-size{grid-row:auto;width:58px;height:58px}
.freehost-choice-grid .hosting-choice-card .btn{align-self:end}
@media(max-width:991.98px){.freehost-hero-layout{grid-template-columns:1fr;gap:2rem}.freehost-tool-visual{max-width:610px;transform:none}}
@media(max-width:991.98px){.freehost-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.freehost-tool-grid{gap:7px}.freehost-tool-grid span{padding:10px 8px;font-size:.78rem}.freehost-tool-foot{font-size:.74rem}.freehost-tool-visual{border-radius:18px}}
@media(max-width:767.98px){.freehost-choice-grid{grid-template-columns:1fr}}