@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400..700&family=Manrope:wght@600..800&display=swap");

:root{
  --venclo-yellow:#fffbb4;
  --venclo-cream:#fffee9;
  --venclo-charcoal:#272d2d;
  --venclo-canvas:#f8f8f8;
  --venclo-white:#fff;
  --venclo-muted:#272d2d;
  --venclo-line:#f8f8f8;
}

/* Keep the mobile FAQ on the neutral page surface; the homepage colour field
   can otherwise bleed into the section's top padding as a yellow strip. */
@media (max-width:760px){
  html.venclo-route-home body #support{
    background:#f8f8f8!important;
    background-color:#f8f8f8!important;
    background-image:none!important;
  }
  html.venclo-route-home body #support::before,
  html.venclo-route-home body #support::after{
    background:none!important;
  }
}

html,body,#root{background:var(--venclo-canvas)!important;color:var(--venclo-charcoal)!important}
body :where(h1,h2,h3,h4,h5,h6,strong,b):not(footer *){color:var(--venclo-charcoal)}
body :where(p,li,small):not(footer *){color:var(--venclo-muted)}
body :where(input,textarea,select):not(footer *){background:var(--venclo-white)!important;border-color:var(--venclo-line)!important;color:var(--venclo-charcoal)!important}
body :where(button,a)[class*="dark"],body :where(.bg-black,.bg-zinc-950,.bg-zinc-900):not(footer *){background-color:var(--venclo-charcoal)!important}
body :where(.bg-yellow-50,.bg-yellow-100,.hero-yellow-card){background-color:var(--venclo-yellow)!important}
header.site-main-header{color:var(--venclo-charcoal)!important}
header.site-main-header.is-fixed,header.site-main-header[data-fixed="true"]{background:rgba(248,248,248,.9)!important;backdrop-filter:blur(18px)}

/* One minimal hamburger treatment at every responsive breakpoint. */
html body #root header.site-main-header button[aria-label="Open menu"],
html body #root header.site-main-header button[aria-label="Open menu"]:is(:hover,:focus-visible,:active){
  width:2.75rem!important;
  height:2.75rem!important;
  min-width:2.75rem!important;
  min-height:2.75rem!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  border-color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  text-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  --tw-shadow:0 0 #0000!important;
  --tw-shadow-colored:0 0 #0000!important;
  --tw-ring-shadow:0 0 #0000!important;
  --tw-ring-offset-shadow:0 0 #0000!important;
}
html body #root header.site-main-header button[aria-label="Open menu"]::before,
html body #root header.site-main-header button[aria-label="Open menu"]::after{
  content:none!important;
  display:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* The resting navigation is an overlay everywhere; only the fixed state owns a surface. */
