
@media (min-width:901px) {
  html[data-theme="light"] body.home-page.v4-page{
    background-color:#faf9ff !important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-showcase{
    padding-top:79px !important;
    margin-top:0 !important;
    background:#faf9ff !important;
    background-image:linear-gradient(180deg,#fbfaff 0%,#faf9ff 56%,#f5f4fc 100%) !important;
    color:#101a42 !important;
    overflow:hidden !important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-hero{
    max-width:1600px !important;
    width:100% !important;
    height:clamp(420px,36.875vw,520px) !important;
    margin:0 auto !important;
    padding:0 3% !important;
    display:flex !important;
    align-items:flex-start !important;
    overflow:hidden !important;
    background:transparent !important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-glow, html[data-theme="light"] body.home-page.v4-page .ib63-stars{display:none!important;}
  html[data-theme="light"] body.home-page.v4-page .ib63-portrait{
    position:absolute!important;
    z-index:0!important;
    inset-inline:auto!important;
    top:0!important;bottom:0!important;left:0!important;
    width:58%!important;height:100%!important;
    overflow:hidden!important;pointer-events:none!important;
    background-image:url("../assets/images/desktop-reference/hero-light-reference-v87.webp")!important;
    background-repeat:no-repeat!important;
    background-position:left top!important;
    background-size:100% 100%!important;
    isolation:auto!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-portrait > img, html[data-theme="light"] body.home-page.v4-page .ib63-portrait .ib63-orbit, html[data-theme="light"] body.home-page.v4-page .ib63-portrait .ib63-float{
    display:none!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-hero-content{
    position:relative!important;
    z-index:1!important;
    width:52%!important;
    max-width:640px!important;
    height:auto!important;
    margin:0 0 0 auto!important;
    padding:60px 0 0!important;
    text-align:right!important;
    align-self:flex-start!important;
    color:#101a42!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 0 16px!important;
    min-height:43px!important;
    padding:7px 19px!important;
    border-radius:999px!important;
    border:1px solid #e7defd!important;
    color:#5627ce!important;
    background:linear-gradient(96deg,#f8f3ff,#f2ecff)!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:750!important;
    letter-spacing:0!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-hero-content h1{
    display:block!important;
    margin:1px 0 17px!important;
    font-size:clamp(37px,4.22vw,57px)!important;
    line-height:1.43!important;
    letter-spacing:-.7px!important;
    font-weight:900!important;
    color:#071136!important;
    text-shadow:none!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-hero-content h1 em{
    display:inline!important;
    font-style:normal!important;
    font-weight:900!important;
    color:#6120e9!important;
    background:linear-gradient(96deg,#5211d5 0%,#6d22f4 63%,#9d50ff 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-hero-content p{
    margin:0 0 28px!important;
    color:#6c738d!important;
    font-size:clamp(13px,1.16vw,16px)!important;
    font-weight:450!important;
    letter-spacing:0!important;
    line-height:2!important;
    text-shadow:none!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-hero-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:26px!important;
    flex-wrap:nowrap!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-main-cta{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:255px!important;height:61px!important;min-height:61px!important;
    padding:0 20px!important;border-radius:13px!important;
    border:1px solid #914fff!important;
    background:linear-gradient(100deg,#a755ff 0%,#7c2bf2 100%)!important;
    box-shadow:0 12px 26px rgba(116,48,233,.20)!important;
    color:#fff!important;text-decoration:none!important;
    font-weight:800!important;font-size:15px!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-main-cta .ib87-search-legacy{display:none!important;}
  html[data-theme="light"] body.home-page.v4-page .ib63-main-cta .ib87-search-new{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  html[data-theme="light"] body.home-page.v4-page .ib63-main-cta .ib87-search-new svg{height:21px!important;width:21px!important;display:block!important;}
  html[data-theme="light"] body.home-page.v4-page .ib63-main-cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(116,48,233,.30)!important}
  html[data-theme="light"] body.home-page.v4-page .ib63-video-cta{
    display:inline-flex!important;align-items:center!important;gap:15px!important;
    padding:0!important;color:#121a3c!important;text-decoration:none!important;
    font-size:13px!important;font-weight:700!important;
  }
  html[data-theme="light"] body.home-page.v4-page .ib63-video-cta small{color:#121a3c!important;font-size:12px!important;opacity:.94!important}
  html[data-theme="light"] body.home-page.v4-page .ib63-play{
    display:grid!important;place-items:center!important;
    width:55px!important;height:55px!important;
    border:1.5px solid #c397ff!important;border-radius:50%!important;
    color:#8230ff!important;font-size:30px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 2px 12px rgba(136,55,243,.14)!important;
  }
  /* The header stays viewport-fixed; only its light-mode visual geometry changes. */
  html[data-theme="light"] body.home-page.v4-page #siteHeader.site-header.service-header, html[data-theme="light"] body.home-page.v4-page #siteHeader.site-header.service-header.is-scrolled{
    position:fixed!important;
    top:10px!important;left:0!important;right:0!important;
    bottom:auto!important;width:100%!important;
    margin:0!important;transform:none!important;
    background:transparent!important;background-color:transparent!important;
    border:none!important;box-shadow:none!important;
    z-index:3000!important;
  }
  html[data-theme="light"] body.home-page.v4-page #siteHeader .header-inner{
    display:flex!important;align-items:center!important;
    width:calc(100% - 52px)!important;
    max-width:1530px!important;min-height:62px!important;height:62px!important;
    margin:5px auto 0!important;
    padding:0 18px!important;gap:11px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(238,236,251,.7)!important;
    border-radius:23px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 9px 30px rgba(116,106,175,.09)!important;
  }
  html[data-theme="light"] body.home-page.v4-page #siteHeader .brand, html[data-theme="light"] body.home-page.v4-page #siteHeader .site-logo{
    width:146px!important;max-width:146px!important;flex:0 0 146px!important;
    padding:0!important;
  }
  html[data-theme="light"] body.home-page.v4-page #siteHeader .site-logo-image.logo-light{
    display:block!important;
    content:url("../assets/images/desktop-reference/iblogger-logo-ref-light-v87.png")!important;
    filter:none!important;width:146px!important;max-width:146px!important;height:auto!important;
    object-fit:contain!important;
  }
  
  html[data-theme="light"] body.home-page.v4-page #siteHeader .menu-toggle{display:none!important;}
  
  
  html[data-theme="light"] body.home-page.v4-page #siteHeader .desktop-nav{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    flex:1 1 auto!important;gap:0!important;min-width:0!important;max-width:none!important;
  }
  html[data-theme="light"] body.home-page.v4-page #siteHeader .desktop-nav .nav-link, html[data-theme="light"] body.home-page.v4-page #siteHeader .desktop-nav .nav-dropdown-trigger{
    color:#252b52!important;background:transparent!important;
    padding:10px 5px!important;border-radius:0!important;
    font-size:clamp(10px,.89vw,12px)!important;font-weight:700!important;
    box-shadow:none!important;text-shadow:none!important;
  }
  html[data-theme="light"] body.home-page.v4-page #siteHeader .desktop-nav a.nav-link[href="index.html"]{
    color:#8838f5!important;position:relative!important;
  }
  html[data-theme="light"] body.home-page.v4-page #siteHeader .desktop-nav a.nav-link[href="index.html"]::after{
    content:"";position:absolute;bottom:0;right:4px;left:4px;height:2px;border-radius:4px;background:#9145fc;
  }
  html[data-theme="light"] body.home-page.v4-page #siteHeader .desktop-nav .nav-link:hover, html[data-theme="light"] body.home-page.v4-page #siteHeader .desktop-nav .nav-dropdown-trigger:hover{color:#7735e9!important;}
  html[data-theme="light"] body.home-page.v4-page #siteHeader .service-account{flex:0 0 auto!important;}
  html[data-theme="light"] body.home-page.v4-page #siteHeader .service-account .button, html[data-theme="light"] body.home-page.v4-page #siteHeader .unified-auth-button{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:39px!important;min-height:39px!important;
    min-width:73px!important;padding:0 15px!important;
    border:0!important;border-radius:17px!important;
    color:white!important;font-size:12px!important;
    background:linear-gradient(125deg,#ab59ff,#7d32f2)!important;
    box-shadow:0 7px 15px rgba(133,67,241,.18)!important;
  }
  html[data-theme="light"] body.home-page.v4-page #siteHeader .icon-button.favorites-trigger{
    width:39px!important;height:39px!important;flex:0 0 39px!important;
    border-radius:50%!important;background:#fff!important;
    border:1px solid #eae7fb!important;color:#2d315c!important;
    box-shadow:0 2px 8px rgba(53,50,100,.05)!important;
  }
  html[data-theme="light"] body.home-page.v4-page #siteHeader .icon-button.favorites-trigger svg{height:19px!important;width:19px!important;}
}
@media (min-width:901px) and (max-width:1150px) {
  html[data-theme="light"] body.home-page.v4-page #siteHeader .desktop-nav{display:none!important}
  html[data-theme="light"] body.home-page.v4-page #siteHeader .menu-toggle{display:grid!important}
  html[data-theme="light"] body.home-page.v4-page .ib63-hero-content{padding-top:50px!important;width:53%!important}
  html[data-theme="light"] body.home-page.v4-page .ib63-hero-content h1{font-size:clamp(34px,4vw,45px)!important}
  html[data-theme="light"] body.home-page.v4-page .ib63-hero-actions{gap:12px!important}
  html[data-theme="light"] body.home-page.v4-page .ib63-main-cta{width:215px!important}
}

.ib63-main-cta .ib87-search-new{display:none}
.ib63-main-cta .ib87-search-legacy{display:inline}
