@charset "UTF-8";
/* Only the retained banner and targeted functional/responsive fixes. Original designer section CSS remains authoritative. */
.host-hero h1 span{color:#0353ac}
.host-hero{padding:200px 0 108px;background:radial-gradient(ellipse at 85% 35%,#bbdef3 0%,transparent 48%),linear-gradient(#d3e5ff,#e6f0fa 75%,#f5f8f7);overflow:hidden}
.host-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:56px}
.host-hero h1{margin:22px 0 28px}
.host-hero-copy>p.text-md{max-width:590px}
.host-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 24px}
.host-from{color:#032d67;font-size:18px}
.host-from strong{font-weight:800;font-size:25px}
.host-hero-checks{display:flex;flex-wrap:wrap;gap:12px 20px;padding:0;margin:24px 0 0;list-style:none;color:#37536c;font-size:14px;font-weight:600}
.host-hero-checks li:before{content:'\2713';color:#0db5e9;margin-right:7px}
.host-hero-visual{position:relative;min-width:0;padding:20px 0 50px}
.host-orbit{position:absolute;width:480px;height:480px;max-width:100%;border:1px solid #8ebcde65;border-radius:50%;top:-40px;left:0;box-shadow:0 0 0 40px #afcee725,0 0 0 80px #afcee715}
.host-screen{position:relative;border:7px solid #fff;border-radius:24px;background:#fff;box-shadow:0 25px 65px #032d6730;transform:perspective(1400px) rotateY(-9deg) rotateZ(2deg);overflow:hidden}
.host-screen-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 18px;color:#486884;font-size:11px;gap:8px}
.host-screen-dots{color:#9dcde5;letter-spacing:2px}
.host-screen img{display:block;width:100%;height:300px;object-fit:cover;object-position:top}
.host-visual-caption{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border-radius:20px;padding:19px 22px;margin:0 24px -25px;box-shadow:0 14px 30px #032d6712;font-size:14px;color:#596c7f}
.host-visual-caption strong{font-size:18px;color:#032d67}
@media(max-width:1199px){.host-hero{padding-top:150px}
.host-hero-grid{gap:30px}
.host-screen img{height:250px}
}
@media(max-width:991px){.host-hero-grid{grid-template-columns:1fr}
.host-hero-copy{max-width:700px}

.host-hero-visual{max-width:620px;width:100%;margin:15px auto 0;padding-bottom:10px}
.host-screen img{height:300px}
.host-hero{padding-bottom:100px}
}
@media(max-width:575px){.host-hero{padding:125px 0 90px}
.host-hero h1{margin-top:16px}
.host-hero .section__subtitle{font-size:15px}

.host-hero-actions{gap:10px;margin:25px 0 20px}
.host-hero-actions .theme-btn{padding:14px 19px;font-size:14px}
.host-hero-checks{gap:8px 14px;font-size:12px}
.host-hero-visual{margin:8px 0 0;padding-top:10px}
.host-screen{border-width:5px;border-radius:18px;transform:none}
.host-screen-bar{font-size:9px;padding-bottom:10px}
.host-screen img{height:205px}
.host-visual-caption{margin:0 12px -20px;padding:15px;font-size:12px}
.host-visual-caption strong{font-size:16px}
.host-orbit{height:300px;top:0}
}
/* The original designer's sections retain their own sizes, colours, cards and spacing. */
.designer-hosting .host-hero h1 span{color:#0353ac}.designer-hosting .host-hero .section__subtitle{color:#032d67}.designer-hosting .host-hero .theme-btn{white-space:normal;text-align:center}.designer-hosting .host-from [data-host-cycle]{font-size:16px}.designer-hosting .pricing__price small{font-size:15px;margin-left:5px;letter-spacing:0}.designer-hosting .pricing__price h3:has([data-host-cycle]:empty){font-size:24px}.designer-hosting .pricing__card{display:flex;flex-direction:column;min-width:0}.designer-hosting .pricing__features{flex:1}.designer-hosting .pricing__price h3{font-size:46px}.designer-hosting .pricing__price [data-host-price]{margin-bottom:0}.designer-hosting .pricing__price [data-host-cycle]{white-space:nowrap}.designer-hosting .theme-btn{white-space:normal;text-align:center}.designer-hosting .plan-finder__inner-tab-content>*{min-width:0}.designer-hosting .plan-finder__spec{gap:12px}.designer-hosting #designer-plan-quiz label{color:#032d67}.designer-hosting .app-card[data-setup-app]{width:100%;border:2px solid transparent;text-align:inherit;cursor:pointer}.designer-hosting .app-card[data-setup-app][aria-pressed=true]{border-color:#0db5e9}.designer-hosting .app-card p{color:inherit}.designer-hosting .performance__latency-unit{margin-left:12px}.designer-hosting .performance__latency-comment:empty{display:none}.designer-hosting .performance__compliant p{font-size:14px}.designer-hosting .performance__card .card__spec{gap:12px}.designer-hosting .dashboard__demo{max-width:1050px;margin:auto;overflow:hidden;border-radius:24px}.designer-hosting [hidden]{display:none!important}.designer-hosting #designer-faq-empty{grid-column:1/-1}.designer-hosting .faq__thumb{grid-column:2;grid-row:1}.designer-hosting [id]{scroll-margin-top:25px}.designer-hosting :focus-visible{outline:3px solid #0db5e9;outline-offset:4px}
@media(max-width:1199px){.designer-hosting .pricing__card{padding:28px}.designer-hosting .pricing__price h3{font-size:36px}.designer-hosting .overview__wrapper{gap:20px}.designer-hosting .overview__item{min-width:0}.designer-hosting .card__spec span:last-child{text-align:right}}
@media(max-width:767px){.designer-hosting [data-aos]{opacity:1!important;transform:none!important}.designer-hosting .overview__wrapper{display:grid!important;grid-template-columns:1fr 1fr;gap:25px;padding:25px 18px}.designer-hosting .overview__desc{font-size:13px}.designer-hosting .overview__title{font-size:17px}.designer-hosting .plan-finder__intro{align-items:flex-start!important}.designer-hosting .plan-finder__price h6{line-height:1.7}.designer-hosting .performance__latency{flex-wrap:wrap}.designer-hosting .performance__latency-location{white-space:normal!important}.designer-hosting .performance__card .card__spec{font-size:13px}.designer-hosting .faq__thumb{grid-column:auto;grid-row:auto}.designer-hosting #designer-faq-empty{grid-column:auto}.designer-hosting .domain-checking__server{font-size:13px}}
@media(max-width:575px){.designer-hosting .pricing__price h3{font-size:46px}.designer-hosting .domain-checking__wrapper{padding:25px 20px}.designer-hosting .plan-finder__spec{flex-wrap:wrap}.designer-hosting .performance__card{min-width:0}.designer-hosting .plan-finder__inner-tabs{grid-template-columns:1fr 1fr}.designer-hosting .plan-finder__inner-tab{padding:18px 10px}.designer-hosting .plan-finder__inner-tab h6{font-size:12px}.designer-hosting .app-card[data-setup-app]{text-align:center}}
/* Restored feature strip and compact domain entry; original comparison CSS is unchanged. */
.designer-hosting .host-overview-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0;padding:32px}.host-overview-grid>div{text-align:center;padding:0 18px;border-right:1px solid #d7e0e9}.host-overview-grid>div:last-child{border:0}.host-overview-grid strong,.host-overview-grid span{display:block}.host-overview-grid strong{color:#032d67;font-size:21px;margin-bottom:7px}.host-overview-grid span{font-size:14px;color:#687a8c}.designer-hosting .compact-knox-search{padding-top:24px}.designer-hosting .compact-knox-search .domain-checking__wrapper{display:flex;align-items:center;gap:25px;margin:0;padding:18px 24px;border-radius:20px;box-shadow:none;border:1px solid #dce5ed}.compact-knox-label{flex-shrink:0}.compact-knox-label strong,.compact-knox-label span{display:block}.compact-knox-label strong{font-size:16px;color:#032d67}.compact-knox-label span{font-size:12px;color:#687a8c}.compact-knox-search form{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.compact-knox-search input{min-width:0;flex:1;border:1px solid #dbe5ed;border-radius:30px;padding:12px 18px;background:#f5f8f7;font-size:16px}.compact-knox-search button{padding:13px 24px;font-size:14px}.designer-hosting .toggle{cursor:pointer;margin:24px auto 0;width:max-content;max-width:100%}.designer-hosting .toggle__input:disabled~span{opacity:.6}.designer-hosting .toggle__input:focus-visible~.toggle__switch{outline:3px solid #0db5e9;outline-offset:4px}.designer-hosting .compare__table{min-width:740px}.designer-hosting .compare__table small{font-size:12px;white-space:nowrap}.designer-hosting .compare__table [data-host-price]{white-space:nowrap}
@media(max-width:991px){.designer-hosting .host-overview-grid{grid-template-columns:repeat(2,1fr);gap:24px}.host-overview-grid>div:nth-child(2){border:0}.host-overview-grid strong{font-size:18px}}
@media(max-width:575px){.designer-hosting .host-overview-grid{padding:25px 10px;gap:22px 0}.host-overview-grid>div{padding:0 8px}.host-overview-grid strong{font-size:16px}.host-overview-grid span{font-size:12px}.designer-hosting .compact-knox-search .domain-checking__wrapper{display:block;padding:16px;border-radius:18px}.compact-knox-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.compact-knox-label strong{font-size:14px}.compact-knox-search form{gap:7px}.compact-knox-search input{width:0;padding:11px 12px;font-size:14px}.compact-knox-search button{padding:12px 15px;font-size:12px}.designer-hosting .compare__wrapper{padding:18px}.designer-hosting .compare__table-container{border-radius:16px}}

/* Original designer server racks, softened behind the existing banner. */
.designer-hosting .host-hero{background:linear-gradient(180deg,rgba(211,229,255,.97) 0%,rgba(218,235,250,.9) 35%,rgba(230,240,250,.88) 75%,#f5f8f7 100%),url('/dev-v2/page-assets/img/backgrounds/web-hosting-hero-bg.webp') center center/cover no-repeat}

/* Hosting-only navigation and existing designer icons / mini Knox. */
@media(min-width:1200px){.designer-hosting .header .header__menu>.header__menu-item>.header__link{color:#032d67;font-weight:600}.designer-hosting .header .header__menu>.header__menu-item>.header__link:hover,.designer-hosting .header .header__menu>.header__menu-item>.header__link:focus-visible{color:#005bb9}}
.designer-hosting .host-overview-grid .host-feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#e5f6fc}
.host-feature-icon img{width:30px;height:30px;object-fit:contain}
.designer-hosting .compact-knox-search .domain-checking__wrapper{padding:18px 26px;gap:28px;background:linear-gradient(110deg,#eaf5ff,#fff 66%);border:1px solid #cbdfea;box-shadow:0 8px 24px rgba(3,45,103,.04)}
.designer-hosting .compact-knox-label{display:flex;align-items:center;gap:16px;margin:0;flex-shrink:1}
.designer-hosting .hosting-mini-knox{width:80px;height:80px;object-fit:contain;flex-shrink:0}
.designer-hosting .compact-knox-label strong{font-size:22px;line-height:1.25;margin:5px 0}
.designer-hosting .compact-knox-label .knox-mini-eyebrow{color:#075d88;font-weight:700;font-size:10px;letter-spacing:1.2px}
.designer-hosting .compact-knox-search form{padding:5px;border:1px solid #b6d5e6;border-radius:40px;background:#fff;gap:3px}
.designer-hosting .compact-knox-search input{border:0;background:transparent;padding:12px 15px;outline:none}
.designer-hosting .compact-knox-search form:focus-within{border-color:#0474b7;box-shadow:0 0 0 3px #bce9fa}
.designer-hosting .compact-knox-search button{white-space:nowrap;padding:14px 20px;gap:12px}
@media(max-width:991px){.designer-hosting .compact-knox-search .domain-checking__wrapper{flex-wrap:wrap;gap:16px}.designer-hosting .compact-knox-search form{flex-basis:100%}}
@media(max-width:575px){.designer-hosting .compact-knox-search .domain-checking__wrapper{padding:16px}.designer-hosting .compact-knox-label{justify-content:flex-start;gap:12px;margin-bottom:16px}.designer-hosting .hosting-mini-knox{width:64px;height:64px}.designer-hosting .compact-knox-label strong{font-size:19px}.designer-hosting .compact-knox-label span{font-size:12px}.designer-hosting .compact-knox-search input{padding:10px;font-size:13px}.designer-hosting .compact-knox-search button{padding:12px;font-size:12px;gap:6px}.designer-hosting .host-overview-grid .host-feature-icon{width:46px;height:46px;margin-bottom:10px}.host-feature-icon img{width:26px;height:26px}}