html body header.site-main-header:not(.fixed):not(.is-fixed):not([data-fixed="true"]){
  border-color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

@media(max-width:920px){
  html body header.site-main-header:not(.fixed):not(.is-fixed):not([data-fixed="true"]),
  html body header.site-main-header:not(.fixed):not(.is-fixed):not([data-fixed="true"]) > div,
  html body header.site-main-header:not(.fixed):not(.is-fixed):not([data-fixed="true"]) > nav,
  html body header.site-main-header:not(.fixed):not(.is-fixed):not([data-fixed="true"]) .site-main-header__inner{
    border-color:transparent!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body header.site-main-header:not(.fixed):not(.is-fixed):not([data-fixed="true"])::before,
  html body header.site-main-header:not(.fixed):not(.is-fixed):not([data-fixed="true"])::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
  }
  html body header.site-main-header:not(.fixed):not(.is-fixed):not([data-fixed="true"]) button[aria-label="Open menu"]{
    border-color:transparent!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  html body [role="dialog"][aria-label="Menu"]{
    background:#ffffff!important;
    background-color:#ffffff!important;
    background-image:none!important;
    box-shadow:0 18px 54px rgba(39,45,45,.16)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body div:has(> [role="dialog"][aria-label="Menu"]){
    background:rgba(39,45,45,.28)!important;
    background-color:rgba(39,45,45,.28)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    backdrop-filter:blur(4px)!important;
  }
}
html body header.site-main-header:not([data-venclo-header-search-open]) .venclo-header-search-toggle{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border-color:rgba(39,45,45,.3)!important;
  color:#272d2d!important;
  box-shadow:none!important;
  transition:background-color 200ms ease,border-color 200ms ease!important;
}
html body header.site-main-header:not([data-venclo-header-search-open]) .venclo-header-search-toggle:is(:hover,:focus-visible){
  background:#ffffff!important;
  background-color:#ffffff!important;
  border-color:#272d2d!important;
  color:#272d2d!important;
  box-shadow:none!important;
}
html body header.site-main-header:not([data-venclo-header-search-open]) .venclo-header-search-toggle svg{
  color:#272d2d!important;
  stroke:#272d2d!important;
}
html body header.site-main-header[data-venclo-header-search-open] .venclo-header-search-toggle{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border-color:rgba(39,45,45,.22)!important;
  color:#272d2d!important;
  box-shadow:none!important;
}
html body header.site-main-header[data-venclo-header-search-open] .venclo-header-search-toggle svg{
  color:#272d2d!important;
  stroke:#272d2d!important;
}
footer.site-footer{background:var(--venclo-charcoal)!important}
html.venclo-page-vps body #vps-section .hero-secondary-btn,
html.venclo-page-vps body #vps-section .hero-secondary-btn:is(:hover,:focus-visible,:active),
html.venclo-page-vps body #vps-section .vps-v2__hero-actions a:last-child,
html.venclo-page-vps body #vps-section .vps-v2__hero-actions a:last-child:is(:hover,:focus-visible,:active){
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html.venclo-page-vps body #vps-section :is(.hero-secondary-btn,.vps-v2__hero-actions a:last-child){border-color:rgba(39,45,45,.16)!important}
html.venclo-page-vps body #vps-section :is(.hero-secondary-btn,.vps-v2__hero-actions a:last-child):is(:hover,:focus-visible){border-color:rgba(39,45,45,.28)!important}

html.venclo-page-domains body .domains-v2__transfer > div > span{
  color:#fffbb4!important;
  -webkit-text-fill-color:#fffbb4!important;
  opacity:1!important;
}
html.venclo-page-domains body .domains-v2__transfer p{
  color:#fffee9!important;
  -webkit-text-fill-color:#fffee9!important;
  opacity:1!important;
}
html.venclo-page-domains body .domains-v2__transfer :is(h2,a,a span){
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}
html.venclo-page-domains body .domains-v2__transfer a{border-bottom-color:rgba(255,255,255,.72)!important}

html.venclo-page-domains body .domains-v2__search-row button,
html.venclo-page-domains body .domains-v2__search-row button:is(:hover,:focus-visible,:active){
  background:#272d2d!important;
  background-color:#272d2d!important;
  border-color:#272d2d!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html.venclo-page-domains body .domains-v2__search-row button *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  stroke:#ffffff!important;
}

/* Yellow is a highlight surface, not low-contrast display text. */
.vo-hero h1 .vo-hero__headline-line--yellow{
  width:max-content;
  max-width:100%;
  color:var(--venclo-charcoal)!important;
  -webkit-text-fill-color:var(--venclo-charcoal)!important;
  background:linear-gradient(180deg,transparent 72%,var(--venclo-yellow) 72%);
}


/* Keep the overall experience light: charcoal is an accent, not a page-sized field. */
.vw-partner__inner,.vm-bridge,.vo-faq__side,
body .venclo-growth-overview__card--dark,
body .venclo-seo-process__step:first-child{
  background:var(--venclo-cream)!important;
  color:var(--venclo-charcoal)!important;
}
.vw-partner__inner :where(h2,h3,p,span,a),.vm-bridge :where(h2,h3,p,span,a),
body .venclo-growth-overview__card--dark :where(h3,p,span),
body .venclo-seo-process__step:first-child :where(h3,p,span){
  color:var(--venclo-charcoal)!important;
  -webkit-text-fill-color:var(--venclo-charcoal)!important;
}
.vw-partner .vw-partner__inner .vw-kicker{
  color:var(--venclo-muted)!important;
  -webkit-text-fill-color:var(--venclo-muted)!important;
}
.vw-partner .vw-partner__inner h2,
.vw-partner .vw-partner__inner h2 span{
  color:var(--venclo-charcoal)!important;
  -webkit-text-fill-color:var(--venclo-charcoal)!important;
}
.vw-partner .vw-partner__inner>div p{
  color:var(--venclo-muted)!important;
  -webkit-text-fill-color:var(--venclo-muted)!important;
}
.vw-partner .vw-partner__inner .vw-button--light{
  background:var(--venclo-yellow)!important;
  color:var(--venclo-charcoal)!important;
  -webkit-text-fill-color:var(--venclo-charcoal)!important;
}

/* Present the company principles as one structured system, not three loose cards. */
.about-foundations .about-foundations__grid{
  gap:0!important;
  overflow:hidden!important;
  border:1px solid var(--venclo-line)!important;
  border-radius:1.5rem!important;
  background:var(--venclo-white)!important;
}
.about-foundations .about-foundations__grid article,
.about-foundations .about-foundations__grid article:nth-child(2),
.about-foundations .about-foundations__grid article:nth-child(3){
  display:flex!important;
  min-height:19rem!important;
  flex-direction:column!important;
  padding:2rem!important;
  border:0!important;
  border-right:1px solid var(--venclo-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
.about-foundations .about-foundations__grid article:last-child{border-right:0!important}
.about-foundations .about-foundations__grid span{
  background:var(--venclo-yellow)!important;
  color:var(--venclo-charcoal)!important;
}
.about-foundations .about-foundations__grid h3{
  margin-top:auto!important;
  padding-top:4rem!important;
}
.about-foundations .about-foundations__grid p{max-width:31rem!important}

@media(max-width:980px){
  .about-foundations .about-foundations__grid article,
  .about-foundations .about-foundations__grid article:nth-child(2),
  .about-foundations .about-foundations__grid article:nth-child(3){
    min-height:14rem!important;
    border-right:0!important;
    border-bottom:1px solid var(--venclo-line)!important;
  }
  .about-foundations .about-foundations__grid article:last-child{border-bottom:0!important}
  .about-foundations .about-foundations__grid h3{padding-top:2.5rem!important}
}

/* Give customer stories quiet structure without heavy floating cards. */
#venclo-home-testimonials .venclo-home-testimonial-card{
  box-sizing:border-box!important;
  flex:0 0 calc((min(1280px,100vw - 4rem) - 4rem)/3)!important;
  width:calc((min(1280px,100vw - 4rem) - 4rem)/3)!important;
  border:1px solid #f8f8f8!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  box-shadow:none!important;
}
#venclo-home-testimonials .venclo-home-testimonials__carousel{
  padding:0 .75rem!important;
}
#venclo-home-testimonials .venclo-home-testimonials__track{
  gap:1rem!important;
  margin:0!important;
  padding:.75rem 0!important;
}
@media(max-width:980px){
  #venclo-home-testimonials .venclo-home-testimonial-card{
    flex-basis:calc((100vw - 5rem)/2)!important;
    width:calc((100vw - 5rem)/2)!important;
  }
}
@media(max-width:640px){
  #venclo-home-testimonials .venclo-home-testimonials__carousel{
    width:calc(100% - 2rem)!important;
    max-width:calc(100% - 2rem)!important;
  }
  #venclo-home-testimonials .venclo-home-testimonial-card{
    flex-basis:calc(100vw - 3.5rem)!important;
    width:calc(100vw - 3.5rem)!important;
  }
}

/* Keep every footer social icon on the same Venclo-yellow interaction. */
footer.site-footer a[aria-label="Facebook"],
footer.site-footer a[aria-label="X"],
footer.site-footer a[aria-label="Instagram"]{
  color:#f8f8f8!important;
  -webkit-text-fill-color:#f8f8f8!important;
  transition:color 220ms ease!important;
}
footer.site-footer a[aria-label="Facebook"] :where(svg,path),
footer.site-footer a[aria-label="Instagram"] :where(svg,path){
  color:inherit!important;
  stroke:currentColor!important;
  transition:color 220ms ease,stroke 220ms ease!important;
}
footer.site-footer a[aria-label="Facebook"]:is(:hover,:focus-visible),
footer.site-footer a[aria-label="X"]:is(:hover,:focus-visible),
footer.site-footer a[aria-label="Instagram"]:is(:hover,:focus-visible){
  color:#fffbb4!important;
  -webkit-text-fill-color:#fffbb4!important;
}
footer.site-footer a[aria-label="Facebook"]:is(:hover,:focus-visible) :where(svg,path),
footer.site-footer a[aria-label="Instagram"]:is(:hover,:focus-visible) :where(svg,path){
  color:#fffbb4!important;
  stroke:#fffbb4!important;
}

