.hosting-page{background:#fff;color:#171717}
.hosting-page .site-header .services-toggle{color:#0054f9}
.hosting-page .service-menu-link[aria-current=page],.hosting-page .mobile-service-link[aria-current=page]{color:#0054f9}
.host-wrap{margin-inline:clamp(24px,5vw,100px)}
.host-section{padding-block:110px}
.host-kicker{font-size:11px;line-height:1.5;color:#0054f9;margin-bottom:25px}
.host-section h2{font-size:clamp(42px,4.8vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.04}
.host-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}
.host-heading>p{font-size:14px;line-height:1.75;color:#6f7379;max-width:390px;padding-bottom:5px}
.hosting-page .text-link{font-size:12px}
.hosting-page .text-link .icon{width:17px;height:17px}

.host-hero{min-height:790px;padding-top:140px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.host-hero h1{font-size:clamp(52px,5.5vw,88px);font-weight:400;line-height:1.01;letter-spacing:-.06em;white-space:nowrap}
.host-hero h1 span{color:#0054f9}
.host-hero-lead{font-size:23px;letter-spacing:-.02em;line-height:1.4;margin-top:30px}
.host-hero-detail{font-size:14px;line-height:1.75;color:#737373;max-width:390px;margin-top:17px}
.host-hero .button{margin-top:28px;font-size:12px;padding:18px 22px;gap:32px}
.host-hero-down{font-size:11px;display:flex;align-items:center;gap:30px;width:max-content;margin-top:30px;color:#6c6c6c}
.host-hero-art{height:535px;position:relative;background:#eaf1ff;overflow:hidden;isolation:isolate;padding:58px 7% 35px}
.host-art-grid{position:absolute;inset:0;background-image:linear-gradient(#c6d9fa75 1px,transparent 1px),linear-gradient(90deg,#c6d9fa75 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,transparent 20%,#0007);z-index:-1}
.host-art-window{background:#fff;box-shadow:15px 18px 0 #cbdcf8,0 18px 32px #123e7e15;border:1px solid #cbd9ef;transform:rotate(-2deg);animation:host-float 7s ease-in-out infinite;max-width:580px;margin:auto}
.host-art-toolbar{height:53px;padding:0 20px;border-bottom:1px solid #e2e8f2;display:flex;align-items:center;justify-content:space-between;gap:10px}
.host-art-toolbar>span:first-child{display:flex;gap:5px}.host-art-toolbar i{display:block;width:5px;height:5px;background:#b7c5dc;border-radius:50%}
.host-art-toolbar small{font-size:9px;letter-spacing:.1em;color:#7d8da8}
.host-art-live{font-size:8px;letter-spacing:.06em;color:#0054f9;display:flex;align-items:center;gap:6px;white-space:nowrap}
.host-art-live b{width:6px;height:6px;border-radius:50%;background:#0054f9;box-shadow:0 0 0 4px #0054f91f;animation:host-pulse 2.8s ease-in-out infinite}
.host-art-content{padding:28px 25px 33px}
.host-art-head span{font-size:10px;color:#0054f9}.host-art-head strong{display:block;font-size:26px;line-height:1.2;letter-spacing:-.045em;font-weight:400;margin-top:10px;margin-bottom:24px}
.host-art-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #e4eaf4}
.host-art-symbol{background:#eaf1ff;color:#0054f9;width:36px;height:36px;flex:none;display:grid;place-items:center}
.host-art-symbol svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}
.host-art-row strong,.host-art-row small{display:block}.host-art-row strong{font-size:13px;font-weight:500}.host-art-row small{font-size:10px;color:#8390a5;margin-top:3px}
.host-art-state{font-size:8px;color:#0054f9;margin-left:auto;white-space:nowrap;letter-spacing:.04em}
.host-art-note{display:flex;justify-content:space-between;gap:20px;margin-top:35px;font-size:10px;color:#6d83a7}
@keyframes host-float{50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes host-pulse{50%{box-shadow:0 0 0 8px #0054f908}}

.host-promise{background:#171717;color:#fff}
.host-promise .host-kicker{color:#8cb5ff}.host-promise .host-heading>p{color:#b5b5b5}
.host-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.host-benefits article{border-top:1px solid #555;padding-top:22px}
.host-benefit-icon{height:160px;display:flex;align-items:center;color:#78a6ff}
.host-benefit-icon .process-dots{display:block;width:230px;height:153px;max-width:100%;overflow:visible;color:#78a6ff}
.host-benefit-icon .process-dot.dot-soft{fill:#568cef}
.host-benefit-icon .process-dot.dot-faint{fill:#3c68bd}
.host-benefits article>span:nth-child(2){font-size:10px;color:#8cb5ff}
.host-benefits h3{font-size:28px;line-height:1.15;letter-spacing:-.035em;font-weight:400;margin:17px 0 12px}
.host-benefits p{font-size:13px;line-height:1.7;color:#aaa;max-width:315px}

.host-pricing{background:#f1f5fc}
.host-plan-list{border-top:1px solid #cbd8eb}
.host-plan{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:20px;border-bottom:1px solid #cbd8eb;align-items:center;padding:26px 0;transition:background .3s,padding .3s}
.host-plan:hover{background:#fff;padding-inline:20px}
.host-plan-num{font-size:10px;color:#0054f9;align-self:start;margin-top:8px}
.host-plan-body h3{font-size:clamp(22px,2.2vw,32px);font-weight:400;letter-spacing:-.035em;line-height:1.15}
.host-plan-body p{font-size:12px;line-height:1.55;color:#68768b;margin-top:7px}
.host-plan-type{display:block;font-size:10px;color:#0054f9;margin-top:15px}
.host-plan-end{min-width:205px;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:5px}
.host-plan-end>strong{font-size:clamp(27px,3vw,42px);font-weight:400;letter-spacing:-.045em;line-height:1}
.host-plan-end>small{font-size:11px;color:#7d8ba1}
.host-plan-end>a{grid-column:1/-1;display:inline-flex;align-items:center;gap:30px;width:max-content;border-bottom:1px solid #171717;padding:13px 0 7px;font-size:11px;margin-top:9px}
.host-plan-end>a .icon{width:15px;height:15px}
.host-plan-end>a:hover{color:#0054f9;border-color:#0054f9}
.host-pricing-note{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:start;background:#0054f9;color:#fff;padding:30px 34px;margin-top:36px}
.host-pricing-note strong{font-size:20px;font-weight:400;letter-spacing:-.025em;max-width:220px;line-height:1.3}
.host-pricing-note p{font-size:12px;line-height:1.7;color:#dce8ff;max-width:450px}
.host-pricing-note .text-link{color:#fff;border-color:#fff;white-space:nowrap}
.host-price-fine{color:#71809a;font-size:11px;line-height:1.6;margin-top:17px}

.host-changes{background:#fff}
.host-changes-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}
.host-changes h2 span{color:#0054f9}
.host-changes-layout>div:first-child>p:not(.host-kicker){font-size:14px;line-height:1.8;color:#737373;max-width:390px;margin:26px 0}
.host-change-board{background:#f1f5fc;border:1px solid #d5e1f3;box-shadow:14px 14px 0 #e4edfc;padding:30px 32px}
.host-change-top{display:flex;justify-content:space-between;gap:15px;color:#0054f9;font-size:9px;letter-spacing:.09em;padding-bottom:18px;border-bottom:1px solid #cbd9ed}
.host-change-item{display:grid;grid-template-columns:34px 1fr 25px;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #cbd9ed}
.host-change-item>span:first-child{font-size:10px;color:#0054f9}
.host-change-item strong{display:block;font-size:22px;font-weight:400;letter-spacing:-.03em}
.host-change-item small{display:block;color:#71809a;font-size:11px;margin-top:5px;line-height:1.5}
.host-change-mark{color:#0054f9;font-size:20px;transition:transform .3s}.host-change-item:hover .host-change-mark{transform:translate(3px,-3px)}
.host-change-board>p{font-size:10px;color:#71809a;line-height:1.6;margin-top:19px}

.host-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;border-top:1px solid #e4e4e4}
.host-faq>div:first-child{position:sticky;top:125px;align-self:start}
.host-faq .text-link{display:inline-flex;margin-top:30px}
.host-faq .answer-item summary{font-size:clamp(16px,1.3vw,21px);line-height:1.4;padding:26px 0}
.host-faq .answer-body p{font-size:14px;line-height:1.8;color:#666}

@media(max-width:1100px){.host-section{padding-block:85px}.host-hero{min-height:710px}.host-hero h1{font-size:5.6vw}.host-hero-art{height:480px;padding-top:45px}.host-pricing-note{grid-template-columns:1fr 1.5fr}.host-pricing-note .text-link{grid-column:1/-1}}
@media(max-width:850px){.host-hero,.host-changes-layout,.host-faq{grid-template-columns:1fr}.host-hero{padding-top:135px;gap:45px}.host-hero h1{font-size:clamp(52px,8vw,78px)}.host-hero-art{width:100%;max-width:670px}.host-changes-layout{gap:45px}.host-change-board{max-width:670px}.host-faq>div:first-child{position:static}.host-benefits{gap:20px}.host-benefits h3{font-size:24px}}
@media(max-width:650px){.host-section{padding-block:70px}.host-heading{display:block;margin-bottom:35px}.host-heading>p{margin-top:22px}.host-section h2{font-size:clamp(39px,9.2vw,57px)}.host-hero{min-height:0;padding-top:125px;padding-bottom:70px;gap:42px}.host-hero h1{font-size:clamp(43px,10vw,62px);white-space:normal}.host-hero-lead{font-size:21px}.host-hero-art{height:405px;padding:35px 7% 20px}.host-art-content{padding:18px}.host-art-head strong{font-size:22px;margin-bottom:14px}.host-art-row{padding:10px 0}.host-art-row small{font-size:9px}.host-art-symbol{width:30px;height:30px}.host-art-symbol svg{width:19px;height:19px}.host-art-note{margin-top:20px}.host-benefits{grid-template-columns:1fr;gap:30px}.host-benefit-icon{height:135px}.host-benefit-icon .process-dots{width:200px;height:133px}.host-benefits h3{font-size:27px}.host-plan{grid-template-columns:38px 1fr;gap:8px 12px;padding:22px 0}.host-plan:hover{padding-inline:0;background:transparent}.host-plan-end{grid-column:2;min-width:0;margin-top:4px}.host-plan-end>strong{font-size:32px}.host-plan-end>a{margin-top:1px}.host-pricing-note{grid-template-columns:1fr;padding:25px;gap:14px}.host-pricing-note .text-link{grid-column:1}.host-change-board{padding:22px}.host-change-item strong{font-size:19px}.host-faq{gap:30px}.host-faq .answer-item summary{font-size:16px;padding:23px 0}}
@media(max-width:360px){.host-hero-art{height:390px}.host-art-window{transform:none;animation:none}.host-art-live{font-size:7px}.host-art-toolbar{padding:0 12px}.host-art-row{gap:8px}.host-art-state{font-size:7px}.host-change-top{font-size:8px}}
@media(prefers-reduced-motion:reduce){.host-art-window,.host-art-live b{animation:none}.host-plan,.host-change-mark{transition:none}}
@media(prefers-reduced-motion:no-preference){.host-motion-ready [data-host-reveal]{opacity:.6;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease,background .3s,padding .3s}.host-motion-ready [data-host-reveal].is-visible{opacity:1;transform:none}}