/* Hosting service: TLHOST introduction and an illustrative operations view. */
.hosting-illustration{margin:0;min-width:0;padding-top:12px}
.hosting-console{border:1px solid #d0ddd4;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 18px 35px #12233408}
.hosting-console-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;background:#eaf0ec;border-bottom:1px solid #d4e0d8;font-size:10px;color:#526f5e}
.traffic-light{display:inline-flex;gap:6px;align-items:center}
.traffic-light i{display:block;width:7px;height:7px;border-radius:50%}
.traffic-light i:first-child{background:#b86459}.traffic-light i:nth-child(2){background:#c9a551}.traffic-light i:last-child{background:#518a6d}
.hosting-console-body{padding:28px 27px 9px}
.hosting-figure-label{display:block;font-size:9px;letter-spacing:1.5px;color:var(--green);font-weight:650}
.hosting-console-body>strong{display:block;font-size:25px;letter-spacing:-.8px;margin:15px 0 12px}
.hosting-console-body>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 24px}
.hosting-flow{list-style:none;padding:0;margin:0}
.hosting-flow li{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:18px 0}
.hosting-flow li>span{display:grid;place-items:center;border:1px solid #d5e3da;background:var(--paper);border-radius:5px;width:31px;height:33px;font-size:10px;color:var(--green);flex-shrink:0}
.hosting-flow strong{display:block;font-size:14px;font-weight:650;margin-bottom:8px}
.hosting-flow small{font-size:11px;color:var(--muted);line-height:1.8}
.hosting-status-key{display:flex;align-items:center;gap:21px;background:var(--navy);padding:20px 25px;color:#fff;font-size:11px}
.hosting-status-key>span{display:flex;align-items:center;gap:7px}
.hosting-status-key i{width:6px;height:6px;border-radius:50%}
.status-green{background:#8ed8b8}.status-amber{background:#e9c279}.status-red{background:#e79388}
.hosting-status-key small{font-size:9px;color:#b7c9c4;margin-left:auto}
.hosting-illustration figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:9px;color:#64766c;line-height:1.8}
.hosting-illustration figcaption span{flex-shrink:0}
.hosting-brand-panel{display:grid;grid-template-columns:.85fr 1.5fr;gap:64px;align-items:center}
.hosting-brand-name{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:38px 32px}
.hosting-brand-name .eyebrow{font-size:9px;letter-spacing:1.35px;margin:0 0 31px}
.brand-lights{gap:7px;margin-bottom:14px}.brand-lights i{width:8px;height:8px}
.hosting-brand-name .tlhost-wordmark{font-size:49px;font-weight:800;letter-spacing:-2.3px;line-height:1.2;margin:0 0 19px}
.tlhost-wordmark span{color:var(--green)}
.hosting-brand-name>p:not(.eyebrow):not(.tlhost-wordmark){font-size:19px;font-weight:650;margin:0 0 13px;letter-spacing:-.4px}
.hosting-brand-name>span:last-child{font-size:11px;color:var(--muted);line-height:1.8}
.hosting-brand-copy h2{font-size:31px;line-height:1.5;letter-spacing:-1.25px;margin:0 0 23px}
.hosting-brand-copy p{color:var(--muted);font-size:14px;line-height:1.95;margin:0 0 16px}
.hosting-brand-link{display:inline-flex;gap:29px;align-items:center;font-size:14px;font-weight:650;color:var(--green);border-bottom:1px solid #85aa95;padding:12px 0 9px;margin-top:3px}
.hosting-brand-link:hover{border-color:var(--green)}
.hosting-brand-url{display:block;font-size:11px;color:var(--muted);margin-top:13px}
.hosting-features article{border-color:#cbdacf}.hosting-features p{color:#566c60}
.hosting-vps-band{background:#f4f6f8;border-block:1px solid var(--line)}
.hosting-vps-intro{max-width:770px;margin:0 0 35px;font-size:15px;line-height:1.95;color:var(--muted);word-break:keep-all}
.hosting-vps-band .hosting-brand-link{margin-top:23px}
.hosting-note{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid var(--line);padding-top:28px;margin-top:16px}
.hosting-note h3{font-size:17px;line-height:1.8;letter-spacing:-.5px;margin:0;word-break:keep-all}
.hosting-note p{font-size:13px;color:var(--muted);line-height:1.95;margin:0;word-break:keep-all}
.hosting-support-band{background:#f7f8f6}
.hosting-related{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.hosting-related a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;border:1px solid #ccdbcf;border-radius:7px;background:#eef5ef}
.hosting-related small{display:block;font-size:11px;color:#61796a;line-height:1.8;margin-bottom:8px}
.hosting-related strong{font-size:16px;letter-spacing:-.4px;color:var(--green)}
.hosting-related a>span:last-child{font-size:25px;color:var(--green)}
.hosting-related a:hover{background:#e2eee5}
.hosting-page .contact h2{font-size:35px}
.hosting-page .contact-heading>p{flex-shrink:0}
@media(max-width:1100px){.hosting-console-body{padding:25px 23px 6px}.hosting-status-key{padding:20px 23px;gap:16px}.hosting-brand-panel{gap:38px;grid-template-columns:.9fr 1.5fr}.hosting-brand-name{padding:32px 27px}.hosting-brand-name .tlhost-wordmark{font-size:43px}.hosting-brand-copy h2{font-size:28px}.hosting-page .contact h2{font-size:30px}}
@media(max-width:850px) and (min-width:721px){.hosting-console-top{padding:16px;font-size:9px}.hosting-console-body{padding:24px 19px 5px}.hosting-console-body>strong{font-size:22px}.hosting-flow li{gap:12px}.hosting-flow strong{font-size:13px}.hosting-flow small{font-size:10px}.hosting-status-key{padding:18px 17px;gap:13px;font-size:10px}.hosting-status-key small{font-size:8px}.hosting-brand-panel{gap:28px}.hosting-brand-name{padding:29px 22px}.hosting-brand-name .eyebrow{font-size:7px}.hosting-brand-name .tlhost-wordmark{font-size:35px}.hosting-brand-copy h2{font-size:25px}.hosting-illustration figcaption{font-size:8px}.hosting-related a{padding:22px}.hosting-related strong{font-size:14px}.hosting-page .contact h2{font-size:28px}}
@media(max-width:720px){.hosting-illustration{padding:0;margin:38px auto 0;max-width:440px}.hosting-console-top{padding:16px 19px}.hosting-console-body{padding:25px 22px 7px}.hosting-console-body>strong{font-size:24px}.hosting-flow li{gap:13px;padding:18px 0}.hosting-flow strong{font-size:14px}.hosting-flow small{font-size:11px}.hosting-status-key{padding:20px 21px;gap:17px}.hosting-status-key small{font-size:8px}.hosting-illustration figcaption{font-size:8px}.hosting-brand-panel{grid-template-columns:1fr;gap:30px}.hosting-brand-name{padding:30px}.hosting-brand-name .eyebrow{font-size:8px;margin-bottom:23px}.hosting-brand-name .tlhost-wordmark{font-size:45px;margin-bottom:15px}.hosting-brand-name>p:not(.eyebrow):not(.tlhost-wordmark){font-size:18px}.hosting-brand-copy h2{font-size:27px;margin-bottom:19px}.hosting-note{grid-template-columns:1fr;gap:14px;padding-top:25px;margin-top:31px}.hosting-note h3{font-size:18px}.hosting-note p{font-size:14px}.hosting-related{grid-template-columns:1fr;gap:15px}.hosting-related a{padding:23px 22px}.hosting-related strong{font-size:15px}.hosting-page .contact h2{font-size:29px}.hosting-page .contact-heading>p{font-size:13px}}
@media(max-width:360px){.hosting-console-body{padding-inline:19px}.hosting-console-top{font-size:9px}.hosting-status-key{padding-inline:18px;gap:13px;font-size:10px}.hosting-status-key small{font-size:8px}.hosting-brand-copy h2{font-size:25px}.hosting-page .contact h2{font-size:26px}}