/* Currency options: keep the quiet fill on the current selection only. */
html body #root header.site-main-header nav :is(.header-nav-link,.nav-hosting-trigger),
html body #root header.site-main-header .header-get-started-btn,
html body #root header.site-main-header button[aria-label="Select currency"]{
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  opacity:1!important;
}

html body #root header.site-main-header nav :is(.header-nav-link,.nav-hosting-trigger):is(:hover,:focus-visible),
html body #root header.site-main-header .header-get-started-btn:is(:hover,:focus-visible),
html body #root header.site-main-header button[aria-label="Select currency"]:is(:hover,:focus-visible){
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}

/* The consent shell must never become an opaque legal-page backdrop. */
html.venclo-page-legal body #root [aria-live="polite"]:has(> [role="dialog"][aria-label="Cookie consent"]){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html.venclo-page-legal body #root [role="dialog"][aria-label="Cookie consent"]{
  background:#f8f8f8!important;
  background-color:#f8f8f8!important;
  color:#272d2d!important;
}

html.venclo-page-legal body #root [aria-live="polite"] > [role="dialog"][aria-label="Cookie consent"] :is(div,p,ul,li,span){
  color:rgba(39,45,45,.72)!important;
  -webkit-text-fill-color:rgba(39,45,45,.72)!important;
}
html.venclo-page-legal body #root [aria-live="polite"] > [role="dialog"][aria-label="Cookie consent"] :is(.text-xl,.text-zinc-950){
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}
html.venclo-page-legal body #root [aria-live="polite"] > [role="dialog"][aria-label="Cookie consent"] a,
html.venclo-page-legal body #root [aria-live="polite"] > [role="dialog"][aria-label="Cookie consent"] a:is(:visited,:hover,:focus-visible,:active){
  border-color:rgba(39,45,45,.16)!important;
  background:transparent!important;
  background-color:transparent!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}
html.venclo-page-legal body #root [aria-live="polite"] > [role="dialog"][aria-label="Cookie consent"] button,
html.venclo-page-legal body #root [aria-live="polite"] > [role="dialog"][aria-label="Cookie consent"] button:is(:hover,:focus-visible,:active){
  border-color:#272d2d!important;
  background:#272d2d!important;
  background-color:#272d2d!important;
  color:#f8f8f8!important;
  -webkit-text-fill-color:#f8f8f8!important;
}

html body #root header.site-main-header button[aria-label="Select currency"]{
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
}

html body #root header.site-main-header div.relative > button[aria-label="Select currency"] ~ div[role="menu"] ul > li > button[role="menuitem"]{
  background:transparent!important;
  background-color:transparent!important;
}
html body #root header.site-main-header div.relative > button[aria-label="Select currency"] ~ div[role="menu"] ul > li > button[role="menuitem"]:is(:hover,:focus-visible){
  background:rgba(39,45,45,.032)!important;
  background-color:rgba(39,45,45,.032)!important;
}
html body #root header.site-main-header div.relative > button[aria-label="Select currency"] ~ div[role="menu"] ul > li > button[role="menuitem"][class*="bg-[#f8f8f8]"],
html body #root header.site-main-header div.relative > button[aria-label="Select currency"] ~ div[role="menu"] ul > li > button[role="menuitem"][class*="bg-[#f8f8f8]"]:is(:hover,:focus-visible){
  background:rgba(39,45,45,.10)!important;
  background-color:rgba(39,45,45,.10)!important;
}

