/* Indi Hosting: compact editorial image panels. This file has its own URL for cache refresh. */
.hosting-page .hosting-language[hidden]{display:none!important}
.hosting-page .hosting-main{max-width:none;padding:60px max(28px,calc((100vw - 1440px)/2)) 100px;background:radial-gradient(circle at 85% 8%,#0b2d60 0%,transparent 38%),#061329}
.hosting-page .hosting-hero{position:relative;display:block;max-width:1440px;min-height:460px;overflow:hidden;border:1px solid #2f5273;border-radius:24px;background:linear-gradient(100deg,#081d3a,#0d2b4f);padding:clamp(32px,4vw,64px)}
.hosting-page .hosting-copy{position:relative;z-index:2;width:min(65%,850px)}
.hosting-page .hosting-hero h1{font-size:clamp(36px,3.4vw,58px);margin:14px 0 25px;line-height:1.16}
.hosting-page .hosting-copy>p{font-size:clamp(15px,1vw,17px);line-height:1.72;margin:0 0 13px}
.hosting-page .hosting-hero-art{position:absolute;z-index:1;right:0;top:50%;transform:translateY(-50%);width:42%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0;box-shadow:none;opacity:.74;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
.hosting-page .hosting-copy .hosting-highlight{max-width:780px;padding:16px 20px;margin:21px 0 0;font-size:16px;border-color:#38b8d9;background:#124067ce;box-shadow:0 12px 35px #020b1880}
.hosting-page .hosting-facts{max-width:1440px;margin:34px auto 68px}
.hosting-page .hosting-pricing{max-width:1440px;margin:0 auto 42px}
.hosting-page .hosting-tiers{max-width:1440px;margin:auto;gap:18px}
.hosting-page .hosting-tier{position:relative;display:block;min-height:245px;overflow:hidden;padding:0;border-radius:18px;background:linear-gradient(100deg,#0d2441,#123051);border:1px solid #305676}
.hosting-page .hosting-tier:nth-child(even) img{order:initial}
.hosting-page .hosting-tier>img{position:absolute;right:0;top:0;width:35%;height:100%;min-height:0;object-fit:cover;object-position:center;opacity:.73;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.hosting-page .hosting-tier-copy{position:relative;z-index:1;width:69%;padding:28px clamp(28px,3vw,48px)}
.hosting-page .hosting-tier h3{font-size:clamp(25px,2vw,34px);margin:9px 0 12px}
.hosting-page .hosting-tier p{font-size:16px;line-height:1.65;margin:0}
.hosting-page .hosting-tier-copy>strong{margin-top:15px;font-size:22px}
.hosting-page .hosting-policy{max-width:1440px;margin:35px auto 0}
@media(max-width:1000px){.hosting-page .hosting-copy{width:72%}.hosting-page .hosting-hero-art{width:44%;opacity:.46}.hosting-page .hosting-tier>img{width:40%}}
@media(max-width:700px){.hosting-page .hosting-main{padding:22px 16px 70px}.hosting-page .hosting-hero{padding:28px 20px;min-height:0}.hosting-page .hosting-copy{width:100%}.hosting-page .hosting-hero-art{width:75%;opacity:.19;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.hosting-page .hosting-copy .hosting-highlight{font-size:15px}.hosting-page .hosting-facts{margin:22px auto 44px}.hosting-page .hosting-tier{min-height:0}.hosting-page .hosting-tier>img{width:65%;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.hosting-page .hosting-tier-copy{width:100%;padding:26px 22px}}

/* Prominent message, section markers and bordered comparison table. */
.hosting-page .hosting-copy>p.hosting-message{font-size:clamp(21px,1.7vw,28px);font-weight:800;line-height:1.55;color:#f1faff;letter-spacing:-.025em;margin:25px 0;padding-left:20px;border-left:4px solid #57e2f6;text-shadow:0 2px 12px #020b1b}
.hosting-page .hosting-kicker{display:block;font-size:clamp(19px,1.6vw,26px);line-height:1.3;letter-spacing:.045em;margin-bottom:14px}
.hosting-page .hosting-facts h2,.hosting-page .hosting-pricing h2{margin-top:12px}
.hosting-feature-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:28px}
.hosting-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;padding:12px 5px;border:1px solid #3a7396;border-radius:12px;background:linear-gradient(150deg,#16385d,#102948);text-align:center}
.hosting-feature-icon{display:block;width:64px;height:64px;background-image:url('../images/hosting-icons.svg');background-size:500% 100%;background-repeat:no-repeat}
.hosting-feature .icon-1{background-position:0 50%}.hosting-feature .icon-2{background-position:25% 50%}.hosting-feature .icon-3{background-position:50% 50%}.hosting-feature .icon-4{background-position:75% 50%}.hosting-feature .icon-5{background-position:100% 50%}
.hosting-feature strong{color:#eefaff;font-size:clamp(12px,1vw,16px);line-height:1.35;word-break:keep-all}
.hosting-page .hosting-pricing table{border-collapse:separate;border-spacing:0;border:2px solid #589dc1;border-radius:13px;overflow:hidden}
.hosting-page .hosting-pricing th,.hosting-page .hosting-pricing td{border-right:1px solid #477597;border-bottom:1px solid #477597;padding:20px 17px;font-size:clamp(17px,1.25vw,21px);line-height:1.45;vertical-align:middle}
.hosting-page .hosting-pricing tr>*:last-child{border-right:0}.hosting-page .hosting-pricing tbody tr:last-child>*{border-bottom:0}
.hosting-page .hosting-pricing thead th{font-size:clamp(18px,1.3vw,22px);background:#1b466c;color:#d4f8ff}
.hosting-page .hosting-pricing tbody tr:nth-child(odd){background:#102d4d}.hosting-page .hosting-pricing tbody tr:nth-child(even){background:#0e2540}
.hosting-page .hosting-pricing tbody th{white-space:nowrap}.hosting-page .hosting-pricing td strong{font-size:clamp(20px,1.45vw,25px)}
@media(max-width:1100px){.hosting-feature-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.hosting-page .hosting-copy>p.hosting-message{font-size:21px;padding-left:13px}.hosting-feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-page .hosting-pricing table{min-width:860px}.hosting-page .hosting-kicker{font-size:20px}}

.hosting-page .hosting-pricing-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin-bottom:12px}.hosting-page .hosting-pricing-heading h2{margin:0}.hosting-page .hosting-pricing-heading small{font-size:clamp(13px,1vw,16px);color:#b8d5e8;line-height:1.5}