/* VIBERJAYA homepage supplied AI-partner background + original blue grid blend */
body:not(.v35-tool-mode):not(.v35-embed){position:relative;background:radial-gradient(circle at 50% -10%,#dff5ff 0,transparent 38%),#f7fbff!important}
body:not(.v35-tool-mode):not(.v35-embed):before{content:""!important;background-image:linear-gradient(rgba(0,126,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,126,255,.055) 1px,transparent 1px)!important;background-size:34px 34px!important;opacity:.64!important}
.vj-home-hero-bg{position:absolute;z-index:0;top:0;left:0;right:0;height:1120px;pointer-events:none;overflow:hidden;background-color:#eaf7ff;background-image:linear-gradient(to bottom,rgba(247,251,255,.015) 0%,rgba(247,251,255,.02) 43%,rgba(247,251,255,.14) 61%,rgba(247,251,255,.48) 78%,rgba(247,251,255,.84) 91%,#f7fbff 100%),linear-gradient(rgba(0,126,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,126,255,.045) 1px,transparent 1px),var(--vj-home-ai-bg,linear-gradient(180deg,#eaf7ff,#f7fbff));background-repeat:no-repeat,repeat,repeat,no-repeat;background-size:100% 100%,34px 34px,34px 34px,min(1100px,100vw) auto;background-position:center top,0 0,0 0,center top;transition:opacity .24s ease}
body.v35-tool-mode .vj-home-hero-bg,body.v35-embed .vj-home-hero-bg{display:none!important}
body:not(.v35-tool-mode):not(.v35-embed)>.shell{position:relative;z-index:1}
body:not(.v35-tool-mode):not(.v35-embed) .topbar{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:transparent!important;box-shadow:none!important}
body:not(.v35-tool-mode):not(.v35-embed) .hero{padding-top:280px!important;padding-bottom:24px!important}
body:not(.v35-tool-mode):not(.v35-embed) .hero-kicker.brand-wordmark{position:relative;z-index:2;display:inline-flex!important;align-items:center;justify-content:center;padding:9px 15px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 10px 28px rgba(23,72,108,.14),0 1px 0 rgba(255,255,255,.95) inset!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;filter:none!important}
body:not(.v35-tool-mode):not(.v35-embed) .hero h1{position:relative;z-index:2;font-size:clamp(32px,4.6vw,50px)!important;line-height:1.03!important;margin:14px auto 16px!important;letter-spacing:-1.7px!important;color:#102f49!important;text-shadow:0 2px 10px rgba(255,255,255,.98),0 8px 30px rgba(255,255,255,.72)}
body:not(.v35-tool-mode):not(.v35-embed) .hero h1 em{color:#0789d8!important;text-shadow:0 2px 10px rgba(255,255,255,.98),0 8px 30px rgba(255,255,255,.74)!important}
body:not(.v35-tool-mode):not(.v35-embed) .vj-ask-business{position:relative;z-index:2;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 48px rgba(33,97,145,.14)!important}
body:not(.v35-tool-mode):not(.v35-embed) .current-plan-badge{position:relative;z-index:2;background:rgba(238,248,255,.88)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body:not(.v35-tool-mode):not(.v35-embed) #servicesMenu{position:relative;z-index:2}
@media(max-width:900px){.vj-home-hero-bg{height:1040px;background-size:100% 100%,34px 34px,34px 34px,min(1000px,100vw) auto;background-position:center top,0 0,0 0,center top}body:not(.v35-tool-mode):not(.v35-embed) .hero{padding-top:210px!important}}
@media(max-width:650px){.vj-home-hero-bg{height:930px;background-image:linear-gradient(to bottom,rgba(247,251,255,.005) 0%,rgba(247,251,255,.015) 45%,rgba(247,251,255,.10) 61%,rgba(247,251,255,.42) 79%,rgba(247,251,255,.82) 92%,#f7fbff 100%),linear-gradient(rgba(0,126,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,126,255,.04) 1px,transparent 1px),var(--vj-home-ai-bg,linear-gradient(180deg,#eaf7ff,#f7fbff));background-size:100% 100%,34px 34px,34px 34px,100vw auto;background-position:center top,0 0,0 0,center top}body:not(.v35-tool-mode):not(.v35-embed) .hero{padding-top:125px!important;padding-bottom:18px!important;padding-left:4px!important;padding-right:4px!important}body:not(.v35-tool-mode):not(.v35-embed) .hero h1{font-size:clamp(29px,8.5vw,39px)!important;letter-spacing:-1.05px!important;margin-top:12px!important;margin-bottom:14px!important}.hero-kicker.brand-wordmark .vj-wordmark-home{width:150px!important}body:not(.v35-tool-mode):not(.v35-embed) .hero-kicker.brand-wordmark{padding:8px 13px!important;border-radius:16px!important}body:not(.v35-tool-mode):not(.v35-embed) .vj-ask-business{background:rgba(255,255,255,.84)!important}}
@media(prefers-reduced-motion:reduce){body:not(.v35-tool-mode):not(.v35-embed) .hero-kicker.brand-wordmark{transform:none!important}}

/* v57: crop AI-partner photo below the menu and tighten homepage vertical rhythm */
.vj-home-hero-bg{background-position:center top,0 0,0 0,center -205px!important}
body:not(.v35-tool-mode):not(.v35-embed) .hero{padding-top:220px!important}
@media(max-width:1100px){.vj-home-hero-bg{background-position:center top,0 0,0 0,center calc(95px - 28vw)!important}body:not(.v35-tool-mode):not(.v35-embed) .hero{padding-top:170px!important}}
@media(max-width:600px){.vj-home-hero-bg{background-position:center top,0 0,0 0,center calc(80px - 28vw)!important}body:not(.v35-tool-mode):not(.v35-embed) .hero{padding-top:95px!important}}


/* v58: full desktop homepage canvas without changing tablet/mobile */
@media(min-width:1200px){
  body:not(.v35-tool-mode):not(.v35-embed)>.shell{
    width:calc(100% - 48px)!important;
    max-width:none!important;
  }
  .vj-home-hero-bg{
    background-size:100% 100%,34px 34px,34px 34px,100vw auto!important;
    background-position:center top,0 0,0 0,center -205px!important;
  }
}