/* Legal and SLA pages now share the same light system as the product pages. */
html:has(:is(#terms-section,#privacy-section,#cookies-section,#third-party-section,#gdpr-section,#sla-section)),
html:has(:is(#terms-section,#privacy-section,#cookies-section,#third-party-section,#gdpr-section,#sla-section)) body,
body:has(:is(#terms-section,#privacy-section,#cookies-section,#third-party-section,#gdpr-section,#sla-section)) #root{
  background:var(--venclo-canvas)!important;
  color:var(--venclo-charcoal)!important;
}
body :is(#terms-section,#privacy-section,#cookies-section,#third-party-section,#gdpr-section,#sla-section){background:var(--venclo-canvas)!important;color:var(--venclo-charcoal)!important}
body :is(#terms-section,#privacy-section,#cookies-section,#third-party-section,#gdpr-section,#sla-section) :where(section,article,aside,nav,table,thead,tbody,tr,td,th,details,summary){background-color:transparent!important;color:var(--venclo-charcoal)!important}
body :is(#terms-section,#privacy-section,#cookies-section,#third-party-section,#gdpr-section,#sla-section) :where(.bg-white,[class*="bg-zinc"],[class*="bg-neutral"]){background:var(--venclo-white)!important}
body :is(#terms-section,#privacy-section,#cookies-section,#third-party-section,#gdpr-section,#sla-section) :where(p,li,td){color:var(--venclo-muted)!important;-webkit-text-fill-color:var(--venclo-muted)!important}
body :is(#terms-section,#privacy-section,#cookies-section,#third-party-section,#gdpr-section,#sla-section) :where(h1,h2,h3,h4,h5,h6,strong,th,summary,a){color:var(--venclo-charcoal)!important;-webkit-text-fill-color:var(--venclo-charcoal)!important}

/* SLA typography: white headings with one consistent muted body tone. */
html.venclo-page-sla body #sla-section,
html.venclo-page-sla body #sla-section :where(section,article,aside,div,p,ul,ol,li,span,small,strong,b,a,table,thead,tbody,tr,td,th,details,summary,label){
  color:rgba(255,255,255,.74)!important;
  -webkit-text-fill-color:rgba(255,255,255,.74)!important;
}
html.venclo-page-sla body #sla-section :where(h1,h2,h3,h4,h5,h6),
html.venclo-page-sla body #sla-section :where(h1,h2,h3,h4,h5,h6) *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html.venclo-page-sla body #sla-section :where(svg,.lucide){
  color:rgba(255,255,255,.74)!important;
  stroke:currentColor!important;
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Shared service-hero display type. The homepage highlight remains unique;
   this only unifies type scale, weight, tracking and rhythm. */
html body #root :is(
  #web-hosting-section .webhost-v6,
  .product-editorial-hero,
  .domains-v2__hero,
  .vps-v2__hero,
  .vm-hero,
  .vw-hero,
  .vo-hero
) h1{
  font-family:inherit!important;
  font-size:clamp(70px,8.5vw,132px)!important;
  font-weight:700!important;
  line-height:.85!important;
  letter-spacing:-.025em!important;
  text-wrap:balance!important;
}

@media(min-width:901px) and (max-height:900px){
  html body #root :is(
    #web-hosting-section .webhost-v6,
    .product-editorial-hero,
    .domains-v2__hero,
    .vps-v2__hero,
    .vm-hero,
    .vw-hero,
    .vo-hero
  ) h1{
    font-size:clamp(70px,7.5vw,112px)!important;
    line-height:.86!important;
  }
}

@media(min-width:901px) and (max-height:760px){
  html body #root :is(
    #web-hosting-section .webhost-v6,
    .product-editorial-hero,
    .domains-v2__hero,
    .vps-v2__hero,
    .vm-hero,
    .vw-hero,
    .vo-hero
  ) h1{
    font-size:clamp(66px,7vw,102px)!important;
  }
}

@media(max-width:650px){
  html body #root :is(
    #web-hosting-section .webhost-v6,
    .product-editorial-hero,
    .domains-v2__hero,
    .vps-v2__hero,
    .vm-hero,
    .vw-hero,
    .vo-hero
  ) h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(52px,15vw,66px)!important;
    line-height:.88!important;
    white-space:normal!important;
    text-wrap:wrap!important;
  }
}


/* Legal library — unified light reading environment. */
html.venclo-page-legal,
html.venclo-page-legal body,
html.venclo-page-legal body main,
html.venclo-page-legal body main section,
html.venclo-page-legal body #root,
html.venclo-page-legal body #root > div,
html.venclo-page-legal body #root > div > :not(footer):not(.venclo-auth-modal){
  background:#f8f8f8!important;
  background-color:#f8f8f8!important;
  background-image:none!important;
  color:#272d2d!important;
}

html.venclo-page-legal body #root :where(h1,h2,h3,h4,h5,h6,strong,b):not(header *,footer *,.venclo-auth-modal *){
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}

html.venclo-page-legal body #root :where(p,li,small,span,time):not(header *,footer *,.venclo-auth-modal *){
  color:rgba(39,45,45,.72)!important;
  -webkit-text-fill-color:rgba(39,45,45,.72)!important;
}

html.venclo-page-legal body #root :where(hr,[role="separator"]):not(header *,footer *,.venclo-auth-modal *){
  border-color:rgba(39,45,45,.14)!important;
}

html.venclo-page-legal body #root main a{
  border-color:#fffbb4!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  text-decoration-color:#fffbb4!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:.18em!important;
}

html.venclo-page-legal body #root [role="dialog"][aria-label="Cookie consent"] button:last-of-type,
html.venclo-page-legal body #root [role="dialog"][aria-label="Cookie consent"] button:last-of-type:is(:hover,:focus-visible,:active){
  border:1px solid rgba(39,45,45,.16)!important;
  background:transparent!important;
  background-color:transparent!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}

/* Collapse grid columns that previously existed only for decorative numbers. */
html body .venclo-number-removed{
  grid-template-columns:minmax(0,1fr)!important;
}

html body .venclo-number-removed > :first-child{
  grid-column:1 / -1!important;
  min-width:0!important;
  width:100%!important;
}

/* Keep the homepage Venclo One feature balanced against its visual preview. */
html.venclo-route-home body #venclo-home-one .venclo-home-one__intro{
  display:none!important;
}

/* VPS hero handoff: keep the hero colour intact, then transition into the
   Bright Snow pricing section below the complete hero content. */
html.venclo-page-vps body #root #vps-section .vps-v2__hero{
  background:
    radial-gradient(ellipse at 83% 28%,rgba(255,251,180,.88) 0 14%,rgba(255,251,180,.34) 31%,transparent 52%),
    radial-gradient(ellipse at 18% 22%,rgba(255,254,233,.9) 0 16%,transparent 43%),
    linear-gradient(118deg,#f8f8f8 0%,#f8f8f8 40%,#fffee9 66%,#fffbb4 116%)!important;
}

html.venclo-page-vps body #root #vps-section .vps-v2__hero::after{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  height:clamp(72px,10vw,132px)!important;
  background:linear-gradient(180deg,rgba(248,248,248,0) 0%,rgba(248,248,248,.42) 54%,#f8f8f8 100%)!important;
  content:""!important;
  pointer-events:none!important;
}

html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6{
  position:relative!important;
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  margin-top:0!important;
  padding:clamp(48px,5vw,72px) clamp(18px,3.25vw,48px) 22px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(39,45,45,.12)!important;
  background-color:#f8f8f8!important;
  background-image:none!important;
}

html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 > h3{
  max-width:620px!important;
  margin:0!important;
  font-size:clamp(2rem,3vw,3rem)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}

html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 > h3 + p{
  max-width:560px!important;
  margin-top:.7rem!important;
  font-size:.95rem!important;
  line-height:1.55!important;
}

html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 > div{
  justify-content:flex-start!important;
  margin-top:1.45rem!important;
}

html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 .billing-cycle-toggle + div{
  position:absolute!important;
  top:clamp(56px,5.5vw,80px)!important;
  right:clamp(18px,3.25vw,48px)!important;
  bottom:auto!important;
  max-width:360px!important;
  text-align:right!important;
  line-height:1.45!important;
}

html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 + .mt-5{
  position:relative!important;
  z-index:4!important;
  width:100vw!important;
  margin-top:-67px!important;
  margin-bottom:18px!important;
  margin-left:calc(50% - 50vw)!important;
  padding-right:clamp(18px,3.25vw,48px)!important;
  pointer-events:none!important;
}

html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 + .mt-5 > button{
  pointer-events:auto!important;
}

