/* V439 - Hot Topic: heading overlay on RSAB image + viewport fade-in. */
/* =========================================================
   BUMIL KU - OFFICIAL DESKTOP CSS
   CONSOLIDATED PRODUCTION CLEANUP - V412 STATIC KG RIGHT
   =========================================================
   Baseline visual: V291 + infinite 8-card article & professional carousels

   Cleanup guarantees:
   - deklarasi lama yang pasti kalah oleh selector/property
     identik pada context media yang sama telah dihapus;
   - exact duplicate rules telah dihapus;
   - CSS komponen obsolete yang tidak ada pada HTML/JS aktif
     telah dihapus;
   - keyframes/font import obsolete telah dihapus;
   - urutan cascade dari rule yang masih diperlukan tetap dijaga;
   - breakpoint desktop, compact laptop, height query, dark mode,
     hover/focus, dan reduced-motion yang aktif tetap dipertahankan;
   - tidak ada redesign.
   ========================================================= */
/* =========================================================
   BUMIL KU - OFFICIAL DESKTOP CSS - CONSOLIDATED CLEAN
   Source baseline: V289 visual state
   Cleanup strategy:
   - dead same-selector/property overrides removed safely;
   - exact duplicate rules removed;
   - historical version comments removed;
   - breakpoint and cascade order preserved;
   - no visual redesign.
   ========================================================= */

.desktopHeroFeatureRail,
.desktopHeroTrustPanel,
.desktopHeroBottomCaption,
.desktopLandingSections,
.desktopOfficialFooter{
  display:none;
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop{
  overflow-y:auto !important;
}

.bumilLandingPage--officialDesktop .appStage,
  .bumilLandingPage--officialDesktop .phoneShell{
  min-height:100svh !important;
  overflow:visible !important;
}

.bumilLandingPage--officialDesktop .phoneScreen{
  min-height:100svh !important;
  height:auto !important;
  overflow:visible !important;
  display:grid !important;
  align-items:stretch !important;
}

.bumilLandingPage--officialDesktop .appFooter{
  display:none !important;
}

.bumilLandingPage--officialDesktop .contentPanel{
  grid-column:1 !important;
  grid-row:2 !important;
  min-height:650px !important;
  height:auto !important;
  background:radial-gradient(circle at -3% 20%,rgba(15,159,141,.075),transparent 29%),
      radial-gradient(circle at 38% 100%,rgba(196,214,60,.035),transparent 24%),
      linear-gradient(135deg,#ffffff 0%,#fbfefd 100%) !important;
  border:0 !important;
  box-shadow:none !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop .contentPanel{
  background:radial-gradient(circle at -3% 20%,rgba(15,159,141,.045),transparent 29%),
      linear-gradient(135deg,#0b2024 0%,#102b30 100%) !important;
}

.bumilLandingPage--officialDesktop .contentPanel::before{
  width:330px !important;
  height:330px !important;
  left:-180px !important;
  top:12% !important;
  background:rgba(15,159,141,.045) !important;
}

.bumilLandingPage--officialDesktop .heroBrandCard{
  gap:19px !important;
}

.bumilLandingPage--officialDesktop .heroBrandTagline{
  margin-top:6px !important;
}

.bumilLandingPage--officialDesktop .heroHeadline{
  width:100% !important;
  max-width:760px !important;
  color:#17384c !important;
  line-height:1.075 !important;
  letter-spacing:-.045em !important;
}

.bumilLandingPage--officialDesktop .heroHeadlinePrimary,
  .bumilLandingPage--officialDesktop .heroHeadlineAccent{
  display:inline !important;
  width:auto !important;
  white-space:nowrap !important;
}

.bumilLandingPage--officialDesktop .heroHeadlinePrimary{
  margin-right:.16em !important;
}

.bumilLandingPage--officialDesktop .heroHeadlineAccent{
  margin-top:0 !important;
  font-size:1em !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
}

.bumilLandingPage--officialDesktop .heroDescription{
  width:100% !important;
  display:-webkit-box !important;
}

.bumilLandingPage--officialDesktop .heroActions{
  max-width:500px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:10px !important;
}

.bumilLandingPage--officialDesktop .primaryAction,
  .bumilLandingPage--officialDesktop .googleAction{
  min-height:48px !important;
}

.bumilLandingPage--officialDesktop .trustNote{
  font-size:11.5px !important;
}

.bumilLandingPage--officialDesktop .desktopHeroInstitution{
  display:none !important;
}

.desktopHeroTrustPanel{
  display:grid !important;
  grid-template-columns:68px minmax(0,1fr) !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  max-width:500px !important;
  padding:12px 16px !important;
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.99) 0%,
        rgba(251,253,253,.985) 100%
      ) !important;
  border:1px dashed rgba(84,111,124,.24) !important;
  border-radius:15px !important;
  box-shadow:0 10px 24px rgba(24,52,62,.045),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

.desktopHeroTrustInstitution{
  min-width:0 !important;
  padding-right:14px !important;
  display:grid !important;
  place-items:center !important;
  align-self:stretch !important;
  border-right:1px solid rgba(58,105,119,.12) !important;
}

.desktopHeroTrustInstitution img{
  display:block !important;
  width:100% !important;
  max-width:58px !important;
  height:auto !important;
  object-fit:contain !important;
}

.desktopHeroTrustContent{
  min-width:0 !important;
  padding:1px 0 !important;
}

.desktopHeroTrustContent > strong{
  display:block !important;
  margin:0 0 5px !important;
  color:#17384c !important;
  font-size:9px !important;
  line-height:1.20 !important;
  font-weight:800 !important;
}

.desktopHeroTrustContent ul{
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  gap:3px !important;
  list-style:none !important;
}

.desktopHeroTrustContent li{
  position:relative !important;
  padding-left:14px !important;
  color:#65788a !important;
  font-size:7.4px !important;
  line-height:1.25 !important;
  font-weight:550 !important;
}

.desktopHeroTrustContent li::before{
  content:"✓" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  color:#0f9f8d !important;
  font-weight:900 !important;
}

html[data-theme="dark"] .desktopHeroTrustPanel{
  background:linear-gradient(
        145deg,
        rgba(16,43,48,.985) 0%,
        rgba(10,31,35,.985) 100%
      ) !important;
  border-color:rgba(173,213,211,.20) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="dark"] .desktopHeroTrustInstitution{
  border-right-color:rgba(255,255,255,.08) !important;
}

html[data-theme="dark"] .desktopHeroTrustContent > strong{
  color:#eafcff !important;
}

html[data-theme="dark"] .desktopHeroTrustContent li{
  color:#aac8cc !important;
}

.bumilLandingPage--officialDesktop .visualHero{
  grid-column:2 !important;
  grid-row:2 !important;
}

.bumilLandingPage--officialDesktop .visualHeroTint{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.03) 0%,
        rgba(255,255,255,0) 40%,
        rgba(14,147,130,.08) 64%,
        rgba(8,127,120,.44) 100%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.09) 0%,
        transparent 32%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop .visualHeroTint{
  background:linear-gradient(
        180deg,
        rgba(5,25,28,.03) 0%,
        rgba(5,25,28,.02) 42%,
        rgba(7,70,68,.26) 70%,
        rgba(4,62,60,.62) 100%
      ) !important;
}

.bumilLandingPage--officialDesktop .desktopFetalFeature{
  display:none !important;
}

.desktopHeroFeatureRail{
  position:absolute !important;
  z-index:8 !important;
  top:50% !important;
  right:clamp(18px,2.5vw,42px) !important;
  width:228px !important;
  transform:translateY(-50%) !important;
  padding:12px !important;
  display:grid !important;
  gap:0 !important;
  color:#ffffff !important;
  border-radius:22px !important;
}

.desktopLandingSections{
  grid-column:1 / -1 !important;
  grid-row:3 !important;
  display:block !important;
  width:100% !important;
  padding:0
      clamp(30px,4.5vw,74px)
      34px !important;
  background:radial-gradient(circle at 0% 10%,rgba(15,159,141,.05),transparent 20%),
      radial-gradient(circle at 100% 75%,rgba(96,192,208,.06),transparent 23%),
      linear-gradient(180deg,#f8fcfc 0%,#ffffff 100%) !important;
  border-top:0 !important;
}

html[data-theme="dark"] .desktopLandingSections{
  background:radial-gradient(circle at 0% 10%,rgba(15,159,141,.025),transparent 20%),
      linear-gradient(180deg,#0b2024 0%,#07181c 100%) !important;
  border-top:0 !important;
}

.desktopOfficialQuickLinks{
  position:relative !important;
  isolation:isolate !important;
  width:min(1440px,100%) !important;
  margin:0 auto 60px !important;
  border-radius:28px !important;
  overflow:hidden !important;
}

.desktopOfficialQuickLinks::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

.desktopOfficialQuickLinks a{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  padding:22px 18px 42px !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  align-items:start !important;
  gap:14px !important;
  color:#ffffff !important;
  text-decoration:none !important;
  border-right:1px solid rgba(255,255,255,.20) !important;
  border-radius:18px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -1px 0 rgba(9,84,77,.05) !important;
  transform-origin:center center !important;
  will-change:transform !important;
  transition:background .18s ease,
      transform .18s ease,
      box-shadow .18s ease !important;
}

.desktopOfficialQuickLinks a::after{
  content:"\2192" !important;
  position:absolute !important;
  left:86px !important;
  bottom:14px !important;
  width:100px !important;
  height:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  color:rgba(255,255,255,.96) !important;
  background:linear-gradient(
        90deg,
        rgba(255,255,255,.72),
        rgba(255,255,255,.72)
      )
      left center /
      calc(100% - 17px) 1px
      no-repeat !important;
  border:0 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
  transition:width .18s ease,
      transform .18s ease,
      background-size .18s ease !important;
}

.desktopOfficialQuickLinks a:nth-child(4n){
  border-right:0 !important;
}

.desktopOfficialQuickLinks a:nth-child(-n+4){
  border-bottom:1px solid rgba(255,255,255,.18) !important;
}

.desktopOfficialQuickLinks a:last-child{
  border-right:0 !important;
}

.desktopOfficialQuickLinks a:hover{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 12px 22px rgba(10,97,87,.12),
      inset 0 1px 0 rgba(255,255,255,.17),
      inset 0 -1px 0 rgba(9,84,77,.07) !important;
}

.desktopOfficialQuickLinks a:hover::after{
  width:108px !important;
  transform:translateX(2px) !important;
  background:linear-gradient(
        90deg,
        rgba(255,255,255,.92),
        rgba(255,255,255,.92)
      )
      left center /
      calc(100% - 17px) 1px
      no-repeat !important;
}

.desktopOfficialQuickLinks i{
  width:54px !important;
  min-width:54px !important;
  height:46px !important;
  display:grid !important;
  place-items:center !important;
  color:#0e9382 !important;
  background:linear-gradient(
        180deg,
        rgba(255,255,255,1) 0%,
        rgba(248,252,252,.98) 100%
      ) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  border-radius:17px !important;
  box-shadow:0 12px 22px rgba(8,92,84,.16),
      0 2px 6px rgba(8,92,84,.06),
      inset 0 2px 2px rgba(255,255,255,1),
      inset 0 -2px 3px rgba(183,201,202,.28) !important;
  font-size:21px !important;
  text-align:center !important;
  transition:transform .18s ease,
      box-shadow .18s ease !important;
}

.desktopOfficialQuickLinks a:nth-child(2) > i,
  .desktopOfficialQuickLinks a:nth-child(5) > i,
  .desktopOfficialQuickLinks a:nth-child(8) > i{
  color:#a8c718 !important;
}

.desktopOfficialQuickLinks a:hover > i{
  transform:translateY(-2px) scale(1.04) !important;
  box-shadow:0 15px 26px rgba(8,92,84,.18),
      0 3px 8px rgba(8,92,84,.07),
      inset 0 2px 2px rgba(255,255,255,1),
      inset 0 -2px 3px rgba(183,201,202,.26) !important;
}

.desktopOfficialQuickLinks span{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.desktopOfficialQuickLinks strong{
  color:#ffffff !important;
  font-size:12.2px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  text-shadow:0 1px 1px rgba(6,79,72,.10) !important;
}

.desktopOfficialQuickLinks small{
  color:rgba(255,255,255,.88) !important;
  font-size:9.3px !important;
  line-height:1.42 !important;
  font-weight:500 !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks{
  background:linear-gradient(
        100deg,
        #08766f 0%,
        #0d8c82 30%,
        #2f9f8b 50%,
        #668f5b 74%,
        #929d31 100%
      ) !important;
  border-color:rgba(255,255,255,.10) !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks a{
  color:#ffffff !important;
  border-right-color:rgba(255,255,255,.16) !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks a::after{
  color:rgba(255,255,255,.88) !important;
  background:linear-gradient(
        90deg,
        rgba(255,255,255,.38),
        rgba(255,255,255,.38)
      )
      left center /
      calc(100% - 17px) 1px
      no-repeat !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks a:hover::after{
  background:linear-gradient(
        90deg,
        rgba(255,255,255,.62),
        rgba(255,255,255,.62)
      )
      left center /
      calc(100% - 17px) 1px
      no-repeat !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks small{
  color:rgba(255,255,255,.78) !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks i{
  color:#63ded5 !important;
  background:linear-gradient(
        180deg,
        rgba(14,42,47,.96) 0%,
        rgba(10,31,35,.94) 100%
      ) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:0 12px 22px rgba(0,0,0,.24),
      0 3px 8px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.05),
      inset 0 -2px 3px rgba(0,0,0,.24) !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks a:nth-child(2) > i,
  html[data-theme="dark"] .desktopOfficialQuickLinks a:nth-child(5) > i,
  html[data-theme="dark"] .desktopOfficialQuickLinks a:nth-child(8) > i{
  color:#d6e568 !important;
}

.desktopOfficialSection{
  width:min(1440px,100%) !important;
  margin:22px auto 0 !important;
  padding:34px !important;
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.985),
        rgba(250,253,253,.985)
      ) !important;
  border:1px solid rgba(58,105,119,.085) !important;
  border-radius:24px !important;
  box-shadow:0 18px 44px rgba(16,70,80,.055),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

html[data-theme="dark"] .desktopOfficialSection{
  background:linear-gradient(
        145deg,
        rgba(16,43,48,.98),
        rgba(10,31,35,.985)
      ) !important;
  border-color:rgba(255,255,255,.065) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.desktopOfficialSectionHeader{
  max-width:720px !important;
  margin:0 auto 28px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}

.desktopOfficialEyebrow{
  min-height:30px !important;
  padding:0 11px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:#0e9382 !important;
  background:rgba(15,159,141,.065) !important;
  border:1px solid rgba(15,159,141,.10) !important;
  border-radius:999px !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

.desktopOfficialSectionHeader h2{
  margin:12px 0 0 !important;
  color:#17384c !important;
  font-size:clamp(25px,2.1vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:800 !important;
}

.desktopOfficialSectionHeader p{
  max-width:650px !important;
  margin:9px 0 0 !important;
  color:#65788a !important;
  font-size:11.5px !important;
  line-height:1.55 !important;
  font-weight:500 !important;
}

html[data-theme="dark"] .desktopOfficialSectionHeader h2{
  color:#eafcff !important;
}

html[data-theme="dark"] .desktopOfficialSectionHeader p{
  color:#aac8cc !important;
}

.desktopOfficialHotTopic{
  margin-top:0 !important;
  padding:18px !important;
  overflow:hidden !important;
  background:linear-gradient(
        145deg,
        #f3f8f8 0%,
        #f8fbfb 52%,
        #f1f6f6 100%
      ) !important;
}

.desktopOfficialHotTopicTop{
  display:grid !important;
  grid-template-columns:minmax(0,40%) minmax(0,60%) !important;
  align-items:stretch !important;
  gap:22px !important;
}

.desktopOfficialHotTopicMedia{
  min-width:0 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  align-self:stretch !important;
  margin:0 !important;
  isolation:isolate !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #f5fbfb 48%,
        #edf5f5 100%
      ) !important;
  border-radius:22px !important;
}

.desktopOfficialHotTopicMedia::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:2;
}

.desktopOfficialHotTopicMedia::after{
  content:none !important;
  display:none !important;
}

.desktopOfficialHotTopicMedia img{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.015) !important;
  filter:saturate(1.03) contrast(1.02) brightness(1.01) !important;
}

.desktopOfficialHotTopicBody{
  min-width:0 !important;
  padding:52px 42px 46px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fbfdfd 55%,
        #f7fafa 100%
      ) !important;
  border-radius:24px !important;
}

.desktopOfficialHotTopicBody::after{
  content:none !important;
  display:none !important;
}

:is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption) .desktopOfficialEyebrow{
  margin:0 !important;
  position:relative !important;
  z-index:1 !important;
}

:is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption) h2{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:none !important;
  margin:24px 0 0 !important;
  color:#17384c !important;
  font-size:clamp(28px,2.35vw,36px) !important;
  line-height:1.10 !important;
  letter-spacing:-.030em !important;
  font-weight:750 !important;
}

.desktopOfficialHotTopicTitleLine{
  display:inline !important;
}

.desktopOfficialHotTopicTitleLine:first-child{
  display:block !important;
}

.desktopOfficialHotTopicTitleSecondary{
  margin-right:.18em !important;
}

.desktopOfficialHotTopicTitleSecondary,
  .desktopOfficialHotTopicTitleAccent{
  color:#0f9f8d !important;
}

.desktopOfficialHotTopicLead{
  position:relative !important;
  z-index:1 !important;
  margin:26px 0 0 !important;
  color:#5f7485 !important;
}

.desktopOfficialHotTopicPoints{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  margin:28px 0 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  list-style:none !important;
}

.desktopOfficialHotTopicPoints li{
  min-width:0 !important;
  padding:0 20px !important;
  display:grid !important;
  align-items:start !important;
  color:#647987 !important;
  border-right:1px solid rgba(58,105,119,.10) !important;
  font-weight:550 !important;
}

.desktopOfficialHotTopicPoints li:first-child{
  padding-left:0 !important;
}

.desktopOfficialHotTopicPoints li:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

.desktopOfficialHotTopicPoints i{
  color:#11a08f !important;
}

.desktopOfficialHotTopicActions{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  margin-top:30px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

.desktopOfficialHotTopicButton{
  padding:0 20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  text-decoration:none !important;
  line-height:1 !important;
  font-weight:800 !important;
  background:linear-gradient(
        105deg,
        #0b8b82 0%,
        #10a090 52%,
        #26c0a5 100%
      ) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:15px !important;
  box-shadow:0 12px 24px rgba(14,154,138,.18),
      inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.desktopOfficialHotTopicButton:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 15px 28px rgba(14,154,138,.22),
      inset 0 1px 0 rgba(255,255,255,.32) !important;
}

html[data-theme="dark"] .desktopOfficialHotTopic{
  background:radial-gradient(
        circle at 100% 0%,
        rgba(28,180,164,.08),
        transparent 26%
      ),
      linear-gradient(
        180deg,
        rgba(14,37,41,.995),
        rgba(12,31,35,.99)
      ) !important;
}

html[data-theme="dark"] .desktopOfficialHotTopicBody{
  background:linear-gradient(
        145deg,
        rgba(20,48,53,.99),
        rgba(13,36,41,.99)
      ) !important;
  border-color:rgba(255,255,255,.055) !important;
  box-shadow:13px 15px 32px rgba(0,0,0,.28),
      -7px -7px 18px rgba(38,78,83,.18),
      inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -1px 0 rgba(0,0,0,.18) !important;
}

html[data-theme="dark"] .desktopOfficialHotTopicMedia,
  html[data-theme="dark"] .desktopOfficialHotTopicBottomCard{
  background:linear-gradient(
        145deg,
        rgba(20,48,53,.99),
        rgba(13,35,40,.99)
      ) !important;
  border-color:rgba(255,255,255,.055) !important;
  box-shadow:10px 12px 26px rgba(0,0,0,.27),
      -6px -6px 16px rgba(38,78,83,.15),
      inset 0 1px 0 rgba(255,255,255,.03),
      inset 0 -1px 0 rgba(0,0,0,.16) !important;
}

html[data-theme="dark"] .desktopOfficialHotTopicMedia{
  transform:translateY(-2px) !important;
  box-shadow:18px 20px 38px rgba(0,0,0,.34),
      0 8px 18px rgba(0,0,0,.20),
      -8px -8px 18px rgba(38,78,83,.16),
      inset 0 1px 0 rgba(255,255,255,.03),
      inset 0 -1px 0 rgba(0,0,0,.18) !important;
}

html[data-theme="dark"] .desktopOfficialHotTopicMedia::before{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,0) 26%,
        rgba(0,0,0,0) 74%,
        rgba(0,0,0,.12) 100%
      );
}

html[data-theme="dark"] .desktopOfficialHotTopicMedia::after{
  content:none !important;
  display:none !important;
}

html[data-theme="dark"] .desktopOfficialHotTopicMedia img{
  filter:saturate(1.02) contrast(1.04) brightness(.98) !important;
}

html[data-theme="dark"] :is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption) h2{
  color:#ecfbff !important;
}

html[data-theme="dark"] .desktopOfficialHotTopicTitleSecondary,
  html[data-theme="dark"] .desktopOfficialHotTopicTitleAccent,
  html[data-theme="dark"] .desktopOfficialHotTopicConsultCopy strong,
  html[data-theme="dark"] .desktopOfficialHotTopicBottomCard strong{
  color:#74e7dd !important;
}

html[data-theme="dark"] .desktopOfficialHotTopicLead,
  html[data-theme="dark"] .desktopOfficialHotTopicPoints li,
  html[data-theme="dark"] .desktopOfficialHotTopicConsultCopy p,
  html[data-theme="dark"] .desktopOfficialHotTopicBottomCard p{
  color:#acc6ca !important;
}

.desktopOfficialProfessionals{
  padding:28px 32px 30px !important;
}

.desktopOfficialProfessionalHeaderRow{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin-bottom:20px !important;
}

.desktopOfficialSectionHeader--professionals{
  max-width:820px !important;
  margin:0 !important;
  align-items:flex-start !important;
  text-align:left !important;
}

.desktopOfficialSectionHeader--professionals h2{
  margin-top:13px !important;
  font-size:clamp(27px,2.35vw,38px) !important;
}

.desktopOfficialSectionHeader--professionals p{
  max-width:760px !important;
  margin-top:9px !important;
}

.desktopOfficialProfessionalControls{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding-bottom:2px !important;
}

.desktopOfficialProfessionalControl{
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#0e9382 !important;
  background:linear-gradient(145deg,#ffffff,#f8fcfb) !important;
  border:1px solid rgba(15,159,141,.23) !important;
  border-radius:14px !important;
  box-shadow:0 10px 22px rgba(16,70,80,.075),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  cursor:pointer !important;
  transition:transform .18s ease,
      box-shadow .18s ease,
      background .18s ease !important;
}

.desktopOfficialProfessionalControl:hover{
  transform:translateY(-2px) !important;
  background:#ffffff !important;
  box-shadow:0 15px 28px rgba(16,70,80,.105),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

.desktopOfficialProfessionalControl:active{
  transform:translateY(0) !important;
}

.desktopOfficialProfessionalControl:focus-visible{
  outline:3px solid rgba(15,159,141,.20) !important;
  outline-offset:3px !important;
}

/* =========================================================
   V449 - PROFESSIONAL CAROUSEL TOP + BOTTOM SHADOW SPACE
   ---------------------------------------------------------
   Menyamakan breathing space viewport Professional Carousel
   dengan Article Carousel agar:
   - shadow bawah tidak terpotong kasar;
   - saat hover translateY(-3px), sisi atas card tidak terpotong.
   ========================================================= */
.desktopOfficialProfessionalViewport{
  width:100% !important;
  padding-top:6px !important;
  padding-bottom:7px !important;
  overflow:hidden !important;
  border-radius:20px !important;
}

.desktopOfficialProfessionalGrid{
  display:grid !important;
  grid-template-columns:none !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc(25% - 13.5px) !important;
  gap:18px !important;
  width:100% !important;
  align-items:stretch !important;
  will-change:transform !important;
}

.desktopOfficialProfessionalCard{
  min-width:0 !important;
  min-height:350px !important;
  display:flex !important;
  flex-direction:column !important;
  background:#ffffff !important;
  border:1px solid rgba(58,105,119,.10) !important;
  border-radius:20px !important;
  box-shadow:0 14px 30px rgba(16,70,80,.060),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  overflow:hidden !important;
  transform:translateZ(0) !important;
  transition:transform .18s ease,
      box-shadow .18s ease !important;
}

.desktopOfficialProfessionalCard:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 20px 38px rgba(16,70,80,.085),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

.desktopOfficialProfessionalPhotoWrap{
  min-width:0 !important;
  width:100% !important;
  height:154px !important;
  margin:0 !important;
  background:linear-gradient(180deg,#edf8f5,#f7fbfb) !important;
  overflow:hidden !important;
}

.desktopOfficialProfessionalPhoto{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center 18% !important;
  transition:transform .32s ease !important;
}

.desktopOfficialProfessionalCard:hover .desktopOfficialProfessionalPhoto{
  transform:scale(1.018) !important;
}

.desktopOfficialProfessionalBody{
  min-width:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.desktopOfficialProfessionalBadge{
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#0e9382 !important;
  background:rgba(15,159,141,.07) !important;
  border:1px solid rgba(15,159,141,.055) !important;
  border-radius:999px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

.desktopOfficialProfessionalBody h3{
  margin:10px 0 0 !important;
  color:#17384c !important;
  letter-spacing:-.018em !important;
  font-weight:800 !important;
}

.desktopOfficialProfessionalBody p{
  margin:7px 0 0 !important;
  color:#65788a !important;
}

.desktopOfficialProfessionalTags{
  display:flex !important;
  flex-wrap:wrap !important;
}

.desktopOfficialProfessionalTags span{
  padding:0 9px !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#456878 !important;
  background:#f4f8f8 !important;
  border:1px solid rgba(58,105,119,.08) !important;
  border-radius:999px !important;
  font-weight:700 !important;
}

.desktopOfficialProfileLink{
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#0e9382 !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.desktopOfficialProfileLink i{
  transition:transform .18s ease !important;
}

.desktopOfficialProfileLink:hover i{
  transform:translateX(3px) !important;
}

.desktopOfficialOutlineButton.desktopOfficialProfessionalsCta{
  margin:20px auto 0 !important;
  padding:0 22px !important;
}

html[data-theme="dark"] .desktopOfficialProfessionalControl{
  color:#73e6dd !important;
  background:linear-gradient(145deg,#123137,#0d292e) !important;
  border-color:rgba(83,235,232,.13) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="dark"] .desktopOfficialProfessionalCard{
  background:#102b30 !important;
  border-color:rgba(255,255,255,.07) !important;
}

html[data-theme="dark"] .desktopOfficialProfessionalPhotoWrap{
  background:#0d262b !important;
}

html[data-theme="dark"] .desktopOfficialProfessionalBody h3{
  color:#eafcff !important;
}

html[data-theme="dark"] .desktopOfficialProfessionalBody p{
  color:#aac8cc !important;
}

html[data-theme="dark"] .desktopOfficialProfessionalTags span{
  color:#bdd5d9 !important;
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.06) !important;
}

.desktopOfficialOutlineButton{
  width:fit-content !important;
  min-height:38px !important;
  margin:22px auto 0 !important;
  padding:0 17px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  color:#0e9382 !important;
  background:#ffffff !important;
  border:1px solid rgba(15,159,141,.24) !important;
  border-radius:999px !important;
  box-shadow:0 8px 18px rgba(16,70,80,.045),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  font-size:9.4px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  transition:background .18s ease,
      transform .18s ease !important;
}

.desktopOfficialOutlineButton:hover{
  background:rgba(15,159,141,.04) !important;
  transform:translateY(-1px) !important;
}

html[data-theme="dark"] .desktopOfficialOutlineButton{
  color:#73e6dd !important;
  background:#102b30 !important;
  border-color:rgba(83,235,232,.14) !important;
}

.desktopOfficialSupportTools{
  padding:32px 34px 34px !important;
  overflow:hidden !important;
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.985) 0%,
        rgba(250,253,253,.985) 100%
      ) !important;
  border:1px solid rgba(58,105,119,.085) !important;
  box-shadow:
      0 18px 44px rgba(16,70,80,.055),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

.desktopOfficialSupportToolsHeaderRow{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:28px !important;
  margin-bottom:28px !important;
}

.desktopOfficialSectionHeader--supportTools{
  max-width:760px !important;
  margin:0 !important;
  align-items:flex-start !important;
  text-align:left !important;
  flex:1 1 auto !important;
}

.desktopOfficialSectionHeader--supportTools h2{
  max-width:620px !important;
  margin-top:14px !important;
  color:#17384c !important;
  font-size:clamp(31px,2.65vw,42px) !important;
  line-height:1.05 !important;
  letter-spacing:-.040em !important;
}

.desktopOfficialSectionHeader--supportTools p{
  max-width:700px !important;
  margin-top:11px !important;
  color:#65788a !important;
  font-size:13px !important;
  line-height:1.58 !important;
}

.desktopOfficialSupportToolsCount{
  flex:0 0 auto !important;
  min-height:42px !important;
  padding:0 15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  color:#089891 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbfb 100%) !important;
  border:1px solid rgba(8,152,145,.13) !important;
  border-radius:999px !important;
  box-shadow:
      0 8px 18px rgba(16,70,80,.045),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  font-size:9.4px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportToolsCount i{
  font-size:11px !important;
}

.desktopOfficialSupportToolsGrid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,.98fr)
      minmax(0,.57fr)
      minmax(0,.57fr) !important;
  grid-template-rows:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}

.desktopOfficialSupportToolCard{
  position:relative !important;
  min-width:0 !important;
  min-height:210px !important;
  padding:22px 20px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  color:#17384c !important;
  text-decoration:none !important;
  isolation:isolate !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fdfefe 52%,
        #f7fafc 100%
      ) !important;
  border:1px solid rgba(255,255,255,.96) !important;
  border-radius:22px !important;
  box-shadow:
      0 3px 7px rgba(57,77,89,.055),
      0 14px 28px rgba(103,129,146,.145),
      0 30px 52px rgba(104,132,150,.105),
      0 46px 74px rgba(112,139,155,.040),
      -8px -8px 18px rgba(255,255,255,.98),
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -2px 5px rgba(128,154,169,.055) !important;
  overflow:hidden !important;
  transform:translate3d(0,0,0) !important;
  transition:none !important;
}

.desktopOfficialSupportToolCard::before{
  content:none !important;
  display:none !important;
}

.desktopOfficialSupportToolCard::after{
  content:none !important;
  display:none !important;
}

.desktopOfficialSupportToolCard > *{
  position:relative !important;
  z-index:1 !important;
}

.desktopOfficialSupportToolCard:hover{
  transform:translate3d(0,0,0) !important;
  border-color:rgba(255,255,255,.96) !important;
  box-shadow:
      0 3px 7px rgba(57,77,89,.055),
      0 14px 28px rgba(103,129,146,.145),
      0 30px 52px rgba(104,132,150,.105),
      0 46px 74px rgba(112,139,155,.040),
      -8px -8px 18px rgba(255,255,255,.98),
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -2px 5px rgba(128,154,169,.055) !important;
}

.desktopOfficialSupportToolCard:focus-visible{
  outline:3px solid rgba(15,159,141,.20) !important;
  outline-offset:3px !important;
}

.desktopOfficialSupportToolCard--featured{
  grid-column:1 !important;
  grid-row:1 / 3 !important;
  min-height:436px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,45%)
      minmax(0,55%) !important;
  align-items:stretch !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fdfefe 52%,
        #f7fafc 100%
      ) !important;
}

.desktopOfficialSupportToolCard--featured:hover{
  transform:translate3d(0,0,0) !important;
}

.desktopOfficialSupportToolCard--featured::after{
  content:none !important;
  display:none !important;
}

.desktopOfficialSupportToolCard--visual::after{
  content:none !important;
  display:none !important;
}

.desktopOfficialSupportToolCard--visual{
  min-height:228px !important;
  padding:0 0 18px !important;
  display:grid !important;
  grid-template-columns:minmax(0,55%) minmax(0,45%) !important;
  align-items:stretch !important;
}

.desktopOfficialSupportToolMiniContent{
  position:relative !important;
  z-index:2 !important;
  min-width:0 !important;
  padding:22px 10px 12px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
}

.desktopOfficialSupportToolCard--visual .desktopOfficialSupportToolCopy{
  width:100% !important;
  max-width:190px !important;
}

.desktopOfficialSupportToolCard--visual .desktopOfficialSupportToolAction{
  width:fit-content !important;
  min-width:96px !important;
  max-width:none !important;
  min-height:34px !important;
  margin-top:auto !important;
  padding:0 11px 0 13px !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  color:#089891 !important;
  background:linear-gradient(145deg,#ffffff 0%,#f3f7f9 100%) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  border-radius:999px !important;
  box-shadow:
      0 3px 6px rgba(68,90,101,.045),
      0 9px 16px rgba(113,139,154,.11),
      -3px -3px 7px rgba(255,255,255,1),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  transform:translate3d(0,0,0) !important;
  transition:
      transform .18s cubic-bezier(.22,.61,.36,1),
      box-shadow .18s cubic-bezier(.22,.61,.36,1),
      border-color .18s ease,
      background .18s ease !important;
}

.desktopOfficialSupportToolMiniVisual{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  padding:9px 7px 15px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  isolation:isolate !important;
  background:transparent !important;
}

.desktopOfficialSupportToolMiniVisual::before,
.desktopOfficialSupportToolMiniVisual::after{
  content:none !important;
  display:none !important;
}

.desktopOfficialSupportToolVisualDevice{
  position:relative !important;
  z-index:1 !important;
  width:min(96%,150px) !important;
  aspect-ratio:1 / 1 !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(145deg,#ffffff 0%,#f8fbfd 54%,#eef4f7 100%) !important;
  border:1px solid rgba(145,172,186,.14) !important;
  border-radius:27px !important;
  box-shadow:
      -5px -5px 12px rgba(255,255,255,.96),
      6px 8px 16px rgba(123,151,168,.18),
      0 16px 26px rgba(112,140,157,.08),
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -2px 5px rgba(128,156,171,.07) !important;
  overflow:hidden !important;
  transform:translate3d(0,0,0) !important;
  pointer-events:none !important;
}

.desktopOfficialSupportToolDeviceImage{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:78% !important;
  height:78% !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:.96 !important;
  filter:drop-shadow(0 7px 11px rgba(20,104,96,.075)) !important;
  transform:translate3d(0,0,0) !important;
  transition:
      transform .22s cubic-bezier(.22,.61,.36,1),
      filter .22s cubic-bezier(.22,.61,.36,1) !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}


.desktopOfficialSupportToolCard--due-date{
  grid-template-columns:minmax(0,46%) minmax(0,54%) !important;
}

.desktopOfficialSupportToolCard--due-date
  .desktopOfficialSupportToolMiniContent{
  padding:17px 7px 9px 15px !important;
  justify-content:center !important;
}

.desktopOfficialSupportToolAction--link{
  text-decoration:none !important;
}

.desktopOfficialSupportDueDateVisual{
  padding:10px 10px 12px 10px !important;
}

.desktopOfficialSupportDueDateCalculator{
  position:relative !important;
  z-index:1 !important;
  width:min(98%,184px) !important;
  min-height:190px !important;
  padding:18px 18px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:7px !important;
  color:#17384c !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fbfdfe 50%,
        #f2f7fa 100%
      ) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  border-radius:30px !important;
  box-shadow:
      0 4px 8px rgba(58,80,92,.060),
      0 14px 26px rgba(106,134,151,.17),
      0 28px 44px rgba(105,135,153,.11),
      -6px -6px 14px rgba(255,255,255,.99),
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -2px 6px rgba(128,156,171,.06) !important;
  overflow:hidden !important;
  height:190px !important;
}

.desktopOfficialSupportDueDateCalculator::before{
  content:"" !important;
  position:absolute !important;
  inset:12px !important;
  z-index:0 !important;
  border:1px solid rgba(8,152,145,.085) !important;
  border-radius:20px !important;
  box-shadow:inset 0 0 10px rgba(8,152,145,.015) !important;
  pointer-events:none !important;
}

.desktopOfficialSupportDueDateCalculator > *{
  position:relative !important;
  z-index:1 !important;
}

.desktopOfficialSupportDueDateCalculatorHeader{
  min-height:23px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:#17384c !important;
}

.desktopOfficialSupportDueDateCalculatorHeader i{
  color:#0f9f8d !important;
  font-size:15px !important;
}

.desktopOfficialSupportDueDateCalculatorHeader strong{
  font-size:10.9px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:-.022em !important;
}

.desktopOfficialSupportDueDateField{
  display:grid !important;
  gap:4px !important;
  color:#17384c !important;
}

.desktopOfficialSupportDueDateField > span:first-child{
  display:block !important;
  font-size:7.7px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
}

.desktopOfficialSupportDueDateField > span:first-child small{
  display:block !important;
  margin-top:1px !important;
  color:#728592 !important;
  font-size:7px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
}

.desktopOfficialSupportDueDateInputShell{
  min-height:32px !important;
  padding:0 8px 0 10px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 18px !important;
  align-items:center !important;
  gap:5px !important;
  background:linear-gradient(
        180deg,
        #eef5f8 0%,
        #fafcfd 100%
      ) !important;
  border:1px solid rgba(151,174,186,.09) !important;
  border-radius:16px !important;
  box-shadow:
      inset 2px 3px 7px rgba(121,148,163,.10),
      inset -3px -3px 7px rgba(255,255,255,.98) !important;
}

.desktopOfficialSupportDueDateInput{
  width:100% !important;
  min-width:0 !important;
  height:28px !important;
  padding:0 !important;
  color:#566e7f !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  font:700 8.1px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  letter-spacing:.01em !important;
}

.desktopOfficialSupportDueDateInput::placeholder{
  color:#8796a3 !important;
  opacity:.90 !important;
}

.desktopOfficialSupportDueDateInputShell > i{
  color:#0f9f8d !important;
  font-size:11px !important;
  text-align:center !important;
}

.desktopOfficialSupportDueDateField--cycle{
  gap:5px !important;
}

.desktopOfficialSupportDueDateStepper{
  min-height:34px !important;
  padding:0 5px !important;
  display:grid !important;
  grid-template-columns:29px minmax(0,1fr) 29px !important;
  align-items:center !important;
  gap:5px !important;
  background:linear-gradient(
        180deg,
        #eef5f8 0%,
        #fafcfd 100%
      ) !important;
  border:1px solid rgba(151,174,186,.09) !important;
  border-radius:18px !important;
  box-shadow:
      inset 2px 3px 7px rgba(121,148,163,.10),
      inset -3px -3px 7px rgba(255,255,255,.98) !important;
}

.desktopOfficialSupportDueDateStepButton{
  width:25px !important;
  height:25px !important;
  display:grid !important;
  place-items:center !important;
  color:#089891 !important;
  background:linear-gradient(145deg,#ffffff 0%,#f0f5f7 100%) !important;
  border:1px solid rgba(138,166,181,.12) !important;
  border-radius:50% !important;
  box-shadow:
      -2px -2px 5px rgba(255,255,255,1),
      3px 4px 7px rgba(126,151,166,.13),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  font-size:9px !important;
}

.desktopOfficialSupportDueDateCycleValue{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:4px !important;
  color:#17384c !important;
}

.desktopOfficialSupportDueDateCycleInput{
  width:31px !important;
  padding:0 !important;
  color:#17384c !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  appearance:textfield !important;
  -moz-appearance:textfield !important;
  font:800 14.5px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  text-align:center !important;
}

.desktopOfficialSupportDueDateCycleInput::-webkit-inner-spin-button,
.desktopOfficialSupportDueDateCycleInput::-webkit-outer-spin-button{
  margin:0 !important;
  -webkit-appearance:none !important;
}

.desktopOfficialSupportDueDateCycleValue small{
  color:#7a8b99 !important;
  font-size:7.7px !important;
  line-height:1 !important;
  font-weight:700 !important;
}



.desktopOfficialSupportToolCard--fertility{
  grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
}

.desktopOfficialSupportToolCard--fertility
  .desktopOfficialSupportToolMiniContent{
  padding-right:6px !important;
}

.desktopOfficialSupportFertilityVisual{
  padding:10px 10px 12px 10px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}

.desktopOfficialSupportFertilityCalculator{
  position:relative !important;
  z-index:1 !important;
  width:min(98%,184px) !important;
  min-height:190px !important;
  padding:17px 17px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:4px !important;
  color:#17384c !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fbfdfe 50%,
        #f2f7fa 100%
      ) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  border-radius:30px !important;
  box-shadow:
      0 4px 8px rgba(58,80,92,.060),
      0 14px 26px rgba(106,134,151,.17),
      0 28px 44px rgba(105,135,153,.11),
      -6px -6px 14px rgba(255,255,255,.99),
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -2px 6px rgba(128,156,171,.06) !important;
  overflow:hidden !important;
  height:190px !important;
}

.desktopOfficialSupportFertilityCalculator::before{
  content:"" !important;
  position:absolute !important;
  inset:12px !important;
  z-index:0 !important;
  border:1px solid rgba(8,152,145,.085) !important;
  border-radius:20px !important;
  box-shadow:inset 0 0 10px rgba(8,152,145,.015) !important;
  pointer-events:none !important;
}

.desktopOfficialSupportFertilityCalculator > *{
  position:relative !important;
  z-index:1 !important;
}

.desktopOfficialSupportFertilityCalculatorHeader{
  min-height:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:#17384c !important;
}

.desktopOfficialSupportFertilityCalculatorHeader i{
  color:#0f9f8d !important;
  font-size:13px !important;
}

.desktopOfficialSupportFertilityCalculatorHeader strong{
  font-size:9.5px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:-.022em !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportFertilityField{
  display:grid !important;
  gap:3px !important;
  color:#17384c !important;
}

.desktopOfficialSupportFertilityField > span:first-child{
  display:block !important;
  font-size:6px !important;
  line-height:1.10 !important;
  font-weight:800 !important;
  white-space:normal !important;
}

.desktopOfficialSupportFertilityInputShell{
  min-height:26px !important;
  padding:0 6px 0 7px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 15px !important;
  align-items:center !important;
  gap:4px !important;
  background:linear-gradient(
        180deg,
        #eef5f8 0%,
        #fafcfd 100%
      ) !important;
  border:1px solid rgba(151,174,186,.09) !important;
  border-radius:13px !important;
  box-shadow:
      inset 2px 3px 7px rgba(121,148,163,.10),
      inset -3px -3px 7px rgba(255,255,255,.98) !important;
}

.desktopOfficialSupportFertilityDateInput{
  width:100% !important;
  min-width:0 !important;
  height:21px !important;
  padding:0 !important;
  color:#566e7f !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  font:700 6.7px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  letter-spacing:.01em !important;
}

.desktopOfficialSupportFertilityDateInput::placeholder{
  color:#8796a3 !important;
  opacity:.90 !important;
}

.desktopOfficialSupportFertilityInputShell > i{
  color:#0f9f8d !important;
  font-size:9px !important;
  text-align:center !important;
}

.desktopOfficialSupportFertilityStepper{
  min-height:27px !important;
  padding:0 4px !important;
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) 22px !important;
  align-items:center !important;
  gap:3px !important;
  background:linear-gradient(
        180deg,
        #eef5f8 0%,
        #fafcfd 100%
      ) !important;
  border:1px solid rgba(151,174,186,.09) !important;
  border-radius:14px !important;
  box-shadow:
      inset 2px 3px 7px rgba(121,148,163,.10),
      inset -3px -3px 7px rgba(255,255,255,.98) !important;
}

.desktopOfficialSupportFertilityStepButton{
  width:20px !important;
  height:20px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#089891 !important;
  background:linear-gradient(145deg,#ffffff 0%,#f0f5f7 100%) !important;
  border:1px solid rgba(138,166,181,.12) !important;
  border-radius:50% !important;
  box-shadow:
      -2px -2px 5px rgba(255,255,255,1),
      3px 4px 7px rgba(126,151,166,.13),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  font-size:7px !important;
  cursor:pointer !important;
}

.desktopOfficialSupportFertilityCycleValue{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:4px !important;
  color:#17384c !important;
}

.desktopOfficialSupportFertilityCycleInput{
  width:26px !important;
  padding:0 !important;
  color:#17384c !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  appearance:textfield !important;
  -moz-appearance:textfield !important;
  font:800 11.5px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  text-align:center !important;
}

.desktopOfficialSupportFertilityCycleInput::-webkit-inner-spin-button,
.desktopOfficialSupportFertilityCycleInput::-webkit-outer-spin-button{
  margin:0 !important;
  -webkit-appearance:none !important;
}

.desktopOfficialSupportFertilityCycleValue small{
  color:#7a8b99 !important;
  font-size:6px !important;
  line-height:1 !important;
  font-weight:700 !important;
}

.desktopOfficialSupportToolCard--kick{
  grid-template-columns:minmax(0,43%) minmax(0,57%) !important;
}

.desktopOfficialSupportToolCard--kick
  .desktopOfficialSupportToolMiniContent{
  padding-right:6px !important;
}

.desktopOfficialSupportKickVisual{
  padding:10px 10px 12px 10px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}

.desktopOfficialSupportKickTracker{
  position:relative !important;
  z-index:1 !important;
  width:min(98%,184px) !important;
  min-height:190px !important;
  padding:17px 17px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:5px !important;
  color:#17384c !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fbfdfe 50%,
        #f2f7fa 100%
      ) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  border-radius:30px !important;
  box-shadow:
      0 4px 8px rgba(58,80,92,.060),
      0 14px 26px rgba(106,134,151,.17),
      0 28px 44px rgba(105,135,153,.11),
      -6px -6px 14px rgba(255,255,255,.99),
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -2px 6px rgba(128,156,171,.06) !important;
  overflow:hidden !important;
  pointer-events:none !important;
  height:190px !important;
}

.desktopOfficialSupportKickTracker::before{
  content:"" !important;
  position:absolute !important;
  inset:12px !important;
  z-index:0 !important;
  border:1px solid rgba(8,152,145,.085) !important;
  border-radius:20px !important;
  box-shadow:inset 0 0 10px rgba(8,152,145,.015) !important;
  pointer-events:none !important;
}

.desktopOfficialSupportKickTracker > *{
  position:relative !important;
  z-index:1 !important;
}

.desktopOfficialSupportKickTrackerHeader{
  min-height:19px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  color:#17384c !important;
}

.desktopOfficialSupportKickHeaderFoot{
  display:block !important;
  width:15px !important;
  height:18px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 2px 3px rgba(15,159,141,.10)) !important;
  transform:rotate(-12deg) !important;
}

.desktopOfficialSupportKickTrackerHeader strong{
  font-size:9.2px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:-.022em !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportKickTrackerHint{
  display:block !important;
  margin-top:-1px !important;
  color:#7b8d9b !important;
  font-size:5.6px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  text-align:center !important;
}

.desktopOfficialSupportKickFootGrid{
  width:100% !important;
  margin-top:2px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:3px !important;
}

.desktopOfficialSupportKickFootItem{
  aspect-ratio:1 / 1 !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(145deg,#ffffff 0%,#f1f6f8 100%) !important;
  border:1px solid rgba(8,152,145,.08) !important;
  border-radius:50% !important;
  box-shadow:
      -2px -2px 5px rgba(255,255,255,1),
      3px 4px 7px rgba(126,151,166,.12),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

.desktopOfficialSupportKickFootItem img{
  display:block !important;
  width:60% !important;
  height:60% !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 2px 2px rgba(15,159,141,.08)) !important;
  transform:rotate(-11deg) !important;
}

.desktopOfficialSupportKickTimer{
  min-height:34px !important;
  padding:4px 7px 3px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:1px !important;
  background:linear-gradient(
        180deg,
        #eef5f8 0%,
        #fafcfd 100%
      ) !important;
  border:1px solid rgba(151,174,186,.09) !important;
  border-radius:16px !important;
  box-shadow:
      inset 2px 3px 7px rgba(121,148,163,.10),
      inset -3px -3px 7px rgba(255,255,255,.98) !important;
}

.desktopOfficialSupportKickTimer small{
  color:#17384c !important;
  font-size:5.2px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

.desktopOfficialSupportKickTimer strong{
  color:#0b3550 !important;
  font-size:14.5px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
  font-variant-numeric:tabular-nums !important;
}

.desktopOfficialSupportKickCountState{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

.desktopOfficialSupportToolCard--fetal{
  grid-template-columns:minmax(0,40%) minmax(0,60%) !important;
}

.desktopOfficialSupportToolCard--fetal
  .desktopOfficialSupportToolMiniContent{
  padding-right:4px !important;
}

.desktopOfficialSupportFetalVisual{
  padding:10px 10px 12px 10px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}

.desktopOfficialSupportFetalGrowthPanel{
  position:relative !important;
  z-index:1 !important;
  width:min(98%,184px) !important;
  min-height:190px !important;
  padding:20px 17px 13px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:5px !important;
  color:#17384c !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fbfdfe 50%,
        #f2f7fa 100%
      ) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  border-radius:30px !important;
  box-shadow:
      0 4px 8px rgba(58,80,92,.060),
      0 14px 26px rgba(106,134,151,.17),
      0 28px 44px rgba(105,135,153,.11),
      -6px -6px 14px rgba(255,255,255,.99),
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -2px 6px rgba(128,156,171,.06) !important;
  overflow:hidden !important;
  pointer-events:none !important;
  height:190px !important;
}

.desktopOfficialSupportFetalGrowthPanel::before{
  content:"" !important;
  position:absolute !important;
  inset:12px !important;
  z-index:0 !important;
  border:1px solid rgba(8,152,145,.085) !important;
  border-radius:20px !important;
  box-shadow:inset 0 0 10px rgba(8,152,145,.015) !important;
  pointer-events:none !important;
}

.desktopOfficialSupportFetalGrowthPanel > *{
  position:relative !important;
  z-index:1 !important;
}

.desktopOfficialSupportFetalGrowthTop{
  min-height:23px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:6px !important;
  margin-top:2px !important;
}

.desktopOfficialSupportFetalGrowthIntro{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:2px !important;
  overflow:hidden !important;
}

.desktopOfficialSupportFetalGrowthIntro > small{
  max-width:100% !important;
  color:#0f9f8d !important;
  font-size:4.2px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.desktopOfficialSupportFetalGrowthIntro > strong{
  max-width:100% !important;
  color:#17384c !important;
  font-size:6.6px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  letter-spacing:-.018em !important;
  white-space:normal !important;
}

.desktopOfficialSupportFetalWeekBadge{
  flex:0 0 auto !important;
  min-width:46px !important;
  min-height:18px !important;
  padding:0 6px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(105,151,158,.070) !important;
  border-radius:999px !important;
  box-shadow:0 4px 9px rgba(44,73,80,.050) !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportFetalWeekBadge small{
  color:#17384c !important;
  font-size:3.7px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

.desktopOfficialSupportFetalWeekBadge strong{
  color:#0f9f8d !important;
  font-size:8.8px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
}

.desktopOfficialSupportFetalGrowthBody{
  min-height:59px !important;
  display:grid !important;
  grid-template-columns:minmax(0,42%) minmax(0,58%) !important;
  align-items:center !important;
  gap:5px !important;
}

.desktopOfficialSupportFetalAgeControl{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:4px !important;
}

.desktopOfficialSupportFetalAgeControl > small{
  color:#17384c !important;
  font-size:4.3px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportFetalAgeStepper{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:16px minmax(30px,1fr) 16px !important;
  align-items:center !important;
  justify-items:center !important;
  gap:2px !important;
}

.desktopOfficialSupportFetalAgeButton{
  width:15px !important;
  height:15px !important;
  display:grid !important;
  place-items:center !important;
  color:#089891 !important;
  background:linear-gradient(145deg,#ffffff 0%,#f0f5f7 100%) !important;
  border:1px solid rgba(138,166,181,.12) !important;
  border-radius:50% !important;
  box-shadow:
      -2px -2px 5px rgba(255,255,255,1),
      3px 4px 7px rgba(126,151,166,.13),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  font-size:5px !important;
}

.desktopOfficialSupportFetalAgeValue{
  min-width:30px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}

.desktopOfficialSupportFetalAgeValue strong{
  display:block !important;
  min-width:30px !important;
  color:#0f9f8d !important;
  font-size:18px !important;
  line-height:.88 !important;
  font-weight:800 !important;
  letter-spacing:-.055em !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportFetalAgeValue small{
  display:block !important;
  margin-top:3px !important;
  color:#17384c !important;
  font-size:4px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportFetalImageStage{
  min-width:0 !important;
  min-height:59px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:radial-gradient(
        circle at 50% 48%,
        rgba(255,196,190,.16) 0%,
        rgba(255,220,215,.08) 42%,
        rgba(255,255,255,0) 72%
      ) !important;
}

.desktopOfficialSupportFetalGrowthImage{
  display:block !important;
  width:60px !important;
  max-width:100% !important;
  max-height:60px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:.98 !important;
  filter:drop-shadow(0 5px 8px rgba(187,95,87,.10)) !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}

.desktopOfficialSupportFetalTimeline{
  position:relative !important;
  min-height:34px !important;
  padding:4px 5px 3px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  overflow:hidden !important;
  background:linear-gradient(
        180deg,
        #eef5f8 0%,
        #fafcfd 100%
      ) !important;
  border:1px solid rgba(151,174,186,.09) !important;
  border-radius:11px !important;
  box-shadow:
      inset 2px 3px 7px rgba(121,148,163,.10),
      inset -3px -3px 7px rgba(255,255,255,.98) !important;
}

.desktopOfficialSupportFetalTimelineLabel{
  display:block !important;
  color:#17384c !important;
  font-size:3.4px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.desktopOfficialSupportFetalTimelineTrack{
  position:absolute !important;
  z-index:0 !important;
  left:9px !important;
  right:9px !important;
  bottom:12px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(
        90deg,
        #16a99f 0%,
        #16a99f 50%,
        rgba(188,229,225,.90) 50%,
        rgba(188,229,225,.90) 100%
      ) !important;
}

.desktopOfficialSupportFetalTimelinePoints{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:repeat(9,minmax(0,1fr)) !important;
  align-items:end !important;
  gap:0 !important;
}

.desktopOfficialSupportFetalWeekPoint{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:2px !important;
}

.desktopOfficialSupportFetalWeekPoint > span{
  width:4px !important;
  height:4px !important;
  display:block !important;
  background:#16a99f !important;
  border-radius:50% !important;
}

.desktopOfficialSupportFetalWeekPoint small{
  color:#8a89bc !important;
  font-size:3.3px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportFetalWeekPoint.is-active > span{
  width:7px !important;
  height:7px !important;
  background:#0f9f8d !important;
  box-shadow:
      0 0 0 2px rgba(15,159,141,.10),
      0 3px 5px rgba(15,159,141,.14) !important;
}

.desktopOfficialSupportFetalWeekPoint.is-active small{
  color:#0f9f8d !important;
  font-size:3.8px !important;
}

.desktopOfficialSupportFetalWeekPoint:nth-child(n+6) > span{
  background:#bce7e1 !important;
}

.desktopOfficialSupportToolFeaturedContent{
  position:relative !important;
  z-index:2 !important;
  min-width:0 !important;
  padding:28px 18px 12px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}


.desktopOfficialSupportToolCard--featured
  .desktopOfficialSupportToolCopy{
  margin-top:0 !important;
}

.desktopOfficialSupportToolCard--featured
  .desktopOfficialSupportToolCopy strong{
  font-size:22px !important;
  line-height:1.16 !important;
}

.desktopOfficialSupportToolCard--featured
  .desktopOfficialSupportToolCopy small{
  max-width:285px !important;
  margin-top:13px !important;
  font-size:11.6px !important;
  line-height:1.58 !important;
}

.desktopOfficialSupportToolCard--featured
  .desktopOfficialSupportToolAction{
  min-width:88px !important;
  min-height:30px !important;
  padding:0 9px 0 11px !important;
  justify-content:flex-start !important;
  gap:7px !important;
  font-size:8px !important;
}


.desktopOfficialSupportWeightInputPreview{
  width:min(100%,264px) !important;
  margin-top:16px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:9px !important;
}

.desktopOfficialSupportWeightInputField{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}

.desktopOfficialSupportWeightInputLabel{
  display:block !important;
  min-width:0 !important;
  padding-left:2px !important;
  color:#405f70 !important;
  font-size:8.2px !important;
  line-height:1.16 !important;
  font-weight:800 !important;
  letter-spacing:.005em !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportWeightInputShell{
  width:100% !important;
  min-height:32px !important;
  padding:0 10px 0 11px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 44px !important;
  align-items:center !important;
  gap:0 !important;
  background:linear-gradient(
        180deg,
        #eef5f8 0%,
        #fafcfd 100%
      ) !important;
  border:1px solid rgba(151,174,186,.09) !important;
  border-radius:12px !important;
  box-shadow:
      inset 2px 3px 7px rgba(121,148,163,.10),
      inset -3px -3px 7px rgba(255,255,255,.98) !important;
  transition:
      border-color .18s ease,
      box-shadow .18s ease,
      background .18s ease !important;
}

.desktopOfficialSupportWeightInputShell:focus-within{
  background:linear-gradient(180deg,#f1f7f9 0%,#ffffff 100%) !important;
  border-color:rgba(8,152,145,.24) !important;
  box-shadow:
      inset 3px 4px 8px rgba(121,150,166,.095),
      inset -3px -3px 7px rgba(255,255,255,.98),
      0 0 0 3px rgba(8,152,145,.055),
      0 5px 10px rgba(8,152,145,.035) !important;
}

.desktopOfficialSupportWeightInput{
  width:100% !important;
  min-width:0 !important;
  height:30px !important;
  padding:0 !important;
  color:#17384c !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  appearance:textfield !important;
  -moz-appearance:textfield !important;
  font:700 8.7px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  letter-spacing:.005em !important;
}

.desktopOfficialSupportWeightInput::placeholder{
  color:#91a0aa !important;
  opacity:.88 !important;
  font-weight:650 !important;
}

.desktopOfficialSupportWeightInputShell--select{
  grid-template-columns:minmax(0,1fr) 18px !important;
  padding-right:10px !important;
}

.desktopOfficialSupportWeightSelect{
  width:100% !important;
  min-width:0 !important;
  height:30px !important;
  padding:0 4px 0 0 !important;
  color:#17384c !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  font:700 8.7px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  letter-spacing:.005em !important;
  cursor:pointer !important;
}

.desktopOfficialSupportWeightSelect:invalid{
  color:#91a0aa !important;
}

.desktopOfficialSupportWeightSelect option{
  color:#17384c !important;
  background:#ffffff !important;
}

.desktopOfficialSupportWeightSelectIcon{
  color:#0e9382 !important;
  font-size:8px !important;
  text-align:center !important;
  pointer-events:none !important;
}

.desktopOfficialSupportWeightInputUnit{
  width:44px !important;
  min-width:44px !important;
  height:18px !important;
  padding:0 0 0 8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  color:#0e9382 !important;
  border-left:1px solid rgba(140,171,186,.22) !important;
  font-size:7.8px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}

.desktopOfficialSupportWeightInput::-webkit-inner-spin-button,
.desktopOfficialSupportWeightInput::-webkit-outer-spin-button{
  margin:0 !important;
  -webkit-appearance:none !important;
}


html[data-theme="dark"] .desktopOfficialSupportWeightInputShell{
  min-height:27px !important;
  padding:0 8px 0 9px !important;
  grid-template-columns:minmax(0,1fr) 36px !important;
  gap:0 !important;
  border-radius:10px !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightInputShell:focus-within{
  background:rgba(18,52,57,.98) !important;
  border-color:rgba(115,230,221,.30) !important;
  box-shadow:
      inset 0 4px 8px rgba(0,0,0,.15),
      inset 0 -2px 5px rgba(255,255,255,.03),
      0 0 0 3px rgba(83,235,232,.075) !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightInput,
html[data-theme="dark"] .desktopOfficialSupportWeightSelect{
  height:25px !important;
  font-size:7.2px !important;
  color:#d7e8ea !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightSelect:invalid{
  color:#a8c4c8 !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightSelect option{
  color:#d7e8ea !important;
  background:#102b30 !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightSelectIcon{
  color:#73e6dd !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightInput::placeholder{
  color:#a8c4c8 !important;
  opacity:.86 !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightInputLabel{
  color:#c7dde0 !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightInputUnit{
  width:36px !important;
  min-width:36px !important;
  height:16px !important;
  padding-left:6px !important;
  font-size:6.5px !important;
}

.desktopOfficialSupportToolFeaturedVisual{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:radial-gradient(
        circle at 53% 49%,
        rgba(130,154,168,.045) 0%,
        rgba(130,154,168,.012) 42%,
        rgba(130,154,168,0) 72%
      ) !important;
}

.desktopOfficialSupportWeightVisual{
  isolation:isolate !important;
  contain:layout paint !important;
}

.desktopOfficialSupportWeightDevice{
  --support-weight-device-radius:44px;
  --support-weight-device-inner-radius:36px;
  --support-weight-device-tilt:-9.5deg;
  position:relative !important;
  isolation:isolate !important;
  width:min(90%,330px) !important;
  aspect-ratio:1 / .97 !important;
  display:grid !important;
  grid-template-rows:1fr auto !important;
  align-items:center !important;
  justify-items:center !important;
  padding:16px 22px 18px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:var(--support-weight-device-radius) !important;
  box-shadow:none !important;
  overflow:visible !important;
  transform:translate3d(0,0,0) !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}

.desktopOfficialSupportWeightDevice::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fbfdfe 48%,
        #eef4f7 100%
      ) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  border-radius:var(--support-weight-device-radius) !important;
  box-shadow:
      0 5px 10px rgba(58,79,91,.06),
      0 18px 34px rgba(104,132,149,.19),
      0 36px 56px rgba(103,133,151,.12),
      -9px -9px 20px rgba(255,255,255,1),
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -5px 11px rgba(125,155,172,.07) !important;
  transform:perspective(760px)
      rotateX(var(--support-weight-device-tilt))
      translate3d(0,0,0) !important;
  transform-origin:center top !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  pointer-events:none !important;
}

.desktopOfficialSupportWeightDevice::after{
  content:"" !important;
  position:absolute !important;
  inset:10px 11px 12px !important;
  z-index:1 !important;
  background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fbfdfe 50%,
        #f4f8fa 100%
      ) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  border-radius:var(--support-weight-device-inner-radius) !important;
  box-shadow:
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -3px 7px rgba(127,155,170,.05) !important;
  transform:perspective(760px)
      rotateX(var(--support-weight-device-tilt))
      translate3d(0,0,0) !important;
  transform-origin:center top !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  pointer-events:none !important;
}

.desktopOfficialSupportWeightDeviceGlow{
  position:absolute !important;
  z-index:2 !important;
  right:8% !important;
  bottom:8% !important;
  width:62% !important;
  height:38% !important;
  background:radial-gradient(
        ellipse,
        rgba(119,148,164,.08) 0%,
        rgba(119,148,164,.025) 44%,
        rgba(119,148,164,0) 78%
      ) !important;
  filter:blur(16px) !important;
  opacity:.28 !important;
  pointer-events:none !important;
}

.desktopOfficialSupportWeightGaugeShell{
  position:relative !important;
  z-index:4 !important;
  width:min(100%,232px) !important;
  min-height:132px !important;
  margin-top:-114px !important;
  display:grid !important;
  place-items:center !important;
  isolation:isolate !important;
  border-radius:38px 38px 27px 27px !important;
  filter:drop-shadow(0 5px 9px rgba(104,126,138,.11)) !important;
}

.desktopOfficialSupportWeightGaugeFace{
  position:absolute !important;
  inset:4px 2px 5px !important;
  z-index:0 !important;
  border-radius:37px 37px 25px 25px !important;
  background:
      radial-gradient(
        ellipse at 50% 112%,
        rgba(218,226,230,.48) 0%,
        rgba(246,248,249,.25) 44%,
        rgba(255,255,255,0) 72%
      ),
      linear-gradient(
        180deg,
        #ffffff 0%,
        #fdfefe 46%,
        #f7f9fa 72%,
        #f0f4f6 100%
      ) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  box-shadow:
      0 0 0 3px rgba(154,172,182,.28),
      0 0 0 5px rgba(255,255,255,.78),
      inset 0 10px 15px rgba(63,83,91,.11),
      inset 7px 0 12px rgba(75,94,102,.045),
      inset -7px 0 12px rgba(75,94,102,.030),
      inset 0 -8px 13px rgba(255,255,255,.96),
      inset 0 0 0 1px rgba(143,158,166,.12),
      0 5px 9px rgba(91,115,127,.07) !important;
  pointer-events:none !important;
}

.desktopOfficialSupportWeightGauge{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:92% !important;
  height:auto !important;
  overflow:visible !important;
  filter:drop-shadow(0 2px 2px rgba(24,42,46,.055)) !important;
}

.desktopOfficialSupportWeightGaugeGlass{
  position:absolute !important;
  inset:8px 6px 9px !important;
  z-index:3 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:31px 31px 20px 20px !important;
  background:linear-gradient(
        132deg,
        rgba(255,255,255,.13) 0%,
        rgba(255,255,255,.045) 19%,
        rgba(255,255,255,0) 42%
      ) !important;
  border:1px solid rgba(255,255,255,.36) !important;
  box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      inset 0 -1px 0 rgba(128,149,160,.035) !important;
  opacity:.34 !important;
  pointer-events:none !important;
}

.desktopOfficialSupportWeightGaugeGlass::before{
  content:none !important;
  display:none !important;
}

.desktopOfficialSupportWeightGaugeGlass::after{
  content:none !important;
  display:none !important;
}

.desktopOfficialSupportWeightGaugeTrack,
.desktopOfficialSupportWeightGaugeRange,
.desktopOfficialSupportWeightGaugeTicks{
  fill:none !important;
  stroke:#263238 !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
}

.desktopOfficialSupportWeightGaugeTick{
  stroke:#2b363b !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  vector-effect:non-scaling-stroke !important;
}

.desktopOfficialSupportWeightGaugeTick--major{
  stroke:#172328 !important;
  stroke-width:3.1 !important;
}

.desktopOfficialSupportWeightGaugeTrack{
  stroke:#d6dfe2 !important;
  stroke-width:15.5 !important;
  stroke-dasharray:none !important;
  filter:drop-shadow(0 1px 1px rgba(30,48,53,.08)) !important;
}

.desktopOfficialSupportWeightGaugeRange{
  stroke:url(#desktopSupportWeightGaugeGradient) !important;
  stroke-width:11.5 !important;
  stroke-dasharray:none !important;
  filter:drop-shadow(0 1px 1px rgba(35,48,52,.16)) drop-shadow(0 2px 2px rgba(35,48,52,.08)) !important;
}

.desktopOfficialSupportWeightGaugeTicks{
  stroke:rgba(255,255,255,.94) !important;
  stroke-width:2.1 !important;
  stroke-dasharray:1 5.25 !important;
}

.desktopOfficialSupportWeightGaugeLabel{
  fill:#172329 !important;
  paint-order:normal !important;
  stroke:none !important;
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}

.desktopOfficialSupportWeightGaugeUnit{
  fill:#172329 !important;
  paint-order:normal !important;
  stroke:none !important;
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}

.desktopOfficialSupportWeightNeedle{
  transform-origin:160px 155px !important;
  transform:rotate(0deg) !important;
  will-change:transform !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

.desktopOfficialSupportWeightNeedleBody{
  fill:url(#desktopSupportWeightNeedleGradient) !important;
  stroke:#c62637 !important;
  stroke-width:.85 !important;
  filter:drop-shadow(0 2px 2px rgba(74,20,24,.22)) drop-shadow(0 4px 4px rgba(34,49,52,.12)) !important;
}

.desktopOfficialSupportWeightNeedleHubOuter{
  fill:#fbfdfe !important;
  stroke:#d6dfe2 !important;
  stroke-width:2 !important;
  filter:drop-shadow(0 2px 2px rgba(26,43,47,.14)) drop-shadow(0 5px 6px rgba(26,43,47,.10)) !important;
}

.desktopOfficialSupportWeightNeedleHubInner{
  fill:#0f9f8d !important;
  stroke:#087f78 !important;
  stroke-width:1.6 !important;
}

.desktopOfficialSupportWeightPads{
  position:absolute !important;
  z-index:3 !important;
  right:19% !important;
  bottom:13px !important;
  left:19% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  pointer-events:none !important;
}

.desktopOfficialSupportWeightPads span{
  display:none !important;
}

.desktopOfficialSupportWeightPads::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:23px !important;
  width:180px !important;
  height:120px !important;
  background-image:url("../assets/landingpage/alat-berat-badan-bumil.png") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  opacity:.42 !important;
  transform:translateX(-50%) !important;
  filter:brightness(0) saturate(100%) invert(79%) sepia(12%) saturate(663%) hue-rotate(123deg) brightness(98%) contrast(88%) drop-shadow(0 3px 5px rgba(73,117,123,.07)) !important;
  pointer-events:none !important;
}

.desktopOfficialSupportWeightDeviceBase{
  position:absolute !important;
  z-index:-1 !important;
  right:10% !important;
  bottom:-12px !important;
  left:10% !important;
  height:34px !important;
  border-radius:50% !important;
  background:rgba(84,123,139,.16) !important;
  filter:blur(16px) !important;
  pointer-events:none !important;
}

.desktopOfficialSupportToolCopy{
  min-width:0 !important;
  margin-top:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.desktopOfficialSupportToolCopy strong{
  color:#17384c !important;
  font-size:13.4px !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  letter-spacing:-.016em !important;
}

.desktopOfficialSupportToolCopy small{
  margin-top:8px !important;
  color:#65788a !important;
  font-size:9.7px !important;
  line-height:1.52 !important;
  font-weight:500 !important;
}

.desktopOfficialSupportToolAction{
  width:fit-content !important;
  min-width:122px !important;
  max-width:none !important;
  min-height:36px !important;
  margin-top:auto !important;
  padding:0 14px 0 17px !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:15px !important;
  color:#0e9382 !important;
  background:linear-gradient(
        145deg,
        rgba(255,255,255,1) 0%,
        rgba(250,254,253,.998) 52%,
        rgba(242,250,248,.996) 100%
      ) !important;
  border:1px solid rgba(15,159,141,.105) !important;
  border-radius:999px !important;
  box-shadow:
      0 4px 8px rgba(38,78,82,.050),
      0 10px 19px rgba(31,102,96,.085),
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -2px 5px rgba(124,184,178,.065) !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  transform:translate3d(0,0,0) !important;
  transition:
      transform .18s cubic-bezier(.22,.61,.36,1),
      box-shadow .18s cubic-bezier(.22,.61,.36,1),
      border-color .18s ease,
      background .18s ease !important;
}

.desktopOfficialSupportToolAction i{
  flex:0 0 auto !important;
  font-size:11px !important;
  transition:transform .18s cubic-bezier(.22,.61,.36,1) !important;
}

.desktopOfficialSupportToolAction:hover{
  color:#087f78 !important;
  background:linear-gradient(145deg,#ffffff 0%,#eef5f7 100%) !important;
  border-color:rgba(8,152,145,.12) !important;
  box-shadow:
      0 4px 7px rgba(68,90,101,.05),
      0 11px 19px rgba(113,139,154,.14),
      -3px -3px 7px rgba(255,255,255,1),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  transform:translate3d(0,-1px,0) !important;
}

.desktopOfficialSupportToolAction:hover i{
  transform:translateX(3px) !important;
}

.desktopOfficialSupportToolAction--link:focus-visible{
  outline:3px solid rgba(15,159,141,.16) !important;
  outline-offset:3px !important;
}

.desktopOfficialSupportToolsGrid
  > .desktopOfficialSupportToolCard:nth-child(2){
  grid-column:2 !important;
  grid-row:1 !important;
}

.desktopOfficialSupportToolsGrid
  > .desktopOfficialSupportToolCard:nth-child(3){
  grid-column:3 !important;
  grid-row:1 !important;
}

.desktopOfficialSupportToolsGrid
  > .desktopOfficialSupportToolCard:nth-child(4){
  grid-column:2 !important;
  grid-row:2 !important;
}

.desktopOfficialSupportToolsGrid
  > .desktopOfficialSupportToolCard:nth-child(5){
  grid-column:3 !important;
  grid-row:2 !important;
}

html[data-theme="dark"] .desktopOfficialSupportToolsCount{
  color:#73e6dd !important;
  background:linear-gradient(
        180deg,
        rgba(18,49,55,.98) 0%,
        rgba(12,37,42,.98) 100%
      ) !important;
  border-color:rgba(83,235,232,.10) !important;
  box-shadow:0 9px 20px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="dark"] .desktopOfficialSupportToolCard{
  color:#eafcff !important;
  background:linear-gradient(145deg,#ffffff 0%,#fbfdfe 58%,#f6fafc 100%) !important;
  border-color:rgba(255,255,255,.065) !important;
  box-shadow:-6px -6px 15px rgba(255,255,255,1), 7px 9px 18px rgba(142,163,178,.10), 0 18px 32px rgba(117,142,159,.055), inset 0 1px 0 rgba(255,255,255,1) !important;
  border:1px solid rgba(171,189,199,.10) !important;
}

html[data-theme="dark"] .desktopOfficialSupportToolCard:hover{
  border-color:rgba(255,255,255,.065) !important;
  box-shadow:
      0 5px 10px rgba(0,0,0,.15),
      0 15px 30px rgba(0,0,0,.20),
      0 27px 48px rgba(0,0,0,.13),
      inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -1px 0 rgba(0,0,0,.10) !important;
}

html[data-theme="dark"] .desktopOfficialSupportToolVisualDevice{
  background:linear-gradient(
        145deg,
        rgba(22,51,56,.99) 0%,
        rgba(15,41,46,.985) 56%,
        rgba(11,33,38,.98) 100%
      ) !important;
  border-color:rgba(255,255,255,.050) !important;
  box-shadow:
      0 8px 18px rgba(0,0,0,.18),
      0 18px 30px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -2px 6px rgba(0,0,0,.12) !important;
}

html[data-theme="dark"] .desktopOfficialSupportToolDeviceImage{
  opacity:.82 !important;
  filter:
      brightness(.94)
      saturate(.90)
      drop-shadow(0 7px 12px rgba(0,0,0,.15)) !important;
}


html[data-theme="dark"] .desktopOfficialSupportDueDateCalculator{
  color:#eafcff !important;
  background:linear-gradient(
        145deg,
        rgba(22,51,56,.99) 0%,
        rgba(15,41,46,.985) 56%,
        rgba(11,33,38,.98) 100%
      ) !important;
  border-color:rgba(255,255,255,.050) !important;
  box-shadow:
      0 8px 18px rgba(0,0,0,.18),
      0 18px 30px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -2px 6px rgba(0,0,0,.12) !important;
  
  
  
}

html[data-theme="dark"] .desktopOfficialSupportDueDateCalculator::before{
  border-color:rgba(83,235,232,.075) !important;
  box-shadow:inset 0 0 18px rgba(83,235,232,.018) !important;
  inset:8px !important;
  border-radius:16px !important;
}

html[data-theme="dark"] .desktopOfficialSupportDueDateCalculatorHeader,
html[data-theme="dark"] .desktopOfficialSupportDueDateField,
html[data-theme="dark"] .desktopOfficialSupportDueDateCycleValue,
html[data-theme="dark"] .desktopOfficialSupportDueDateCycleInput{
  color:#eafcff !important;
}

html[data-theme="dark"] .desktopOfficialSupportDueDateField > span:first-child small,
html[data-theme="dark"] .desktopOfficialSupportDueDateCycleValue small{
  color:#9db8bd !important;
}

html[data-theme="dark"] .desktopOfficialSupportDueDateInputShell,
html[data-theme="dark"] .desktopOfficialSupportDueDateStepper{
  background:linear-gradient(
        180deg,
        rgba(10,31,36,.985) 0%,
        rgba(18,45,50,.98) 100%
      ) !important;
  border-color:rgba(255,255,255,.035) !important;
  box-shadow:
      inset 0 6px 11px rgba(0,0,0,.22),
      inset 0 -4px 8px rgba(255,255,255,.018) !important;
  min-height:27px !important;
  padding:0 3px !important;
}

html[data-theme="dark"] .desktopOfficialSupportDueDateInput{
  color:#d7e8ea !important;
}

html[data-theme="dark"] .desktopOfficialSupportDueDateInput::placeholder{
  color:#89a8ad !important;
}

html[data-theme="dark"] .desktopOfficialSupportDueDateStepButton{
  color:#73e6dd !important;
  background:linear-gradient(145deg,#173b41,#102e33) !important;
  border-color:rgba(255,255,255,.05) !important;
  box-shadow:
      0 3px 7px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
}


html[data-theme="dark"] .desktopOfficialSupportFertilityCalculator{
  color:#eafcff !important;
  background:linear-gradient(
        145deg,
        rgba(22,51,56,.99) 0%,
        rgba(15,41,46,.985) 56%,
        rgba(11,33,38,.98) 100%
      ) !important;
  border-color:rgba(255,255,255,.050) !important;
  box-shadow:
      0 8px 18px rgba(0,0,0,.18),
      0 18px 30px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -2px 6px rgba(0,0,0,.12) !important;
  
  
  
  
  
}

html[data-theme="dark"] .desktopOfficialSupportFertilityCalculator::before{
  border-color:rgba(83,235,232,.075) !important;
  box-shadow:inset 0 0 18px rgba(83,235,232,.018) !important;
  inset:8px !important;
  border-radius:16px !important;
}

html[data-theme="dark"] .desktopOfficialSupportFertilityCalculatorHeader,
html[data-theme="dark"] .desktopOfficialSupportFertilityField,
html[data-theme="dark"] .desktopOfficialSupportFertilityCycleValue,
html[data-theme="dark"] .desktopOfficialSupportFertilityCycleInput{
  color:#eafcff !important;
  width:20px !important;
  font-size:9px !important;
}

html[data-theme="dark"] .desktopOfficialSupportFertilityInputShell,
html[data-theme="dark"] .desktopOfficialSupportFertilityStepper{
  background:linear-gradient(
        180deg,
        rgba(10,31,36,.985) 0%,
        rgba(18,45,50,.98) 100%
      ) !important;
  border-color:rgba(255,255,255,.035) !important;
  box-shadow:
      inset 0 6px 11px rgba(0,0,0,.22),
      inset 0 -4px 8px rgba(255,255,255,.018) !important;
  min-height:23px !important;
  padding:0 3px !important;
  grid-template-columns:17px minmax(0,1fr) 17px !important;
  gap:2px !important;
  border-radius:11px !important;
}

html[data-theme="dark"] .desktopOfficialSupportFertilityDateInput{
  color:#d7e8ea !important;
  height:17px !important;
  font-size:5.3px !important;
}

html[data-theme="dark"] .desktopOfficialSupportFertilityDateInput::placeholder{
  color:#89a8ad !important;
}

html[data-theme="dark"] .desktopOfficialSupportFertilityStepButton{
  color:#73e6dd !important;
  background:linear-gradient(145deg,#173b41,#102e33) !important;
  border-color:rgba(255,255,255,.05) !important;
  box-shadow:
      0 3px 7px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
  width:15px !important;
  height:15px !important;
  font-size:5.5px !important;
}

html[data-theme="dark"] .desktopOfficialSupportFertilityCycleValue small{
  color:#9db8bd !important;
  font-size:4.7px !important;
}

html[data-theme="dark"] .desktopOfficialSupportKickTracker{
  color:#eafcff !important;
  background:linear-gradient(
        145deg,
        rgba(22,51,56,.99) 0%,
        rgba(15,41,46,.985) 56%,
        rgba(11,33,38,.98) 100%
      ) !important;
  border-color:rgba(255,255,255,.050) !important;
  box-shadow:
      0 8px 18px rgba(0,0,0,.18),
      0 18px 30px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -2px 6px rgba(0,0,0,.12) !important;
  
  
  
  
  
}

html[data-theme="dark"] .desktopOfficialSupportKickTracker::before{
  border-color:rgba(83,235,232,.075) !important;
  box-shadow:inset 0 0 18px rgba(83,235,232,.018) !important;
  inset:8px !important;
  border-radius:16px !important;
}

html[data-theme="dark"] .desktopOfficialSupportKickTrackerHeader{
  color:#eafcff !important;
  min-height:15px !important;
  gap:4px !important;
}

html[data-theme="dark"] .desktopOfficialSupportKickTrackerHint{
  color:#9db8bd !important;
  font-size:4.2px !important;
}

html[data-theme="dark"] .desktopOfficialSupportKickFootItem{
  background:linear-gradient(
        145deg,
        rgba(22,51,56,.99) 0%,
        rgba(14,39,44,.98) 100%
      ) !important;
  border-color:rgba(83,235,232,.075) !important;
  box-shadow:
      0 3px 7px rgba(0,0,0,.14),
      inset 0 1px 0 rgba(255,255,255,.025),
      inset 0 -2px 5px rgba(0,0,0,.10) !important;
}

html[data-theme="dark"] .desktopOfficialSupportKickHeaderFoot,
html[data-theme="dark"] .desktopOfficialSupportKickFootItem img{
  filter:
      brightness(.96)
      saturate(.90)
      drop-shadow(0 2px 2px rgba(0,0,0,.12)) !important;
}

html[data-theme="dark"] .desktopOfficialSupportKickTimer{
  background:linear-gradient(
        180deg,
        rgba(10,31,36,.985) 0%,
        rgba(18,45,50,.98) 100%
      ) !important;
  border-color:rgba(255,255,255,.035) !important;
  box-shadow:
      inset 0 6px 11px rgba(0,0,0,.22),
      inset 0 -4px 8px rgba(255,255,255,.018) !important;
  min-height:28px !important;
  padding:4px 5px 3px !important;
  border-radius:12px !important;
}

html[data-theme="dark"] .desktopOfficialSupportKickTimer small,
html[data-theme="dark"] .desktopOfficialSupportKickTimer strong{
  color:#dff7f7 !important;
  font-size:11px !important;
}

html[data-theme="dark"] .desktopOfficialSupportFetalGrowthPanel{color:#eafcff !important;background:linear-gradient(145deg,rgba(22,51,56,.99),rgba(15,41,46,.985) 56%,rgba(11,33,38,.98)) !important;border-color:rgba(255,255,255,.050) !important;box-shadow:0 8px 18px rgba(0,0,0,.18),0 18px 30px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.035),inset 0 -2px 6px rgba(0,0,0,.12) !important;  
  
  
  
  
}
html[data-theme="dark"] .desktopOfficialSupportFetalGrowthPanel::before{border-color:rgba(83,235,232,.075) !important;  inset:8px !important;
  border-radius:16px !important;
}
html[data-theme="dark"] .desktopOfficialSupportFetalGrowthIntro>strong,html[data-theme="dark"] .desktopOfficialSupportFetalAgeControl>small,html[data-theme="dark"] .desktopOfficialSupportFetalAgeValue small,html[data-theme="dark"] .desktopOfficialSupportFetalTimelineLabel{color:#eafcff !important;  font-size:2.6px !important;
}
html[data-theme="dark"] .desktopOfficialSupportFetalWeekBadge{background:rgba(255,255,255,.045) !important;border-color:rgba(255,255,255,.045) !important;  min-width:36px !important;
  min-height:14px !important;
  padding:0 4px !important;
}
html[data-theme="dark"] .desktopOfficialSupportFetalWeekBadge small{color:#dff7f7 !important;  font-size:2.8px !important;
}
html[data-theme="dark"] .desktopOfficialSupportFetalWeekBadge strong,html[data-theme="dark"] .desktopOfficialSupportFetalAgeValue strong{color:#73e6dd !important;  min-width:24px !important;
  font-size:14px !important;
}
html[data-theme="dark"] .desktopOfficialSupportFetalAgeButton{color:#73e6dd !important;background:linear-gradient(145deg,#173b41,#102e33) !important;border-color:rgba(255,255,255,.05) !important;  width:11px !important;
  height:11px !important;
  font-size:3.8px !important;
}
html[data-theme="dark"] .desktopOfficialSupportFetalImageStage{background:radial-gradient(circle at 50% 48%,rgba(234,120,111,.10),rgba(132,72,68,.05) 42%,rgba(0,0,0,0) 72%) !important;  min-height:49px !important;
  border-radius:15px !important;
}
html[data-theme="dark"] .desktopOfficialSupportFetalGrowthImage{filter:brightness(.96) saturate(.90) drop-shadow(0 5px 8px rgba(0,0,0,.16)) !important;  width:50px !important;
  max-height:48px !important;
}
html[data-theme="dark"] .desktopOfficialSupportFetalTimeline{background:linear-gradient(180deg,rgba(10,31,36,.985),rgba(18,45,50,.98)) !important;border-color:rgba(255,255,255,.035) !important;  min-height:30px !important;
  padding:4px 3px 2px !important;
  gap:3px !important;
  border-radius:9px !important;
}
html[data-theme="dark"] .desktopOfficialSupportFetalWeekPoint small{color:#a5a9c9 !important;  font-size:2.5px !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportToolFeaturedVisual{
  background:radial-gradient(
        circle at 54% 46%,
        rgba(73,207,186,.075) 0%,
        rgba(73,207,186,.025) 38%,
        rgba(73,207,186,0) 72%
      ) !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightDevice{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightDevice::before{
  background:radial-gradient(
        circle at 17% 10%,
        rgba(255,255,255,.09) 0%,
        rgba(255,255,255,.025) 24%,
        rgba(255,255,255,0) 40%
      ),
      linear-gradient(
        145deg,
        #087f79 0%,
        #076f6a 52%,
        #065f5b 100%
      ) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:
      0 4px 7px rgba(0,0,0,.26),
      0 16px 26px rgba(0,0,0,.30),
      0 34px 54px rgba(0,0,0,.26),
      0 52px 78px rgba(0,0,0,.18),
      -6px -7px 16px rgba(23,107,102,.16),
      inset 0 2px 0 rgba(255,255,255,.10),
      inset 0 -5px 11px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightDevice::after{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.06) 0%,
        rgba(255,255,255,.018) 28%,
        rgba(255,255,255,0) 52%
      ) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      inset 0 -3px 7px rgba(0,0,0,.16) !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightGaugeFace{
  background:
      radial-gradient(ellipse at 50% 112%,rgba(207,219,223,.62) 0%,rgba(240,244,246,.34) 44%,rgba(255,255,255,0) 70%),
      linear-gradient(180deg,#ffffff 0%,#fafcfd 46%,#f1f5f6 73%,#e9eff1 100%) !important;
  border-color:rgba(255,255,255,.88) !important;
  box-shadow:
      0 0 0 3px rgba(1,38,37,.72),
      0 0 0 5px rgba(255,255,255,.11),
      inset 0 12px 18px rgba(19,45,49,.22),
      inset 8px 0 14px rgba(37,60,65,.09),
      inset -8px 0 14px rgba(37,60,65,.055),
      inset 0 -9px 14px rgba(255,255,255,.92),
      inset 0 0 0 1px rgba(113,134,140,.18),
      0 5px 10px rgba(0,0,0,.18) !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightGaugeGlass{
  background:
      linear-gradient(128deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.15) 16%,rgba(255,255,255,.03) 31%,rgba(255,255,255,0) 43%),
      linear-gradient(180deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.03) 36%,rgba(224,233,236,.05) 100%) !important;
  border-color:rgba(255,255,255,.54) !important;
  opacity:.86 !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightGaugeUnit,
html[data-theme="dark"]
  .desktopOfficialSupportWeightGaugeLabel{
  color:#172329 !important;
  fill:#172329 !important;
  stroke:none !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightGaugeTrack{
  stroke:#d4dde0 !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightGaugeTicks{
  stroke:#263238 !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightNeedleBody{
  fill:url(#desktopSupportWeightNeedleGradient) !important;
  stroke:#c62637 !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightNeedleHubOuter{
  fill:#fbfdfe !important;
  stroke:#d6dfe2 !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightPads span{
  display:none !important;
}

html[data-theme="dark"]
  .desktopOfficialSupportWeightPads::before{
  opacity:.28 !important;
  filter:brightness(0) invert(1)
      drop-shadow(0 3px 5px rgba(0,0,0,.15)) !important;
}





html[data-theme="dark"] .desktopOfficialSupportToolCopy strong{
  color:#eafcff !important;
}

html[data-theme="dark"] .desktopOfficialSupportToolCopy small{
  color:#aac8cc !important;
}

html[data-theme="dark"] .desktopOfficialSupportToolAction{
  color:#73e6dd !important;
  background:linear-gradient(
        145deg,
        rgba(22,51,56,.99) 0%,
        rgba(15,42,47,.99) 54%,
        rgba(10,32,36,.99) 100%
      ) !important;
  border-color:rgba(83,235,232,.085) !important;
  box-shadow:
      0 5px 10px rgba(0,0,0,.16),
      0 11px 21px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -2px 5px rgba(0,0,0,.12) !important;
}

html[data-theme="dark"] .desktopOfficialSupportToolAction:hover{
  color:#8cebe3 !important;
  background:linear-gradient(
        145deg,
        rgba(25,56,61,.99) 0%,
        rgba(17,46,51,.99) 54%,
        rgba(11,35,39,.99) 100%
      ) !important;
  border-color:rgba(83,235,232,.12) !important;
}

.desktopOfficialArticles{
  padding:28px 32px 34px !important;
}

.desktopOfficialArticleHeaderRow{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin-bottom:18px !important;
}

.desktopOfficialSectionHeader--articles{
  max-width:none !important;
  margin:0 !important;
  align-items:flex-start !important;
  text-align:left !important;
  flex:1 1 auto !important;
}

.desktopOfficialArticleControls{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding-bottom:2px !important;
}

.desktopOfficialArticleControl{
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#0e9382 !important;
  background:linear-gradient(145deg,#ffffff,#f8fcfb) !important;
  border:1px solid rgba(15,159,141,.23) !important;
  border-radius:14px !important;
  box-shadow:0 10px 22px rgba(16,70,80,.075),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  cursor:pointer !important;
  transition:transform .18s ease,
      box-shadow .18s ease,
      background .18s ease !important;
}

.desktopOfficialArticleControl:hover{
  transform:translateY(-2px) !important;
  background:#ffffff !important;
  box-shadow:0 15px 28px rgba(16,70,80,.105),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

.desktopOfficialArticleControl:active{
  transform:translateY(0) !important;
}

.desktopOfficialArticleControl:focus-visible{
  outline:3px solid rgba(15,159,141,.20) !important;
  outline-offset:3px !important;
}

.desktopOfficialSectionHeader--articles h2{
  max-width:760px !important;
  margin-top:14px !important;
}

.desktopOfficialSectionHeader--articles p{
  max-width:760px !important;
  margin-top:10px !important;
  font-size:11.3px !important;
}

.desktopOfficialArticlesTopBar{
  margin:0 0 20px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
}

.desktopOfficialArticleTabs{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  flex:0 1 auto !important;
}

.desktopOfficialArticleTab{
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#65788a !important;
  background:#ffffff !important;
  border:1px solid rgba(58,105,119,.14) !important;
  border-radius:16px !important;
  box-shadow:0 10px 22px rgba(16,70,80,.045),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  transition:transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease,
      color .18s ease,
      background .18s ease !important;
}

.desktopOfficialArticleTab:hover{
  transform:translateY(-1px) !important;
  color:#0e9382 !important;
  border-color:rgba(15,159,141,.24) !important;
}

.desktopOfficialArticleTab.is-active{
  color:#0e9382 !important;
  background:linear-gradient(180deg,#f7fcfb 0%,#eef8f6 100%) !important;
  border-color:rgba(15,159,141,.22) !important;
  box-shadow:0 14px 28px rgba(16,70,80,.055),
      inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.desktopOfficialArticlesTopLine{
  flex:1 1 auto !important;
  min-width:80px !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(58,105,119,.18),rgba(58,105,119,.06)) !important;
}

/* =========================================================
   V448 - ARTICLE CAROUSEL TOP + BOTTOM SHADOW SPACE
   ---------------------------------------------------------
   - Menambah sedikit ruang atas agar card yang naik saat hover
     tidak terpotong oleh overflow viewport.
   - Jarak bawah V447 tetap dipertahankan.
   ========================================================= */
.desktopOfficialArticleViewport{
  width:100% !important;
  padding-top:6px !important;
  padding-bottom:7px !important;
  overflow:hidden !important;
  border-radius:22px !important;
}

.desktopOfficialArticleGrid{
  display:grid !important;
  grid-template-columns:none !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc(25% - 13.5px) !important;
  gap:18px !important;
  width:100% !important;
  align-items:stretch !important;
  will-change:transform !important;
}

.desktopOfficialArticleCard{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  color:#17384c !important;
  background:#ffffff !important;
  border:1px solid rgba(58,105,119,.10) !important;
  border-radius:22px !important;
  box-shadow:0 16px 30px rgba(16,70,80,.055),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  text-decoration:none !important;
  overflow:hidden !important;
  transition:transform .18s ease,
      box-shadow .18s ease !important;
}

.desktopOfficialArticleCard:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 22px 42px rgba(16,70,80,.085),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

.desktopOfficialArticleMedia{
  position:relative !important;
  width:100% !important;
  height:152px !important;
  margin:0 !important;
  background:#edf7f5 !important;
  overflow:hidden !important;
}

.desktopOfficialArticleMedia img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  transition:transform .35s ease !important;
}

.desktopOfficialArticleCard:hover .desktopOfficialArticleMedia img{
  transform:scale(1.025) !important;
}

.desktopOfficialArticleMedia span{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#0e9382 !important;
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  border-radius:999px !important;
  box-shadow:0 8px 18px rgba(16,70,80,.07) !important;
  font-weight:800 !important;
}

.desktopOfficialArticleBody h3{
  margin:0 !important;
  color:#17384c !important;
  font-weight:800 !important;
}

.desktopOfficialArticleBody p{
  margin:10px 0 0 !important;
  color:#65788a !important;
}

.desktopOfficialArticleBody small{
  display:block !important;
  color:#8797a0 !important;
  font-weight:600 !important;
}

.desktopOfficialOutlineButton.desktopOfficialArticlesCta{
  margin:22px 0 0 !important;
  padding:0 22px !important;
}

html[data-theme="dark"] .desktopOfficialArticleControl{
  color:#49cfba !important;
  background:linear-gradient(145deg,#102b30,#0f262b) !important;
  border-color:rgba(73,207,186,.20) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.03) !important;
}

html[data-theme="dark"] .desktopOfficialArticleControl:hover{
  background:#123137 !important;
  box-shadow:0 14px 28px rgba(0,0,0,.30),
      inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-theme="dark"] .desktopOfficialArticleTab{
  color:#aac8cc !important;
  background:#102b30 !important;
  border-color:rgba(255,255,255,.08) !important;
}

html[data-theme="dark"] .desktopOfficialArticleTab.is-active{
  color:#73e6dd !important;
  background:linear-gradient(180deg,rgba(14,147,130,.16),rgba(12,121,108,.10)) !important;
  border-color:rgba(83,235,232,.14) !important;
}

html[data-theme="dark"] .desktopOfficialArticlesTopLine{
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.03)) !important;
}

html[data-theme="dark"] .desktopOfficialArticleCard{
  color:#eafcff !important;
  background:#102b30 !important;
  border-color:rgba(255,255,255,.07) !important;
}

html[data-theme="dark"] .desktopOfficialArticleBody h3{
  color:#eafcff !important;
}

html[data-theme="dark"] .desktopOfficialArticleBody p{
  color:#aac8cc !important;
}

html[data-theme="dark"] .desktopOfficialArticleBody small{
  color:#8faeb4 !important;
}

.desktopOfficialTrustGrid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}

.desktopOfficialTrustGrid article{
  min-width:0 !important;
  display:grid !important;
  align-items:center !important;
}

.desktopOfficialTrustGrid article > span{
  display:grid !important;
  place-items:center !important;
  color:#0e9382 !important;
  background:rgba(15,159,141,.065) !important;
  border:1px solid rgba(15,159,141,.10) !important;
  border-radius:50% !important;
}

.desktopOfficialTrustGrid strong{
  display:block !important;
  color:#0e9382 !important;
  font-weight:800 !important;
}

.desktopOfficialTrustGrid p{
  margin:6px 0 0 !important;
  color:#65788a !important;
}

html[data-theme="dark"] .desktopOfficialTrustGrid p{
  color:#aac8cc !important;
}

.desktopOfficialFooter{
  grid-column:1 / -1 !important;
  grid-row:4 !important;
  display:block !important;
  width:100% !important;
  padding:38px
      clamp(44px,5vw,88px)
      20px !important;
  background:radial-gradient(circle at 0% 100%,rgba(15,159,141,.07),transparent 30%),
      linear-gradient(180deg,#f7fbfb 0%,#eef7f7 100%) !important;
  border-top:1px solid rgba(58,105,119,.09) !important;
}

html[data-theme="dark"] .desktopOfficialFooter{
  background:radial-gradient(circle at 0% 100%,rgba(15,159,141,.035),transparent 30%),
      linear-gradient(180deg,#102b30 0%,#07181c 100%) !important;
  border-top-color:rgba(255,255,255,.06) !important;
}

.desktopOfficialFooterMain{
  width:min(1440px,100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(260px,1.45fr)
      repeat(4,minmax(130px,.78fr)) !important;
  gap:30px !important;
}

.desktopOfficialFooterBrand{
  min-width:0 !important;
}

.desktopOfficialFooterBrandLockup{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
}

.desktopOfficialFooterLogoShadow{
  width:48px !important;
  min-width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  filter:drop-shadow(0 3px 4px rgba(17,72,79,.12))
      drop-shadow(0 8px 13px rgba(14,147,130,.09)) !important;
}

.desktopOfficialFooterLogoShadow img{
  width:44px !important;
  height:44px !important;
  object-fit:contain !important;
}

.desktopOfficialFooterBrandLockup > span:last-child{
  display:flex !important;
  flex-direction:column !important;
}

.desktopOfficialFooterBrandLockup strong{
  color:transparent !important;
  background:linear-gradient(90deg,#0e9382,#0f9f8d 40%,#c4d63c 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  font-size:21px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
}

.desktopOfficialFooterBrandLockup small{
  margin-top:4px !important;
  color:#65788a !important;
  font-size:8px !important;
  font-weight:600 !important;
}

.desktopOfficialFooterBrand > p{
  max-width:300px !important;
  margin:14px 0 0 !important;
  color:#65788a !important;
  font-size:9px !important;
  line-height:1.55 !important;
}

.desktopOfficialFooterInstitution{
  margin-top:15px !important;
}

.desktopOfficialFooterInstitution img{
  display:block !important;
  width:auto !important;
  height:30px !important;
  max-width:150px !important;
  object-fit:contain !important;
}

.desktopOfficialFooterColumn{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.desktopOfficialFooterColumn > strong{
  margin-bottom:4px !important;
  color:#17384c !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.desktopOfficialFooterColumn a{
  width:fit-content !important;
  color:#65788a !important;
  font-size:8.8px !important;
  line-height:1.35 !important;
  font-weight:550 !important;
  text-decoration:none !important;
}

.desktopOfficialFooterColumn a:hover{
  color:#0e9382 !important;
}

.desktopOfficialFooterStatus{
  width:fit-content !important;
  min-height:28px !important;
  margin-top:4px !important;
  padding:0 9px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  color:#0e9382 !important;
  background:#ffffff !important;
  border:1px solid rgba(15,159,141,.11) !important;
  border-radius:999px !important;
  box-shadow:0 6px 14px rgba(16,70,80,.045) !important;
  font-size:7.8px !important;
  font-weight:800 !important;
}

.desktopOfficialFooterBottom{
  width:min(1440px,100%) !important;
  margin:28px auto 0 !important;
  padding-top:15px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  color:#7e909a !important;
  border-top:1px solid rgba(58,105,119,.09) !important;
  font-size:8.3px !important;
  line-height:1.25 !important;
  font-weight:550 !important;
}

.desktopOfficialFooterSupport{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:#607782 !important;
}

.desktopOfficialFooterSupport i{
  color:#0e9382 !important;
}

html[data-theme="dark"] .desktopOfficialFooterBrandLockup small,
  html[data-theme="dark"] .desktopOfficialFooterBrand > p,
  html[data-theme="dark"] .desktopOfficialFooterColumn a,
  html[data-theme="dark"] .desktopOfficialFooterBottom,
  html[data-theme="dark"] .desktopOfficialFooterSupport{
  color:#9db8bd !important;
}

html[data-theme="dark"] .desktopOfficialFooterColumn > strong{
  color:#eafcff !important;
}

html[data-theme="dark"] .desktopOfficialFooterStatus{
  color:#73e6dd !important;
  background:#102b30 !important;
  border-color:rgba(83,235,232,.10) !important;
}

html[data-theme="dark"] .desktopOfficialFooterBottom{
  border-top-color:rgba(255,255,255,.06) !important;
}

.desktopReveal{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:opacity .55s cubic-bezier(.22,.61,.36,1),
      transform .55s cubic-bezier(.22,.61,.36,1);
}

.desktopReveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

@media (prefers-reduced-motion:reduce){

.desktopReveal{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}

.bumilLandingPage--officialDesktop .appHeader{
  transition:none !important;
}
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop .contentPanel{
  padding-left:30px !important;
  padding-right:30px !important;
}

.bumilLandingPage--officialDesktop .heroHeadlineAccent{
  font-size:1em !important;
}

.bumilLandingPage--officialDesktop .heroActions{
  grid-template-columns:1fr !important;
  max-width:420px !important;
}

.desktopHeroTrustPanel{
  grid-template-columns:56px minmax(0,1fr) !important;
  max-width:420px !important;
  padding:9px 11px !important;
  gap:12px !important;
}

.desktopHeroFeatureRail{
  right:14px !important;
  width:196px !important;
  padding:10px !important;
}

.desktopLandingSections{
  padding-left:24px !important;
  padding-right:24px !important;
}

.desktopOfficialQuickLinks{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.desktopOfficialQuickLinks a{
  min-height:112px !important;
  padding:19px 14px 38px !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  gap:11px !important;
}

.desktopOfficialQuickLinks a::after{
  left:71px !important;
  bottom:11px !important;
  width:84px !important;
  height:16px !important;
}

.desktopOfficialQuickLinks a:hover::after{
  width:91px !important;
}

.desktopOfficialQuickLinks a:nth-child(4n){
  border-right:0 !important;
}

.desktopOfficialQuickLinks a:nth-child(-n+4){
  border-bottom:1px solid rgba(255,255,255,.18) !important;
}

.desktopOfficialQuickLinks i{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  border-radius:15px !important;
  font-size:18px !important;
}

.desktopOfficialQuickLinks strong{
  font-size:10.7px !important;
}

.desktopOfficialQuickLinks small{
  font-size:8.3px !important;
}

.desktopOfficialHotTopic{
  padding:16px !important;
}

.desktopOfficialHotTopicTop{
  grid-template-columns:minmax(0,41%) minmax(0,59%) !important;
  align-items:stretch !important;
  gap:18px !important;
}

.desktopOfficialHotTopicMedia{
  height:auto !important;
  min-height:0 !important;
  align-self:stretch !important;
}

.desktopOfficialHotTopicMedia img{
  min-height:100% !important;
}

.desktopOfficialHotTopicBody{
  padding:38px 28px 34px !important;
}

:is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption) h2{
  margin-top:20px !important;
  font-size:29px !important;
}

.desktopOfficialHotTopicLead{
  margin-top:20px !important;
}

.desktopOfficialHotTopicPoints{
  margin-top:22px !important;
  gap:0 !important;
}

.desktopOfficialHotTopicPoints li{
  padding-left:12px !important;
  padding-right:12px !important;
}

.desktopOfficialHotTopicPoints li:first-child{
  padding-left:0 !important;
}

.desktopOfficialHotTopicPoints li:last-child{
  padding-right:0 !important;
}

.desktopOfficialHotTopicActions{
  margin-top:25px !important;
}

.desktopOfficialSupportTools{
  padding:25px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.985) 0%,rgba(250,253,253,.985) 100%) !important;
}

.desktopOfficialSupportToolsHeaderRow{
  align-items:flex-start !important;
  gap:16px !important;
  margin-bottom:21px !important;
}

.desktopOfficialSectionHeader--supportTools{
  max-width:650px !important;
}

.desktopOfficialSectionHeader--supportTools h2{
  max-width:540px !important;
  margin-top:12px !important;
  font-size:clamp(27px,3vw,34px) !important;
}

.desktopOfficialSectionHeader--supportTools p{
  max-width:610px !important;
  margin-top:9px !important;
  font-size:11.4px !important;
  line-height:1.56 !important;
}

.desktopOfficialSupportToolsCount{
  min-height:38px !important;
  padding:0 12px !important;
  font-size:8.5px !important;
}

.desktopOfficialSupportToolsGrid{
  grid-template-columns:minmax(0,.94fr)
      minmax(0,.54fr)
      minmax(0,.54fr) !important;
  gap:12px !important;
}

.desktopOfficialSupportToolCard{
  min-height:176px !important;
  padding:17px 15px 14px !important;
  border-radius:18px !important;
}

.desktopOfficialSupportToolCard--featured{
  min-height:364px !important;
  padding:0 !important;
  grid-template-columns:minmax(0,46%)
      minmax(0,54%) !important;
}

.desktopOfficialSupportToolCard--visual{
  min-height:190px !important;
  padding:0 0 12px !important;
  grid-template-columns:minmax(0,56%) minmax(0,44%) !important;
}

.desktopOfficialSupportToolMiniContent{
  padding:17px 7px 14px 15px !important;
  justify-content:center !important;
}

.desktopOfficialSupportToolCard--visual .desktopOfficialSupportToolCopy{
  max-width:150px !important;
}

.desktopOfficialSupportToolCard--visual .desktopOfficialSupportToolAction{
  left:15px !important;
  bottom:-4px !important;
  min-width:88px !important;
  min-height:30px !important;
  max-width:none !important;
  margin-top:0 !important;
  padding:0 9px 0 11px !important;
  align-self:flex-start !important;
  justify-content:flex-start !important;
  gap:7px !important;
}

.desktopOfficialSupportToolMiniVisual{
  padding:7px 5px 11px !important;
}

.desktopOfficialSupportToolVisualDevice{
  width:min(96%,112px) !important;
  border-radius:21px !important;
}

.desktopOfficialSupportToolDeviceImage{
  width:76% !important;
  height:76% !important;
}


.desktopOfficialSupportToolCard--due-date{
  grid-template-columns:minmax(0,46%) minmax(0,54%) !important;
}

.desktopOfficialSupportDueDateVisual{
  padding:6px 5px 6px 1px !important;
}

.desktopOfficialSupportDueDateCalculator{
  width:min(98%,136px) !important;
  min-height:154px !important;
  padding:12px 11px 10px !important;
  gap:5px !important;
  border-radius:23px !important;
  height:154px !important;
}

.desktopOfficialSupportDueDateCalculator::before{
  inset:6px !important;
  border-radius:18px !important;
}

.desktopOfficialSupportDueDateCalculatorHeader{
  min-height:19px !important;
  gap:5px !important;
}

.desktopOfficialSupportDueDateCalculatorHeader i{
  font-size:11px !important;
}

.desktopOfficialSupportDueDateCalculatorHeader strong{
  font-size:8.5px !important;
}

.desktopOfficialSupportDueDateField{
  gap:4px !important;
}

.desktopOfficialSupportDueDateField > span:first-child{
  font-size:6.1px !important;
}

.desktopOfficialSupportDueDateField > span:first-child small{
  font-size:5.7px !important;
}

.desktopOfficialSupportDueDateInputShell{
  min-height:25px !important;
  padding:0 6px 0 7px !important;
  grid-template-columns:minmax(0,1fr) 14px !important;
  border-radius:13px !important;
}

.desktopOfficialSupportDueDateInput{
  height:22px !important;
  font-size:6.5px !important;
}

.desktopOfficialSupportDueDateInputShell > i{
  font-size:8px !important;
}

.desktopOfficialSupportDueDateStepper{
  min-height:28px !important;
  padding:0 4px !important;
  grid-template-columns:23px minmax(0,1fr) 23px !important;
  gap:3px !important;
  border-radius:14px !important;
}

.desktopOfficialSupportDueDateStepButton{
  width:20px !important;
  height:20px !important;
  font-size:7px !important;
}

.desktopOfficialSupportDueDateCycleInput{
  width:25px !important;
  font-size:11.5px !important;
}

.desktopOfficialSupportDueDateCycleValue small{
  font-size:6px !important;
}



.desktopOfficialSupportToolCard--fertility{
  grid-template-columns:minmax(0,46%) minmax(0,54%) !important;
}

.desktopOfficialSupportFertilityVisual{
  padding:6px 5px 6px 1px !important;
}

.desktopOfficialSupportFertilityCalculator{
  width:min(98%,136px) !important;
  min-height:154px !important;
  padding:11px 11px 9px !important;
  gap:3px !important;
  border-radius:23px !important;
  height:154px !important;
}

.desktopOfficialSupportFertilityCalculator::before{
  inset:6px !important;
  border-radius:18px !important;
}

.desktopOfficialSupportFertilityCalculatorHeader{
  min-height:15px !important;
  gap:4px !important;
}

.desktopOfficialSupportFertilityCalculatorHeader i{
  font-size:10px !important;
}

.desktopOfficialSupportFertilityCalculatorHeader strong{
  font-size:7.3px !important;
}

.desktopOfficialSupportFertilityField{
  gap:2px !important;
}

.desktopOfficialSupportFertilityField > span:first-child{
  font-size:4.6px !important;
  line-height:1.08 !important;
}

.desktopOfficialSupportFertilityInputShell{
  min-height:21px !important;
  padding:0 4px 0 5px !important;
  grid-template-columns:minmax(0,1fr) 12px !important;
  border-radius:10px !important;
  gap:3px !important;
}

.desktopOfficialSupportFertilityDateInput{
  height:19px !important;
  font-size:6px !important;
}

.desktopOfficialSupportFertilityInputShell > i{
  font-size:6.5px !important;
}

.desktopOfficialSupportFertilityStepper{
  min-height:24px !important;
  padding:0 4px !important;
  grid-template-columns:20px minmax(0,1fr) 20px !important;
  gap:3px !important;
  border-radius:13px !important;
}

.desktopOfficialSupportFertilityStepButton{
  width:18px !important;
  height:18px !important;
  font-size:6.5px !important;
}

.desktopOfficialSupportFertilityCycleInput{
  width:23px !important;
  font-size:10.5px !important;
}

.desktopOfficialSupportFertilityCycleValue small{
  font-size:5.5px !important;
}

.desktopOfficialSupportToolCard--kick{
  grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
}

.desktopOfficialSupportKickVisual{
  padding:6px 5px 6px 1px !important;
}

.desktopOfficialSupportKickTracker{
  width:min(98%,136px) !important;
  min-height:154px !important;
  padding:11px 11px 9px !important;
  gap:4px !important;
  border-radius:23px !important;
  height:154px !important;
}

.desktopOfficialSupportKickTracker::before{
  inset:6px !important;
  border-radius:18px !important;
}

.desktopOfficialSupportKickTrackerHeader{
  min-height:17px !important;
  gap:4px !important;
}

.desktopOfficialSupportKickHeaderFoot{
  width:11px !important;
  height:14px !important;
}

.desktopOfficialSupportKickTrackerHeader strong{
  font-size:7px !important;
}

.desktopOfficialSupportKickTrackerHint{
  font-size:4.9px !important;
}

.desktopOfficialSupportKickFootGrid{
  gap:2px !important;
}

.desktopOfficialSupportKickFootItem{
  border-width:1px !important;
}

.desktopOfficialSupportKickFootItem img{
  width:58% !important;
  height:58% !important;
}

.desktopOfficialSupportKickTimer{
  min-height:29px !important;
  padding:4px 6px 3px !important;
  border-radius:14px !important;
}

.desktopOfficialSupportKickTimer small{
  font-size:4px !important;
}

.desktopOfficialSupportKickTimer strong{
  font-size:13px !important;
}

.desktopOfficialSupportToolCard--fetal{
  grid-template-columns:minmax(0,41%) minmax(0,59%) !important;
}

.desktopOfficialSupportToolCard--fetal
  .desktopOfficialSupportToolMiniContent{
  padding-right:3px !important;
}

.desktopOfficialSupportFetalVisual{
  padding:6px 5px 6px 1px !important;
}

.desktopOfficialSupportFetalGrowthPanel{
  width:min(98%,136px) !important;
  min-height:154px !important;
  padding:14px 11px 9px !important;
  gap:4px !important;
  border-radius:23px !important;
  height:154px !important;
}

.desktopOfficialSupportFetalGrowthPanel::before{
  inset:6px !important;
  border-radius:18px !important;
}

.desktopOfficialSupportFetalGrowthTop{
  min-height:18px !important;
  gap:4px !important;
  margin-top:1px !important;
}

.desktopOfficialSupportFetalGrowthIntro > small{
  font-size:3px !important;
}

.desktopOfficialSupportFetalGrowthIntro > strong{
  font-size:5px !important;
  line-height:1.07 !important;
}

.desktopOfficialSupportFetalWeekBadge{
  min-width:41px !important;
  min-height:16px !important;
  padding:0 5px !important;
}

.desktopOfficialSupportFetalWeekBadge small{
  font-size:3.1px !important;
}

.desktopOfficialSupportFetalWeekBadge strong{
  font-size:6.8px !important;
}

.desktopOfficialSupportFetalGrowthBody{
  min-height:47px !important;
  grid-template-columns:minmax(0,42%) minmax(0,58%) !important;
  gap:4px !important;
}

.desktopOfficialSupportFetalAgeControl{
  gap:3px !important;
}

.desktopOfficialSupportFetalAgeControl > small{
  font-size:3.2px !important;
}

.desktopOfficialSupportFetalAgeStepper{
  grid-template-columns:12px minmax(24px,1fr) 12px !important;
  gap:2px !important;
}

.desktopOfficialSupportFetalAgeButton{
  width:13px !important;
  height:13px !important;
  font-size:4.4px !important;
}

.desktopOfficialSupportFetalAgeValue{
  min-width:24px !important;
}

.desktopOfficialSupportFetalAgeValue strong{
  min-width:27px !important;
  font-size:16px !important;
}

.desktopOfficialSupportFetalAgeValue small{
  margin-top:2px !important;
  font-size:3.2px !important;
}

.desktopOfficialSupportFetalImageStage{
  min-height:52px !important;
  border-radius:17px !important;
}

.desktopOfficialSupportFetalGrowthImage{
  width:57px !important;
  max-height:54px !important;
}

.desktopOfficialSupportFetalTimeline{
  min-height:31px !important;
  padding:4px 4px 2px !important;
  gap:3px !important;
  border-radius:10px !important;
}

.desktopOfficialSupportFetalTimelineLabel{
  font-size:2.9px !important;
}

.desktopOfficialSupportFetalTimelineTrack{
  left:6px !important;
  right:6px !important;
  bottom:10px !important;
}

.desktopOfficialSupportFetalWeekPoint{
  gap:1px !important;
}

.desktopOfficialSupportFetalWeekPoint > span{
  width:3px !important;
  height:3px !important;
}

.desktopOfficialSupportFetalWeekPoint small{
  font-size:2.8px !important;
}

.desktopOfficialSupportFetalWeekPoint.is-active > span{
  width:6px !important;
  height:6px !important;
}

.desktopOfficialSupportFetalWeekPoint.is-active small{
  font-size:3px !important;
}

.desktopOfficialSupportToolFeaturedContent{
  padding:24px 13px 10px 20px !important;
}

.desktopOfficialSupportWeightInputPreview{
  width:min(100%,212px) !important;
  margin-top:11px !important;
  gap:6px !important;
}

.desktopOfficialSupportWeightInputField{
  gap:3px !important;
}

.desktopOfficialSupportWeightInputLabel{
  padding-left:1px !important;
  font-size:6.8px !important;
}

.desktopOfficialSupportWeightInputUnit{
  min-width:24px !important;
  padding-left:6px !important;
  font-size:6.5px !important;
}

.desktopOfficialSupportWeightInputShell{
  min-height:27px !important;
  padding:0 9px !important;
  border-radius:10px !important;
}

.desktopOfficialSupportWeightInput,
.desktopOfficialSupportWeightSelect{
  height:25px !important;
  font-size:7.5px !important;
}

.desktopOfficialSupportWeightInputShell--select{
  grid-template-columns:minmax(0,1fr) 15px !important;
  padding-right:8px !important;
}

.desktopOfficialSupportWeightSelectIcon{
  font-size:6.8px !important;
}



.desktopOfficialSupportToolCard--featured
  .desktopOfficialSupportToolCopy{
  margin-top:0 !important;
}

.desktopOfficialSupportToolCard--featured
  .desktopOfficialSupportToolCopy strong{
  font-size:18px !important;
}

.desktopOfficialSupportToolCard--featured
  .desktopOfficialSupportToolCopy small{
  max-width:225px !important;
  margin-top:10px !important;
  font-size:9.7px !important;
  line-height:1.52 !important;
}

.desktopOfficialSupportToolCard--featured
  .desktopOfficialSupportToolAction{
  width:fit-content !important;
  min-width:94px !important;
  max-width:none !important;
  min-height:32px !important;
  margin-top:auto !important;
  margin-bottom:0 !important;
  padding:0 9px 0 12px !important;
  justify-content:flex-start !important;
  gap:8px !important;
  font-size:8.4px !important;
}

.desktopOfficialSupportWeightDevice{
  --support-weight-device-radius:36px;
  --support-weight-device-inner-radius:29px;
  --support-weight-device-tilt:-9deg;
  width:min(92%,258px) !important;
  aspect-ratio:1 / .98 !important;
  padding:14px 16px 14px !important;
  border-radius:var(--support-weight-device-radius) !important;
}

.desktopOfficialSupportWeightGaugeShell{
  width:min(100%,188px) !important;
  min-height:108px !important;
  margin-top:-107px !important;
  border-radius:30px 30px 21px 21px !important;
}

.desktopOfficialSupportWeightGaugeFace{
  inset:4px 1px 4px !important;
  border-radius:29px 29px 19px 19px !important;
}

.desktopOfficialSupportWeightGaugeGlass{
  inset:7px 5px 7px !important;
  border-radius:24px 24px 15px 15px !important;
}

.desktopOfficialSupportWeightGaugeLabel{
  font-size:12.5px !important;
}

.desktopOfficialSupportWeightGaugeUnit{
  font-size:13px !important;
}

.desktopOfficialSupportWeightPads{
  right:19% !important;
  bottom:10px !important;
  left:19% !important;
}

.desktopOfficialSupportWeightPads span{
  display:none !important;
}

.desktopOfficialSupportWeightPads::before{
  bottom:13px !important;
  width:148px !important;
  height:98px !important;
}


.desktopOfficialSupportToolCopy{
  margin-top:0 !important;
}

.desktopOfficialSupportToolCopy strong{
  font-size:11.5px !important;
}

.desktopOfficialSupportToolCopy small{
  margin-top:6px !important;
  font-size:8.6px !important;
  line-height:1.45 !important;
}

.desktopOfficialSupportToolAction{
  min-width:108px !important;
  min-height:32px !important;
  padding:0 11px 0 14px !important;
  gap:12px !important;
  font-size:8.1px !important;
}

.desktopOfficialSupportToolAction i{
  font-size:9.5px !important;
}

.desktopOfficialProfessionals{
  padding:24px !important;
}

.desktopOfficialProfessionalHeaderRow{
  align-items:flex-end !important;
  gap:16px !important;
}

.desktopOfficialProfessionalGrid{
  grid-auto-columns:calc(25% - 9px) !important;
  gap:12px !important;
}

.desktopOfficialProfessionalCard{
  min-height:326px !important;
}

.desktopOfficialProfessionalPhotoWrap{
  height:138px !important;
}

.desktopOfficialProfessionalTags span{
  padding:0 7px !important;
}

.desktopOfficialArticlesTopBar{
  align-items:flex-start !important;
  gap:14px !important;
}

.desktopOfficialArticlesTopLine{
  width:100% !important;
}

.desktopOfficialTrustGrid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.desktopOfficialFooterMain{
  grid-template-columns:minmax(240px,1.3fr) repeat(2,minmax(150px,.8fr)) !important;
}

.desktopOfficialFooterColumn:nth-of-type(4),
  .desktopOfficialFooterColumn:nth-of-type(5){
  margin-top:8px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop .contentPanel{
  min-height:590px !important;
}

.bumilLandingPage--officialDesktop .visualHero{
  min-height:590px !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks{
  padding-top:12px !important;
  padding-bottom:12px !important;
}

.desktopOfficialQuickLinks a{
  min-height:128px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop .heroBrandTagline{
  margin-top:4px !important;
}

.bumilLandingPage--officialDesktop .heroHeadline{
  font-size:clamp(30px,3.05vw,41px) !important;
  line-height:1.055 !important;
}

.bumilLandingPage--officialDesktop .heroHeadlineAccent{
  font-size:1em !important;
}

.bumilLandingPage--officialDesktop .heroDescription{
  font-size:12px !important;
  line-height:1.56 !important;
}

.bumilLandingPage--officialDesktop .primaryAction,
  .bumilLandingPage--officialDesktop .googleAction{
  min-height:43px !important;
}

.bumilLandingPage--officialDesktop .trustNote{
  font-size:10.5px !important;
}

.desktopHeroTrustPanel{
  max-width:420px !important;
  padding:8px 10px !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  gap:10px !important;
}

.desktopHeroTrustInstitution{
  padding-right:10px !important;
}

.desktopHeroTrustInstitution img{
  max-width:46px !important;
}

.desktopHeroTrustContent > strong{
  margin-bottom:4px !important;
  font-size:8.4px !important;
}

.desktopHeroTrustContent ul{
  gap:2px !important;
}

.desktopHeroTrustContent li{
  padding-left:12px !important;
  font-size:6.9px !important;
  line-height:1.22 !important;
}

.desktopHeroFeatureRail{
  padding-top:9px !important;
  padding-bottom:9px !important;
}

.desktopOfficialQuickLinks{
  padding-top:10px !important;
  padding-bottom:10px !important;
}

.desktopOfficialQuickLinks a{
  min-height:106px !important;
}
}

@media (min-width:980px) and (max-height:720px){

.bumilLandingPage--officialDesktop .heroHeadline{
  font-size:31px !important;
}

.bumilLandingPage--officialDesktop .heroHeadlineAccent{
  font-size:1em !important;
}

.desktopHeroTrustPanel{
  margin-top:10px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop .visualHero{
  height:100% !important;
  min-height:0 !important;
  background:#f7fbfa !important;
}

.bumilLandingPage--officialDesktop .visualHero > picture{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:0 !important;
}

.bumilLandingPage--officialDesktop .visualHeroImage{
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
}

.bumilLandingPage--officialDesktop .visualHeroTint::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  left:0 !important;
  right:0 !important;
  bottom:-8px !important;
  width:100% !important;
  height:38% !important;
  background:linear-gradient(
        100deg,
        rgba(14,147,130,.58) 0%,
        rgba(15,159,141,.56) 28%,
        rgba(55,184,157,.53) 48%,
        rgba(121,201,123,.49) 72%,
        rgba(196,214,60,.44) 100%
      ) !important;
  -webkit-mask-image:linear-gradient(
        180deg,
        transparent 0%,
        rgba(0,0,0,.10) 22%,
        rgba(0,0,0,.38) 48%,
        rgba(0,0,0,.78) 76%,
        #000000 100%
      ) !important;
  mask-image:linear-gradient(
        180deg,
        transparent 0%,
        rgba(0,0,0,.10) 22%,
        rgba(0,0,0,.38) 48%,
        rgba(0,0,0,.78) 76%,
        #000000 100%
      ) !important;
  filter:blur(8px) !important;
  opacity:.95 !important;
  transform:translate3d(0,0,0) !important;
  transform-origin:center bottom !important;
  pointer-events:none !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .visualHeroTint::after{
  background:linear-gradient(
        100deg,
        rgba(8,118,111,.49) 0%,
        rgba(13,140,130,.47) 30%,
        rgba(47,159,139,.44) 50%,
        rgba(102,143,91,.40) 74%,
        rgba(146,157,49,.35) 100%
      ) !important;
  opacity:.86 !important;
  filter:blur(9px) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop .visualHero{
  background:#0f262b !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop .visualHeroImage{
  object-position:62% center !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop .visualHero::after{
  background:none !important;
}

.bumilLandingPage--officialDesktop .visualHero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0 H120 C72 135 28 285 55 460 C82 635 235 1000 390 1000 H0 Z'/%3E%3C/svg%3E") !important;
  background-position:center !important;
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
  filter:none !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .visualHero::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath fill='%230f262b' d='M0 0 H120 C72 135 28 285 55 460 C82 635 235 1000 390 1000 H0 Z'/%3E%3C/svg%3E") !important;
  filter:none !important;
  box-shadow:none !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop .visualHero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath fill='%231b4e54' d='M0 0 H120 C72 135 28 285 55 460 C82 635 235 1000 390 1000 H0 Z'/%3E%3C/svg%3E") !important;
  background-position:center !important;
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
  transform-origin:center !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

.bumilLandingPage--officialDesktop .visualHero::before{
  z-index:3 !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .visualHero::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath fill='%23000000' d='M0 0 H120 C72 135 28 285 55 460 C82 635 235 1000 390 1000 H0 Z'/%3E%3C/svg%3E") !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop .visualHero::after{
  transform:translate3d(10px,2px,0) !important;
  opacity:.16 !important;
  filter:blur(8px)
      drop-shadow(
        0 10px 8px rgba(18,76,82,.15)
      )
      drop-shadow(
        0 18px 14px rgba(18,76,82,.10)
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .visualHero::after{
  opacity:.27 !important;
  filter:blur(9px)
      drop-shadow(
        0 11px 9px rgba(0,0,0,.26)
      )
      drop-shadow(
        0 20px 16px rgba(0,0,0,.18)
      ) !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop .appHeader{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  z-index:1000 !important;
  transform:none !important;
  translate:none !important;
  isolation:isolate !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:
      background .28s cubic-bezier(.22,.61,.36,1),
      border-color .28s cubic-bezier(.22,.61,.36,1),
      box-shadow .28s cubic-bezier(.22,.61,.36,1),
      backdrop-filter .28s cubic-bezier(.22,.61,.36,1),
      -webkit-backdrop-filter .28s cubic-bezier(.22,.61,.36,1) !important;
}

.bumilLandingPage--officialDesktop .appHeader.is-scrolled{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.80) 0%,
        rgba(248,253,252,.70) 100%
      ) !important;
  border-bottom-color:rgba(255,255,255,.58) !important;
  box-shadow:
      0 10px 28px rgba(19,62,70,.085),
      0 2px 8px rgba(19,62,70,.035),
      inset 0 1px 0 rgba(255,255,255,.74) !important;
  backdrop-filter:
      blur(18px)
      saturate(1.10)
      brightness(1.025) !important;
  -webkit-backdrop-filter:
      blur(18px)
      saturate(1.10)
      brightness(1.025) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .appHeader.is-scrolled{
  background:linear-gradient(
        180deg,
        rgba(16,43,48,.82) 0%,
        rgba(10,31,35,.72) 100%
      ) !important;
  border-bottom-color:rgba(255,255,255,.085) !important;
  box-shadow:
      0 12px 30px rgba(0,0,0,.22),
      0 2px 8px rgba(0,0,0,.12),
      inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:
      blur(18px)
      saturate(1.06)
      brightness(.985) !important;
  -webkit-backdrop-filter:
      blur(18px)
      saturate(1.06)
      brightness(.985) !important;
}

.bumilLandingPage--officialDesktop .phoneScreen{
  position:relative !important;
}

.bumilLandingPage--officialDesktop #beranda,
  .bumilLandingPage--officialDesktop #desktop-layanan{
  scroll-margin-top:108px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop #beranda,
  .bumilLandingPage--officialDesktop #desktop-layanan{
  scroll-margin-top:98px !important;
}
}

@media (min-width:980px) and (max-height:720px){

.bumilLandingPage--officialDesktop #beranda,
  .bumilLandingPage--officialDesktop #desktop-layanan{
  scroll-margin-top:92px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop .desktopLandingSections{
  margin-top:30px !important;
  padding-top:40px !important;
}
}

@media (max-width:1150px){

.desktopOfficialArticleHeaderRow{
  align-items:flex-start !important;
  flex-wrap:wrap !important;
  gap:16px !important;
}

.desktopOfficialArticleControls{
  margin-left:auto !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks .desktopOfficialQuickLink{
  display:grid !important;
  align-items:start !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickLink::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickMain{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickCategory{
  width:fit-content !important;
  min-width:0 !important;
  margin:0 0 10px !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  color:rgba(255,255,255,.94) !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickMain > strong{
  margin:0 !important;
  font-weight:800 !important;
  letter-spacing:-.014em !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickMain > small{
  margin:7px 0 0 !important;
  display:block !important;
  font-weight:500 !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickFooter{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickStatus{
  min-width:0 !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  white-space:nowrap !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickStatus > span,
  .desktopOfficialQuickLinks .desktopOfficialQuickAction > span{
  min-width:0 !important;
  display:inline !important;
  flex-direction:initial !important;
  gap:0 !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickAction{
  flex:0 0 auto !important;
  min-width:0 !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  white-space:nowrap !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickStatus i,
  .desktopOfficialQuickLinks .desktopOfficialQuickAction i{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-block !important;
  place-items:initial !important;
  color:inherit !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:9px !important;
  line-height:1 !important;
  transform:none !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickAction i{
  transition:transform .18s ease !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickLink:hover
  .desktopOfficialQuickAction i{
  transform:translateX(3px) !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickStatus{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickStatus > span{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks .desktopOfficialQuickCategory{
  color:rgba(255,255,255,.90) !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks .desktopOfficialQuickStatus{
  border-color:rgba(255,255,255,.07) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks .desktopOfficialQuickStatus{
  min-height:22px !important;
  padding:0 7px !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(4n){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),
      inset 0 -1px 0 rgba(8,92,84,.055) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(-n+4)::before{
  position:absolute !important;
  z-index:0 !important;
  right:16px !important;
  bottom:-2px !important;
  left:16px !important;
  height:1px !important;
  background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(8,92,84,.12) 15%,
        rgba(8,92,84,.12) 85%,
        transparent 100%
      ) !important;
  pointer-events:none !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(4n){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -1px 0 rgba(0,0,0,.10) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(-n+4){
  border-bottom-color:rgba(255,255,255,.19) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(-n+4)::before{
  background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.16) 15%,
        rgba(0,0,0,.16) 85%,
        transparent 100%
      ) !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks{
  border:0 !important;
}
}

html[data-theme="dark"] .desktopOfficialQuickLinks{
  border:0 !important;
  box-shadow:0 26px 48px rgba(0,0,0,.30),
    0 10px 22px rgba(0,0,0,.18),
    inset 0 -8px 18px rgba(0,0,0,.14) !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
}

@media (min-width:980px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(-n+4)::before{
  content:none !important;
  display:none !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickCategory{
  font-weight:650 !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickMain > small{
  color:rgba(255,255,255,.84) !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickStatus{
  max-width:70% !important;
  color:rgba(255,255,255,.88) !important;
  font-weight:600 !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickStatus i{
  opacity:.92 !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickAction{
  color:rgba(255,255,255,.94) !important;
  font-weight:650 !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickFooter{
  border-top-color:rgba(255,255,255,.09) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickStatus{
  color:rgba(255,255,255,.80) !important;
}
}

@media (min-width:980px){

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover{
  border-color:rgba(255,255,255,.16) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks .desktopOfficialQuickLink{
  box-shadow:0 7px 15px rgba(7,77,72,.095),
      inset 0 1px 0 rgba(255,255,255,.075) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  box-shadow:0 7px 15px rgba(0,0,0,.19),
      inset 0 1px 0 rgba(255,255,255,.03) !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks .desktopOfficialQuickLink:hover{
  border-color:rgba(255,255,255,.30) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickCategory{
  border-color:rgba(255,255,255,.13) !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks .desktopOfficialQuickLink{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:translateY(0) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink::before{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickCategory{
  background:rgba(255,255,255,.085) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickStatus{
  background:transparent !important;
  border-radius:0 !important;
  min-height:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickLink:hover{
  border:1px solid rgba(255,255,255,.40) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.012) 0%,
        rgba(255,255,255,.003) 100%
      ) !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(4n){
  border-right:1px solid transparent !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(-n+4){
  border-bottom:1px solid transparent !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickCategory{
  background:rgba(255,255,255,.04) !important;
  border:0 !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickStatus{
  background:transparent !important;
  border:0 !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover{
  border:1px solid rgba(255,255,255,.18) !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks .desktopOfficialQuickLink{
  border:1px solid transparent !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(-n+4){
  border-bottom:1px solid transparent !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickFooter{
  width:100% !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickCategory{
  border:0 !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickStatus{
  border:0 !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks .desktopOfficialQuickFooter{
  border-top:1px solid rgba(255,255,255,.14) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickFooter{
  border-top:1px solid rgba(255,255,255,.09) !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks .desktopOfficialQuickLink{
  border-top:1px solid transparent !important;
  border-left:1px solid transparent !important;
  border-bottom:1px solid transparent !important;
  border-right:1px solid rgba(255,255,255,.13) !important;
  transition:background .28s cubic-bezier(.22,.61,.36,1),
      border-color .28s cubic-bezier(.22,.61,.36,1),
      box-shadow .28s cubic-bezier(.22,.61,.36,1),
      transform .28s cubic-bezier(.22,.61,.36,1),
      backdrop-filter .28s cubic-bezier(.22,.61,.36,1) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(4n){
  border-right:1px solid transparent !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickFooter{
  border-top:1px solid rgba(255,255,255,.14) !important;
  transition:border-color .28s cubic-bezier(.22,.61,.36,1) !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickLink:hover{
  border-top-color:transparent !important;
  border-left-color:transparent !important;
  border-bottom-color:transparent !important;
  border-right-color:rgba(255,255,255,.17) !important;
  transform:translateY(-1px) !important;
  backdrop-filter:blur(7px)
      saturate(1.06)
      brightness(1.01) !important;
  -webkit-backdrop-filter:blur(7px)
      saturate(1.06)
      brightness(1.01) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(4n):hover{
  border-right-color:transparent !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  background:radial-gradient(
        circle at 16% 10%,
        rgba(255,255,255,.13) 0%,
        rgba(255,255,255,.045) 18%,
        transparent 38%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.045) 0%,
        rgba(255,255,255,.012) 36%,
        transparent 68%
      ) !important;
  opacity:.72 !important;
  pointer-events:none !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  .desktopOfficialQuickFooter{
  border-top:1px solid rgba(255,255,255,.16) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  .desktopOfficialQuickCategory{
  background:rgba(255,255,255,.10) !important;
  border:0 !important;
  backdrop-filter:blur(5px) saturate(1.03) !important;
  -webkit-backdrop-filter:blur(5px) saturate(1.03) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  .desktopOfficialQuickStatus{
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  border-top-color:transparent !important;
  border-left-color:transparent !important;
  border-bottom-color:transparent !important;
  border-right-color:rgba(255,255,255,.075) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(4n){
  border-right-color:transparent !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickFooter{
  border-top:1px solid rgba(255,255,255,.09) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover{
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.042) 0%,
        rgba(255,255,255,.024) 52%,
        rgba(255,255,255,.012) 100%
      ) !important;
  border-top-color:transparent !important;
  border-left-color:transparent !important;
  border-bottom-color:transparent !important;
  border-right-color:rgba(255,255,255,.10) !important;
  transform:translateY(-1px) !important;
  backdrop-filter:blur(7px)
      saturate(1.03)
      brightness(.99) !important;
  -webkit-backdrop-filter:blur(7px)
      saturate(1.03)
      brightness(.99) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(4n):hover{
  border-right-color:transparent !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  .desktopOfficialQuickFooter{
  border-top:1px solid rgba(255,255,255,.11) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks .desktopOfficialQuickLink{
  border-right-color:rgba(255,255,255,.12) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(4n){
  border-right-color:transparent !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickLink:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 4px 11px rgba(7,77,72,.065),
      inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter:blur(6px)
      saturate(1.05)
      brightness(1.01) !important;
  -webkit-backdrop-filter:blur(6px)
      saturate(1.05)
      brightness(1.01) !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks{
  border:0 !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks{
  border:0 !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks{
  transform:translateY(-6px) !important;
  transition:transform .32s cubic-bezier(.22,.61,.36,1),
      box-shadow .32s cubic-bezier(.22,.61,.36,1) !important;
}

.desktopOfficialQuickLinks:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 7px 14px rgba(8,55,60,.21),
      0 24px 44px rgba(9,67,71,.24),
      0 46px 76px rgba(9,82,79,.21),
      0 68px 112px rgba(14,147,130,.18),
      inset 0 2px 0 rgba(255,255,255,.33),
      inset 0 -14px 28px rgba(7,74,69,.115),
      inset 1px 0 0 rgba(255,255,255,.05),
      inset -1px 0 0 rgba(6,66,62,.05) !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks{
  transform:translateY(-6px) !important;
  box-shadow:0 6px 13px rgba(0,0,0,.34),
      0 23px 42px rgba(0,0,0,.38),
      0 44px 72px rgba(0,0,0,.31),
      0 66px 106px rgba(0,0,0,.25),
      inset 0 2px 0 rgba(255,255,255,.065),
      inset 0 -14px 28px rgba(0,0,0,.20) !important;
}

html[data-theme="dark"] .desktopOfficialQuickLinks:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 7px 14px rgba(0,0,0,.35),
      0 25px 46px rgba(0,0,0,.39),
      0 48px 78px rgba(0,0,0,.32),
      0 70px 114px rgba(0,0,0,.26),
      inset 0 2px 0 rgba(255,255,255,.07),
      inset 0 -14px 28px rgba(0,0,0,.20) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks{
  transform:translateY(-4px) !important;
  box-shadow:0 5px 10px rgba(8,55,60,.17),
      0 18px 34px rgba(9,67,71,.19),
      0 34px 58px rgba(9,82,79,.17),
      0 50px 84px rgba(14,147,130,.14),
      inset 0 2px 0 rgba(255,255,255,.27),
      inset 0 -11px 22px rgba(7,74,69,.095) !important;
}

.desktopOfficialQuickLinks:hover{
  transform:translateY(-4px) !important;
}
}

@media (min-width:980px){

.desktopHeroFeatureRail{
  overflow:hidden !important;
  box-shadow:0 22px 48px rgba(2,76,72,.18),
      inset 0 1px 0 rgba(255,255,255,.90),
      inset 0 -1px 0 rgba(67,121,118,.08) !important;
}

.desktopHeroFeatureRail::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
}

.desktopHeroFeatureRailItem,
  .desktopHeroFeatureRailTrust{
  position:relative !important;
  z-index:1 !important;
}

html[data-theme="dark"] .desktopHeroFeatureRail{
  box-shadow:0 22px 48px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.16) !important;
}

html[data-theme="dark"] .desktopHeroFeatureRail::before{
  background:radial-gradient(
        circle at 12% 6%,
        rgba(255,255,255,.12) 0%,
        rgba(255,255,255,.04) 18%,
        transparent 40%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,.012) 38%,
        rgba(0,0,0,.06) 100%
      ) !important;
}

html[data-theme="dark"] .desktopHeroFeatureRailItem{
  border-bottom-color:rgba(255,255,255,.09) !important;
}
}

@media (min-width:980px){

.desktopHeroFeatureRail{
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.38) 0%,
        rgba(255,255,255,.27) 48%,
        rgba(248,253,252,.19) 100%
      ) !important;
  border:1px solid rgba(255,255,255,.56) !important;
  backdrop-filter:blur(18px)
      saturate(1.08)
      brightness(1.025) !important;
  -webkit-backdrop-filter:blur(18px)
      saturate(1.08)
      brightness(1.025) !important;
}

.desktopHeroFeatureRail::before{
  background:radial-gradient(
        circle at 12% 6%,
        rgba(255,255,255,.48) 0%,
        rgba(255,255,255,.13) 18%,
        transparent 40%
      ),
      radial-gradient(
        circle at 88% 84%,
        rgba(255,255,255,.10) 0%,
        transparent 34%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.14) 0%,
        rgba(255,255,255,.035) 38%,
        rgba(236,247,245,.025) 100%
      ) !important;
  opacity:.66 !important;
}

.desktopHeroFeatureRailItem{
  border-bottom:1px solid rgba(24,111,105,.10) !important;
}

.desktopHeroFeatureRailItem:last-of-type{
  border-bottom:1px solid rgba(24,111,105,.085) !important;
}

html[data-theme="dark"] .desktopHeroFeatureRail{
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.085) 0%,
        rgba(255,255,255,.050) 50%,
        rgba(255,255,255,.028) 100%
      ) !important;
  border-color:rgba(255,255,255,.13) !important;
  backdrop-filter:blur(18px)
      saturate(1.04)
      brightness(.97) !important;
  -webkit-backdrop-filter:blur(18px)
      saturate(1.04)
      brightness(.97) !important;
}

html[data-theme="dark"] .desktopHeroFeatureRail::before{
  opacity:.54 !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopHeroFeatureRail{
  backdrop-filter:blur(16px)
      saturate(1.06)
      brightness(1.02) !important;
  -webkit-backdrop-filter:blur(16px)
      saturate(1.06)
      brightness(1.02) !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  position:absolute !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  color:inherit !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
}

.desktopHeroFeatureRail::before,
  .desktopHeroFeatureRail::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:0 !important;
}

.desktopHeroFeatureRailItem{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  display:grid !important;
  align-items:center !important;
  background:radial-gradient(
        circle at 14% 8%,
        rgba(255,255,255,.10) 0%,
        transparent 40%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.14) 0%,
        rgba(255,255,255,.085) 50%,
        rgba(248,253,252,.045) 100%
      ) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 7px 18px rgba(7,76,73,.050),
      0 2px 6px rgba(7,76,73,.025),
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -1px 0 rgba(63,111,108,.020) !important;
  backdrop-filter:blur(7px)
      saturate(1.035)
      brightness(1.01) !important;
  -webkit-backdrop-filter:blur(7px)
      saturate(1.035)
      brightness(1.01) !important;
  will-change:auto !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

.desktopHeroFeatureRailItem:last-of-type{
  border:1px solid rgba(255,255,255,.24) !important;
}

.desktopHeroFeatureRailIcon{
  display:grid !important;
  place-items:center !important;
  color:#0e9382 !important;
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.72) 0%,
        rgba(250,253,253,.56) 100%
      ) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:0 6px 14px rgba(3,86,82,.10),
      inset 0 1px 0 rgba(255,255,255,.96),
      inset 0 -1px 0 rgba(75,128,125,.07) !important;
  backdrop-filter:blur(8px)
      saturate(1.03) !important;
  -webkit-backdrop-filter:blur(8px)
      saturate(1.03) !important;
}

.desktopHeroFeatureRailCopy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
}

.desktopHeroFeatureRailCopy strong{
  color:#194b56 !important;
  font-weight:800 !important;
  text-shadow:none !important;
}

.desktopHeroFeatureRailCopy small{
  color:#5a707a !important;
  font-weight:520 !important;
}

.desktopHeroFeatureRailItem[data-desktop-feature-card]{
  transform-origin:center center !important;
}

html[data-theme="dark"]
  .desktopHeroFeatureRailItem{
  background:radial-gradient(
        circle at 14% 8%,
        rgba(255,255,255,.030) 0%,
        transparent 40%
      ),
      linear-gradient(
        145deg,
        rgba(17,44,49,.24) 0%,
        rgba(10,35,40,.18) 52%,
        rgba(7,29,34,.12) 100%
      ) !important;
  border-color:rgba(255,255,255,.060) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.13),
      0 2px 6px rgba(0,0,0,.07),
      inset 0 1px 0 rgba(255,255,255,.045),
      inset 0 -1px 0 rgba(0,0,0,.14) !important;
  backdrop-filter:blur(7px)
      saturate(1.02)
      brightness(.99) !important;
  -webkit-backdrop-filter:blur(7px)
      saturate(1.02)
      brightness(.99) !important;
}

html[data-theme="dark"]
  .desktopHeroFeatureRailItem:last-of-type{
  border:1px solid rgba(255,255,255,.060) !important;
}

html[data-theme="dark"]
  .desktopHeroFeatureRailCopy strong{
  color:#f0fbfb !important;
}

html[data-theme="dark"]
  .desktopHeroFeatureRailCopy small{
  color:#bad0d3 !important;
}

html[data-theme="dark"]
  .desktopHeroFeatureRailIcon{
  color:#72e4db !important;
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.10) 0%,
        rgba(255,255,255,.055) 100%
      ) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 7px 16px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.065) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  padding:0 !important;
}

.desktopHeroFeatureRailItem{
  backdrop-filter:blur(6px)
      saturate(1.03)
      brightness(1.01) !important;
  -webkit-backdrop-filter:blur(6px)
      saturate(1.03)
      brightness(1.01) !important;
}
}

@media (min-width:980px) and (prefers-reduced-motion:reduce){

.desktopHeroFeatureRailItem[data-desktop-feature-card]{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  top:50% !important;
}
}

@media (min-width:1151px) and (max-width:1439px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  right:auto !important;
  left:clamp(
        24px,
        calc(6.6vw - 48px),
        54px
      ) !important;
  transform:translateY(
        calc(-50% - 20px)
      ) !important;
}
}

@media (min-width:1440px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  transform:translateY(
        calc(-50% - 20px)
      ) !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  width:252px !important;
}

.desktopHeroFeatureRailItem{
  min-height:76px !important;
  padding:10px 13px !important;
  grid-template-columns:50px minmax(0,1fr) !important;
  gap:11px !important;
  border-radius:17px !important;
}

.desktopHeroFeatureRailIcon{
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  border-radius:15px !important;
  font-size:16px !important;
}

.desktopHeroFeatureRailImage{
  display:block !important;
  width:35px !important;
  height:35px !important;
  max-width:35px !important;
  max-height:35px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:brightness(0)
      saturate(100%) !important;
  opacity:.98 !important;
  transform:translate3d(0,0,0) !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}

.desktopHeroFeatureRailItem:nth-child(1)
  .desktopHeroFeatureRailImage{
  filter:brightness(0)
      saturate(100%)
      invert(40%)
      sepia(37%)
      saturate(1284%)
      hue-rotate(126deg)
      brightness(91%)
      contrast(94%) !important;
}

.desktopHeroFeatureRailItem:nth-child(2)
  .desktopHeroFeatureRailImage{
  filter:brightness(0)
      saturate(100%)
      invert(62%)
      sepia(28%)
      saturate(850%)
      hue-rotate(116deg)
      brightness(94%)
      contrast(88%) !important;
}

.desktopHeroFeatureRailItem:nth-child(3)
  .desktopHeroFeatureRailImage{
  filter:brightness(0)
      saturate(100%)
      invert(73%)
      sepia(63%)
      saturate(624%)
      hue-rotate(26deg)
      brightness(98%)
      contrast(91%) !important;
}

.desktopHeroFeatureRailCopy{
  gap:3px !important;
}

.desktopHeroFeatureRailCopy strong{
  font-size:12.2px !important;
  line-height:1.22 !important;
}

.desktopHeroFeatureRailCopy small{
  font-size:9.2px !important;
  line-height:1.32 !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  width:216px !important;
}

.desktopHeroFeatureRailItem{
  min-height:62px !important;
  padding:8px 10px !important;
  grid-template-columns:41px minmax(0,1fr) !important;
  gap:9px !important;
  border-radius:15px !important;
}

.desktopHeroFeatureRailIcon{
  width:39px !important;
  min-width:39px !important;
  max-width:39px !important;
  height:39px !important;
  min-height:39px !important;
  max-height:39px !important;
  border-radius:12px !important;
  font-size:13px !important;
}

.desktopHeroFeatureRailImage{
  width:29px !important;
  height:29px !important;
  max-width:29px !important;
  max-height:29px !important;
}

.desktopHeroFeatureRailCopy strong{
  font-size:10.5px !important;
  line-height:1.20 !important;
}

.desktopHeroFeatureRailCopy small{
  font-size:8px !important;
  line-height:1.28 !important;
}
}

@media (min-width:980px) and (max-height:820px){

.desktopHeroFeatureRailItem{
  min-height:46px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  transform:translateY(
        calc(-50% - 85px)
      ) !important;
  gap:11px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  transform:translateY(
        calc(-50% - 85px)
      ) !important;
  gap:9px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  transform:translateY(
        calc(-50% - 85px)
      ) !important;
  gap:9px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::before{
  right:-8px !important;
  bottom:-1px !important;
  clip-path:polygon(
        0 0,
        100% 100%,
        0 78%
      ) !important;
  -webkit-clip-path:polygon(
        0 0,
        100% 100%,
        0 78%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::before{
  background:rgba(255,255,255,.095) !important;
  filter:drop-shadow(
        1px 2px 2px rgba(0,0,0,.14)
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::before{
  right:-7px !important;
  width:15px !important;
  height:13px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem{
  isolation:isolate !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::before{
  width:0 !important;
  height:0 !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  right:-10px !important;
  bottom:0 !important;
  width:12px !important;
  height:12px !important;
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.28) 0%,
        rgba(255,255,255,.21) 52%,
        rgba(248,253,252,.16) 100%
      ) !important;
  clip-path:polygon(
        0 0,
        100% 100%,
        0 100%
      ) !important;
  -webkit-clip-path:polygon(
        0 0,
        100% 100%,
        0 100%
      ) !important;
  border:0 !important;
  border-radius:0 !important;
  backdrop-filter:blur(16px)
      saturate(1.07)
      brightness(1.02) !important;
  -webkit-backdrop-filter:blur(16px)
      saturate(1.07)
      brightness(1.02) !important;
  filter:drop-shadow(
        1px
        1px
        0
        rgba(255,255,255,.27)
      )
      drop-shadow(
        2px
        3px
        3px
        rgba(7,76,73,.055)
      ) !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::before{
  content:none !important;
  display:none !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::after{
  background:linear-gradient(
        145deg,
        rgba(17,44,49,.46) 0%,
        rgba(10,35,40,.40) 54%,
        rgba(7,29,34,.34) 100%
      ) !important;
  backdrop-filter:blur(16px)
      saturate(1.04)
      brightness(.98) !important;
  -webkit-backdrop-filter:blur(16px)
      saturate(1.04)
      brightness(.98) !important;
  filter:drop-shadow(
        1px
        1px
        0
        rgba(255,255,255,.075)
      )
      drop-shadow(
        2px
        3px
        3px
        rgba(0,0,0,.15)
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::after{
  right:-8px !important;
  width:10px !important;
  height:10px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem{
  border-radius:16px
      16px
      3px
      16px !important;
  overflow:hidden !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::before,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::after{
  content:none !important;
  display:none !important;
  position:static !important;
  width:0 !important;
  height:0 !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:0 !important;
  transform:none !important;
  pointer-events:none !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem{
  border-radius:15px
      15px
      3px
      15px !important;
  overflow:hidden !important;
}
}

@media (min-width:980px){

:is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption)
  .desktopOfficialEyebrow{
  min-height:32px !important;
  padding-left:12px !important;
  padding-right:12px !important;
  gap:8px !important;
  font-size:10.5px !important;
}

:is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption)
  .desktopOfficialEyebrow i{
  font-size:11px !important;
}

.desktopOfficialHotTopicLead{
  max-width:680px !important;
  font-size:13.2px !important;
  line-height:1.62 !important;
  font-weight:500 !important;
}

.desktopOfficialHotTopicPoints li{
  grid-template-columns:22px minmax(0,1fr) !important;
  gap:11px !important;
  font-size:10.8px !important;
  line-height:1.48 !important;
}

.desktopOfficialHotTopicPoints i{
  margin-top:1px !important;
  font-size:16.5px !important;
}

.desktopOfficialHotTopicButton{
  min-height:46px !important;
  padding-left:22px !important;
  padding-right:22px !important;
  gap:11px !important;
  font-size:11.4px !important;
}

.desktopOfficialHotTopicButton i{
  font-size:11.5px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

:is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption)
  .desktopOfficialEyebrow{
  min-height:29px !important;
  font-size:9.5px !important;
}

:is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption)
  .desktopOfficialEyebrow i{
  font-size:10px !important;
}

.desktopOfficialHotTopicLead{
  max-width:100% !important;
  font-size:11.4px !important;
  line-height:1.60 !important;
}

.desktopOfficialHotTopicPoints li{
  grid-template-columns:19px minmax(0,1fr) !important;
  gap:8px !important;
  font-size:9.4px !important;
  line-height:1.46 !important;
}

.desktopOfficialHotTopicPoints i{
  font-size:14px !important;
}

.desktopOfficialHotTopicButton{
  min-height:47px !important;
  padding-left:19px !important;
  padding-right:19px !important;
  font-size:10.4px !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks{
  padding:16px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  min-height:204px !important;
  padding:26px
      20px
      20px !important;
  grid-template-rows:minmax(0,1fr)
      auto !important;
  row-gap:17px !important;
  border-radius:20px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickCategory{
  min-height:25px !important;
  margin-bottom:10px !important;
  padding:0 9px !important;
  border-radius:7px !important;
  font-size:8.2px !important;
  letter-spacing:.04em !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickMain > strong{
  font-size:14.4px !important;
  line-height:1.20 !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickMain > small{
  max-width:265px !important;
  margin-top:8px !important;
  font-size:10.2px !important;
  line-height:1.46 !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickFooter{
  min-height:38px !important;
  padding-top:13px !important;
  gap:14px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickStatus{
  gap:7px !important;
  font-size:8.4px !important;
  line-height:1.05 !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickStatus i{
  font-size:9.2px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickAction{
  gap:8px !important;
  font-size:8.6px !important;
  line-height:1.05 !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickAction i{
  font-size:10.5px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks{
  padding:13px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  min-height:182px !important;
  padding:21px
      15px
      17px !important;
  row-gap:13px !important;
  border-radius:18px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickCategory{
  min-height:22px !important;
  margin-bottom:8px !important;
  padding:0 8px !important;
  font-size:7.3px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickMain > strong{
  font-size:12.2px !important;
  line-height:1.20 !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickMain > small{
  margin-top:6px !important;
  font-size:8.7px !important;
  line-height:1.42 !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickFooter{
  min-height:33px !important;
  padding-top:10px !important;
  gap:9px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickStatus{
  gap:5px !important;
  font-size:7.2px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickStatus i{
  font-size:8.2px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickAction{
  gap:6px !important;
  font-size:7.4px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickAction i{
  font-size:9.2px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  min-height:176px !important;
}
}

@media (min-width:980px) and (max-height:720px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  min-height:170px !important;
}
}

@media (min-width:980px){

.desktopOfficialArticles .desktopOfficialEyebrow,
  .desktopOfficialProfessionals .desktopOfficialEyebrow,
  .desktopOfficialTrustSection .desktopOfficialEyebrow{
  min-height:32px !important;
  padding-left:12px !important;
  padding-right:12px !important;
  gap:8px !important;
  font-size:10.5px !important;
}

.desktopOfficialArticles .desktopOfficialEyebrow i,
  .desktopOfficialProfessionals .desktopOfficialEyebrow i,
  .desktopOfficialTrustSection .desktopOfficialEyebrow i{
  font-size:11px !important;
}

.desktopOfficialSectionHeader--articles p,
  .desktopOfficialSectionHeader--professionals p,
  .desktopOfficialTrustSection
  .desktopOfficialSectionHeader > p{
  font-size:13px !important;
  line-height:1.58 !important;
}

.desktopOfficialArticleControl{
  width:52px !important;
  min-width:52px !important;
  height:52px !important;
  font-size:19px !important;
}

.desktopOfficialArticleTab{
  min-height:46px !important;
  padding-left:20px !important;
  padding-right:20px !important;
  gap:11px !important;
  font-size:10.6px !important;
}

.desktopOfficialArticleTab i{
  font-size:11.5px !important;
}

.desktopOfficialArticleMedia span{
  min-height:31px !important;
  padding-left:13px !important;
  padding-right:13px !important;
  font-size:9px !important;
}

.desktopOfficialArticleBody{
  padding:20px
      20px
      18px !important;
}

.desktopOfficialArticleBody h3{
  font-size:13.5px !important;
  line-height:1.42 !important;
}

.desktopOfficialArticleBody p{
  margin-top:11px !important;
  font-size:10.4px !important;
  line-height:1.62 !important;
}

.desktopOfficialArticleBody small{
  margin-top:17px !important;
  font-size:9px !important;
}

.desktopOfficialOutlineButton.desktopOfficialArticlesCta{
  min-height:48px !important;
  padding-left:24px !important;
  padding-right:24px !important;
  gap:10px !important;
  font-size:10.8px !important;
}

.desktopOfficialOutlineButton.desktopOfficialArticlesCta i{
  font-size:11px !important;
}

.desktopOfficialProfessionalControl{
  width:52px !important;
  min-width:52px !important;
  height:52px !important;
  font-size:19px !important;
}

.desktopOfficialProfessionalBody{
  padding:15px
      16px
      16px !important;
}

.desktopOfficialProfessionalBadge{
  min-height:29px !important;
  padding-left:11px !important;
  padding-right:11px !important;
  gap:7px !important;
  font-size:9.2px !important;
}

.desktopOfficialProfessionalBadge i{
  font-size:10px !important;
}

.desktopOfficialProfessionalBody h3{
  margin-top:11px !important;
  font-size:13.8px !important;
  line-height:1.32 !important;
}

.desktopOfficialProfessionalBody p{
  margin-top:8px !important;
  font-size:10px !important;
  line-height:1.52 !important;
}

.desktopOfficialProfessionalTags{
  margin-top:11px !important;
  gap:7px !important;
}

.desktopOfficialProfessionalTags span{
  min-height:27px !important;
  padding-left:10px !important;
  padding-right:10px !important;
  font-size:8.6px !important;
}

.desktopOfficialProfileLink{
  padding-top:14px !important;
  gap:9px !important;
  font-size:10px !important;
}

.desktopOfficialProfileLink i{
  font-size:10.5px !important;
}

.desktopOfficialOutlineButton.desktopOfficialProfessionalsCta{
  min-height:46px !important;
  padding-left:24px !important;
  padding-right:24px !important;
  gap:10px !important;
  font-size:10.8px !important;
}

.desktopOfficialOutlineButton.desktopOfficialProfessionalsCta i{
  font-size:11px !important;
}

.desktopOfficialTrustGrid article{
  padding:19px !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  gap:15px !important;
}

.desktopOfficialTrustGrid article > span{
  width:58px !important;
  height:58px !important;
  font-size:23px !important;
}

.desktopOfficialTrustGrid strong{
  font-size:11.8px !important;
  line-height:1.34 !important;
}

.desktopOfficialTrustGrid p{
  margin-top:7px !important;
  font-size:10.2px !important;
  line-height:1.52 !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialArticleViewport{
  padding-top:5px !important;
  padding-bottom:6px !important;
}

.desktopOfficialProfessionalViewport{
  padding-top:5px !important;
  padding-bottom:6px !important;
}

.desktopOfficialArticles .desktopOfficialEyebrow,
  .desktopOfficialProfessionals .desktopOfficialEyebrow,
  .desktopOfficialTrustSection .desktopOfficialEyebrow{
  min-height:29px !important;
  font-size:9.5px !important;
}

.desktopOfficialArticles .desktopOfficialEyebrow i,
  .desktopOfficialProfessionals .desktopOfficialEyebrow i,
  .desktopOfficialTrustSection .desktopOfficialEyebrow i{
  font-size:10px !important;
}

.desktopOfficialSectionHeader--articles p,
  .desktopOfficialSectionHeader--professionals p,
  .desktopOfficialTrustSection
  .desktopOfficialSectionHeader > p{
  font-size:11.4px !important;
  line-height:1.56 !important;
}

.desktopOfficialArticleControl{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  font-size:17px !important;
}

.desktopOfficialArticleTab{
  min-height:45px !important;
  padding-left:16px !important;
  padding-right:16px !important;
  gap:9px !important;
  font-size:9.5px !important;
}

.desktopOfficialArticleTab i{
  font-size:10.4px !important;
}

.desktopOfficialArticleMedia span{
  min-height:29px !important;
  font-size:8.5px !important;
}

.desktopOfficialArticleBody{
  padding:18px
      18px
      17px !important;
}

.desktopOfficialArticleBody h3{
  font-size:12.4px !important;
}

.desktopOfficialArticleBody p{
  font-size:9.6px !important;
  line-height:1.58 !important;
}

.desktopOfficialArticleBody small{
  font-size:8.5px !important;
}

.desktopOfficialOutlineButton.desktopOfficialArticlesCta{
  min-height:46px !important;
  font-size:10px !important;
}

.desktopOfficialProfessionalControl{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  font-size:17px !important;
}

.desktopOfficialProfessionalBody{
  padding:13px
      14px
      14px !important;
}

.desktopOfficialProfessionalBadge{
  min-height:26px !important;
  font-size:8.5px !important;
}

.desktopOfficialProfessionalBody h3{
  font-size:12px !important;
  line-height:1.31 !important;
}

.desktopOfficialProfessionalBody p{
  font-size:9px !important;
  line-height:1.50 !important;
}

.desktopOfficialProfessionalTags span{
  min-height:24px !important;
  font-size:7.8px !important;
}

.desktopOfficialProfileLink{
  font-size:9.2px !important;
}

.desktopOfficialOutlineButton.desktopOfficialProfessionalsCta{
  min-height:47px !important;
  font-size:10px !important;
}

.desktopOfficialTrustGrid article{
  padding:17px !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:14px !important;
}

.desktopOfficialTrustGrid article > span{
  width:54px !important;
  height:46px !important;
  font-size:21px !important;
}

.desktopOfficialTrustGrid strong{
  font-size:11px !important;
}

.desktopOfficialTrustGrid p{
  font-size:9.5px !important;
  line-height:1.50 !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks{
  column-gap:14px !important;
  row-gap:20px !important;
  gap:20px 14px !important;
}

.desktopOfficialQuickLinks::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  left:18px !important;
  right:18px !important;
  top:50% !important;
  width:auto !important;
  height:16px !important;
  transform:translateY(-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(
        180deg,
        rgba(6,79,73,.20) 0%,
        rgba(7,89,82,.135) 28%,
        rgba(255,255,255,.025) 55%,
        rgba(255,255,255,.13) 100%
      ) !important;
  opacity:.88 !important;
  pointer-events:none !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  position:relative !important;
  z-index:1 !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(-n+4){
  box-shadow:0 7px 12px -11px rgba(4,62,59,.58),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(n+5){
  box-shadow:0 -5px 10px -10px rgba(255,255,255,.34),
      inset 0 1px 0 rgba(255,255,255,.075) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks::after{
  background:linear-gradient(
        180deg,
        rgba(0,0,0,.27) 0%,
        rgba(0,0,0,.17) 30%,
        rgba(255,255,255,.008) 58%,
        rgba(255,255,255,.055) 100%
      ) !important;
  box-shadow:inset 0 4px 7px rgba(0,0,0,.32),
      inset 0 -2px 3px rgba(255,255,255,.055),
      0 1px 0 rgba(255,255,255,.025) !important;
  opacity:.92 !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(-n+4){
  box-shadow:0 7px 12px -11px rgba(0,0,0,.72),
      inset 0 1px 0 rgba(255,255,255,.03) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:nth-child(n+5){
  box-shadow:0 -5px 10px -10px rgba(255,255,255,.10),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover{
  box-shadow:0 5px 13px rgba(0,0,0,.13),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks{
  column-gap:11px !important;
  row-gap:16px !important;
  gap:16px 11px !important;
}

.desktopOfficialQuickLinks::after{
  left:14px !important;
  right:14px !important;
  height:13px !important;
  box-shadow:inset 0 3px 6px rgba(5,69,65,.19),
      inset 0 -2px 3px rgba(255,255,255,.13),
      0 1px 0 rgba(255,255,255,.07) !important;
}
}

@media (min-width:980px){

html[data-theme="dark"]
  .desktopOfficialHotTopicBow{
  filter:drop-shadow(
        0 5px 5px rgba(0,0,0,.24)
      )
      drop-shadow(
        0 12px 14px rgba(0,0,0,.18)
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialHotTopicBow{
  transform-origin:100% 0% !important;
}
}

@media (min-width:980px) and (max-height:820px){

.desktopOfficialHotTopicBow{
  transform:scale(.88)
      rotate(3deg)
      translateZ(0) !important;
  transform-origin:100% 0% !important;
}
}

@media (min-width:980px) and (max-height:720px){

.desktopOfficialHotTopicBow{
  transform:scale(.78)
      rotate(3deg)
      translateZ(0) !important;
  transform-origin:100% 0% !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialHotTopicBow{
  height:136px !important;
  transform:rotate(2deg)
      translateZ(0) !important;
}
}

@media (min-width:980px) and (max-height:820px){

.desktopOfficialHotTopicBow{
  height:143px !important;
}
}

@media (min-width:980px) and (max-height:720px){

.desktopOfficialHotTopicBow{
  height:127px !important;
}
}

@media (min-width:980px){

.desktopOfficialHotTopicBow{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  width:clamp(168px,13vw,220px) !important;
  height:auto !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  transform:none !important;
  transform-origin:center !important;
  filter:none !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

.desktopOfficialHotTopicBowImage{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  image-rendering:auto !important;
  filter:drop-shadow(0 5px 5px rgba(6,89,79,.10))
      drop-shadow(0 10px 11px rgba(24,93,75,.075)) !important;
  transform:translate3d(0,0,0) !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  pointer-events:none !important;
}

html[data-theme="dark"]
  .desktopOfficialHotTopicBowImage{
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.20))
      drop-shadow(0 11px 13px rgba(0,0,0,.13)) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialHotTopicBow{
  top:7px !important;
  right:7px !important;
  width:clamp(138px,13.2vw,158px) !important;
}
}

@media (min-width:1151px) and (max-width:1439px){

.desktopOfficialHotTopicBow{
  top:8px !important;
  right:8px !important;
  width:clamp(168px,13vw,205px) !important;
}
}

@media (min-width:1440px){

.desktopOfficialHotTopicBow{
  top:10px !important;
  right:10px !important;
  width:clamp(195px,12vw,230px) !important;
}
}

@media (min-width:980px) and (max-height:820px){

.desktopOfficialHotTopicBow{
  top:7px !important;
  right:7px !important;
  width:clamp(142px,12.2vw,168px) !important;
}
}

@media (min-width:980px) and (max-height:720px){

.desktopOfficialHotTopicBow{
  top:6px !important;
  right:6px !important;
  width:clamp(128px,11.5vw,150px) !important;
}
}

@media (max-width:979px){

.desktopOfficialHotTopicBow{
  display:none !important;
}
}

@media (min-width:980px){

.desktopOfficialHotTopicTop{
  position:relative !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  overflow:visible !important;
}

.desktopOfficialHotTopicTop::before,
  .desktopOfficialHotTopicTop::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:0 !important;
}

.desktopOfficialHotTopicMedia{
  position:relative !important;
  z-index:1 !important;
  transform:translateY(-6px)
      translateZ(0) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  box-shadow:0 6px 12px rgba(8,55,60,.16),
      0 20px 36px rgba(9,67,71,.17),
      0 36px 60px rgba(9,82,79,.14),
      0 52px 86px rgba(14,147,130,.105),
      inset 0 2px 0 rgba(255,255,255,.98),
      inset 0 -12px 24px rgba(7,74,69,.055),
      inset 1px 0 0 rgba(255,255,255,.50),
      inset -1px 0 0 rgba(6,66,62,.025) !important;
  transition:transform .30s cubic-bezier(.22,.61,.36,1),
      box-shadow .30s cubic-bezier(.22,.61,.36,1) !important;
  overflow:hidden !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

.desktopOfficialHotTopicMedia::before{
  opacity:.92 !important;
}

.desktopOfficialHotTopicBody{
  position:relative !important;
  z-index:1 !important;
  transform:translateY(-6px)
      translateZ(0) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  box-shadow:0 6px 12px rgba(8,55,60,.16),
      0 20px 36px rgba(9,67,71,.17),
      0 36px 60px rgba(9,82,79,.14),
      0 52px 86px rgba(14,147,130,.105),
      inset 0 2px 0 rgba(255,255,255,.98),
      inset 0 -12px 24px rgba(7,74,69,.055),
      inset 1px 0 0 rgba(255,255,255,.50),
      inset -1px 0 0 rgba(6,66,62,.025) !important;
  overflow:visible !important;
  transition:transform .30s cubic-bezier(.22,.61,.36,1),
      box-shadow .30s cubic-bezier(.22,.61,.36,1) !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

.desktopOfficialHotTopicBody::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  display:block !important;
  border-radius:inherit !important;
  opacity:.72 !important;
  pointer-events:none !important;
}

.desktopOfficialHotTopicBow{
  z-index:8 !important;
}

.desktopOfficialHotTopicMedia:hover,
  .desktopOfficialHotTopicBody:hover{
  transform:translateY(-6px)
      translateZ(0) !important;
}

html[data-theme="dark"]
  .desktopOfficialHotTopicTop{
  background:transparent !important;
  box-shadow:none !important;
}

html[data-theme="dark"]
  .desktopOfficialHotTopicMedia,
  html[data-theme="dark"]
  .desktopOfficialHotTopicBody{
  transform:translateY(-6px)
      translateZ(0) !important;
  border-color:rgba(255,255,255,.075) !important;
}

html[data-theme="dark"]
  .desktopOfficialHotTopicBody::before{
  background:radial-gradient(
        circle at 12% 4%,
        rgba(255,255,255,.055) 0%,
        transparent 38%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.028) 0%,
        transparent 44%
      ) !important;
  opacity:.66 !important;
}

html[data-theme="dark"]
  .desktopOfficialHotTopicMedia:hover,
  html[data-theme="dark"]
  .desktopOfficialHotTopicBody:hover{
  transform:translateY(-6px)
      translateZ(0) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialHotTopicMedia,
  .desktopOfficialHotTopicBody{
  transform:translateY(-4px)
      translateZ(0) !important;
}

.desktopOfficialHotTopicMedia:hover,
  .desktopOfficialHotTopicBody:hover{
  transform:translateY(-4px)
      translateZ(0) !important;
}

html[data-theme="dark"]
  .desktopOfficialHotTopicMedia,
  html[data-theme="dark"]
  .desktopOfficialHotTopicBody{
  transform:translateY(-4px)
      translateZ(0) !important;
}
}

@media (min-width:980px) and (max-height:820px){

.desktopOfficialHotTopicMedia,
  .desktopOfficialHotTopicBody{
  transform:translateY(-3px)
      translateZ(0) !important;
}

.desktopOfficialHotTopicMedia:hover,
  .desktopOfficialHotTopicBody:hover{
  transform:translateY(-3px)
      translateZ(0) !important;
}
}

@media (min-width:980px){

.desktopOfficialHotTopicMedia,
  .desktopOfficialHotTopicBody{
  box-shadow:0 6px 12px rgba(34,40,46,.12),

      /* main elevation */
      0 20px 36px rgba(45,51,57,.14),

      /* broad neutral ambient shadow */
      0 36px 60px rgba(52,58,64,.105),

      /* very soft wide gray depth */
      0 52px 86px rgba(58,64,70,.070),

      /* top surface highlight */
      inset 0 2px 0 rgba(255,255,255,.98),

      /* neutral bottom depth */
      inset 0 -12px 24px rgba(74,82,88,.045),

      /* side surface */
      inset 1px 0 0 rgba(255,255,255,.50),
      inset -1px 0 0 rgba(65,72,78,.025) !important;
}

.desktopOfficialHotTopicMedia:hover,
  .desktopOfficialHotTopicBody:hover{
  box-shadow:0 7px 14px rgba(34,40,46,.13),
      0 22px 40px rgba(45,51,57,.15),
      0 40px 66px rgba(52,58,64,.115),
      0 56px 92px rgba(58,64,70,.078),
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -12px 24px rgba(74,82,88,.045),
      inset 1px 0 0 rgba(255,255,255,.54),
      inset -1px 0 0 rgba(65,72,78,.03) !important;
}

.desktopOfficialHotTopicBody::before{
  background:radial-gradient(
        circle at 12% 4%,
        rgba(255,255,255,.72) 0%,
        rgba(255,255,255,.20) 21%,
        transparent 40%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.20) 0%,
        rgba(255,255,255,.035) 34%,
        rgba(70,78,84,.010) 100%
      ) !important;
}

.desktopOfficialHotTopicMedia::before{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.24) 0%,
        rgba(255,255,255,.055) 24%,
        rgba(255,255,255,0) 60%,
        rgba(52,58,64,.025) 100%
      ) !important;
}

html[data-theme="dark"]
  .desktopOfficialHotTopicMedia,
  html[data-theme="dark"]
  .desktopOfficialHotTopicBody{
  box-shadow:0 6px 13px rgba(0,0,0,.30),
      0 22px 40px rgba(0,0,0,.33),
      0 40px 66px rgba(0,0,0,.27),
      0 56px 90px rgba(0,0,0,.20),
      inset 0 2px 0 rgba(255,255,255,.045),
      inset 0 -12px 24px rgba(0,0,0,.18) !important;
}

html[data-theme="dark"]
  .desktopOfficialHotTopicMedia:hover,
  html[data-theme="dark"]
  .desktopOfficialHotTopicBody:hover{
  box-shadow:0 7px 14px rgba(0,0,0,.31),
      0 24px 44px rgba(0,0,0,.34),
      0 44px 72px rgba(0,0,0,.28),
      0 60px 96px rgba(0,0,0,.21),
      inset 0 2px 0 rgba(255,255,255,.05),
      inset 0 -12px 24px rgba(0,0,0,.18) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialHotTopicMedia,
  .desktopOfficialHotTopicBody{
  box-shadow:0 5px 10px rgba(34,40,46,.10),
      0 17px 31px rgba(45,51,57,.12),
      0 31px 52px rgba(52,58,64,.09),
      0 44px 72px rgba(58,64,70,.060),
      inset 0 2px 0 rgba(255,255,255,.94),
      inset 0 -10px 20px rgba(74,82,88,.04) !important;
}

html[data-theme="dark"]
  .desktopOfficialHotTopicMedia,
  html[data-theme="dark"]
  .desktopOfficialHotTopicBody{
  box-shadow:0 5px 11px rgba(0,0,0,.27),
      0 18px 32px rgba(0,0,0,.30),
      0 32px 54px rgba(0,0,0,.24),
      0 46px 74px rgba(0,0,0,.18),
      inset 0 2px 0 rgba(255,255,255,.04),
      inset 0 -10px 20px rgba(0,0,0,.16) !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  .desktopOfficialQuickPrimaryImage{
  filter:drop-shadow(
        0 5px 8px rgba(12,57,63,.13)
      )
      drop-shadow(
        0 11px 17px rgba(12,57,63,.085)
      ) !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  .desktopOfficialQuickPrimaryImage{
  filter:drop-shadow(
        0 5px 8px rgba(0,0,0,.22)
      )
      drop-shadow(
        0 11px 18px rgba(0,0,0,.16)
      ) !important;
}
}

@media (min-width:980px) and (max-height:820px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  .desktopOfficialQuickPrimaryImage{
  transform:translate3d(0,-1px,0)
      scale(1.015) !important;
}
}

@media (max-width:979px){

.desktopOfficialQuickPrimaryImage{
  display:none !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  column-gap:16px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickPrimaryImage{
  transform-origin:center center !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickMain{
  grid-column:2 !important;
  grid-row:1 !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  > .desktopOfficialQuickPrimaryImage{
  transform:translate3d(0,-1px,0)
      scale(1.018) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  column-gap:13px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickPrimaryImage{
  transform:translate3d(0,0,0)
      scale(.97) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  > .desktopOfficialQuickPrimaryImage{
  transform:translate3d(0,-1px,0)
      scale(.99) !important;
}
}

@media (max-width:979px){

.desktopOfficialQuickPrimaryImage,
  .desktopOfficialQuickFetalAnimation{
  display:none !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickPrimaryImage{
  grid-column:1 !important;
  grid-row:1 !important;
  width:88px !important;
  min-width:88px !important;
  max-width:88px !important;
  height:88px !important;
  min-height:88px !important;
  max-height:88px !important;
  align-self:center !important;
  justify-self:center !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 4px 7px rgba(12,57,63,.105))
      drop-shadow(0 9px 15px rgba(12,57,63,.060)) !important;
  animation:none !important;
  transition:none !important;
  transform:none !important;
  will-change:auto !important;
  image-rendering:auto !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink:hover
  .desktopOfficialQuickPrimaryImage{
  animation:none !important;
  transition:none !important;
  transform:none !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  grid-template-columns:88px minmax(0,1fr) !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickMain{
  align-self:center !important;
}

html[data-theme="dark"]
  .desktopOfficialQuickLinks
  .desktopOfficialQuickPrimaryImage{
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.19))
      drop-shadow(0 10px 16px rgba(0,0,0,.13)) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialQuickLinks
  .desktopOfficialQuickPrimaryImage{
  width:74px !important;
  min-width:74px !important;
  max-width:74px !important;
  height:74px !important;
  min-height:74px !important;
  max-height:74px !important;
}

.desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  grid-template-columns:74px minmax(0,1fr) !important;
}
}

@media (max-width:979px){

.desktopOfficialQuickPrimaryImage{
  animation:none !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroTrustPanel[aria-label="Informasi kesehatan bersama tenaga kesehatan"]{
  position:relative !important;
  top:12px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop .phoneScreen{
  grid-template-rows:88px
      clamp(
        530px,
        calc(100svh - 250px),
        620px
      )
      auto
      auto !important;
}

.bumilLandingPage--officialDesktop .contentPanel,
  .bumilLandingPage--officialDesktop .visualHero{
  min-height:0 !important;
  height:100% !important;
}

.bumilLandingPage--officialDesktop .contentPanel{
  padding-top:clamp(34px,4.4vh,52px) !important;
  padding-bottom:clamp(28px,3.8vh,42px) !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop .contentPanel,
  .bumilLandingPage--officialDesktop .visualHero{
  min-height:0 !important;
  height:100% !important;
}

.bumilLandingPage--officialDesktop .contentPanel{
  padding-top:20px !important;
  padding-bottom:18px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .heroDescription{
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  min-height:calc(2 * 1.58em) !important;
  height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  line-clamp:2 !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop
  .phoneScreen{
  grid-template-rows:78px
      clamp(
        470px,
        calc(100svh - 230px),
        515px
      )
      auto
      auto !important;
}

.bumilLandingPage--officialDesktop
  .heroDescription{
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  min-height:calc(2 * 1.56em) !important;
  height:auto !important;
  max-height:none !important;
}
}

@media (min-width:980px) and (max-height:720px){

.bumilLandingPage--officialDesktop
  .phoneScreen{
  grid-template-rows:72px
      475px
      auto
      auto !important;
}

.bumilLandingPage--officialDesktop
  .heroDescription{
  flex-shrink:0 !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .heroBrandLogoShadow{
  width:112px !important;
  min-width:112px !important;
  max-width:112px !important;
  height:112px !important;
  min-height:112px !important;
  max-height:112px !important;
  flex:0 0 112px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandLogoWrap{
  width:112px !important;
  min-width:112px !important;
  max-width:112px !important;
  height:112px !important;
  min-height:112px !important;
  max-height:112px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandLogoWrap
  .heroBrandLogo{
  width:98px !important;
  min-width:98px !important;
  max-width:98px !important;
  height:98px !important;
  min-height:98px !important;
  max-height:98px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandName{
  font-size:48px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandTagline{
  font-size:13.5px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .heroBrandLogoShadow{
  width:94px !important;
  min-width:94px !important;
  max-width:94px !important;
  height:94px !important;
  min-height:94px !important;
  max-height:94px !important;
  flex:0 0 94px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandLogoWrap{
  width:94px !important;
  min-width:94px !important;
  max-width:94px !important;
  height:94px !important;
  min-height:94px !important;
  max-height:94px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandLogoWrap
  .heroBrandLogo{
  width:82px !important;
  min-width:82px !important;
  max-width:82px !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandName{
  font-size:40px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop
  .heroBrandLogoShadow{
  width:90px !important;
  min-width:90px !important;
  max-width:90px !important;
  height:90px !important;
  min-height:90px !important;
  max-height:90px !important;
  flex:0 0 90px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandLogoWrap{
  width:90px !important;
  min-width:90px !important;
  max-width:90px !important;
  height:90px !important;
  min-height:90px !important;
  max-height:90px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandLogoWrap
  .heroBrandLogo{
  width:78px !important;
  min-width:78px !important;
  max-width:78px !important;
  height:78px !important;
  min-height:78px !important;
  max-height:78px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandName{
  font-size:40px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandTagline{
  font-size:11.5px !important;
}
}

@media (min-width:980px) and (max-height:720px){

.bumilLandingPage--officialDesktop
  .heroBrandLogoShadow{
  width:82px !important;
  min-width:82px !important;
  max-width:82px !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  flex:0 0 82px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandLogoWrap{
  width:82px !important;
  min-width:82px !important;
  max-width:82px !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandLogoWrap
  .heroBrandLogo{
  width:70px !important;
  min-width:70px !important;
  max-width:70px !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
}

.bumilLandingPage--officialDesktop
  .heroBrandName{
  font-size:37px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .heroBrandCard{
  position:relative !important;
  top:14px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .heroBrandCard{
  top:12px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop
  .heroBrandCard{
  top:10px !important;
}
}

@media (min-width:980px) and (max-height:720px){

.bumilLandingPage--officialDesktop
  .heroBrandCard{
  top:8px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopNav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a{
  text-decoration:none !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4){
  position:relative !important;
  min-height:40px !important;
  padding:0 24px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:12.2px !important;
  line-height:1 !important;
  font-weight:760 !important;
  letter-spacing:-.01em !important;
  white-space:nowrap !important;
  transition:color .22s ease,
      opacity .22s ease,
      transform .22s ease !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+3)::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  right:0 !important;
  width:1px !important;
  height:22px !important;
  transform:translateY(-50%) !important;
  pointer-events:none !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4)::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:-1px !important;
  width:44px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#15a79a 0%, #43c1ae 100%) !important;
  transform:translateX(-50%) scaleX(.35) !important;
  transform-origin:center !important;
  opacity:0 !important;
  transition:transform .22s ease,
      opacity .22s ease,
      filter .22s ease !important;
  filter:drop-shadow(0 1px 1px rgba(15,159,141,.12)) !important;
  pointer-events:none !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4):hover,
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4):focus-visible{
  color:#0f9f8d !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4):focus-visible{
  outline:none !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav .desktopNavbarUtilities{
  margin-left:18px !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav .desktopNavLogin{
  margin-left:14px !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4){
  color:#d6e3e6 !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1),
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4):hover,
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4):focus-visible{
  color:#8ae1d3 !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4)::before{
  background:linear-gradient(90deg,#4fd0bf 0%, #9ee7dc 100%) !important;
  filter:drop-shadow(0 1px 1px rgba(79,208,191,.10)) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4){
  min-height:36px !important;
  padding:0 16px !important;
  font-size:10.8px !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+3)::after{
  height:18px !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4)::before{
  width:38px !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav .desktopNavbarUtilities{
  margin-left:12px !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav .desktopNavLogin{
  margin-left:10px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4){
  min-height:34px !important;
  padding:0 15px !important;
  font-size:10.4px !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+3)::after{
  height:17px !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4)::before{
  width:36px !important;
  bottom:0 !important;
}
}

@media (min-width:980px) and (max-height:720px){

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4){
  min-height:32px !important;
  padding:0 13px !important;
  font-size:9.8px !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+3)::after{
  height:16px !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4)::before{
  width:34px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4){
  color:#27485e !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1){
  color:#27485e !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1)::before{
  background:linear-gradient(
        90deg,
        #0e9382 0%,
        #0f9f8d 100%
      ) !important;
  filter:drop-shadow(
        0 1px 1px rgba(14,147,130,.14)
      ) !important;
  opacity:1 !important;
  transform:translateX(-50%)
      scaleX(1) !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(2)::before{
  background:linear-gradient(
        90deg,
        #0f9f8d 0%,
        #37b89d 100%
      ) !important;
  filter:drop-shadow(
        0 1px 1px rgba(55,184,157,.13)
      ) !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(3)::before{
  background:linear-gradient(
        90deg,
        #37b89d 0%,
        #79c97b 100%
      ) !important;
  filter:drop-shadow(
        0 1px 1px rgba(121,201,123,.13)
      ) !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(4)::before{
  background:linear-gradient(
        90deg,
        #79c97b 0%,
        #c4d63c 100%
      ) !important;
  filter:drop-shadow(
        0 1px 1px rgba(196,214,60,.14)
      ) !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1):hover,
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1):focus-visible{
  color:#0e9382 !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(2):hover,
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(2):focus-visible{
  color:#1ca88f !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(3):hover,
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(3):focus-visible{
  color:#5fba76 !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(4):hover,
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(4):focus-visible{
  color:#98b52f !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4):hover::before,
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4):focus-visible::before{
  opacity:1 !important;
  transform:translateX(-50%)
      scaleX(1) !important;
}

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+3)::after{
  background:linear-gradient(
        180deg,
        rgba(38,80,101,.06) 0%,
        rgba(38,80,101,.17) 50%,
        rgba(38,80,101,.06) 100%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4),
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1){
  color:#d6e3e6 !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1):hover,
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1):focus-visible{
  color:#67d9ca !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(2):hover,
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(2):focus-visible{
  color:#78dcc2 !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(3):hover,
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(3):focus-visible{
  color:#9ddc9d !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(4):hover,
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(4):focus-visible{
  color:#d2df6d !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1)::before{
  background:linear-gradient(
        90deg,
        #4fd0bf 0%,
        #67d9ca 100%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(2)::before{
  background:linear-gradient(
        90deg,
        #67d9ca 0%,
        #78dcc2 100%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(3)::before{
  background:linear-gradient(
        90deg,
        #78dcc2 0%,
        #9ddc9d 100%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(4)::before{
  background:linear-gradient(
        90deg,
        #9ddc9d 0%,
        #d2df6d 100%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+3)::after{
  background:linear-gradient(
        180deg,
        rgba(214,227,230,.06) 0%,
        rgba(214,227,230,.16) 50%,
        rgba(214,227,230,.06) 100%
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4),
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1){
  color:#27485e !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4),
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1){
  color:#27485e !important;
}
}

@media (min-width:980px) and (max-height:720px){

.bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(-n+4),
  .bumilLandingPage--officialDesktop
  .desktopNav > a:nth-of-type(1){
  color:#27485e !important;
}
}

@media (min-width:980px) and (max-height:720px){

.bumilLandingPage--officialDesktop
  .trustNote{
  margin-top:14px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop .contentPanel{
  justify-content:center !important;
}

.bumilLandingPage--officialDesktop .contentPanel > *{
  transform:translateY(-12px) !important;
}

.bumilLandingPage--officialDesktop .heroHeadline{
  margin-top:18px !important;
  font-size:clamp(38px,3.15vw,48px) !important;
}

.bumilLandingPage--officialDesktop .heroDescription{
  max-width:500px !important;
  margin-top:12px !important;
  font-size:13.5px !important;
  line-height:1.52 !important;
}

.bumilLandingPage--officialDesktop .heroActions{
  margin-top:18px !important;
}

.bumilLandingPage--officialDesktop .trustNote{
  margin-top:11px !important;
}

.desktopHeroTrustPanel{
  margin-top:12px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop .contentPanel > *{
  transform:translateY(-10px) !important;
}

.bumilLandingPage--officialDesktop .heroHeadline{
  margin-top:16px !important;
  font-size:clamp(34px,3.2vw,42px) !important;
}

.bumilLandingPage--officialDesktop .heroDescription{
  margin-top:10px !important;
  font-size:12.6px !important;
}

.bumilLandingPage--officialDesktop .heroActions{
  margin-top:16px !important;
}

.bumilLandingPage--officialDesktop .trustNote{
  margin-top:10px !important;
}

.desktopHeroTrustPanel{
  margin-top:10px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop .contentPanel > *{
  transform:translateY(-8px) !important;
}

.bumilLandingPage--officialDesktop .heroHeadline{
  margin-top:14px !important;
}

.bumilLandingPage--officialDesktop .heroDescription{
  margin-top:9px !important;
}

.bumilLandingPage--officialDesktop .heroActions{
  margin-top:14px !important;
}

.bumilLandingPage--officialDesktop .trustNote{
  margin-top:9px !important;
}

.desktopHeroTrustPanel{
  margin-top:9px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel{
  justify-content:center !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel > *{
  transform:translateY(-34px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadline{
  transform:translateY(-24px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroActions{
  transform:translateY(-24px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .trustNoteIcon,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .trustNoteText{
  transform:translateY(15px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .desktopHeroTrustPanel{
  transform:translateY(-14px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroBrandCard{
  margin-bottom:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroActions{
  margin-top:14px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .trustNote{
  margin-top:8px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .desktopHeroTrustPanel{
  margin-top:8px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel > *{
  transform:translateY(-28px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadline{
  transform:translateY(-18px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroActions{
  transform:translateY(-18px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .desktopHeroTrustPanel{
  transform:translateY(-8px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroActions{
  margin-top:12px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .trustNote,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .desktopHeroTrustPanel{
  margin-top:7px !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel > *{
  transform:translateY(-22px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadline{
  transform:translateY(-12px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroActions{
  transform:translateY(-12px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .desktopHeroTrustPanel{
  transform:translateY(-2px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroActions{
  margin-top:10px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .trustNote,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .desktopHeroTrustPanel{
  margin-top:6px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadline{
  width:100% !important;
  max-width:none !important;
  margin-top:12px !important;
  font-size:clamp(34px,2.65vw,42px) !important;
  line-height:1.04 !important;
  letter-spacing:-.042em !important;
  white-space:nowrap !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadlinePrimary,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadlineAccent{
  display:inline !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  font-size:1em !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  white-space:nowrap !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadlinePrimary{
  margin-right:.14em !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadline{
  margin-top:10px !important;
  font-size:clamp(29px,2.75vw,34px) !important;
  letter-spacing:-.040em !important;
  white-space:nowrap !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadline{
  margin-top:9px !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroHeadline{
  font-size:29px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  display:block !important;
  overflow:visible !important;
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  -webkit-box-orient:initial !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  white-space:normal !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  white-space:normal !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  white-space:normal !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  max-width:610px !important;
  margin-top:15px !important;
  font-weight:500 !important;
  white-space:normal !important;
  text-wrap:pretty !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  max-width:455px !important;
  margin-top:12px !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  max-width:475px !important;
  margin-top:11px !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  max-width:450px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem{
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:0 7px 18px rgba(7,76,73,.08),
      0 2px 6px rgba(7,76,73,.035),
      inset 0 1px 0 rgba(255,255,255,.24),
      inset 0 -1px 0 rgba(4,76,69,.07) !important;
  backdrop-filter:blur(7px)
      saturate(1.035)
      brightness(1.01) !important;
  -webkit-backdrop-filter:blur(7px)
      saturate(1.035)
      brightness(1.01) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailIcon{
  background:transparent !important;
  background-image:none !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailIcon{
  color:#ffffff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  background:linear-gradient(
        105deg,
        rgba(255,255,255,.24) 0%,
        rgba(255,255,255,.17) 34%,
        rgba(255,255,255,.10) 67%,
        rgba(255,255,255,.035) 100%
      ) !important;
  box-shadow:0 5px 13px rgba(23,55,63,.045),
      0 2px 4px rgba(23,55,63,.015),
      inset 0 1px 0 rgba(255,255,255,.30),
      inset 0 -1px 0 rgba(68,102,109,.012) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailIcon{
  box-shadow:0 3px 7px rgba(5,72,68,.13),
      5px 0 14px rgba(30,176,151,.12),
      inset 0 1px 0 rgba(255,255,255,.24),
      inset -1px 0 0 rgba(255,255,255,.12),
      inset 0 -1px 0 rgba(4,101,90,.08) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1)
  .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2)
  .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3)
  .desktopHeroFeatureRailImage{
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem,
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1),
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2),
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  background:linear-gradient(
        105deg,
        rgba(20,48,53,.80) 0%,
        rgba(14,40,45,.68) 50%,
        rgba(8,30,35,.53) 100%
      ) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.045) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailImage{
  filter:brightness(0)
      invert(1) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailImage{
  width:31px !important;
  height:31px !important;
  max-width:31px !important;
  max-height:31px !important;
}
}

@media (min-width:980px) and (max-height:820px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem{
  min-height:58px !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailIcon{
  min-height:56px !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  position:relative !important;
  isolation:isolate !important;
  min-height:76px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:66px minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.56) !important;
  border-radius:16px 16px 3px 16px !important;
  transition:box-shadow .28s cubic-bezier(.22,.61,.36,1),
      border-color .28s cubic-bezier(.22,.61,.36,1) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  border-radius:inherit !important;
  pointer-events:none !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailIcon,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy{
  position:relative !important;
  z-index:1 !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailIcon{
  width:66px !important;
  min-width:66px !important;
  max-width:66px !important;
  height:auto !important;
  min-height:74px !important;
  max-height:none !important;
  align-self:stretch !important;
  justify-self:stretch !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:15px !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1)
  .desktopHeroFeatureRailIcon{
  background:linear-gradient(145deg,#078b82 0%,#0d9b8a 54%,#25b89b 100%) !important;
  box-shadow:0 4px 9px rgba(3,96,89,.21),
      6px 0 18px rgba(37,184,155,.21),
      0 0 20px rgba(37,184,155,.13),
      inset 0 1px 0 rgba(255,255,255,.30),
      inset 0 -1px 0 rgba(3,91,84,.10) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2)
  .desktopHeroFeatureRailIcon{
  background:linear-gradient(145deg,#2bb691 0%,#54c78b 54%,#7bd078 100%) !important;
  box-shadow:0 4px 9px rgba(32,127,102,.18),
      6px 0 18px rgba(84,199,139,.20),
      0 0 20px rgba(123,208,120,.12),
      inset 0 1px 0 rgba(255,255,255,.30),
      inset 0 -1px 0 rgba(45,133,94,.09) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3)
  .desktopHeroFeatureRailIcon{
  background:linear-gradient(145deg,#9dcc4f 0%,#b7d63f 52%,#cddd31 100%) !important;
  box-shadow:0 4px 9px rgba(119,150,43,.16),
      6px 0 18px rgba(183,214,63,.20),
      0 0 22px rgba(205,221,49,.14),
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -1px 0 rgba(126,151,38,.08) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1) .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2) .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3) .desktopHeroFeatureRailImage{
  filter:brightness(0) invert(1) !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy{
  min-width:0 !important;
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  margin:0 !important;
  padding:10px 14px 10px 17px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy strong{
  font-size:12.2px !important;
  line-height:1.20 !important;
  font-weight:800 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.54) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy small{
  font-size:9.2px !important;
  line-height:1.30 !important;
  font-weight:520 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.42) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem,
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1),
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2),
  html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  border-color:rgba(255,255,255,.10) !important;
  backdrop-filter:blur(13px)
      saturate(1.06)
      brightness(.98) !important;
  -webkit-backdrop-filter:blur(13px)
      saturate(1.06)
      brightness(.98) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1){
  box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 22px rgba(37,184,155,.055),inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2){
  box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 22px rgba(123,208,120,.045),inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 24px rgba(205,221,49,.05),inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy strong{
  text-shadow:none !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy small{
  text-shadow:none !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  min-height:62px !important;
  grid-template-columns:56px minmax(0,1fr) !important;
  border-radius:15px 15px 3px 15px !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailIcon{
  width:56px !important;
  min-width:56px !important;
  max-width:56px !important;
  min-height:60px !important;
  border-radius:14px !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy{
  gap:3px !important;
  padding:8px 11px 8px 13px !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy strong{
  font-size:10.5px !important;
  line-height:1.18 !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy small{
  font-size:8px !important;
  line-height:1.26 !important;
}
}

@media (min-width:980px){

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy strong{
  color:#f0fbfb !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy small{
  color:rgba(218,234,236,.84) !important;
}
}

@media (max-width:979px){

.desktopHeroFeatureRail{
  display:none !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  border-color:rgba(255,255,255,.34) !important;
  backdrop-filter:blur(10px)
      saturate(1.08)
      brightness(1.015) !important;
  -webkit-backdrop-filter:blur(10px)
      saturate(1.08)
      brightness(1.015) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1){
  background:linear-gradient(
        100deg,
        rgba(8,139,130,.20) 0%,
        rgba(26,168,145,.15) 24%,
        rgba(84,197,176,.10) 48%,
        rgba(245,252,250,.12) 76%,
        rgba(255,255,255,.09) 100%
      ) !important;
  box-shadow:0 6px 16px rgba(7,91,85,.065),
      0 12px 24px rgba(8,139,130,.032),
      inset 0 1px 0 rgba(255,255,255,.44),
      inset 0 -1px 0 rgba(7,117,108,.018) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1)
  .desktopHeroFeatureRailCopy{
  background:linear-gradient(
        100deg,
        rgba(74,194,174,.10) 0%,
        rgba(165,230,219,.065) 46%,
        rgba(255,255,255,.035) 100%
      ) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2){
  background:linear-gradient(
        100deg,
        rgba(43,182,145,.19) 0%,
        rgba(84,199,139,.14) 24%,
        rgba(123,208,120,.095) 49%,
        rgba(247,252,247,.115) 76%,
        rgba(255,255,255,.085) 100%
      ) !important;
  box-shadow:0 6px 16px rgba(38,120,94,.060),
      0 12px 24px rgba(79,194,135,.030),
      inset 0 1px 0 rgba(255,255,255,.44),
      inset 0 -1px 0 rgba(53,143,102,.016) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2)
  .desktopHeroFeatureRailCopy{
  background:linear-gradient(
        100deg,
        rgba(108,207,139,.095) 0%,
        rgba(177,231,178,.060) 46%,
        rgba(255,255,255,.034) 100%
      ) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  background:linear-gradient(
        100deg,
        rgba(157,204,79,.20) 0%,
        rgba(183,214,63,.15) 25%,
        rgba(205,221,49,.10) 49%,
        rgba(253,254,245,.12) 76%,
        rgba(255,255,255,.09) 100%
      ) !important;
  box-shadow:0 6px 16px rgba(119,150,43,.058),
      0 12px 24px rgba(183,214,63,.030),
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 -1px 0 rgba(127,156,44,.016) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3)
  .desktopHeroFeatureRailCopy{
  background:linear-gradient(
        100deg,
        rgba(190,218,91,.10) 0%,
        rgba(226,238,161,.065) 46%,
        rgba(255,255,255,.035) 100%
      ) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem::before{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.18) 0%,
        rgba(255,255,255,.052) 34%,
        rgba(255,255,255,0) 72%
      ) !important;
  opacity:.50 !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy strong{
  opacity:1 !important;
  color:#194b56 !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy small{
  opacity:1 !important;
  color:rgba(76,101,110,.91) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailIcon{
  opacity:1 !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1){
  background:linear-gradient(
        100deg,
        rgba(8,139,130,.18) 0%,
        rgba(27,112,105,.13) 42%,
        rgba(20,53,56,.22) 100%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2){
  background:linear-gradient(
        100deg,
        rgba(43,182,145,.17) 0%,
        rgba(75,143,105,.12) 42%,
        rgba(20,53,50,.22) 100%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  background:linear-gradient(
        100deg,
        rgba(157,204,79,.16) 0%,
        rgba(121,143,58,.11) 42%,
        rgba(47,57,31,.22) 100%
      ) !important;
}

html[data-theme="dark"]
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailCopy{
  background:rgba(255,255,255,.014) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2),
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3){
  backdrop-filter:blur(9px)
      saturate(1.07)
      brightness(1.013) !important;
  -webkit-backdrop-filter:blur(9px)
      saturate(1.07)
      brightness(1.013) !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1) .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2) .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3) .desktopHeroFeatureRailImage{
  width:46px !important;
  height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(1) .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(2) .desktopHeroFeatureRailImage,
  .bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailItem:nth-child(3) .desktopHeroFeatureRailImage{
  width:38px !important;
  height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
}
}

@media (min-width:980px){

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  filter:blur(18px) !important;
  opacity:.84 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::after{
  transform-origin:center bottom !important;
}
}

@media (min-width:980px){

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  content:none !important;
  display:none !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop
  .visualHero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.bumilLandingPage--officialDesktop
  .visualHero::before,
  .bumilLandingPage--officialDesktop
  .visualHero::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
  transform:none !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  overflow:hidden !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:2 !important;
  top:-2px !important;
  bottom:-2px !important;
  left:0 !important;
  width:clamp(
        78px,
        5.4vw,
        98px
      ) !important;
  height:auto !important;
  box-sizing:border-box !important;
  background:radial-gradient(
        120% 82% at 18% 18%,
        rgba(255,255,255,.22) 0%,
        rgba(255,255,255,.07) 42%,
        rgba(255,255,255,0) 72%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.48) 0%,
        rgba(255,255,255,.39) 17%,
        rgba(253,255,255,.30) 36%,
        rgba(248,253,252,.21) 58%,
        rgba(241,250,249,.13) 78%,
        rgba(233,246,245,.07) 100%
      ) !important;
  border-left:1px solid rgba(255,255,255,.68) !important;
  border-right:1px solid rgba(15,159,141,.13) !important;
  border-radius:0 !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.54),
      inset -1px 0 0 rgba(255,255,255,.18),
      7px 0 18px rgba(30,77,82,.040),
      12px 0 28px rgba(15,159,141,.018),
      -5px 0 14px rgba(255,255,255,.16) !important;
  backdrop-filter:blur(13px)
      saturate(1.07)
      brightness(1.02) !important;
  -webkit-backdrop-filter:blur(13px)
      saturate(1.07)
      brightness(1.02) !important;
  opacity:1 !important;
  filter:none !important;
  transform:translate3d(0,0,0) !important;
  transform-origin:center center !important;
  pointer-events:none !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  right:auto !important;
  z-index:8 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  background:radial-gradient(
        120% 82% at 18% 18%,
        rgba(255,255,255,.030) 0%,
        rgba(255,255,255,.010) 42%,
        rgba(255,255,255,0) 72%
      ),
      linear-gradient(
        90deg,
        rgba(15,38,43,.52) 0%,
        rgba(15,38,43,.43) 18%,
        rgba(15,40,44,.34) 38%,
        rgba(14,43,47,.25) 60%,
        rgba(14,47,50,.16) 80%,
        rgba(16,52,54,.09) 100%
      ) !important;
  border-left-color:rgba(255,255,255,.050) !important;
  border-right-color:rgba(83,235,232,.085) !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.030),
      inset -1px 0 0 rgba(83,235,232,.016),
      8px 0 20px rgba(0,0,0,.095),
      13px 0 28px rgba(0,0,0,.045) !important;
  backdrop-filter:blur(13px)
      saturate(1.035)
      brightness(.985) !important;
  -webkit-backdrop-filter:blur(13px)
      saturate(1.035)
      brightness(.985) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  width:62px !important;
  backdrop-filter:blur(11px)
      saturate(1.06)
      brightness(1.015) !important;
  -webkit-backdrop-filter:blur(11px)
      saturate(1.06)
      brightness(1.015) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  right:auto !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  width:clamp(
        90px,
        5.4vw,
        106px
      ) !important;
}

.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRail{
  right:auto !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  width:clamp(
        58px,
        4.8vw,
        74px
      ) !important;
}
}

@media (min-width:980px) and (prefers-reduced-motion:reduce){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  transform:none !important;
}
}

@media (min-width:980px){

.bumilLandingPage--officialDesktop .phoneScreen{
  grid-template-columns:minmax(395px,35.2%)
      minmax(0,64.8%) !important;
}

.bumilLandingPage--officialDesktop .contentPanel{
  padding:clamp(54px,6.2vh,80px)
      clamp(28px,3.2vw,52px)
      clamp(42px,5vh,66px)
      clamp(40px,4.2vw,74px) !important;
}

.bumilLandingPage--officialDesktop .visualHero{
  margin:0 0 0 -108px !important;
}

.bumilLandingPage--officialDesktop .visualHeroImage{
  object-position:60% center !important;
  transform:scale(1.024) !important;
}

.bumilLandingPage--officialDesktop .desktopHeroFeatureRail{
  left:clamp(126px,7.3vw,156px) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

.bumilLandingPage--officialDesktop .phoneScreen{
  grid-template-columns:minmax(380px,36.8%)
      minmax(0,63.2%) !important;
}

.bumilLandingPage--officialDesktop .contentPanel{
  padding:clamp(48px,5.7vh,72px)
      26px
      clamp(38px,4.7vh,58px)
      34px !important;
}

.bumilLandingPage--officialDesktop .visualHero{
  margin:0 0 0 -92px !important;
}

.bumilLandingPage--officialDesktop .visualHeroImage{
  object-position:61% center !important;
}

.bumilLandingPage--officialDesktop .desktopHeroFeatureRail{
  left:88px !important;
}
}

@media (min-width:1440px){

.bumilLandingPage--officialDesktop .phoneScreen{
  grid-template-columns:minmax(420px,34%)
      minmax(0,66%) !important;
}

.bumilLandingPage--officialDesktop .contentPanel{
  padding:clamp(58px,6.6vh,84px)
      clamp(34px,3.1vw,56px)
      clamp(44px,5.1vh,68px)
      clamp(46px,4vw,76px) !important;
}

.bumilLandingPage--officialDesktop .visualHero{
  margin:0 0 0 -122px !important;
}

.bumilLandingPage--officialDesktop .visualHeroImage{
  object-position:59% center !important;
  transform:scale(1.022) !important;
}

.bumilLandingPage--officialDesktop .desktopHeroFeatureRail{
  left:clamp(138px,7.5vw,170px) !important;
}
}

@media (min-width:980px) and (max-height:720px){

.bumilLandingPage--officialDesktop .contentPanel{
  padding-top:44px !important;
  padding-bottom:36px !important;
}

.bumilLandingPage--officialDesktop .visualHero{
  margin-left:-88px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel{
  grid-column:1 !important;
  width:100% !important;
  min-width:0 !important;
  padding-left:clamp(46px,4.2vw,74px) !important;
  padding-right:clamp(30px,3.0vw,48px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero{
  grid-column:2 !important;
  width:100% !important;
  min-width:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint{
  background:transparent !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  z-index:2 !important;
  top:-2px !important;
  bottom:-2px !important;
  left:0 !important;
  box-sizing:border-box !important;
  border-radius:0 !important;
  pointer-events:none !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint::after{
  z-index:1 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint{
  background:transparent !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  background:radial-gradient(
        120% 82% at 18% 18%,
        rgba(255,255,255,.018) 0%,
        rgba(255,255,255,.006) 42%,
        rgba(255,255,255,0) 72%
      ),
      linear-gradient(
        90deg,
        rgba(15,38,43,.31) 0%,
        rgba(15,38,43,.23) 22%,
        rgba(15,40,44,.15) 46%,
        rgba(14,43,47,.085) 70%,
        rgba(16,52,54,.025) 100%
      ) !important;
  border-left-color:rgba(255,255,255,.035) !important;
  border-right-color:rgba(83,235,232,.075) !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.022),
      inset -1px 0 0 rgba(83,235,232,.010),
      5px 0 14px rgba(0,0,0,.065) !important;
  backdrop-filter:blur(8px)
      saturate(1.025)
      brightness(.99) !important;
  -webkit-backdrop-filter:blur(8px)
      saturate(1.025)
      brightness(.99) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel{
  padding-left:32px !important;
  padding-right:26px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  width:40px !important;
  backdrop-filter:blur(7px)
      saturate(1.045)
      brightness(1.01) !important;
  -webkit-backdrop-filter:blur(7px)
      saturate(1.045)
      brightness(1.01) !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  width:48px !important;
}
}

@media (max-width:979px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  content:none !important;
  display:none !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen{
  grid-template-columns:minmax(0,43%)
      minmax(0,57%) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen{
  grid-template-columns:minmax(0,43%)
      minmax(0,57%) !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen{
  grid-template-columns:minmax(0,43%)
      minmax(0,57%) !important;
}
}

@media (min-width:1700px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen{
  grid-template-columns:minmax(0,43%)
      minmax(0,57%) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero{
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero::before,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero::after{
  content:none !important;
  display:none !important;
  position:static !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
  transform:none !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  display:block !important;
  border-radius:0 !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  position:static !important;
  min-width:0 !important;
  max-width:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  border-left:0 !important;
  border-right:0 !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  background:radial-gradient(
        112% 150% at 0% 48%,
        rgba(255,255,255,.44) 0%,
        rgba(255,255,255,.31) 20%,
        rgba(255,255,255,.17) 38%,
        rgba(255,255,255,.065) 56%,
        rgba(255,255,255,.015) 70%,
        rgba(255,255,255,0) 82%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,1.000) 0%,
        rgba(255,255,255,.997) 4%,
        rgba(255,255,255,.982) 8%,
        rgba(255,255,255,.945) 12%,
        rgba(255,255,255,.880) 16%,
        rgba(255,255,255,.790) 20%,
        rgba(255,255,255,.680) 24%,
        rgba(255,255,255,.555) 28%,
        rgba(255,255,255,.435) 32%,
        rgba(255,255,255,.325) 36%,
        rgba(255,255,255,.230) 40%,
        rgba(255,255,255,.155) 44%,
        rgba(255,255,255,.098) 48%,
        rgba(255,255,255,.057) 52%,
        rgba(255,255,255,.030) 56%,
        rgba(255,255,255,.014) 60%,
        rgba(255,255,255,.005) 63%,
        rgba(255,255,255,0) 66%
      ) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  background:radial-gradient(
        112% 150% at 0% 48%,
        rgba(15,38,43,.44) 0%,
        rgba(15,38,43,.31) 20%,
        rgba(15,38,43,.17) 38%,
        rgba(15,38,43,.065) 56%,
        rgba(15,38,43,.015) 70%,
        rgba(15,38,43,0) 82%
      ),
      linear-gradient(
        90deg,
        rgba(15,38,43,1.000) 0%,
        rgba(15,38,43,.997) 4%,
        rgba(15,38,43,.982) 8%,
        rgba(15,38,43,.945) 12%,
        rgba(15,38,43,.880) 16%,
        rgba(15,38,43,.790) 20%,
        rgba(15,38,43,.680) 24%,
        rgba(15,38,43,.555) 28%,
        rgba(15,38,43,.435) 32%,
        rgba(15,38,43,.325) 36%,
        rgba(15,38,43,.230) 40%,
        rgba(15,38,43,.155) 44%,
        rgba(15,38,43,.098) 48%,
        rgba(15,38,43,.057) 52%,
        rgba(15,38,43,.030) 56%,
        rgba(15,38,43,.014) 60%,
        rgba(15,38,43,.005) 63%,
        rgba(15,38,43,0) 66%
      ) !important;
}
}

@media (max-width:979px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  content:none !important;
  display:none !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero{
  overflow:visible !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero > picture{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:100% !important;
  display:block !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  width:0 !important;
  height:0 !important;
  transform:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  opacity:.78 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero > picture{
  left:calc(
        -1 * clamp(170px,11.5vw,220px)
      ) !important;
  width:calc(
        100% + clamp(170px,11.5vw,220px)
      ) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHeroImage{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:58% center !important;
  transform:scale(1.018) !important;
}

}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero > picture{
  left:-128px !important;
  width:calc(100% + 128px) !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero > picture{
  left:calc(
        -1 * clamp(205px,12vw,250px)
      ) !important;
  width:calc(
        100% + clamp(205px,12vw,250px)
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  background-image:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::after{
  z-index:1 !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  background:radial-gradient(
        78% 140% at 0% 50%,
        rgba(255,255,255,.050) 0%,
        rgba(255,255,255,.030) 24%,
        rgba(255,255,255,.014) 46%,
        rgba(255,255,255,.004) 66%,
        rgba(255,255,255,0) 82%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.100) 0%,
        rgba(255,255,255,.088) 6%,
        rgba(255,255,255,.073) 12%,
        rgba(255,255,255,.058) 18%,
        rgba(255,255,255,.044) 24%,
        rgba(255,255,255,.032) 30%,
        rgba(255,255,255,.022) 36%,
        rgba(255,255,255,.014) 42%,
        rgba(255,255,255,.008) 48%,
        rgba(255,255,255,.004) 54%,
        rgba(255,255,255,.001) 60%,
        rgba(255,255,255,0) 66%
      ) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel{
  background:linear-gradient(
        90deg,
        rgba(11,32,36,1.000) 0%,
        rgba(11,32,36,1.000) 43%,
        rgba(11,32,36,.996) 52%,
        rgba(11,32,36,.984) 60%,
        rgba(11,32,36,.958) 67%,
        rgba(11,32,36,.915) 73%,
        rgba(11,32,36,.852) 79%,
        rgba(11,32,36,.770) 84%,
        rgba(11,32,36,.675) 88%,
        rgba(11,32,36,.570) 91%,
        rgba(11,32,36,.460) 94%,
        rgba(11,32,36,.350) 96%,
        rgba(11,32,36,.250) 98%,
        rgba(11,32,36,.165) 99%,
        rgba(11,32,36,.100) 100%
      ) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  background:linear-gradient(
        90deg,
        rgba(11,32,36,.100) 0%,
        rgba(11,32,36,.085) 8%,
        rgba(11,32,36,.065) 16%,
        rgba(11,32,36,.047) 24%,
        rgba(11,32,36,.032) 32%,
        rgba(11,32,36,.020) 40%,
        rgba(11,32,36,.011) 48%,
        rgba(11,32,36,.005) 56%,
        rgba(11,32,36,.001) 64%,
        rgba(11,32,36,0) 70%
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::after{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:0 !important;
  height:0 !important;
  border-radius:0 !important;
  transform:none !important;
  pointer-events:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}
}

@media (min-width:980px) and (max-width:1150px){

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  filter:blur(15px)
      drop-shadow(
        14px
        0
        20px
        rgba(0,0,0,.10)
      )
      drop-shadow(
        26px
        0
        34px
        rgba(0,0,0,.050)
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel{
  background:radial-gradient(
        circle at -4% 21%,
        rgba(15,159,141,.060) 0%,
        rgba(15,159,141,.022) 20%,
        rgba(15,159,141,0) 36%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,1.000) 0%,
        rgba(255,255,255,1.000) 48%,
        rgba(255,255,255,1.000) 60%,
        rgba(255,255,255,.999) 65%,
        rgba(255,255,255,.996) 70%,
        rgba(255,255,255,.987) 75%,
        rgba(255,255,255,.968) 80%,
        rgba(255,255,255,.935) 84%,
        rgba(255,255,255,.890) 87%,
        rgba(255,255,255,.832) 90%,
        rgba(255,255,255,.760) 92.5%,
        rgba(255,255,255,.675) 94.5%,
        rgba(255,255,255,.580) 96%,
        rgba(255,255,255,.480) 97.2%,
        rgba(255,255,255,.380) 98.2%,
        rgba(255,255,255,.285) 99%,
        rgba(255,255,255,.205) 99.5%,
        rgba(255,255,255,.140) 99.8%,
        rgba(255,255,255,.080) 100%
      ) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  right:-205px !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  right:-320px !important;
  filter:blur(27px)
      drop-shadow(
        24px
        0
        40px
        rgba(45,62,68,.024)
      )
      drop-shadow(
        52px
        0
        70px
        rgba(45,62,68,.010)
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-right:0 !important;
  box-shadow:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  right:auto !important;
  width:calc(
        100% + clamp(390px,24vw,500px)
      ) !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  will-change:auto !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  border:0 !important;
  transform:none !important;
  will-change:auto !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneShell
  .phoneScreen
  .visualHero
  .visualHeroTint::before{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel{
  background:transparent !important;
  background-image:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  background:transparent !important;
  background-image:none !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero{
  position:relative !important;
  z-index:auto !important;
  isolation:auto !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  will-change:auto !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero > picture{
  z-index:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  z-index:1 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel{
  z-index:4 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  z-index:0 !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel > *{
  position:relative !important;
  z-index:2 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  position:absolute !important;
  z-index:50 !important;
  isolation:isolate !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailItem{
  position:relative !important;
  z-index:2 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailIcon,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailCopy{
  position:relative !important;
  z-index:3 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero{
  z-index:auto !important;
  isolation:auto !important;
  transform:none !important;
  filter:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  z-index:50 !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  z-index:50 !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  z-index:50 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailItem{
  overflow:visible !important;
  grid-template-columns:72px
      minmax(0,1fr) !important;
  align-items:center !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailIcon{
  position:relative !important;
  z-index:5 !important;
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  height:86px !important;
  min-height:86px !important;
  max-height:86px !important;
  align-self:center !important;
  justify-self:start !important;
  margin:-5px
      0
      -5px
      -3px !important;
  border-radius:18px
      18px
      18px
      18px !important;
  box-shadow:0 5px 11px rgba(5,72,68,.15),
      7px 0 17px rgba(30,176,151,.13),
      0 12px 24px rgba(19,91,84,.075),
      inset 0 1px 0 rgba(255,255,255,.28),
      inset -1px 0 0 rgba(255,255,255,.13),
      inset 0 -1px 0 rgba(4,101,90,.09) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailCopy{
  align-self:center !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailImage{
  width:46px !important;
  height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailIcon{
  box-shadow:0 5px 11px rgba(0,0,0,.20),
      7px 0 17px rgba(0,0,0,.14),
      0 12px 24px rgba(0,0,0,.12),
      inset 0 1px 0 rgba(255,255,255,.08),
      inset -1px 0 0 rgba(255,255,255,.045),
      inset 0 -1px 0 rgba(0,0,0,.13) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailItem{
  grid-template-columns:62px
      minmax(0,1fr) !important;
  overflow:visible !important;
  align-items:center !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailIcon{
  width:62px !important;
  min-width:62px !important;
  max-width:62px !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  margin:-4px
      0
      -4px
      -2px !important;
  border-radius:16px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailImage{
  width:38px !important;
  height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailIcon{
  height:66px !important;
  min-height:66px !important;
  max-height:66px !important;
  margin-top:-4px !important;
  margin-bottom:-4px !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRailIcon{
  height:64px !important;
  min-height:64px !important;
  max-height:64px !important;
  margin-top:-3px !important;
  margin-bottom:-3px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  gap:21px !important;
  row-gap:21px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  gap:17px !important;
  row-gap:17px !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  gap:16px !important;
  row-gap:16px !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  gap:15px !important;
  row-gap:15px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  font-size:25.5px !important;
  line-height:1.45 !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  font-size:20.5px !important;
  line-height:1.45 !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  font-size:19.5px !important;
  line-height:1.42 !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .contentPanel
  .heroDescription{
  font-size:18.5px !important;
  line-height:1.41 !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  width:calc(100% + clamp(450px,25vw,560px)) !important;
}
}

@media (max-width:979px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  content:none !important;
  display:none !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  background:radial-gradient(
        circle at 0% 20%,
        rgba(15,159,141,.038) 0%,
        rgba(15,159,141,.014) 14%,
        rgba(15,159,141,0) 28%
      ),
      radial-gradient(
        circle at 24% 103%,
        rgba(196,214,60,.010) 0%,
        rgba(196,214,60,0) 23%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,1.000) 0%,
        rgba(255,255,255,1.000) 18%,
        rgba(255,255,255,1.000) 30%,
        rgba(255,255,255,1.000) 36%,
        rgba(255,255,255,.997) 40%,
        rgba(255,255,255,.988) 44%,
        rgba(255,255,255,.970) 48%,
        rgba(255,255,255,.940) 52%,
        rgba(255,255,255,.900) 56%,
        rgba(255,255,255,.850) 60%,
        rgba(255,255,255,.790) 64%,
        rgba(255,255,255,.720) 68%,
        rgba(255,255,255,.645) 72%,
        rgba(255,255,255,.565) 76%,
        rgba(255,255,255,.485) 80%,
        rgba(255,255,255,.405) 84%,
        rgba(255,255,255,.330) 87%,
        rgba(255,255,255,.260) 90%,
        rgba(255,255,255,.198) 92.5%,
        rgba(255,255,255,.145) 94.5%,
        rgba(255,255,255,.102) 96%,
        rgba(255,255,255,.068) 97.2%,
        rgba(255,255,255,.042) 98.2%,
        rgba(255,255,255,.023) 99%,
        rgba(255,255,255,.011) 99.5%,
        rgba(255,255,255,.004) 99.8%,
        rgba(255,255,255,0) 100%
      ) !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .visualHero
  .visualHeroTint{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  background:radial-gradient(
        circle at 0% 20%,
        rgba(15,159,141,.020) 0%,
        rgba(15,159,141,.007) 14%,
        rgba(15,159,141,0) 28%
      ),
      linear-gradient(
        90deg,
        rgba(11,32,36,1.000) 0%,
        rgba(11,32,36,1.000) 36%,
        rgba(11,32,36,.997) 40%,
        rgba(11,32,36,.988) 44%,
        rgba(11,32,36,.970) 48%,
        rgba(11,32,36,.940) 52%,
        rgba(11,32,36,.900) 56%,
        rgba(11,32,36,.850) 60%,
        rgba(11,32,36,.790) 64%,
        rgba(11,32,36,.720) 68%,
        rgba(11,32,36,.645) 72%,
        rgba(11,32,36,.565) 76%,
        rgba(11,32,36,.485) 80%,
        rgba(11,32,36,.405) 84%,
        rgba(11,32,36,.330) 87%,
        rgba(11,32,36,.260) 90%,
        rgba(11,32,36,.198) 92.5%,
        rgba(11,32,36,.145) 94.5%,
        rgba(11,32,36,.102) 96%,
        rgba(11,32,36,.068) 97.2%,
        rgba(11,32,36,.042) 98.2%,
        rgba(11,32,36,.023) 99%,
        rgba(11,32,36,.011) 99.5%,
        rgba(11,32,36,.004) 99.8%,
        rgba(11,32,36,0) 100%
      ) !important;
  box-shadow:none !important;
  filter:none !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  width:calc(100% + 300px) !important;
  background:radial-gradient(
        circle at 0% 20%,
        rgba(15,159,141,.032) 0%,
        rgba(15,159,141,.011) 14%,
        rgba(15,159,141,0) 28%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,1.000) 0%,
        rgba(255,255,255,1.000) 28%,
        rgba(255,255,255,1.000) 34%,
        rgba(255,255,255,.996) 39%,
        rgba(255,255,255,.985) 44%,
        rgba(255,255,255,.960) 49%,
        rgba(255,255,255,.920) 54%,
        rgba(255,255,255,.865) 59%,
        rgba(255,255,255,.800) 64%,
        rgba(255,255,255,.725) 69%,
        rgba(255,255,255,.645) 74%,
        rgba(255,255,255,.560) 79%,
        rgba(255,255,255,.475) 83%,
        rgba(255,255,255,.390) 87%,
        rgba(255,255,255,.310) 90%,
        rgba(255,255,255,.235) 93%,
        rgba(255,255,255,.170) 95%,
        rgba(255,255,255,.115) 96.7%,
        rgba(255,255,255,.073) 98%,
        rgba(255,255,255,.040) 98.8%,
        rgba(255,255,255,.018) 99.4%,
        rgba(255,255,255,.006) 99.8%,
        rgba(255,255,255,0) 100%
      ) !important;
  box-shadow:none !important;
  filter:none !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .contentPanel::after{
  background:radial-gradient(
        circle at 0% 20%,
        rgba(15,159,141,.038) 0%,
        rgba(15,159,141,.014) 14%,
        rgba(15,159,141,0) 28%
      ),
      radial-gradient(
        circle at 24% 103%,
        rgba(196,214,60,.010) 0%,
        rgba(196,214,60,0) 23%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,1.000) 0%,
        rgba(255,255,255,1.000) 32%,
        rgba(255,255,255,1.000) 38%,
        rgba(255,255,255,.997) 42%,
        rgba(255,255,255,.988) 46%,
        rgba(255,255,255,.968) 50%,
        rgba(255,255,255,.936) 54%,
        rgba(255,255,255,.894) 58%,
        rgba(255,255,255,.842) 62%,
        rgba(255,255,255,.780) 66%,
        rgba(255,255,255,.710) 70%,
        rgba(255,255,255,.635) 74%,
        rgba(255,255,255,.557) 78%,
        rgba(255,255,255,.478) 82%,
        rgba(255,255,255,.400) 86%,
        rgba(255,255,255,.326) 89%,
        rgba(255,255,255,.258) 92%,
        rgba(255,255,255,.196) 94%,
        rgba(255,255,255,.143) 95.7%,
        rgba(255,255,255,.100) 97%,
        rgba(255,255,255,.066) 98%,
        rgba(255,255,255,.039) 98.8%,
        rgba(255,255,255,.020) 99.3%,
        rgba(255,255,255,.008) 99.7%,
        rgba(255,255,255,.002) 99.9%,
        rgba(255,255,255,0) 100%
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  right:auto !important;
  left:clamp(
        132px,
        calc(4.6vw + 60px),
        152px
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  right:auto !important;
  left:118px !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .phoneScreen
  .desktopHeroFeatureRail{
  right:auto !important;
  left:clamp(
        138px,
        calc(4.7vw + 60px),
        158px
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  left:-120px !important;
  bottom:-160px !important;
  width:430px !important;
  height:430px !important;
  border-radius:50% !important;
  background:radial-gradient(
        circle,
        rgba(87,210,199,.11) 0%,
        rgba(87,210,199,.048) 34%,
        rgba(87,210,199,.015) 55%,
        rgba(87,210,199,0) 72%
      ) !important;
  filter:blur(2px) !important;
  opacity:.78 !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::after{
  bottom:-115px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia:hover{
  transform:none !important;
  box-shadow:0 5px 14px rgba(38,55,61,.044),
      0 15px 32px rgba(38,55,61,.032),
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -1px 0 rgba(88,111,119,.028) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia::before{
  display:block !important;
  opacity:1 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia::after{
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:radial-gradient(
        85% 72% at 0% 100%,
        rgba(71,201,192,.19) 0%,
        rgba(71,201,192,.080) 30%,
        rgba(71,201,192,.025) 50%,
        rgba(71,201,192,0) 68%
      ) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20) !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:radial-gradient(
        circle at 92% 92%,
        rgba(93,204,198,.060) 0%,
        rgba(93,204,198,.020) 24%,
        rgba(93,204,198,0) 44%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.18) 0%,
        rgba(255,255,255,.015) 48%,
        rgba(255,255,255,0) 100%
      ) !important;
  opacity:1 !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints i{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#27a999 !important;
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.98) 0%,
        rgba(241,249,248,.95) 100%
      ) !important;
  border:1px solid rgba(48,166,153,.13) !important;
  border-radius:50% !important;
  box-shadow:0 3px 8px rgba(44,75,80,.030),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  font-size:16px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::before{
  position:absolute !important;
  z-index:-1 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::after{
  position:absolute !important;
  z-index:-1 !important;
  border-radius:999px !important;
  pointer-events:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop{
  background:radial-gradient(
        circle at 8% 92%,
        rgba(61,183,174,.055) 0%,
        rgba(61,183,174,.012) 40%,
        transparent 64%
      ),
      linear-gradient(
        145deg,
        rgba(14,37,41,.99) 0%,
        rgba(12,31,35,.99) 100%
      ) !important;
  border-color:rgba(255,255,255,.055) !important;
  box-shadow:0 7px 18px rgba(0,0,0,.11),
      0 18px 38px rgba(0,0,0,.08),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop{
  padding:10px !important;
  border-radius:24px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  border-radius:19px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints i{
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  font-size:13px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow{
  width:clamp(132px,12.4vw,152px) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::after{
  right:-32px !important;
  bottom:12px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::after{
  right:-26px !important;
  bottom:8px !important;
  width:108px !important;
  height:15px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::before{
  content:"" !important;
  display:block !important;
  top:-12px !important;
  right:-8px !important;
  width:318px !important;
  height:28px !important;
  background:linear-gradient(
        90deg,
        rgba(31,181,171,0) 0%,
        rgba(31,181,171,.10) 8%,
        rgba(31,181,171,.22) 18%,
        rgba(31,181,171,.36) 34%,
        rgba(31,181,171,.48) 50%,
        rgba(31,181,171,.36) 66%,
        rgba(31,181,171,.22) 82%,
        rgba(31,181,171,.10) 92%,
        rgba(31,181,171,0) 100%
      ) !important;
  border-radius:999px !important;
  transform:rotate(44deg) !important;
  transform-origin:100% 0% !important;
  opacity:.74 !important;
  filter:blur(.2px) !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  background-image:none !important;
  opacity:0 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::before{
  top:-10px !important;
  right:-4px !important;
  width:270px !important;
  height:24px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::after{
  content:none !important;
  display:none !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::before{
  top:-10px !important;
  right:-3px !important;
  width:288px !important;
  height:26px !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::before{
  top:-9px !important;
  right:0 !important;
  width:258px !important;
  height:22px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::before,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::after{
  width:0 !important;
  height:0 !important;
  border:0 !important;
  transform:none !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  border-radius:0
      19px
      0
      0 !important;
  background:linear-gradient(
        90deg,
        rgba(40,190,181,0) 0%,
        rgba(40,190,181,.060) 14%,
        rgba(40,190,181,.125) 32%,
        rgba(40,190,181,.205) 58%,
        rgba(40,190,181,.270) 100%
      )
      top right /
      100% 15px
      no-repeat,

      linear-gradient(
        180deg,
        rgba(40,190,181,.270) 0%,
        rgba(40,190,181,.215) 22%,
        rgba(40,190,181,.135) 50%,
        rgba(40,190,181,.060) 76%,
        rgba(40,190,181,0) 100%
      )
      top right /
      15px 100%
      no-repeat !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  inset:0 !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  top:-14px !important;
  right:-14px !important;
  width:calc(100% + 14px) !important;
  height:calc(100% + 14px) !important;
  clip-path:polygon(
        78.6% 0%,
        83.0% 0%,
        100% 34.4%,
        100% 43.3%
      ) !important;
  -webkit-clip-path:polygon(
        78.6% 0%,
        83.0% 0%,
        100% 34.4%,
        100% 43.3%
      ) !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  top:-14px !important;
  right:-14px !important;
  width:calc(100% + 14px) !important;
  height:calc(100% + 14px) !important;
  clip-path:polygon(
        77.8% 0%,
        82.6% 0%,
        100% 35.0%,
        100% 44.6%
      ) !important;
  -webkit-clip-path:polygon(
        77.8% 0%,
        82.6% 0%,
        100% 35.0%,
        100% 44.6%
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  transform-origin:100% 0% !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  transform:translate3d(9px,0,0) !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  transform:translate3d(10px,0,0) !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  transform:translate3d(8px,0,0) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  background:linear-gradient(
        135deg,
        rgba(92,182,186,.70) 0%,
        rgba(97,191,194,.84) 22%,
        rgba(101,198,198,.96) 50%,
        rgba(96,189,193,.90) 76%,
        rgba(90,179,183,.76) 100%
      ) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  background:linear-gradient(
        135deg,
        rgba(76,156,162,.50) 0%,
        rgba(82,167,171,.66) 22%,
        rgba(88,177,179,.78) 50%,
        rgba(82,168,173,.72) 76%,
        rgba(76,156,162,.56) 100%
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  filter:saturate(1)
      brightness(1)
      drop-shadow(0 4px 5px rgba(26,93,84,.075))
      drop-shadow(0 9px 10px rgba(26,93,84,.045)) !important;
  isolation:auto !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  opacity:1 !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  opacity:1 !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  opacity:1 !important;
}
}

@media (min-width:980px){

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  background-image:linear-gradient(
        90deg,
        rgba(255,255,255,.17) 0%,
        rgba(255,255,255,.08) 18%,
        rgba(25,95,104,.16) 42%,
        rgba(255,255,255,.11) 66%,
        rgba(255,255,255,.03) 100%
      ),
      linear-gradient(
        135deg,
        rgba(64,165,171,.88) 0%,
        rgba(76,183,186,.92) 24%,
        rgba(53,139,146,.95) 49%,
        rgba(79,186,186,.92) 74%,
        rgba(63,164,169,.88) 100%
      ) !important;
  background-color:rgba(68,170,175,.90) !important;
  opacity:.97 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -1px 0 rgba(18,73,80,.28),
      inset 1px 0 0 rgba(255,255,255,.06),
      inset -1px 0 0 rgba(19,82,90,.12),
      0 3px 8px rgba(0,0,0,.14),
      0 0 0 1px rgba(86,183,185,.08) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopHeroFeatureRailImage{
  opacity:1 !important;
  visibility:visible !important;
  transition:opacity .16s ease !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPointImage{
  background-image:none !important;
  outline:0 !important;
  transform:none !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li > i{
  display:none !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li{
  grid-template-columns:45px minmax(0,1fr) !important;
  gap:9px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPointImage{
  width:43px !important;
  min-width:43px !important;
  max-width:43px !important;
  height:43px !important;
  min-height:43px !important;
  max-height:43px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li{
  padding-left:18px !important;
  padding-right:18px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li:first-child{
  padding-left:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints{
  max-width:100% !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li{
  padding-left:12px !important;
  padding-right:12px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic{
  margin-top:0 !important;
  padding:28px
      28px
      26px !important;
  border-radius:30px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic::before{
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic::after{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  right:24px !important;
  bottom:20px !important;
  width:172px !important;
  height:112px !important;
  -webkit-mask-image:radial-gradient(
        ellipse at 100% 100%,
        #000 0%,
        rgba(0,0,0,.86) 30%,
        rgba(0,0,0,.25) 62%,
        transparent 82%
      ) !important;
  mask-image:radial-gradient(
        ellipse at 100% 100%,
        #000 0%,
        rgba(0,0,0,.86) 30%,
        rgba(0,0,0,.25) 62%,
        transparent 82%
      ) !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop{
  min-height:468px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  border-radius:inherit !important;
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.13) 0%,
        transparent 24%,
        transparent 74%,
        rgba(15,159,141,.025) 100%
      ) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34) !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia::after{
  content:none !important;
  display:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.01) !important;
  filter:saturate(1.01)
      contrast(1.01)
      brightness(1.015) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  min-height:468px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-28px !important;
  right:-28px !important;
  width:calc(100% + 28px) !important;
  height:calc(100% + 28px) !important;
  margin:0 !important;
  padding:0 !important;
  background-image:linear-gradient(
        90deg,
        rgba(255,255,255,.27) 0%,
        rgba(255,255,255,.11) 18%,
        rgba(36,117,126,.15) 43%,
        rgba(255,255,255,.17) 66%,
        rgba(255,255,255,.05) 100%
      ),
      linear-gradient(
        135deg,
        rgba(78,187,190,.98) 0%,
        rgba(87,201,202,.99) 24%,
        rgba(61,162,170,1) 49%,
        rgba(90,205,202,.99) 74%,
        rgba(76,184,188,.97) 100%
      ) !important;
  background-color:rgba(79,187,190,.98) !important;
  border:0 !important;
  border-radius:inherit !important;
  opacity:1 !important;
  filter:saturate(1.05)
      contrast(1.025) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -1px 0 rgba(42,125,133,.19),
      0 3px 10px rgba(59,154,160,.11) !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  transform:translate3d(9px,0,0) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  :is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption)
  .desktopOfficialEyebrow{
  min-height:31px !important;
  padding:0 12px !important;
  gap:7px !important;
  color:#128f84 !important;
  background:linear-gradient(
        180deg,
        rgba(244,251,250,.96) 0%,
        rgba(238,247,246,.90) 100%
      ) !important;
  border:1px solid rgba(34,144,133,.10) !important;
  border-radius:999px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95) !important;
  font-size:10px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  :is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption) h2{
  width:100% !important;
  margin:27px 0 0 !important;
  color:#17384c !important;
  font-size:clamp(31px,2.45vw,39px) !important;
  line-height:1.08 !important;
  letter-spacing:-.034em !important;
  font-weight:800 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicLead{
  margin:26px 0 0 !important;
  color:#62788a !important;
  font-size:13.2px !important;
  line-height:1.60 !important;
  font-weight:500 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints{
  max-width:760px !important;
  margin:30px 0 0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li{
  position:relative !important;
  min-width:0 !important;
  min-height:104px !important;
  padding:16px
      18px
      16px
      16px !important;
  display:grid !important;
  grid-template-columns:68px minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  color:#5c7284 !important;
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.995) 0%,
        rgba(251,253,253,.995) 56%,
        rgba(247,251,251,.985) 100%
      ) !important;
  border:1px solid rgba(64,113,120,.075) !important;
  border-radius:19px !important;
  box-shadow:0 4px 8px rgba(39,80,88,.045),
      0 13px 26px rgba(39,80,88,.075),
      -5px -5px 16px rgba(255,255,255,.96),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  font-size:10.8px !important;
  line-height:1.48 !important;
  font-weight:600 !important;
  border-right:1px solid rgba(64,113,120,.075) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li:first-child,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li:last-child{
  padding-left:16px !important;
  padding-right:18px !important;
  border-right:1px solid rgba(64,113,120,.075) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li::after{
  content:"" !important;
  position:absolute !important;
  top:18px !important;
  bottom:18px !important;
  left:83px !important;
  width:1px !important;
  background:linear-gradient(
        180deg,
        transparent 0%,
        rgba(62,127,126,.13) 18%,
        rgba(62,127,126,.13) 82%,
        transparent 100%
      ) !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPointImage{
  min-width:62px !important;
  min-height:62px !important;
  padding:8px !important;
  object-position:center !important;
  opacity:1 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  font-size:11.2px !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic{
  background:radial-gradient(
        circle at 4% 94%,
        rgba(45,177,165,.035),
        transparent 32%
      ),
      linear-gradient(
        145deg,
        #102b30 0%,
        #0d252a 58%,
        #0a2024 100%
      ) !important;
  border-color:rgba(255,255,255,.055) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia{
  background:#102b30 !important;
  border-color:rgba(255,255,255,.07) !important;
  box-shadow:0 5px 10px rgba(0,0,0,.20),
      0 18px 36px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li{
  color:#bed0d4 !important;
  background:linear-gradient(
        145deg,
        rgba(19,49,54,.98) 0%,
        rgba(14,39,44,.98) 100%
      ) !important;
  border-color:rgba(255,255,255,.055) !important;
  box-shadow:0 5px 12px rgba(0,0,0,.20),
      0 14px 26px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPointImage{
  background:linear-gradient(
        145deg,
        rgba(255,255,255,.07) 0%,
        rgba(255,255,255,.035) 100%
      ) !important;
  border-color:rgba(255,255,255,.06) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li::after{
  background:linear-gradient(
        180deg,
        transparent 0%,
        rgba(255,255,255,.08) 18%,
        rgba(255,255,255,.08) 82%,
        transparent 100%
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic{
  padding:20px !important;
  border-radius:25px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop{
  min-height:400px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia{
  min-height:400px !important;
  border-width:3px !important;
  border-radius:23px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  min-height:400px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  top:-20px !important;
  right:-20px !important;
  width:calc(100% + 20px) !important;
  height:calc(100% + 20px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow{
  top:-7px !important;
  right:-8px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  :is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption) h2{
  margin-top:21px !important;
  font-size:30px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicLead{
  margin-top:19px !important;
  font-size:11.2px !important;
  line-height:1.56 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints{
  margin-top:22px !important;
  gap:12px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li{
  min-height:88px !important;
  padding:12px !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:13px !important;
  border-radius:16px !important;
  font-size:9.2px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li:first-child,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li:last-child{
  padding:12px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints li::after{
  left:66px !important;
  top:14px !important;
  bottom:14px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPointImage{
  min-width:50px !important;
  min-height:50px !important;
  padding:7px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicActions{
  margin-top:24px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  min-width:280px !important;
  font-size:10.2px !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop{
  min-height:390px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  min-height:390px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicLead{
  margin-top:17px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints{
  margin-top:19px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicActions{
  margin-top:20px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  justify-content:center !important;
  gap:11px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton i{
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-block !important;
  color:#ffffff !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:12px !important;
  line-height:1 !important;
  text-shadow:0 1px 2px rgba(5,73,68,.15) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover{
  background:linear-gradient(
        100deg,
        #08766f 0%,
        #0d8c82 30%,
        #2f9f8b 50%,
        #668f5b 74%,
        #929d31 100%
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  transform:translate3d(0,-2px,0) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton i{
  font-size:11px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicActions{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  display:grid !important;
  align-items:center !important;
  justify-items:center !important;
  color:#ffffff !important;
  text-decoration:none !important;
  border-radius:18px !important;
  transition:transform .24s cubic-bezier(.22,.61,.36,1),
      box-shadow .24s cubic-bezier(.22,.61,.36,1),
      filter .24s cubic-bezier(.22,.61,.36,1) !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton i:first-child{
  grid-column:1 !important;
  justify-self:center !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  padding:0 !important;
  color:#ffffff !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  line-height:1 !important;
  text-shadow:0 1px 2px rgba(5,73,68,.14) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton span{
  grid-column:2 !important;
  color:#ffffff !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.008em !important;
  text-align:center !important;
  text-shadow:0 1px 2px rgba(5,73,68,.13) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton i:last-child{
  grid-column:3 !important;
  justify-self:center !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  padding:0 !important;
  color:#ffffff !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  line-height:1 !important;
  transition:transform .22s cubic-bezier(.22,.61,.36,1) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover
  i:last-child{
  transform:translateX(3px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:focus-visible{
  outline:3px solid rgba(15,159,141,.22) !important;
  outline-offset:4px !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  background:linear-gradient(
        100deg,
        #08766f 0%,
        #0d8c82 30%,
        #2f9f8b 50%,
        #668f5b 74%,
        #929d31 100%
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  border-radius:16px !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  min-height:49px !important;
  height:49px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  width:clamp(278px,19vw,300px) !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:54px !important;
  height:54px !important;
  padding:0 13px !important;
  grid-template-columns:28px minmax(0,1fr) 24px !important;
  column-gap:5px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton i:first-child{
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  font-size:14px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton span{
  width:auto !important;
  min-width:0 !important;
  justify-self:center !important;
  font-size:11.5px !important;
  white-space:nowrap !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton i:last-child{
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  font-size:13px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  width:clamp(264px,26vw,282px) !important;
  min-height:50px !important;
  height:50px !important;
  padding:0 12px !important;
  grid-template-columns:26px minmax(0,1fr) 22px !important;
  column-gap:4px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton span{
  font-size:10.3px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton i:first-child{
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  font-size:13px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton i:last-child{
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  font-size:12px !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  width:clamp(266px,19vw,286px) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover{
  animation-play-state:paused !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:active{
  animation-play-state:paused !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover{
  filter:drop-shadow(
        0 7px 9px rgba(0,0,0,.16)
      ) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover::after{
  box-shadow:0 0 17px 3px rgba(73,207,186,.060),
      0 0 26px 4px rgba(157,220,157,.030) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  animation-duration:2.95s !important;
}
}

@media (min-width:980px) and (prefers-reduced-motion:reduce){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  will-change:auto !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after{
  box-shadow:none !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  will-change:auto !important;
}

@keyframes desktopHotTopicCtaSatinSweep{

0%,
    37%{
  transform:translate3d(
          0,
          0,
          0
        )
        skewX(-18deg);
  opacity:0;
}

41%{
  opacity:.18;
}

47%{
  opacity:.92;
}

61%{
  transform:translate3d(
          760%,
          0,
          0
        )
        skewX(-18deg);
  opacity:.72;
}

65%,
    100%{
  transform:translate3d(
          760%,
          0,
          0
        )
        skewX(-18deg);
  opacity:0;
}
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover{
  animation:none !important;
  translate:0 0 !important;
  scale:1 !important;
  filter:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:active{
  animation:none !important;
  translate:0 0 !important;
  scale:1 !important;
  filter:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after{
  background:linear-gradient(
        100deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.018) 22%,
        rgba(255,255,255,.09) 38%,
        rgba(255,255,255,.30) 50%,
        rgba(255,255,255,.11) 62%,
        rgba(255,255,255,.025) 78%,
        rgba(255,255,255,0) 100%
      ) !important;
}
}

@media (min-width:980px) and (prefers-reduced-motion:reduce){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  animation:none !important;
  translate:0 0 !important;
  scale:1 !important;
  filter:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after{
  animation:none !important;
  opacity:0 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after{
  animation-name:desktopHotTopicCtaSatinSweepV228 !important;
  animation-duration:3.5s !important;
  animation-timing-function:cubic-bezier(.42,0,.28,1) !important;
  animation-delay:0s !important;
  animation-iteration-count:infinite !important;
  animation-direction:normal !important;
  animation-fill-mode:both !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover::after{
  animation-name:desktopHotTopicCtaSatinSweepV228 !important;
  animation-duration:3.5s !important;
  animation-timing-function:cubic-bezier(.42,0,.28,1) !important;
  animation-delay:0s !important;
  animation-iteration-count:infinite !important;
  animation-direction:normal !important;
  animation-fill-mode:both !important;
  border:0 !important;
  border-radius:0 !important;
}

@keyframes desktopHotTopicCtaSatinSweepV228{

0%,
    32%{
  transform:translate3d(0,0,0)
        skewX(-18deg);
  opacity:0;
}

36%{
  opacity:.12;
}

42%{
  opacity:.88;
}

58%{
  transform:translate3d(760%,0,0)
        skewX(-18deg);
  opacity:.78;
}

64%{
  transform:translate3d(790%,0,0)
        skewX(-18deg);
  opacity:0;
}

100%{
  transform:translate3d(790%,0,0)
        skewX(-18deg);
  opacity:0;
}
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:active::after{
  box-shadow:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover::after{
  box-shadow:none !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover::after{
  animation-duration:3.65s !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  animation:none !important;
  translate:0 0 !important;
  scale:1 !important;
  filter:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  inset:auto !important;
  top:-62% !important;
  right:auto !important;
  bottom:auto !important;
  left:-42% !important;
  width:20% !important;
  height:224% !important;
  display:block !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(
        100deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.025) 18%,
        rgba(255,255,255,.13) 34%,
        rgba(255,255,255,.58) 50%,
        rgba(255,255,255,.17) 66%,
        rgba(255,255,255,.030) 82%,
        rgba(255,255,255,0) 100%
      ) !important;
  opacity:.90 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:skewX(-18deg)
      translateZ(0) !important;
  transform-origin:center center !important;
  animation:desktopHotTopicSatinIdleV229
      3.8s
      cubic-bezier(.45,0,.25,1)
      infinite
      both !important;
  animation-play-state:running !important;
  pointer-events:none !important;
  will-change:margin-left !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton > *{
  position:relative !important;
  z-index:2 !important;
}

@keyframes desktopHotTopicSatinIdleV229{

0%,
    38%{
  margin-left:0%;
}

62%,
    100%{
  margin-left:155%;
}
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover::after{
  inset:auto !important;
  top:-62% !important;
  right:auto !important;
  bottom:auto !important;
  left:-42% !important;
  width:20% !important;
  height:224% !important;
  margin:0 !important;
  opacity:.96 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:skewX(-18deg)
      translateZ(0) !important;
  animation:desktopHotTopicSatinHoverV229
      1.10s
      cubic-bezier(.22,.61,.36,1)
      1
      both !important;
  animation-play-state:running !important;
}

@keyframes desktopHotTopicSatinHoverV229{

0%{
  margin-left:0%;
}

100%{
  margin-left:155%;
}
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:active::after{
  animation-play-state:paused !important;
  opacity:.16 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover::after{
  background:linear-gradient(
        100deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.018) 18%,
        rgba(255,255,255,.080) 34%,
        rgba(255,255,255,.34) 50%,
        rgba(255,255,255,.10) 66%,
        rgba(255,255,255,.020) 82%,
        rgba(255,255,255,0) 100%
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after{
  animation-duration:3.95s !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover::after{
  animation-duration:1.16s !important;
}
}

@media (min-width:980px) and (prefers-reduced-motion:reduce){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover::after{
  animation:none !important;
  margin-left:0 !important;
  opacity:0 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::after,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover::after,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:active::after{
  content:none !important;
  display:none !important;
  animation:none !important;
  opacity:0 !important;
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton
  > .desktopOfficialHotTopicSatinSweep{
  position:absolute !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  filter:none !important;
  pointer-events:none !important;
  transform-origin:center center !important;
  will-change:transform,opacity !important;
  transform:translate3d(0,0,0)
      skewX(-18deg);
  opacity:0;
}

@keyframes desktopHotTopicSatinHoverV230{

0%{
  transform:translate3d(0,0,0)
        skewX(-18deg);
  opacity:0;
}

12%{
  opacity:.28;
}

42%{
  opacity:1;
}

82%{
  transform:translate3d(720%,0,0)
        skewX(-18deg);
  opacity:.80;
}

100%{
  transform:translate3d(760%,0,0)
        skewX(-18deg);
  opacity:0;
}
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:active
  > .desktopOfficialHotTopicSatinSweep{
  opacity:.12;
}
}

@media (min-width:980px) and (prefers-reduced-motion:reduce){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover
  > .desktopOfficialHotTopicSatinSweep{
  animation:desktopHotTopicSatinHoverV230
      .58s
      ease-out
      1
      both !important;
}
}

@media (max-width:979px){

.desktopOfficialHotTopicSatinSweep{
  display:none !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton
  > .desktopOfficialHotTopicSatinSweep{
  width:34% !important;
  height:238% !important;
  top:-69% !important;
  left:-47% !important;
  background:linear-gradient(
        100deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.025) 10%,
        rgba(255,255,255,.09) 22%,
        rgba(255,255,255,.24) 35%,
        rgba(255,255,255,.58) 46%,
        rgba(255,255,255,.66) 52%,
        rgba(255,255,255,.42) 61%,
        rgba(255,255,255,.16) 73%,
        rgba(255,255,255,.055) 86%,
        rgba(255,255,255,0) 100%
      ) !important;
  box-shadow:0 0 16px rgba(255,255,255,.055) !important;
  animation:desktopHotTopicSatinIdleV231
      4.90s
      cubic-bezier(.42,0,.22,1)
      infinite
      both !important;
}

@keyframes desktopHotTopicSatinIdleV231{

0%,
    40%{
  transform:translate3d(0,0,0)
        skewX(-18deg);
  opacity:0;
}

45%{
  opacity:.18;
}

53%{
  opacity:.90;
}

72%{
  transform:translate3d(455%,0,0)
        skewX(-18deg);
  opacity:.84;
}

79%,
    100%{
  transform:translate3d(485%,0,0)
        skewX(-18deg);
  opacity:0;
}
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover
  > .desktopOfficialHotTopicSatinSweep{
  animation:desktopHotTopicSatinHoverV231
      1.65s
      cubic-bezier(.22,.61,.36,1)
      1
      both !important;
}

@keyframes desktopHotTopicSatinHoverV231{

0%{
  transform:translate3d(0,0,0)
        skewX(-18deg);
  opacity:0;
}

10%{
  opacity:.20;
}

28%{
  opacity:.92;
}

78%{
  transform:translate3d(455%,0,0)
        skewX(-18deg);
  opacity:.82;
}

100%{
  transform:translate3d(485%,0,0)
        skewX(-18deg);
  opacity:0;
}
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton
  > .desktopOfficialHotTopicSatinSweep{
  background:linear-gradient(
        100deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.018) 10%,
        rgba(255,255,255,.055) 22%,
        rgba(255,255,255,.14) 35%,
        rgba(255,255,255,.34) 46%,
        rgba(255,255,255,.40) 52%,
        rgba(255,255,255,.26) 61%,
        rgba(255,255,255,.10) 73%,
        rgba(255,255,255,.032) 86%,
        rgba(255,255,255,0) 100%
      ) !important;
  box-shadow:0 0 14px rgba(255,255,255,.03) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton
  > .desktopOfficialHotTopicSatinSweep{
  width:32% !important;
  animation-duration:5.10s !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover
  > .desktopOfficialHotTopicSatinSweep{
  animation-duration:1.75s !important;
}
}

@media (min-width:980px) and (prefers-reduced-motion:reduce){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton
  > .desktopOfficialHotTopicSatinSweep{
  animation:none !important;
  opacity:0;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  clip-path:polygon(
        75.8% 0%,
        80.8% 0%,
        100% 27.4%,
        100% 38.6%
      ) !important;
  -webkit-clip-path:polygon(
        75.8% 0%,
        80.8% 0%,
        100% 27.4%,
        100% 38.6%
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  clip-path:polygon(
        75.0% 0%,
        80.0% 0%,
        100% 26.8%,
        100% 38.0%
      ) !important;
  -webkit-clip-path:polygon(
        75.0% 0%,
        80.0% 0%,
        100% 26.8%,
        100% 38.0%
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow{
  filter:none !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  mask-image:none !important;
  -webkit-mask-image:none !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::before,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow::after{
  content:none !important;
  display:none !important;
  z-index:-1 !important;
  background:none !important;
  background-image:none !important;
  opacity:0 !important;
  box-shadow:none !important;
  filter:none !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow{
  z-index:80 !important;
  overflow:visible !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  z-index:81 !important;
  overflow:visible !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic{
  position:relative !important;
  overflow:visible !important;
  isolation:isolate !important;
  z-index:1 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody > :not(.desktopOfficialHotTopicBow){
  position:relative !important;
  z-index:6 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow{
  position:absolute !important;
  z-index:30 !important;
  overflow:visible !important;
  isolation:isolate !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  position:relative !important;
  opacity:1 !important;
  overflow:visible !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  mask:none !important;
  -webkit-mask:none !important;
  mix-blend-mode:normal !important;
  pointer-events:none !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopLandingSections{
  overflow:visible !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialSection.desktopOfficialHotTopic{
  z-index:10 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  z-index:1 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  display:block !important;
  isolation:isolate !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  transform:rotate(3.5deg)
      translateZ(0) !important;
  transform-origin:72% 22% !important;
  filter:drop-shadow(0 5px 4px rgba(6,89,79,.13))
      drop-shadow(0 12px 12px rgba(24,93,75,.11)) !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow
  > .desktopOfficialHotTopicBowImage{
  overflow:visible !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow::before,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow::after{
  content:none !important;
  display:none !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  top:-22px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialSection.desktopOfficialHotTopic{
  margin-top:0 !important;
  padding:clamp(28px,2.3vw,38px)
      clamp(30px,2.7vw,46px) !important;
  background:radial-gradient(
        circle at 4% 100%,
        rgba(15,159,141,.040) 0%,
        transparent 31%
      ),
      radial-gradient(
        circle at 96% 12%,
        rgba(96,192,208,.030) 0%,
        transparent 29%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.995) 0%,
        rgba(251,254,254,.992) 56%,
        rgba(247,251,251,.99) 100%
      ) !important;
  border:1px solid rgba(58,105,119,.075) !important;
  border-radius:30px !important;
  box-shadow:0 20px 48px rgba(31,62,70,.060),
      0 5px 15px rgba(31,62,70,.030),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,42%)
      minmax(0,58%) !important;
  align-items:center !important;
  gap:clamp(34px,3.1vw,54px) !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::before,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::after{
  content:none !important;
  display:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia{
  min-width:0 !important;
  width:100% !important;
  height:clamp(410px,31vw,520px) !important;
  min-height:0 !important;
  align-self:center !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  overflow:visible !important;
  isolation:auto !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia::before,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia > img{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:24px !important;
  border:0 !important;
  box-shadow:0 10px 24px rgba(43,58,64,.055) !important;
  transform:none !important;
  filter:saturate(1.02)
      contrast(1.01)
      brightness(1.01) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia:hover,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia:hover > img{
  transform:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  min-width:0 !important;
  padding:clamp(20px,2vw,34px)
      clamp(10px,1.4vw,22px)
      clamp(20px,2vw,34px)
      clamp(4px,.6vw,10px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
  isolation:auto !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody:hover{
  transform:none !important;
  box-shadow:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::before,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  :is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption)
  .desktopOfficialEyebrow{
  margin:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  :is(.desktopOfficialHotTopicBody, .desktopOfficialHotTopicMediaCaption) h2{
  margin-top:22px !important;
  max-width:700px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicLead{
  max-width:720px !important;
  margin-top:22px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints{
  width:100% !important;
  margin-top:26px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 !important;
  list-style:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li{
  min-width:0 !important;
  min-height:0 !important;
  padding:4px
      clamp(20px,2vw,34px) !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  align-items:center !important;
  gap:15px !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li:first-child{
  padding-left:0 !important;
  border-right:1px solid rgba(58,105,119,.095) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li:last-child{
  padding-right:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPointImage{
  width:54px !important;
  height:54px !important;
  max-width:54px !important;
  max-height:54px !important;
  display:block !important;
  object-fit:contain !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(
        0 4px 7px rgba(10,112,99,.070)
      ) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li > span{
  color:#607582 !important;
  font-size:10.8px !important;
  line-height:1.46 !important;
  font-weight:560 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicActions{
  margin-top:28px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  z-index:51 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialSection.desktopOfficialHotTopic{
  background:radial-gradient(
        circle at 4% 100%,
        rgba(15,159,141,.028) 0%,
        transparent 31%
      ),
      linear-gradient(
        145deg,
        rgba(16,43,48,.99) 0%,
        rgba(10,31,35,.995) 100%
      ) !important;
  border-color:rgba(255,255,255,.060) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia > img{
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
  filter:saturate(1.01)
      contrast(1.025)
      brightness(.98) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li:first-child{
  border-right-color:rgba(255,255,255,.080) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li > span{
  color:#acc5ca !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialSection.desktopOfficialHotTopic{
  padding:24px
      26px !important;
  border-radius:26px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop{
  grid-template-columns:minmax(0,41%)
      minmax(0,59%) !important;
  gap:28px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia{
  height:clamp(350px,34vw,430px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia > img{
  border-radius:20px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  padding:14px
      8px
      14px
      0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li{
  grid-template-columns:48px minmax(0,1fr) !important;
  padding-left:14px !important;
  padding-right:14px !important;
  gap:11px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li:first-child{
  padding-left:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li:last-child{
  padding-right:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPointImage{
  width:44px !important;
  height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints > li > span{
  font-size:9.3px !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia{
  height:clamp(330px,31vw,400px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  padding-top:10px !important;
  padding-bottom:10px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop{
  isolation:isolate !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::after{
  z-index:1 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia{
  position:relative !important;
  z-index:2 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBody{
  position:relative !important;
  z-index:3 !important;
  background:transparent !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  position:absolute !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  mask:none !important;
  -webkit-mask:none !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow
  > .desktopOfficialHotTopicBowImage{
  position:relative !important;
  mix-blend-mode:normal !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  mask:none !important;
  -webkit-mask:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::after{
  background-image:linear-gradient(
        90deg,
        rgba(255,255,255,.13) 0%,
        rgba(255,255,255,.055) 18%,
        rgba(13,72,80,.24) 43%,
        rgba(255,255,255,.075) 67%,
        rgba(255,255,255,.02) 100%
      ),
      linear-gradient(
        135deg,
        #328d95 0%,
        #3aa4aa 25%,
        #25747d 49%,
        #3b9fa3 75%,
        #338b92 100%
      ) !important;
  background-color:#358f96 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),
      inset 0 -1px 0 rgba(0,0,0,.17) !important;
}
}

@media (max-width:979px){

.desktopOfficialHotTopicTop::after{
  content:none !important;
  display:none !important;
}
}

@media (min-width:980px){

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::after{
  filter:saturate(.97)
      contrast(1.03)
      drop-shadow(0 4px 7px rgba(0,0,0,.16))
      drop-shadow(0 10px 16px rgba(0,0,0,.08)) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow{
  width:clamp(196px, 15.2vw, 258px) !important;
  top:4px !important;
  right:2px !important;
}
}

@media (min-width:1280px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBow{
  width:clamp(204px, 15.4vw, 266px) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  overflow:visible !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow
  > .desktopOfficialHotTopicBowImage{
  opacity:1 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  width:72% !important;
  max-width:72% !important;
  height:auto !important;
  margin:0 0 0 auto !important;
  object-fit:contain !important;
  object-position:right top !important;
  display:block !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  width:74% !important;
  max-width:74% !important;
  margin:0 0 0 auto !important;
  object-position:right top !important;
}
}

@media (min-width:980px) and (max-height:820px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  width:73% !important;
  max-width:73% !important;
}
}

@media (min-width:980px) and (max-height:720px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicBowImage{
  width:75% !important;
  max-width:75% !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  width:clamp(156px,11.8vw,198px) !important;
  min-width:156px !important;
  max-width:198px !important;
  height:auto !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow
  > .desktopOfficialHotTopicBowImage{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  width:clamp(132px,12vw,154px) !important;
  min-width:132px !important;
  max-width:154px !important;
  height:auto !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow
  > .desktopOfficialHotTopicBowImage{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  width:clamp(170px,11vw,208px) !important;
  min-width:170px !important;
  max-width:208px !important;
  height:auto !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::after{
  top:-30px !important;
  right:-34px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::after{
  top:-20px !important;
  right:-24px !important;
  width:calc(100% + 24px) !important;
  height:calc(100% + 20px) !important;
  clip-path:polygon(
        88.4% 0%,
        91.9% 0%,
        100% 18.2%,
        100% 25.6%
      ) !important;
  -webkit-clip-path:polygon(
        88.4% 0%,
        91.9% 0%,
        100% 18.2%,
        100% 25.6%
      ) !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::after{
  top:-34px !important;
  right:-40px !important;
  width:calc(100% + 40px) !important;
  height:calc(100% + 34px) !important;
  clip-path:polygon(
        89.2% 0%,
        92.5% 0%,
        100% 19.2%,
        100% 26.5%
      ) !important;
  -webkit-clip-path:polygon(
        89.2% 0%,
        92.5% 0%,
        100% 19.2%,
        100% 26.5%
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialSection.desktopOfficialHotTopic{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop::after{
  content:none !important;
  display:none !important;
  position:static !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  background-image:none !important;
  background-color:transparent !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  filter:none !important;
  box-shadow:none !important;
  opacity:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip{
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  isolation:isolate !important;
  background:none !important;
  background-color:transparent !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::before{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::after{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  right:0 !important;
  width:100% !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop{
  position:relative !important;
  z-index:3 !important;
  overflow:visible !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  z-index:50 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow
  > .desktopOfficialHotTopicBowImage{
  z-index:51 !important;
}
}

@media (max-width:979px){

.desktopOfficialHotTopicRibbonClip{
  display:none !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  right:-42px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  right:-34px !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  right:-48px !important;
}
}

@media (min-width:980px){

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::before{
  filter:saturate(.98)
      contrast(1.05)
      drop-shadow(0 3px 5px rgba(0,0,0,.17))
      drop-shadow(0 9px 15px rgba(0,0,0,.09)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 2px 4px rgba(255,255,255,.05),
      inset 0 -2px 3px rgba(0,0,0,.19),
      inset 0 -1px 0 rgba(0,0,0,.24) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::after{
  opacity:.78 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::before{
  clip-path:polygon(
        85.6% 0%,
        89.0% 0%,
        100% 26.0%,
        100% 34.4%
      ) !important;
  -webkit-clip-path:polygon(
        85.6% 0%,
        89.0% 0%,
        100% 26.0%,
        100% 34.4%
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::before{
  clip-path:polygon(
        85.0% 0%,
        88.6% 0%,
        100% 25.0%,
        100% 34.2%
      ) !important;
  -webkit-clip-path:polygon(
        85.0% 0%,
        88.6% 0%,
        100% 25.0%,
        100% 34.2%
      ) !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::before{
  clip-path:polygon(
        85.8% 0%,
        89.1% 0%,
        100% 26.2%,
        100% 34.3%
      ) !important;
  -webkit-clip-path:polygon(
        85.8% 0%,
        89.1% 0%,
        100% 26.2%,
        100% 34.3%
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::before{
  top:-4px !important;
  height:calc(100% + 4px) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::after{
  top:-4px !important;
  height:calc(100% + 4px) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  top:-8px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  top:-4px !important;
}
}

@media (min-width:1440px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTop
  > .desktopOfficialHotTopicBow{
  top:-12px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::before{
  background-image:linear-gradient(
        90deg,
        rgba(255,255,255,.00) 0%,
        rgba(255,255,255,.16) 11%,
        rgba(255,255,255,.30) 23%,
        rgba(255,255,255,.07) 38%,
        rgba(5,108,103,.10) 53%,
        rgba(255,255,255,.13) 68%,
        rgba(255,255,255,.03) 84%,
        rgba(255,255,255,.00) 100%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.20) 0%,
        rgba(255,255,255,.03) 17%,
        rgba(6,126,119,.13) 37%,
        rgba(255,255,255,.08) 57%,
        rgba(4,116,110,.17) 77%,
        rgba(255,255,255,.05) 100%
      ),
      linear-gradient(
        135deg,
        #39c0ba 0%,
        #1fb0aa 18%,
        #089891 44%,
        #13a19b 68%,
        #058c86 100%
      ) !important;
  background-color:#089891 !important;
  filter:saturate(1.05)
      contrast(1.04)
      drop-shadow(0 2px 4px rgba(8,152,145,.12))
      drop-shadow(0 7px 12px rgba(8,152,145,.07)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),
      inset 0 2px 4px rgba(255,255,255,.13),
      inset 0 -2px 3px rgba(4,118,112,.18),
      inset 0 -1px 0 rgba(3,101,96,.24) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::after{
  background:linear-gradient(
        90deg,
        transparent 85.4%,
        rgba(255,255,255,.38) 86.8%,
        rgba(255,255,255,.18) 88.0%,
        transparent 89.8%
      ) top left / 100% 3px no-repeat,

      linear-gradient(
        90deg,
        transparent 85.5%,
        rgba(4,125,119,.13) 87.4%,
        transparent 89.5%
      ) top left / 100% 8px no-repeat,

      linear-gradient(
        180deg,
        transparent 25.6%,
        rgba(255,255,255,.22) 28.5%,
        rgba(3,120,114,.16) 31.4%,
        transparent 34.8%
      ) top right / 3px 100% no-repeat !important;
  opacity:.92 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicRibbonClip::before{
  background-image:linear-gradient(
        90deg,
        rgba(255,255,255,.00) 0%,
        rgba(255,255,255,.08) 13%,
        rgba(255,255,255,.15) 23%,
        rgba(255,255,255,.04) 39%,
        rgba(3,74,71,.22) 54%,
        rgba(255,255,255,.07) 69%,
        rgba(255,255,255,.02) 85%,
        rgba(255,255,255,.00) 100%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.07) 0%,
        rgba(255,255,255,.02) 16%,
        rgba(2,67,63,.24) 39%,
        rgba(255,255,255,.05) 58%,
        rgba(1,56,53,.25) 79%,
        rgba(255,255,255,.03) 100%
      ),
      linear-gradient(
        135deg,
        #1aa9a2 0%,
        #10968f 24%,
        #067f78 46%,
        #11958f 70%,
        #05716b 100%
      ) !important;
  background-color:#089891 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTitleSecondary,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTitleAccent{
  color:#029795 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTitleSecondary,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicTitleAccent{
  color:#029795 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks{
  background:linear-gradient(
        100deg,
        #0e9382 0%,
        #029795 28%,
        #37b89d 48%,
        #79c97b 72%,
        #c4d63c 100%
      ) !important;
}
}

@media (min-width:980px){

.desktopOfficialQuickLinks{
  background:linear-gradient(
        100deg,
        #0e9382 0%,
        #029795 28%,
        #37b89d 48%,
        #79c97b 72%,
        #c4d63c 100%
      ) !important;
  box-shadow:0 28px 52px rgba(9,133,124,.21),
      0 12px 26px rgba(15,93,86,.13),
      inset 0 2px 0 rgba(255,255,255,.16),
      inset 0 -8px 18px rgba(8,104,95,.11) !important;
}

.desktopOfficialQuickLinks::before{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.06) 0%,
        rgba(255,255,255,.018) 16%,
        rgba(255,255,255,0) 42%,
        rgba(8,88,82,.035) 100%
      ) !important;
}

.desktopOfficialQuickLinks::after{
  inset:6px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),
      inset 0 -1px 0 rgba(8,78,72,.05) !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickLink{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.022) 0%,
        rgba(255,255,255,.008) 100%
      ) !important;
  box-shadow:0 8px 18px rgba(7,77,72,.08),
      inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.desktopOfficialQuickLinks .desktopOfficialQuickLink:hover{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.026) 0%,
        rgba(255,255,255,.010) 100%
      ) !important;
  box-shadow:0 10px 20px rgba(7,77,72,.09),
      inset 0 1px 0 rgba(255,255,255,.06) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks{
  grid-template-rows:repeat(2,minmax(0,1fr)) !important;
  column-gap:14px !important;
  row-gap:20px !important;
  gap:20px 14px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  inset:auto !important;
  left:18px !important;
  right:18px !important;
  top:50% !important;
  bottom:auto !important;
  width:auto !important;
  height:16px !important;
  transform:translateY(-50%) !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(
        180deg,
        rgba(6,79,73,.20) 0%,
        rgba(7,89,82,.135) 28%,
        rgba(255,255,255,.025) 55%,
        rgba(255,255,255,.13) 100%
      ) !important;
  box-shadow:inset 0 4px 7px rgba(5,69,65,.21),
      inset 0 -2px 3px rgba(255,255,255,.15),
      0 1px 0 rgba(255,255,255,.08) !important;
  opacity:.88 !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks
  .desktopOfficialQuickLink{
  position:relative !important;
  z-index:1 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks::after{
  background:linear-gradient(
        180deg,
        rgba(0,0,0,.27) 0%,
        rgba(0,0,0,.17) 30%,
        rgba(255,255,255,.008) 58%,
        rgba(255,255,255,.055) 100%
      ) !important;
  box-shadow:inset 0 4px 7px rgba(0,0,0,.32),
      inset 0 -2px 3px rgba(255,255,255,.055),
      0 1px 0 rgba(255,255,255,.025) !important;
  opacity:.92 !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks{
  grid-template-rows:repeat(2,minmax(0,1fr)) !important;
  column-gap:11px !important;
  row-gap:16px !important;
  gap:16px 11px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks::after{
  inset:auto !important;
  left:14px !important;
  right:14px !important;
  top:50% !important;
  bottom:auto !important;
  width:auto !important;
  height:13px !important;
  transform:translateY(-50%) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:inset 0 3px 6px rgba(5,69,65,.19),
      inset 0 -2px 3px rgba(255,255,255,.13),
      0 1px 0 rgba(255,255,255,.07) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks{
  transform:translateY(-6px) !important;
  box-shadow:0 7px 14px rgba(8,55,60,.21),
      0 24px 44px rgba(9,67,71,.24),
      0 46px 76px rgba(9,82,79,.21),
      0 68px 112px rgba(14,147,130,.18),
      inset 0 2px 0 rgba(255,255,255,.33),
      inset 0 -14px 28px rgba(7,74,69,.115),
      inset 1px 0 0 rgba(255,255,255,.05),
      inset -1px 0 0 rgba(6,66,62,.05) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 7px 14px rgba(8,55,60,.21),
      0 24px 44px rgba(9,67,71,.24),
      0 46px 76px rgba(9,82,79,.21),
      0 68px 112px rgba(14,147,130,.18),
      inset 0 2px 0 rgba(255,255,255,.33),
      inset 0 -14px 28px rgba(7,74,69,.115),
      inset 1px 0 0 rgba(255,255,255,.05),
      inset -1px 0 0 rgba(6,66,62,.05) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 7px 14px rgba(0,0,0,.35),
      0 25px 46px rgba(0,0,0,.39),
      0 48px 78px rgba(0,0,0,.32),
      0 70px 114px rgba(0,0,0,.26),
      inset 0 2px 0 rgba(255,255,255,.07),
      inset 0 -14px 28px rgba(0,0,0,.20) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks:hover{
  transform:translateY(-4px) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialQuickLinks:hover{
  transform:translateY(-4px) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  border:0 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  border-radius:inherit !important;
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.06) 0%,
        rgba(255,255,255,.018) 16%,
        rgba(255,255,255,0) 42%,
        rgba(8,88,82,.035) 100%
      ) !important;
  opacity:1 !important;
  box-shadow:none !important;
  filter:none !important;
  pointer-events:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton
  > .desktopOfficialHotTopicSatinSweep{
  z-index:1 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton
  > i,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton
  > span[data-desktop-copy]{
  position:relative !important;
  z-index:2 !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover{
  background:linear-gradient(
        100deg,
        #08766f 0%,
        #0d8c82 30%,
        #2f9f8b 50%,
        #668f5b 74%,
        #929d31 100%
      ) !important;
  box-shadow:0 7px 14px rgba(0,0,0,.35),
      0 25px 46px rgba(0,0,0,.39),
      0 48px 78px rgba(0,0,0,.32),
      0 70px 114px rgba(0,0,0,.26),
      inset 0 2px 0 rgba(255,255,255,.07),
      inset 0 -14px 28px rgba(0,0,0,.20) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton::before{
  background:linear-gradient(
        180deg,
        rgba(255,255,255,.035) 0%,
        rgba(255,255,255,.010) 18%,
        rgba(255,255,255,0) 44%,
        rgba(0,0,0,.055) 100%
      ) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover{
  background:linear-gradient(
        100deg,
        #0e9382 0%,
        #029795 28%,
        #37b89d 48%,
        #79c97b 72%,
        #c4d63c 100%
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  background:linear-gradient(
        100deg,
        #0e9382 0%,
        #029795 28%,
        #37b89d 48%,
        #79c97b 72%,
        #c4d63c 100%
      ) !important;
  box-shadow:0 3px 6px rgba(8,55,60,.13),

      /* main elevation */
      0 9px 16px rgba(9,67,71,.14),

      /* soft ambient depth */
      0 16px 26px rgba(9,82,79,.10),

      /* subtle teal atmosphere */
      0 23px 36px rgba(14,147,130,.075),

      /* top 3D highlight */
      inset 0 2px 0 rgba(255,255,255,.30),

      /* bottom 3D depth */
      inset 0 -7px 13px rgba(7,74,69,.095),

      /* subtle side depth */
      inset 1px 0 0 rgba(255,255,255,.045),
      inset -1px 0 0 rgba(6,66,62,.040) !important;
  transform:translate3d(0,-2px,0) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover{
  background:linear-gradient(
        100deg,
        #0e9382 0%,
        #029795 28%,
        #37b89d 48%,
        #79c97b 72%,
        #c4d63c 100%
      ) !important;
  box-shadow:0 4px 7px rgba(8,55,60,.14),
      0 11px 19px rgba(9,67,71,.15),
      0 19px 30px rgba(9,82,79,.11),
      0 27px 42px rgba(14,147,130,.085),
      inset 0 2px 0 rgba(255,255,255,.32),
      inset 0 -7px 13px rgba(7,74,69,.10),
      inset 1px 0 0 rgba(255,255,255,.050),
      inset -1px 0 0 rgba(6,66,62,.045) !important;
  transform:translate3d(0,-3px,0) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:active{
  background:linear-gradient(
        100deg,
        #0e9382 0%,
        #029795 28%,
        #37b89d 48%,
        #79c97b 72%,
        #c4d63c 100%
      ) !important;
  transform:translate3d(0,1px,0) !important;
  box-shadow:0 2px 4px rgba(8,55,60,.12),
      0 5px 9px rgba(9,67,71,.12),
      0 8px 14px rgba(9,82,79,.085),
      inset 0 1px 0 rgba(255,255,255,.23),
      inset 0 -5px 9px rgba(7,74,69,.12) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  box-shadow:0 3px 6px rgba(0,0,0,.22),
      0 9px 16px rgba(0,0,0,.24),
      0 16px 26px rgba(0,0,0,.18),
      0 23px 36px rgba(0,0,0,.13),
      inset 0 2px 0 rgba(255,255,255,.065),
      inset 0 -7px 13px rgba(0,0,0,.16) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover{
  box-shadow:0 4px 7px rgba(0,0,0,.23),
      0 11px 19px rgba(0,0,0,.25),
      0 19px 30px rgba(0,0,0,.19),
      0 27px 42px rgba(0,0,0,.14),
      inset 0 2px 0 rgba(255,255,255,.07),
      inset 0 -7px 13px rgba(0,0,0,.16) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:active{
  box-shadow:0 2px 4px rgba(0,0,0,.20),
      0 5px 9px rgba(0,0,0,.21),
      0 8px 14px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.05),
      inset 0 -5px 9px rgba(0,0,0,.18) !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton{
  box-shadow:0 3px 5px rgba(8,55,60,.12),
      0 8px 14px rgba(9,67,71,.13),
      0 14px 22px rgba(9,82,79,.09),
      0 20px 31px rgba(14,147,130,.065),
      inset 0 2px 0 rgba(255,255,255,.28),
      inset 0 -6px 11px rgba(7,74,69,.085) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicButton:hover{
  box-shadow:0 3px 6px rgba(8,55,60,.13),
      0 9px 16px rgba(9,67,71,.14),
      0 16px 25px rgba(9,82,79,.10),
      0 23px 35px rgba(14,147,130,.075),
      inset 0 2px 0 rgba(255,255,255,.30),
      inset 0 -6px 11px rgba(7,74,69,.09) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid rgba(35,45,50,.045) !important;
  box-shadow:0 5px 12px rgba(30,34,38,.045),
      0 18px 38px rgba(34,38,42,.065),
      0 34px 64px rgba(38,42,46,.040),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic::before{
  content:"" !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic{
  box-shadow:0 5px 12px rgba(0,0,0,.18),
      0 18px 38px rgba(0,0,0,.22),
      0 34px 64px rgba(0,0,0,.14),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic::after{
  background-image:radial-gradient(
        circle,
        #029795 1.3px,
        transparent 1.5px
      ) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic::after{
  background-image:radial-gradient(
        circle,
        #029795 1.3px,
        transparent 1.5px
      ) !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic::after{
  opacity:.54 !important;
  background-size:18px 18px !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopic::after{
  opacity:.44 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2{
  width:100% !important;
  margin-top:26px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:clamp(14px,1.35vw,20px) !important;
  list-style:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li:first-child,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li:last-child{
  box-sizing:border-box !important;
  min-width:0 !important;
  min-height:88px !important;
  margin:0 !important;
  padding:12px
      16px
      12px
      12px !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fcfefe 58%,
        #f9fcfc 100%
      ) !important;
  border:1px solid rgba(58,105,119,.095) !important;
  border-right:1px solid rgba(58,105,119,.095) !important;
  border-radius:17px !important;
  box-shadow:0 8px 20px rgba(31,78,86,.055),
      0 2px 6px rgba(31,78,86,.025),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
  overflow:hidden !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  .desktopOfficialHotTopicPointImage{
  box-sizing:border-box !important;
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  margin:0 !important;
  padding:8px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  background:linear-gradient(
        145deg,
        rgba(2,151,149,.065) 0%,
        rgba(2,151,149,.035) 100%
      ) !important;
  border:1px solid rgba(2,151,149,.080) !important;
  border-radius:50% !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
  filter:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li > span{
  min-width:0 !important;
  color:#607582 !important;
  font-size:10.4px !important;
  line-height:1.46 !important;
  font-weight:560 !important;
  text-align:left !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li:first-child,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li:last-child{
  background:linear-gradient(
        145deg,
        rgba(20,48,53,.96) 0%,
        rgba(13,35,40,.97) 100%
      ) !important;
  border-color:rgba(255,255,255,.065) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.18),
      0 2px 6px rgba(0,0,0,.10),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  .desktopOfficialHotTopicPointImage{
  background:linear-gradient(
        145deg,
        rgba(2,151,149,.16) 0%,
        rgba(2,151,149,.08) 100%
      ) !important;
  border-color:rgba(116,231,221,.11) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li > span{
  color:#acc5ca !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2{
  gap:12px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li:first-child,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li:last-child{
  min-height:76px !important;
  padding:10px
      12px
      10px
      10px !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  gap:10px !important;
  border-radius:14px !important;
  box-shadow:0 7px 16px rgba(31,78,86,.048),
      0 2px 5px rgba(31,78,86,.020),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  .desktopOfficialHotTopicPointImage{
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  padding:7px !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li > span{
  font-size:9px !important;
  line-height:1.42 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia:hover{
  transform:none !important;
  box-shadow:none !important;
  transition:none !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia:hover > img{
  box-shadow:0 10px 24px rgba(43,58,64,.055) !important;
  transform:none !important;
  filter:saturate(1.02)
      contrast(1.01)
      brightness(1.01) !important;
  transition:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia:hover{
  transform:none !important;
  box-shadow:none !important;
  transition:none !important;
}

html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia > img,
  html[data-theme="dark"]
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicMedia:hover > img{
  box-shadow:0 10px 24px rgba(0,0,0,.10) !important;
  transform:none !important;
  transition:none !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li > span{
  padding-left:8px !important;
}
}

@media (min-width:980px) and (max-width:1150px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2
  > li > span{
  padding-left:6px !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialEyebrow{
  color:#029795 !important;
  background:rgba(2,151,149,.065) !important;
  border-color:rgba(2,151,149,.10) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialEyebrow i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleControl{
  color:#029795 !important;
  border-color:rgba(2,151,149,.23) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleControl i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleControl:focus-visible{
  outline:3px solid rgba(2,151,149,.20) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleTab:hover,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleTab:focus-visible{
  color:#029795 !important;
  border-color:rgba(2,151,149,.24) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleTab.is-active{
  color:#029795 !important;
  background:linear-gradient(
        180deg,
        rgba(2,151,149,.040) 0%,
        rgba(2,151,149,.072) 100%
      ) !important;
  border-color:rgba(2,151,149,.22) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleTab:hover i,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleTab:focus-visible i,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleTab.is-active i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialArticleMedia > span{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialOutlineButton.desktopOfficialArticlesCta{
  color:#029795 !important;
  border-color:rgba(2,151,149,.24) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialOutlineButton.desktopOfficialArticlesCta i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialOutlineButton.desktopOfficialArticlesCta:hover{
  color:#029795 !important;
  background:rgba(2,151,149,.04) !important;
  border-color:rgba(2,151,149,.28) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialArticles
  .desktopOfficialOutlineButton.desktopOfficialArticlesCta:hover i{
  color:#029795 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialEyebrow{
  color:#029795 !important;
  background:rgba(2,151,149,.065) !important;
  border-color:rgba(2,151,149,.10) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialEyebrow i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialProfessionalControl{
  color:#029795 !important;
  border-color:rgba(2,151,149,.23) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialProfessionalControl i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialProfessionalControl:focus-visible{
  outline:3px solid rgba(2,151,149,.20) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialProfessionalBadge{
  color:#029795 !important;
  background:rgba(2,151,149,.07) !important;
  border-color:rgba(2,151,149,.055) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialProfessionalBadge i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialProfileLink{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialProfileLink i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialProfileLink:hover{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialProfileLink:hover i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialOutlineButton.desktopOfficialProfessionalsCta{
  color:#029795 !important;
  border-color:rgba(2,151,149,.24) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialOutlineButton.desktopOfficialProfessionalsCta i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialOutlineButton.desktopOfficialProfessionalsCta:hover{
  color:#029795 !important;
  background:rgba(2,151,149,.04) !important;
  border-color:rgba(2,151,149,.28) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialProfessionals
  .desktopOfficialOutlineButton.desktopOfficialProfessionalsCta:hover i{
  color:#029795 !important;
}
}

@media (min-width:980px){

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialTrustSection
  .desktopOfficialEyebrow{
  color:#029795 !important;
  background:rgba(2,151,149,.065) !important;
  border-color:rgba(2,151,149,.10) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialTrustSection
  .desktopOfficialEyebrow i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialTrustSection
  .desktopOfficialTrustGrid article > span{
  color:#029795 !important;
  background:rgba(2,151,149,.065) !important;
  border-color:rgba(2,151,149,.10) !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialTrustSection
  .desktopOfficialTrustGrid article > span i{
  color:#029795 !important;
}

body.bumilLandingPage.bumilLandingPage--officialDesktop
  .desktopOfficialTrustSection
  .desktopOfficialTrustGrid strong{
  color:#029795 !important;
}
}




/* =========================================================
   V389 - WHITE FROSTED SUPPORT PANELS
   ---------------------------------------------------------
   Mengikuti referensi Alat Bantu putih dingin:
   - panel internal Kelahiran / Pemantauan / Kesuburan /
     Perkembangan memakai frosted white, bukan teal solid;
   - teks navy + aksen teal;
   - kontrol tetap tajam dan neumorphic;
   - outer frosted card V388 tetap dipertahankan;
   - tidak mengubah layout, ukuran, fungsi, atau mobile.
   ========================================================= */
@media (min-width:980px){

.desktopOfficialSupportDueDateCalculator,
.desktopOfficialSupportKickTracker,
.desktopOfficialSupportFertilityCalculator,
.desktopOfficialSupportFetalGrowthPanel{
  color:#17384c !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #fbfdfe 46%,
        #f2f6f9 76%,
        #eaf1f5 100%
      ) !important;
  border:1px solid #ffffff !important;
  box-shadow:
      /* depth sisi kiri */
      -13px 7px 24px rgba(111,137,153,.125),

      /* highlight kiri-atas */
      -9px -9px 18px rgba(255,255,255,1),

      /* contact shadow kanan */
      7px 8px 14px rgba(116,142,158,.115),

      /* elevation kanan-bawah */
      15px 18px 30px rgba(111,138,155,.115),
      0 30px 44px rgba(106,134,151,.085),

      /* permukaan solid */
      inset 0 2px 0 rgba(255,255,255,1),
      inset 2px 0 0 rgba(255,255,255,.88),
      inset -2px 0 0 rgba(126,151,166,.045),
      inset 0 -4px 8px rgba(122,149,164,.075) !important;
  transform:translate3d(0,0,0) !important;
}

.desktopOfficialSupportDueDateCalculator::before,
.desktopOfficialSupportKickTracker::before,
.desktopOfficialSupportFertilityCalculator::before,
.desktopOfficialSupportFetalGrowthPanel::before{
  border:1px solid rgba(126,157,173,.16) !important;
  box-shadow:
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(122,149,164,.065),
      inset 0 0 0 1px rgba(255,255,255,.38) !important;
}

.desktopOfficialSupportDueDateCalculatorHeader,
.desktopOfficialSupportFertilityCalculatorHeader,
.desktopOfficialSupportKickTrackerHeader,
.desktopOfficialSupportFetalGrowthIntro > strong,
.desktopOfficialSupportDueDateField,
.desktopOfficialSupportFertilityField,
.desktopOfficialSupportFetalAgeControl > small,
.desktopOfficialSupportFetalTimelineLabel,
.desktopOfficialSupportKickTimer small{
  color:#17384c !important;
}

.desktopOfficialSupportDueDateCalculatorHeader i,
.desktopOfficialSupportFertilityCalculatorHeader i,
.desktopOfficialSupportFetalWeekBadge strong,
.desktopOfficialSupportFetalGrowthIntro > small,
.desktopOfficialSupportDueDateInputShell > i,
.desktopOfficialSupportFertilityInputShell > i{
  color:#0f9f8d !important;
}

.desktopOfficialSupportDueDateField > span:first-child,
.desktopOfficialSupportFertilityField > span:first-child{
  color:#27495b !important;
}

.desktopOfficialSupportKickTrackerHint,
.desktopOfficialSupportFetalWeekBadge small,
.desktopOfficialSupportDueDateField > span:first-child small{
  color:#728592 !important;
}

.desktopOfficialSupportDueDateInputShell,
.desktopOfficialSupportDueDateStepper,
.desktopOfficialSupportFertilityInputShell,
.desktopOfficialSupportFertilityStepper,
.desktopOfficialSupportKickTimer,
.desktopOfficialSupportFetalWeekBadge,
.desktopOfficialSupportFetalTimeline,
.desktopOfficialSupportKickFootItem{
  background:linear-gradient(
        180deg,
        #edf4f7 0%,
        #f8fbfc 100%
      ) !important;
  border:1px solid rgba(137,166,181,.13) !important;
  box-shadow:
      inset 3px 4px 8px rgba(119,147,162,.10),
      inset -3px -3px 7px rgba(255,255,255,1),
      0 2px 5px rgba(111,139,154,.030) !important;
}

.desktopOfficialSupportDueDateInput,
.desktopOfficialSupportFertilityDateInput,
.desktopOfficialSupportDueDateCycleInput,
.desktopOfficialSupportFertilityCycleInput,
.desktopOfficialSupportKickTimer strong,
.desktopOfficialSupportFetalAgeValue small,
.desktopOfficialSupportFetalWeekBadge small{
  color:#17384c !important;
}

.desktopOfficialSupportFetalAgeValue strong,
.desktopOfficialSupportFetalWeekBadge strong{
  color:#0f9f8d !important;
}

.desktopOfficialSupportDueDateInput::placeholder,
.desktopOfficialSupportFertilityDateInput::placeholder,
.desktopOfficialSupportDueDateCycleValue small,
.desktopOfficialSupportFertilityCycleValue small,
.desktopOfficialSupportFetalAgeValue small{
  color:#8293a0 !important;
  opacity:.92 !important;
}

.desktopOfficialSupportDueDateStepButton,
.desktopOfficialSupportFertilityStepButton,
.desktopOfficialSupportFetalAgeButton{
  color:#089891 !important;
  background:linear-gradient(
        145deg,
        #ffffff 0%,
        #f3f7f9 56%,
        #e8f0f4 100%
      ) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  box-shadow:
      -2px -2px 5px rgba(255,255,255,1),
      3px 4px 8px rgba(119,146,160,.13),
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -2px 4px rgba(135,159,173,.07) !important;
}

.desktopOfficialSupportFetalTimelineTrack{
  background:linear-gradient(
        90deg,
        #16a99f 0%,
        #16a99f 50%,
        rgba(188,216,219,.76) 50%,
        rgba(188,216,219,.76) 100%
      ) !important;
}

.desktopOfficialSupportFetalWeekPoint > span{
  background:#79cfc8 !important;
}

.desktopOfficialSupportFetalWeekPoint small{
  color:#8394a1 !important;
}

.desktopOfficialSupportFetalWeekPoint.is-active > span{
  background:#0f9f8d !important;
  box-shadow:
      0 0 0 2px rgba(15,159,141,.10),
      0 3px 5px rgba(15,159,141,.14) !important;
}

.desktopOfficialSupportFetalWeekPoint.is-active small{
  color:#0f9f8d !important;
}

.desktopOfficialSupportFetalWeekPoint:nth-child(n+6) > span{
  background:#c4dfe0 !important;
}

.desktopOfficialSupportKickFootItem{
  box-shadow:
      0 3px 7px rgba(44,73,80,.055),
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -2px 5px rgba(120,176,178,.045) !important;
}

.desktopOfficialSupportKickFootItem img{
  filter:drop-shadow(0 2px 3px rgba(139,101,82,.08)) !important;
}

.desktopOfficialSupportKickHeaderFoot{
  filter:drop-shadow(0 2px 3px rgba(139,101,82,.08)) !important;
}

/* Dark mode tetap memakai panel gelap yang sudah matang. */
html[data-theme="dark"] .desktopOfficialSupportDueDateCalculator,
html[data-theme="dark"] .desktopOfficialSupportKickTracker,
html[data-theme="dark"] .desktopOfficialSupportFertilityCalculator,
html[data-theme="dark"] .desktopOfficialSupportFetalGrowthPanel{
  background:linear-gradient(
        145deg,
        #15383d 0%,
        #102f34 52%,
        #0b262b 100%
      ) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:
      -10px 6px 20px rgba(0,0,0,.20),
      -5px -6px 14px rgba(44,88,91,.10),
      8px 9px 18px rgba(0,0,0,.23),
      14px 17px 28px rgba(0,0,0,.20),
      0 27px 40px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.055),
      inset 0 -3px 7px rgba(0,0,0,.18) !important;
}

html[data-theme="dark"] .desktopOfficialSupportDueDateCalculatorHeader,
html[data-theme="dark"] .desktopOfficialSupportFertilityCalculatorHeader,
html[data-theme="dark"] .desktopOfficialSupportKickTrackerHeader,
html[data-theme="dark"] .desktopOfficialSupportFetalGrowthIntro > strong,
html[data-theme="dark"] .desktopOfficialSupportDueDateField,
html[data-theme="dark"] .desktopOfficialSupportFertilityField,
html[data-theme="dark"] .desktopOfficialSupportFetalAgeControl > small,
html[data-theme="dark"] .desktopOfficialSupportFetalTimelineLabel,
html[data-theme="dark"] .desktopOfficialSupportKickTimer small{
  color:#eafcff !important;
}

}



@media (min-width:980px){

.desktopOfficialSupportWeightLiveDisplay{
  width:min(100%,264px) !important;
  margin-top:20px !important;
  padding:12px 14px 13px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:5px !important;
  background:linear-gradient(145deg,#ffffff 0%,#f5f9fb 56%,#eff5f8 100%) !important;
  border:1px solid rgba(221,233,238,.92) !important;
  border-radius:17px !important;
  box-shadow:
      -7px -7px 14px rgba(255,255,255,.98),
      10px 12px 22px rgba(162,184,195,.18),
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -2px 5px rgba(176,195,205,.08) !important;
}

.desktopOfficialSupportWeightLiveLabel{
  display:block !important;
  color:#628090 !important;
  font-size:8px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}

.desktopOfficialSupportWeightLiveValueRow{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:92px 42px !important;
  align-items:end !important;
  justify-content:start !important;
  column-gap:16px !important;
}

.desktopOfficialSupportWeightLiveValue{
  display:block !important;
  color:#17384c !important;
  font-size:clamp(22px,1.75vw,28px) !important;
  line-height:.94 !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
}

.desktopOfficialSupportWeightLiveUnit{
  display:block !important;
  padding-bottom:4px !important;
  color:#0f9f8d !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportWeightInputPreview{
  margin-top:20px !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightLiveDisplay{
  background:linear-gradient(145deg,#17373d 0%,#112d32 56%,#0f272b 100%) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:
      -8px -8px 16px rgba(32,78,82,.14),
      12px 14px 24px rgba(0,0,0,.26),
      inset 0 1px 0 rgba(255,255,255,.05),
      inset 0 -2px 5px rgba(0,0,0,.16) !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightLiveLabel{
  color:#9fc4c7 !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightLiveValue{
  color:#38c975 !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightLiveUnit{
  color:#75e3d6 !important;
}

}


@media (min-width:980px) and (max-width:1150px){

.desktopOfficialSupportWeightLiveValueRow{
  grid-template-columns:76px 34px !important;
  column-gap:12px !important;
}

.desktopOfficialSupportWeightLiveValue{
  width:76px !important;
  min-width:76px !important;
  max-width:76px !important;
  font-size:22px !important;
}

.desktopOfficialSupportWeightLiveUnit{
  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  min-height:18px !important;
  padding-bottom:2px !important;
  font-size:12px !important;
}

}

/* =========================================================
   V407 - FUNCTIONAL KEMENKES WEIGHT CALCULATOR (HASIL GANDA DISEDERHANAKAN)
   ---------------------------------------------------------
   Desktop >=980px only.
   - Empat input Berat Badan Bumil aktif.
   - Berat Sekarang mengendalikan angka realtime + jarum analog.
   - Hasil menghitung IMT pra-kehamilan, kategori IMT,
     kenaikan saat ini, estimasi kisaran kumulatif usia kehamilan,
     dan target kenaikan total.
   - Tidak mengirim data ke backend.
   ========================================================= */
@media (min-width:980px){

.desktopOfficialSupportWeightFeedback[hidden],
.desktopOfficialSupportWeightResult[hidden],
.desktopOfficialSupportWeightResultItem[hidden],
.desktopOfficialSupportWeightResultItem em[hidden]{
  display:none !important;
}

.desktopOfficialSupportWeightFeedback{
  width:min(100%,264px) !important;
  margin:9px 0 0 !important;
  padding:8px 10px !important;
  color:#9a5c12 !important;
  background:#fff9ec !important;
  border:1px solid rgba(219,164,71,.18) !important;
  border-radius:10px !important;
  font-size:7.6px !important;
  line-height:1.38 !important;
  font-weight:700 !important;
}

.desktopOfficialSupportWeightResult{
  width:min(100%,264px) !important;
  margin-top:10px !important;
  padding:11px !important;
  display:grid !important;
  gap:9px !important;
  color:#17384c !important;
  background:linear-gradient(145deg,#ffffff 0%,#f7fafc 58%,#edf4f7 100%) !important;
  border:1px solid rgba(255,255,255,.98) !important;
  border-radius:15px !important;
  box-shadow:
      -4px -4px 9px rgba(255,255,255,.98),
      6px 8px 15px rgba(135,158,171,.12),
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -2px 5px rgba(145,166,178,.06) !important;
  outline:0 !important;
}

.desktopOfficialSupportWeightResultHeader{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
}

.desktopOfficialSupportWeightResultHeader > strong{
  color:#17384c !important;
  font-size:9.2px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.desktopOfficialSupportWeightResultStatus{
  min-height:22px !important;
  padding:0 8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font-size:6.7px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.desktopOfficialSupportWeightResultStatus.is-within{
  color:#087f78 !important;
  background:#e8f8f4 !important;
  border:1px solid rgba(8,152,145,.13) !important;
}

.desktopOfficialSupportWeightResultStatus.is-below{
  color:#9a6814 !important;
  background:#fff8e8 !important;
  border:1px solid rgba(219,164,71,.18) !important;
}

.desktopOfficialSupportWeightResultStatus.is-above{
  color:#b45151 !important;
  background:#fff0f0 !important;
  border:1px solid rgba(216,104,104,.16) !important;
}

.desktopOfficialSupportWeightResultStatus.is-reference{
  color:#526f7e !important;
  background:#edf5f8 !important;
  border:1px solid rgba(126,157,173,.14) !important;
}

.desktopOfficialSupportWeightResultStatus.is-total-only{
  color:#356f83 !important;
  background:#edf7fa !important;
  border:1px solid rgba(76,143,164,.14) !important;
}

.desktopOfficialSupportWeightResultStatus.is-clinical-review{
  color:#9a6814 !important;
  background:#fff7e4 !important;
  border:1px solid rgba(219,164,71,.22) !important;
}

.desktopOfficialSupportWeightResultGrid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
}

/*
 * V407 - MODE KEHAMILAN GANDA
 * ---------------------------------------------------------
 * Tabel Kemenkes yang digunakan hanya menyediakan target
 * TOTAL untuk kehamilan ganda (Normal/Gemuk/Obesitas).
 * Karena tidak ada acuan mingguan / sesuai usia khusus ganda,
 * card "Acuan sesuai usia (ganda)" dihilangkan.
 *
 * Lima card yang tersisa dirapikan menjadi:
 * 2 card baris 1 + 2 card baris 2 + Target Total full-width.
 */
.desktopOfficialSupportWeightResult.is-multiple
  .desktopOfficialSupportWeightResultItem--total{
  grid-column:1 / -1 !important;
  min-height:50px !important;
}

.desktopOfficialSupportWeightResultItem{
  min-width:0 !important;
  min-height:54px !important;
  padding:8px 9px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#eef5f8 0%,#fafcfd 100%) !important;
  border:1px solid rgba(151,174,186,.09) !important;
  border-radius:10px !important;
  box-shadow:
      inset 2px 3px 6px rgba(121,148,163,.075),
      inset -2px -2px 5px rgba(255,255,255,.96) !important;
}

.desktopOfficialSupportWeightResultItem small{
  display:block !important;
  color:#718794 !important;
  font-size:6.2px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
}

.desktopOfficialSupportWeightResultItem strong{
  display:block !important;
  margin-top:4px !important;
  color:#17384c !important;
  font-size:10.4px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  font-variant-numeric:tabular-nums !important;
}

.desktopOfficialSupportWeightResultItem em{
  display:block !important;
  margin-top:3px !important;
  color:#0e9382 !important;
  font-size:5.8px !important;
  line-height:1.15 !important;
  font-style:normal !important;
  font-weight:800 !important;
}

.desktopOfficialSupportWeightResultNote{
  margin:0 !important;
  color:#728691 !important;
  font-size:6.1px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
}

button.desktopOfficialSupportToolAction[data-support-weight-calculate]{
  appearance:none !important;
  -webkit-appearance:none !important;
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif !important;
  cursor:pointer !important;
}

.desktopOfficialSupportWeightInput[aria-invalid="true"],
.desktopOfficialSupportWeightSelect[aria-invalid="true"]{
  color:#a24e4e !important;
}

.desktopOfficialSupportWeightInputShell:has(.desktopOfficialSupportWeightInput[aria-invalid="true"]),
.desktopOfficialSupportWeightInputShell:has(.desktopOfficialSupportWeightSelect[aria-invalid="true"]){
  border-color:rgba(204,86,86,.24) !important;
  box-shadow:
      inset 2px 3px 7px rgba(121,148,163,.09),
      inset -3px -3px 7px rgba(255,255,255,.98),
      0 0 0 2px rgba(204,86,86,.045) !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightFeedback{
  color:#f0cf8a !important;
  background:#3b3424 !important;
  border-color:rgba(240,207,138,.12) !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightResult{
  color:#eafcff !important;
  background:linear-gradient(145deg,#15383d 0%,#102f34 58%,#0b262b 100%) !important;
  border-color:rgba(255,255,255,.07) !important;
  box-shadow:
      -5px -5px 10px rgba(35,76,80,.08),
      7px 9px 17px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.04),
      inset 0 -2px 5px rgba(0,0,0,.15) !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightResultHeader > strong,
html[data-theme="dark"] .desktopOfficialSupportWeightResultItem strong{
  color:#eafcff !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightResultItem{
  background:linear-gradient(180deg,#0b252a 0%,#123238 100%) !important;
  border-color:rgba(255,255,255,.035) !important;
  box-shadow:
      inset 2px 3px 6px rgba(0,0,0,.18),
      inset -2px -2px 5px rgba(255,255,255,.018) !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightResultItem small,
html[data-theme="dark"] .desktopOfficialSupportWeightResultNote{
  color:#9db8bd !important;
}

html[data-theme="dark"] .desktopOfficialSupportWeightResultItem em{
  color:#73e6dd !important;
}

}

@media (min-width:980px) and (max-width:1150px){

.desktopOfficialSupportWeightFeedback,
.desktopOfficialSupportWeightResult{
  width:min(100%,212px) !important;
}

.desktopOfficialSupportWeightResult{
  margin-top:8px !important;
  padding:8px !important;
  gap:7px !important;
  border-radius:12px !important;
}

.desktopOfficialSupportWeightResultHeader > strong{
  font-size:7.8px !important;
}

.desktopOfficialSupportWeightResultStatus{
  min-height:19px !important;
  padding:0 6px !important;
  font-size:5.6px !important;
}

.desktopOfficialSupportWeightResultGrid{
  gap:5px !important;
}

.desktopOfficialSupportWeightResultItem{
  min-height:46px !important;
  padding:6px 7px !important;
  border-radius:9px !important;
}

.desktopOfficialSupportWeightResultItem small{
  font-size:5.2px !important;
}

.desktopOfficialSupportWeightResultItem strong{
  margin-top:3px !important;
  font-size:8.7px !important;
}

.desktopOfficialSupportWeightResultItem em,
.desktopOfficialSupportWeightResultNote{
  font-size:4.8px !important;
}

}

/* =========================================================
   V408 - WEIGHT TOOL LANDING PREVIEW ONLY
   ---------------------------------------------------------
   Kalkulator lengkap sudah berada di berat-badan-bumil.html.
   Featured card pada index sekarang hanya berfungsi sebagai
   preview visual / navigational card.

   Yang dipertahankan:
   - judul + deskripsi;
   - live display "Berat Saat Ini";
   - CTA Buka Fitur;
   - timbangan analog existing tanpa perubahan visual.

   Form input dan result tidak lagi ada pada HTML index.
   ========================================================= */
@media (min-width:980px){
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportToolFeaturedContent{
    justify-content:center !important;
    padding-top:34px !important;
    padding-bottom:30px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay{
    margin-top:24px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportToolAction{
    margin-top:28px !important;
  }
}

@media (min-width:980px) and (max-width:1150px){
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportToolFeaturedContent{
    padding-top:26px !important;
    padding-bottom:24px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay{
    margin-top:18px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportToolAction{
    margin-top:22px !important;
  }
}

/* =========================================================
   V409 - TALLER WEIGHT PREVIEW SCALE CASING
   ---------------------------------------------------------
   Landing page saja:
   - casing timbangan dibuat lebih panjang ke bawah;
   - lebar timbangan tidak berubah;
   - display analog tidak diperbesar;
   - posisi kaki mendapat ruang vertikal lebih lega sehingga
     tidak terlalu dekat dengan display analog;
   - animasi jarum + Berat Saat Ini V408 tetap utuh.
   ========================================================= */

@media (min-width:1160px){
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightDevice{
    aspect-ratio:1 / 1.08 !important;
  }
}

@media (min-width:980px) and (max-width:1159px){
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightDevice{
    aspect-ratio:1 / 1.06 !important;
  }
}

/* =========================================================
   V444 - LOWER CTA ALIGNMENT FOR 4 RIGHT SUPPORT CARDS
   ---------------------------------------------------------
   Tujuan:
   - Menurunkan tombol "Buka Fitur" pada 4 card kanan:
     Kelahiran, Pemantauan, Kesuburan, dan Perkembangan.
   - Posisi tombol dibuat lebih dekat ke tepi bawah card sehingga
     sejajar secara visual dengan tombol pada card Berat Badan Bumil.
   - Card Berat Badan Bumil tidak diubah.
   - Panel visual, form preview, ukuran card, dan fungsi tidak diubah.
   ========================================================= */

@media (min-width:1160px){

  /* 4 card kecil kanan */
  .desktopOfficialSupportToolCard--visual
    .desktopOfficialSupportToolMiniContent{
    align-self:stretch !important;
    height:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    justify-content:flex-start !important;
    padding-bottom:4px !important;
  }

  .desktopOfficialSupportToolCard--visual
    .desktopOfficialSupportToolCopy{
    flex:0 0 auto !important;
  }

  .desktopOfficialSupportToolCard--visual
    .desktopOfficialSupportToolAction{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    margin-top:auto !important;
    margin-bottom:0 !important;
    align-self:flex-start !important;
  }

  /* Featured card Berat Badan Bumil */
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportToolFeaturedContent{
    align-self:stretch !important;
    height:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    justify-content:flex-start !important;
    padding-bottom:22px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportToolAction{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    margin-top:auto !important;
    margin-bottom:0 !important;
    align-self:flex-start !important;
  }
}

/* Compact laptop */
@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialSupportToolCard--visual
    .desktopOfficialSupportToolMiniContent{
    align-self:stretch !important;
    height:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    justify-content:flex-start !important;
    padding-bottom:5px !important;
  }

  .desktopOfficialSupportToolCard--visual
    .desktopOfficialSupportToolAction{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    margin-top:auto !important;
    margin-bottom:0 !important;
    align-self:flex-start !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportToolFeaturedContent{
    align-self:stretch !important;
    height:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    justify-content:flex-start !important;
    padding-bottom:17px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportToolAction{
    margin-top:auto !important;
    margin-bottom:0 !important;
    align-self:flex-start !important;
  }
}

/* =========================================================
   V411 - COMPACT LIVE WEIGHT CARD + LARGE KG
   ---------------------------------------------------------
   Fokus:
   - Card "Berat Saat Ini" dibuat lebih pendek/lebar lebih compact.
   - Angka realtime tetap dikendalikan JS V315.
   - Satuan "kg" ditampilkan sebagai "KG" via CSS.
   - Ukuran KG dibuat sama besar dengan angka berat.
   - Tidak mengubah animasi jarum, layout timbangan, atau CTA.
   ========================================================= */

@media (min-width:1160px){

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay{
    width:min(100%,205px) !important;
    max-width:205px !important;
    padding:11px 13px 12px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValueRow{
    width:auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:baseline !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValue{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveUnit{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    padding:0 !important;
    display:inline-block !important;
    flex:0 0 auto !important;
    font-size:clamp(22px,1.75vw,28px) !important;
    line-height:.94 !important;
    font-weight:800 !important;
    letter-spacing:-.035em !important;
    text-transform:uppercase !important;
  }
}

@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay{
    width:min(100%,178px) !important;
    max-width:178px !important;
    padding:10px 11px 11px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValueRow{
    width:auto !important;
    display:flex !important;
    align-items:baseline !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValue,
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveUnit{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    padding:0 !important;
    font-size:22px !important;
    line-height:.94 !important;
    font-weight:800 !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveUnit{
    letter-spacing:-.03em !important;
    text-transform:uppercase !important;
  }
}

/* =========================================================
   V412 - STATIC KG ON RIGHT
   ---------------------------------------------------------
   Fokus:
   - Angka "Berat Saat Ini" tetap bergerak realtime.
   - Satuan KG tidak ikut bergeser ketika lebar angka berubah.
   - KG ditempatkan pada kolom kanan yang fixed.
   - Ukuran card V411 tetap.
   - JS animasi V315 tidak diubah.
   ========================================================= */

@media (min-width:1160px){

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValueRow{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 48px !important;
    align-items:baseline !important;
    justify-content:stretch !important;
    column-gap:6px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValue{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:start !important;
    font-variant-numeric:tabular-nums !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveUnit{
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    justify-self:end !important;
    text-align:right !important;
    flex:none !important;
    white-space:nowrap !important;
  }
}

@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValueRow{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 40px !important;
    align-items:baseline !important;
    justify-content:stretch !important;
    column-gap:5px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValue{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:start !important;
    font-variant-numeric:tabular-nums !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveUnit{
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    justify-self:end !important;
    text-align:right !important;
    flex:none !important;
    white-space:nowrap !important;
  }
}

/* =========================================================
   V413 - COMPACT LIVE WEIGHT CARD + STATIC KG DIVIDER + MOTION BLUR
   ---------------------------------------------------------
   Fokus:
   - Card "Berat Saat Ini" dibuat lebih pendek / lebih proporsional.
   - Satuan "KG" tetap statis di sisi kanan.
   - Ditambahkan garis vertikal pemisah di sisi kiri "KG".
   - Ukuran angka dan KG diperbesar lagi.
   - Saat animasi berat bergerak, angka + KG dibuat sedikit blur.
   - Saat jarum berhenti di titik akhir, blur hilang kembali.
   - Tidak mengubah struktur HTML index.
   ========================================================= */

@media (min-width:1160px){

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay{
    width:min(100%,188px) !important;
    max-width:188px !important;
    margin-top:20px !important;
    padding:11px 12px 12px !important;
    border-radius:18px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveLabel{
    font-size:8px !important;
    letter-spacing:.04em !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValueRow{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 60px !important;
    align-items:center !important;
    justify-content:stretch !important;
    column-gap:8px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValue{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:start !important;
    font-size:clamp(25px,2.05vw,34px) !important;
    line-height:.92 !important;
    font-weight:800 !important;
    letter-spacing:-.055em !important;
    font-variant-numeric:tabular-nums !important;
    white-space:nowrap !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveUnit{
    width:60px !important;
    min-width:60px !important;
    max-width:60px !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    padding:0 0 0 12px !important;
    margin:0 !important;
    border-left:1px solid rgba(142,160,171,.36) !important;
    text-align:right !important;
    color:#0f9f8d !important;
    font-size:clamp(25px,2vw,33px) !important;
    line-height:.92 !important;
    font-weight:800 !important;
    letter-spacing:-.045em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    flex:none !important;
  }
}

@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay{
    width:min(100%,172px) !important;
    max-width:172px !important;
    padding:10px 11px 11px !important;
    border-radius:16px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValueRow{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 54px !important;
    align-items:center !important;
    justify-content:stretch !important;
    column-gap:7px !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValue{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:start !important;
    font-size:25px !important;
    line-height:.92 !important;
    font-weight:800 !important;
    letter-spacing:-.05em !important;
    font-variant-numeric:tabular-nums !important;
    white-space:nowrap !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveUnit{
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    padding:0 0 0 10px !important;
    margin:0 !important;
    border-left:1px solid rgba(142,160,171,.34) !important;
    text-align:right !important;
    color:#0f9f8d !important;
    font-size:24px !important;
    line-height:.92 !important;
    font-weight:800 !important;
    letter-spacing:-.04em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    flex:none !important;
  }
}

/* Motion blur saat bergerak */
@media (min-width:980px){

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValue,
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveUnit{
    transition:
      filter .26s ease,
      opacity .26s ease,
      color .26s ease,
      transform .26s ease !important;
    transform:translateZ(0) !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay.is-live-moving
    .desktopOfficialSupportWeightLiveValue,
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay.is-live-moving
    .desktopOfficialSupportWeightLiveUnit{
    filter:blur(1.45px) !important;
    opacity:.72 !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay:not(.is-live-moving)
    .desktopOfficialSupportWeightLiveValue,
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay:not(.is-live-moving)
    .desktopOfficialSupportWeightLiveUnit{
    filter:none !important;
    opacity:1 !important;
  }
}

/* =========================================================
   V414 - BLUR HANYA ANGKA + KG TETAP TAJAM
   ---------------------------------------------------------
   Perubahan:
   - Blur saat animasi hanya diterapkan pada angka.
   - Text satuan KG tetap statis, tajam, dan tidak ikut blur.
   - Label "Berat Saat Ini" juga tetap tajam.
   ========================================================= */

@media (min-width:980px){

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveValue,
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveUnit,
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveLabel{
    transition:
      filter .3s ease,
      opacity .3s ease,
      color .3s ease,
      transform .3s ease !important;
    transform:translateZ(0) !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay.is-live-moving
    .desktopOfficialSupportWeightLiveValue{
    filter:blur(1.65px) !important;
    opacity:.72 !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay:not(.is-live-moving)
    .desktopOfficialSupportWeightLiveValue{
    filter:none !important;
    opacity:1 !important;
  }

  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay.is-live-moving
    .desktopOfficialSupportWeightLiveUnit,
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay:not(.is-live-moving)
    .desktopOfficialSupportWeightLiveUnit,
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay.is-live-moving
    .desktopOfficialSupportWeightLiveLabel,
  .desktopOfficialSupportToolCard--weight-preview-only
    .desktopOfficialSupportWeightLiveDisplay:not(.is-live-moving)
    .desktopOfficialSupportWeightLiveLabel{
    filter:none !important;
    opacity:1 !important;
  }
}

/* =========================================================
   V417 - FOOTER COLOR ONLY / FULL-WIDTH ORIGINAL LAYOUT
   ---------------------------------------------------------
   - Geometry footer existing TIDAK diubah.
   - Footer tetap width:100% dan mentok kiri-kanan.
   - Tidak ada floating wrapper, margin luar, rounded outer card,
     perubahan grid, padding, gap, ukuran logo, atau struktur.
   - Hanya WARNA / surface contrast yang diubah.
   ========================================================= */

@media (min-width:980px){

  .desktopOfficialFooter{
    background:
      linear-gradient(
        100deg,
        #0e9382 0%,
        #029795 28%,
        #37b89d 50%,
        #79c97b 74%,
        #c4d63c 100%
      ) !important;
    border-top-color:rgba(255,255,255,.18) !important;
  }

  .desktopOfficialFooterBrandLockup strong{
    color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(5,76,70,.13) !important;
  }

  .desktopOfficialFooterBrandLockup small,
  .desktopOfficialFooterBrand > p{
    color:rgba(255,255,255,.82) !important;
  }

  .desktopOfficialFooterColumn > strong{
    color:#ffffff !important;
    text-shadow:0 1px 1px rgba(5,76,70,.10) !important;
  }

  .desktopOfficialFooterColumn a{
    color:rgba(255,255,255,.80) !important;
  }

  .desktopOfficialFooterColumn a:hover{
    color:#ffffff !important;
  }

  .desktopOfficialFooterStatus{
    color:#087f78 !important;
    background:#ffffff !important;
    border-color:rgba(255,255,255,.88) !important;
  }

  .desktopOfficialFooterStatus i{
    color:#0e9382 !important;
  }

  .desktopOfficialFooterBottom{
    color:rgba(255,255,255,.76) !important;
    border-top-color:rgba(255,255,255,.18) !important;
  }

  .desktopOfficialFooterSupport{
    color:rgba(255,255,255,.88) !important;
  }

  .desktopOfficialFooterSupport i{
    color:#ffffff !important;
  }

  html[data-theme="dark"] .desktopOfficialFooter{
    background:
      linear-gradient(
        100deg,
        #08766f 0%,
        #0d8c82 30%,
        #2f9f8b 52%,
        #668f5b 76%,
        #929d31 100%
      ) !important;
    border-top-color:rgba(255,255,255,.12) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterBrandLockup strong,
  html[data-theme="dark"] .desktopOfficialFooterColumn > strong{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterBrandLockup small,
  html[data-theme="dark"] .desktopOfficialFooterBrand > p,
  html[data-theme="dark"] .desktopOfficialFooterColumn a,
  html[data-theme="dark"] .desktopOfficialFooterBottom,
  html[data-theme="dark"] .desktopOfficialFooterSupport{
    color:rgba(255,255,255,.78) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterColumn a:hover{
    color:#ffffff !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterStatus{
    color:#087f78 !important;
    background:#ffffff !important;
    border-color:rgba(255,255,255,.86) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterBottom{
    border-top-color:rgba(255,255,255,.14) !important;
  }
}

/* =========================================================
   V418 - FOOTER TEAL / DEEP GREEN ONLY
   ---------------------------------------------------------
   - Menghilangkan hijau muda / lime pada footer.
   - Gradient sekarang hanya teal -> hijau tua.
   - Layout V417 tetap full-width dan tidak diubah.
   ========================================================= */

@media (min-width:980px){

  .desktopOfficialFooter{
    background:
      linear-gradient(
        100deg,
        #0b7f78 0%,
        #0d8f84 28%,
        #119b8b 52%,
        #168f78 76%,
        #237f68 100%
      ) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooter{
    background:
      linear-gradient(
        100deg,
        #075f5a 0%,
        #08736b 30%,
        #0d7f73 54%,
        #166f61 78%,
        #1c5f52 100%
      ) !important;
  }
}

/* =========================================================
   V419 - PROFESSIONAL TRUSTED FOOTER + PSE
   ---------------------------------------------------------
   VARIAN 1:
   - Formal / institutional / professional.
   - Footer tetap FULL WIDTH seperti baseline V417/V418.
   - WARNA FOOTER tidak diubah; tetap memakai V418.
   - PSE ditambahkan di area trust/institution.
   - Separator vertikal ditambahkan antarkolom.
   - Tidak ada inner floating cards.
   ========================================================= */

@media (min-width:980px){

  /* -------------------------------------------------------
     Formal column hierarchy
     ------------------------------------------------------- */
  .desktopOfficialFooterMain{
    align-items:stretch !important;
  }

  .desktopOfficialFooterBrand{
    padding-right:26px !important;
  }

  .desktopOfficialFooterColumn{
    position:relative !important;
    padding-left:26px !important;
  }

  .desktopOfficialFooterColumn::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:1px !important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.05) 0%,
      rgba(255,255,255,.22) 20%,
      rgba(255,255,255,.22) 80%,
      rgba(255,255,255,.05) 100%
    ) !important;
    pointer-events:none !important;
  }

  .desktopOfficialFooterColumn > strong{
    letter-spacing:-.008em !important;
  }

  /* -------------------------------------------------------
     Trusted identity row: RSAB + PSE
     ------------------------------------------------------- */
  .desktopOfficialFooterInstitution{
    width:fit-content !important;
    max-width:100% !important;
    margin-top:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:11px !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    display:block !important;
    width:auto !important;
    height:30px !important;
    max-width:150px !important;
    object-fit:contain !important;
    flex:0 0 auto !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    width:1px !important;
    min-width:1px !important;
    height:28px !important;
    display:block !important;
    background:rgba(255,255,255,.23) !important;
    border-radius:999px !important;
    flex:0 0 1px !important;
  }

  .desktopOfficialFooterPseSurface{
    min-width:0 !important;
    height:38px !important;
    padding:3px 6px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,.97) !important;
    border:1px solid rgba(255,255,255,.88) !important;
    border-radius:8px !important;
    box-shadow:
      0 5px 12px rgba(5,72,68,.10),
      inset 0 1px 0 rgba(255,255,255,1) !important;
    overflow:hidden !important;
    flex:0 1 auto !important;
  }

  .desktopOfficialFooterPseLogo{
    display:block !important;
    width:auto !important;
    height:31px !important;
    max-width:128px !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  /* -------------------------------------------------------
     Bottom row tetap formal, bukan card
     ------------------------------------------------------- */
  .desktopOfficialFooterBottom{
    border-top-width:1px !important;
  }

  /* Dark mode: struktur formal sama, warna footer existing tetap */
  html[data-theme="dark"]
    .desktopOfficialFooterColumn::before{
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.025) 0%,
      rgba(255,255,255,.12) 20%,
      rgba(255,255,255,.12) 80%,
      rgba(255,255,255,.025) 100%
    ) !important;
  }

  html[data-theme="dark"]
    .desktopOfficialFooterInstitutionDivider{
    background:rgba(255,255,255,.15) !important;
  }

  html[data-theme="dark"]
    .desktopOfficialFooterPseSurface{
    background:rgba(255,255,255,.96) !important;
    border-color:rgba(255,255,255,.82) !important;
    box-shadow:
      0 5px 12px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  }
}

/* Compact laptop: tetap formal tetapi lebih hemat ruang */
@media (min-width:980px) and (max-width:1150px){

  .desktopOfficialFooterBrand{
    padding-right:18px !important;
  }

  .desktopOfficialFooterColumn{
    padding-left:18px !important;
  }

  .desktopOfficialFooterInstitution{
    gap:8px !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    height:27px !important;
    max-width:132px !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    height:25px !important;
  }

  .desktopOfficialFooterPseSurface{
    height:34px !important;
    padding:3px 5px !important;
    border-radius:7px !important;
  }

  .desktopOfficialFooterPseLogo{
    height:27px !important;
    max-width:108px !important;
  }
}

/* =========================================================
   V420 - LARGER PROFESSIONAL FOOTER CONTENT
   ---------------------------------------------------------
   Fokus laptop / desktop:
   - typography footer diperbesar agar lebih terbaca;
   - logo Bumil Ku, RSAB, PSE, dan status badge ikut
     diperbesar secara proporsional;
   - full-width V419 tetap;
   - warna footer V418 tetap;
   - struktur, grid utama, link, dan copy tidak diubah.
   ========================================================= */

@media (min-width:1160px){

  .desktopOfficialFooterLogoShadow{
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
  }

  .desktopOfficialFooterLogoShadow img{
    width:53px !important;
    height:53px !important;
  }

  .desktopOfficialFooterBrandLockup{
    gap:14px !important;
  }

  .desktopOfficialFooterBrandLockup strong{
    font-size:24px !important;
    line-height:1.02 !important;
  }

  .desktopOfficialFooterBrandLockup small{
    margin-top:5px !important;
    font-size:10.2px !important;
    line-height:1.25 !important;
  }

  .desktopOfficialFooterBrand > p{
    max-width:340px !important;
    margin-top:16px !important;
    font-size:10.8px !important;
    line-height:1.62 !important;
  }

  .desktopOfficialFooterColumn{
    gap:10px !important;
  }

  .desktopOfficialFooterColumn > strong{
    margin-bottom:5px !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .desktopOfficialFooterColumn a{
    font-size:10.4px !important;
    line-height:1.42 !important;
  }

  .desktopOfficialFooterStatus{
    min-height:32px !important;
    margin-top:6px !important;
    padding:0 11px !important;
    gap:7px !important;
    font-size:9.3px !important;
  }

  .desktopOfficialFooterStatus i{
    font-size:10px !important;
  }

  .desktopOfficialFooterInstitution{
    margin-top:18px !important;
    gap:12px !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    height:34px !important;
    max-width:168px !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    height:32px !important;
  }

  .desktopOfficialFooterPseSurface{
    height:43px !important;
    padding:4px 7px !important;
    border-radius:9px !important;
  }

  .desktopOfficialFooterPseLogo{
    height:35px !important;
    max-width:145px !important;
  }

  .desktopOfficialFooterBottom{
    margin-top:30px !important;
    padding-top:17px !important;
    font-size:9.3px !important;
    line-height:1.32 !important;
  }

  .desktopOfficialFooterSupport{
    gap:8px !important;
  }

  .desktopOfficialFooterSupport i{
    font-size:10px !important;
  }
}

/* Compact laptop 980–1159px:
   tetap lebih besar dari baseline lama tetapi tidak berdesakan. */
@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialFooterLogoShadow{
    width:51px !important;
    min-width:51px !important;
    height:51px !important;
  }

  .desktopOfficialFooterLogoShadow img{
    width:47px !important;
    height:47px !important;
  }

  .desktopOfficialFooterBrandLockup{
    gap:11px !important;
  }

  .desktopOfficialFooterBrandLockup strong{
    font-size:20.5px !important;
    line-height:1.02 !important;
  }

  .desktopOfficialFooterBrandLockup small{
    margin-top:4px !important;
    font-size:9px !important;
    line-height:1.22 !important;
  }

  .desktopOfficialFooterBrand > p{
    max-width:300px !important;
    margin-top:14px !important;
    font-size:9.5px !important;
    line-height:1.58 !important;
  }

  .desktopOfficialFooterColumn{
    gap:8px !important;
  }

  .desktopOfficialFooterColumn > strong{
    margin-bottom:4px !important;
    font-size:10.4px !important;
    line-height:1.22 !important;
  }

  .desktopOfficialFooterColumn a{
    font-size:9.1px !important;
    line-height:1.38 !important;
  }

  .desktopOfficialFooterStatus{
    min-height:30px !important;
    padding:0 10px !important;
    gap:6px !important;
    font-size:8.2px !important;
  }

  .desktopOfficialFooterInstitution{
    margin-top:15px !important;
    gap:9px !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    height:30px !important;
    max-width:142px !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    height:28px !important;
  }

  .desktopOfficialFooterPseSurface{
    height:37px !important;
    padding:3px 6px !important;
    border-radius:8px !important;
  }

  .desktopOfficialFooterPseLogo{
    height:30px !important;
    max-width:118px !important;
  }

  .desktopOfficialFooterBottom{
    margin-top:24px !important;
    padding-top:14px !important;
    font-size:8.2px !important;
    line-height:1.30 !important;
  }

  .desktopOfficialFooterSupport i{
    font-size:9px !important;
  }
}

/* =========================================================
   V421 - FOOTER RSAB WHITE + QUALITY LABEL
   ---------------------------------------------------------
   - Logo RSAB footer memakai:
     ../assets/landingpage/rsab-white.png
   - Text "Peningkatan Mutu" ditempatkan di atas logo.
   - Label dan logo berwarna putih / mempertahankan asset white.
   - PSE tetap di sisi kanan.
   - Warna/background footer V418/V420 TIDAK diubah.
   ========================================================= */

@media (min-width:980px){

  .desktopOfficialFooterInstitutionIdentity{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:5px !important;
    flex:0 0 auto !important;
  }

  .desktopOfficialFooterInstitutionLabel{
    display:block !important;
    margin:0 !important;
    color:#ffffff !important;
    font-size:9.4px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.015em !important;
    white-space:nowrap !important;
    text-shadow:0 1px 1px rgba(4,69,64,.16) !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    display:block !important;
    width:auto !important;
    height:36px !important;
    max-width:176px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:left center !important;
    filter:
      drop-shadow(0 2px 2px rgba(3,66,62,.10))
      drop-shadow(0 5px 9px rgba(3,66,62,.08)) !important;
    flex:0 0 auto !important;
  }

  html[data-theme="dark"]
    .desktopOfficialFooterInstitutionLabel{
    color:#ffffff !important;
  }
}

@media (min-width:1160px){

  .desktopOfficialFooterInstitutionIdentity{
    gap:6px !important;
  }

  .desktopOfficialFooterInstitutionLabel{
    font-size:10.2px !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    height:38px !important;
    max-width:186px !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    height:48px !important;
  }
}

@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialFooterInstitutionIdentity{
    gap:4px !important;
  }

  .desktopOfficialFooterInstitutionLabel{
    font-size:8.5px !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    height:31px !important;
    max-width:148px !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    height:41px !important;
  }
}

/* =========================================================
   V422 - FOOTER SOLID 3D / KOKOH
   ---------------------------------------------------------
   - Footer tetap full-width / mentok kiri-kanan.
   - Warna teal -> deep green existing dipertahankan.
   - Hanya karakter surface/depth footer yang diperkuat.
   ========================================================= */

@media (min-width:980px){

  .desktopOfficialFooter{
    position:relative !important;
    isolation:isolate !important;
    overflow:visible !important;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.075) 0%,
        rgba(255,255,255,.025) 14%,
        rgba(255,255,255,0) 34%,
        rgba(0,74,68,.035) 72%,
        rgba(0,58,54,.095) 100%
      ),
      linear-gradient(
        100deg,
        #0b7f78 0%,
        #0d8f84 28%,
        #119b8b 52%,
        #168f78 76%,
        #237f68 100%
      ) !important;

    border-top:1px solid rgba(255,255,255,.22) !important;

    box-shadow:
      0 -3px 8px rgba(14,75,76,.075),
      0 -14px 34px rgba(17,71,74,.10),
      0 18px 34px rgba(5,67,63,.17),
      0 32px 56px rgba(4,66,61,.11),
      inset 0 2px 0 rgba(255,255,255,.20),
      inset 0 -8px 0 rgba(3,82,75,.08),
      inset 0 -18px 28px rgba(2,67,62,.13),
      inset 1px 0 0 rgba(255,255,255,.055),
      inset -1px 0 0 rgba(0,61,57,.06) !important;
  }

  .desktopOfficialFooter::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:5px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.22) 0%,
      rgba(255,255,255,.09) 38%,
      rgba(255,255,255,0) 100%
    ) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.08),
      0 3px 8px rgba(4,81,76,.06) !important;
  }

  .desktopOfficialFooter::after{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:12px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(2,77,71,0) 0%,
      rgba(2,72,67,.055) 35%,
      rgba(2,63,59,.13) 100%
    ) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.025),
      inset 0 -1px 0 rgba(0,47,44,.10) !important;
  }

  .desktopOfficialFooter > *{
    position:relative !important;
    z-index:1 !important;
  }

  .desktopOfficialFooterBottom{
    border-top-color:rgba(255,255,255,.19) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooter{
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.035) 0%,
        rgba(255,255,255,.010) 18%,
        rgba(255,255,255,0) 38%,
        rgba(0,0,0,.05) 72%,
        rgba(0,0,0,.13) 100%
      ),
      linear-gradient(
        100deg,
        #075f5a 0%,
        #08736b 30%,
        #0d7f73 54%,
        #166f61 78%,
        #1c5f52 100%
      ) !important;

    border-top-color:rgba(255,255,255,.085) !important;

    box-shadow:
      0 -3px 8px rgba(0,0,0,.18),
      0 -14px 34px rgba(0,0,0,.20),
      0 18px 34px rgba(0,0,0,.26),
      0 32px 56px rgba(0,0,0,.18),
      inset 0 2px 0 rgba(255,255,255,.065),
      inset 0 -8px 0 rgba(0,0,0,.10),
      inset 0 -18px 28px rgba(0,0,0,.18),
      inset 1px 0 0 rgba(255,255,255,.022),
      inset -1px 0 0 rgba(0,0,0,.10) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooter::before{
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,.026) 42%,
      rgba(255,255,255,0) 100%
    ) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooter::after{
    background:linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.08) 38%,
      rgba(0,0,0,.20) 100%
    ) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterBottom{
    border-top-color:rgba(255,255,255,.10) !important;
  }
}

@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialFooter{
    box-shadow:
      0 -3px 7px rgba(14,75,76,.065),
      0 -11px 27px rgba(17,71,74,.085),
      0 14px 28px rgba(5,67,63,.15),
      0 25px 44px rgba(4,66,61,.09),
      inset 0 2px 0 rgba(255,255,255,.18),
      inset 0 -7px 0 rgba(3,82,75,.07),
      inset 0 -15px 23px rgba(2,67,62,.11),
      inset 1px 0 0 rgba(255,255,255,.045),
      inset -1px 0 0 rgba(0,61,57,.05) !important;
  }

  .desktopOfficialFooter::before{
    height:4px !important;
  }

  .desktopOfficialFooter::after{
    height:10px !important;
  }
}

/* =========================================================
   V424 - V422 FOOTER VISUAL LOCK + LARGER TYPOGRAPHY
   ---------------------------------------------------------
   PENTING:
   - Visual footer V422 dikunci dan TIDAK diubah.
   - Background, warna, 3D shadow, bevel, full-width, grid,
     divider, logo RSAB, PSE, dan spacing utama tetap.
   - HANYA ukuran typography footer yang diperbesar agar
     terbaca lebih nyaman pada layar laptop/desktop.
   ========================================================= */

@media (min-width:1160px){

  .desktopOfficialFooterBrandLockup strong{
    font-size:30px !important;
    line-height:1.02 !important;
  }

  .desktopOfficialFooterBrandLockup small{
    font-size:12.4px !important;
    line-height:1.28 !important;
  }

  .desktopOfficialFooterBrand > p{
    max-width:380px !important;
    font-size:12.6px !important;
    line-height:1.62 !important;
  }

  .desktopOfficialFooterColumn > strong{
    font-size:14.5px !important;
    line-height:1.25 !important;
  }

  .desktopOfficialFooterColumn a{
    font-size:12px !important;
    line-height:1.44 !important;
  }

  .desktopOfficialFooterStatus{
    font-size:10.6px !important;
    line-height:1 !important;
  }

  .desktopOfficialFooterInstitutionLabel{
    font-size:11.6px !important;
    line-height:1.05 !important;
  }

  .desktopOfficialFooterBottom{
    font-size:10.8px !important;
    line-height:1.35 !important;
  }

  .desktopOfficialFooterSupport{
    font-size:10.8px !important;
    line-height:1.35 !important;
  }
}

/* Compact laptop 980-1159:
   diperbesar tetapi tetap aman terhadap ruang yang lebih sempit. */
@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialFooterBrandLockup strong{
    font-size:24px !important;
    line-height:1.02 !important;
  }

  .desktopOfficialFooterBrandLockup small{
    font-size:10.5px !important;
    line-height:1.26 !important;
  }

  .desktopOfficialFooterBrand > p{
    font-size:10.9px !important;
    line-height:1.58 !important;
  }

  .desktopOfficialFooterColumn > strong{
    font-size:12.3px !important;
    line-height:1.24 !important;
  }

  .desktopOfficialFooterColumn a{
    font-size:10.4px !important;
    line-height:1.42 !important;
  }

  .desktopOfficialFooterStatus{
    font-size:9.2px !important;
    line-height:1 !important;
  }

  .desktopOfficialFooterInstitutionLabel{
    font-size:9.8px !important;
    line-height:1.04 !important;
  }

  .desktopOfficialFooterBottom{
    font-size:9.4px !important;
    line-height:1.32 !important;
  }

  .desktopOfficialFooterSupport{
    font-size:9.4px !important;
    line-height:1.32 !important;
  }
}

/* =========================================================
   V428 - FOOTER INNER RAISED CARD / REFERENCE MATCH
   ---------------------------------------------------------
   TARGET:
   - outer footer band teal full-width / mentok kiri-kanan;
   - satu card footer besar berada DI DALAM band;
   - card terasa timbul, padat, empuk, dan kokoh;
   - highlight bibir atas + shadow bawah lebar;
   - layout konten, logo RSAB white, PSE, link, dan data-copy
     tetap memakai struktur HTML existing;
   - HP/tablet tidak disentuh. Hanya >=980px.
   ========================================================= */

@media (min-width:980px){

/* =========================================================
   V429 - FOOTER FULL-BLEED + NAVBAR-ALIGNED CONTENT
   ---------------------------------------------------------
   - Visual raised/3D footer sebelumnya dipertahankan.
   - Surface footer mentok kiri-kanan layar.
   - Sudut sisi luar kiri/kanan dibuat rata tanpa lengkungan.
   - Padding horizontal konten mengikuti navbar desktop:
     clamp(34px,5vw,88px).
   - Compact laptop mengikuti navbar: 24px kiri/kanan.
   ========================================================= */

  /* =======================================================
     OUTER FULL-WIDTH TEAL BAND
     ======================================================= */
  .desktopOfficialFooterBand{
    position:relative !important;
    isolation:isolate !important;
    box-sizing:border-box !important;
    display:block !important;

    width:100vw !important;
    max-width:none !important;
    margin:44px 0 0 calc(50% - 50vw) !important;
    padding:54px 0 62px !important;

    background:
      radial-gradient(
        ellipse at 50% 0%,
        rgba(255,255,255,.075) 0%,
        rgba(255,255,255,.022) 34%,
        rgba(255,255,255,0) 64%
      ),
      linear-gradient(
        180deg,
        #1aa59e 0%,
        #13958f 44%,
        #0d817b 76%,
        #0a746f 100%
      ) !important;

    border-top:1px solid rgba(255,255,255,.24) !important;
    border-radius:0 !important;
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.18),
      inset 0 16px 30px rgba(255,255,255,.035),
      inset 0 -20px 34px rgba(0,70,65,.12) !important;
    overflow:visible !important;
  }

  .desktopOfficialFooterBand::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    height:3px !important;
    pointer-events:none !important;
    background:linear-gradient(
      90deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,.34) 18%,
      rgba(255,255,255,.48) 50%,
      rgba(255,255,255,.34) 82%,
      rgba(255,255,255,.04) 100%
    ) !important;
    box-shadow:0 2px 8px rgba(6,100,94,.07) !important;
  }

  .desktopOfficialFooterBand::after{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    height:34px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(0,68,63,0) 0%,
      rgba(0,63,59,.05) 35%,
      rgba(0,56,52,.13) 100%
    ) !important;
  }

  /* =======================================================
     RAISED INNER FOOTER CARD
     ======================================================= */
  .desktopOfficialFooter{
    position:relative !important;
    z-index:2 !important;
    isolation:isolate !important;
    box-sizing:border-box !important;
    display:block !important;

    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:58px clamp(34px,5vw,88px) 34px !important;

    overflow:hidden !important;
    border:1px solid rgba(208,255,249,.18) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;

    background:
      radial-gradient(
        ellipse at 48% -12%,
        rgba(255,255,255,.125) 0%,
        rgba(255,255,255,.042) 35%,
        rgba(255,255,255,0) 64%
      ),
      linear-gradient(
        180deg,
        #1aa69e 0%,
        #129a93 30%,
        #0b8b85 62%,
        #087b76 100%
      ) !important;

    box-shadow:
      /* tight contact */
      0 5px 8px rgba(2,69,65,.22),
      /* physical lift */
      0 17px 26px rgba(2,72,68,.31),
      /* soft premium depth */
      0 38px 58px rgba(2,68,64,.20),
      /* top face */
      inset 0 3px 0 rgba(190,255,247,.42),
      inset 0 8px 18px rgba(255,255,255,.055),
      /* lower material */
      inset 0 -8px 0 rgba(0,73,68,.07),
      inset 0 -24px 34px rgba(0,57,53,.16),
      inset 1px 0 0 rgba(255,255,255,.045),
      inset -1px 0 0 rgba(0,65,61,.08) !important;

    transform:translate3d(0,0,0) !important;
  }

  /* bright raised lip at top edge, visible like reference */
  .desktopOfficialFooter::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    height:5px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(184,255,247,.62) 0%,
      rgba(128,235,225,.34) 42%,
      rgba(255,255,255,0) 100%
    ) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.16),
      0 5px 10px rgba(0,77,72,.09) !important;
  }

  /* subtle lower thickness – no extra inner framed card */
  .desktopOfficialFooter::after{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    height:18px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(0,74,69,0) 0%,
      rgba(0,68,63,.05) 34%,
      rgba(0,58,54,.18) 100%
    ) !important;
    box-shadow:inset 0 -1px 0 rgba(0,47,44,.13) !important;
  }

  .desktopOfficialFooter > *{
    position:relative !important;
    z-index:2 !important;
  }

  /* =======================================================
     CONTENT LAYOUT – matches reference proportions
     ======================================================= */
  .desktopOfficialFooterMain{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:minmax(360px,1.55fr)
      repeat(4,minmax(155px,.82fr)) !important;
    gap:0 !important;
    align-items:stretch !important;
  }

  .desktopOfficialFooterBrand{
    min-width:0 !important;
    padding:0 34px 0 0 !important;
  }

  .desktopOfficialFooterBrandLockup{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
  }

  .desktopOfficialFooterLogoShadow{
    width:70px !important;
    min-width:70px !important;
    height:70px !important;
    display:grid !important;
    place-items:center !important;
    filter:
      drop-shadow(0 4px 5px rgba(0,65,61,.17))
      drop-shadow(0 11px 17px rgba(0,57,54,.11)) !important;
  }

  .desktopOfficialFooterLogoShadow img{
    width:66px !important;
    height:66px !important;
    object-fit:contain !important;
  }

  .desktopOfficialFooterBrandLockup > span:last-child{
    display:flex !important;
    flex-direction:column !important;
  }

  .desktopOfficialFooterBrandLockup strong{
    color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:34px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:-.038em !important;
    text-shadow:0 2px 3px rgba(0,61,57,.14) !important;
  }

  .desktopOfficialFooterBrandLockup small{
    margin-top:7px !important;
    color:rgba(255,255,255,.91) !important;
    font-size:16px !important;
    line-height:1.22 !important;
    font-weight:650 !important;
  }

  .desktopOfficialFooterBrand > p{
    max-width:390px !important;
    margin:27px 0 0 !important;
    color:rgba(255,255,255,.91) !important;
    font-size:15.5px !important;
    line-height:1.62 !important;
    font-weight:500 !important;
  }

  /* =======================================================
     FORMAL VERTICAL DIVIDERS
     ======================================================= */
  .desktopOfficialFooterColumn{
    position:relative !important;
    min-width:0 !important;
    padding:0 24px 0 30px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  .desktopOfficialFooterColumn::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:1px !important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.08) 0%,
      rgba(255,255,255,.24) 16%,
      rgba(255,255,255,.24) 84%,
      rgba(255,255,255,.08) 100%
    ) !important;
    pointer-events:none !important;
  }

  .desktopOfficialFooterColumn > strong{
    margin:0 0 10px !important;
    color:#ffffff !important;
    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:-.015em !important;
    text-shadow:0 1px 2px rgba(0,61,57,.13) !important;
  }

  .desktopOfficialFooterColumn a{
    width:fit-content !important;
    color:rgba(255,255,255,.92) !important;
    font-size:15.5px !important;
    line-height:1.42 !important;
    font-weight:520 !important;
    text-decoration:none !important;
  }

  .desktopOfficialFooterColumn a:hover{
    color:#ffffff !important;
    transform:none !important;
  }

  /* =======================================================
     RSAB + PSE TRUST ROW
     ======================================================= */
  .desktopOfficialFooterInstitution{
    width:fit-content !important;
    max-width:100% !important;
    margin-top:26px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:15px !important;
  }

  .desktopOfficialFooterInstitutionIdentity{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:10px !important;
    flex:0 0 auto !important;
  }

  .desktopOfficialFooterInstitutionLabel{
    display:block !important;
    margin:0 !important;
    color:#ffffff !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    text-shadow:0 1px 2px rgba(0,60,56,.14) !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    display:block !important;
    width:auto !important;
    height:50px !important;
    max-width:196px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:left center !important;
    filter:drop-shadow(0 3px 5px rgba(0,59,55,.13)) !important;
    flex:0 0 auto !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    width:1px !important;
    min-width:1px !important;
    height:58px !important;
    display:block !important;
    background:rgba(255,255,255,.27) !important;
    border-radius:999px !important;
    flex:0 0 1px !important;
  }

  .desktopOfficialFooterPseSurface{
    min-width:0 !important;
    height:60px !important;
    padding:5px 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,.98) !important;
    border:1px solid rgba(255,255,255,.92) !important;
    border-radius:12px !important;
    box-shadow:
      0 8px 17px rgba(0,66,62,.13),
      inset 0 1px 0 rgba(255,255,255,1) !important;
    overflow:hidden !important;
    flex:0 1 auto !important;
  }

  .desktopOfficialFooterPseLogo{
    display:block !important;
    width:auto !important;
    height:46px !important;
    max-width:180px !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  /* =======================================================
     TRUST BADGE
     ======================================================= */
  .desktopOfficialFooterStatus{
    width:fit-content !important;
    min-height:52px !important;
    margin-top:20px !important;
    margin-bottom:0 !important;
    padding:0 20px !important;
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    color:#087f78 !important;
    background:#ffffff !important;
    border:1px solid rgba(255,255,255,.94) !important;
    border-radius:999px !important;
    box-shadow:
      0 8px 14px rgba(0,61,57,.13),
      0 14px 23px rgba(0,61,57,.08),
      inset 0 1px 0 rgba(255,255,255,1) !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  .desktopOfficialFooterStatus i{
    color:#0e9382 !important;
    font-size:16px !important;
  }

  .desktopOfficialFooterStatus > span{
    display:inline !important;
  }

  /* =======================================================
     BOTTOM DIVIDER / COPYRIGHT
     ======================================================= */
  .desktopOfficialFooterBottom{
    width:100% !important;
    max-width:none !important;
    margin:38px 0 0 !important;
    padding:26px 0 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    color:rgba(255,255,255,.93) !important;
    border-top:1px solid rgba(255,255,255,.23) !important;
    font-size:15px !important;
    line-height:1.30 !important;
    font-weight:520 !important;
  }

  .desktopOfficialFooterSupport{
    display:inline-flex !important;
    align-items:center !important;
    gap:11px !important;
    color:rgba(255,255,255,.94) !important;
    font-size:15px !important;
    line-height:1.30 !important;
    font-weight:520 !important;
  }

  .desktopOfficialFooterSupport i{
    color:#ffffff !important;
    font-size:18px !important;
  }

  /* =======================================================
     DARK MODE – SAME MATERIAL CHARACTER
     ======================================================= */
  html[data-theme="dark"] .desktopOfficialFooterBand{
    background:
      radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.025),transparent 58%),
      linear-gradient(180deg,#0a706a 0%,#086660 48%,#05534f 100%) !important;
    border-top-color:rgba(255,255,255,.075) !important;
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.045),
      inset 0 -20px 34px rgba(0,0,0,.18) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooter{
    background:
      radial-gradient(ellipse at 48% -12%,rgba(255,255,255,.04),transparent 58%),
      linear-gradient(180deg,#08746e 0%,#076862 42%,#05534f 100%) !important;
    border-color:rgba(255,255,255,.075) !important;
    box-shadow:
      0 5px 8px rgba(0,0,0,.24),
      0 17px 26px rgba(0,0,0,.33),
      0 38px 58px rgba(0,0,0,.24),
      inset 0 3px 0 rgba(255,255,255,.07),
      inset 0 -24px 34px rgba(0,0,0,.22) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooter::before{
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.035) 42%,
      rgba(255,255,255,0) 100%
    ) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterColumn::before{
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.025) 0%,
      rgba(255,255,255,.12) 16%,
      rgba(255,255,255,.12) 84%,
      rgba(255,255,255,.025) 100%
    ) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterBrandLockup strong,
  html[data-theme="dark"] .desktopOfficialFooterColumn > strong,
  html[data-theme="dark"] .desktopOfficialFooterInstitutionLabel{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterBrandLockup small,
  html[data-theme="dark"] .desktopOfficialFooterBrand > p,
  html[data-theme="dark"] .desktopOfficialFooterColumn a,
  html[data-theme="dark"] .desktopOfficialFooterBottom,
  html[data-theme="dark"] .desktopOfficialFooterSupport{
    color:rgba(255,255,255,.84) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterStatus{
    color:#087f78 !important;
    background:#ffffff !important;
    border-color:rgba(255,255,255,.90) !important;
  }
}

/* =========================================================
   COMPACT LAPTOP 980–1159
   - same raised card concept;
   - 3-column flow to prevent crushing five columns;
   - typography reduced proportionally.
   ========================================================= */
@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialFooterBand{
    margin-top:34px !important;
    padding:38px 0 44px !important;
  }

  .desktopOfficialFooter{
    padding:42px 24px 26px !important;
    border-radius:0 !important;
  }

  .desktopOfficialFooterMain{
    grid-template-columns:minmax(250px,1.25fr)
      repeat(2,minmax(150px,.82fr)) !important;
    gap:24px 0 !important;
  }

  .desktopOfficialFooterBrand{
    padding-right:22px !important;
  }

  .desktopOfficialFooterColumn{
    padding-left:22px !important;
    padding-right:14px !important;
    gap:10px !important;
  }

  .desktopOfficialFooterColumn:nth-of-type(4),
  .desktopOfficialFooterColumn:nth-of-type(5){
    margin-top:8px !important;
  }

  .desktopOfficialFooterLogoShadow{
    width:56px !important;
    min-width:56px !important;
    height:56px !important;
  }

  .desktopOfficialFooterLogoShadow img{
    width:52px !important;
    height:52px !important;
  }

  .desktopOfficialFooterBrandLockup strong{
    font-size:27px !important;
  }

  .desktopOfficialFooterBrandLockup small{
    font-size:12.5px !important;
  }

  .desktopOfficialFooterBrand > p{
    max-width:320px !important;
    margin-top:18px !important;
    font-size:12px !important;
  }

  .desktopOfficialFooterColumn > strong{
    margin-bottom:5px !important;
    font-size:13.5px !important;
  }

  .desktopOfficialFooterColumn a{
    font-size:12px !important;
  }

  .desktopOfficialFooterInstitution{
    margin-top:18px !important;
    gap:10px !important;
  }

  .desktopOfficialFooterInstitutionLabel{
    font-size:11.5px !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    height:40px !important;
    max-width:155px !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    height:46px !important;
  }

  .desktopOfficialFooterPseSurface{
    height:49px !important;
    padding:4px 7px !important;
    border-radius:10px !important;
  }

  .desktopOfficialFooterPseLogo{
    height:37px !important;
    max-width:138px !important;
  }

  .desktopOfficialFooterStatus{
    min-height:42px !important;
    margin-top:8px !important;
    padding:0 15px !important;
    font-size:11px !important;
  }

  .desktopOfficialFooterStatus i{
    font-size:13px !important;
  }

  .desktopOfficialFooterBottom,
  .desktopOfficialFooterSupport{
    font-size:11.5px !important;
  }

  .desktopOfficialFooterBottom{
    margin-top:27px !important;
    padding-top:18px !important;
  }
}

/* =========================================================
   V431 - HOT TOPIC RSAB IMAGE WIDER + FULL BUILDING VIEW
   ---------------------------------------------------------
   Fokus perubahan hanya section:
   .desktopOfficialHotTopic

   Tujuan:
   - area foto Gedung RSAB dibuat lebih lebar;
   - sisi kiri dan kanan gedung tidak terpotong;
   - gambar tidak lagi di-zoom oleh transform lama;
   - seluruh copy, ribbon, benefit, CTA, shadow card,
     dan struktur section tetap dipertahankan.
   ========================================================= */

@media (min-width:1160px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicTop{
    grid-template-columns:
      minmax(0,47%)
      minmax(0,53%) !important;
    gap:22px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    min-width:0 !important;
    width:100% !important;
    align-self:stretch !important;
    overflow:hidden !important;
    background:#ffffff !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia img{
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:100% !important;
    display:block !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicBody{
    min-width:0 !important;
    padding-left:36px !important;
    padding-right:34px !important;
  }
}

/* Compact laptop: area gambar tetap diperlebar tetapi copy kanan
   tetap mempunyai ruang aman. */
@media (min-width:980px) and (max-width:1159px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicTop{
    grid-template-columns:
      minmax(0,45%)
      minmax(0,55%) !important;
    gap:18px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    min-width:0 !important;
    width:100% !important;
    overflow:hidden !important;
    background:#ffffff !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia img{
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }
}

/* =========================================================
   V432 - HOT TOPIC RSAB IMAGE FIT / NO WHITE EMPTY AREA
   ---------------------------------------------------------
   Tujuan:
   - Menghilangkan area kosong putih pada card foto Gedung RSAB.
   - Foto tetap terlihat lebar dan proporsional.
   - Menghindari crop kiri/kanan berlebihan dengan membuat
     rasio card mendekati rasio foto landscape.
   - Hanya area media Hot Topic yang diubah.
   ========================================================= */

@media (min-width:1160px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
    align-self:center !important;
    overflow:hidden !important;
    background:transparent !important;
    border-radius:24px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center 64% !important;
    transform:scale(1.035) !important;
    transform-origin:center center !important;
  }
}

/* Compact laptop: rasio sedikit lebih tinggi agar tetap proporsional
   dengan kolom kanan, tetapi tanpa letterbox putih. */
@media (min-width:980px) and (max-width:1159px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 9.6 !important;
    align-self:center !important;
    overflow:hidden !important;
    background:transparent !important;
    border-radius:20px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center 64% !important;
    transform:scale(1.03) !important;
    transform-origin:center center !important;
  }
}

/* =========================================================
   V433 - HOT TOPIC RSAB IMAGE: EYEBROW -> CTA ALIGNMENT
   ---------------------------------------------------------
   Fokus:
   - Foto kiri dibuat lebih PANJANG secara vertikal.
   - Batas atas foto sejajar dengan eyebrow.
   - Batas bawah foto sejajar dengan tombol CTA.
   - Foto tetap memenuhi frame tanpa area putih.
   - Layout kanan, copy, benefit, ribbon, CTA V231 tidak diubah.
   ========================================================= */

@media (min-width:1160px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicTop{
    align-items:stretch !important;
  }

  /* Konten kanan dimulai dari atas supaya posisi eyebrow
     menjadi acuan stabil bagi batas atas gambar. */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicBody{
    justify-content:flex-start !important;
  }

  /* Frame gambar mengikuti tinggi area konten kanan:
     top = top eyebrow
     bottom = bottom CTA. */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    align-self:stretch !important;

    /* Sama dengan padding vertikal konten kanan,
       sehingga garis atas/bawah frame mengikuti content edges. */
    margin-top:clamp(20px,2vw,34px) !important;
    margin-bottom:clamp(20px,2vw,34px) !important;

    overflow:hidden !important;
    background:transparent !important;
    border-radius:24px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center 63% !important;

    /* Zoom ringan supaya frame penuh tetapi bangunan
       tetap terasa lebar dan sisi kiri-kanan tidak agresif terpotong. */
    transform:scale(1.025) !important;
    transform-origin:center center !important;
  }

  /* CTA menjadi penutup alami content flow kanan.
     Tidak ada margin/padding tambahan setelah tombol selain
     padding bawah body yang juga dipakai frame kiri. */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicActions{
    margin-bottom:0 !important;
  }
}

/* Compact laptop */
@media (min-width:980px) and (max-width:1159px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicTop{
    align-items:stretch !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicBody{
    justify-content:flex-start !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    align-self:stretch !important;

    /* Body compact memakai 14px atas/bawah pada baseline terbaru. */
    margin-top:14px !important;
    margin-bottom:14px !important;

    overflow:hidden !important;
    background:transparent !important;
    border-radius:20px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center 63% !important;
    transform:scale(1.02) !important;
    transform-origin:center center !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicActions{
    margin-bottom:0 !important;
  }
}

/* =========================================================
   V435 - HOT TOPIC BODY DOWN 25PX + TITLE COLOR REFINEMENT
   ---------------------------------------------------------
   Perubahan:
   1. Seluruh desktopOfficialHotTopicBody turun tepat 25px.
   2. "Perlindungan bagi" menjadi deep navy #17384c.
   3. "Ibu dan Bayi" menjadi deep RSAB teal #089891.
   4. Fix V434 dipertahankan:
      gambar Gedung RSAB tidak berubah ukuran saat hover.
   ========================================================= */

@media (min-width:980px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicBody{
    position:relative !important;
    top:25px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicTitleSecondary{
    color:#17384c !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicTitleAccent{
    color:#089891 !important;
  }

  /* ---------------------------------------------------------
     V434 PRESERVE - RSAB IMAGE HOVER SIZE LOCK
     ---------------------------------------------------------
     Mencegah rule hover lama mengubah scale menjadi none.
     --------------------------------------------------------- */

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia:hover{
    transition:none !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia:hover > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic:hover
    .desktopOfficialHotTopicMedia > img{
    transition:none !important;
    animation:none !important;
    will-change:auto !important;
  }

  html[data-theme="dark"]
    body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicTitleSecondary{
    color:#eafcff !important;
  }

  html[data-theme="dark"]
    body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicTitleAccent{
    color:#74e7dd !important;
  }
}

/* Desktop utama */
@media (min-width:1160px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia:hover > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic:hover
    .desktopOfficialHotTopicMedia > img{
    transform:scale(1.025) !important;
    transform-origin:center center !important;
  }
}

/* Compact laptop */
@media (min-width:980px) and (max-width:1159px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia:hover > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic:hover
    .desktopOfficialHotTopicMedia > img{
    transform:scale(1.02) !important;
    transform-origin:center center !important;
  }
}

/* =========================================================
   V436 - HOT TOPIC RSAB IMAGE FULL RESPONSIVE
   ---------------------------------------------------------
   Tujuan:
   - Foto gedung-rsab.png responsif terhadap ukuran card.
   - Width selalu 100% mengikuti kolom kiri.
   - Height menyesuaikan tinggi content/card dengan batas aman.
   - Object-position berubah menurut breakpoint agar gedung
     tetap terjaga ketika layar laptop mengecil.
   - Tidak ada perubahan ukuran pada hover.
   - V435 tetap dipertahankan.
   ========================================================= */

@media (min-width:980px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicTop{
    align-items:stretch !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:auto !important;
    min-height:clamp(300px,30vw,470px) !important;
    max-height:none !important;

    align-self:stretch !important;
    justify-self:stretch !important;

    aspect-ratio:auto !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia:hover > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic:hover
    .desktopOfficialHotTopicMedia > img{
    display:block !important;

    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;

    height:100% !important;
    max-height:none !important;
    min-height:100% !important;

    object-fit:cover !important;
    object-position:center 63% !important;

    transform-origin:center center !important;
    transition:none !important;
    animation:none !important;
    will-change:auto !important;
  }

  /* Frame dan gambar harus statis saat hover. */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia:hover{
    transition:none !important;
  }
}

/* =========================================================
   COMPACT LAPTOP - 980 s.d. 1159
   Lebih banyak bagian gedung dipertahankan saat ruang menyempit.
   ========================================================= */
@media (min-width:980px) and (max-width:1159px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    min-height:clamp(285px,35vw,390px) !important;
    border-radius:20px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia:hover > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic:hover
    .desktopOfficialHotTopicMedia > img{
    object-position:center 61% !important;
    transform:scale(1.012) !important;
  }
}

/* =========================================================
   DESKTOP NORMAL - 1160 s.d. 1439
   ========================================================= */
@media (min-width:1160px) and (max-width:1439px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    min-height:clamp(340px,30vw,455px) !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia:hover > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic:hover
    .desktopOfficialHotTopicMedia > img{
    object-position:center 63% !important;
    transform:scale(1.018) !important;
  }
}

/* =========================================================
   LARGE DESKTOP >= 1440
   ========================================================= */
@media (min-width:1440px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    min-height:clamp(390px,27vw,510px) !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia:hover > img,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic:hover
    .desktopOfficialHotTopicMedia > img{
    object-position:center 64% !important;
    transform:scale(1.02) !important;
  }
}

/* =========================================================
   SHORT LAPTOP HEIGHT
   Tinggi foto ikut dipadatkan supaya section tidak berlebihan.
   ========================================================= */
@media (min-width:980px) and (max-height:820px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    min-height:clamp(285px,28vw,390px) !important;
  }
}

@media (min-width:980px) and (max-height:720px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicMedia{
    min-height:clamp(270px,27vw,360px) !important;
  }
}

/* =========================================================
   V437 - DESKTOP HERO INTRO: RSAB -> CURRENT HERO
   ---------------------------------------------------------
   Laptop / desktop >=980px only.

   Sequence:
   - hero-rsab.png berada sebagai layer paling depan di area foto.
   - hero Bumil Ku responsive existing tetap aktif di bawahnya.
   - JS menambahkan .is-desktop-hero-current setelah 5,5 detik.
   - Layer RSAB fade-out smooth dan tidak mengubah layout.

   HP / tablet:
   - layer intro disembunyikan total;
   - tampilan hero existing tetap baseline.
   ========================================================= */

@media (min-width:980px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero{
    position:relative !important;
  }

  /*
   * Existing current hero stays underneath.
   * Generic .visualHero > picture geometry remains intact.
   */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    > picture:not(.visualHeroIntroPicture){
    z-index:0 !important;
  }

  /*
   * RSAB intro layer uses the exact same picture geometry
   * as the responsive current hero, but is painted after it.
   */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    > .visualHeroIntroPicture{
    z-index:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:
      opacity 1.20s cubic-bezier(.22,.61,.36,1) !important;
    will-change:opacity !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    .visualHeroIntroImage{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.018) !important;
    transform-origin:center center !important;
    filter:saturate(.96)
      contrast(1.01)
      brightness(1.01) !important;
    transition:none !important;
    animation:none !important;
    pointer-events:none !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }

  /*
   * Final stage:
   * only the RSAB layer fades away.
   * Current responsive hero underneath never moves/scales.
   */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero.is-desktop-hero-current
    > .visualHeroIntroPicture{
    opacity:0 !important;
    pointer-events:none !important;
  }

  /*
   * The tint and all hero content stay above both photos.
   * This preserves the exact existing overlay/feature hierarchy.
   */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    .visualHeroTint{
    z-index:1 !important;
  }
}

/* Compact laptop crop */
@media (min-width:980px) and (max-width:1150px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    .visualHeroIntroImage{
    object-position:center center !important;
    transform:scale(1.012) !important;
  }
}

/* Large desktop */
@media (min-width:1440px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    .visualHeroIntroImage{
    object-position:center center !important;
    transform:scale(1.016) !important;
  }
}

/* HP + tablet: never render the intro layer. */
@media (max-width:979px){

  .visualHeroIntroPicture{
    display:none !important;
  }
}

/* Respect reduced motion: image still changes, only fade is instant. */
@media (min-width:980px) and (prefers-reduced-motion:reduce){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    > .visualHeroIntroPicture{
    transition:none !important;
    will-change:auto !important;
  }
}

/* =========================================================
   V438 - SYNCHRONIZED DESKTOP HERO + FEATURE RAIL LOOP
   ---------------------------------------------------------
   RSAB HERO
     -> Feature Rail hidden
     -> Current responsive hero
     -> Feature Rail phase 1
     -> phase 2
     -> phase 3
     -> Feature Rail hidden
     -> RSAB HERO
     -> repeat
   ========================================================= */

@media (min-width:980px){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    .desktopHeroFeatureRail{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:
      opacity .44s cubic-bezier(.22,.61,.36,1),
      visibility 0s linear .44s !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero.is-desktop-hero-current
    .desktopHeroFeatureRail.is-hero-synced-visible{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:
      opacity .44s cubic-bezier(.22,.61,.36,1),
      visibility 0s linear 0s !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero:not(.is-desktop-hero-current)
    .desktopHeroFeatureRail{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    > .visualHeroIntroPicture{
    transition:
      opacity 1.20s cubic-bezier(.22,.61,.36,1) !important;
  }
}

@media (min-width:980px) and (prefers-reduced-motion:reduce){

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    .desktopHeroFeatureRail,
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .visualHero
    > .visualHeroIntroPicture{
    transition:none !important;
  }
}


/* =========================================================
   V439 - HOT TOPIC HEADING IN FRONT OF RSAB IMAGE
   ---------------------------------------------------------
   - Label + h2 dipindahkan ke satu figcaption di depan foto.
   - Area bawah caption disisakan untuk bangunan.
   - Caption ikut mengukur tinggi frame: copy English yang
     lebih panjang tidak menimpa atau memotong judul.
   - Posisi/crop gambar memakai baseline responsive V436;
     hanya positioning-nya menjadi layer di belakang caption.
   - Fade-in memakai .desktopReveal yang sudah diamati JS.
   - Hero loop V438, CTA satin sweep, footer, dan HP tetap.
   ========================================================= */
@media (min-width:980px){
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMedia{
    position:relative !important;
    isolation:isolate !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:start !important;
    /* Area foto tetap putih, termasuk bila PNG memakai transparansi. */
    background:#ffffff !important;
  }

  /* Foto tetap memenuhi seluruh frame, di belakang judul. */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMedia > img{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMediaCaption{
    position:relative !important;
    z-index:3 !important;
    min-width:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:clamp(24px,2vw,34px)
      clamp(22px,2vw,34px)
      clamp(195px,15vw,250px) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
    text-align:left !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMediaCaption > h2{
    max-width:100% !important;
    color:#17384c !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  /* Warna teks mengikuti bidang putih foto, bukan background dark halaman.
     Frasa akhir tetap utuh saat judul membungkus pada compact laptop. */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMediaCaption .desktopOfficialHotTopicTitleSecondary{
    color:#17384c !important;
    white-space:nowrap !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMediaCaption .desktopOfficialHotTopicTitleAccent{
    color:#089891 !important;
    white-space:nowrap !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMediaCaption > .desktopOfficialEyebrow{
    max-width:100% !important;
    height:auto !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    line-height:1.3 !important;
    white-space:normal !important;
  }

  /* Copy kanan tetap berkelompok di samping foto, tanpa judul duplikat. */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicBody{
    justify-content:center !important;
  }

  /* Fade opacity saja: tidak menggeser/men-zoom foto atau judul. */
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMediaCaption.desktopReveal{
    opacity:0;
    transition:opacity .95s cubic-bezier(.22,.61,.36,1) .16s !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMediaCaption.desktopReveal.is-visible{
    opacity:1;
  }
}

@media (min-width:980px) and (max-width:1159px){
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMediaCaption{
    padding:22px 20px 175px !important;
  }
}

@media (min-width:980px) and (prefers-reduced-motion:reduce){
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicMediaCaption.desktopReveal{
    opacity:1 !important;
    transition:none !important;
  }
}


/* =========================================================
   V451 - HOT TOPIC RIGHT BODY LOWER + CTA CARD WIDTH
   ---------------------------------------------------------
   Tujuan:
   - Mempertahankan lebar CTA V443 sebesar satu card benefit.
   - Menurunkan seluruh konten sisi kanan secara responsif.
   - Target: batas bawah CTA "Pelajari Vaksinasi Kehamilan"
     sejajar dengan batas bawah gambar gedung RSAB di sisi kiri.
   - Section kiri (foto + eyebrow + judul utama) tidak diubah.
   - Typography, benefit card, Satin Sweep, dan struktur tetap.
   ========================================================= */
@media (min-width:980px){
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopic--media-heading
    .desktopOfficialHotTopicBody{
    position:relative !important;
    top:clamp(108px,8vw,146px) !important;
    padding:clamp(20px,1.9vw,34px)
      clamp(12px,1.7vw,26px)
      clamp(18px,1.8vw,28px)
      clamp(16px,1.6vw,24px) !important;
    align-self:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicInfoHeader{
    width:100% !important;
    margin:0 0 16px !important;
    display:flex !important;
    align-items:center !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicInfoBar{
    display:block !important;
    width:76px !important;
    height:6px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#7fd8d1 0%, #8dd9d2 100%) !important;
    box-shadow:0 1px 0 rgba(255,255,255,.45) inset,
      0 4px 10px rgba(10,152,145,.10) !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicInfoTitle{
    margin:0 !important;
    color:#17384c !important;
    font-size:clamp(19px,1.75vw,25px) !important;
    line-height:1.18 !important;
    font-weight:840 !important;
    letter-spacing:-.03em !important;
    max-width:700px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicLead{
    max-width:700px !important;
    margin-top:16px !important;
    color:#5f7788 !important;
    font-size:clamp(11.8px,.88vw,13.8px) !important;
    line-height:1.62 !important;
    font-weight:560 !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2{
    width:100% !important;
    max-width:none !important;
    margin-top:24px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2 > li{
    padding:18px 18px !important;
    min-height:122px !important;
    display:grid !important;
    grid-template-columns:78px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    background:linear-gradient(180deg,rgba(255,255,255,.92) 0%, rgba(250,252,252,.98) 100%) !important;
    border:1px solid rgba(83,133,145,.11) !important;
    border-radius:22px !important;
    box-shadow:0 12px 24px rgba(63,91,102,.08),
      inset 0 1px 0 rgba(255,255,255,.72) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:none !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2 > li:first-child{
    padding-left:18px !important;
    border-right:1px solid rgba(83,133,145,.11) !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2 > li:last-child{
    padding-right:18px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPointImage{
    width:70px !important;
    height:70px !important;
    max-width:70px !important;
    max-height:70px !important;
    padding:12px !important;
    object-fit:contain !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,rgba(234,247,246,.95) 0%, rgba(228,242,241,.98) 100%) !important;
    border:1px solid rgba(43,149,143,.12) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8),
      0 8px 16px rgba(8,152,145,.07) !important;
    filter:none !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPointCopy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:6px !important;
    min-width:0 !important;
    color:inherit !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPointTitle{
    display:block !important;
    margin:0 !important;
    color:#18394c !important;
    font-size:clamp(12.8px,.94vw,15.2px) !important;
    line-height:1.22 !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPointCopy > small{
    display:block !important;
    margin:0 !important;
    color:#657d8d !important;
    font-size:clamp(10.4px,.76vw,12.2px) !important;
    line-height:1.52 !important;
    font-weight:560 !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicActions{
    margin-top:32px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicButton{
    width:calc((100% - 18px) / 2) !important;
    min-width:0 !important;
    max-width:none !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicBody
    .desktopOfficialHotTopicButton span[data-desktop-copy="hotTopicCta"]{
    font-size:10.4px !important;
  }
}

@media (min-width:980px) and (max-width:1279px){
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicInfoTitle{
    font-size:clamp(18px,1.85vw,22px) !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2{
    gap:14px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2 > li{
    min-height:112px !important;
    grid-template-columns:68px minmax(0,1fr) !important;
    padding:16px 16px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPointImage{
    width:62px !important;
    height:62px !important;
    max-width:62px !important;
    max-height:62px !important;
    padding:11px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicButton{
    width:calc((100% - 14px) / 2) !important;
    min-width:0 !important;
    max-width:none !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicBody
    .desktopOfficialHotTopicButton span[data-desktop-copy="hotTopicCta"]{
    font-size:9.6px !important;
  }
}

@media (min-width:980px) and (max-width:1159px){
  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicInfoHeader{
    margin-bottom:14px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicInfoBar{
    width:66px !important;
    height:5px !important;
  }

  body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicLead{
    margin-top:14px !important;
    line-height:1.55 !important;
  }
}

@media (min-width:980px){
  html[data-theme="dark"] body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicInfoTitle,
  html[data-theme="dark"] body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPointTitle{
    color:#edf8fa !important;
  }

  html[data-theme="dark"] body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicLead,
  html[data-theme="dark"] body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPointCopy > small{
    color:#b8cfd5 !important;
  }

  html[data-theme="dark"] body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPoints.desktopOfficialHotTopicPoints--variant2 > li{
    background:linear-gradient(180deg,rgba(21,48,54,.92) 0%, rgba(17,39,44,.98) 100%) !important;
    border-color:rgba(255,255,255,.07) !important;
    box-shadow:0 12px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  html[data-theme="dark"] body.bumilLandingPage.bumilLandingPage--officialDesktop
    .desktopOfficialHotTopicPointImage{
    background:linear-gradient(180deg,rgba(31,72,76,.98) 0%, rgba(23,58,61,.98) 100%) !important;
    border-color:rgba(105,219,213,.14) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 16px rgba(0,0,0,.18) !important;
  }
}


/* =========================================================
   DESKTOP FLOATING DOCTOR CONSULTATION WIDGET
   ---------------------------------------------------------
   Interaksi:
   - state awal: teaser singkat + FAB (varian 6);
   - state klik: panel frosted glass membuka dari kanan bawah
     (varian 1).
   - hanya aktif pada desktop/laptop.
   ========================================================= */

.desktopOfficialConsultWidget{
  display:none;
}

@media (min-width:980px){
  .desktopOfficialConsultWidget{
    position:fixed;
    right:24px;
    bottom:22px;
    z-index:160;
    width:min(360px, calc(100vw - 32px));
    min-height:72px;
    display:block;
    pointer-events:none;
  }

  .desktopOfficialConsultWidget[hidden]{
    display:none !important;
  }

  .desktopOfficialConsultWidget > *{
    pointer-events:auto;
  }

  .desktopOfficialConsultWidget.is-ready .desktopOfficialConsultTeaser,
  .desktopOfficialConsultWidget.is-ready .desktopOfficialConsultFab,
  .desktopOfficialConsultWidget.is-ready .desktopOfficialConsultFabTag{
    transition:opacity .28s ease, transform .32s ease, visibility .32s ease, box-shadow .28s ease;
  }

  .desktopOfficialConsultWidget.is-ready .desktopOfficialConsultPanel{
    transition:opacity .32s ease, transform .34s ease, visibility .34s ease, box-shadow .32s ease;
  }

  .desktopOfficialConsultPanel,
  .desktopOfficialConsultTeaser,
  .desktopOfficialConsultFab,
  .desktopOfficialConsultFabTag{
    opacity:0;
    visibility:hidden;
  }

  .desktopOfficialConsultWidget.is-ready[data-widget-state="collapsed"] .desktopOfficialConsultTeaser,
  .desktopOfficialConsultWidget.is-ready[data-widget-state="collapsed"] .desktopOfficialConsultFab{
    opacity:1;
    visibility:visible;
  }

  .desktopOfficialConsultWidget.is-ready[data-widget-state="collapsed"] .desktopOfficialConsultTeaser{
    transform:translate3d(0,0,0);
  }

  .desktopOfficialConsultWidget.is-ready[data-widget-state="collapsed"] .desktopOfficialConsultFab{
    transform:translate3d(0,0,0);
  }

  .desktopOfficialConsultWidget.is-ready[data-widget-state="expanded"] .desktopOfficialConsultPanel,
  .desktopOfficialConsultWidget.is-ready[data-widget-state="expanded"] .desktopOfficialConsultFab,
  .desktopOfficialConsultWidget.is-ready[data-widget-state="expanded"] .desktopOfficialConsultFabTag{
    opacity:1;
    visibility:visible;
  }

  .desktopOfficialConsultWidget[data-widget-state="collapsed"] .desktopOfficialConsultPanel{
    transform:translate3d(0, 18px, 0) scale(.965);
    pointer-events:none;
  }

  .desktopOfficialConsultWidget[data-widget-state="expanded"] .desktopOfficialConsultPanel{
    transform:translate3d(0,0,0) scale(1);
  }

  .desktopOfficialConsultWidget[data-widget-state="expanded"] .desktopOfficialConsultTeaser{
    opacity:0;
    visibility:hidden;
    transform:translate3d(18px,0,0);
    pointer-events:none;
  }

  .desktopOfficialConsultWidget[data-widget-state="collapsed"] .desktopOfficialConsultFabTag{
    transform:translate3d(10px,0,0);
    pointer-events:none;
  }

  .desktopOfficialConsultWidget[data-widget-state="expanded"] .desktopOfficialConsultFabTag{
    transform:translate3d(0,0,0);
  }

  .desktopOfficialConsultWidget[data-widget-state="collapsed"] .desktopOfficialConsultPanel,
  .desktopOfficialConsultWidget[data-widget-state="collapsed"] .desktopOfficialConsultFabTag{
    opacity:0;
    visibility:hidden;
  }

  .desktopOfficialConsultWidget:not(.is-ready) .desktopOfficialConsultTeaser{
    transform:translate3d(24px,0,0);
  }

  .desktopOfficialConsultWidget:not(.is-ready) .desktopOfficialConsultFab,
  .desktopOfficialConsultWidget:not(.is-ready) .desktopOfficialConsultFabTag{
    transform:translate3d(0,16px,0);
  }

  .desktopOfficialConsultPanel{
    position:absolute;
    right:0;
    bottom:80px;
    width:100%;
    padding:20px 20px 18px;
    border-radius:28px;
    background:linear-gradient(145deg, rgba(255,255,255,.78) 0%, rgba(247,252,252,.72) 100%);
    border:1px solid rgba(255,255,255,.62);
    box-shadow:0 24px 48px rgba(13,54,66,.16), 0 10px 22px rgba(15,159,141,.12), inset 0 1px 0 rgba(255,255,255,.70);
    backdrop-filter:blur(22px) saturate(1.18);
    -webkit-backdrop-filter:blur(22px) saturate(1.18);
    overflow:hidden;
  }

  .desktopOfficialConsultPanel::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top left, rgba(255,255,255,.46), transparent 38%), linear-gradient(135deg, rgba(15,159,141,.08), rgba(201,224,72,.04));
    pointer-events:none;
  }

  .desktopOfficialConsultPanel > *{
    position:relative;
    z-index:1;
  }

  /* =======================================================
     V455 - CONSULTATION CLOSE BUTTON PRECISE HIT AREA
     -------------------------------------------------------
     Tombol close harus selalu berada di atas header/foto dokter.
     Sebelumnya header dan tombol sama-sama berada pada z-index 1,
     sehingga area foto/header dapat menangkap pointer di atas tombol.
     ======================================================= */
  .desktopOfficialConsultClose{
    position:absolute;
    top:14px;
    right:14px;
    z-index:30 !important;
    width:34px;
    height:34px;
    border:1px solid rgba(207,225,230,.96);
    border-radius:999px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.72);
    color:#7e93a2;
    cursor:pointer;
    pointer-events:auto !important;
    touch-action:manipulation;
    user-select:none;
    -webkit-user-select:none;
    box-shadow:0 8px 18px rgba(18,57,72,.08), inset 0 1px 0 rgba(255,255,255,.88);
  }

  .desktopOfficialConsultClose:hover{
    color:#17384c;
    transform:translateY(-1px);
  }

  .desktopOfficialConsultPanelHeader{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 112px;
    gap:12px;
    align-items:start;
    margin-bottom:16px;
    padding-right:28px;
  }

  .desktopOfficialConsultHeaderPhoto{
    width:112px;
    height:122px;
    margin:0;
    align-self:start;
    justify-self:end;
    overflow:hidden;
    border-radius:24px;
    background:linear-gradient(160deg, rgba(239,251,248,.92), rgba(214,243,237,.76));
    border:1px solid rgba(255,255,255,.82);
    box-shadow:0 16px 28px rgba(15,159,141,.12), inset 0 1px 0 rgba(255,255,255,.88);
  }

  .desktopOfficialConsultHeaderPhoto img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
  }

  .desktopOfficialConsultPanelHeading{
    padding-top:6px;
  }

  .desktopOfficialConsultPanelHeading strong{
    display:block;
    margin:0 0 6px;
    color:#17384c;
    font-size:28px;
    line-height:1.02;
    letter-spacing:-.04em;
    font-weight:800;
  }

  .desktopOfficialConsultPanelHeading p{
    margin:0;
    color:#5f7485;
    font-size:13.5px;
    line-height:1.52;
    font-weight:560;
  }

  .desktopOfficialConsultNotice{
    display:grid;
    grid-template-columns:20px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:14px 15px;
    margin-bottom:14px;
    border-radius:18px;
    background:linear-gradient(145deg, rgba(241,252,250,.84), rgba(255,255,255,.72));
    border:1px solid rgba(219,239,235,.92);
    color:#436173;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
  }

  .desktopOfficialConsultNotice i{
    margin-top:1px;
    color:#0f9f8d;
    font-size:16px;
  }

  .desktopOfficialConsultNotice span{
    font-size:13.2px;
    line-height:1.45;
    font-weight:650;
  }

  .desktopOfficialConsultPrimaryButton{
    min-height:54px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:16px;
    padding:0 18px;
    border-radius:18px;
    text-decoration:none;
    color:#ffffff;
    background:linear-gradient(90deg, #0f9f8d 0%, #44bfab 56%, #9ecb43 100%);
    box-shadow:0 16px 30px rgba(15,159,141,.26), inset 0 1px 0 rgba(255,255,255,.24);
    font-size:18px;
    font-weight:800;
    letter-spacing:-.02em;
  }

  .desktopOfficialConsultPrimaryButton:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 34px rgba(15,159,141,.28), inset 0 1px 0 rgba(255,255,255,.30);
  }

  .desktopOfficialConsultTrustRow{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:10px;
    padding-top:2px;
  }

  .desktopOfficialConsultTrustRow span{
    display:grid;
    justify-items:center;
    gap:6px;
    text-align:center;
    color:#648191;
  }

  .desktopOfficialConsultTrustRow i{
    color:#0f9f8d;
    font-size:14px;
  }

  .desktopOfficialConsultTrustRow small{
    font-size:10.3px;
    line-height:1.28;
    font-weight:700;
  }

  .desktopOfficialConsultTeaser{
    position:absolute;
    right:74px;
    bottom:18px;
    min-height:76px;
    width:250px;
    padding:16px 18px 16px 18px;
    border:1px solid rgba(255,255,255,.66);
    border-radius:22px 22px 10px 22px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px;
    align-items:center;
    gap:14px;
    background:linear-gradient(145deg, rgba(255,255,255,.78), rgba(247,252,252,.68));
    box-shadow:0 18px 34px rgba(16,67,82,.14), 0 7px 16px rgba(15,159,141,.09), inset 0 1px 0 rgba(255,255,255,.84);
    backdrop-filter:blur(18px) saturate(1.14);
    -webkit-backdrop-filter:blur(18px) saturate(1.14);
    color:#17384c;
    text-align:left;
    cursor:pointer;
  }

  .desktopOfficialConsultTeaser::after{
    content:none;
  }

  .desktopOfficialConsultTeaser:hover{
    transform:translate3d(0,-2px,0);
    box-shadow:0 24px 38px rgba(16,67,82,.16), 0 8px 18px rgba(15,159,141,.11), inset 0 1px 0 rgba(255,255,255,.88);
  }

  .desktopOfficialConsultTeaserCopy strong{
    display:block;
    margin:0 0 6px;
    color:#17384c;
    font-size:14px;
    line-height:1.2;
    font-weight:800;
  }

  .desktopOfficialConsultTeaserCopy small{
    display:block;
    color:#5f7485;
    font-size:12px;
    line-height:1.42;
    font-weight:650;
  }

  .desktopOfficialConsultTeaserArrow{
    width:44px;
    height:44px;
    border-radius:999px;
    display:grid;
    place-items:center;
    color:#ffffff;
    background:linear-gradient(145deg, #17a89b, #0f9f8d);
    box-shadow:0 14px 24px rgba(15,159,141,.26), inset 0 1px 0 rgba(255,255,255,.22);
    font-size:17px;
  }

  .desktopOfficialConsultFabTag{
    position:absolute;
    right:82px;
    bottom:10px;
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg, rgba(255,255,255,.90), rgba(247,252,252,.86));
    border:1px solid rgba(255,255,255,.78);
    color:#476677;
    font-size:12.2px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.01em;
    box-shadow:0 14px 28px rgba(16,67,82,.12), inset 0 1px 0 rgba(255,255,255,.9);
    white-space:nowrap;
  }

  .desktopOfficialConsultFab{
    position:absolute;
    right:0;
    bottom:0;
    width:72px;
    height:72px;
    border:0;
    border-radius:999px;
    display:grid;
    place-items:center;
    color:#ffffff;
    background:linear-gradient(145deg, #10a89a 0%, #0f9f8d 50%, #1db5a9 100%);
    box-shadow:0 20px 34px rgba(15,159,141,.30), 0 8px 18px rgba(15,159,141,.18), inset 0 1px 0 rgba(255,255,255,.28);
    cursor:pointer;
  }

  .desktopOfficialConsultFab::before{
    content:"";
    position:absolute;
    inset:9px;
    border-radius:inherit;
    border:2px solid rgba(255,255,255,.62);
    pointer-events:none;
  }

  .desktopOfficialConsultFab:hover{
    transform:translateY(-2px);
    box-shadow:0 24px 38px rgba(15,159,141,.34), 0 10px 22px rgba(15,159,141,.20), inset 0 1px 0 rgba(255,255,255,.32);
  }

  .desktopOfficialConsultFab i{
    position:relative;
    z-index:1;
    font-size:28px;
  }

  .desktopOfficialConsultFabDot{
    position:absolute;
    top:3px;
    right:4px;
    width:16px;
    height:16px;
    border-radius:999px;
    background:#ff655c;
    border:2px solid #ffffff;
    box-shadow:0 8px 12px rgba(255,101,92,.34);
  }

  html[data-theme="dark"] .desktopOfficialConsultPanel{
    background:linear-gradient(145deg, rgba(14,33,39,.82) 0%, rgba(10,27,31,.76) 100%);
    border-color:rgba(170,208,215,.14);
    box-shadow:0 24px 48px rgba(0,0,0,.34), 0 10px 22px rgba(9,100,93,.18), inset 0 1px 0 rgba(255,255,255,.06);
  }

  html[data-theme="dark"] .desktopOfficialConsultClose,
  html[data-theme="dark"] .desktopOfficialConsultTeaser,
  html[data-theme="dark"] .desktopOfficialConsultFabTag{
    background:linear-gradient(145deg, rgba(16,43,48,.86), rgba(10,31,35,.78));
    border-color:rgba(170,208,215,.16);
    box-shadow:0 18px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
  }

  html[data-theme="dark"] .desktopOfficialConsultTeaser::after{
    background:linear-gradient(145deg, rgba(16,43,48,.86), rgba(10,31,35,.78));
    border-right-color:rgba(170,208,215,.16);
    border-bottom-color:rgba(170,208,215,.16);
  }

  html[data-theme="dark"] .desktopOfficialConsultPanelHeading strong,
  html[data-theme="dark"] .desktopOfficialConsultTeaserCopy strong{
    color:#effcff;
  }

  html[data-theme="dark"] .desktopOfficialConsultPanelHeading p,
  html[data-theme="dark"] .desktopOfficialConsultTeaserCopy small,
  html[data-theme="dark"] .desktopOfficialConsultFabTag,
  html[data-theme="dark"] .desktopOfficialConsultTrustRow span,
  html[data-theme="dark"] .desktopOfficialConsultClose{
    color:#a9c7cb;
  }

  html[data-theme="dark"] .desktopOfficialConsultNotice{
    background:linear-gradient(145deg, rgba(18,52,57,.90), rgba(11,37,41,.78));
    border-color:rgba(120,172,180,.18);
    color:#c7dfe2;
  }
}

@media (min-width:980px) and (max-width:1160px){
  .desktopOfficialConsultWidget{
    right:18px;
    bottom:18px;
    width:min(332px, calc(100vw - 28px));
  }

  .desktopOfficialConsultTeaser{
    right:68px;
    width:228px;
  }

  .desktopOfficialConsultPanelHeader{
    grid-template-columns:minmax(0,1fr) 96px;
    gap:10px;
  }

  .desktopOfficialConsultHeaderPhoto{
    width:96px;
    height:108px;
    border-radius:22px;
  }

  .desktopOfficialConsultPanelHeading strong{
    font-size:25px;
  }
}