@media(max-width:767px){
  html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6{
    width:100vw!important;
    padding-right:20px!important;
    padding-bottom:18px!important;
    padding-left:20px!important;
  }

  html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 > h3{
    font-size:clamp(1.8rem,9vw,2.35rem)!important;
  }

  html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 > div{
    display:grid!important;
    justify-content:stretch!important;
    gap:.85rem!important;
  }

  html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 .billing-cycle-toggle{
    width:max-content!important;
  }

  html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 .billing-cycle-toggle + div{
    position:static!important;
    top:auto!important;
    right:auto!important;
    max-width:300px!important;
    text-align:left!important;
  }

  html.venclo-page-vps body #root #vps-section .vps-v2__hero + .mt-6 + .mt-5{
    width:auto!important;
    margin:14px 20px 12px!important;
    padding-right:0!important;
  }
}

/* Cookie consent — light Venclo palette, clear hierarchy and calmer controls. */
body [role="dialog"][aria-label="Cookie consent"]{
  position:relative!important;
  overflow:hidden!important;
  width:min(440px,calc(100vw - 2rem))!important;
  max-width:440px!important;
  padding:1.55rem!important;
  border:1px solid rgba(39,45,45,.14)!important;
  border-radius:1.35rem!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#272d2d!important;
  box-shadow:0 14px 40px rgba(39,45,45,.09)!important;
}
body [role="dialog"][aria-label="Cookie consent"]::before{
  content:none!important;
  display:none!important;
}
body [role="dialog"][aria-label="Cookie consent"] :where(div,p,li,span){
  color:rgba(39,45,45,.74)!important;
  -webkit-text-fill-color:rgba(39,45,45,.74)!important;
}
body [role="dialog"][aria-label="Cookie consent"] > div > div:first-child > div:first-child{
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  letter-spacing:.16em!important;
}
body [role="dialog"][aria-label="Cookie consent"] > div > div:first-child > div:nth-child(2),
body [role="dialog"][aria-label="Cookie consent"] > div > div:nth-child(2) > div:first-child{
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}
body [role="dialog"][aria-label="Cookie consent"] ul{
  margin-top:.8rem!important;
  padding:0!important;
  list-style:none!important;
  border:0!important;
}
body [role="dialog"][aria-label="Cookie consent"] li{
  position:relative!important;
  margin:0!important;
  padding:.3rem 0 .3rem 1rem!important;
  border:0!important;
}
body [role="dialog"][aria-label="Cookie consent"] li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.72rem!important;
  width:.3rem!important;
  height:.3rem!important;
  border-radius:50%!important;
  background:#272d2d!important;
}
body [role="dialog"][aria-label="Cookie consent"] button,
body [role="dialog"][aria-label="Cookie consent"] button:is(:hover,:focus-visible,:active){
  border:1px solid #272d2d!important;
  background:#272d2d!important;
  background-color:#272d2d!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:none!important;
  filter:none!important;
}
body [role="dialog"][aria-label="Cookie consent"] button *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  stroke:#ffffff!important;
}

/* Solid primary commands should read as clean colour blocks, without light rings. */
html body :where(a,button):is(
  .venclo-offer-hero__primary,
  .hero-primary-btn,
  .product-editorial-hero__primary,
  .vm-button--dark,
  .vw-button--dark,
  .vo-button--dark,
  .domain-search-submit-btn,
  .vc-contact__submit,
  [class*="bg-black"],
  [class*="bg-zinc-950"],
  [class*="bg-zinc-900"]
),
html body .vps-v2__hero-actions > a:first-child,
html body .webhost-v6__offer > a,
html body .domains-v2__search-row button {
  border: 0 !important;
  outline: 0 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

html body :where(a,button):is(
  .venclo-offer-hero__primary,
  .hero-primary-btn,
  .product-editorial-hero__primary,
  .vm-button--dark,
  .vw-button--dark,
  .vo-button--dark,
  .domain-search-submit-btn,
  .vc-contact__submit,
  [class*="bg-black"],
  [class*="bg-zinc-950"],
  [class*="bg-zinc-900"]
):is(:hover,:focus-visible,:active),
html body .vps-v2__hero-actions > a:first-child:is(:hover,:focus-visible,:active),
html body .webhost-v6__offer > a:is(:hover,:focus-visible,:active),
html body .domains-v2__search-row button:is(:hover,:focus-visible,:active) {
  border: 0 !important;
  outline: 0 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

/* The VPS workload chooser is a flat editorial control, never a floating card. */
html.venclo-page-vps body .vps-v2__workload-nav,
html.venclo-page-vps body .vps-v2__workload-nav button,
html.venclo-page-vps body .vps-v2__workload-nav button:is(:hover,:focus,:focus-visible,:active),
html.venclo-page-vps body .vps-v2__workload-nav button.is-active,
html.venclo-page-vps body .vps-v2__workload-nav :where(span,i),
html.venclo-page-vps body .vps-v2__workload-nav::before,
html.venclo-page-vps body .vps-v2__workload-nav::after,
html.venclo-page-vps body .vps-v2__workload-nav button::before,
html.venclo-page-vps body .vps-v2__workload-nav button::after {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}
body [role="dialog"][aria-label="Cookie consent"] a,
body [role="dialog"][aria-label="Cookie consent"] a:visited{
  border:1px solid rgba(39,45,45,.16)!important;
  background:#f8f8f8!important;
  background-color:#f8f8f8!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  box-shadow:none!important;
}
body [role="dialog"][aria-label="Cookie consent"] a:is(:hover,:focus-visible,:active){
  border-color:rgba(39,45,45,.3)!important;
  background:#f8f8f8!important;
  background-color:#f8f8f8!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}

/* Restrained corporate cookie notice. */
body [role="dialog"][aria-label="Cookie consent"]{
  width:min(25rem,calc(100vw - 2rem))!important;
  max-width:25rem!important;
  padding:1.4rem!important;
  border:1px solid rgba(39,45,45,.14)!important;
  border-radius:.9rem!important;
  background:#f8f8f8!important;
  color:#272d2d!important;
  box-shadow:0 18px 50px rgba(39,45,45,.11)!important;
}

body [role="dialog"][aria-label="Cookie consent"] .text-\[11px\]{
  color:rgba(39,45,45,.66)!important;
  font-size:.65rem!important;
  font-weight:750!important;
  letter-spacing:.16em!important;
}

body [role="dialog"][aria-label="Cookie consent"] .text-xl{
  margin-top:.55rem!important;
  color:#272d2d!important;
  font-size:1.08rem!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:-.025em!important;
}

body [role="dialog"][aria-label="Cookie consent"] p{
  margin-top:.8rem!important;
  color:rgba(39,45,45,.72)!important;
  font-size:.78rem!important;
  line-height:1.55!important;
}

body [role="dialog"][aria-label="Cookie consent"] > div > div:first-child > div:last-child{
  margin-top:.7rem!important;
  color:rgba(39,45,45,.6)!important;
  font-size:.68rem!important;
  line-height:1.5!important;
}

body [role="dialog"][aria-label="Cookie consent"] > div > div:nth-child(2){
  display:none!important;
}

body [role="dialog"][aria-label="Cookie consent"] > div > div:nth-child(2) > div{
  color:#272d2d!important;
  font-size:.7rem!important;
  font-weight:650!important;
}

body [role="dialog"][aria-label="Cookie consent"] ul{
  margin-top:.55rem!important;
  padding-left:1rem!important;
  color:rgba(39,45,45,.68)!important;
  font-size:.68rem!important;
  line-height:1.45!important;
}

body [role="dialog"][aria-label="Cookie consent"] > div > div:last-child{
  margin-top:1rem!important;
  gap:.5rem!important;
}

body [role="dialog"][aria-label="Cookie consent"] :is(button,a){
  min-height:2.65rem!important;
  height:2.65rem!important;
  border-radius:.55rem!important;
  font-size:.78rem!important;
  font-weight:650!important;
  box-shadow:none!important;
}

body [role="dialog"][aria-label="Cookie consent"] button{
  border:1px solid #272d2d!important;
  background:#272d2d!important;
  color:#f8f8f8!important;
  -webkit-text-fill-color:#f8f8f8!important;
}
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-accept,
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-reject{
  font-size:0!important;
}
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-accept::after,
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-reject::after{
  display:inline!important;
  font:650 .78rem/1 Inter,Arial,sans-serif!important;
}
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-accept::after{
  content:"Accept all"!important;
  color:#f8f8f8!important;
  -webkit-text-fill-color:#f8f8f8!important;
}
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-policy-link,
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-policy-link:is(:link,:visited,:hover,:focus-visible,:active){
  display:inline!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  font:inherit!important;
  font-weight:700!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:2px!important;
  box-shadow:none!important;
}
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-reject,
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-reject:is(:hover,:focus-visible,:active){
  border:1px solid rgba(39,45,45,.18)!important;
  background:transparent!important;
  background-color:transparent!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}
body [role="dialog"][aria-label="Cookie consent"] .cookie-consent-reject::after{
  content:"Reject all"!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}
html body #root footer.site-footer [data-venclo-cookie-settings],
html body #root footer.site-footer [data-venclo-cookie-settings]:is(:hover,:focus,:focus-visible,:active){
  appearance:none!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  --tw-ring-offset-shadow:0 0 #0000!important;
  --tw-ring-shadow:0 0 #0000!important;
  --tw-shadow:0 0 #0000!important;
}
@media(max-width:640px){
  body [role="dialog"][aria-label="Cookie consent"]{
    width:calc(100vw - 1rem)!important;
    max-width:none!important;
    padding:1.15rem!important;
    border-radius:.8rem!important;
  }
}

/* Website objective actions stay as plain editorial links in every state. */
html.venclo-page-websites body #website-outcomes .vw-inline-action,
html.venclo-page-websites body #website-outcomes .vw-inline-action:is(:link,:visited,:hover,:focus,:focus-visible,:active),
html.venclo-page-websites body #website-outcomes .vw-inline-action :where(span,svg,path){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  --tw-shadow:0 0 #0000!important;
  --tw-shadow-colored:0 0 #0000!important;
  --tw-ring-offset-shadow:0 0 #0000!important;
  --tw-ring-shadow:0 0 #0000!important;
}
html.venclo-page-websites body #website-outcomes .vw-inline-action::before,
html.venclo-page-websites body #website-outcomes .vw-inline-action::after{
  content:none!important;
  display:none!important;
  box-shadow:none!important;
}

/* Header search is a quiet utility action: keep its surface transparent in
   every interactive state while retaining the existing border and icon. */
html body header.site-main-header .venclo-header-search-toggle,
html body header.site-main-header .venclo-header-search-toggle:is(:hover,:focus,:focus-visible,:active),
html body header.site-main-header[data-venclo-header-search-open] .venclo-header-search-toggle{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body header.site-main-header .venclo-header-search-toggle,
html body header.site-main-header:not([data-venclo-header-search-open]) .venclo-header-search-toggle,
html body header.site-main-header .venclo-header-search-toggle:is(:hover,:focus,:focus-visible,:active),
html body header.site-main-header:not([data-venclo-header-search-open]) .venclo-header-search-toggle:is(:hover,:focus-visible),
html body header.site-main-header[data-venclo-header-search-open] .venclo-header-search-toggle{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Primary Venclo type system. */
html body,
html body :where(button,input,select,textarea){
  font-family:"Inter",Arial,sans-serif!important;
  font-synthesis:none!important;
}

html body :where(h1,h2,h3,h4,h5,h6){
  font-family:"Manrope",Arial,sans-serif!important;
}

html.venclo-route-home body #root .venclo-offer-hero h1{
  font-weight:700!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}

html.venclo-route-home body #root .venclo-offer-hero h1 > span{
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}

html.venclo-route-home body #root .venclo-offer-hero h1 > span{
  display:block!important;
  white-space:nowrap!important;
}

html.venclo-route-home body #root .venclo-offer-hero__lead{
  max-width:36rem!important;
  font-size:clamp(.98rem,1.08vw,1.08rem)!important;
  font-weight:450!important;
  line-height:1.68!important;
  letter-spacing:-.012em!important;
  text-wrap:pretty!important;
}

/* Homepage-only editorial composition. The established gradient and artwork
   remain untouched; the content rhythm deliberately differs from product heroes. */
html.venclo-route-home body #root .venclo-offer-hero__grid > div:first-child{
  position:relative!important;
  column-gap:2rem!important;
  padding-left:0!important;
  border-left:0!important;
  counter-reset:home-hero-proof!important;
}

html.venclo-route-home body #root .venclo-offer-hero__grid > div:first-child::before{
  display:none!important;
  content:none!important;
}

html.venclo-route-home body #root .venclo-offer-hero__grid > div:first-child::after{
  display:none!important;
  content:none!important;
}

html.venclo-route-home body #root .venclo-offer-hero h1 > span:nth-child(2){
  display:table!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:.22em!important;
  padding:.07em .24em .12em .18em!important;
  background:#272d2d!important;
  color:#fffbb4!important;
  -webkit-text-fill-color:#fffbb4!important;
  clip-path:polygon(0 6%,100% 0,98.5% 94%,1% 100%)!important;
  line-height:.91!important;
  transform:rotate(-.7deg)!important;
}

html.venclo-route-home body #root .venclo-offer-hero__lead{
  max-width:32rem!important;
  margin-top:1.65rem!important;
}

html.venclo-route-home body #root .venclo-offer-hero__benefits{
  gap:clamp(.75rem,1.6vw,1.4rem)!important;
  padding-top:1.15rem!important;
}

html.venclo-route-home body #root .venclo-offer-hero__benefits li{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:0!important;
  row-gap:.28rem!important;
  align-content:start!important;
  counter-increment:none!important;
}

html.venclo-route-home body #root .venclo-offer-hero__benefits li > span,
html.venclo-route-home body #root .venclo-offer-hero__benefits li > strong{
  grid-column:1!important;
  display:block!important;
  margin:0!important;
}

html.venclo-route-home body #root .venclo-offer-hero__benefits li > span{
  grid-row:1!important;
}

html.venclo-route-home body #root .venclo-offer-hero__benefits li > strong{
  grid-row:2!important;
}

html.venclo-route-home body #root .venclo-offer-hero__benefits li::before{
  grid-row:1/3!important;
  display:none!important;
  width:auto!important;
  height:auto!important;
  margin-top:.05rem!important;
  background:transparent!important;
  color:#272d2d!important;
  content:none!important;
  font-size:.66rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
}

html.venclo-route-home body #root .venclo-offer-hero__offer{
  position:relative!important;
  z-index:1!important;
  min-height:6.25rem!important;
  margin-top:1.65rem!important;
  padding:1.1rem 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

html.venclo-route-home body #root .venclo-offer-hero__actions{
  position:relative!important;
  z-index:1!important;
  min-height:6.25rem!important;
  margin:1.65rem 0 0!important;
  padding:1.1rem 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

@media(min-width:561px){
  html.venclo-route-home body #root .venclo-offer-hero__actions{
    align-items:center!important;
    justify-content:flex-start!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero__primary{
    margin-left:0!important;
  }
}

@media(max-width:560px){
  html.venclo-route-home body #root .venclo-offer-hero,
  html.venclo-route-home body #root .venclo-offer-hero__shell,
  html.venclo-route-home body #root .venclo-offer-hero__grid{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(2.45rem,11.5vw,2.9rem)!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero h1 > span,
  html.venclo-route-home body #root .venclo-offer-hero h1 > span:nth-child(2){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero__lead{
    width:100%!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero__grid > div:first-child{
    display:grid!important;
    grid-template-columns:minmax(7.5rem,.72fr) minmax(0,1fr)!important;
    align-items:end!important;
    column-gap:.75rem!important;
    padding-left:0!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero h1 > span:nth-child(2){
    margin-top:.18em!important;
    padding-right:.18em!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero__offer,
  html.venclo-route-home body #root .venclo-offer-hero__actions{
    width:auto!important;
    min-height:4.25rem!important;
    margin-top:.9rem!important;
    padding:.4rem 0!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero__offer{
    grid-column:1!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero__actions{
    grid-column:2!important;
    align-items:center!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero__primary{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  html.venclo-route-home body #root .venclo-offer-hero__benefits{
    gap:.55rem!important;
    margin-top:1.15rem!important;
    padding-top:.9rem!important;
  }
}

html.venclo-page-email-hosting body #root .product-editorial-hero h1{
  max-width:100%!important;
  color:#272d2d!important;
  font-size:clamp(4.375rem,7.5vw,7rem)!important;
  font-weight:600!important;
  line-height:.85!important;
  letter-spacing:-.078em!important;
  white-space:normal!important;
}

html.venclo-page-email-hosting body #root .product-editorial-hero__copy > p{
  max-width:680px!important;
  color:#272d2d!important;
  font-size:clamp(1.0625rem,1.45vw,1.25rem)!important;
  line-height:1.58!important;
}

html.venclo-page-wordpress-hosting body #root .hero-yellow-card[data-venclo-product-kind="wordpress"]{
  background:
    radial-gradient(circle at 82% 12%,rgba(255,251,180,.98) 0%,rgba(255,251,180,.55) 22%,transparent 44%),
    radial-gradient(circle at 13% 38%,rgba(255,251,180,.8) 0%,rgba(255,251,180,.28) 32%,transparent 58%),
    linear-gradient(118deg,#fffee9 0%,#fffee9 48%,#fffbb4 100%)!important;
}

html.venclo-page-wordpress-hosting body #root .product-editorial-hero__orbit{
  border-color:rgba(39,45,45,.11)!important;
  background:radial-gradient(circle at 42% 36%,#f8f8f8 0%,#fffee9 66%,rgba(255,254,233,.82) 100%)!important;
  box-shadow:0 0 0 1.25rem rgba(255,254,233,.28)!important;
}

html.venclo-page-vps body #root .vps-v2__hero h1{
  max-width:100%!important;
  color:#272d2d!important;
  font-size:clamp(4.375rem,7.5vw,7rem)!important;
  font-weight:600!important;
  line-height:.85!important;
  letter-spacing:-.078em!important;
  white-space:normal!important;
}

html.venclo-page-vps body #root .vps-v2__hero-copy > p{
  max-width:680px!important;
  color:#272d2d!important;
  font-size:clamp(1.0625rem,1.45vw,1.25rem)!important;
  line-height:1.58!important;
}

@media(min-width:1051px){
  html.venclo-page-email-hosting body #root .product-editorial-hero__orbit{
    border-color:rgba(39,45,45,.11)!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 42% 36%,#f8f8f8 0%,#fffee9 66%,rgba(255,254,233,.82) 100%)!important;
    transform:none!important;
    box-shadow:0 0 0 1.25rem rgba(255,254,233,.28)!important;
  }
}

@media(min-width:1051px){
  html.venclo-page-vps body #root .vps-v2__hero{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:clamp(2rem,4vw,4.5rem)!important;
  }

  html.venclo-page-vps body #root .vps-v2__hero-copy{
    min-width:0!important;
    max-width:96%!important;
  }

  html.venclo-page-vps body #root .vps-v2__illustration{
    min-height:clamp(32rem,45vw,40rem)!important;
    overflow:hidden!important;
    min-width:0!important;
  }

  html.venclo-page-vps body #root .vps-v2__illustration-halo{
    width:min(40rem,44vw)!important;
  }

  html.venclo-page-vps body #root .vps-v2__illustration img{
    position:absolute!important;
    top:50%!important;
    right:0!important;
    width:min(39rem,44vw)!important;
    max-width:96%!important;
    transform:translateY(-50%) rotate(1.5deg)!important;
  }

  html.venclo-page-vps body #root .vps-v2__illustration:hover img{
    transform:translateY(calc(-50% - 7px)) rotate(0deg)!important;
  }
}

@media(max-width:650px){
  html.venclo-route-home body #root .venclo-offer-hero h1{
    font-size:clamp(2.7rem,13.5vw,3.7rem)!important;
    letter-spacing:-.04em!important;
  }

  html.venclo-page-email-hosting body #root .product-editorial-hero h1{
    font-size:clamp(2.5rem,11.5vw,3.25rem)!important;
    line-height:.85!important;
    letter-spacing:-.078em!important;
    white-space:normal!important;
  }

  html.venclo-page-vps body #root .vps-v2__hero h1{
    font-size:clamp(2.5rem,11.5vw,3.5rem)!important;
    line-height:.85!important;
    letter-spacing:-.078em!important;
    white-space:normal!important;
  }
}

/* Final cascade authority for the shared hero typography system. */
html body #root :is(#web-hosting-section .webhost-v6,.product-editorial-hero,.domains-v2__hero,.vps-v2__hero,.vm-hero,.vw-hero,.vo-hero) h1{
  font-family:"Manrope",Arial,sans-serif!important;
  font-size:clamp(70px,8.5vw,132px)!important;
  font-weight:700!important;
  line-height:.85!important;
  letter-spacing:-.025em!important;
  text-wrap:balance!important;
}
@media(min-width:901px) and (max-height:900px){
  html body #root :is(#web-hosting-section .webhost-v6,.product-editorial-hero,.domains-v2__hero,.vps-v2__hero,.vm-hero,.vw-hero,.vo-hero) h1{
    font-size:clamp(70px,7.5vw,112px)!important;
    line-height:.86!important;
  }
}
@media(min-width:901px) and (max-height:760px){
  html body #root :is(#web-hosting-section .webhost-v6,.product-editorial-hero,.domains-v2__hero,.vps-v2__hero,.vm-hero,.vw-hero,.vo-hero) h1{
    font-size:clamp(66px,7vw,102px)!important;
  }
}
@media(max-width:650px){
  html body #root :is(#web-hosting-section .webhost-v6,.product-editorial-hero,.domains-v2__hero,.vps-v2__hero,.vm-hero,.vw-hero,.vo-hero) h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(52px,15vw,66px)!important;
    line-height:.88!important;
    letter-spacing:-.025em!important;
    white-space:normal!important;
    text-wrap:wrap!important;
  }
}

html.venclo-page-legal body #root [role="dialog"][aria-label="Cookie consent"] a:is(:hover,:focus-visible){
  text-decoration-line:underline!important;
  text-decoration-color:#272d2d!important;
  text-underline-offset:.2em!important;
}

/* Paint account dialogs light on their first frame, before JS enhancement. */
html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]),
html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) > div{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) :is(h1,h2,h3,h4,strong,b,label){
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) :is(p,small,span){
  color:rgba(39,45,45,.68)!important;
  -webkit-text-fill-color:rgba(39,45,45,.68)!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) input{
  border-color:rgba(39,45,45,.16)!important;
  background:#fff!important;
  background-color:#fff!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  box-shadow:none!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) input::placeholder{
  color:rgba(39,45,45,.4)!important;
  -webkit-text-fill-color:rgba(39,45,45,.4)!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) button[type="submit"],
html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) form > button:not([aria-label]){
  border-color:#fffbb4!important;
  background:#fffbb4!important;
  background-color:#fffbb4!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  box-shadow:none!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) button[aria-label*="Close" i]{
  border-color:rgba(39,45,45,.16)!important;
  background:#fff!important;
  background-color:#fff!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  stroke:#272d2d!important;
  box-shadow:none!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) :is(a,button[type="button"]:not([aria-label*="Close" i])){
  background:transparent!important;
  background-color:transparent!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) :is(hr,[role="separator"]){
  border-color:rgba(39,45,45,.14)!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) button.venclo-auth-primary-action,
html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) button:has(.venclo-auth-primary-action),
html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) form > button:not([aria-label]){
  border-color:#fffbb4!important;
  background:#fffbb4!important;
  background-color:#fffbb4!important;
  background-image:none!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  stroke:#272d2d!important;
  box-shadow:0 4px 12px rgba(39,45,45,.075)!important;
  filter:none!important;
  transition:box-shadow 220ms ease!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) button.venclo-auth-primary-action:is(:hover,:focus-visible,:active),
html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) button:has(.venclo-auth-primary-action):is(:hover,:focus-visible,:active),
html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) form > button:not([aria-label]):is(:hover,:focus-visible,:active){
  border-color:#fffbb4!important;
  background:#fffbb4!important;
  background-color:#fffbb4!important;
  background-image:none!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  stroke:#272d2d!important;
  box-shadow:none!important;
  filter:none!important;
}

html.venclo-page-legal body #root [role="dialog"]:not([aria-label="Cookie consent"]):not([aria-label="Menu"]) button.venclo-auth-primary-action *{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#272d2d!important;
  -webkit-text-fill-color:#272d2d!important;
  stroke:#272d2d!important;
}